@media screen and (min-width:1025px){
  #banner .slick-active .bimg {  visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
  @-webkit-keyframes scaleUpDown {
      from { -webkit-transform: scale(1.08); transform: scale(1.08); }
      to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  }
  @keyframes scaleUpDown {
      from { -webkit-transform: scale(1.08); transform: scale(1.08); }
      to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  }   
  .disappear .ibox{ transform: scale(0.8); opacity: 0.5;  transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
  .page.active .ibox{ transform: translate(0px,0px) scale(1);  transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }
  .box2inner .item1,.box2inner .item4,.box2inner .item7,.box2inner .item8,.box2inner .item10{ transform:rotateY(-90deg); -webkit-transform:rotateY(-90deg);  transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0;}
.box2inner .item2,.box2inner .item3,.box2inner .item4,.box2inner .item5,.box2inner .item6,.box2inner .item5,.box2inner .item9{ transform:rotateY(90deg); -webkit-transform:rotateY(90deg);  transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0;}
.active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}
.active .box2inner .item1{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;}
.active .box2inner .item2{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;}
.active .box2inner .item3{
  -webkit-transition:opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;}
.active .box2inner .item5{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;}
.active .box2inner .item6{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;}
.active .box2inner .item7{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;}
.active .box2inner .item8{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;}
.active .box2inner .item9{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;}
.active .box2inner .item10{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;}

.active .box2inner .item11{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;}
.active .box2inner .item12{
  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;}
  
  .hrMenu a:hover .cbg{ height: 100%;}
  .disappear .box4Ttx { -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; -ms-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-transform: perspective(300px) rotateY(-90deg); -moz-transform: perspective(300px) rotateY(-90deg); -ms-transform: perspective(300px) rotateY(-90deg); -o-transform: perspective(300px) rotateY(-90deg); transform: perspective(300px) rotateY(-90deg); }
  .active .box4Ttx, .m-active .box4Ttx { -webkit-transform: perspective(300px) rotateY(0deg); -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg); }

}

@media screen and (max-width:1600px){
  .nav{ margin-bottom: 40px;}
  .nav dd{ font-size: 14px;}
  .nav dd .t{ font-size: 16px; margin-bottom: 5px;}
  .greeItem .text .c{ top: 25%;}
  .greeItem .iimg{ width: 180px; height: 180px;}
  .happinessList .con li .ico{ margin-bottom: 5px;}
  .happinessList .num{ font-size: 80px; right: 5%; }
  .happinessList dd:hover .numbox{ right: 5%;}
  .happinessList dd:hover .by{ left: 5%;}
  .happinessList dd:hover .con{ left: 5%;}
  .happinessList .con{ width: 90%;}
  .happinessList .con li{ height: 130px; width: 30%; margin-right: 3%;}
  .goldDemo .list{ font-size: 16px;}
  .threeSerBox{ height: 750px;}
  .goldDemo,.RepairPage{ height: 375px;}
  .goldDemo .name{ top: 100px;}
  .goldDemo .list{ margin-right: 5%;    margin-left: 5%;    margin-top: 5%;    width: 90%;}
  .goldBox .img{ width: 90%;}
  .aboutLifePage .con{ padding: 30px 10%;}
  .aboutLifePage .img{ height: 335px;}
  .greeItem .text .en { font-size: 35px;}
}
@media screen and (max-width:1500px){
  .proListBanner .proinner{ width: 1200px; margin-left: -600px;}
  .proList{ width: 1200px;}
  .proList .item{ height: 298px;}
  .proList2{ width: 1220px;}
  .proList2 a.item{ margin:0px 10px 0px;}
  .proList2 li{ width: 406px;}
  .proList2 li.twoItem{ width: 812px;}
  .proList2 li.twoItem .img{ width: 386px;}
  .proList2 .twoItem .con{ height: 80%;}
  .proList2 .twoItem .con .c{ width: 90%;}
  .productPCon{ width: 1000px; margin-left: -500px; top: 16%;}
  .productPCon dd{ width: 560px;}
  .productPCon dt{ font-size: 70px;}
  .productPCon .t{ margin-bottom: 35px;}
}
@media screen and (max-width: 1370px){
  .nav{ width: 900px; margin-bottom: 20px;}
  .menubot{ width: 900px;}
  .box2inner{ margin: -242px 0 0 -492px;}
  .box4Ttx .c{ margin-bottom: 46px;}
  .ibox5c{ width: 666px; height: 444px; margin: -220px 0px 0px -333px;}
  .ibox5c .item{ width: 220px; height: 220px;}
  .ibox5c .item .txt,.ibox5c .item .info{ width: 160px; height: 220px;}
  .ibox5c .item1 .info{ background-size: 100% auto;}
  .ibox5c .item .info .num{ font-size: 40px;}
  .ibox5c .item .info .i{ font-size: 20px; text-align: center;}
  .ibox5c .item .txt .c{ height: 148px;}
  .bg62 .txt .t{ font-size: 28px;}
  .about-en,.culturePbox .en{font-size: 30px;}
  .about-t,.culturePbox .zh{font-size: 22px;}
  .oneCultrue .by{ font-size: 30px;}
  .oneCultrue .en{ font-size: 28px;}
  .greeItem .text{ width: 47%;}
  .greeItem .text .c{ top: 18%; width: 100%;}
  .greeItem .iimg{ width: 140px; height: 140px;}
  .pbanner2 .en{ font-size: 50px;}
  .pbanner2 .zh{ font-size: 22px;}
  .happinessList .con li{ height: 120px;}
  .RepairPage .ser-en{ font-size: 40px;}
  .goldDemo .list{ margin-right: 5%; margin-left: 5%; margin-top: 5%; width: 90%;}
  .proListBanner .proinner{ width: 1000px; margin-left: -500px;}
  .proListBanner .pcon{ padding: 44px 40px;}
  .proListBanner .en{ font-size: 34px}
  .proListBanner .zh{ font-size: 26px}
  .proListBanner .bot{ margin: 30px auto;}
  .proList{ width: 1000px;}
  .proList .item{ height: 246px;}
  .proList .con .en{ font-size: 26px;}
  .proList2{ width: 1020px;}
  .proList2 li{ width: 340px;}
  .proList2 li.twoItem{ width: 680px;}
  .proList2 li.twoItem .img{ width: 320px;}
  .proList2 .twoItem .con .c{ font-size: 13px; max-height: 140px; overflow: hidden;}
  .proinfoImg{ width: 1200px; margin: 0px auto;}
  .proinfoList{ width: 90%;}
  .productPCon{ width: 80%; margin-left: 0px; left: 10%; top: 12%;}
  .productPCon dd{ width: 62%}
  .productPCon dt{ font-size: 50px; width: 20%; padding: 35px 5%;}
  .itemC .con{ top: 35%;}
  .itemC .con .t{ font-size: 24px;}
  .itemC .con .c{ font-size: 16px;}
  .aboutLifePage .t{ font-size: 18px; margin-bottom: 20px;}
  .aboutLifePage .c{ font-size: 13px;}
  .brandBox .en{ font-size: 50px;}
  .brandBox .zh{ font-size: 28px;}
  .nightBox .contBox .leftBox .ch, .nightBox .contBox .leftBox .ch span { line-height: 70px }
.nightBox .contBox .leftBox .ch span { font-size: 80px;}
.nightBox .contBox .leftBox .ch { font-size: 26px ; line-height: 39px;}
.nightBox .contBox .leftBox .en { font-size: 36px ; line-height: 38px; padding: 0px 0px 0px 10px;}

.nightBox .iconBox { height: 160px }
.nightBox .iconBox ul li .icon { margin: 20px auto 10px}
.nightBox .contBox .leftBox .title{ padding: 30px 0px 0px 0px;transform:rotateY(0deg); -webkit-transform:rotateY(0deg);}
}
@media screen and (max-width:1280px){
  .footnav span{ padding: 0px 4px;}
  .inner{ width: 1000px;}
  .pagenav .inner{ width: 100%;}
  .twoPorfile-con{ padding: 95px; width: 730px;}
  .oneCultrue{ width: 800px;}
  .twoCultrue .con{ top: 25%;}
  .twoCultrue dd:hover .con{ top: 14%;}
  .twoCultrue dd:hover .by2{ margin: 3% auto 4%;}
  .proces-T .item1{ font-size: 36px;}
  .proces-T .item2{ font-size: 46px;}
  .greeItem .text .c{ top: 10%;}
  .greeItem .text .en{ font-size: 30px; width: 140px;}
  .greeItem .text .zh{ font-size: 22px;}
  .greeList{ top: 0px;}
  .greeList dd{ height: 120px; padding-top: 30px;}
  .greeList dd i{ margin-bottom: 20px;}
  .greeItem .text .i{background-position: -16px 0px; padding-bottom: 27px;}
  .pbanner2 .en,.pbanner2 .proTypeBox .en{ font-size: 40px;}
  .pbanner2 .zh,.pbanner2 .proTypeBox .zh{ font-size: 20px;}
  .happinessList .num{ font-size: 60px;}
  .happinessList .zh{ font-size: 14px;}
  .happinessList .con li{ height: 102px; font-size: 12px;}
  .happinessList .con li .ico{ width: 40px;}
  .happinessList dd:hover .by{ top: 5%;}
  .happinessList dd:hover .numbox{ top: 4%;}
  #storePage .ser-en{ font-size: 40px;}
  .proListBanner .en{ font-size: 30px}
  .proListBanner .zh{ font-size: 22px}
  .proListBanner .bot{ margin: 20px 0px;}
  .proinfoImgBox{ padding: 0px;}
  .proinfoImg{ width: 100%;}
  .productPCon dt{ font-size: 46px;}
  .wpro .en{ font-size: 60px;}
  .itemC .con{ top: 15%;}
  .hrMenu{ margin: 0px 0px 0px 500px; padding-left: 0px;}
  .hrMenu a{ width: 90px; }
  .logo .name{ font-size: 16px; right: -120px;}
  .pbannerbox .con2 .t{ font-size: 32px;}
  .pbannerbox .con2{ height: 90px;}
  .hrAbout_box,.hrBox,.applicationBox,.CareerPage{ padding: 60px 0px;}
  .applicationList{ width: 990px;}
  .applicationList .item1 .line{ width: 0px;}
  .applicationList .item8 .line, .applicationList .item8{ width: 0px;}
  .applicationList .item1{width: 120px;}
  .brandBox .en{font-size: 30px;}
  .brandBox .zh{ font-size: 22px;}
  .servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -92px;}
  .servicePage .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -92px;}
  .mapbox{ height: 400px;}
  dd.item2 div {margin: 0px 0px 0px 20px;}
}
@media screen and (max-width:1024px){
  .backTop,.qiyeQQ{ right: 9px;}
  .inner{width: 90%;}
  .profilePbox .con{padding:0px;}
  .content{ position:initial;}
  .weather{display:none;}
  .index_Note{display:none;}
  .filler{ display: none;}
  .logo,.pagesider2 .logo, .pagesider3 .logo, .pagesider5 .logo{ background: url(../img/logo4.png) no-repeat; background-size: auto 42px; width: 200px; height: 40px; left: 5%; top: 14px;}
  .menu,.topfix .menu{ top: 9px; right: 9px; width: 88px; font-size: 14px;}
  #boxsider{ height: 66px !important; background-color: #fff; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 10000;}
  .mtop{ height: 66px;}
  .open .menuBox{ height: 0%; padding: 0% 0px 0px;}
  .open .menuMobileBox{ height: 100%;}
  .open .mobileLogo{ /* padding-top: 54px; */}
  .open .navMobile dd p a{ padding: 8px 0px; opacity: 1;}
  .open .msharpT,.open .menuMobileBox .sharpBox,.open .menuMobilelink{ opacity: 1;}
  .footBox{ height: auto; padding: 40px 5% 4%;}
  .linkDL{ padding-bottom:0px;}
  .linkDL dd{ float: none; width: 100%;}
  .linkDL dd.lin0{ margin-bottom: 25px; width: auto;}
  .footnav{ text-align: left; padding-top: 20px;}
  .footnav a{ margin-right: 8px;}
  .footnav span{ display: none;}
  .linkDL dd.lin0 .sharpBox a{ margin-right: 10px;}
  .linkDL .lin2 a{font-weight: bold; color: #787878; line-height: 2.5;}
  .linkDL dd.lin1{ padding-bottom: 25px;}
  .linkDL dd.lin1 .pk{ margin-bottom: 5px;}
  .linkDL dd.lin1 .br{ padding-left: 20px; display: inline-block;}
  .linkDL dd.lin2,.linkDL dd.lin1{ width: 100%;}
  .sharpBox{ float: none;}
  .sharpBox a{ margin: 0px 20px 0px 0px;}
  #banner .slick-dots{ left: 5%;}
  .pagepos{display}
  #s3 .ibox{ padding: 80px 0px;}
  #s3 .ibox .bg2{ position: absolute; left: 0px; top: 0px;}
  .m-active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}
  .box2inner{ width: 726px; position: relative; margin: 0px auto; left: auto; top: auto; height: auto;}
  .box2T{ height: auto; position: static; left: auto; top: auto; margin-bottom: 50px; width: 100%;}
  .box2T .t{ font-size: 32px; text-align: center;}
  .box2T .c{ height: auto;}
  .box2C{ position: relative; height: 484px;}
  #s2 .ibox{ height: 500px;}
  #s2 .linBox .txt .t{ font-size: 32px;}
  #s2 .linBox .txt .i{ font-size: 16px;}
  #s2 .linBox .txt .bot{ width: 350px;}
  #s4 .ibox{ position: relative; /* padding: 80px 0px; */}
  #s4 .ibox .bg4{ position: absolute; left: 0px; top: 0px; }
  .ibox5c{ width: 520px; height: 324px; margin: -162px 0px 0px -260px;}
  .ibox5c .item{ width: 170px; height: 160px; font-size: 12px;}
  .ibox5c .item .txt,.ibox5c .item .info{ width: 140px; padding: 0px 15px; height: 160px;}
  .ibox5c .item .txt .c{ height: 84px; padding: 20px 0px 0px;}
  .ibox5c .item .info .num{ font-size: 32px; padding: 20px 0px 0px;}
  .ibox5c .item .info .ico, .ibox5c .item .txt .ico{width:60px; height:60px;margin: 20px auto 0px;}
  .ibox5c .item .info .i{ font-size: 16px;}
  .ibox5c .item .info .i, .ibox5c .item .txt .i{ font-size: 16px;}
  .ibox5c .item .info .t{ left:auto; position: relative; bottom: auto;}
  .box4Ttx{ position: relative;  text-align: center; margin: 0px auto; right: auto; top: auto; display: block;}
  .box4Ttx .more{ margin: 0px auto;}
  #s5 .ibox{ height: 600px;}
  #s6 .ibox{ height: 600px;}
  .bg62 .txt .t{ font-size: 24px;}
  .top{ height: 66px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9);}
  .profilePbox{ padding: 60px 0px;}
  .profilePbox.target.action { width: 100%;}
  .profilePbox.target.action
  .profilePbox .con{ margin: 38px 0px;}
  .culturePbox .en{ font-size: 30px;}
  .culturePbox .zh{ font-size: 16px;}
  .culturePbox .con{ width: 300px; margin-left: -150px; top: 25%;}
  .culturePbox .black{ width: 100%; height: 100%; left: 0px; top: 0px; opacity: 1; filter:alpha(opacity=100);}
  .culturePbox .zh{ padding: 16px 0px;}
  .culturePbox .bot1{ width: 100%;}
  .culturePbox .bot2{ opacity: 0; visibility: hidden;}
  .culturePbox .btn-more { visibility: visible; opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px);}
  .culturePbox a:hover .con{ top: 25%;}
  .processPbox{ background-attachment: initial; padding: 80px 0px;}
  .onePorfile{ padding: 60px 0px 80px;}
  .pagenavBox{ height: auto; position: relative;}
  .cpnav{ display: block;}
  .pagenavBox .inner{ position: absolute; left: 0px; top: 50px; width: 100%; z-index: 800; display: none;}
  .pagenavBox .inner a{ width: 100%; display: block; border-right: 0px none; background-color: rgba(0,149,114,0.7);}
  .pagenavBox .inner a:hover,.pagenavBox .inner a.act{ background-color: rgba(13,183,143,0.8);}
  .pagenav.fixed{ top: auto; position: inherit;}
  .twoPorfile{ background-attachment: inherit;}
  .twoPorfile-con{ width: 74%; padding:40px 7%; top: -40px;}
  .twoPorfile-con .yico{ background: none #009572; border-radius: 50%;}
  .twoPorfile-con .yico i{ transform: scale(0.8); -webkit-transform: scale(0.8);}
  .oneCultrue{ width: 90%; overflow: hidden; padding: 40px 5% 100px 5%;}
  .oneCultrue .by{ font-size: 32px;}
  .oneCultrue .zh{ margin-bottom: 40px;}
  .twoCultrue .con{ background-color: #009470; display: block; padding:40px 0px; width: 100%; left: auto; position: relative; top: auto;}
  .twoCultrue dd:hover .con{ top: auto;}
  .twoCultrue dd:hover .blue{ display: none;}
  .twoCultrue dd .by1{ opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden;}
  .twoCultrue dd .by2,.twoCultrue dd:hover .by2{ opacity: 1; margin: 3% auto 6%; visibility: visible;}
  .twoCultrue dd .t .bot1{ visibility: hidden; opacity: 0;}
  .twoCultrue dd .t .txt{padding: 0px 0px 12px;color: #fff;}
  .twoCultrue dd .c{ display: block; height: 72px;}
  .twoCultrue dd .lico,.twoCultrue dd:hover .lico{ display: none;}
  .proces-Inner{ width: 90%;}
  .proces-T .item1{ font-size: 32px;}
  .proces-T .item2{ font-size: 40px;}
  .proces-info{ margin: 60px auto;}
  .proces-list dd{ padding: 30px 44px 0px;}
  .proces-L .txt,.proces-R .txt{ width: auto;}
  .threeSerBox{height:auto}
  .pagePadding{padding: 0px;}
  .newItem{ /* margin-left: 4%; */ width: 31%;}
  .newItem .img{height: 170px;}
  .ninfoT{ margin-top: 0px;}
  .ninfoT .t{ font-size: 22px;}
  .infoC{ width: 90%; margin: 0px auto;}
  .infoPaging .inner{ width: 100%;}
  .infoPaging a{ padding: 10px 4px;}
  .mtop2{ height: 0;}
  .vwrap .videobox { width: 700px; margin-left: -350px; }
  .videoList{ width: 80%; margin: 0px auto; padding: 50px 0px;}
  .greenChainBox .en{ font-size: 40px;}
  .greenChainBox .zh{ font-size: 22px;}
  .greeList{ display: none;}
  .greeDemo .imgitem{ display: none;}
  .greeItem{ position: relative; left: auto !important; top: auto; margin:0px auto 20px; width: 90%; /* padding: 5%; */}
  .greeItem .img{ float: left; display: block;}
  .greeItem .text{ position: relative; float: left; display: block; left: auto; margin-left: 5%; width: 45%;}
  .greeItem .text .zh{ margin-bottom: 10px;}
  .greeItem .text .en{ width: auto; margin-bottom: 10px;}
  .greeItem .text .by{ display: none;}
  .greeItem .text .i{ margin-top: 0px; }
  .greeItem .text .c{ position: relative; right: auto; top: auto; width: 100%;}
  .greeItem .iimg{ right: auto; left: -2%; width: 100px; height: 100px;}
  .pbanner2 .en,.pbanner2 .proTypeBox .en{ font-size: 32px;}
  .pbanner2 .zh,.pbanner2 .proTypeBox .zh{ font-size: 16px;}
  .pbanner2 .by{ display: none;}
  .happinessList .num{ font-size: 120px;}
  .happinessList .numbox,.happinessList dd:hover .numbox{ position: relative; display: block; right: auto; top: auto; margin: 0px auto; padding: 30px 0px;}
  .happinessList .numbox .zh,.happinessList dd:hover .numbox .zh{ opacity: 1; visibility: visible;}
  .happinessList dd:hover .wihl{ display: none;}
  .happinessList .by,.happinessList dd:hover .by{ display: none;}
  .happinessList .con,.happinessList dd:hover .con{ width: 90%; margin: 0px auto; position: relative; top: auto; left: auto; opacity: 1; visibility: visible; bottom: auto;}
  .happinessList .con li{ width: 30.33%; text-align: center;}
  .happinessList .con li .ico{ margin: 0px auto; display: block;}
  .happinessList dd:nth-child(2){ background-color: #F8F8F8;}
  .wholeheartedlyB{ padding: 50px 0px;}
  .ser-en{ font-size: 32px;}
  .ser-zh{ font-size: 20px;}
  .ser-i{ font-size: 14px;}
  .wholeheartedlyImg{ background-attachment: inherit;}
  .clearfix.threeSerBox{ height: auto;}
  .goldBox,.threeSerBox .rightBox{ width: auto; float: none;}
  .goldBox{ padding-bottom: 40px;}
  .goldBox .img{ width: 500px; margin: 0px auto;}
  #storePage .inner{ width: 90%;}
  .fakeBox{ padding-left: 0px;}
  .proBox{ padding-right: 0px;}
  .proBox .flex-direction-nav .flex-next{ display: none;}
  .proBanner .con .t{ font-size: 32px;}
  .productNav li{ width: 20%;}
  .screenBox{ padding: 35px 0px;}
  .serachBox{ height: 50px; width: 60%; padding: 0px 70px 0px 20px; border-radius: 30px; position: relative; margin: 0px auto; right: auto; bottom: auto; background-color: #fff;}
  .serachTxt,.serachBtn{ height: 50px; width: 70px;}
  .serachBtn{ position: absolute; right: 0px; top: 0px;}
  .serachTxt{ width: 100%; font-size: 16px;}
  .screenBtn{ display: block;}
  .productList dd{ width: 31.33%; margin: 0px 1% 35px;}
  .productList dd .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
  .productList dd .con{ background-color: #FFFFFF; color: #fff;}
  .productList dd .bot{ width: 100%;}
  .productList dd .botoom{ bottom: 110px; opacity: 1; visibility: visible;}
  .proTop{ height: 0px;}
  .proListBanner .img{ display: none;}
  .proListBanner .proinner{ position: relative; left: auto; bottom: auto; margin-left: 0px; width: auto;}
  .proListBanner .pcon{  margin: 80px 0px 80px 5%; width: 80%; padding: 40px 5%; float: none;}
  .proList{ width: 95%;}
  .proList li{ width: 50%;}
  .proList li.item2{ width: 100%;}
  .proList .item{ height: auto; margin: 0 5% 20px;}
  .proList li.item2 .item{ padding: 45px 0px; margin: 0px 2.5% 20px;}
  .verMidOut{ display: block; position: relative; left: auto; top: auto; padding: 0px 5%; text-align: center; z-index: 10;}
  .verMidMid{ display: block; top: auto; }
  .verMidIn{ position: relative; top: auto; width: 100%;}
  .pageCur{ margin-top: 0px;}
  .proinfoDemo{ width: 90%;}
  .proinfoDemo dt{ float: none; margin: 0px 5%; width: 90%;}
  .proinfoDemo dd{ float: none; width: auto; padding:30px 5% 40px; text-align: center;}
  .proListPage{ background-attachment: initial;}
  .proList2{ width: 90%;}
  .proList2 li{ width: 100%; float: none;}
  .proList2 a.item{ margin: 0px;}
  .proList2 .oneItem .black{ display: none;}
  .proList2 li.twoItem{ width: 100%;}
  .proList2 li .img,.proList2 li.twoItem .img{ width: 50%;}
  .proList2 .oneItem a:hover .img{ -webkit-transform: scale(1); transform: scale(1);}
  .proList2 .oneItem .con{ position: absolute; left: 54%; width: 42%; color: #060606;}
  .proList2 .twoItem .con{ height: 84%;}
  .proList2 .twoItem .con .c{ width: auto; max-height: auto;}
  .proList2 .twoItem .con .bot{ width: 150px; background-color: #00865E;}
  .proList2 .oneItem .con .bot{ width: 150px;}
  .proList2 a:hover .filler2-left { height: 0%; }
  .proList2 a:hover .filler2-right { height: 0%; }
  .proList2 a:hover .filler2-top { width: 0%; }
  .proList2 a:hover .filler2-bottom { width: 0%; }
  .wpro{ width: 90%;}
  .wpro .en{ font-size: 50px;}
  .productPCon{ width: 100%; position: relative; left: auto; top: auto; background: none #009572;}
  .proContact{ position: relative; left: auto; bottom: auto; padding: 20px 0px;}
  /*.exprienceBox{ float: none; width: 50%; background-position: left center; padding-left: 50%; background-size: cover;}
  .exprienceBox .en{ color: #009470;}
  .exprienceBox .btn-more{ border-color: #009572;}
  .exprienceBox .btn-more .bbg{ right: -35%; visibility: visible; opacity: 1;}
  .exprienceBox .btn-more .bc{ color: #fff;}
  .furnitureBox{ float: none; width: 100%;}*/
  .typeBox{ padding-top: 60px;}
  .itemC .con .t{ font-size: 20px;}
  .proIpic .flex-direction-nav a{ width: 40px; height: 40px; margin-top: -20px;}
  .proIpic .flex-direction-nav a .ico{ transform: scale(0.8); background-color: transparent;}
  .proPrev,.proNext{ width: 40px; height: 40px;line-height: 40px; margin-top: -20px;}
  .securitylist li{ width: 48%;}
  .hrBox{ width: 90%;}
  .hrTop{ height: 106px;}
  .hrTop.topLogo .logo{ width: 147px;}
  .logo .name{ font-size: 12px; right: -84px;}
  .homeBtn{ padding: 0px; height: 66px; width: 60px;}
  .homeBtn .ico{ font-size: 14px; height: 0px; overflow: hidden; padding-top: 66px; background-position: center center;}
  .hrMenu{ margin: 0px; padding:66px 0px 0px 0px; width: 100%; }
  .hrMenu a{ padding: 0px; height: 40px; line-height: 40px; width: 25%; background-color: #5AD7B9; color: #fff; font-size: 14px;}
  .hrMenu a .cbg{ background-color: #0db78f;}
  .hrMenu a .i{ color: #fff;}
  .mtop3{ height: 106px;}
  .pbannerbox .con2{ margin-top: -45px;}
  .joinImg{ padding: 120px 0px; background-attachment: inherit;}
  .hrList .hot{ left: 10%; transform: scale(0.9); -webkit-transform: scale(0.9);}
  .hrList .hicon{ width: 10%;}
  .hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5){ display: none;}
  .hrList .hspan:nth-child(2),.hrList .hspan:nth-child(3){ width: 35%;}
  .hrList .hspan:nth-child(6){ width: 20%;}
  .hrList .hrB{ margin-left: 10%;}
  .applicationPage{ background-attachment: inherit;}
  .applicationList{ width: 80%;}
  .applicationList li,.applicationList .item1{ width: 33.33%; position: relative; margin-top: 25px;}
  .applicationList .item7{ width: 100%;}
  .applicationList li .line,.applicationList .item1 .line{ display: none;}
  .applicationList .t{ margin: 0px auto; float: none;}
  .applicationList .y1{ border: 2px solid #009470; background: none #fff; border-radius: 50%; box-sizing: border-box;}
  .applicationList .y2{ background:none #009470; border-radius: 50%;}
  .applicationList .tr .y1{ opacity: 0;transform: scale(1.2); -webkit-transform: scale(1.2);}
  .applicationList .t .y2 { opacity: 1;transform: scale(1); -webkit-transform: scale(1);visibility: visible;}
  .applicationList .t .name{ color: #fff;}
  .applicationList .t .name i{ width: 16px;}
  .aboutUsPc{ width: 86%;}
  .aboutCulturePage{  background-attachment: inherit;}
  .aboutCultureDL dd{ width: 40%; margin: 0px 5%;}
  .aboutLifePage dd{ width: 100%; float: none;}
  .aboutLifePage dd .filler2-left{ height: 96%; }
  .aboutLifePage dd .filler2-right{ height: 96%;}
  .aboutLifePage dd .filler2-top{ width: 96%;}
  .aboutLifePage dd .filler2-bottom{ width: 96%;}
  .aboutLifePage .img{ float: left; display: block; width: 50%;}
  .aboutLifePage .con{ padding: 60px 6% 0px; float: left; display: block; width: 38%;}
  .aboutLifePage .c{ font-size: 14px;}
  .aboutLifePage .num{ top: 25px; margin-top: 0px; margin-right: 0px; right: 10%; opacity: 1; visibility: visible;}
  .aboutLifePage .twoDD .num{ top: 25px; margin-top: 0px;}
  .aboutUsPage{ padding: 60px 0px;}
  .brandPage{ padding: 60px 0px;}
  .brandBg{ bottom: 0px; background-attachment: initial; background-size: cover;}
  .brandBox{ width: 66%; padding:50px 8%; float: none; margin: 0px auto;}
  .serviceDemo{ width: 90%;}
  .servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -22px;}
  .servicePage .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -22px;}
  .yearQuanBox{ width: 86%;}
  .yearQuanBox .by{ font-size: 32px;}
  .yearQuanBox .t{ font-size: 40px;}
  .yearQuanBox .c{ font-size: 16px;}
  .leftBox{ width: 75%; margin: 0px auto;}
  .contactPage{ width: 90%; padding: 50px 0px;}
  .goldList{ width: 100%;}
  .goldList .botoomN{ display: none;}
  .goldList .filler2-left { height: 100%; }
  .goldList .filler2-right { height: 100%; }
  .goldList .filler2-top { width: 100%; }
  .goldList .filler2-bottom { width: 100%; }
  .glodInner{ width: 90%;}
  .goldList .more{ width: 100%;}
  .goldBottom{ padding: 50px 0px 60px;}
  .retxt { padding: 10px 15px; line-height: initial; height: auto; }
  .newBox .newList li a{ height: 219px;}
  .newBox .newList .imgs{ width: 50%;}
  .newBox .newList .texts{ width: 39%;}
  .newBox .newList .time{/* padding-top: 40px!important; *//* height:44px!important; */}
  .newBox .newList .tit{font-size: 16px!important;}
  .proces-T dd,.proces-info dd{ float: none; width: 100%; background-color: #fff;}
  .proces-padding-l,.proces-padding-r{ padding: 0px;}
  .proces-T .item1,.proces-T .item2,.proces-info .item1,.proces-info .item2{ text-align: center;}
  dd.item2 div {margin: 0px;}
}

@media screen and (max-width:860px){
  .box2T{ position: relative; top: auto; left: auto;}
  .box2inner{ width: 484px;}
  .box2C{  margin: 0px auto;}
  .box2inner .item1{ right: auto; left: 0px; top: 0px;}
  .box2inner .item2{ right: auto; top: 0px; left: 121px;}
  .box2inner .item3{ right: 0px; top: 0px;}
  .box2inner .item4{ right: auto; left: 0px; top: 121px;}
  .box2inner .item5{ right: 121px; top: 121px;}
  .box2inner .item6{ right: auto; left: 0px; top: 242px;}
  .box2inner .item7{ right: auto; left: 121px; top: 242px;}
  .box2inner .item8{ right: 0px; top: 242px;}
  .box2inner .item9{ right: 242px; top: 363px;}
  .box2inner .item10{ right: 121px; top: 363px;}
  .box2inner .item11{ display: none;}
  #s3 .linBox .txt .t{ font-size: 28px;}
  #s3 .linBox .txt .bot{ width: 300px;}
  .bg62 .txt .t{ font-size: 22px;}
  .nearbybtn{ margin-top: 7%;}
  .profilePbox{ width: 80%;}
  .culturePbox dd{ width: 100%; display: block;}
  .culturePbox .con{ top: 50%; margin-top: -77px;}
  .culturePbox a:hover .con{ top: 50%;}
  .processPCon{ width: 90%;}
  .historyPbox .lico{ padding-left: 50px;}
  .onePorfile{ width: 80%;}
  .onePorfile .t1{ font-size: 22px;}
  .onePorfile .t2{ font-size: 40px;}
  .onePorfile .con{ font-size: 24px;}
  .twoCultrue dd .c{ display: block;}
  .newItem{ margin: 0px 2% 40px; width: 46%;}
  .newBox .newList .imgs{ width: 100%; height: 200px;}
  .newBox .newList .texts{ width: 100%;}
  .newBox .newList li a{ height: auto; padding-bottom: 25px;}
  .vwrap .videobox { width: 560px; margin-left: -280px; }
  .videoa .t{ font-size: 22px;}
  .videoList .videoa{ padding: 28px 15px 15px;}
  .videoa .by{ margin-bottom: 30px;}
  .twoServiceBox dd{ width: 100%; float: none; background-color: #fff;}
  .twoServiceBox .c{ height: auto !important;}
  .twoServiceBox dd .lico{ width: 70%;}
  .twoServiceBox dd .lico2{ opacity: 0; visibility: visible;}
  .goldBox .img{ width:400px;}
  #storePage .ser-en{ font-size: 32px;}
  .proList .con { top: 35%;}
  .proList .con .en{ font-size: 22px;}
  .proList .con .zh{ font-size: 15px;}
  .proList .con .bot{ margin: 8px auto;}
  .proinfoList li{ width: 49%;}
  .wpro .en{ font-size: 40px;}
  .productPCon dt{ float: none; width: auto;}
  .productPCon dd{ float: none; width: auto; padding: 0px 5% 50px;}
  .proIbox1{ float: none; width: 100%;}
  .proIbox1 .itemC,.proIbox1 .itemImg{ float: left; display: block; width: 50%;}
  .proIbox2{ width: 33.33%;}
  .proIbox3,.proIbox4{ width: 66.66%;}
  .securitylist ul{ margin-left: 0px;}
  .securitylist li{ width: 100%; margin: 0px 0px 20px;}
  .hrAbout_List a{ width: 200px; height: 200px;}
  .hrAbout_List{ margin: 50px 0px;}
  .CareerBox{ width: auto;}
  .aboutCultureDL dd{ float: none; width: 100%; margin: 0px 0px 40px; height: auto; text-align: center;}
  .aboutCultureDL dd .bot{ margin: 12px auto;}
  .yearQuanBox{ width: 90%;}
  .yearQuanBox .t{ font-size: 38px;}
  .contact-dl dd.conBox,.contact-dl dd.ewmBox{ width: auto; float: none;}
  .contact-dl dd.ewmBox li{ padding: 0px 22px 20px 0px;}
  .goldList .t,.glodBanner .t{ font-size: 24px; line-height: 1.2; margin-bottom: 5px;}
  .cd-section{ height: auto !important; overflow: hidden;}
  .nightBox .contBox .rightBox{ position: relative; width: 100%;}
  .nightBox .contBox .leftBox .ch span{
    font-size: 56px;
}
.active .nightBox .contBox .leftBox .title{padding: 25px 0px 0px 0px;line-height: 1.2;}
.nightBox .contBox .content1320{ position: absolute;height: 100%;z-index: 14;width: 100%;}
.nightBox{ height: auto;}
.nightBox .iconBox{ z-index: 100009; height: auto;transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}
.nightBox .contBox .leftBox{ left: 0;}
.nightBox .contBox .leftBox .en{ font-size: 24px;}
.nightBox .contBox .leftBox .ch, .nightBox .contBox .leftBox .ch span{ line-height:50px}
.nightBox .contBox .leftBox .list{margin:0px}
.nightBox .iconBox ul{ height: auto;display: block;}
.nightBox .iconBox ul li{ width: 25%;}
.nightBox .iconBox ul li.active .icon, .nightBox .iconBox ul li:hover .icon{top: 0;border: 1px solid #fff;}
.nightBox .iconBox ul li.active .text, .nightBox .iconBox ul li:hover .text{ font-size: 16px; top: 0;}
.nightBox .contBox .rightBox{ background: #000;}
.nightBox .contBox .rightBox ul li{ opacity: .6;}
.nightBox .contBox .leftBox .list .tit,.nightBox .contBox .leftBox .list .text{color: #fff;margin: 0px;line-height: 1.5;}
.nightBox .contBox .leftBox .list p {color:#fff;}
.nightBox .contBox .leftBox .list .dztext{color:#fff;}
.nightBox .iconBox ul li .icon{ margin: 5px auto;}
.nightBox .iconBox ul li.active .en, .nightBox .iconBox ul li:hover .en{font-size: 10px;}
.nightBox .iconBox ul li .en{ font-size: 10px;}
}
@media screen and (max-width:641px){
  .menuMobilelink a{ margin: 0px; width: 25%; display: inline-block;}
  .page{ position: relative;}
  #s1{/* height: 470px; */}
  .weather{display:none;}
  .logoyue{display:none;}
  .index_Note{display:none;}
  .index_news{position: relative;top: 0px;opacity: 0.9;/* display: none; */}
  .index_new{
    margin:0;
    padding: 5% 14% 5% 6%;
  }
  .index_new dl{
    width: 100%;
  }
  .index_new dl.r{
    float:none;
  }
  .index_new dl dd{
    margin-bottom:3px;
  }
  .index_new dl dt{
    margin:0 0 5px 10px;
  }
  #s3 .ibox{ padding: 50px 0px;}
  .box2inner{ width: 100%;}
  /*.box2T{ height: 90px;}
  .box2T .t{ float: left; display: block; width: 50%;}
  .box2T .c{ float: right; display: block; width: 44%; font-size: 14px; line-height: 1.8; height: 74px;}
  .box2inner .item .bg{ width: 96px; height: 36px; padding-top: 60px; left: 50%; top: 50%; margin:-48px 0px 0px -48px;}*/
  .box2T{ margin:0px auto 30px; width: 90%;}
  .box2inner .item{ width: 96px; height: 96px;}
  .box2C{ height: 384px; width: 288px;}
  .box2inner .item1{ right: auto; left: 0px; top: 0px;}
  .box2inner .item2{ right: auto; top: 0px; left: 96px;}
  .box2inner .item3{ right: 0px; top: 0px;}
  .box2inner .item4{ right: auto; left: 0px; top: 96px;}
  .box2inner .item5{ right: 0px; top: 96px;}
  .box2inner .item6{ right: auto; left: 96px; top: 192px;}
  .box2inner .item7{ right: 0px; left: auto; top: 192px;}
  .box2inner .item8{ right: 192px; top: 288px;}
  .box2inner .item9{ right: 96px; top: 288px;}
  .box2inner .item10{ right: 0px; top: 288px;}
  .box2inner .item11{ display: block; right: auto; left: 0px; top: 192px;}
  .box2inner .item12{ right: 192px; top: 192px;}
  .box2inner .item .bg{ font-size: 13px;}
  #s2 .linBox{ width: 100%; height: 50%; float: none; display: block;}
  #s2 .linBox .txt{ top: 30%;}
  #s2 .linBox:hover .txt{ top: 30%;}
  #s2 .ibox{ height: 580px;}
  #s2 .btn-more{margin: 0px auto;}
  #s6 .linBox{ width: 100%; /* float: none; */}
  #s6 .ibox{ height: 400px;}
  #s6 .bg60{ display: none;}
  .bg62 .txt{ top: 38%;}
  .bg61 .black{ position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block;}
  .bg61 .txt{ position: absolute; left: 0px; top: 42%; text-align: center; color: #fff; width: 100%; line-height: 1.5; display: block;}
  .bg61 .txt .t{ font-size: 28px;}
  .bg61 .txt .c{ font-size: 16px;}
  .box6Con{ padding-top: 50px;}
  .loginbtn{ width: 60px; height: 60px; line-height: 60px;}
  .linkDL dd.lin1 .br{ padding-left: 0px; display: block;}
  .about-en{font-size: 26px;}
  .about-t{font-size: 22px;}
  .profilePbox{ width: 100%;}
  .profilePbox .con{padding: 0px 5px;}
  .historyPbox .lico{ padding-left: 20px;}
  .twoCultrue dd{ width: 100%; float: none;}
  .twoCultrue dd .c{ height: auto;}
  .proces-T .item1{ font-size: 24px;}
  .proces-T .item2{ font-size: 32px;}
  .proces-info .item1{ font-size: 18px;}
  .vwrap .videobox { width: 400px; margin-left: -200px; height: 350px;  margin-top:-175px;}
  .videoList{ width: 90%;}
  .greenChainBox{ padding: 60px 0px;}
  .greeItem .img{ width: auto; float: none;}
  .greeItem .text{ margin:30px 0px 0px; width: auto; float: none; padding: 0px 5% 20px;}
  .greeItem .iimg{ display: none;}
  .greeItem .text .c{ text-indent: 0;}
  .pbanner2 .img{ width: 160%;}
  .happinessList dd{ width: 100%; float: none; background-color: #F8F8F8;}
  .twoServiceBox .ico{ width: 70px;}
  .RepairPage .ser-en{ font-size: 32px;}
  .RepairPage{height: 600px!important;}
  .RepairPage .item1{ float: none;}
  .RepairPage .item2{position: relative;right: auto;bottom: auto;margin: 0px auto;padding: 30px 0px 0px;width: 100%!important;}
  .RepairPage .ico{ left: auto; right: 5%; background-size: cover; width: 50px; height: 48px; bottom: auto; top: 5%;}
  .mbtn{ margin: 0px auto;}
  .goldDemo .name{ top: 0px;}
  .goldDemo .list{ margin-top: 5%;}
  .goldBox .img{ width:90%;}
  .proBanner .con{ text-align: center; left: 5%; width: 90%; top: 30%;}
  .proBanner .btn-more{ margin: 5% auto 0px;}
  .productNav li{ width: 25%;}
  .productNav a{ padding: 10px 0px; height: auto;} 
  .productNav a .ico{ margin-bottom: 0px; width: 35px; height: 35px;}
  .productList dd{ width: 46%; margin: 0px 2% 20px;}
  .psico{ border-radius: 50%; background:none #e5e5e5;}
  .psico:hover{ background:none #009470;}
  .prolistType{ /* text-align: left; */}
  .prolistType a{ display: inline-block; padding: 2px 0px; width: 30%; margin: 0px 1% 4px; text-align: center;}
  .proList{ width: 100%;}
  .proList li{ width: 100%;}
  .proList li.item2 .item{ margin: 0px 5% 20px;}
  .proinfoImgBox{ padding-bottom: 50px;}
  .proinfoDemo{ width: 100%; top: auto;}
  .proinfoDemo dd{ text-align: left;}
  .proList2 .twoItem .con{ top: 38%; text-align: center; height: auto;}
  .proList2 .twoItem .con .c{ display: none;}
  .proList2 .twoItem .con .bot{ margin: 10px auto;}
  .proList2 .con .en,.proList2 .twoItem .con .en{ font-size: 22px;}
  .proList2 .con .zh,.proList2 .twoItem .con .zh{ font-size: 15px;}
  .proContact dt,.proContact dd{ float: none; width: auto; text-align:left;}
  .productPCon dt{ display: none;}
  .productPCon dd{ padding-top: 45px;}
  /*.exprienceBox{ padding: 250px 5% 50px; height: auto; width: 90%; background-size:inherit; background-position: left top;}
  .furnitureBox{ padding-top: 340px; background-position: right top;}
  .furnitureDemo .slick-prev{ left: 2%;}
  .furnitureDemo .slick-next{ right: 2%;}
  .proIbox2{ width: 50%; float: none;}
  .proIbox3,.proIbox4{ width: 100%; float: none;}*/
  select.selbox2{ float: none; margin-bottom: 10px;}
  .securityT{ font-size: 26px;}
  .securityBox .r{ width: 100px;}
  .securityBox .r img{ width: 100%; display: block;}
  .pbannerbox .con2 .t{ font-size: 24px;}
  .pbannerbox .con2 .c{ font-size: 14px;}
  .hrAbout_List a{ width: 160px; height: 160px;}
  .joinImg{ padding: 100px 0px;}
  .hrList .hspan:nth-child(3),.hrList .hspan:nth-child(6){ display: none;}
  .hrList .hspan:nth-child(2){ width: 90%; text-indent: 2em; text-align: left;}
  .applicationList li,.applicationList .action li{ width: 50%;}
  .applicationList li.item7{ width: 100%;}
  .CareerList li{ width: 100%; float: none;}
  .aboutLifePage .img,.aboutLifePage .con{ float: none; width: auto;}
  .aboutLifePage .con{ height: auto; padding: 60px 7%;}
  .brandBox{ width: 84%;}
  .brandBox .zh{font-size: 23px;}
  .brandBox .c{ font-size: 14px;}
  .imgShowBox .overlayClose { top: 0px; background-color: #009470; position: absolute; z-index: 1000; width: 40px; height: 40px;}
  .imgShowDemo .item{ background-size: contain;}
  .imgShowDemo .owl-controls .owl-buttons div{ width: 30px; height: 30px; z-index: 1000; display: none;}
  .serviceDemo .item:hover .icobg{ left: 0%; display: none;}
  .serviceDemo .item:hover .ico{ left: 0%; display: none;}
  .hi-num{ display: none;}
  .imgShowBox{ padding: 50px 0px;}
  .yearQuanBox{ width: 100%;}
  .rightBox2{ float: none; margin: 0px auto 30px;}
  .leftBox{ width: 80%; margin: 0px auto; float:none; text-align: left;}
  .ermBox{ margin: 50px auto 0px; width: 184px;}
  .action .rightBox2{ transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms;}
  .mapbox{ height: 300px;}
  .screenBox{ padding: 15px 0px;}
  .screenitem1{ padding: 0px 20px;}
  .screenitem1 dd{ min-height: 25px; padding-left: 70px; margin-right: 0px; position: relative;}
  .screenitem1 .by-conditions-title{ left: 0px; top: 0px; position: absolute;}
  .by-conditions-con a{ display: inline-block;}
  .goldList .t{font-size: 16px;}
  .glodBanner .c{ font-size: 15px;}
  .hrAbout_List li{ float: none; width: 100%;}
  .hrAbout_List li:nth-child(1){ margin-bottom: 30px;}
  .hrAbout_List li:nth-child(2){ margin-bottom: 30px;}
  .hrAbout_List li:nth-child(3){ margin-bottom: 30px;}
}
@media screen and (max-width:481px) {
  .menuMobilelink a{ width: 50%; }
  .box2T{ width: 288px;}
  #s5 .ibox{ height: 500px;}
  .ibox5c{ width: 292px; height: 288px; margin: -219px 0px 0px -144px;}
  .ibox5c .item{ width: 144px; height: 144px; font-size: 12px;}
  .ibox5c .item .txt,.ibox5c .item .info{ width: 114px; padding: 0px 15px; height: 144px;}
  .ibox5c .item .txt .c{ height: 84px; padding: 20px 0px 0px;}
  .ibox5c .item .info .num{ font-size: 32px; padding: 20px 0px 0px;}
  .ibox5c .item .info .i{ font-size: 16px;}
  .ibox5c .item .info .t{ left:auto; position: relative; bottom: auto; top: 0px;}
  .historyPbox .lico{ padding-left: 0px;}
  .onePorfile .t2{ padding: 15px 0px; line-height: 1.1;}
  .onePorfile .con{ font-size: 20px;}
  .onePorfile .icoBox span{ margin: 0px 5%;}
  .proces-T dd,.proces-info dd{ float: none; width: 100%; background-color: #fff;}
  .proces-padding-l,.proces-padding-r{ padding: 0px;}
  .proces-T .item1,.proces-T .item2,.proces-info .item1,.proces-info .item2{ text-align: center;}
  .proces-info .item1,.proces-T .item1{ padding:20px 0px 30px;}
  .proces-info .item2,.proces-T .item2{ padding-bottom: 20px;}
  .proces-list{ background-color: #fff;}
  .proces-list dt.section{ width: 100%; background-color: #fff;}
  .proces-list dd{ padding: 30px 5% 0; background-color: #fff;}
  .proces-list .pitem1{width: 10%;}
  .proces-list .pitem2{width: 85%;}
  .proces-yd{left: 17%;}
  .p-year{ margin-right: 0px; float: none; padding-right: 0px;}
  .proces-list .proces-R .pitem1{ float: left;}
  .proces-L .month{ margin-right: 0px; float: none;}
  .proces-R .month{ /* margin: 0px 0px 0px 35px; */ display: block; width: 100%;}
  .proces-L .txt{ margin-left: 24px; padding: 0px 0px 22px 0px;}
  .proces-R .txt{ float: none; margin:0px 0px 0px 24px;}
  .newItem{ margin:0px 4% 40px; width: 92%; float: none;}
  .vwrap .videobox { width: 300px; margin-left: -150px; height: 300px; margin-top:-150px; }
  .productNav li{ width: 33.33%;}
  .productList dd{ width: 100%; float: none; margin: 0px 0px 25px;}
  .proinfoList ul{ margin-left: 0px;}
  .proinfoList li{ width: 100%; float: none; margin:0px 0px 30px 0px;}
  .proList2 li .img, .proList2 li.twoItem .img{ width: 100%;}
  .proList2 .oneItem .con,.proList2 .twoItem .con{ left: 5%; width: 90%; color: #fff;}
  .proList2 .twoItem .con .bot,.proList2 .twoItem a:hover .con .bot{ background-color: #fff;}
  .proIbox1 .itemC, .proIbox1 .itemImg,.proIbox3 .itemC, .proIbox3 .itemImg,.proIbox4 .itemC, .proIbox4 .itemImg{ float: none; width: 100%;}
  .proIbox2{ width: 100%;}
  .itemC{ height: 200px;}
  .itemC .con .t{ font-size: 28px;}
  .itemC .con .by{ font-size: 18px;}
  .itemC .img{ display: none;}
  .proIbox1:hover,.proIbox3:hover,.proIbox4:hover{ border:0px none;}
  .goldico{ display: none;}
  .proces-yd-img{left: 127px;}
  .pitem1 .txt1{border:none;width: auto;margin: 0px;float: left;text-align: left;}
  .proces-R .pitem1 .txt1{margin:0px;}
  .proces-R .txt{float:none;}
  .newBox .newList li{/* height: 184px; */}
  .newBox .newList .imgs{height: 183px!important;width: 100%!important;}
  .tagziti2 li{margin:2px 0px 0px 4px!important}
  .tagkuanghang.th{line-height:64px!important;}
  .pbanner2{height:auto!important;}
  img.jq_img_all{height:auto;}
  .pbanner2.yc.active {display: none;}
  .pbanner2 .topdh{top: 23%!important;}
  .newBox .newList .time{padding: 20px 0px 0px 0px!important;height: 48px!important;}
  .newBox .newList .more{margin: 5px 0px 0px 0px!important;}
  .pagepos{display:none;}
  .greeDemo{height: 2086px;}
  .goldList{margin:11px auto!important;padding:8px 0px!important}
  #s6 .bg61, #s6 .bg63{display:none;}
  .linBox.linbox1{display:none;}
  .rollImg a{display:none;}
  #s2 .linBox .txt{top: 20%;}
  #s2 .linBox:hover .txt{ top: 20%;}
  .productList dd .botoom p{margin:0px;}
  li.liul {height: 330px;}
  .newBox .newList .tit{font-size: 13px!important;}
  .psico .ps2{background-position:-38px 1px;}
  #s2 .ibox{height: 500px;}
  .txt img{width:98%!important;}
  .newBox .newList .texts{width:100%!important;}
  .proces_bot{display:none}
  .newBox .newList li a{height:auto!important;}
  .nightBox{height: 850px;}
  .nightBox .contBox .leftBox .list p{margin:0px;}
  .centerCont{margin: 0px!important;}
  .procespage{padding:0px;}
  .mapMainPop{clear: both;}
  .tagkuanghang{height: 63px!important;}
  .tagkuanghang.tagkuanghangfh{height: 40px!important;}
  .proces-info .item2{padding:0px;}
  .tagtitle{width:76px!important;}
  .tagtitle2{width:76px!important;}
  .zxdt,.zxdtwzbg,.ydsglwz,.ydsglan {display: none!important;}
  .btn-more.btn-more2 {margin: 38px auto;}
  .ydszxdtimg, .ydszxdtwz, .ydszxdtmc,.ydszxdtan {display: none!important;}
  .ydsfgyd,.ydsfgsy1,.ydsfgsy2,.ydsfgsy3,.ydsfgsy4,.ydsfgsy5,.ydsfgbt,.ydsfgwz,.ydsfgan {display: none!important;}
  .ydslyfwbt, .ydslyfwwz, .ydslyfwan,.ydslyfwtp {display: none!important;}
  .inner.clearfix.pageC{width:100%;}
  div#anchor1, div#anchor2, div#anchor3, div#anchor4, div#anchor5, div#anchor6{margin:0px!important}
  .pbanner2 .topdh .topdhzw {font-size: 2rem!important;}
  .pbanner2 .topdh .topdhen {font-size: 1.3rem!important;}
  .brandBox .en{font-size:20px;}
  .brandBox .zh{font-size:14px;}
  a.anchor-text{font-size:16px!important;}
  .brandPage{padding:0px}
  img.diligaik {width: 100%;}
  .position-situation, .geological, .geomorphic,.hydrological{margin:0px!important;}
  .profilePbox .con{padding:0px 15px}
  .profilePbox{padding: 20px 0px 0px 0px;}
  .box-img-container {width: 100%!important;}
  .box-text-container.spsx {display:none!important;}
  p.newNav{width:100%!important;padding:10px!important;}
  .top_box {display: none;}
  .pagePadding.bgf8 .inner.goldPage .goldList {width: 100%;}
  .brandBox{width: 94%!important;padding: 50px 2.7%;}
  .tbl_basic th, .tbl_basic td{word-break:normal!important;}
  img.picwimg { width: 160%;}
  dl.clearfix.threeSerBox {height: auto!important;}
  .question {height: 500px;}
  .retxt{width:70%!important;}

}
@media screen and (max-width: 375px) {
  .box4Ttx{ width: 224px;}  
  .menu{ width: 48px;}
  .menu .l{ display: none;}
  .culturePbox .img{ width: 130%;}
  .vwrap .videobox { width: 240px; margin-left: -120px; height: 300px; margin-top: -150px; }
  .hrAbout_List li{ float: none; width: 100%;}
  .hrAbout_List li:nth-child(1){ margin-bottom: 30px;}
  .hrAbout_List li:nth-child(2){ margin-bottom: 30px;}
  .hrAbout_List li:nth-child(3){ margin-bottom: 30px;}
  .pbanner2{height:auto!important;}
}
@media screen and (max-width: 320px){
  .RepairPage{height: 610px!important;}
}
.txt {color: #989898;padding: 0px 22px 0px 0px;}
.txt .t{color:#39b485;}
.txt img{width:100%;}
.waterfall_box{width:100%!important;padding: 0px!important;}
.dcsc_tpl_h3_t1{bottom:5px!important;}


/**详情**/
.xqbg {
    text-align: right;
    display: none;
    position: relative;
    width: 90%;
}
.xqbg img {
    position: absolute;
    top: 3px;
}
a.xqfh{
  width:100%;
  display:inline-block;
}
.productList .xqfh .xqbg{
  display: block;
  color: #fff;
  animation:myfirst 3s;
  -moz-animation:myfirst 3s; /* Firefox */
  -webkit-animation:myfirst 3s; /* Safari and Chrome */
  -o-animation:myfirst 3s; /* Opera */
  -webkit-animation:myfirst 3s infinite linear;
}
@keyframes myfirst
{
0%   {left:0px; top:0px;}
50%  {left:20px; top:0px;}
100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left:0px; top:0px;}
50%  {left:20px; top:0px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {left:0px; top:0px;}
50%  {left:20px; top:0px;}
100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {left:0px; top:0px;}
50%  {left:20px; top:0px;}
100% {left:0px; top:0px;}
}


/**雁荡山概况**/
div#animation_15 {
    position: relative;
}
div#animation_15 .zxdt {
    position: absolute;
    left: -625px;
    display: inline-block;
}
div#animation_15 .zxdtimg1{
  top: 50%;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(825px,0px);
  -webkit-transform: translate(825px,0px);
}
div#animation_15 .zxdtimg2{
  top: 48%;
  -webkit-transition: all 1.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 1.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(855px,0px);
  -webkit-transform: translate(855px,0px);
}
div#animation_15 .zxdtimg3{
  top: 40%;
  -webkit-transition: all 1.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 1.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(905px,0px);
  -webkit-transform: translate(905px,0px);
}
div#animation_15 .zxdtimg4{
  top: 20%;
  -webkit-transition: all 1.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 1.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1014px,0px);
  -webkit-transform: translate(1014px,0px);
}
div#animation_15 .zxdtimg1{
  background: url(../images/zxdtimg-1.png) no-repeat;
  width: 24px;
  height: 24px;
}
div#animation_15 .zxdtimg2{
  background: url(../images/zxdtimg-2.png) no-repeat;
  width: 53px;
  height: 50px;
}
div#animation_15 .zxdtimg3{
  background: url(../images/zxdtimg-3.png) no-repeat;
  width: 102px;
  height: 137px;
}
div#animation_15 .zxdtimg4{
  width: 236px;
  height: 271px;
  background: url(../images/zxdtimg-4.png) no-repeat;
}
div#animation_15 .zxdtwzbg{
    position: absolute;
    top: 28%;
    right: -400px;
    text-align: right;
    color: #3db184;
}
div#animation_15 .zxdtwzbg .ydsglen {
  font-size: 18px;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(-800px,0px);
  -webkit-transform: translate(-800px,0px);
}
div#animation_15 .zxdtwzbg h2{
    font-size: 40px;
    margin:0px;
    -webkit-transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(-800px,0px);
    -webkit-transform: translate(-800px,0px);
}
div#animation_15 .ydsglwz{
    position: absolute;
    bottom: -100px;
    right: 400px;
    color: #3db184;
    width: 300px;
    text-align: center;
    font-size: 15px;
    -webkit-transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(0px,-334px);
    -webkit-transform: translate(0px,-334px);
}
div#animation_15 .ydsglwz .ydsglwz1{
  background: url(../img/ydsglhx.png) no-repeat;
  width: 300px;
  height: 1px;
  display: inline-block;
}
div#animation_15 .ydsglan{
  position: absolute;
  bottom: -100px;
  right: 365px;
  -webkit-transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,-270px);
  -webkit-transform: translate(0px,-270px);
}
.ydsglan1 {
  background: url(../img/ydsglfk.png) no-repeat;
  width: 113px;
  height: 41px;
  display: inline-block;
}
.ydsglan2 {
  background: url(../img/ydsgljt.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  right: 70px;
  top: -30px;
  animation-delay: 300ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
.ydsglan3 {
  background: url(../img/ydsgljt.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  right: 91px;
  top: -15px;
  animation-delay: 0ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
@-webkit-keyframes arrow {
  0% {opacity: 0;-webkit-transform: translate3d(0px, 0px, 0px);}
  33% { opacity: 1;}
  66% {opacity: 1;}
  100% {opacity: 0;-webkit-transform: translate3d(0px, 12px, 0px);}
}
@keyframes arrow {
  0% {opacity: 0;transform: translate3d(0px, 0px, 0px);}
  33% {opacity: 1;}
  66% {opacity: 1;}
  100% {opacity: 0;transform: translate3d(0px, 12px, 0px);}
}
@-ms-keyframes arrow {
  0% {opacity: 0;-ms-transform: translate3d(0px, 0px, 0px);}
  33% {opacity: 1;}
  66% {opacity: 1;}
  100% {opacity: 0;-ms-transform: translate3d(0px, 12px, 0px);}
}
/**咨询动态**/
div#animation_16 {
    position: relative;
}
div#animation_16 .ydszxdtimg {
    position: absolute;
    left: 300px;
    display: inline-block;
    top: 28%;
}
div#animation_16 .ydszxdtimg.ydszxdtimg1{
  background: url(../img/ydszxdtimg1-1.png) no-repeat;
  width: 95px;
  height: 134px;
  left: -910px;
  top: 40%;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1710px,0px);
    -webkit-transform: translate(1710px,0px);
}
div#animation_16 .ydszxdtimg.ydszxdtimg2{
  background: url(../img/ydszxdtimg2-2.png) no-repeat;
  width: 102px;
  height: 122px;
  left: -891px;
  top: 32%;
  -webkit-transition: all 2.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1672px,0px);
  -webkit-transform: translate(1675px,0px);
}
div#animation_16 .ydszxdtimg.ydszxdtimg3{
  background: url(../img/ydszxdtimg3-3.png) no-repeat;
  width: 102px;
  height: 118px;
  left: -839px;
  -webkit-transition: all 2.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1568px,0px);
  -webkit-transform: translate(1568px,0px);
}
div#animation_16 .ydszxdtimg4{
  background: url(../img/ydszxdtimg4-4.png) no-repeat;
  width: 118px;
  height: 149px;
  left: -833px;
  top: 48%;
  z-index: 1;
  -webkit-transition: all 2.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1556px,0px);
  -webkit-transform: translate(1556px,0px);
}
div#animation_16 .ydszxdtimg5{
  background: url(../img/ydszxdtimg5-5.png) no-repeat;
  width: 119px;
  height: 148px;
  left: -785px;
  top: 60%;
  z-index: 0;
  -webkit-transition: all 2.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1460px,0px);
  -webkit-transform: translate(1460px,0px);
}
div#animation_16 .ydszxdtimg6{
  background: url(../img/ydszxdtimg6-6.png) no-repeat;
  width: 132px;
  height: 168px;
  left: -779px;
  top: 33%;
  z-index: 2;
  -webkit-transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1448px,0px);
  -webkit-transform: translate(1448px,0px);
}
div#animation_16 .ydszxdtimg7{
  background: url(../img/ydszxdtimg7-7.png) no-repeat;
  width: 125px;
  height: 153px;
  left: -762px;
  top: 12%;
  -webkit-transition: all 3.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1414px,0px);
  -webkit-transform: translate(1414px,0px);
}
div#animation_16 .ydszxdtimg8{
  background: url(../img/ydszxdtimg8-8.png) no-repeat;
  width: 158px;
  height: 195px;
  left: -649px;
  top: 15%;
  -webkit-transition: all 3.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1188px,0px);
  -webkit-transform: translate(1188px,0px);
}
div#animation_16 .ydszxdtimg9{
  background: url(../img/ydszxdtimg9-9.png) no-repeat;
  width: 161px;
  height: 173px;
  left: -673px;
  top: 38%;
  -webkit-transition: all 3.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1236px,0px);
  -webkit-transform: translate(1236px,0px);
}
div#animation_16 .ydszxdtimg10{
  background: url(../img/ydszxdtimg10-10.png) no-repeat;
  width: 146px;
  height: 161px;
  left: -694px;
  top: 51%;
  -webkit-transition: all 3.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1278px,0px);
  -webkit-transform: translate(1278px,0px);
}
div#animation_16 .ydszxdtimg11{
  background: url(../img/ydszxdtimg11-11.png) no-repeat;
  width: 197px;
  height: 226px;
  left: -472px;
  top: 9%;
  -webkit-transition: all 4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(832px,0px);
  -webkit-transform: translate(832px,0px);
}
div#animation_16 .ydszxdtimg12{
  background: url(../img/ydszxdtimg12-12.png) no-repeat;
  width: 146px;
  height: 198px;
  left: -630px;
  top: 62%;
  -webkit-transition: all 4.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 4.2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(1150px,0px);
  -webkit-transform: translate(1150px,0px);
}
div#animation_16 .ydszxdtimg13{
  background: url(../img/ydszxdtimg13-13.png) no-repeat;
  width: 218px;
  height: 220px;
  left: -488px;
  top: 45%;
  -webkit-transition: all 4.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 4.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(866px,0px);
  -webkit-transform: translate(866px,0px);
}
div#animation_16 .ydszxdtimg14{
  background: url(../img/ydszxdtimg14-14.png) no-repeat;
  width: 325px;
  height: 279px;
  left: -341px;
  top: 26%;
  -webkit-transition: all 4.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 4.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(572px,0px);
  -webkit-transform: translate(572px,0px);
}
div#animation_16 .ydszxdtwz {
    position: absolute;
    right: -400px;
    top: 28%;
    text-align: right;
    color: #fff;
}
div#animation_16 .ydszxdtwz .ydszxdtwzen {
    font-size: 18px;
    -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(-800px,0px);
    -webkit-transform: translate(-800px,0px);
}
div#animation_16 .ydszxdtwz h2 {
    font-size: 40px;
    margin:0px;
    -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(-800px,0px);
    -webkit-transform: translate(-800px,0px);
}
div#animation_16 .ydszxdtmc {
    position: absolute;
    bottom: -100px;
    right: 400px;
    color: #fff;
    width: 500px;
    text-align: right;
    font-size: 20px;
    -webkit-transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(0px,-334px);
    -webkit-transform: translate(0px,-366px);
}
div#animation_16 .ydszxdtmc .ydszxdtmc1{
  background: url(../img/ydszxdtmc1-1.png) no-repeat;
  width: 500px;
  height: 1px;
  display: block;
}
.ydszxdtmc2 {
    padding: 10px 0px;
}
div#animation_16 .ydszxdtan {
    position: absolute;
    bottom: -100px;
    right: 365px;
    -webkit-transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(0px,-270px);
    -webkit-transform: translate(0px,-270px);
}
div#animation_16 .ydszxdtan .ydszxdtan1{
  background: url(../img/ydszxdtan1-1.png) no-repeat;
  width: 113px;
  height: 41px;
  display: inline-block;
}
div#animation_16 .ydszxdtan .ydszxdtan2{
  background: url(../img/ydszxdtan2-2.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  right: 70px;
  top: -30px;
  animation-delay: 300ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
div#animation_16 .ydszxdtan .ydszxdtan3{
  background: url(../img/ydszxdtan2-2.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  right: 91px;
  top: -15px;
  animation-delay: 0ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
/**雁荡山风光**/
div#animation_17 {
    position: relative;
}
div#animation_17 .ydsfgbt {
    position: absolute;
    top: -130px;
    left: 44%;
    color: #fff;
    text-align: center;
}
div#animation_17 .ydsfgbt .ydsfgbten {
  font-size: 18px;
  -webkit-transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,280px);
  -webkit-transform: translate(0px,280px);
}
div#animation_17 .ydsfgbt h2 {
  font-size: 40px;
  margin: 0px;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,280px);
  -webkit-transform: translate(0px,280px);
}
div#animation_17 .ydsfgwz {
  position: absolute;
  top: -130px;
  left: 43%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  width: 261px;
  -webkit-transition: all 1.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 1.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,390px);
  -webkit-transform: translate(0px,390px);
}
div#animation_17 .ydsfgwz .ydsfgwz1{
  background: url(../img/ydsfgwz1-1.png) no-repeat center center;
  width: 300px;
  height: 1px;
  display: inline-block;
}
div#animation_17 .ydsfgan {
  position: absolute;
  top: -130px;
  left: 47.5%;
  -webkit-transition: all 1.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 1.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,526px);
  -webkit-transform: translate(0px,526px);
}
div#animation_17 .ydsfgan .ydsfgan1{
  background: url(../img/ydsfgan1-1.png) no-repeat;
  width: 113px;
  height: 41px;
  display: inline-block;
}
div#animation_17 .ydsfgan .ydsfgan2{
  background: url(../img/ydsfgan2-2.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: -30px;
  left: -68px;
  animation-delay: 300ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
div#animation_17 .ydsfgan .ydsfgan3{
  background: url(../img/ydsfgan2-2.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: -15px;
  left: -89px;
  animation-delay: 0ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
.ydsfgyd{
  transform: scale(1.5,1.5);
  -webkit-transform: translate(1.5,1.5);
}
div#animation_17 .ydsfgyd{
  background: url(../img/ydsfgyd.png) no-repeat;
  width: 1920px;
  height: 620px;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: scale(1,1);
  -webkit-transform: translate(1,1);
  left: 0px;
}
div#animation_17 .ydsfgsy1{
  background: url(../img/ydsfgsy1.png) no-repeat;
  width: 76px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: -40px;
  left: 28.5%;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,46px);
  -webkit-transform: translate(0px,46px);
}
div#animation_17 .ydsfgsy2{
  background: url(../img/ydsfgsy2.png) no-repeat;
  width: 106px;
  height: 63px;
  display: inline-block;
  position: absolute;
  top: -50px;
  right: 25%;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,100px);
  -webkit-transform: translate(0px,100px);
}
div#animation_17 .ydsfgsy3{
  background: url(../img/ydsfgsy3.png) no-repeat;
  width: 133px;
  height: 49px;
  display: inline-block;
  position: absolute;
  top: -240px;
  left: 24%;
  -webkit-transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,480px);
  -webkit-transform: translate(0px,480px);
}
div#animation_17 .ydsfgsy4{
  background: url(../img/ydsfgsy4.png) no-repeat;
  width: 65px;
  height: 37px;
  display: inline-block;
  position: absolute;
  top: -220px;
  right: 30.5%;
  -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,440px);
  -webkit-transform: translate(0px,440px);
}
div#animation_17 .ydsfgsy5{
  background: url(../img/ydsfgsy5.png) no-repeat;
  width: 129px;
  height: 62px;
  display: inline-block;
  position: absolute;
  top: -155px;
  left: 41%;
  -webkit-transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: translate(0px,310px);
  -webkit-transform: translate(0px,310px);
}
/**旅游服务**/
div#animation_18 {
    position: relative;
    color: #3db184;
    text-align: left;
}
div#animation_18 .ydslyfwbt {
    position: absolute;
    top: 28%;
    left: -400px;
    -webkit-transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 2s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(800px,0px);
    -webkit-transform: translate(800px,0px);
}
div#animation_18 .ydslyfwbt .ydslyfwen {
    font-size: 18px;
}

div#animation_18 .ydslyfwbt h2 {
    font-size: 40px;
    margin: 0px;
}
div#animation_18 .ydslyfwwz {
    position: absolute;
    top: 47%;
    left: -400px;
    -webkit-transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(800px,0px);
    -webkit-transform: translate(800px,0px);
}
div#animation_18 .ydslyfwwz .ydslyfwwz1 {
  background: url(../img/ydsglhx.png) no-repeat center center;
  width: 300px;
  height: 1px;
  display: inline-block;
}
div#animation_18 .ydslyfwwz .ydslyfwwz2 {
    font-size: 15px;
    width: 300px;
    padding: 10px 0px;
}
div#animation_18 .ydslyfwan {
    position: absolute;
    top: 64%;
    left: -400px;
    -webkit-transition: all 4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transition: all 4s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
    transform: translate(800px,0px);
    -webkit-transform: translate(800px,0px);
}
div#animation_18 .ydslyfwan .ydslyfwan1{
  background: url(../img/ydsglfk.png) no-repeat;
  width: 113px;
  height: 41px;
  display: inline-block;
}
div#animation_18 .ydslyfwan .ydslyfwan2{
  background: url(../img/ydsgljt.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  right: 70px;
  top: -30px;
  animation-delay: 300ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
div#animation_18 .ydslyfwan .ydslyfwan3{
  background: url(../img/ydsgljt.png) no-repeat;
  width: 17px;
  height: 10px;
  display: inline-block;
  position: relative;
  right: 91px;
  top: -15px;
  animation-delay: 0ms;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}
.ydslyfwtp{
  transform: scale(1.5,1.5);
  -webkit-transform: translate(1.5,1.5);
}
div#animation_18 .ydslyfwtp{
  background: url(../img/ydslyfwtp.png) no-repeat;
  width: 1260px;
  height: 620px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  -webkit-transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transition: all 3s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
  transform: scale(1,1);
  -webkit-transform: translate(1,1);
}
/**雁荡山概览内容页**/
#animation_23 .topdh,#animation_24 .topdh,#animation_76 .topdh,#animation_77 .topdh,#animation_78 .topdh,#animation_79 .topdh {
    position: absolute;
    top: 40%;
    width: 100%;
}
#animation_23 .topdh .topdhzw,#animation_24 .topdh .topdhzw,#animation_76 .topdh .topdhzw,#animation_77 .topdh .topdhzw,#animation_78 .topdh .topdhzw,#animation_79 .topdh .topdhzw {
   font-size: 3rem;
   color: #fff;
}
#animation_23 .topdh .topdhen,#animation_24 .topdh .topdhen,#animation_76 .topdh .topdhen,#animation_77 .topdh .topdhen,#animation_78 .topdh .topdhen,#animation_79 .topdh .topdhen {
   font-size: 1.6rem;
   color: #39B485;
   font-family: inherit;
}
/**咨询动态内容页**/
#animation_28 .topdh,#animation_29 .topdh,#animation_54 .topdh {
    position: absolute;
    top: 40%;
    width: 100%;
}
#animation_28 .topdh .topdhzw,#animation_29 .topdh .topdhzw,#animation_54 .topdh .topdhzw {
    font-size: 3rem;
    color: #fff;
}
#animation_28 .topdh .topdhen,#animation_29 .topdh .topdhen,#animation_54 .topdh .topdhen {
    font-size: 1.6rem;
    color: #39B485;
    font-family: inherit;
}
/**雁荡山风光内容页**/
#animation_31 .topdh,#animation_35 .topdh,#animation_60 .topdh,#animation_61 .topdh {
    position: absolute;
    top: 40%;
    width: 100%;
}
#animation_31 .topdh .topdhzw,#animation_35 .topdh .topdhzw,#animation_60 .topdh .topdhzw,#animation_61 .topdh .topdhzw {
    font-size: 3rem;
    color: #fff;
}
#animation_31 .topdh .topdhen,#animation_35 .topdh .topdhen,#animation_60 .topdh .topdhen,#animation_61 .topdh .topdhen {
    font-size: 1.6rem;
    color: #39B485;
    font-family: inherit;
}
/**游程推荐内容页**/
#animation_80 .topdh,#animation_67 .topdh {
    position: absolute;
    top: 40%;
    width: 100%;
}
#animation_80 .topdh .topdhzw,#animation_67 .topdh .topdhzw {
    font-size: 3rem;
    color: #fff;
}
#animation_80 .topdh .topdhen,#animation_67 .topdh .topdhen {
    font-size: 1.6rem;
    color: #39B485;
    font-family: inherit;
}
/**旅游服务内容页**/
#animation_40 .topdh,#animation_41 .topdh,#animation_68 .topdh,#animation_70 .topdh {
    position: absolute;
    top: 40%;
    width: 100%;
}
#animation_40 .topdh .topdhzw,#animation_41 .topdh .topdhzw,#animation_68 .topdh .topdhzw,#animation_70 .topdh .topdhzw {
    font-size: 3rem;
    color: #fff;
}
#animation_40 .topdh .topdhen,#animation_41 .topdh .topdhen,#animation_68 .topdh .topdhen,#animation_70 .topdh .topdhen {
    font-size: 1.6rem;
    color: #39B485;
    font-family: inherit;
}
/**其他内容页**/
#animation_yyy66 .topdh {
    position: absolute;
    top: 40%;
    width: 100%;
}
#animation_yyy66 .topdh .topdhzw {
    font-size: 3rem;
    color: #fff;
}
#animation_yyy66 .topdh .topdhen {
    font-size: 1.6rem;
    color: #39B485;
    font-family: inherit;
}
#animation_ware_1 .topdh {
    position: absolute;
    top: 40%;
    width: 100%;
}
#animation_ware_1 .topdh .topdhzw {
    font-size: 3rem;
    color: #fff;
}
#animation_ware_1 .topdh .topdhen {
    font-size: 1.6rem;
    color: #39B485;
    font-family: inherit;
}
.pbanner2 .topdh{
    position: absolute;
    top: 70%;
    width:100%;
}
.pbanner2 .topdh .topdhzw {
    font-size: 3rem;
    color: #fff;
}
.pbanner2 .topdh .topdhen {
    font-size: 1.6rem;
    color: #39B485;
    font-family: inherit;
}
.topdhen.topdhsl {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    :
}
/**视频**/
.pbanner2.picw .picwimg {
    opacity: 1;
}
/*头部*/
.pbanner2,.pbanner{
  text-align:center;
}
.pbanner2 .img{
  -moz-animation: break ease-in-out 18s alternate;
  -webkit-animation: break ease-in-out 18s alternate;
  animation: break ease-in-out 18s alternate;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  -moz-perspective: 200px;
  -webkit-perspective: 200px;
  perspective: 200px;
  margin-top:90px;
}
.pbanner .img{
  -moz-animation: break ease-in-out 18s alternate;
  -webkit-animation: break ease-in-out 18s alternate;
  animation: break ease-in-out 18s alternate;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  -moz-perspective: 200px;
  -webkit-perspective: 200px;s
  perspective: 200px;
}
@-moz-keyframes break{
  0%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
  50%{-moz-transform:scale(1.2, 1.2) translate3d(0, 0, 0);transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
  100%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
}
@-webkit-keyframes break{
  0%{-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
  50%{-webkit-transform:scale(1.2, 1.2) translate3d(0, 0, 0);transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
  100%{-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
}
@keyframes break{
  0%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);-ms-transform:scale(1, 1) translate3d(0, 0, 0);-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
  50%{-moz-transform:scale(1.2, 1.2) translate3d(0, 0, 0);-ms-transform:scale(1.2, 1.2) translate3d(0, 0, 0);-webkit-transform:scale(1.2, 1.2) translate3d(0, 0, 0);transform:scale(1.2, 1.2) translate3d(0, 0, 0)}
  100%{-moz-transform:scale(1, 1) translate3d(0, 0, 0);-ms-transform:scale(1, 1) translate3d(0, 0, 0);-webkit-transform:scale(1, 1) translate3d(0, 0, 0);transform:scale(1, 1) translate3d(0, 0, 0)}
}


.row-content-body{
  text-align:justify;
  font-size:15px;
  margin-top: 5%;
}
@media screen and (min-width:1025px){
  .geographic-img{width:38%;float:right;  padding: 10px 0px 0px 15px;}
  .history-persons{float:right;  padding: 0px 0px 0px 15px;}
  .features-img{float:left;  padding: 0px 15px 0px 0px;}
  .mountain-south,.mountain-north,.mountain-center{width:32%;}
.diligaik{float:right;  padding: 0px 0px 0px 35px;}
}


@media screen and (max-width:1024px){
  .history-persons, img.lf-img1,.climatic-img1,.climatic-img2,img.famous_1, img.famous_22,.hyd-img1 ,.features-img{width:100%;}
  .detail-title .detail-bg,.detail-title .green,img.famous_12, img.famous_2 ,.hyd-img2{display:none;}
  .hydrological{margin-top:70px !important;}
}

.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/
.outer :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}  

.detail-title{
  position:relative;
  left:0;
  top:0;
 
}
.detail-title .detail-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 98%;
    background-color: #108d6d;
    opacity: 0.8;
    text-align: center;
}
.detail-title .green {
    position: absolute;
    left: 0;
    top: 0;
    padding: 100px 0px 0px 0px;
    width: 50%;
    height: 100%;
    color: #fff;
}
.detail-title strong {
    display: block;
    font-size: 15px;
    text-align: center;
    opacity: 0.8;
    font-weight: normal;
}
.detail-title .green h1{
  text-align: center;
  font-family: "nmg",sans-serif;
  font-size: 38px;
  margin:0px;
}
.btn-group{
    margin: 50px auto 20px;
    padding: 15px 30px;
    width: 350px;
    height: 25px;
    border: 1px solid #1fe4b2;
}
.detail-title .btn-group span {
    display: inline-block;
    width: 18.8%;
    text-align: center;
}
.detail-title .btn-group span a.btn1,a.btn2,a.btn3,a.btn4,a.btn5 {
    width: 30px;
    height: 30px;
}
.detail-title .btn-group span a {
    display: inline-block;
    text-indent: -9999px;
    opacity: 0.6;
    text-align: center;
    vertical-align: middle;
}
.detail-title .btn-group span a {
     background: url(../img/lsdw11.png) no-repeat;
}
.detail-title .btn-group span a.btn2 {
     background: url(../img/mrls12.png) no-repeat;
}
.detail-title .btn-group span a.btn3 {
     background: url(../img/qhtd13.png) no-repeat;
}
.detail-title .btn-group span a.btn4 {
     background: url(../img/zmjd14.png) no-repeat;
}
.detail-title .btn-group span a.btn5 {
     background: url(../img/lyfw15.png) no-repeat;
}
.detail-title .btn-group span a:hover{
     opacity: 1;
}
div#anchor1,div#anchor2,div#anchor3,div#anchor4,div#anchor5,div#anchor6{
    margin-top: 70px;
}
.anchor-tit {
    padding: 10px 0px;
    vertical-align: bottom;
}
i.anchor-icon {
    padding-left: 1%;
    border-left: 3px solid #39B485;
}

a.anchor-text {
    font-size: 20px;
    padding-right: 1%;
}
span.anchor-eng {
    font-size: 12px;
}
.lingfeng-img {
    position: relative;
   padding-bottom: 10px;
}
.lingfeng {
    color: #fff;
    position: absolute;
    bottom: 28px;
    left: 28px;
}

#anchor6 .ly-table,#anchor6 .ly-table tr,#anchor6 .ly-table td{
   border:2px solid #ddd;
   border-collapse: collapse;
}

td.first {
    width: 20%;
    font-size:16px;
    text-align: center;
    background-color: #eee;
}
td.two {
    background-color: #fff7fc;
    padding: 0.5% 2%;
}

img.first-jt,img.first-zs,img.first-cy,img.first-yl {
    width: 30px;
    vertical-align: middle;
    text-align: center;
    padding-right: 10%;
}
.famous-img a {
    display: block;
    padding: 0.5% 0.5% 0% 8%;
}
em.dalongqiu {
    width: 25px;
    height: 25px;
    /* border: 1px solid #0888F5; */
    border-radius: 35px;
    background-color: #0888f5;
    color: #fff;
    display: inline-block;
    font-style: normal;
    text-align: center;
}
.famous-img a span {
    padding-left: 5%;
}
img.famous_1, img.famous_2 {
    padding: 1% 1% 0px 0px;
}
img.famous_12, img.famous_22 {
  padding: 1% 0px
   0px 0px;
}
tr td.two a.more {
    float: right;
}

.position-situation,.geological,.geomorphic{
  margin-top:70px;
}
.hydrological{
  margin-top:150px;
}
.hydrological .hyd-img2{
  float:right;
}
.icon_info{display:inline-block;margin-right:7px;width:27px;height:27px;background:url(../img/icon_info.png) no-repeat;vertical-align:middle;}
.tbl_basic{margin-bottom: 50px;width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;}
.tbl_basic th,
.tbl_basic td{padding:10px 15px;border-left:1px dotted transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl_basic th, .tbl_basic td{border-left:none;text-align: left;padding-left: 5%;}
.tbl_basic thead th{border-bottom:1px solid #969696;}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid transparent;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic thead th,
.tbl_basic tfoot th{background-image:none;}
.tbl_basic tbody th{font-size:14px;}
.tbl_basic thead th{color:#333;}

.tbl_basic{border-top-color:#505d7b;border-bottom-color:#ddd;}
.tbl_basic th,
.tbl_basic td{border-left-color:#ccc;border-bottom-color:#ccc;font-size:14px;color:#6e6f74;}
.tbl_basic th{background-color:#fafafa;font-weight:bold;}

.tbl_basic.tbl_type1{border-top-color:#505d7a;border-bottom-color:#6d6d6d;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 thead th{position:relative;border-left:none;background-color:#f9fbfc;border-bottom-color:#ccc;color:#4b556e;font-size:15px;}
.tbl_basic.tbl_type1 thead th.first:before{display:none;}
.tbl_basic.tbl_type1 thead th:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-4.5px;width:1px;height:9px;background:url(site/tour/img/common/line_th.png) no-repeat;}
.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#004993;border-bottom-color:#ccc;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{color:#004993}
/*.tbl_basic.tbl_type2 thead th,*/
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}
.icon_info.info_01{background-position:0px 0;    margin-right: 20px;}
.icon_info.info_02{background-position:-28px 0;margin-right: 20px;}
.icon_info.info_03{background-position:-54px 0;margin-right: 20px;}
.icon_info.info_04{background-position:-81px 0;    margin-right: 20px;}
.list_1st {margin:10px 0;padding:0;}
.list_1st>li,
.list_1st>dd{margin:3px 0;padding-left:11px;background:url(site/tour/img/common/list_bul1.png) no-repeat 0 10px; color:#6c6d6f;font-size:14px;word-wrap:break-word;word-break:keep-all;font-size:14px;}
.list_2st li{position:relative;margin:3px 0;padding-left:12px;color:#767676;font-size:14px;line-height:18px;}
.list_2st li:before{content:"";display:block;position:absolute;top:8px;left:0;width:5px;height:1px;background-color:#8e8e8e;}
.list_1st li strong{color:#333}
.profilePbox.target.action .inner .con {
    padding: 0px;
    color: #000;
}
a.more {
    float: right;
}

@charset "UTF-8";
	img,legend {
	border:0
}
legend,td,th {
	padding:0
}
.picker__table,table {
	border-spacing:0;
	border-collapse:collapse
}
.picker__footer,.picker__header,.picker__table {
	text-align:center
}
.slick-slide.dragging img,html:before {
	pointer-events:none
}
.exchangeTable,.picker__table,.singleTable,table {
	border-collapse:collapse;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,optgroup,strong {
	font-weight:700
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0
}
pre,textarea {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
.picker__box {
	padding:0 1em
}
.picker__header {
	position:relative;
	margin-top:.75em
}
.picker__month,.picker__year {
	font-weight:500;
	display:inline-block;
	margin-left:.25em;
	margin-right:.25em
}
.picker__year {
	color:#999;
	font-size:.8em;
	font-style:italic
}
.picker__select--month,.picker__select--year {
	border:1px solid #b7b7b7;
	height:2em;
	padding:.5em;
	margin-left:.25em;
	margin-right:.25em
}
.picker__select--month {
	width:35%
}
.picker__select--year {
	width:22.5%
}
.picker__select--month:focus,.picker__select--year:focus {
	border-color:#0089ec
}
.picker__nav--next,.picker__nav--prev {
	position:absolute;
	padding:.5em 1.25em;
	width:1em;
	height:1em;
	box-sizing:content-box;
	top:-.25em
}
*,.picker__holder,.slick-slider,:after,:before {
	/* box-sizing:border-box;
	*/
}
.picker__nav--prev {
	left:-1em;
	padding-right:1.25em
}
.picker__nav--next {
	right:-1em;
	padding-left:1.25em
}
@media (min-width:24.5em) {
	.picker__select--month,.picker__select--year {
	margin-top:-.5em
}
.picker__nav--next,.picker__nav--prev {
	top:-.33em
}
.picker__nav--prev {
	padding-right:1.5em
}
.picker__nav--next {
	padding-left:1.5em
}
}.picker__nav--next:before,.picker__nav--prev:before {
	content:" ";
	border-top:.5em solid transparent;
	border-bottom:.5em solid transparent;
	border-right:.75em solid #000;
	width:0;
	height:0;
	display:block;
	margin:0 auto
}
.picker__nav--next:before {
	border-right:0;
	border-left:.75em solid #000
}
.picker__nav--next:hover,.picker__nav--prev:hover {
	cursor:pointer;
	color:#000;
	background:#b1dcfb
}
.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover {
	cursor:default;
	background:0 0;
	border-right-color:#f5f5f5;
	border-left-color:#f5f5f5
}
.picker__table {
	table-layout:fixed;
	font-size:inherit;
	width:100%;
	margin-top:.75em;
	margin-bottom:.5em
}
@media (min-height:33.875em) {
	.picker__table {
	margin-bottom:.75em
}
}.picker__table td {
	margin:0;
	padding:0
}
.picker__weekday {
	width:14.285714286%;
	font-size:.75em;
	padding-bottom:.25em;
	color:#999;
	font-weight:500
}
@media (min-height:33.875em) {
	.picker__weekday {
	padding-bottom:.5em
}
}.picker__day {
	padding:.3125em 0;
	font-weight:200;
	border:1px solid transparent
}
.picker__day--today {
	position:relative
}
.picker__day--today:before {
	content:" ";
	position:absolute;
	top:2px;
	right:2px;
	width:0;
	height:0;
	border-top:.5em solid #0059bc;
	border-left:.5em solid transparent
}
.picker__day--disabled:before {
	border-top-color:#aaa
}
.picker__day--outfocus {
	color:#ddd
}
.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover {
	cursor:pointer;
	color:#000;
	background:#b1dcfb
}
.picker__day--highlighted {
	border-color:#0089ec
}
.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover {
	background:#0089ec;
	color:#fff
}
.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover {
	background:#f5f5f5;
	border-color:#f5f5f5;
	color:#ddd;
	cursor:default
}
.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover {
	background:#bbb
}
.picker__button--clear,.picker__button--close,.picker__button--today {
	border:1px solid #fff;
	background:#fff;
	font-size:.8em;
	padding:.66em 0;
	font-weight:700;
	width:33%;
	display:inline-block;
	vertical-align:bottom
}
.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover {
	cursor:pointer;
	color:#000;
	background:#b1dcfb;
	border-bottom-color:#b1dcfb
}
.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus {
	background:#b1dcfb;
	border-color:#0089ec;
	outline:0
}
.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before {
	position:relative;
	display:inline-block;
	height:0
}
.picker__button--clear:before,.picker__button--today:before {
	content:" ";
	margin-right:.45em
}
.picker__button--today:before {
	top:-.05em;
	width:0;
	border-top:.66em solid #0059bc;
	border-left:.66em solid transparent
}
.picker__button--clear:before {
	top:-.25em;
	width:.66em;
	border-top:3px solid #e20
}
.picker,.picker__holder {
	width:100%;
	position:absolute
}
.picker__button--close:before {
	content:"\D7";
	top:-.1em;
	vertical-align:top;
	font-size:1.1em;
	margin-right:.35em;
	color:#777
}
.picker__button--today[disabled],.picker__button--today[disabled]:hover {
	background:#f5f5f5;
	border-color:#f5f5f5;
	color:#ddd;
	cursor:default
}
.picker__button--today[disabled]:before {
	border-top-color:#aaa
}
.picker {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	font-size:16px;
	text-align:left;
	line-height:1.2;
	color:#000;
	z-index:10000;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.picker__input {
	cursor:default
}
.picker__input.picker__input--active {
	border-color:#0089ec
}
.picker__holder {
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	outline:0;
	background:#fff;
	border:1px solid #aaa;
	border-top-width:0;
	border-bottom-width:0;
	border-radius:0 0 5px 5px;
	min-width:176px;
	max-width:466px;
	max-height:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-transform:translateY(-1em) perspective(600px) rotateX(10deg);
	transform:translateY(-1em) perspective(600px) rotateX(10deg);
	transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;
	transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s
}
.slick-list,html.is-souvenirDetail-open {
	overflow:hidden
}
.slick-list,.slick-slider,.slick-track,html {
	position:relative
}
.l-banner img,.l-decor-items .l-decor-items--contents img,.l-decor-items .l-decor-items--item img,.l-fluid-group--item>img,.u-fluid {
	max-width:100%
}
/*!
 * Classic picker styling for pickadate.js
 * Demo:http://amsul.github.io/pickadate.js
 */.picker__frame {
	padding:1px
}
dl,li,ol,ul {
	padding:0
}
.picker__wrap {
	margin:-1px
}
dd,dl,h1,h2,h3,h4,h5,h6,li,ol,p,ul {
	margin:0
}
.picker--opened .picker__holder {
	max-height:25em;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	border-top-width:1px;
	border-bottom-width:1px;
	-webkit-transform:translateY(0) perspective(600px) rotateX(0);
	transform:translateY(0) perspective(600px) rotateX(0);
	transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
	transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
	box-shadow:0 6px 18px 1px rgba(0,0,0,.12)
}
.u-hover,html:before {
	transition:opacity .2s ease-out
}
.slick-slider {
	display:block;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	display:block;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.slick-track {
	left:0;
	top:0;
	display:block
}
.slick-track:after,.slick-track:before {
	content:"";
	display:table
}
.l-appeal-appeals:after,.l-areaGuide-buttons:after,.l-areaGuide-content-heading:before,.l-areaGuide:after,html:before {
	content:''
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	float:left;
	height:100%;
	min-height:1px;
	display:none
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden,html.is-ie:before,html:before {
	display:none
}
@font-face {
	font-family:'Roboto Thin';
	src:url(/assets/themes/yokanavi/fonts/roboto/roboto-thin-webfont.eot?) format("eot"),url(/assets/themes/yokanavi/fonts/roboto/roboto-thin-webfont.woff) format("woff"),url(/assets/themes/yokanavi/fonts/roboto/roboto-thin-webfont.ttf) format("truetype")
}
@font-face {
	font-family:'Roboto Regular';
	src:url(/assets/themes/yokanavi/fonts/roboto/roboto-regular-webfont.eot?) format("eot"),url(/assets/themes/yokanavi/fonts/roboto/roboto-regular-webfont.woff) format("woff"),url(/assets/themes/yokanavi/fonts/roboto/roboto-regular-webfont.ttf) format("truetype")
}
html:before {
	position:absolute;
	top:8px;
	right:8px;
	bottom:8px;
	left:8px;
	z-index:5;
	margin:auto;
	border:4px solid #9d783c;
	border-radius:8px;
	opacity:0
}
.is-touch .fullMap-map,.is-touch .l-article-map,.is-touch .l-tour-map,.is-touch .routeMap-map,.is-touch iframe,.u-tel {
	pointer-events:none!important
}
html.is-body-loaded:before {
	opacity:1
}
html.is-body-unloaded:before {
	opacity:0
}
.is-ie body {
	font-family:Meiryo,Helvetica,Arial,"ＭＳ Ｐゴシック",sans-serif
}
iframe {
	border:1px solid #c8c8c8
}
@media screen and (max-width:767px) {
	html:before {
	display:none
}
html.is-navigation-open {
	overflow:hidden
}
html.is-souvenirDetail-open {
	overflow:visible
}
.is-navigation-open body {
	overflow:hidden;
	position:relative;
	height:100%
}
}.l-article-navigation,.l-bank {
	overflow:hidden
}
img {
	font-size:0;
	vertical-align:top
}
form {
	background:0 0
}
a.a_c{color: #39B485;}
a:active,a:link,a:visited {
	text-decoration:none;
	outline:0
}
.is-touch a:not([href]),.u-tel,.u-tel:hover {
	text-decoration:none!important
}
a:hover {
	outline:0
}
.is-touch a:not([href]) {
	color:#333!important;
	opacity:1!important
}
.u-inherit,.u-tel,.u-tel:hover {
	color:inherit!important
}
li,ol,ul {
	list-style-type:none
}
em {
	font-style:normal
}
.u-bold {
	font-weight:700!important
}
.u-fluid {
	height:auto
}
.u-hover:hover {
	opacity:.8
}
.u-sp-block,.u-sp-inline,.u-sp-inlineBlock {
	display:none!important
}
.u-tel:hover {
	pointer-events:none;
	opacity:1!important;
	cursor:default!important
}
.l-appeal-link-inner,.l-bulleted-list a,.l-bulleted-list--title a {
	text-decoration:underline
}
@media screen and (max-width:767px) {
	.u-sp-hidden {
	display:none!important
}
.u-sp-block {
	display:block!important
}
.u-sp-inlineBlock {
	display:inline-block!important
}
.u-sp-inline {
	display:inline!important
}
.u-tel {
	pointer-events:auto!important
}
}.is-souvenirDetail-open .l-body,.l-recommend {
	pointer-events:none
}
.text-right {
	text-align:right
}
.text-center {
	text-align:center
}
.u-vertical {
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
	writing-mode:vertical-rl
}
.u-waypoint {
	transition:opacity .2s ease-out,-webkit-transform .8s cubic-bezier(.23,1,.32,1);
	transition:opacity .2s ease-out,transform .8s cubic-bezier(.23,1,.32,1);
	opacity:0;
	-webkit-transform:translate3d(0,50px,0);
	transform:translate3d(0,50px,0)
}
.u-waypoint[data-waypoint="0"] {
	transition-delay:0s
}
.u-waypoint[data-waypoint="1"] {
	transition-delay:.1s
}
.u-waypoint[data-waypoint="2"] {
	transition-delay:.2s
}
.is-animated .u-waypoint,.is-ie9 .u-waypoint {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.u-wayppoint--button {
	transition:opacity .2s ease-out .2s;
	opacity:0
}
.is-animated .u-wayppoint--button,.is-ie9 .u-wayppoint--button {
	opacity:1
}
.u-waypoint--heading {
	transition:opacity .2s ease-out .4s,-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275) .4s;
	transition:opacity .2s ease-out .4s,transform .8s cubic-bezier(.175,.885,.32,1.275) .4s;
	opacity:0;
	-webkit-transform:translate3d(0,20px,0);
	transform:translate3d(0,20px,0)
}
.is-animated .u-waypoint--heading,.is-ie9 .u-waypoint--heading {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
@media screen and (max-width:767px) {
	.u-waypoint {
	transition:none;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.u-waypoint[data-waypoint="0"],.u-waypoint[data-waypoint="1"],.u-waypoint[data-waypoint="2"] {
	transition-delay:0s
}
.u-waypoint--heading,.u-wayppoint--button {
	transition:none;
	opacity:1
}
.u-waypoint--heading {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}.l-appeal-link:hover,.l-article-next-title:hover {
	opacity:.7
}
.l-access-grid-column-single {
	width:50%;
	margin:auto
}
@media screen and (max-width:767px) {
	.l-access-grid-column-single {
	width:auto
}
}.l-appeal {
	width:100%;
	overflow-x:hidden
}
.l-appeal-container {
	padding:70px 0 0
}
.l-appeal-container:not(:last-child) {
	margin-bottom:25px
}
.l-appeal-accordion.accordion {
	box-shadow:none;
	background-color:transparent
}
.l-appeal-content,.l-article,.l-article--taxFree,.l-bank {
	box-shadow:0 0 5px rgba(0,0,0,.1)
}
.l-appeal-appeals {
	margin:0 0 15px -15px
}
.l-appeal-appeals:after {
	display:block;
	clear:both
}
.l-appeal-appeals>li {
	width:305px;
	padding:0 0 0 15px;
	float:left
}
.l-appeal-content {
	background-color:#fff;
	border-radius:5px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	padding:40px
}
.l-appeal-content p {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6
}
.l-appeal-content p:not(:last-child) {
	margin-bottom:30px
}
.l-appeal-button {
	width:300px;
	margin:20px auto 0
}
.l-appeal-description {
	padding:60px 0 0
}
.l-appeal-description>dt {
	margin:0 0 10px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.l-appeal-description>dd:not(:last-child) {
	margin-bottom:10px
}
.l-appeal-description-list {
	font-size:12px;
	font-size:1.2rem
}
.l-appeal-link {
	display:inline-block;
	padding:0 20px 0 0;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	color:#9d783c;
	transition:opacity .2s ease-out
}
.l-appeal-link.icon-link:before {
	height:14px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	line-height:1
}
a:hover .l-appeal-link-inner {
	text-decoration:none
}
@media screen and (max-width:767px) {
	.l-appeal-appeals>li:not(:last-child),.l-appeal-container:not(:last-child) {
	margin-bottom:10px
}
.l-appeal-accordion.accordion {
	box-shadow:0 0 5px rgba(0,0,0,.1);
	background-color:#fff
}
.l-appeal-inner {
	padding:10px 10px 20px
}
.l-appeal-appeals {
	margin-left:0
}
.l-appeal-appeals>li {
	width:auto;
	padding-left:0;
	float:none
}
.l-appeal-content {
	box-shadow:none;
	padding:0
}
.l-appeal-content p {
	font-size:13px;
	font-size:1.3rem;
	line-height:1.8
}
.l-appeal-content p:not(:last-child) {
	margin-bottom:20px
}
.l-appeal-button {
	width:auto;
	margin-top:5px
}
.l-appeal-description {
	padding-top:20px
}
.l-appeal-description>dt {
	margin-bottom:5px;
	font-size:15px;
	font-size:1.5rem
}
.l-appeal-description-list {
	font-size:10px;
	font-size:1rem
}
.l-appeal-link {
	padding-right:15px;
	font-size:12px;
	font-size:1.2rem;
	transition:none
}
.l-appeal-link.icon-link:before {
	height:10px
}
.l-appeal-link:hover {
	opacity:1
}
a:hover .l-appeal-link-inner {
	text-decoration:underline
}
}.l-areaGuide {
	display:table;
	width:100%;
	table-layout:fixed;
	background:#f4eadb;
	min-width:1280px;
	position:relative
}
.l-areaGuide:after {
	display:block;
	clear:both
}
.l-areaGuide-image {
	display:table-cell;
	width:50%;
	height:900px;
	background:url(/assets/themes/yokanavi/img/area_guide/map.png) 50% 50% no-repeat
}
.l-areaGuide-areas {
	width:480px;
	height:300px;
	margin:300px auto 0;
	position:relative
}
.l-areaGuide-area--hakata,.l-areaGuide-area--nakasu,.l-areaGuide-area--ohori,.l-areaGuide-area--seaside,.l-areaGuide-area--tenjin {
	position:absolute
}
.l-areaGuide-area--seaside {
	top:0;
	left:0
}
.l-areaGuide-area--tenjin {
	top:37px;
	left:160px
}
.l-areaGuide-area--nakasu {
	top:4px;
	right:27px
}
.l-areaGuide-area--ohori {
	bottom:0;
	left:120px
}
.l-areaGuide-area--hakata {
	right:0;
	bottom:45px
}
.l-areaGuide-main {
	display:table-cell;
	width:50%;
	vertical-align:top;
	padding:100px
}
.l-areaGuide-hgroup {
	margin:0 0 50px;
	color:#9d783c;
	text-align:center;
	line-height:1
}
.l-areaGuide-hgroup--mobile {
	display:none
}
.l-areaGuide-heading {
	margin:0 0 5px;
	font-family:"Roboto Thin",sans-serif;
	font-size:48px;
	font-size:4.8rem;
	font-weight:100;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.l-areaGuide-subheading {
	font-size:14px;
	font-size:1.4rem;
	font-weight:700
}
.l-areaGuide-content-inner {
	width:420px;
	margin:auto
}
.l-areaGuide-content-heading {
	margin:0 0 20px;
	position:relative;
	font-size:20px;
	font-size:2rem;
	font-weight:700;
	text-align:center;
	line-height:1
}
.l-areaGuide-content-heading:before {
	display:block;
	width:100%;
	height:2px;
	background:#333;
	position:absolute;
	top:10px;
	left:0;
	z-index:0
}
.l-areaGuide-content-heading>span {
	display:inline-block;
	padding:0 10px;
	background:#f4eadb;
	position:relative
}
.l-areaGuide-content-image {
	margin:0 0 10px;
	background:#f5f5f5;
	text-align:center
}
.l-areaGuide-content-image>img {
	max-width:100%;
	height:auto
}
.l-areaGuide-content-text {
	margin:0 0 10px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7
}
.l-areaGuide-content-text span {
	font-size:12px;
	font-size:1.2rem
}
.l-areaGuide-buttons {
	margin:0 0 0 -12px
}
.l-areaGuide-buttons:after {
	display:block;
	clear:both
}
.l-areaGuide-buttons>li {
	width:33.3333333333%;
	padding:0 0 0 12px;
	float:left
}
.l-areaGuide-detail:not(:first-child),.l-areaGuide-mobileImage {
	display:none
}
@media screen and (max-width:767px) {
	.l-areaGuide {
	display:block;
	min-width:0
}
.l-areaGuide-image {
	display:none
}
.l-areaGuide-main {
	display:block;
	width:auto;
	padding:10px 10px 20px
}
.l-areaGuide-hgroup--mobile {
	display:block;
	width:100%;
	padding:20px 0 0;
	position:absolute;
	top:0;
	left:0;
	color:#9d783c;
	text-align:center;
	line-height:1
}
.l-areaGuide-areas {
	width:auto;
	height:auto;
	margin:0;
	position:static
}
.l-areaGuide-heading {
	font-size:30px;
	font-size:3rem
}
.l-areaGuide-subheading {
	font-size:15px;
	font-size:1.5rem
}
.l-areaGuide-content>p {
	margin-bottom:5px;
	font-size:13px;
	font-size:1.3rem
}
.l-areaGuide-content-inner {
	width:auto
}
.l-areaGuide-content-heading {
	margin-bottom:10px;
	font-size:16px;
	font-size:1.6rem
}
.l-areaGuide-content-heading:before {
	top:7px
}
.l-areaGuide-buttons {
	margin-left:0
}
.l-areaGuide-buttons>li {
	width:auto;
	padding-left:0;
	float:none
}
.l-areaGuide-buttons>li:not(:last-child) {
	margin-bottom:10px
}
.l-areaGuide-mobileMap {
	display:block;
	height:300px;
	margin-bottom:15px;
	position:relative;
	background:url(/assets/themes/yokanavi/img/area_guide/map@2x.png) 50% 0 no-repeat;
	background-size:auto 300px
}
.l-areaGuide-area--hakata,.l-areaGuide-area--nakasu,.l-areaGuide-area--ohori,.l-areaGuide-area--seaside,.l-areaGuide-area--tenjin {
	top:50%;
	left:50%;
	bottom:auto;
	right:auto
}
.l-areaGuide-area--seaside {
	-webkit-transform:translate3d(-150px,-63px,0);
	transform:translate3d(-150px,-63px,0)
}
.l-areaGuide-area--tenjin {
	left:53%;
	-webkit-transform:translate3d(-53px,-36px,0);
	transform:translate3d(-53px,-36px,0)
}
.l-areaGuide-area--nakasu {
	-webkit-transform:translate3d(45px,-57px,0);
	transform:translate3d(45px,-57px,0)
}
.l-areaGuide-area--ohori {
	-webkit-transform:translate3d(-77px,102px,0);
	transform:translate3d(-77px,102px,0)
}
.l-areaGuide-area--hakata {
	-webkit-transform:translate3d(60px,77px,0);
	transform:translate3d(60px,77px,0)
}
}.l-article,.l-article--taxFree {
	padding:0 40px 40px;
	position:relative;
	background-color:#fff;
	border-radius:5px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.l-article--taxFree:before,.l-article:before {
	display:block;
	content:'';
	position:absolute;
	top:-12px;
	left:30px;
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:-298px -160px;
	width:62px;
	height:15px
}
.l-article-header:after,.l-article-header:before {
	width:46px;
	display:block;
	left:0;
	content:''
}
.l-article-header {
	margin:0 0 30px -10px;
	padding:20px 0 0 60px;
	position:relative
}
.l-article-header:before {
	position:absolute;
	top:0;
	bottom:15px;
	background:#00b177
}
.l-article-header:after,.l-article-taxFree {
	position:absolute;
	bottom:0;
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png)
}
.l-article-header:after {
	background-position:-228px -177px;
	height:15px
}
.l-article--taxFree .l-article-header {
	padding-right:70px
}
.l-article-heading {
	margin:0 0 10px;
	font-size:28px;
	font-size:2.8rem;
	font-weight:700;
	line-height:1.3
}
.l-article-date,.l-article-location {
	display:block;
	margin:0 0 5px;
	color:#00b177
}
.l-article-date:before,.l-article-location:before {
	padding:0 5px 0 0
}
.l-article-taxFree {
	right:0;
	background-position:-286px -102px;
	width:52px;
	height:52px
}
html:lang(ja) .l-article-taxFree {
	display:none
}
.l-article-next {
	margin:0 0 30px;
	padding:25px 30px 22px;
	border:6px solid #d1c0a4
}
.l-article-next-page {
	margin:0 0 10px;
	text-align:center
}
.l-article-next-title {
	display:block;
	margin:0 0 25px;
	font-size:21px;
	font-size:2.1rem;
	font-weight:700;
	text-align:center;
	transition:opacity .2s ease-out
}
.l-article-pagination {
	padding:20px 0 0;
	border-top:1px solid #d1c0a4;
	position:relative
}
.l-article-pagination-arrow--next,.l-article-pagination-arrow--prev {
	width:90px;
	position:absolute;
	top:20px
}
.l-article-pagination-arrow--prev {
	left:0
}
.l-article-pagination-arrow--next {
	right:0
}
.is-ie9 .l-article-pagination-arrow--next {
	right:90px
}
.l-article-pagination-list {
	text-align:center;
	font-size:0
}
.l-article-pagination-list>li {
	display:inline-block;
	padding:0 2px
}
.l-article-pagination-list>li>a {
	display:block;
	width:40px;
	line-height:36px;
	border:2px solid transparent;
	border-radius:4px;
	font-size:16px;
	font-size:1.6rem;
	color:#9d783c;
	text-align:center;
	transition:background .2s ease-out
}
.l-article-pagination-list>li>a.is-current {
	border-color:#9d783c
}
.l-article-pagination-list>li>a:hover {
	background:#9d783c;
	color:#fff
}
.l-article-information {
	margin:0 0 25px
}
.l-article-carousel {
	margin:0 0 20px
}
.l-article-carousel-thumbnails {
	margin:10px 0 0;
	text-align:center
}
.l-article-map {
	height:500px;
	background:#ddd
}
.l-article-navigation .main {
	float:left;
	width:calc(100% - 180px)
}
.l-article-navigation .side {
	float:right;
	width:180px;
	text-align:right
}
@media screen and (max-width:767px) {
	.l-article--taxFree:before,.l-article-header:after,.l-article-taxFree,.l-article:before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.mobile.png);
	background-size:198px 151px
}
.l-article,.l-article--taxFree {
	padding:0 10px 10px
}
.l-article--taxFree:before,.l-article:before {
	top:-7px;
	left:5px;
	background-position:-151px -87px;
	width:33px;
	height:8px
}
.l-article-header {
	min-height:0;
	margin-bottom:15px;
	margin-left:-5px;
	padding-top:10px;
	padding-left:35px
}
.l-article-header:before {
	width:24px;
	bottom:9px
}
.l-article-header:after {
	background-position:-151px -95px;
	width:24px;
	height:9px
}
.l-article--taxFree .l-article-header {
	padding-right:60px
}
.l-article-heading {
	margin:0 0 5px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2
}
.l-article-date,.l-article-location {
	margin-bottom:0;
	font-size:12px;
	font-size:1.2rem
}
.l-article-date:before,.l-article-location:before {
	padding-right:3px
}
.l-article-taxFree {
	background-position:-151px 0;
	width:47px;
	height:47px
}
.l-article-next {
	margin-bottom:10px;
	padding:10px;
	border-width:3px
}
.l-article-next-page {
	margin-bottom:0;
	font-size:12px;
	font-size:1.2rem
}
.l-article-carousel,.l-article-information,.l-article-pagination-list {
	margin-bottom:10px
}
.l-article-next-title {
	margin-bottom:10px;
	font-size:15px;
	font-size:1.5rem;
	transition:none
}
.l-article-next-title:hover {
	opacity:1
}
.l-article-pagination {
	padding-top:10px
}
.l-article-pagination:after {
	display:block;
	content:'';
	clear:both
}
.l-article-pagination-arrow--next,.l-article-pagination-arrow--prev {
	position:static
}
.l-article-pagination-arrow--prev {
	float:left
}
.l-article-pagination-arrow--next {
	float:right
}
.l-article-pagination-list>li {
	display:inline-block;
	padding:0 4px
}
.l-article-pagination-list>li>a {
	font-size:12px;
	font-size:1.2rem;
	transition:none
}
.l-article-pagination-list>li>a:hover {
	background:0 0;
	color:#9d783c
}
.l-article-carousel-thumbnails {
	display:none
}
.l-article-map {
	height:200px
}
.l-article-navigation .main,.l-article-navigation .side {
	width:auto;
	float:none
}
.l-article-navigation .main {
	margin-bottom:4px
}
.l-article-navigation .side {
	text-align:left
}
}.l-banner a:hover,.l-banner-carousel-arrow--next:hover,.l-banner-carousel-arrow--prev:hover {
	opacity:.7
}
.l-bank {
	border-radius:5px
}
.l-banner {
	padding:40px 0 55px;
	background:#dcdcdc
}
.l-banner img {
	height:auto
}
.l-banner a {
	transition:opacity .2s ease-out
}
.l-banner-inner {
	width:1040px;
	margin:auto
}
.l-banner-list--bottom>dt,.l-banner-list--top>dt {
	margin:0 0 20px;
	line-height:1;
	font-size:20px;
	font-size:2rem;
	font-weight:700;
	text-align:center;
	letter-spacing:.05em;
	color:#fff
}
.l-banner-list--bottom ul,.l-banner-list--top ul {
	margin:-5px 0 0 -10px
}
.l-banner-list--bottom ul:after,.l-banner-list--top ul:after {
	display:block;
	content:'';
	clear:both
}
.l-banner-list--bottom ul>li,.l-banner-list--top ul>li {
	float:left;
	padding:5px 0 5px 10px
}
.l-banner-list--top {
	padding:25px 0;
	margin:25px 0;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb
}
.l-banner-list--top ul>li {
	width:20%
}
.l-banner-list--bottom ul {
	text-align:center
}
.l-banner-list--bottom ul>li {
	float:none;
	display:inline-block;
	width:340px
}
.l-banner-carousel {
	margin:0 0 25px -10px;
	position:relative
}
.l-banner-carousel:after {
	display:block;
	content:'';
	clear:both
}
.l-banner-carousel-item {
	width:20%;
	padding:0 0 0 10px;
	float:left
}
.l-banner-carousel-item a {
	display:block
}
.l-banner-carousel-arrow--next,.l-banner-carousel-arrow--prev {
	height:16px;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	color:#fff;
	transition:opacity .2s ease-out
}
.l-banner-carousel-arrow--prev {
	left:-40px
}
.l-banner-carousel-arrow--next {
	right:-40px
}
@media screen and (max-width:767px) {
	.l-banner {
	padding:18px 0
}
.l-banner a:hover {
	opacity:1
}
.l-banner-inner {
	width:auto;
	padding:0 10px
}
.l-banner-carousel {
	margin-top:-4px;
	margin-bottom:10px;
	margin-left:-4px
}
.l-banner-carousel-item {
	width:50%;
	margin-top:4px;
	padding-left:4px;
	text-align:center
}
.l-banner-list--bottom>dt,.l-banner-list--top>dt {
	margin-bottom:10px;
	font-size:18px;
	font-size:1.8rem
}
.l-banner-list--bottom li,.l-banner-list--top li {
	text-align:center
}
.l-banner-list--top {
	padding:10px 0;
	margin:10px 0 10px -4px
}
.l-banner-list--top ul {
	margin-left:-5px
}
.l-banner-list--top ul>li {
	width:50%
}
.l-banner-list--bottom ul {
	margin-top:0;
	margin-left:0
}
.l-banner-list--bottom ul>li {
	display:block;
	width:auto;
	padding:0;
	float:none
}
.l-banner-list--bottom ul>li:not(:last-child) {
	margin-bottom:5px
}
.l-banner-list--bottom>li,.l-banner-list--top>li {
	width:50%;
	padding:2px 0 2px 4px;
	text-align:center
}
.l-banner-carousel-arrow--next,.l-banner-carousel-arrow--prev {
	display:none
}
}.is-bg .l-body:before,.is-bg.is-bg-calendar .l-body:before {
	display:block;
	width:100%;
	min-width:1280px;
	position:fixed;
	top:170px;
	z-index:0;
	content:'';
	left:0
}
.l-body {
	background:#f5ebdc;
	opacity:0;
	transition:-webkit-transform .6s cubic-bezier(.23,1,.32,1),opacity .4s ease-out;
	transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .4s ease-out
}
.l-bulleted-list--link,.l-bulleted-list--text>a,.l-bulleted-list--title a,.l-calendar-col--content a {
	transition:opacity .2s ease-out
}
.is-ie9 .l-body {
	opacity:1
}
.has-session .is-top .l-body {
	opacity:0
}
.is-body-loaded .l-body {
	opacity:1!important
}
.is-body-unloaded .l-body {
	opacity:0!important
}
.is-bg .l-body:before {
	background-position:50% 0;
	background-repeat:no-repeat
}
.is-bg.is-bg-souvenir .l-body:before {
	height:550px;
	background-image:url(/assets/themes/yokanavi/img/bg/souvenir.png)
}
.is-bg.is-bg-ticket .l-body:before {
	height:440px;
	background-image:url(/assets/themes/yokanavi/img/bg/ticket.png)
}
.is-bg.is-bg-pass .l-body:before {
	height:463px;
	background-image:url(/assets/themes/yokanavi/img/bg/pass.png)
}
.is-bg.is-bg-calendar .l-body:before {
	height:552px;
	background:url(/assets/themes/yokanavi/img/bg/calendar.png) 50% 0 no-repeat
}
.is-bg.is-bg-wi-fi .l-body:before {
	height:431px;
	background-image:url(/assets/themes/yokanavi/img/bg/wi-fi.png)
}
.is-bg.is-bg-gourmet .l-body:before {
	height:520px;
	background-image:url(/assets/themes/yokanavi/img/bg/gourmet.png)
}
.is-bg.is-bg-festival .l-body:before {
	height:600px;
	background-image:url(/assets/themes/yokanavi/img/bg/festival.png)
}
.is-bg.is-bg-how_to_tour .l-body:before {
	height:510px;
	background-image:url(/assets/themes/yokanavi/img/bg/how_to_tour.png)
}
.is-bg.is-bg-terminal .l-body:before {
	height:519px;
	background-image:url(/assets/themes/yokanavi/img/bg/terminal.png)
}
.is-bg.is-bg-transportation_facilities .l-body:before {
	height:588px;
	background-image:url(/assets/themes/yokanavi/img/bg/transportation_facilities.png)
}
.is-bg.is-bg-access .l-body:before {
	height:461px;
	background-image:url(/assets/themes/yokanavi/img/bg/access.png)
}
.is-bg.is-bg-appeal .l-body:before {
	height:700px;
	background-image:url(/assets/themes/yokanavi/img/bg/appeal.png)
}
@media screen and (max-width:767px) {
	.l-body {
	position:relative;
	z-index:4
}
.is-top .l-body {
	opacity:0
}
.is-navigation-open .l-body {
	-webkit-transform:translateX(-260px);
	-ms-transform:translateX(-260px);
	transform:translateX(-260px);
	box-shadow:2px 0 4px rgba(0,0,0,.2)
}
.is-souvenirDetail-open .l-body {
	position:relative;
	height:100%;
	overflow:hidden
}
.is-bg .l-body:before {
	min-width:0
}
.is-bg.is-bg-souvenir .l-body:before {
	height:251px;
	background-image:url(/assets/themes/yokanavi/img/bg/souvenir_mobile.png);
	background-size:240px 251px;
	top:100px
}
.is-bg.is-bg-ticket .l-body:before {
	height:180px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/ticket_information@2x.png);
	background-size:auto 180px;
	top:130px
}
.is-bg.is-bg-pass .l-body:before {
	height:264px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/tourist_city_pass@2x.png);
	background-size:auto 264px;
	top:100px
}
.is-bg.is-bg-wi-fi .l-body:before {
	height:185px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/wi_fi@2x.png);
	background-size:auto 185px;
	top:110px
}
.is-bg.is-bg-gourmet .l-body:before {
	height:240px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/gourmet@2x.png);
	background-size:auto 240px;
	top:100px
}
.is-bg.is-bg-festival .l-body:before {
	height:277px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/festival@2x.png);
	background-size:auto 277px;
	top:100px
}
.is-bg.is-bg-how_to_tour .l-body:before {
	height:235px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/how_to_tour@2x.png);
	background-size:auto 235px;
	top:100px
}
.is-bg.is-bg-terminal .l-body:before {
	height:214px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/terminal@2x.png);
	background-size:auto 214px;
	top:115px
}
.is-bg.is-bg-transportation_facilities .l-body:before {
	height:256px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/transportation_facilities@2x.png);
	background-size:auto 256px;
	top:95px
}
.is-bg.is-bg-access .l-body:before {
	height:194px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/access@2x.png);
	background-size:auto 194px;
	top:100px
}
.is-bg.is-bg-calendar .l-body:before {
	min-width:0;
	height:221px;
	background-image:url(/assets/themes/yokanavi/img/bg/calendar_mobile.png);
	background-size:240px 221px;
	top:100px
}
.is-bg.is-bg-appeal .l-body:before {
	min-width:0;
	height:250px;
	background-image:url(/assets/themes/yokanavi/img/bg/appeal_mobile.png);
	background-size:240px 250px;
	top:100px
}
}.l-form-box,.l-service {
	box-shadow:0 0 5px rgba(0,0,0,.1);
	overflow:hidden
}
.l-service {
	padding:35px 40px 40px;
	background-color:#fff;
	border-radius:5px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	font-size:16px;
	font-size:1.6rem;
	line-height:1.7
}
.l-bulleted-list.is-search-result .l-bulleted-list--title {
	color:#333;
	font-size:16px;
	font-size:1.6rem
}
.l-bulleted-list.is-search-result .l-bulleted-list--text {
	font-size:13px;
	font-size:1.3rem
}
.l-bulleted-list.is-search-result .l-bulleted-list--text a {
	color:#00B177
}
.l-bulleted-list--lead {
	margin-bottom:28px
}
.l-bulleted-list--item {
	margin-bottom:24px;
	padding-top:18px;
	border-top:1px solid #c8c8c8
}
.l-bulleted-list--item:first-child {
	padding-top:0;
	border-top:none
}
.l-bulleted-list--title {
	margin-bottom:10px;
	font-size:18px;
	font-size:1.8rem;
	color:#00B177
}
.l-bulleted-list--title a {
	color:#9d783c;
	font-weight:400
}
.l-bulleted-list--title a:hover {
	opacity:.7;
	text-decoration:none
}
.is-sitemap .l-bulleted-list--title {
	margin-left:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #c8c8c8
}
.is-sitemap .l-bulleted-list--title:first-child {
	margin-left:0;
	border-bottom:none
}
.l-bulleted-list--title-small {
	margin-bottom:7px;
	font-size:16px;
	font-size:1.6rem
}
.l-bulleted-list--sub.is-compact,.l-bulleted-list--text {
	margin-bottom:10px
}
.l-bulleted-list--text>a:hover {
	opacity:.7
}
.l-bulleted-list--link:hover {
	opacity:.7
}
.l-bulleted-list--sub {
	padding-left:2rem;
	text-indent:-2rem
}
.l-bulleted-list--sub li {
	margin-top:30px
}
.l-bulleted-list--sub li:first-child,.l-bulleted-list--sub.is-compact li {
	margin-top:0
}
.l-bulleted-list--information {
	margin-bottom:30px
}
.l-bulleted-list--information .l-bulleted-list--information-text,.l-bulleted-list--information .l-bulleted-list--information-thumbnail {
	display:table-cell;
	vertical-align:top
}
.l-bulleted-list--information .l-bulleted-list--information-thumbnail {
	padding-right:20px;
	width:188px
}
.l-bulleted-list--information .l-bulleted-list--information-thumbnail img {
	width:100%;
	border:1px solid #C8C8C8
}
@media screen and (max-width:767px) {
	.l-service {
	padding:15px 10px 14px;
	font-size:12px;
	font-size:1.2rem
}
.l-bulleted-list.is-search-result .l-bulleted-list--title {
	font-size:13px;
	font-size:1.3rem
}
.l-bulleted-list.is-search-result .l-bulleted-list--text {
	margin-bottom:5px;
	font-size:11px;
	font-size:1.1rem
}
.l-bulleted-list.is-search-result .l-bulleted-list--text a {
	font-size:10px;
	font-size:1rem
}
.l-bulleted-list--lead {
	margin-bottom:0
}
.l-bulleted-list--item {
	margin-bottom:0;
	padding:5px 0
}
.l-bulleted-list--item:first-child {
	padding-top:0
}
.l-bulleted-list--item:last-child {
	padding-bottom:0
}
.l-bulleted-list--title {
	margin:0;
	font-size:15px;
	font-size:1.5rem;
	color:#00B177
}
.l-bulleted-list--title-small {
	margin:0;
	font-size:13px;
	font-size:1.3rem
}
.l-bulleted-list--text {
	margin:0
}
.l-bulleted-list--sub li {
	margin-top:5px
}
.l-bulleted-list--sub li:first-child {
	margin-top:0
}
.l-bulleted-list--information {
	margin:3px 0 0
}
.l-bulleted-list--information .l-bulleted-list--information-thumbnail {
	padding-right:10px;
	width:70px
}
.l-bulleted-list--information .l-bulleted-list--information-thumbnail img {
	width:100%;
	border:1px solid #C8C8C8
}
.l-bulleted-list--item-inner {
	margin-top:10px
}
.l-bulleted-list--item-inner:first-of-type {
	margin-top:0
}
}.l-content-row,.l-form-note,.l-form-row:not(:last-child) {
	border-bottom:1px solid #c8c8c8
}
.l-calendar-container:not(:last-child) {
	margin-bottom:25px
}
.l-calendar-inner {
	padding:40px
}
.l-calendar-text {
	padding:20px 0 50px;
	line-height:1.8
}
.l-calendar-calendar {
	margin:0 0 30px
}
.l-calendar-button {
	width:300px;
	margin:auto
}
.l-calendar-row {
	display:table;
	width:100%;
	table-layout:fixed
}
.l-calendar-row:not(:last-child) {
	padding:0 0 25px;
	margin:0 0 25px;
	border-bottom:1px solid #c8c8c8
}
.l-calendar-col--content,.l-calendar-col--month {
	display:table-cell;
	vertical-align:top
}
.l-calendar-col--month {
	width:100px;
	font-size:26px;
	font-size:2.6rem;
	font-weight:700;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.l-calendar-col--content {
	width:100%
}
.l-calendar-col--content a {
	text-decoration:underline
}
.l-calendar-col--content a:hover {
	opacity:.7;
	text-decoration:none
}
@media screen and (max-width:767px) {
	.l-calendar-calendar,.l-calendar-col--month,.l-calendar-container:not(:last-child) {
	margin-bottom:10px
}
.l-calendar-col--content,.l-calendar-row {
	display:block
}
.l-calendar-inner {
	padding:10px
}
.l-calendar-text {
	padding:10px 0;
	font-size:13px;
	font-size:1.3rem
}
.l-calendar-button {
	width:auto
}
.l-calendar-row:not(:last-child) {
	padding-bottom:10px;
	margin-bottom:10px
}
.l-calendar-col--month {
	display:block;
	width:auto;
	font-size:20px;
	font-size:2rem;
	text-align:center
}
.l-calendar-col--content a:hover {
	text-decoration:underline;
	opacity:1
}
}.l-column:after {
	display:block;
	content:'';
	clear:both
}
.l-column-main {
	width:850px;
	float:left
}
.l-column-sub {
	width:265px;
	float:right
}
@media screen and (max-width:767px) {
	.l-column-main,.l-column-sub {
	width:auto;
	float:none
}
.l-column-main:first-of-type,.l-column-sub:first-of-type {
	margin-bottom:20px
}
}.l-container,.l-container--narrow {
	width:1140px;
	margin:auto;
	position:relative
}
.l-container--narrow:after,.l-container:after {
	display:block;
	content:'';
	clear:both
}
.l-container--narrow {
	padding:0 120px
}
@media screen and (max-width:767px) {
	.l-container,.l-container--narrow {
	width:auto;
	padding:0 10px
}
}.l-content-header,.l-content-header--complete {
	padding:10px 0 30px;
	position:relative
}
.l-content-header--complete {
	padding-bottom:60px
}
.l-content-header--event,.l-content-header--feature,.l-content-header--news,.l-content-header--recommended,.l-content-header--spot,.l-content-header--tour {
	height:420px;
	padding:130px 0 0;
	position:relative;
	overflow:hidden
}
.l-content-header--event:before,.l-content-header--feature:before,.l-content-header--news:before,.l-content-header--recommended:before,.l-content-header--spot:before,.l-content-header--tour:before {
	display:block;
	content:'';
	width:101%;
	height:101%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-filter:blur(0);
	filter:blur(0);
	transition:opacity 1s ease-out,filter 3s ease-out,-webkit-filter 3s ease-out;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.l-form-box,.l-form-complete {
	-webkit-transform:translate3d(0,0,0)
}
.is-content-initialized .l-content-header--event:before,.is-content-initialized .l-content-header--feature:before,.is-content-initialized .l-content-header--news:before,.is-content-initialized .l-content-header--recommended:before,.is-content-initialized .l-content-header--spot:before,.is-content-initialized .l-content-header--tour:before {
	-webkit-filter:blur(5px);
	filter:blur(5px)
}
.l-content-header--event .l-content-hgroup,.l-content-header--feature .l-content-hgroup,.l-content-header--news .l-content-hgroup,.l-content-header--recommended .l-content-hgroup,.l-content-header--spot .l-content-hgroup,.l-content-header--tour .l-content-hgroup {
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
.is-ie .l-content-header--event .l-content-hgroup,.is-ie .l-content-header--feature .l-content-hgroup,.is-ie .l-content-header--news .l-content-hgroup,.is-ie .l-content-header--recommended .l-content-hgroup,.is-ie .l-content-header--spot .l-content-hgroup,.is-ie .l-content-header--tour .l-content-hgroup {
	-webkit-filter:none;
	filter:none
}
.is-ie9 .l-content-header--event:after,.is-ie9 .l-content-header--feature:after,.is-ie9 .l-content-header--news:after,.is-ie9 .l-content-header--recommended:after,.is-ie9 .l-content-header--spot:after,.is-ie9 .l-content-header--tour:after {
	display:block;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,.55)
}
.is-ie10 .l-content-header--event:before,.is-ie10 .l-content-header--feature:before,.is-ie10 .l-content-header--news:before,.is-ie10 .l-content-header--recommended:before,.is-ie10 .l-content-header--spot:before,.is-ie10 .l-content-header--tour:before,.is-ie11 .l-content-header--event:before,.is-ie11 .l-content-header--feature:before,.is-ie11 .l-content-header--news:before,.is-ie11 .l-content-header--recommended:before,.is-ie11 .l-content-header--spot:before,.is-ie11 .l-content-header--tour:before {
	display:none
}
.l-content-header--feature:before {
	background-image:url(/assets/themes/yokanavi/img/bg/content/feature.jpg)
}
.l-content-header--news:before {
	background-image:url(/assets/themes/yokanavi/img/bg/content/news.jpg)
}
.l-content-header--tour:before {
	background-image:url(/assets/themes/yokanavi/img/bg/content/tour.jpg)
}
.l-content-header--event:before {
	background-image:url(/assets/themes/yokanavi/img/bg/content/event.jpg)
}
.l-content-header--recommended:before {
	background-image:url(/assets/themes/yokanavi/img/bg/content/recommended.jpg)
}
.l-content-header--spot:before {
	background-image:url(/assets/themes/yokanavi/img/bg/content/spot.jpg)
}
.l-content-header--ie {
	display:none;
	width:100%;
	height:420px;
	position:absolute;
	top:0;
	left:0;
	z-index:0
}
.is-ie .l-content-header--ie {
	display:block
}
.l-content-hgroup,.l-content-hgroup--small {
	position:relative;
	z-index:2;
	text-align:center;
	transition:filter 3s ease-out,-webkit-filter 3s ease-out;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.l-content-hgroup {
	text-shadow:0 0 10px #000;
	color:#fff
}
.is-content-initialized .l-content-hgroup {
	-webkit-filter:blur(0);
	filter:blur(0)
}
.is-ie .is-content-initialized .l-content-hgroup {
	text-shadow:0 0 10px rgba(0,0,0,.5);
	-webkit-filter:none;
	filter:none
}
.l-content-hgroup--small {
	color:#9d783c
}
.l-content-heading,.l-content-heading--form,.l-content-heading--small {
	font-family:"Roboto Thin",sans-serif;
	font-weight:100;
	line-height:1;
	letter-spacing:4px
}
.l-content-heading {
	font-size:70px;
	font-size:7rem
}
.l-content-heading--small {
	font-size:48px;
	font-size:4.8rem
}
.l-content-heading--form {
	font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,Helvetica,Arial,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing:1px;
	font-size:36px;
	font-size:3.6rem;
	font-weight:700;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.is-ie .l-content-heading--form {
	font-family:Meiryo,Helvetica,Arial,"ＭＳ Ｐゴシック",sans-serif
}
.l-decor-items.is-decimal .l-decor-items--num,.l-information-inner-box-heading,.l-innerSection-heading,.l-innerSection-heading--mbSmall {
	font-family:"Roboto Regular",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
html:lang(en) .l-content-heading--form {
	font-size:48px;
	font-size:4.8rem
}
.l-content-subheading {
	padding:10px 0 0;
	font-size:18px;
	font-size:1.8rem
}
.l-content-subheading--small {
	font-size:14px;
	font-size:1.4rem
}
.l-content-body,.l-content-body--sub {
	padding:0 0 100px
}
.l-content-body {
	padding-top:40px;
	position:relative
}
.l-content-body:before {
	display:block;
	content:'';
	width:100%;
	height:20px;
	position:absolute;
	top:-20px;
	left:0;
	z-index:1;
	background:url(/assets/themes/yokanavi/img/bg/bar.png) 50% 0 no-repeat
}
.is-ie10 .l-content-body,.is-ie11 .l-content-body {
	margin-top:1px
}
.l-content-control {
	margin:0 0 30px;
	text-align:center
}
.l-content-control>form {
	display:inline-block;
	padding:20px 0;
	border-radius:4px;
	background:#fff
}
.l-content-filter {
	display:table;
	width:940px;
	margin:auto;
	text-align:left;
	background:#fff;
	padding:20px 70px
}
.l-content-filter>dd,.l-content-filter>dt {
	display:table-cell;
	vertical-align:top
}
.l-content-filter>dt {
	min-width:110px;
	padding:5px 30px 0 0;
	font-size:14px;
	font-size:1.4rem
}
.l-content-pulldown {
	display:inline-block;
	vertical-align:top;
	transition:opacity .2s ease-out
}
.l-content-pulldown:after {
	display:block;
	content:'';
	clear:both
}
.l-content-check,.l-content-pulldown .select {
	display:inline-block;
	vertical-align:top
}
.l-content-pulldown.is-disabled {
	opacity:.4
}
.l-content-pulldown:not(:last-child) {
	margin-right:30px
}
.l-content-pulldown>dt {
	padding:0 10px 0 0;
	float:left;
	font-size:14px;
	font-size:1.4rem;
	line-height:30px
}
.l-content-pulldown>dd {
	float:left
}
.l-content-row {
	padding:20px 0
}
.l-content-row:first-child {
	padding:0 60px 20px
}
.l-content-search {
	width:780px;
	margin:auto
}
.l-content-button {
	width:300px;
	margin:15px auto 0
}
.l-content-check {
	padding:5px 0 0 15px
}
html:lang(ja) .l-content-check {
	display:none!important
}
.l-content-pagination {
	margin:30px 0 0
}
@media screen and (max-width:767px) {
	.l-content-header,.l-content-header--complete {
	padding:0 0 10px
}
.l-content-header--event:before,.l-content-header--feature:before,.l-content-header--news:before,.l-content-header--recommended:before,.l-content-header--spot:before,.l-content-header--tour:before {
	-webkit-filter:blur(5px);
	filter:blur(5px)
}
.l-content-header--feature,.l-content-header--news {
	height:180px;
	padding-top:55px
}
.l-content-header--event,.l-content-header--tour {
	height:160px;
	padding-top:55px
}
.l-content-header--recommended {
	height:180px;
	padding-top:30px
}
.l-content-header--spot {
	height:160px;
	padding-top:55px
}
.l-content-hgroup,.l-content-hgroup--small {
	position:relative;
	z-index:1;
	text-align:center;
	opacity:1;
	-webkit-filter:blur(0);
	filter:blur(0);
	transition:none
}
.l-content-heading {
	font-size:38px;
	font-size:3.8rem;
	letter-spacing:2px
}
.l-content-heading--small {
	font-size:30px;
	font-size:3rem;
	line-height:1
}
.l-content-subheading {
	font-size:13px;
	font-size:1.3rem
}
.l-content-subheading--small {
	font-size:12px;
	font-size:1.2rem
}
.l-content-body,.l-content-body--sub {
	padding-bottom:20px
}
.l-content-body {
	padding-top:10px
}
.l-content-body:before {
	background:url(/assets/themes/yokanavi/img/bg/bar_mobile.png) 50% 0 no-repeat;
	background-size:auto 20px
}
.l-content-control {
	margin:0 0 10px;
	text-align:left
}
.l-content-control>form {
	display:block;
	padding:10px
}
.l-content-row {
	padding:10px 0
}
.l-content-row:first-child {
	padding:0 0 10px
}
.l-content-search {
	width:100%
}
.l-content-search.search {
	border:1px solid #c8c8c8
}
.l-content-button {
	width:100%;
	margin:10px auto 0
}
.l-content-button>.button--default .button-inner {
	display:block
}
.l-content-filter {
	display:block;
	width:auto;
	padding:10px
}
.l-content-filter>dt {
	display:block;
	margin-bottom:5px;
	float:none;
	line-height:1.5
}
.l-content-filter>dd {
	display:block;
	padding-left:0
}
.l-content-pulldown {
	display:table;
	width:100%;
	table-layout:fixed
}
.l-content-pulldown>dd,.l-content-pulldown>dt {
	display:table-cell;
	vertical-align:middle;
	float:none
}
.l-content-pulldown:not(:last-child) {
	margin-right:0;
	margin-bottom:10px
}
.l-content-pulldown>dt {
	width:90px;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5
}
.l-content-pulldown>dd {
	width:100%
}
.l-content-pulldown .select {
	display:block
}
.l-content-pulldown-title--shopping {
	vertical-align:top!important;
	padding-top:7px!important
}
.l-content-check {
	display:block;
	padding:10px 0 0
}
.l-content-pagination {
	margin-top:10px
}
}.l-footer-menuList>li>a:hover,.l-footer-navigationList>dd>a:hover,.l-footer-pagetop:hover {
	opacity:.7
}
.is-ie9 .l-recommendedRoutes-caption,.is-ie9 .l-tour-caption {
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#000000',GradientType=1 )
}
.l-footer-menuList>li>a,.l-footer-navigationList>dd>a,.l-footer-pagetop,.l-form-addPeriod a,.l-form-label--checkbox:before,.l-form-periodItem,.l-form-policy-text a {
	transition:opacity .2s ease-out
}
.l-decor-items.is-decimal .l-decor-items--num {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:48px;
	height:48px;
	line-height:48px;
	border-radius:50%;
	background:#00b177;
	float:left;
	font-size:26px;
	font-size:2.6rem;
	color:#fff;
	text-align:center
}
.l-decor-items.is-decimal .l-decor-items--description {
	position:relative;
	padding:0 0 0 60px
}
.l-decor-items .l-decor-items--description {
	margin:0 0 10px
}
.l-decor-items .l-decor-items--title {
	font-weight:700
}
.l-decor-items .l-decor-items--text {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6
}
.l-decor-items.l-decor-items-wi-fi {
	margin-bottom:-40px
}
.l-decor-items.l-decor-items-wi-fi .l-decor-items--item {
	position:relative;
	width:350px;
	margin:0 0 40px
}
.l-decor-items.l-decor-items-wi-fi .l-decor-items--item:nth-child(odd) {
	margin-right:40px
}
.l-decor-items.l-decor-items-wi-fi .l-decor-items--item .l-decor-items--icon {
	position:absolute;
	top:0;
	right:-30px;
	color:#ffe91a;
	line-height:406px;
	font-size:20px;
	font-size:2rem
}
.l-decor-items.l-decor-items-wi-fi .l-decor-items--item .l-decor-items--icon.is-next {
	top:auto;
	bottom:-30px;
	line-height:20px
}
@media screen and (max-width:767px) {
	.l-decor-items.is-decimal .l-decor-items--num {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:24px;
	font-size:2.4rem;
	top:50%;
	margin-top:-15px
}
.l-decor-items.is-decimal .l-decor-items--item {
	padding-left:0
}
.l-decor-items.is-decimal .l-decor-items--description {
	padding:0 0 0 35px;
	margin:0 0 5px
}
.l-decor-items .l-decor-items--title {
	font-size:13px;
	font-size:1.3rem
}
.l-decor-items .l-decor-items--text {
	font-size:12px;
	font-size:1.2rem
}
.l-decor-items .l-decor-items--icon {
	display:none
}
.l-decor-items.l-decor-items-wi-fi {
	margin-bottom:-10px
}
.l-decor-items.l-decor-items-wi-fi .l-decor-items--item {
	width:auto;
	margin:0 0 10px
}
.l-decor-items.l-decor-items-wi-fi .l-decor-items--item:nth-child(odd) {
	margin-right:0
}
}.l-description-table {
	width:100%;
	font-size:14px;
	font-size:1.4rem;
	table-layout:fixed
}
.l-description-table tr:last-child th {
	padding:0
}
.l-description-table tr:last-child td {
	padding-bottom:0
}
.l-description-table th {
	width:100px;
	text-align:left;
	font-weight:700;
	padding:0 0 20px;
	vertical-align:top
}
.l-description-table td {
	padding:0 0 20px 30px;
	vertical-align:top
}
@media screen and (max-width:767px) {
	.l-description-table,.l-description-table tr {
	display:block
}
.l-description-table tr:not(:last-child) {
	margin-bottom:10px
}
.l-description-table th {
	display:block;
	width:auto;
	font-size:13px;
	font-size:1.3rem;
	padding:0
}
.l-description-table td {
	display:block;
	font-size:12px;
	font-size:1.2rem;
	padding:0
}
}.l-fluid-group:after {
	display:block;
	content:'';
	clear:both
}
.l-fluid-group.l-fluid-group-wi-fi .l-fluid-group--item {
	width:370px
}
.l-fluid-group.l-fluid-group-wi-fi .l-fluid-group--item:nth-child(odd) {
	margin-right:20px
}
.l-fluid-group--item {
	float:left;
	display:inline-block
}
.l-fluid-group--item>p {
	margin-bottom:25px
}
@media screen and (max-width:767px) {
	.l-fluid-group.l-fluid-group-wi-fi .l-fluid-group--item {
	width:auto
}
.l-fluid-group.l-fluid-group-wi-fi .l-fluid-group--item:not(:last-child) {
	margin:0 0 10px
}
.l-fluid-group.l-fluid-group-wi-fi .l-fluid-group--item:nth-child(odd) {
	margin-right:0
}
.l-fluid-group--item {
	font-size:12px;
	font-size:1.2rem
}
.l-fluid-group--item>p {
	margin-bottom:20px;
	line-height:1.8
}
}.l-footer {
	background:#fff;
	position:relative;
	z-index:1
}
.l-footer-pagetop {
	display:block;
	padding:15px 0;
	background:#bebebe;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	text-align:center
}
.l-footer-pagetopInner {
	display:inline-block;
	padding:10px 0 0;
	position:relative;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	letter-spacing:.03em
}
.l-footer-pagetopInner:before {
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto;
	font-size:13px;
	font-size:1.3rem
}
.l-footer-main {
	padding:60px 0;
	background:#f6f6f6
}
.l-footer-row {
	display:table;
	width:1140px;
	table-layout:fixed;
	margin:auto
}
.l-footer-menu {
	display:table-cell;
	vertical-align:top;
	font-size:0
}
.l-footer-menu:after {
	display:block;
	content:'';
	clear:both
}
.l-footer-menu>dt {
	display:inline-block;
	height:100px;
	width:24px;
	padding:0 8px 0 0;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.1;
	vertical-align:top;
	letter-spacing:.1em
}
.l-footer-menu>dt .u-vertical {
	white-space:nowrap
}
.l-footer-menu>dd {
	display:inline-block;
	width:162px;
	padding:0 0 0 8px;
	border-left:2px solid #d1c0a4;
	vertical-align:top
}
.l-footer-menuList {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.25
}
.l-footer-menuList>li:not(:last-child) {
	margin:0 0 15px
}
.l-footer-menuList>li>a {
	display:inline-block;
	padding:0 0 0 20px;
	position:relative
}
.l-footer-menuList>li>a:before {
	display:block;
	height:8px;
	position:absolute;
	top:.3em;
	left:0;
	font-size:10px;
	font-size:1rem
}
.l-footer-navigation {
	padding:15px 0 20px
}
.l-footer-navigationList {
	float:left;
	font-size:0
}
.l-footer-navigationList>dt {
	display:inline-block;
	padding:0 10px 0 0;
	vertical-align:middle
}
.l-footer-navigationList>dd {
	display:inline-block;
	padding:0 18px;
	vertical-align:middle;
	line-height:1;
	font-size:12px;
	font-size:1.2rem
}
.l-footer-navigationList>dd:not(:last-child) {
	border-right:1px solid #c8c8c8
}
.l-footer-copyright {
	padding:10px 0 0;
	float:right;
	font-size:10px;
	font-size:1rem
}
@media screen and (max-width:767px) {
	.l-footer-navigationList>dd>a:hover,.l-footer-pagetop:hover {
	opacity:1
}
.l-footer-copyright,.l-footer-navigationList {
	text-align:center;
	float:none
}
.l-footer-pagetop {
	padding:8px 0;
	font-size:11px;
	font-size:1.1rem
}
.l-footer-pagetopInner {
	padding-top:13px
}
.l-footer-pagetopInner:before {
	top:0;
	font-size:14px;
	font-size:1.4rem
}
.l-footer-main {
	display:none
}
.l-footer-navigation {
	padding-bottom:10px
}
.l-footer-navigationList:after {
	display:block;
	content:'';
	clear:both
}
.l-footer-navigationList>dt {
	display:none
}
.l-footer-navigationList>dd {
	display:inline-block;
	padding:0 7px
}
.l-footer-navigationList>dd:last-child {
	border-right:none
}
.l-footer-navigationList>.l-footer-divider {
	margin:12px 0 13px
}
.l-footer-logo {
	width:110px;
	margin:20px auto 0
}
.l-footer-copyright {
	display:block
}
}.l-form-lead {
	margin:0 0 55px;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	line-height:1.7
}
.l-form-lead-required {
	color:#e67800
}
.l-form-box {
	margin:0 0 30px;
	background-color:#fff;
	border-radius:5px;
	transform:translate3d(0,0,0)
}
.l-form-heading {
	display:block;
	line-height:60px;
	background:#00b177;
	position:relative;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	text-align:center
}
.l-form-body {
	padding:20px 40px
}
.l-form-body-lead {
	margin-bottom:25px
}
.l-form-body-lead:last-of-type {
	margin-bottom:0
}
.l-form-body-lead+.l-form-row {
	margin-top:12px;
	border-top:1px solid #c8c8c8
}
.l-form-body-lead-caption {
	font-size:14px;
	font-size:1.4rem
}
.l-form-body-lead-required:before {
	content:'＊';
	color:#e67800
}
.l-form-note {
	padding:0 0 15px;
	margin:0 0 10px;
	font-weight:700;
	color:#d82323
}
.l-form-row--noborder:after,.l-form-row:after {
	display:block;
	content:'';
	clear:both
}
.l-form-row--noborder>dt,.l-form-row>dt {
	max-width:185px;
	float:left;
	font-weight:700
}
.l-form-row--noborder>dd,.l-form-row>dd {
	padding:0 0 0 190px;
	font-size:14px;
	font-size:1.4rem
}
.l-form-smaller {
	font-size:13px;
	font-size:1.3rem
}
.l-form-row {
	padding:20px 0
}
.l-form-row--noborder {
	padding:10px 0
}
.l-form-required:after {
	content:'＊';
	font-size:16px;
	font-size:1.6rem;
	color:#e67800
}
.l-form-alert:before,.l-form-checklist--horizontal:after,.l-form-label--checkbox:after,.l-form-pair--small:after,.l-form-pair--xsmall:after,.l-form-pair:after,.l-form-reserve:after,.l-grid:after,.l-information-inner-box-heading:before,.l-information-list:after,.l-innerSection-description:after,.l-innerSection-heading--mbSmall:before,.l-innerSection-heading:before,.l-navigation-icon:before,.l-navigation>ul:after {
	content:''
}
.l-form-container--text {
	width:525px
}
.l-form-alert {
	display:none;
	padding:5px 20px;
	margin:10px 0 0;
	background:#ed8077;
	position:relative;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
	color:#fff
}
.l-form-alert:before {
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 4px 8px;
	border-color:transparent transparent #ed8077;
	position:absolute;
	bottom:100%;
	left:5px
}
.l-form-alert.is-visible {
	display:inline-block!important
}
.l-form-text {
	margin:0 0 5px;
	font-size:14px;
	font-size:1.4rem
}
.l-form-caption {
	font-size:14px;
	font-size:1.4rem
}
.l-form-caption:first-child {
	margin-top:10px
}
.l-form-caption:not(:last-child) {
	margin-bottom:20px
}
.l-form-checklist--horizontal:after {
	display:block;
	clear:both
}
.l-form-checklist--horizontal>li {
	padding:0 15px 0 0;
	float:left
}
.l-form-checkbox {
	display:block;
	position:relative;
	height:26px;
	font-size:14px;
	font-size:1.4rem
}
.l-form-checkbox>input[type=checkbox] {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	visibility:hidden
}
.l-form-label--checkbox {
	display:block;
	width:100%;
	line-height:26px;
	padding:0 0 0 35px;
	position:relative;
	cursor:pointer
}
.l-form-label--checkbox:after {
	display:block;
	width:26px;
	height:26px;
	border-radius:4px;
	background:#f5f5f5;
	border:1px solid #c8c8c8;
	position:absolute;
	top:0;
	left:0
}
.is-invalid .l-form-label--checkbox:after {
	background:#fff0f0;
	border:3px solid #ed8077
}
.l-form-label--checkbox:before {
	z-index:1;
	position:absolute;
	margin:auto;
	opacity:0;
	height:13px;
	top:0;
	bottom:0;
	left:6px;
	color:#00b177
}
input[type=checkbox]:checked+.l-form-label--checkbox:before {
	opacity:1
}
.l-form-uploadNote {
	margin:5px 0 0
}
.l-form-uploadNote>li {
	margin:0 0 3px;
	padding:0 0 0 1em;
	text-indent:-1em
}
.l-form-files>li:not(:last-child),.l-form-policy {
	margin:0 0 20px
}
.l-form-policy-heading {
	margin:0 0 5px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.l-form-policy-text {
	font-size:14px;
	font-size:1.4rem
}
.l-form-policy-text a {
	text-decoration:underline
}
.l-form-policy-text a:hover {
	opacity:.7;
	text-decoration:none
}
.l-form-buttons {
	text-align:center;
	font-size:0
}
.l-form-buttons>li {
	display:inline-block;
	padding:0 15px;
	vertical-align:top
}
.l-form-buttons button {
	display:block;
	padding:0;
	border:none;
	background-color:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.l-form-complete,.l-form-complete--compact {
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	overflow:hidden
}
.l-form-complete {
	padding:25px 40px 40px;
	transform:translate3d(0,0,0)
}
.l-form-complete>p {
	margin:0 0 45px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.7
}
.l-form-complete--compact {
	padding:25px 40px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.l-form-complete--compact>p {
	margin:0 0 5px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.7
}
.l-form-complete-heading {
	margin:0 0 10px;
	font-size:21px;
	font-size:2.1rem;
	font-weight:700;
	text-align:center
}
.l-form-pair--small:after,.l-form-pair--xsmall:after,.l-form-pair:after {
	display:block;
	clear:both
}
.l-form-capacity>li,.l-form-datepicker,.l-form-from,.l-form-smallText,.l-form-title,.l-form-unit {
	display:inline-block
}
.l-form-pair--small>dt,.l-form-pair--xsmall>dt,.l-form-pair>dt {
	float:left
}
.is-confirm.l-form-pair--small>dt,.is-confirm.l-form-pair--xsmall>dt,.is-confirm.l-form-pair>dt {
	padding-top:0
}
.l-form-pair>dd {
	padding-left:136px
}
.l-form-pair--small>dt {
	padding-top:3px
}
.l-form-pair--small>dd {
	padding-left:90px
}
.l-form-pair--xsmall>dt {
	padding-top:5px
}
.l-form-pair--xsmall>dd {
	padding-left:60px
}
.l-form-pair-title--large {
	padding-top:3px
}
.l-form-title {
	font-size:14px;
	font-size:1.4rem
}
.l-form-from {
	padding:0 5px;
	font-size:14px;
	font-size:1.4rem
}
.l-form-datepicker {
	width:195px
}
.l-form-list--vertical>li:not(:last-child) {
	margin:0 0 10px
}
.l-form-smallText {
	width:96px
}
.l-form-unit {
	line-height:34px;
	font-size:14px;
	font-size:1.4rem
}
.l-form-capacity>li:not(:last-child) {
	margin:0 70px 0 0
}
.l-form-capacity-check {
	display:inline-block;
	margin:0 15px 0 0
}
.l-form-reserve:after {
	display:block;
	clear:both
}
.l-form-addPeriod a,.l-form-colon,.l-form-listItem--inline,.l-form-open {
	display:inline-block
}
.l-form-reserve>dt {
	line-height:33px;
	float:left;
	font-size:14px;
	font-size:1.4rem
}
.l-form-reserve>dd {
	padding-left:45px
}
.l-form-periodList>li:not(:last-child) {
	margin-bottom:10px
}
.l-form-periodItem {
	opacity:0
}
.l-form-periodItem.is-visible {
	opacity:1
}
.l-form-addPeriod {
	margin:20px 0 0
}
.l-form-addPeriod a {
	padding:0 0 0 20px;
	position:relative;
	font-size:14px;
	font-size:1.4rem
}
.l-form-addPeriod a:hover {
	opacity:.7
}
.l-form-addPeriod a:before {
	height:16px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto
}
.l-header,.l-header-inner {
	position:relative;
	z-index:3
}
.l-form-addPeriod-inner {
	text-decoration:underline
}
.l-form-addPeriod-inner:hover {
	text-decoration:none
}
.l-form-open {
	width:80px;
	vertical-align:middle
}
.l-form-open .select {
	width:80px
}
.l-form-colon {
	padding:0 5px;
	vertical-align:middle
}
.l-form-list--irregular {
	margin:-10px 0 0
}
.l-form-list--irregular>li {
	min-width:110px;
	margin:10px 0 0;
	padding:0 15px 0 0;
	vertical-align:top
}
.l-form-list--card,.l-form-list--language {
	margin:-10px 0 0
}
.l-form-list--card>li,.l-form-list--language>li {
	padding:0 15px 0 0;
	margin:10px 0 0;
	vertical-align:top
}
.l-form-listItem--block {
	display:block
}
.l-form-kana {
	display:inline-block;
	margin:0 -5px
}
.l-form-complete-button {
	width:300px;
	margin:30px auto 0
}
@media screen and (max-width:767px) {
	.l-form.form-responsive .l-form-box {
	margin:0 0 15px
}
.l-form.form-responsive .l-form-heading {
	padding:12px;
	line-height:1.4;
	letter-spacing:1.4px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:400
}
.l-form.form-responsive .l-form-body {
	padding:10px;
	font-size:12px;
	font-size:1.2rem
}
.l-form.form-responsive .l-form-body-lead-caption {
	font-size:12px;
	font-size:1.2rem
}
.l-form.form-responsive .l-form-row {
	padding:10px 0
}
.l-form.form-responsive .l-form-row>dt {
	float:none;
	font-size:15px;
	font-size:1.5rem
}
.l-form.form-responsive .l-form-row>dd {
	padding:0;
	font-size:13px;
	font-size:1.3rem
}
.l-form.form-responsive .l-form-required {
	font-size:15px;
	font-size:1.5rem
}
.l-form.form-responsive .l-form-required:after {
	font-size:12px;
	font-size:1.2rem
}
.l-form.form-responsive .l-form-container--text {
	width:auto
}
.l-form.form-responsive .input {
	font-size:13px;
	font-size:1.3rem
}
.l-form.form-responsive .input.is-invalid {
	border-width:2px
}
.l-form.form-responsive .textarea {
	padding:7px 18px
}
.l-form.form-responsive .l-form-buttons>li {
	padding:0;
	margin:0 0 11px
}
.l-form.form-responsive .l-form-buttons>li:last-child {
	margin:0
}
.l-form.form-responsive .l-form-alert {
	padding:3px 13px;
	font-size:12px;
	font-size:1.2rem
}
.l-form.form-responsive .l-form-alert:before {
	border-width:0 5px 8px
}
.l-form.form-responsive .l-form-complete--compact {
	padding:12px 10px
}
.l-form.form-responsive .l-form-complete--compact>p {
	line-height:1.5
}
.l-form.form-responsive .l-form-complete-heading {
	margin:0 0 4px;
	letter-spacing:1.5px;
	font-size:15px;
	font-size:1.5rem
}
.l-form.form-responsive .l-form-body-lead {
	margin:0 0 2px;
	font-size:13px;
	font-size:1.3rem
}
.l-form.form-responsive .l-form-complete-button {
	margin:20px auto 0
}
}.l-grid {
	margin:-30px -15px 0;
	transition:opacity .4s ease-out
}
.l-grid:after {
	display:block;
	clear:both
}
.l-grid.is-processing {
	opacity:0
}
.l-grid-column--1of1,.l-grid-column--1of2,.l-grid-column--1of3,.l-grid-column--1of4 {
	padding:30px 15px 0;
	float:left
}
.l-grid-column--1of1 {
	width:100%
}
.l-grid-column--1of2 {
	width:50%
}
.l-grid-column--1of3 {
	width:33.3333333333%
}
.l-grid-column--1of4 {
	width:25%
}
@media screen and (max-width:767px) {
	.l-grid {
	margin:0
}
.l-grid--mobile {
	margin-left:-4px
}
.l-grid-column--1of1,.l-grid-column--1of2,.l-grid-column--1of3,.l-grid-column--1of4 {
	width:auto;
	margin-top:10px;
	padding:0;
	float:none
}
.l-grid--mobile .l-grid-column--1of1,.l-grid--mobile .l-grid-column--1of2,.l-grid--mobile .l-grid-column--1of3,.l-grid--mobile .l-grid-column--1of4 {
	width:50%;
	padding-left:4px;
	float:left
}
}.l-header {
	background:#fff;
	min-width:1280px;
	box-shadow:0 1px 0 rgba(0,0,0,.1)
}
.is-top .l-header {
	transition:-webkit-transform .8s cubic-bezier(.19,1,.22,1) 1s;
	transition:transform .8s cubic-bezier(.19,1,.22,1) 1s;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.is-top-visible .l-header {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.has-session .l-header,.is-top-visible .clock-board {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0)
}
.has-session .l-header {
	transition:none;
	transform:translateY(0)
}
.l-header-heading {
	position:absolute;
	top:32px;
	left:24px
}
.l-header-heading a {
	transition:opacity .2s ease-out
}
.l-header-heading a:hover {
	opacity:.7
}
.l-header-widget {
	width:200px;
	position:absolute;
	top:24px;
	right:24px
}
.l-header-widget>li {
	margin:0 0 5px
}
.l-header-menuButton {
	display:none
}
@media screen and (max-width:767px) {
	.l-header {
	min-width:0;
	height:50px
}
.is-top .l-header {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.l-header-inner {
	padding:7px 0 0 7px
}
.l-header-heading {
	position:static
}
.l-header-heading a:hover {
	opacity:1
}
.l-header-widget {
	width:100px;
	top:9px;
	right:58px
}
.l-header-widget>li {
	margin:0 0 5px
}
.l-header-menuButton {
	display:block;
	width:50px;
	height:50px;
	padding:33px 0 0;
	position:absolute;
	top:0;
	right:0;
	background:#9d783c;
	color:#fff;
	text-align:center;
	font-size:10px;
	font-size:1rem
}
.l-header-hamburger--bottom,.l-header-hamburger--middle,.l-header-hamburger--top {
	width:30px;
	height:3px;
	background:#fff;
	position:absolute;
	right:0;
	left:0;
	margin:auto;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
	transition:opacity .2s ease-out,transform .2s ease-out
}
.l-header-hamburger--top {
	top:8px
}
.is-navigation-open .l-header-hamburger--top {
	-webkit-transform:translate3d(0,9px,0) rotate(45deg);
	transform:translate3d(0,9px,0) rotate(45deg)
}
.l-header-hamburger--middle {
	top:17px
}
.is-navigation-open .l-header-hamburger--middle {
	opacity:0
}
.l-header-hamburger--bottom {
	top:26px
}
.is-navigation-open .l-header-hamburger--bottom {
	-webkit-transform:translate3d(0,-9px,0) rotate(-45deg);
	transform:translate3d(0,-9px,0) rotate(-45deg)
}
.l-header-menuButton-text--menu {
	display:inline
}
.is-navigation-open .l-header-menuButton-text--menu,.l-header-menuButton-text--close {
	display:none
}
.is-navigation-open .l-header-menuButton-text--close {
	display:inline
}
}.l-index {
	opacity:0
}
.is-top-visible .l-index {
	opacity:1
}
.l-information-anchor {
	margin:0 0 60px;
	text-align:center
}
.l-information-anchor-list {
	display:inline-block;
	padding:10px 30px;
	background:#fff;
	border-radius:30px;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	font-size:0
}
.l-information-anchor-list>li {
	display:inline-block;
	padding:0 24px;
	text-align:center
}
.l-information-anchor-item {
	display:block;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	color:inherit;
	position:relative
}
.l-information-anchor-item .icon-arrow01_down {
	display:block;
	font-size:10px;
	font-size:1rem;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	transition:-webkit-transform .4s cubic-bezier(.23,1,.32,1) .2s;
	transition:transform .4s cubic-bezier(.23,1,.32,1) .2s;
	line-height:1
}
.l-information-anchor-item:hover .icon-arrow01_down {
	-webkit-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px)
}
.l-information-anchor-text {
	display:inline-block;
	margin:0 0 8px;
	position:relative;
	line-height:1
}
.l-information-anchor-text:before {
	display:block;
	content:'';
	width:100%;
	height:5px;
	background:#00af77;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
	-webkit-transform:translate3d(0,0,0) scale(0,1);
	transform:translate3d(0,0,0) scale(0,1);
	transition:-webkit-transform .4s cubic-bezier(.19,1,.22,1);
	transition:transform .4s cubic-bezier(.19,1,.22,1)
}
a:hover .l-information-anchor-text:before {
	-webkit-transform:translate3d(0,0,0) scale(1);
	transform:translate3d(0,0,0) scale(1)
}
.l-information-anchor-text-inner {
	position:relative;
	z-index:1
}
.l-information-container:not(:last-child) {
	margin-bottom:25px
}
.l-information-inner {
	padding:70px 40px 30px
}
.l-information-section {
	padding:70px 0 0
}
.l-information-section.accordion {
	overflow:visible
}
.l-information-inner-box--contents {
	padding:0 40px
}
.l-information--image {
	margin:0 0 30px
}
.l-information--image>img {
	max-width:100%;
	height:auto
}
.l-information-accordion-body.accordion-body {
	display:block
}
.l-information-section-heading.featureHeading {
	top:-70px
}
.l-information-inner-box-heading {
	position:relative;
	margin:0 0 30px;
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
	line-height:1;
	color:#9d783c;
	text-align:center
}
.l-information-inner-box-heading:before {
	display:block;
	width:100%;
	height:2px;
	background:#d1c0a4;
	position:absolute;
	top:50%;
	left:0;
	z-index:0;
	margin:-1px 0 0
}
.l-information-inner-box-heading--inner {
	display:inline-block;
	padding:0 10px;
	background:#fff;
	position:relative;
	z-index:0
}
.l-information-section-lead {
	margin:0 0 25px;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	color:#9d783c;
	text-align:center
}
.l-information-list {
	margin:-15px -10px 0
}
.l-information-list:after {
	display:block;
	clear:both
}
.l-information-list>li {
	width:25%;
	padding:15px 10px 0;
	float:left
}
.l-information-list>li>a {
	display:block;
	color:inherit;
	transition:opacity .2s ease-out
}
.l-information-list>li>a:hover {
	opacity:.7
}
.l-information-list img {
	max-width:100%;
	height:auto
}
.l-information-name {
	display:block;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.8
}
.l-information-button {
	width:300px;
	margin:30px auto 0
}
.l-information-inner-box:not(:last-child) {
	margin:0 0 60px
}
.l-information-inner-section:not(:last-child) {
	margin:0 0 34px
}
@media screen and (max-width:767px) {
	.l-information-anchor,.l-information-section-heading {
	display:none
}
.l-information-inner-box:not(:last-child) {
	margin:0 0 14px
}
.l-information-inner-box-heading--inner {
	font-size:18px;
	font-size:1.8rem
}
.l-information-inner-box-heading {
	margin:0 0 8px
}
.l-information-inner-box--contents {
	padding:0
}
.l-information-container:not(:last-child) {
	margin-bottom:10px
}
.l-information-inner {
	padding:10px
}
.l-information-section {
	padding-top:0
}
.l-information-section-lead {
	margin-bottom:10px;
	font-size:14px;
	font-size:1.4rem;
	text-align:left
}
.l-information-list {
	margin-top:-10px
}
.l-information-list:after {
	display:block;
	content:'';
	clear:both
}
.l-information-list>li {
	width:50%;
	padding:10px 5px 0;
	float:left
}
.l-information-list>li>a:hover {
	transition:none;
	opacity:1
}
.l-information-name {
	font-size:12px;
	font-size:1.2rem
}
.l-information-button {
	margin-top:10px;
	width:auto
}
.l-information--image {
	margin:0 0 20px
}
}.l-innerSection {
	padding:30px;
	background:#f5f5f5
}
.l-innerSection.l-innerSection-wifi:not(:last-child) {
	margin:0 0 30px
}
.l-innerSection-heading,.l-innerSection-heading--mbSmall {
	position:relative;
	font-size:22px;
	font-size:2.2rem;
	font-weight:400;
	line-height:1;
	color:#00b177;
	text-align:center
}
.l-notFound-heading,.l-pass-description>dt {
	font-family:"Roboto Thin",sans-serif
}
.l-innerSection-heading--mbSmall:before,.l-innerSection-heading:before {
	display:block;
	width:100%;
	height:2px;
	background:#00b177;
	position:absolute;
	top:50%;
	left:0;
	z-index:0;
	margin:-1px 0 0
}
.l-innerSection-heading {
	margin-bottom:30px
}
.l-innerSection-heading--mbSmall {
	margin-bottom:20px
}
.l-innerSection-heading-inner {
	display:inline-block;
	padding:0 10px;
	background:#f5f5f5;
	position:relative;
	z-index:0
}
.l-megamenu,.l-navigation>ul>li.is-current,.l-navigation>ul>li:hover {
	background:#f8f3f0
}
.l-innerSection-description {
	font-size:14px;
	font-size:1.4rem
}
.l-innerSection-description:after {
	display:block;
	clear:both
}
.l-innerSection-description:not(:last-child) {
	margin:0 0 30px
}
.l-innerSection-description>dt {
	float:left;
	font-weight:700
}
.l-innerSection-description>dd {
	padding:0 0 0 120px
}
.is-en .l-innerSection-description>dd {
	padding:0 0 0 160px
}
.l-innerSection-description>dd:not(:last-child) {
	margin:0 0 15px
}
.l-innerSection-description a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.l-innerSection-description a:hover {
	opacity:.7;
	text-decoration:none
}
.l-innerSection-content {
	display:table;
	width:100%;
	table-layout:fixed
}
.l-innerSection-content--image {
	display:table-cell;
	width:370px;
	vertical-align:top
}
.l-innerSection-content--image>img {
	max-width:100%
}
.l-innerSection-content--detail {
	display:table-cell;
	width:100%;
	vertical-align:top;
	padding:0 0 0 20px;
	font-size:14px;
	font-size:1.4rem
}
.l-innerSection-content--detail a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title:hover,[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title:hover b {
	text-decoration:none
}
.l-innerSection-content--detail a:hover {
	opacity:.7;
	text-decoration:none
}
.l-innerSection-content--text {
	font-size:14px;
	font-size:1.4rem;
	line-height:25px
}
.l-innerSection-content--text:not(:last-child) {
	margin:0 0 25px
}
.l-innerSection-title {
	font-size:19px;
	font-size:1.9rem;
	margin:0
}
.l-innerSection-text {
	font-size:14px;
	font-size:1.4rem;
	line-height:25px
}
.l-innerSection-text:not(:last-child) {
	margin:0 0 15px
}
.l-innerSection-bordered-box {
	border:1px solid #c2c2c2;
	padding:17px 20px 14px;
	margin:0 0 30px
}
@media screen and (max-width:767px) {
	.l-innerSection {
	padding:10px
}
.l-innerSection.l-innerSection-wifi:not(:last-child),.l-innerSection:not(:last-child) {
	margin:0 0 10px
}
.l-innerSection-heading,.l-innerSection-heading--mbSmall {
	margin-bottom:15px;
	font-size:16px;
	font-size:1.6rem
}
.l-innerSection-heading-inner {
	font-size:16px;
	font-size:1.6rem;
	padding:0 6px;
	line-height:1.4
}
.l-innerSection-heading--mbSmall {
	margin-bottom:8px
}
.l-innerSection-description:not(:last-child) {
	margin:0 0 14px
}
.l-innerSection-description>dt {
	float:none;
	font-size:13px;
	font-size:1.3rem
}
.l-innerSection-description>dd {
	padding-left:0;
	font-size:12px;
	font-size:1.2rem
}
.l-innerSection-description>dd:not(:last-child) {
	margin-bottom:10px
}
.l-innerSection-content--image {
	display:block;
	width:auto;
	margin-bottom:10px
}
.l-innerSection-content--detail {
	display:block;
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	padding-left:0
}
.l-innerSection-content--text {
	font-size:12px;
	font-size:1.2rem;
	line-height:17px
}
.l-innerSection-content--text:not(:last-child) {
	margin:0 0 7px
}
.l-innerSection-bordered-box {
	padding:7px 10px 5px;
	margin:0 0 17px
}
.l-innerSection-title {
	font-size:15px;
	font-size:1.5rem;
	margin:0 0 1px
}
.l-innerSection-text {
	font-size:12px;
	font-size:1.2rem;
	line-height:17px
}
.l-innerSection-text:not(:last-child) {
	margin:0 0 7px
}
}.l-megamenu {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	box-shadow:0 1px 0 rgba(0,0,0,.1)
}
.l-megamenu.is-visible {
	z-index:3
}
.l-megamenu-inner {
	padding:15px 0;
	margin:auto
}
.l-megamenu-list {
	font-size:0;
	text-align:center
}
.l-megamenu-list>li {
	display:inline-block;
	max-width:190px;
	padding:15px;
	vertical-align:top;
	text-align:left
}
.l-megamenu-item {
	color:#333;
	transition:opacity .2s ease-out
}
.l-megamenu-item:hover {
	opacity:.7
}
.l-megamenu-title {
	display:block;
	padding:5px 0 0;
	font-size:13px;
	font-size:1.3rem
}
.l-navigation {
	min-height:113px;
	text-align:center
}
.l-navigation>ul {
	display:inline-block;
	vertical-align:top
}
.l-navigation>ul:after {
	display:block;
	clear:both
}
.l-navigation>ul>li {
	float:left;
	transition:background-color .2s ease-out
}
.l-navigation>ul>li>a {
	display:table;
	width:100%;
	padding:27px 0 18px;
	color:inherit
}
.l-navigation-item {
	display:table-cell;
	width:100%;
	height:68px;
	padding:0 32px;
	vertical-align:middle;
	text-align:center
}
li:not(:last-child) .l-navigation-item {
	border-right:1px solid #e6e6e6
}
.l-navigation-icon {
	display:block;
	padding:28px 0 0;
	position:relative;
	font-size:10px;
	font-size:1rem;
	color:#00b177
}
.l-navigation-icon:before {
	display:block;
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto;
	font-size:22px;
	font-size:2.2rem;
	color:#9d783c
}
.l-navigation-name {
	display:block;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	letter-spacing:.01em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.areaGuideButton-inner .u-vertical,.l-notFound-heading {
	letter-spacing:.1em
}
@media screen and (max-width:767px) {
	.l-navigation {
	display:none
}
}.l-news {
	padding:26px 0;
	background:#fff;
	position:relative
}
.l-news-row {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.is-ie9 .l-news-row {
	display:table;
	width:100%;
	table-layout:fixed
}
.is-ie9 .l-news-button,.is-ie9 .l-news-news,.is-ie9 .l-news-title {
	display:table-cell;
	vertical-align:top
}
.l-news-title {
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.is-ie9 .l-news-title {
	width:200px
}
.l-news-news {
	width:830px;
	padding:2px 30px 0 0;
	-webkit-flex-grow:0;
	-ms-flex-positive:0;
	flex-grow:0
}
.is-ie9 .l-news-news {
	width:100%
}
.l-news-button {
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	text-align:right
}
.is-ie9 .l-news-button {
	width:120px;
	text-align:right
}
.l-news-heading {
	display:inline-block;
	padding:0 25px 0 33px;
	margin:0 25px 0 0;
	border-right:1px dotted #c7b899;
	position:relative;
	font-size:20px;
	font-size:2rem;
	font-weight:700;
	color:#9d783c;
	line-height:1;
	vertical-align:middle;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.l-news-heading:before {
	height:20px;
	font-size:24px;
	font-size:2.4rem;
	position:absolute;
	bottom:0;
	left:0;
	margin:auto
}
@media screen and (max-width:767px) {
	.l-news {
	padding:12px 0 25px;
	text-align:center
}
.l-news-row {
	display:block
}
.l-news-heading {
	display:inline-block;
	padding-left:20px;
	margin-right:0;
	margin-bottom:10px;
	border-right:none;
	font-size:16px;
	font-size:1.6rem;
	text-align:center
}
.l-news-heading:before {
	height:16px;
	font-size:18px;
	font-size:1.8rem;
	position:absolute;
	bottom:0;
	left:0;
	margin:auto
}
.l-news-news {
	display:block;
	width:auto;
	padding:0;
	text-align:left
}
.l-news-button {
	margin-top:15px;
	position:relative;
	text-align:center
}
}.l-pass-content-heading:before,.l-pass-row:after {
	display:block;
	content:''
}
.l-newsList {
	margin:auto;
	padding:0 40px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.l-privacy-inner,.l-searchResult {
	box-shadow:0 0 5px rgba(0,0,0,.1);
	-webkit-transform:translate3d(0,0,0)
}
.l-newsList>li {
	padding:18px 0
}
.l-newsList>li:not(:last-child) {
	border-bottom:1px solid #e3e3e3
}
@media screen and (max-width:767px) {
	.l-newsList {
	padding:0 10px
}
.l-newsList>li {
	padding:10px 0
}
}.l-notFound {
	padding:60px 0 110px
}
.l-notFound.l-notFound-sub {
	padding:30px 0 0
}
.l-notFound.l-notFound-sub .l-notFound-hgroup {
	height:290px;
	padding:56px 0 160px;
	background:url(/assets/themes/yokanavi/img/bg/404/sub/hgroup.png) 50% 0 no-repeat
}
.l-notFound.l-notFound-sub .l-notFound-heading {
	font-size:70px;
	font-size:7rem
}
.l-notFound.l-notFound-sub .l-notFound-lead {
	margin:0
}
.l-notFound-hgroup {
	height:404px;
	padding:50px 0 170px;
	margin:0 auto 20px;
	background:url(/assets/themes/yokanavi/img/bg/404/hgroup.png) 50% 0 no-repeat;
	text-align:center
}
.l-notFound-heading {
	padding:0 0 0 .1em;
	margin:0 0 20px;
	font-weight:100;
	font-size:198px;
	font-size:19.8rem;
	line-height:.7;
	white-space:nowrap
}
.l-notFound-subheading {
	font-size:20px;
	font-size:2rem
}
.l-notFound-lead {
	margin:0 0 60px;
	line-height:2;
	text-align:center
}
.l-notFound-button {
	width:300px;
	margin:auto
}
@media screen and (max-width:767px) {
	.l-notFound {
	padding:0 0 20px
}
.l-notFound.l-notFound-sub {
	padding:10px 0 0
}
.l-notFound.l-notFound-sub .l-notFound-hgroup {
	height:190px;
	padding:36px 0 102px;
	background:url(/assets/themes/yokanavi/img/bg/mobile/404/sub/hgroup@2x.png) 50% 0 no-repeat;
	background-size:auto 190px
}
.l-notFound.l-notFound-sub .l-notFound-heading {
	font-size:46px;
	font-size:4.6rem
}
.l-notFound.l-notFound-sub .l-notFound-lead {
	margin:0
}
.l-notFound-hgroup {
	height:232px;
	padding:30px 0 95px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/404/hgroup.png);
	background-size:160px 232px
}
.l-notFound-heading {
	margin-bottom:10px;
	font-size:114px;
	font-size:11.4rem
}
.l-notFound-subheading {
	font-size:12px;
	font-size:1.2rem
}
.l-notFound-lead {
	margin-bottom:5px;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5;
	text-align:left
}
.l-notFound-button {
	width:auto
}
}.l-pass-inner {
	padding:70px 35px 35px;
	position:relative
}
.l-pass-row {
	padding:0 40px
}
.l-pass-row:after {
	clear:both
}
.l-pass-col--left,.l-pass-col--right {
	width:50%
}
.l-pass-col--left {
	float:left
}
.l-pass-col--right {
	float:right
}
.l-pass-col--arrow {
	position:relative;
	padding-bottom:45px
}
.l-pass-explanation p {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8
}
.l-pass-explanation-content:not(:last-child) {
	margin-bottom:20px
}
.l-pass-button {
	width:300px;
	margin:20px auto 0
}
.l-pass-content {
	padding:40px 0 0
}
.l-pass-content-heading {
	margin:0 0 30px;
	position:relative;
	text-align:center
}
.l-pass-content-heading:before {
	width:100%;
	height:1px;
	background:#99783c;
	position:absolute;
	top:50%;
	left:0;
	z-index:0
}
.l-pass-content-heading-inner {
	display:inline-block;
	padding:0 30px;
	background:#fff;
	position:relative;
	z-index:1;
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#99783c
}
.l-pass-description:after {
	display:block;
	content:'';
	clear:both
}
.l-pass-description>dt {
	width:48px;
	height:48px;
	line-height:48px;
	border-radius:50%;
	background:#00b177;
	float:left;
	font-size:26px;
	font-size:2.6rem;
	color:#fff;
	text-align:center
}
.l-pass-description>dd {
	padding:0 0 0 60px
}
.l-pass-arrow {
	height:22px;
	position:absolute;
	bottom:15px;
	left:165px;
	font-size:22px;
	font-size:2.2rem;
	color:#ffe91a
}
.l-pass-description-title {
	font-weight:700
}
.l-pass-description-text {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6
}
.l-pass-whereToBuy {
	margin:50px 0 0
}
.l-pass-whereToBuy ul {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8
}
.l-pass-whereToBuy ul>li {
	text-indent:-1em;
	padding:0 0 0 1em
}
.l-pass-image {
	text-align:center
}
.l-pass-image-pass {
	width:335px
}
.l-pass-image-image {
	width:350px
}
.l-pass-image-image.has-border {
	border:1px solid #c8c8c8
}
@media screen and (max-width:767px) {
	.l-pass-inner {
	padding:20px 10px 10px
}
.l-pass-row {
	padding:0
}
.l-pass-col--left,.l-pass-col--right {
	width:auto;
	float:none;
	margin-bottom:10px
}
.l-pass-content-heading,.l-pass-explanation-content:not(:last-child) {
	margin-bottom:15px
}
.l-pass-col--arrow {
	padding-bottom:0
}
.l-pass-explanation p {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5
}
.l-pass-button {
	width:auto;
	margin-top:10px
}
.l-pass-content {
	padding-top:20px
}
.l-pass-content-heading-inner {
	display:inline-block;
	padding:0 10px;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3
}
.l-pass-description>dt {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:24px;
	font-size:2.4rem
}
.l-pass-description>dd {
	padding-left:35px
}
.l-pass-arrow {
	display:none
}
.l-pass-description-title {
	font-size:13px;
	font-size:1.3rem
}
.l-pass-description-text {
	font-size:12px;
	font-size:1.2rem
}
.l-pass-whereToBuy {
	margin-top:20px
}
.l-pass-whereToBuy ul {
	font-size:12px;
	font-size:1.2rem
}
.l-pass-image-pass {
	width:235px
}
.l-pass-image-image {
	width:auto;
	max-width:100%;
	height:auto
}
}.l-privacy-inner {
	padding:25px 40px 40px;
	background-color:#fff;
	border-radius:5px;
	overflow:hidden;
	transform:translate3d(0,0,0)
}
.l-privacy-inner>p {
	margin:0 0 45px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.7
}
.l-privacy-list ol {
	line-height:1.7
}
.l-privacy-list ol>li {
	list-style-type:decimal;
	list-style-position:inside;
	border-top:1px solid #c8c8c8;
	font-weight:700;
	font-size:18px;
	font-size:1.8rem;
	color:#00B177
}
.l-privacy-list ol>li h1 {
	margin:25px 0 10px;
	font-size:18px;
	font-size:1.8rem;
	text-indent:-2rem
}
.l-privacy-list ol>li li,.l-privacy-list ol>li p {
	margin-bottom:30px;
	font-size:16px;
	font-size:1.6rem;
	color:#333;
	font-weight:400
}
.l-privacy-list ol>li li {
	margin-left:1.8rem;
	border:none;
	list-style-type:none;
	list-style-position:inside;
	counter-increment:cnt;
	text-indent:-1.8rem
}
.l-privacy-list ol>li li:before {
	display:marker;
	content:counter(cnt) ") "
}
.l-recommend {
	min-height:803px;
	position:relative
}
.has_session .l-recommend,.is-top-visible .l-recommend {
	pointer-events:auto
}
.border,.clock-board>img,.eventPanel.is-new:before,.featureHeading,.mobileNavigation,body.is-touch .l-souvenirDetail-button a {
	pointer-events:none
}
.l-recommend-left {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition:width 1s cubic-bezier(.86,0,.07,1)
}
.is-full .l-recommend-left {
	width:100%!important
}
.is-equal .l-recommend-left {
	width:50%
}
.is-not-equal .l-recommend-left {
	width:75%
}
.has-session .l-recommend-left {
	transition:none
}
.l-recommend-right {
	padding:113px 0 0;
	position:absolute;
	top:0;
	right:0
}
.is-equal .l-recommend-right {
	width:50%
}
.is-not-equal .l-recommend-right {
	width:25%
}
.l-recommend-list:after {
	display:block;
	content:'';
	clear:both
}
.is-equal .l-recommend-list>li {
	width:50%;
	float:left
}
.is-not-equal .l-recommend-list>li {
	width:auto
}
@media screen and (max-width:767px) {
	.l-privacy-list ol>li h1 {
	margin-left:2rem;
	text-indent:-2rem
}
.l-recommend {
	height:auto
}
.l-recommend-left {
	width:100%!important;
	position:static
}
.l-recommend-right {
	width:auto!important;
	padding-top:0;
	position:static
}
.l-recommend-list {
	background:#dcdcdc
}
.l-recommend-list>li {
	width:auto!important;
	float:none!important
}
.l-recommend-list .slick-dots {
	width:100%;
	position:absolute;
	bottom:-20px;
	left:0;
	background:#f5ebdc;
	text-align:center;
	font-size:0
}
.l-recommend-list .slick-dots>li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px;
	background:#333;
	border-radius:50%;
	transition:background .2s ease-out
}
.l-recommend-list .slick-dots>li.slick-active {
	background:#f33
}
.l-recommend-list .slick-dots>li>button {
	display:none
}
}.l-recommendedRoutes-header--2h,.l-recommendedRoutes-header--3h {
	margin:0 0 40px;
	position:relative
}
.l-recommendedRoutes-header--2h:after,.l-recommendedRoutes-header--3h:after {
	display:block;
	content:'';
	clear:both
}
.l-recommendedRoutes-header--2h:before,.l-recommendedRoutes-header--3h:before {
	display:block;
	content:'';
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	background:url(/assets/themes/yokanavi/img/bg/bar.png) 50% 0 no-repeat
}
.l-recommendedRoutes-header--2h .timeLabel,.l-recommendedRoutes-header--3h .timeLabel {
	top:-5px;
	left:30px
}
.l-recommendedRoutes-header--2h {
	background:#50afc3
}
.l-recommendedRoutes-header--3h {
	background:#dc8c00
}
.l-recommendedRoutes-text {
	width:420px;
	padding:60px 30px 0;
	float:left;
	color:#fff
}
.l-recommendedRoutes-text>p {
	line-height:1.8
}
.l-recommendedRoutes-heading {
	margin:0 0 20px;
	font-size:28px;
	font-size:2.8rem;
	font-weight:700;
	color:#fff;
	line-height:1.4
}
.l-recommendedRoutes-image {
	width:720px;
	min-height:520px;
	float:left;
	position:relative
}
.l-recommendedRoutes-image img {
	max-width:100%;
	height:auto
}
.l-recommendedRoutes-caption {
	width:100%;
	padding:5px 15px;
	position:absolute;
	right:0;
	bottom:20px;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	text-align:right;
	background:rgba(0,0,0,.2);
	background:linear-gradient(to right,transparent 23%,rgba(0,0,0,.2) 67%,rgba(0,0,0,.4) 100%)
}
.is-ie9 .l-recommendedRoutes-caption {
	background:0 0
}
@media screen and (max-width:767px) {
	.l-recommendedRoutes-header--2h,.l-recommendedRoutes-header--3h {
	margin-bottom:20px
}
.l-recommendedRoutes-header--2h:before,.l-recommendedRoutes-header--3h:before {
	display:none
}
.l-recommendedRoutes-header--2h .timeLabel,.l-recommendedRoutes-header--3h .timeLabel {
	top:-3px;
	left:10px
}
.l-recommendedRoutes-text {
	width:auto;
	padding:45px 10px 10px;
	float:none
}
.l-recommendedRoutes-text>p {
	font-size:13px;
	font-size:1.3rem
}
.l-recommendedRoutes-heading {
	margin-bottom:12px;
	font-size:18px;
	font-size:1.8rem
}
.l-recommendedRoutes-image {
	width:auto;
	min-height:0;
	float:none
}
.l-recommendedRoutes-caption {
	padding:2px 5px;
	position:static;
	font-size:11px;
	font-size:1.1rem;
	color:inherit;
	text-align:left;
	background:#e6e6e6
}
}.l-searchResult {
	margin:0 120px 30px;
	background:#fff;
	border-radius:5px;
	transform:translate3d(0,0,0)
}
.l-searchResult-inner {
	padding:10px 26px;
	margin-bottom:80px
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
	background:#66665f!important;
	border-color:#464646!important;
	color:#fff!important;
	cursor:default!important
}
[id*="___gcse_"] .gsc-results .gsc-webResult.gsc-result {
	padding:12px 0 15px
}
[id*="___gcse_"] .gsc-results .gcsc-branding+.gsc-webResult.gsc-result {
	padding-top:2px
}
[id*="___gcse_"] .gsc-results .gsc-expansionArea .gsc-webResult.gsc-result {
	border-top:1px solid #E9E9E9
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside,[id*="___gcse_"] .gsc-results .gsc-url-top {
	padding:0
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside {
	margin-bottom:5px
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title {
	height:auto
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title a {
	font-size:18px;
	font-size:1.8rem;
	transition:opacity .2s ease-out
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title a:hover {
	opacity:.7
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title a b {
	font-size:18px;
	font-size:1.8rem
}
[id*="___gcse_"] .gsc-results .gsc-url-top {
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:10px
}
[id*="___gcse_"] .gsc-results .gsc-table-result .gs-snippet {
	font-size:12px;
	font-size:1.2rem
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box {
	position:absolute;
	bottom:-86px;
	width:100%;
	left:0;
	margin:0;
	text-align:center;
	outline:0
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor {
	display:inline-block
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page {
	float:left;
	color:#9d783c;
	font-size:16px;
	font-size:1.6rem
}
@media screen and (max-width:767px) {
	.l-searchResult {
	margin:0 0 10px;
	text-align:left
}
.l-searchResult-inner {
	padding:0;
	margin-bottom:96px
}
[id*="___gcse_"] .gsc-control-cse {
	padding:3px 9px 0!important
}
[id*="___gcse_"] .gsc-results .gsc-webResult.gsc-result {
	padding:6px 0 5px
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside {
	margin-bottom:0;
	line-height:16px
}
[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title a,[id*="___gcse_"] .gsc-results .gsc-thumbnail-inside .gs-title a b {
	font-size:13px;
	font-size:1.3rem
}
[id*="___gcse_"] .gsc-results .gsc-url-top {
	font-size:10px;
	font-size:1rem;
	margin-bottom:0
}
[id*="___gcse_"] .gsc-results .gsc-table-result .gs-snippet {
	font-size:11px;
	font-size:1.1rem;
	line-height:15px
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box {
	bottom:-101px
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page {
	width:42px!important;
	margin:0 1px!important
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(6) {
	clear:both
}
[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(10),[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(6),[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(7),[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(8),[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:nth-child(9) {
	margin-top:2px!important
}
}.l-section-header,.l-souvenir-image,.l-souvenir-lead {
	text-align:center
}
.l-section,.l-section--light,.singlePanel--light {
	padding:18px 0 60px
}
.l-section {
	background:#f5ebdc
}
.l-section--light {
	background:#f8f6f0
}
.l-section--feature {
	padding:0 0 60px;
	background:#dfd5c3
}
.l-section-header {
	padding:0 0 35px;
	position:relative;
	line-height:1
}
html:lang(en) .l-section-header {
	padding-bottom:55px
}
.l-section-header--feature {
	padding:36px 0 38px
}
.l-section-header--feature:after {
	display:block;
	content:'';
	clear:both
}
.l-section-heading {
	position:relative;
	font-size:26px;
	font-size:2.6rem;
	color:#9d783c;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.l-section-heading:before {
	display:block;
	content:'';
	width:100%;
	height:2px;
	background:#d1c0a4;
	position:absolute;
	left:0;
	bottom:12px
}
.l-section-headingInner {
	display:inline-block;
	padding:30px 15px 0;
	position:relative
}
.l-section .l-section-headingInner {
	background:#f5ebdc
}
.l-section--light .l-section-headingInner {
	background:#f8f6f0
}
.l-section-headingInner:before {
	display:block;
	content:'';
	height:20px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto;
	font-size:26px;
	font-size:2.6rem
}
.l-section-subheading {
	display:block;
	margin:5px 0 0;
	font-family:"Roboto Regular",sans-serif;
	font-size:12px;
	font-size:1.2rem;
	color:#9d783c
}
.l-section-button {
	position:absolute;
	right:0;
	bottom:20px
}
.l-section-button--feature {
	display:inline-block;
	float:right;
	position:relative;
	z-index:2
}
@media screen and (max-width:767px) {
	.l-section,.l-section--light {
	padding:5px 0 25px
}
.l-section--feature {
	padding:0 0 25px
}
.l-section-header,html:lang(en) .l-section-header {
	padding-bottom:10px
}
.l-section-header--feature {
	padding:40px 0 0
}
.l-section-heading {
	font-size:18px;
	font-size:1.8rem
}
.l-section-heading:before {
	background:#d1c0a4;
	bottom:9px
}
.l-section-headingInner {
	display:inline-block;
	padding:18px 10px 0;
	position:relative
}
.l-section-headingInner:before {
	height:16px;
	font-size:18px;
	font-size:1.8rem
}
.l-section-subheading {
	margin-top:3px;
	font-size:10px;
	font-size:1rem
}
.l-section-button {
	margin-top:20px;
	position:static;
	text-align:center
}
}.l-smallSection:not(:last-child) {
	margin:0 0 60px
}
.l-smallSection-heading {
	margin:0 0 20px;
	font-size:26px;
	font-size:2.6rem;
	font-weight:700;
	color:#9d783c;
	text-align:center
}
@media screen and (max-width:767px) {
	.l-smallSection:not(:last-child) {
	margin-bottom:10px
}
.l-smallSection-heading {
	margin-bottom:5px;
	font-size:17px;
	font-size:1.7rem
}
}.l-souvenir-container:not(:last-child) {
	margin-bottom:25px
}
.l-souvenir-inner {
	padding:70px 40px 30px
}
.l-souvenir-lead {
	margin:0 0 25px;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	color:#9d783c
}
.l-souvenir-list {
	margin:-15px -10px 0
}
.l-souvenir-list:after {
	display:block;
	content:'';
	clear:both
}
.l-souvenir-list>li {
	width:25%;
	padding:15px 10px 0;
	float:left
}
.l-souvenir-list>li>a {
	display:block;
	color:inherit;
	transition:opacity .2s ease-out
}
.l-souvenir-list>li>a:hover {
	opacity:.7
}
.l-souvenir-list img {
	max-width:100%;
	height:auto
}
.l-souvenir-name {
	display:block;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5;
	margin-top:5px
}
@media screen and (max-width:767px) {
	.l-souvenir-container:not(:last-child),.l-souvenir-lead {
	margin-bottom:10px
}
.l-souvenir-inner {
	padding:10px
}
.l-souvenir-lead {
	font-size:14px;
	font-size:1.4rem;
	text-align:left
}
.l-souvenir-list {
	margin:-10px -5px 0
}
.l-souvenir-list:after {
	display:block;
	content:'';
	clear:both
}
.l-souvenir-list>li {
	width:50%;
	padding:10px 5px 0;
	float:left
}
.l-souvenir-list>li>a:hover {
	transition:none;
	opacity:1
}
.l-souvenir-name {
	font-size:12px;
	font-size:1.2rem
}
}.l-souvenirDetail {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	background:rgba(223,213,196,.95);
	overflow:auto;
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	transition:opacity .4s ease-out,-webkit-transform .8s cubic-bezier(.19,1,.22,1);
	transition:opacity .4s ease-out,transform .8s cubic-bezier(.19,1,.22,1)
}
.is-souvenirDetail-open .l-souvenirDetail {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.is-ie9 .l-souvenirDetail {
	display:none
}
.is-ie9.is-souvenirDetail-open .l-souvenirDetail {
	display:block
}
.is-tablet .l-souvenirDetail {
	overflow:visible
}
.l-souvenirDetail-scroll {
	height:100%;
	overflow:hidden
}
.is-tablet .l-souvenirDetail-scroll {
	overflow:auto!important;
	-webkit-overflow-scrolling:touch
}
.l-souvenirDetail-content {
	padding:40px 0 0;
	opacity:0;
	-webkit-transform:translate3d(0,50px,0);
	transform:translate3d(0,50px,0);
	transition:opacity .2s ease-out .4s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .4s;
	transition:opacity .2s ease-out .4s,transform .8s cubic-bezier(.19,1,.22,1) .4s
}
.is-souvenirDetail-open .l-souvenirDetail-content {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.l-souvenirDetail-container {
	position:relative;
	width:640px;
	margin:auto
}
.l-souvenirDetail-section {
	display:none;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	transition:opacity .4s ease-out
}
.l-souvenirDetail-section.is-current {
	position:relative;
	opacity:1
}
.l-souvenirDetail-image {
	min-height:480px;
	margin:0 0 40px;
	text-align:center
}
.l-souvenirDetail-image>img {
	max-width:100%;
	height:auto
}
.l-souvenirDetail-heading {
	margin:0 0 20px;
	font-size:28px;
	font-size:2.8rem;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-align:center
}
.l-souvenirDetail-lead {
	margin:0 0 20px
}
.l-souvenirDetail-button {
	width:300px;
	margin:0 auto 30px
}
.l-souvenirDetail-list>li:not(:last-child) {
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #c8c8c8
}
.l-souvenirDetail-closeIcon {
	margin:0 0 40px;
	font-size:20px;
	font-size:2rem;
	text-align:center
}
.l-souvenirDetail-closeIcon a {
	color:inherit;
	transition:opacity .2s ease-out
}
.l-souvenirDetail-closeIcon a:hover {
	opacity:.7
}
.l-souvenirDetail-closeText {
	position:relative;
	margin:30px 0 0;
	padding:0 0 150px;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	z-index:9999
}
.l-souvenirDetail-closeText a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.l-souvenirDetail-closeText a:hover {
	opacity:.7;
	text-decoration:none
}
@media screen and (max-width:767px) {
	.l-souvenirDetail-closeIcon a:hover,.l-souvenirDetail-closeText a:hover {
	opacity:1
}
.l-souvenirDetail {
	overflow:visible
}
.l-souvenirDetail-scroll {
	overflow:auto!important;
	-webkit-overflow-scrolling:touch
}
.l-souvenirDetail-content {
	padding:15px 20px
}
.l-souvenirDetail-container {
	width:auto
}
.l-souvenirDetail-image {
	min-height:0;
	margin-bottom:15px;
	position:relative;
	padding-top:75%
}
.l-souvenirDetail-image img {
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.l-souvenirDetail-heading {
	margin-bottom:10px;
	font-size:18px;
	font-size:1.8rem
}
.l-souvenirDetail-lead {
	margin-bottom:5px;
	font-size:13px;
	font-size:1.3rem
}
.l-souvenirDetail-button {
	width:auto;
	margin-bottom:20px
}
.l-souvenirDetail-list>li:not(:last-child) {
	margin-bottom:10px;
	padding-bottom:10px
}
.l-souvenirDetail-closeIcon {
	display:block;
	margin-bottom:20px;
	font-size:16px;
	font-size:1.6rem
}
.l-souvenirDetail-closeIcon a {
	display:block;
	width:40px;
	height:40px;
	padding:12px;
	text-align:center;
	margin:auto;
	white-space:nowrap
}
.l-souvenirDetail-closeIcon a:before {
	display:block;
	width:16px;
	height:16px;
	margin:auto
}
.l-souvenirDetail-closeText {
	margin-top:15px;
	padding-bottom:0;
	font-size:12px;
	font-size:1.2rem;
	text-align:center
}
.l-souvenirDetail-closeText a {
	display:inline-block;
	padding:12px 7px
}
.l-souvenirDetail-hit--bottom,.l-souvenirDetail-hit--top {
	display:none;
	width:100%;
	height:50px;
	position:absolute;
	left:0;
	cursor:pointer
}
.is-android .l-souvenirDetail-hit--bottom,.is-android .l-souvenirDetail-hit--top {
	display:block
}
.l-souvenirDetail-hit--top {
	top:0
}
.l-souvenirDetail-hit--bottom {
	bottom:0
}
}.accordion,.l-tour-point {
	box-shadow:0 0 5px rgba(0,0,0,.1);
	-webkit-transform:translate3d(0,0,0)
}
.l-ticket-list:after,.l-tour-description:after,.l-tour-header:after,.l-tour-header:before,.l-tour-point:before {
	display:block;
	content:''
}
.l-spinnerContainer,.l-tour-header {
	position:relative
}
.l-terms-list a {
	text-decoration:underline
}
.l-terms-list--lead {
	margin-bottom:28px
}
.l-terms-list--item {
	margin-bottom:24px;
	padding-top:30px
}
.l-terms-list--item:first-child {
	padding-top:0
}
.l-terms-list--item>h2 {
	margin-bottom:23px
}
.l-terms-list--item-inner {
	margin-bottom:24px;
	padding-top:18px;
	border-top:1px solid #c8c8c8
}
.l-terms-list--item-inner:first-of-type {
	padding-top:0;
	border-top:none
}
.l-terms-list--item-inner--title {
	margin-bottom:10px;
	font-size:18px;
	font-size:1.8rem;
	color:#00B177
}
.l-terms-list--text {
	margin-bottom:10px
}
.l-terms-list--sub {
	padding-left:2rem;
	text-indent:-2rem
}
.l-terms-list--sub li {
	margin-top:30px
}
.l-terms-list--sub li:first-child {
	margin-top:0
}
@media screen and (max-width:767px) {
	.l-terms-list--lead {
	margin-bottom:0
}
.l-terms-list--item {
	margin-bottom:0;
	padding:5px 0
}
.l-terms-list--item:first-child {
	padding-top:0
}
.l-terms-list--item>h2 {
	margin-bottom:10px
}
.l-terms-list--item-inner {
	margin-bottom:0;
	padding:5px 0
}
.l-terms-list--item-inner--title {
	margin:0;
	font-size:15px;
	font-size:1.5rem;
	color:#00B177
}
.l-terms-list--text {
	margin:0
}
.l-terms-list--sub li {
	margin-top:10px
}
.l-terms-list--sub:first-child {
	margin-top:0
}
}.l-ticket-container:not(:last-child) {
	margin-bottom:30px
}
.l-ticket-inner {
	padding:40px
}
.l-ticket-list {
	margin:-20px -10px 0
}
.l-ticket-list:after {
	clear:both
}
.l-ticket-list>li {
	width:50%;
	padding:20px 10px 0;
	float:left
}
@media screen and (max-width:767px) {
	.l-ticket-container:not(:last-child) {
	margin-bottom:15px
}
.l-ticket-inner {
	padding:10px
}
.l-ticket-list {
	margin:0
}
.l-ticket-list>li {
	width:auto;
	padding:0;
	float:none
}
.l-ticket-list>li:not(:last-child) {
	margin-bottom:10px
}
}.l-tour.is-ended .l-tour-list .icon-calendar {
	color:#adadad!important
}
.l-tour-header {
	height:520px;
	margin:0 0 40px;
	background:#fff;
	overflow:hidden
}
.l-tour-header:after {
	clear:both
}
.l-tour-header:before {
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	background:url(/assets/themes/yokanavi/img/bg/bar.png) 50% 0 no-repeat
}
.l-tour-text {
	width:420px;
	padding:30px;
	float:left
}
.l-tour-heading {
	margin:0 0 10px;
	font-size:28px;
	font-size:2.8rem;
	font-weight:700
}
.l-tour-list {
	margin:0 0 10px;
	color:#00b177
}
.l-tour-list>li:before {
	padding:0 5px 0 0
}
.l-tour-image {
	width:720px;
	float:left;
	background:#f5f5f5;
	position:relative
}
.l-tour-carousel {
	height:520px;
	position:relative
}
.l-tour-carousel-image {
	padding-top:72.2222222222%;
	position:relative
}
.l-tour-carousel-image img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%
}
.l-tour-caption {
	width:100%;
	padding:5px 15px;
	position:absolute;
	right:0;
	bottom:20px;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	text-align:right;
	background:rgba(0,0,0,.2);
	background:linear-gradient(to right,transparent 23%,rgba(0,0,0,.2) 67%,rgba(0,0,0,.4) 100%);
	transition:opacity 50ms ease-out
}
.is-ie9 .l-tour-caption {
	background:0 0
}
.l-tour-caption-text {
	transition:opacity .2s ease-out
}
.l-tour-caption-text.is-hidden {
	opacity:0
}
.l-tour-thumbnails {
	width:380px;
	position:absolute;
	bottom:50px;
	left:30px
}
.l-tour-point {
	margin:0 0 30px;
	padding:20px 40px 40px;
	position:relative;
	background-color:#fff;
	border-radius:5px;
	transform:translate3d(0,0,0)
}
.l-tour-point:before {
	position:absolute;
	top:-10px;
	left:30px;
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:-166px -102px;
	width:62px;
	height:90px
}
.l-tour-point-heading {
	padding:0 0 30px 50px;
	font-size:28px;
	font-size:2.8rem;
	font-weight:700;
	color:#00b177
}
.l-tour-description:after {
	clear:both
}
.l-tour-description>dt {
	float:left;
	font-weight:700
}
.l-tour-description>dd {
	padding-left:185px;
	font-size:14px;
	font-size:1.4rem
}
.l-tour-description>dd:not(:last-child) {
	margin:0 0 15px;
	padding-bottom:15px;
	border-bottom:1px solid #c8c8c8
}
.l-tour-button {
	width:300px;
	margin:30px auto 0
}
.l-tour-map {
	width:100%!important;
	height:500px!important;
	background:#ddd
}
.l-tour-point-more {
	display:none
}
@media screen and (max-width:767px) {
	.l-tour .slick-dots {
	width:100%;
	position:absolute;
	bottom:-45px;
	left:0;
	text-align:center;
	font-size:0
}
.l-tour .slick-dots>li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px;
	background:#333;
	border-radius:50%;
	transition:background .2s ease-out
}
.l-tour .slick-dots>li>button,.l-tour-header:before,.l-tour-thumbnails {
	display:none
}
.l-tour-image,.l-tour-text {
	width:auto;
	float:none
}
.l-tour .slick-dots>li.slick-active {
	background:#f33
}
.l-tour-header {
	height:auto;
	margin-bottom:45px;
	overflow:visible
}
.l-tour-text {
	padding:10px
}
.l-tour-heading {
	font-size:18px;
	font-size:1.8rem
}
.l-tour-list {
	margin-bottom:5px;
	font-size:13px;
	font-size:1.3rem
}
.l-tour-carousel {
	height:210px
}
.l-tour-carousel-image {
	height:210px;
	padding-top:0
}
.l-tour-caption {
	padding:2px 5px;
	position:static;
	font-size:11px;
	font-size:1.1rem;
	color:#333;
	text-align:left;
	background:#e6e6e6
}
.l-tour-point {
	margin-bottom:10px;
	padding:10px 10px 0
}
.l-tour-point:before {
	top:-6px;
	left:5px;
	background-image:url(/assets/themes/yokanavi/img/spritesheet.mobile.png);
	background-position:0 -105px;
	width:33px;
	height:46px;
	background-size:198px 151px
}
.l-tour-point-heading {
	padding:0 0 20px 30px;
	font-size:16px;
	font-size:1.6rem
}
.l-tour-description {
	line-height:1.3
}
.l-tour-description>dt {
	float:none;
	font-size:13px;
	font-size:1.3rem
}
.l-tour-description>dd {
	padding:0 0 10px;
	border-bottom:1px solid #c8c8c8;
	font-size:12px;
	font-size:1.2rem
}
.l-tour-description>dd:last-child {
	border-bottom:none
}
.l-tour-button {
	width:auto;
	margin-top:10px
}
.l-tour-map {
	height:200px!important
}
.l-tour-point-more {
	display:block;
	padding:10px;
	margin:0 -10px;
	background:#f4f4f4;
	font-size:12px;
	font-size:1.2rem;
	color:#9d783c;
	text-align:center;
	border-radius:0 0 4px 4px
}
.l-tour-point-more>span {
	text-decoration:underline
}
}.l-wysiwyg h1,.l-wysiwyg h2 {
	margin:0 0 10px;
	font-weight:700
}
.l-wifi-article {
	padding:0 40px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.75
}
.l-wifi-article>ul>li {
	position:relative;
	padding-left:15px
}
.l-wifi-article>ul>li:before {
	position:absolute;
	top:0;
	left:0;
	content:'・'
}
@media screen and (max-width:767px) {
	.l-wifi-article {
	padding:0;
	font-size:12px;
	font-size:1.2rem
}
}.l-wysiwyg {
	font-size:16px;
	font-size:1.6rem
}
.l-wysiwyg h1 {
	padding:30px 0 0;
	position:relative;
	font-size:21px;
	font-size:2.1rem
}
.l-wysiwyg h1:before {
	display:block;
	content:'';
	width:30px;
	height:4px;
	background:#00b177;
	position:absolute;
	top:0;
	left:0
}
.l-wysiwyg h2 {
	font-size:21px;
	font-size:2.1rem
}
.l-wysiwyg p,.l-wysiwyg ul:not([class]) {
	margin:0 0 30px
}
.l-wysiwyg p {
	line-height:1.7
}
.l-wysiwyg li:not([class]) {
	padding-left:1em;
	text-indent:-1em;
	line-height:1.6
}
.l-wysiwyg li:not([class]):before {
	content:'●'
}
.l-wysiwyg strong {
	font-weight:700
}
.l-wysiwyg img {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 0 20px
}
.l-wysiwyg a:not([class*=button]) {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.l-wysiwyg a:not([class*=button]):hover {
	opacity:.7;
	text-decoration:none
}
.l-wysiwyg .wp-caption {
	margin:0 0 20px;
	background:#f5f5f5;
	font-size:initial;
	text-align:center
}
.l-wysiwyg .wp-caption img {
	margin:auto
}
.l-wysiwyg .wp-caption-text {
	padding:5px 15px;
	background:#e6e6e6;
	font-size:14px;
	font-size:1.4rem;
	text-align:left
}
.l-wysiwyg .wp-caption-text:before {
	display:inline;
	content:'▲';
	padding:0 5px 0 0;
	color:#9d783c
}
.l-wysiwyg a:not([href]) {
	color:inherit!important;
	text-decoration:none!important
}
.l-wysiwyg-more {
	display:none
}
@media screen and (max-width:767px) {
	.l-wysiwyg {
	font-size:13px;
	font-size:1.3rem
}
.l-wysiwyg .l-wysiwyg-hidden {
	display:none
}
.l-wysiwyg h1 {
	padding-top:20px;
	font-size:15px;
	font-size:1.5rem
}
.l-wysiwyg h1:before {
	display:block;
	content:'';
	width:30px;
	height:2px
}
.l-wysiwyg h2 {
	font-size:15px;
	font-size:1.5rem
}
.l-wysiwyg h2~p:last-child {
	margin-bottom:0
}
.l-wysiwyg p {
	margin-bottom:20px
}
.l-wysiwyg img {
	margin-bottom:10px
}
.l-wysiwyg a {
	transition:none
}
.l-wysiwyg a:hover {
	text-decoration:underline
}
.l-wysiwyg .wp-caption-text {
	padding:2px 5px;
	font-size:11px;
	font-size:1.1rem
}
.l-wysiwyg .wp-caption-text:before {
	display:none
}
.l-wysiwyg-more {
	display:block;
	margin:0 0 20px;
	text-align:center
}
}.accordion {
	background-color:#fff;
	border-radius:5px;
	overflow:hidden;
	transform:translate3d(0,0,0)
}
.accordion:not(:last-of-type) {
	margin:0 0 30px
}
.accordion-heading {
	line-height:1
}
.accordion-heading>a {
	display:block;
	line-height:60px;
	background:#f5ebdc;
	border:2px solid #00b177;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	font-size:18px;
	font-size:1.8rem;
	color:#00b177;
	text-align:center;
	transition:background .2s ease-out
}
.accordion-heading:hover>a,.is-open .accordion-heading>a {
	color:#fff;
	background:#00b177
}
.is-open .accordion-heading>a {
	border-radius:4px 4px 0 0
}
.accordion-state {
	display:block;
	width:30px;
	height:30px;
	border-radius:4px;
	background:#00b177;
	position:absolute;
	top:0;
	right:15px;
	bottom:0;
	margin:auto
}
.accordion-state:after,.accordion-state:before {
	display:block;
	content:'';
	background:#fff;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto
}
.accordion-state:before {
	width:14px;
	height:2px
}
.accordion-state:after {
	width:2px;
	height:14px;
	transition:-webkit-transform .2s ease-out;
	transition:transform .2s ease-out
}
.is-open .accordion-state,a:hover .accordion-state {
	background:#fff
}
.is-open .accordion-state:after,.is-open .accordion-state:before,a:hover .accordion-state:after,a:hover .accordion-state:before {
	background:#00b177
}
.is-open .accordion-state:after {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.accordion-body {
	display:none
}
.accordion-body iframe {
	height:500px
}
.accordion-inner {
	padding:30px 40px
}
.desktopAccordion-inner {
	border-radius:0 0 5px 5px;
	overflow:hidden
}
@media screen and (max-width:767px) {
	.accordion:not(:last-of-type) {
	margin-bottom:10px
}
.accordion.no-accordion .accordion-state {
	display:none
}
.accordion.no-accordion .accordion-heading>a {
	background:#00b177!important;
	color:#fff!important;
	border-radius:4px 4px 0 0
}
.accordion-heading>a {
	display:block;
	padding:10px;
	line-height:1.4;
	letter-spacing:1.4px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.accordion-heading:hover>a {
	background:#f5ebdc;
	color:#00b177
}
.is-open .accordion-heading>a {
	background:#00b177!important;
	color:#fff!important
}
.accordion-state {
	right:10px
}
a:hover .accordion-state {
	background:#00b177
}
a:hover .accordion-state:after,a:hover .accordion-state:before {
	background:#fff
}
.is-open .accordion-state {
	background:#fff!important
}
.is-open .accordion-state:after,.is-open .accordion-state:before {
	background:#00b177!important
}
.accordion-body iframe {
	width:100%;
	height:240px
}
.accordion-inner {
	padding:10px
}
.mobileAccordion-inner--iframe-wrap {
	overflow:auto
}
}.anchorNavigation {
	margin:0 0 60px;
	text-align:center;
	z-index:5
}
.anchorNavigation-list {
	display:inline-block;
	padding:10px 30px;
	background:#fff;
	border-radius:30px;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	font-size:0
}
.anchorNavigation-list>li {
	display:inline-block;
	padding:0 24px;
	text-align:center;
	vertical-align:middle
}
.anchorNavigation-item {
	display:block;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	color:inherit;
	position:relative
}
.anchorNavigation-item .icon-arrow01_down {
	display:block;
	font-size:10px;
	font-size:1rem;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	transition:-webkit-transform .4s cubic-bezier(.23,1,.32,1) .2s;
	transition:transform .4s cubic-bezier(.23,1,.32,1) .2s;
	line-height:1
}
.anchorNavigation-item:hover .icon-arrow01_down {
	-webkit-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px)
}
.anchorNavigation-text {
	display:inline-block;
	margin:0 0 10px;
	position:relative;
	line-height:1.1
}
.anchorNavigation-text:before {
	display:block;
	content:'';
	width:100%;
	height:5px;
	background:#00af77;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
	-webkit-transform:translate3d(0,0,0) scale(0,1);
	transform:translate3d(0,0,0) scale(0,1);
	transition:opacity .2s ease-out,-webkit-transform .4s cubic-bezier(.19,1,.22,1);
	transition:opacity .2s ease-out,transform .4s cubic-bezier(.19,1,.22,1)
}
.anchorNavigation-text.is-oneline {
	margin-top:10px;
	margin-bottom:16px
}
.is-current .anchorNavigation-text:before,a:hover .anchorNavigation-text:before {
	-webkit-transform:translate3d(0,0,0) scale(1);
	transform:translate3d(0,0,0) scale(1)
}
a:hover .anchorNavigation-text:before {
	opacity:.5
}
.is-ie9 .anchorNavigation-text:before {
	opacity:0
}
.is-current .is-ie9 .anchorNavigation-text:before {
	opacity:1
}
a:hover .is-ie9 .anchorNavigation-text:before {
	opacity:.5
}
.anchorNavigation-text-inner {
	position:relative;
	z-index:1
}
@media screen and (max-width:767px) {
	.anchorNavigation {
	display:none
}
}.appeal {
	border:3px solid #9d783c;
	border-radius:5px;
	box-shadow:0 0 1px rgba(0,0,0,.1);
	overflow:hidden
}
.appeal-header {
	display:table;
	min-height:70px;
	table-layout:fixed;
	width:100%;
	background:#9d783c;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.appeal-header-inner {
	display:table-cell;
	width:100%;
	padding:0 17px;
	background:#9d783c;
	vertical-align:middle;
	text-align:center;
	color:#fff
}
.appeal-text,.areaGuideButton {
	display:block;
	text-align:center
}
.appeal-header-inner sup {
	top:-4px
}
.appeal-body {
	min-height:233px;
	padding:20px 10px 10px;
	background:#fff;
	position:relative
}
.appeal-text {
	padding:0 0 160px;
	font-size:36px;
	font-size:3.6rem;
	font-weight:700;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#9d783c;
	line-height:1.2
}
.appeal-image {
	width:100%;
	padding:0 17px;
	position:absolute;
	bottom:15px;
	left:0;
	text-align:center
}
.appeal-image>img {
	max-width:100%;
	height:auto
}
@media screen and (max-width:767px) {
	.appeal-header {
	min-height:60px;
	font-size:16px;
	font-size:1.6rem
}
.appeal-header-inner {
	height:58px
}
.appeal-header-inner sup {
	top:-4px
}
.appeal-body {
	min-height:0;
	padding:10px
}
.appeal-text {
	padding-bottom:0;
	margin-bottom:15px
}
.appeal-image {
	padding:0 10px;
	position:static
}
}.areaGuideButton {
	width:40px;
	padding:12px 6px 12px 10px;
	background:#9d783c;
	border-radius:5px 0 0 5px;
	color:#fff;
	position:fixed;
	top:200px;
	right:10px;
	z-index:3
}
.areaGuideButton:after,.areaGuideButton:before {
	content:'';
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	width:5px;
	height:5px;
	display:block
}
.areaGuideButton.is-rightEnd {
	position:absolute;
	right:auto;
	left:1230px
}
.is-touch .areaGuideButton:not([href]) {
	color:#fff!important
}
.areaGuideButton:before {
	position:absolute;
	top:-5px;
	right:0;
	background-position:-338px -102px
}
.areaGuideButton:after {
	position:absolute;
	bottom:-5px;
	right:0;
	background-position:-343px -102px
}
.areaGuideButton-inner {
	position:relative;
	transition:opacity .2s ease-out
}
.areaGuideButton-inner:before {
	display:block;
	width:24px;
	height:24px;
	padding-top:4px;
	margin-bottom:10px;
	background:#fff;
	border-radius:50%;
	color:#9d783c;
	text-align:center
}
.areaGuideButton:hover .areaGuideButton-inner {
	opacity:.7
}
.is-ie9 .areaGuideButton-inner .u-vertical {
	margin-left:-10px
}
@media screen and (max-width:767px) {
	.areaGuideButton {
	display:none
}
}.articleCarousel-body,.articleCarousel-body--fixed {
	height:492px;
	overflow:hidden
}
.articleCarousel-item,.articleCarousel-item--fixed {
	height:492px;
	background:#f5f5f5;
	position:relative
}
.articleCarousel-item--fixed>img,.articleCarousel-item>img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%
}
.articleCarousel-caption {
	padding:5px 15px;
	background:#e6e6e6;
	font-size:14px;
	font-size:1.4rem;
	transition:opacity 50ms ease-out
}
.articleCarousel-caption-text {
	transition:opacity .2s ease-out
}
.articleCarousel-caption-text.is-hidden {
	opacity:0
}
.articleCarousel-caption-text:before {
	display:inline;
	content:'▲';
	padding:0 5px 0 0;
	color:#9d783c
}
@media screen and (max-width:767px) {
	.articleCarousel {
	padding-bottom:30px;
	position:relative;
	overflow:hidden
}
.articleCarousel .slick-dots {
	width:100%;
	position:absolute;
	bottom:5px;
	left:0;
	text-align:center;
	font-size:0
}
.articleCarousel .slick-dots>li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px;
	background:#333;
	border-radius:50%;
	transition:background .2s ease-out
}
.articleCarousel .slick-dots>li>button,.articleCarousel-caption-text:before {
	display:none
}
.articleCarousel .slick-dots>li.slick-active {
	background:#f33
}
.articleCarousel-body {
	height:168px;
	overflow:visible;
	position:static
}
.articleCarousel-item {
	height:168px
}
.articleCarousel-caption {
	padding:2px 5px;
	font-size:11px;
	font-size:1.1rem
}
}.banner,.border {
	transition:opacity .2s ease-out
}
.aside:not(:last-of-type) {
	margin:0 0 30px
}
.aside-heading {
	padding:20px 0;
	position:relative;
	font-size:20px;
	font-size:2rem;
	color:#9d783c;
	line-height:1;
	letter-spacing:2px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.aside-heading:before {
	display:block;
	content:'';
	width:100%;
	height:4px;
	background:#9d783c;
	border-radius:2px;
	position:absolute;
	top:0;
	left:0;
	box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.aside-list--group,.course--2h,.course--3h {
	box-shadow:0 0 5px rgba(0,0,0,.1);
	overflow:hidden
}
.aside-list--spot>li:not(:last-child),.aside-list>li:not(:last-child) {
	margin-bottom:15px
}
.aside-list--group {
	border-radius:5px;
	background:#fff
}
.aside-list--group>li:not(:last-child) {
	border-bottom:1px solid #e3e3e3
}
@media screen and (max-width:767px) {
	.aside:not(:last-of-type) {
	margin-bottom:20px
}
.aside-heading {
	padding:20px 0 15px;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0;
	text-align:center
}
.aside-list,.aside-list--spot {
	margin:-2px 0 0 -4px
}
.aside-list--spot:after,.aside-list:after {
	display:block;
	content:'';
	clear:both
}
.aside-list--spot>li,.aside-list>li {
	width:50%;
	padding:2px 0 2px 4px;
	float:left
}
.aside-list--spot>li:not(:last-child),.aside-list>li:not(:last-child) {
	margin-bottom:0
}
.aside-list--spot>li:not(:first-child) {
	display:block
}
}.banner {
	display:block;
	padding:0 10px;
	background:#fff;
	color:inherit;
	text-align:center
}
.banner:hover {
	opacity:.7
}
.banner-row {
	display:inline-block;
	vertical-align:bottom
}
.banner-image--fcvb,.banner-image--fukutabi,.banner-image--taxFreeShop,.banner-text {
	display:table-cell;
	vertical-align:middle
}
.banner-image--fukutabi,.banner-image--fukutabi img {
	width:65px
}
.banner-image--taxFreeShop,.banner-image--taxFreeShop img {
	width:140px
}
.banner-image--fcvb,.banner-image--fcvb img {
	width:75px
}
.banner-text {
	height:100px;
	padding:0 0 0 20px;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
	letter-spacing:-.02em;
	text-align:left
}
@media screen and (max-width:767px) {
	.banner-image--fukutabi,.banner-image--fukutabi img {
	width:60px
}
.banner-image--taxFreeShop,.banner-image--taxFreeShop img {
	width:125px
}
.banner-image--fcvb,.banner-image--fcvb img {
	width:63px
}
.banner-text {
	height:80px;
	font-size:12px;
	font-size:1.2rem
}
}.is-body-unloaded .border {
	opacity:0
}
.border-bottom,.border-top {
	min-width:1252px;
	height:10px;
	position:absolute;
	right:14px;
	left:14px;
	z-index:7;
	margin:auto;
	background-image:url(/assets/themes/yokanavi/img/border/horizon.png);
	background-repeat:repeat-x
}
.border-left,.border-right {
	width:10px;
	height:calc(100% - 14 - 14);
	position:absolute;
	top:14px;
	bottom:14px;
	z-index:7;
	margin:auto;
	background-image:url(/assets/themes/yokanavi/img/border/vertical.png);
	background-repeat:repeat-y;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:scale(1,0);
	-ms-transform:scale(1,0);
	transform:scale(1,0);
	transition:-webkit-transform .6s linear .8s;
	transition:transform .6s linear .8s
}
.is-body-loaded .border-left,.is-body-loaded .border-right {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.border-top {
	top:0;
	background-position:0 100%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	transition:-webkit-transform .6s ease-out;
	transition:transform .6s ease-out
}
.is-body-loaded .border-top {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.border-bottom {
	bottom:0;
	background-position:100% 0
}
.border-right {
	right:0;
	background-position:0 0
}
.border-right.is-rightEnd {
	right:auto;
	left:1270px
}
.border-left {
	left:0;
	background-position:100% 0
}
.border-bottom-left:before,.border-bottom-right:before,.border-top-left:before,.border-top-right:before {
	display:block;
	content:'';
	width:14px;
	background-position:0 0;
	background-repeat:no-repeat
}
.border-top-left,.border-top-right {
	width:14px;
	height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:8;
	transition:height .2s ease-out .6s
}
.border-top-left:before,.border-top-right:before,.is-body-loaded .border-top-left,.is-body-loaded .border-top-right {
	height:14px
}
.border-top-left {
	left:0
}
.border-top-left:before {
	background-image:url(/assets/themes/yokanavi/img/border/top_left.png)
}
.border-top-right {
	right:0
}
.border-top-right.is-rightEnd {
	right:auto;
	left:1266px
}
.border-top-right:before {
	background-image:url(/assets/themes/yokanavi/img/border/top_right.png)
}
.border-bottom-left,.border-bottom-right {
	width:14px;
	height:14px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	z-index:1001
}
.border-bottom-left:before,.border-bottom-right:before {
	height:14px
}
.border-bottom-left {
	left:0
}
.border-bottom-left:before {
	background-image:url(/assets/themes/yokanavi/img/border/bottom_left.png)
}
.border-bottom-right {
	right:0
}
.border-bottom-right.is-rightEnd {
	right:auto;
	left:1266px
}
.border-bottom-right:before {
	background-image:url(/assets/themes/yokanavi/img/border/bottom_right.png)
}
@media screen and (max-width:767px) {
	.border {
	display:none
}
}.breadcrumb,.breadcrumb--areaguide {
	padding:10px 20px;
	text-align:right;
	font-size:0
}
.breadcrumb ul,.breadcrumb--areaguide ul {
	display:inline-block
}
.breadcrumb ul li,.breadcrumb--areaguide ul li {
	display:inline-block;
	color:#787878;
	font-size:11px;
	font-size:1.1rem
}
.breadcrumb ul li:not(:last-child):after,.breadcrumb--areaguide ul li:not(:last-child):after {
	display:inline-block;
	content:'\e903';
	padding:0 3px;
	font-family:icomoon!important;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-transform:scale(.7);
	-ms-transform:scale(.7);
	transform:scale(.7)
}
.featureHeading-small,.singlePanel-subheading {
	font-family:"Roboto Regular",sans-serif
}
.breadcrumb ul li a,.breadcrumb--areaguide ul li a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.breadcrumb ul li a:hover,.breadcrumb--areaguide ul li a:hover {
	opacity:.7;
	text-decoration:none
}
.breadcrumb--areaguide {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
@media screen and (max-width:767px) {
	.breadcrumb,.breadcrumb--areaguide {
	display:inline-block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:8px 10px;
	position:relative;
	text-align:left;
	vertical-align:top
}
.breadcrumb ul li,.breadcrumb--areaguide ul li {
	font-size:10px;
	font-size:1rem
}
.breadcrumb ul li a:hover,.breadcrumb--areaguide ul li a:hover {
	opacity:1;
	text-decoration:underline
}
.breadcrumb.is-overflowing:after,.is-overflowing.breadcrumb--areaguide:after {
	display:inline-block;
	content:'…';
	font-size:10px;
	font-size:1rem
}
.breadcrumb.is-overflowing ul,.is-overflowing.breadcrumb--areaguide ul {
	overflow:hidden
}
}.button--area,.button--areaGuide,.button--back,.button--default,.button--file,.button--pagination,.button--submit {
	display:table;
	table-layout:fixed;
	padding:0;
	border-radius:4px;
	box-shadow:0 2px 0 rgba(0,0,0,.2);
	color:inherit;
	font-weight:700;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	background-color:transparent;
	transition:background .2s ease-out;
	cursor:pointer;
	text-decoration:none
}
.button--area:hover,.button--areaGuide:hover,.button--back:hover,.button--default:hover,.button--file:hover,.button--pagination:hover,.button--submit:hover {
	background:#999;
	color:#fff
}
.button--area>.button-inner,.button--areaGuide>.button-inner,.button--back>.button-inner,.button--default>.button-inner,.button--file>.button-inner,.button--pagination>.button-inner,.button--submit>.button-inner {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	text-align:center
}
.button--area .icon-arrow01_right,.button--areaGuide .icon-arrow01_right,.button--back .icon-arrow01_right,.button--default .icon-arrow01_right,.button--file .icon-arrow01_right,.button--pagination .icon-arrow01_right,.button--submit .icon-arrow01_right {
	height:10px;
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	z-index:1;
	margin:auto;
	font-size:12px;
	font-size:1.2rem;
	line-height:1
}
.button-list {
	display:inline-block;
	padding:5px 30px 5px 10px;
	border:2px solid #00b177;
	border-radius:20px;
	position:relative;
	color:#00b177;
	font-size:13px;
	font-size:1.3rem;
	line-height:1;
	transition:background .2s ease-out
}
.button--area,.button-text--large,.button-text--small {
	display:block
}
.button-list:before {
	width:11px;
	height:11px;
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	margin:auto;
	font-size:11px;
	font-size:1.1rem
}
.button--default>.button-inner,.button--pagination>.button-inner {
	height:46px
}
.button-list:hover {
	background:#00b177;
	color:#fff
}
.button--areaGuide,.button--default,.button--file,.button--pagination {
	background:#ffe91a
}
.button--default {
	width:100%;
	position:relative
}
.button--default>.button-inner .button-icon:before {
	padding-right:10px
}
.button--pagination>.button-inner .button-icon:before {
	position:relative;
	top:1px
}
.button--areaGuide {
	width:100%
}
.button--areaGuide>.button-inner {
	height:50px
}
.button--areaGuide>.button-inner .button-icon:before {
	padding-right:3px;
	position:relative;
	top:1px
}
.button--file {
	width:100%;
	font-size:14px;
	font-size:1.4rem
}
.button--file>.button-inner {
	height:34px;
	padding-top:2px
}
.button--back,.button--submit {
	min-width:300px;
	padding:10px 0;
	background:#ffe91a;
	font-size:14px;
	font-size:1.4rem;
	text-align:center
}
.button--back>.button-inner,.button--submit>.button-inner {
	font-size:16px;
	font-size:1.6rem
}
.button--back {
	background:#c8c8c8
}
.button--area {
	min-width:130px;
	padding:11px 5px;
	background:#fff;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.3;
	text-align:center
}
.button--area:hover {
	background:#999;
	color:#fff
}
.button--area.is-current {
	background:#66665f;
	color:#fff
}
.button-text--small {
	font-size:13px;
	font-size:1.3rem
}
.button-text--large {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.button-inner--large {
	padding:3px 0
}
@media screen and (max-width:767px) {
	.button--areaGuide,.button--default,.button--pagination,.button-list {
	transition:none
}
.button--areaGuide>.button-inner,.button--default>.button-inner,.button--pagination>.button-inner {
	height:40px
}
.button--areaGuide:hover,.button--default:hover,.button--pagination:hover,.button-list:hover {
	color:#333;
	background:#ffe91a
}
.button--back,.button--submit {
	min-width:280px
}
.button-list {
	font-size:11px;
	font-size:1.1rem
}
.button-list:before {
	font-size:10px;
	font-size:1rem
}
.button-list:hover {
	background:inherit;
	color:#00b177
}
.button--area {
	min-width:85px;
	padding-top:7px;
	padding-bottom:7px;
	font-size:10px;
	font-size:1rem
}
}.carouselThumbnails {
	font-size:0
}
.carouselThumbnails>li {
	display:inline-block;
	width:64px
}
.carouselThumbnails>li:not(:last-child) {
	margin:0 10px 0 0
}
.carouselThumbnails-thumbnail {
	position:relative;
	cursor:pointer;
	transition:opacity .2s ease-out
}
.carouselThumbnails-thumbnail:hover {
	opacity:.7
}
.carouselThumbnails-thumbnail:before {
	display:block;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	border:4px solid #00b177;
	opacity:0;
	transition:opacity .2s ease-out
}
.carouselThumbnails-thumbnail.is-current:before {
	opacity:1
}
.checkbox {
	display:block;
	position:relative
}
.checkbox>input[type=checkbox] {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	opacity:0
}
.checkbox-text {
	position:relative;
	z-index:1
}
.checkbox-label {
	display:block;
	padding:5px 10px 5px 28px;
	border-radius:4px;
	background:#b2b2b2;
	color:#fff;
	font-size:14px;
	font-size:1.4rem;
	cursor:pointer;
	transition:background .2s ease-out
}
.checkbox-label:before {
	height:14px;
	position:absolute;
	top:0;
	bottom:0;
	left:10px;
	margin:auto;
	font-size:12px;
	font-size:1.2rem
}
.checkbox-label:hover,input[type=checkbox]:checked+.checkbox-label {
	background:#ffe91a;
	color:inherit
}
@media screen and (max-width:767px) {
	.checkbox-label {
	padding-top:4px;
	font-size:12px;
	font-size:1.2rem;
	transition:background .2s ease-out
}
.checkbox-label:before {
	height:12px;
	padding-top:1px
}
.checkbox-label:hover {
	background:#b2b2b2;
	color:#fff
}
}.clock-board {
	width:280px;
	position:relative;
	z-index:2;
	margin:0 auto 40px;
	border-radius:50%;
	overflow:hidden;
	opacity:0;
	transition:opacity .1s ease-out 1.2s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) 1.2s;
	transition:opacity .1s ease-out 1.2s,transform .8s cubic-bezier(.19,1,.22,1) 1.2s;
	-webkit-transform:translate3d(0,30px,0);
	transform:translate3d(0,30px,0)
}
.is-top-visible .clock-board {
	opacity:1;
	transform:translateY(0)
}
.has-session .clock-board,.is-top-visible .clock-text {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0)
}
.has-session .clock-board {
	transition:none;
	opacity:1;
	transform:translateY(0)
}
.is-ie9 .clock-board {
	opacity:1
}
.clock-board>img {
	max-width:100%;
	height:auto
}
.clock-hand--hour,.clock-hand--minute {
	position:absolute;
	top:0;
	left:0;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.clock-text {
	display:inline-block;
	margin:30% 0 0;
	padding:4px 0;
	position:relative;
	z-index:2;
	text-align:center;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-shadow:0 0 10px rgba(0,0,0,.75);
	opacity:0;
	transition:opacity .1s ease-out 1.4s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) 1.4s;
	transition:opacity .1s ease-out 1.4s,transform .8s cubic-bezier(.19,1,.22,1) 1.4s;
	-webkit-transform:translate3d(0,30px,0);
	transform:translate3d(0,30px,0)
}
.is-top-visible .clock-text {
	opacity:1;
	transform:translateY(0)
}
.has-session .clock-text {
	transition:none;
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.is-ie9 .clock-text {
	opacity:1
}
.clock-board+.clock-text {
	margin-top:0
}
.clock-text-inner:after,.clock-text-inner:before,.clock-text:after,.clock-text:before {
	display:block;
	height:4px;
	background:#fff;
	margin:auto;
	box-shadow:0 0 10px rgba(0,0,0,.75);
	content:''
}
.clock-text:after,.clock-text:before {
	width:100%;
	position:absolute;
	left:0
}
.clock-text:before {
	top:0
}
.clock-text:after {
	bottom:0
}
.clock-text-inner {
	padding:10px 15px;
	position:relative;
	line-height:1;
	font-size:30px;
	font-size:3rem;
	font-weight:700;
	color:#fff
}
.clock-text-inner:after,.clock-text-inner:before {
	width:30px;
	position:absolute;
	top:0;
	bottom:0
}
.clock-text-inner:before {
	left:-24px
}
.clock-text-inner:after {
	right:-24px
}
.is-ie9 .clock-text-inner {
	-webkit-filter:glow(color=#444444,strength=5 px);
	filter:glow(color=#444444,strength=5 px)
}
@media screen and (max-width:767px) {
	.clock-board,.clock-text {
	pointer-events:none;
	opacity:1
}
.clock-board {
	width:180px;
	margin-top:50px;
	margin-bottom:0;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.clock-text {
	margin-top:40%;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.clock-board+.clock-text {
	margin-top:25px
}
.clock-text:after,.clock-text:before {
	height:2px
}
.clock-text-inner {
	font-size:18px;
	font-size:1.8rem
}
.clock-text-inner:after,.clock-text-inner:before {
	width:20px;
	height:2px
}
.clock-text-inner:before {
	left:-15px
}
.clock-text-inner:after {
	right:-15px
}
}.course--2h,.course--3h {
	padding:13px;
	border:2px solid #fff;
	background-color:#fff;
	border-radius:5px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.eventPanel,.featurePanel {
	-webkit-transform:translate3d(0,0,0);
	box-shadow:0 0 5px rgba(0,0,0,.1)
}
.course--2h {
	background:#50afc3
}
.course--3h {
	background:#dc8c00
}
.course-order {
	display:table;
	width:100%;
	padding:8px;
	border-radius:6px;
	background:#fff;
	line-height:1.3
}
.course-order>dd,.course-order>dt {
	display:table-cell;
	vertical-align:top
}
.course-order>dt {
	width:23px;
	padding:0 8px;
	font-size:22px;
	font-size:2.2rem
}
.course-order>dd {
	width:100%;
	padding:3px 0 0;
	font-size:16px;
	font-size:1.6rem
}
.course-order a {
	display:inline-block;
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.course-order a:hover {
	opacity:.7;
	text-decoration:none
}
.course-time {
	display:table;
	margin:0 0 0 45px;
	padding:7px 0;
	font-size:14px;
	font-size:1.4rem;
	color:#fff
}
.course-time-inner {
	display:table-cell;
	height:36px;
	vertical-align:middle;
	padding:0 0 0 15px;
	background:url(/assets/themes/yokanavi/img/bg/course.png) repeat-y;
	background-size:3px 9px
}
@media screen and (max-width:767px) {
	.course--2h,.course--3h {
	padding:8px
}
.course-order {
	padding:5px
}
.course-order>dt {
	width:20px;
	font-size:17px;
	font-size:1.7rem
}
.course-order>dd {
	font-size:13px;
	font-size:1.3rem
}
.course-order a {
	transition:none
}
.course-order a:hover {
	text-decoration:underline;
	opacity:1
}
.course-time {
	font-size:11px;
	font-size:1.1rem
}
.course-time-inner {
	height:26px
}
}.eventPanel {
	display:table;
	width:100%;
	table-layout:fixed;
	padding:15px;
	position:relative;
	background-color:#fff;
	border-radius:5px;
	transform:translate3d(0,0,0)
}
.eventPanel.is-new:before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:-228px -102px;
	width:58px;
	height:58px
}
.eventPanel.is-ended .icon-calendar {
	color:#adadad!important
}
.eventPanel-image {
	display:table-cell;
	width:170px;
	vertical-align:top
}
.eventPanel-thumbnail {
	transition:opacity .2s ease-out
}
.eventPanel-thumbnail:hover {
	opacity:.7
}
.eventPanel-thumbnail:before {
	display:block;
	content:'';
	width:100%;
	height:100%;
	border:1px solid #ccc;
	position:absolute;
	top:0;
	left:0;
	z-index:1
}
.eventPanel-text {
	display:table-cell;
	width:100%;
	vertical-align:top;
	padding:0 0 0 15px
}
.eventPanel-title {
	display:block;
	margin:0 0 10px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	color:inherit;
	transition:color .2s ease-out
}
.eventPanel-title:hover {
	color:#9d783c
}
.eventPanel-list {
	margin:0 0 10px;
	font-size:13px;
	font-size:1.3rem;
	color:#00b177
}
.eventPanel-list>li {
	line-height:1.8
}
.eventPanel-list>li:before {
	margin:0 5px 0 0
}
.eventPanel-content {
	font-size:13px;
	font-size:1.3rem
}
@media screen and (max-width:767px) {
	.eventPanel {
	padding:10px
}
.eventPanel.is-new:before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.mobile.png);
	background-position:-33px -105px;
	width:38px;
	height:38px;
	background-size:198px 151px
}
.eventPanel-image {
	width:60px
}
.eventPanel-thumbnail:hover {
	opacity:1
}
.eventPanel-text {
	padding-left:10px
}
.eventPanel-title {
	font-size:14px;
	font-size:1.4rem;
	transition:none
}
.eventPanel-title:hover {
	color:inherit
}
.eventPanel-list {
	margin-bottom:0;
	font-size:11px;
	font-size:1.1rem
}
.eventPanel-list>li {
	line-height:1.4
}
.eventPanel-list>li:not(:last-child) {
	margin-bottom:5px
}
.eventPanel-list>li:before {
	margin:0 5px 0 0
}
.eventPanel-content {
	display:none
}
}.exchangeTable-link:hover,.featureItem-image a:hover,.featurePanel-thumbnail:hover {
	opacity:.7
}
.exchangeTable-link,.featureItem-image a,.featurePanel-thumbnail {
	transition:opacity .2s ease-out
}
.exchangeTable {
	display:table;
	width:100%;
	background:#fff
}
.exchangeTable-row {
	display:table-row
}
.exchangeTable-row.thead {
	background:#f2fbf8
}
.exchangeTable-cell {
	display:table-cell;
	border:1px solid #c8c8c8
}
.thead .exchangeTable-cell {
	height:50px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	vertical-align:middle;
	text-align:center
}
.exchangeTable-cell:first-child {
	border-left:none
}
.exchangeTable-cell:last-child {
	border-right:none
}
.exchangeTable-row:first-child .exchangeTable-cell {
	border-top:none
}
.exchangeTable-cell--address,.exchangeTable-cell--exchange,.exchangeTable-cell--language,.exchangeTable-cell--store,.exchangeTable-cell--time,.exchangeTable-cell--type,.exchangeTable-cell--url {
	display:table-cell;
	font-size:14px;
	font-size:1.4rem;
	vertical-align:top;
	padding:20px;
	border:1px solid #c8c8c8
}
.exchangeTable-cell--address:first-child,.exchangeTable-cell--exchange:first-child,.exchangeTable-cell--language:first-child,.exchangeTable-cell--store:first-child,.exchangeTable-cell--time:first-child,.exchangeTable-cell--type:first-child,.exchangeTable-cell--url:first-child {
	border-left:none
}
.exchangeTable-cell--address:last-child,.exchangeTable-cell--exchange:last-child,.exchangeTable-cell--language:last-child,.exchangeTable-cell--store:last-child,.exchangeTable-cell--time:last-child,.exchangeTable-cell--type:last-child,.exchangeTable-cell--url:last-child {
	border-right:none
}
.exchangeTable-row:last-child .exchangeTable-cell--address,.exchangeTable-row:last-child .exchangeTable-cell--exchange,.exchangeTable-row:last-child .exchangeTable-cell--language,.exchangeTable-row:last-child .exchangeTable-cell--store,.exchangeTable-row:last-child .exchangeTable-cell--time,.exchangeTable-row:last-child .exchangeTable-cell--type,.exchangeTable-row:last-child .exchangeTable-cell--url {
	border-bottom:none
}
.exchangeTable-cell--store {
	width:200px
}
.exchangeTable-cell--type {
	width:85px;
	text-align:center;
	padding-right:10px;
	padding-left:10px
}
.exchangeTable-cell--address {
	width:240px
}
.exchangeTable-cell--time {
	width:177px
}
.exchangeTable-cell--language {
	width:120px;
	text-align:center
}
.exchangeTable-description>dt {
	display:none
}
.exchangeTable-link {
	color:#9d783c
}
.exchangeTable-link a {
	text-decoration:underline
}
.exchangeTable-link a:hover {
	text-decoration:none
}
.exchangeTable-link .icon-link:before {
	padding:0 0 0 5px
}
@media screen and (max-width:767px) {
	.exchangeTable,.exchangeTable-row {
	display:block;
	padding:10px
}
.exchangeTable-cell--language,.exchangeTable-cell--type {
	width:auto;
	text-align:left
}
.exchangeTable-row {
	background:#f5f5f5
}
.exchangeTable-row:not(:last-child) {
	margin-bottom:10px
}
.exchangeTable-row.thead {
	display:none
}
.exchangeTable-cell {
	display:block
}
.exchangeTable-cell--address,.exchangeTable-cell--exchange,.exchangeTable-cell--language,.exchangeTable-cell--store,.exchangeTable-cell--time,.exchangeTable-cell--type,.exchangeTable-cell--url {
	display:block;
	font-size:13px;
	font-size:1.3rem;
	padding:0;
	border:none
}
.exchangeTable-cell--address:not(:last-of-type),.exchangeTable-cell--exchange:not(:last-of-type),.exchangeTable-cell--language:not(:last-of-type),.exchangeTable-cell--store:not(:last-of-type),.exchangeTable-cell--time:not(:last-of-type),.exchangeTable-cell--type:not(:last-of-type),.exchangeTable-cell--url:not(:last-of-type) {
	padding-bottom:10px
}
.exchangeTable-cell--store {
	width:auto
}
.exchangeTable-cell--type {
	padding:0
}
.exchangeTable-cell--address,.exchangeTable-cell--exchange,.exchangeTable-cell--time,.exchangeTable-cell--url {
	width:auto
}
.exchangeTable-description {
	font-size:13px;
	font-size:1.3rem
}
.exchangeTable-description>dt {
	display:block;
	font-weight:700
}
}.featureHeading {
	width:100%;
	height:120px;
	padding:16px 0 0;
	position:absolute;
	top:-5px;
	left:0;
	z-index:1;
	text-align:center;
	line-height:1;
	background:url(/assets/themes/yokanavi/img/bg/feature.png) 50% 0 no-repeat
}
.featureHeading-large {
	font-size:34px;
	font-size:3.4rem;
	font-weight:700
}
.featureHeading-small {
	margin:2px 0 0;
	font-size:12px;
	font-size:1.2rem;
	font-weight:400
}
@media screen and (max-width:767px) {
	.featureHeading {
	height:90px;
	padding-top:15px;
	top:-7px;
	background-image:url(/assets/themes/yokanavi/img/bg/mobile/feature.png);
	background-size:67px 89px
}
.featureHeading-large {
	font-size:22px;
	font-size:2.2rem
}
.featureHeading-small {
	font-size:10px;
	font-size:1rem
}
}.featureItem {
	border:2px solid #d1c0a4;
	font-size:initial
}
.featureItem:not(:last-of-type) {
	margin:0 0 30px
}
.featureItem-header {
	padding:15px 20px;
	border-bottom:2px solid #d1c0a4
}
.featureItem-heading {
	padding:0 0 0 10px;
	border-left:5px solid #00b177;
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
	line-height:1.2
}
.featureItem-body {
	display:table;
	width:100%;
	table-layout:fixed;
	padding:30px
}
.featureItem-image,.featureItem-text {
	display:table-cell;
	vertical-align:top
}
.featureItem-image {
	width:240px
}
.featureItem-text {
	width:100%;
	padding:0 0 0 20px
}
.featureItem-text>p {
	margin:0 0 25px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8
}
.featureItem-list {
	margin:0 0 15px;
	font-size:14px;
	font-size:1.4rem;
	color:#00b177;
	line-height:1
}
.featureItem-list>li:not(:last-child) {
	margin:0 0 10px
}
.featureItem-list>li:before {
	padding:0 8px 0 0
}
.featureItem-button {
	width:300px;
	margin:auto
}
.featureItem-button:hover {
	text-decoration:none!important
}
.featureItem-sp-button {
	display:none
}
@media screen and (max-width:767px) {
	.featureItem-body,.featureItem-header {
	padding:10px
}
.featureItem:not(:last-of-type) {
	margin-bottom:10px
}
.featureItem-heading {
	font-size:16px;
	font-size:1.6rem
}
.featureItem-image {
	width:60px
}
.featureItem-image a {
	transition:opacity .2s ease-out
}
.featureItem-image a:hover {
	opacity:.7
}
.featureItem-text {
	padding-left:10px
}
.featureItem-list,.featureItem-text>p {
	margin-bottom:5px;
	font-size:12px;
	font-size:1.2rem
}
.featureItem-list>li:not(:last-child) {
	margin-bottom:5px
}
.featureItem-list>li:before {
	padding-right:5px
}
.featureItem-button {
	width:100%
}
.featureItem-sp-button {
	display:block;
	padding:0 10px 10px;
	margin-top:-10px
}
}.featurePanel {
	background-color:#fff;
	border-radius:5px;
	transform:translate3d(0,0,0);
	position:relative
}
.featurePanel.is-new:before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:-228px -102px;
	width:58px;
	height:58px;
	pointer-events:none
}
.featurePanel-image {
	border-radius:5px 5px 0 0;
	overflow:hidden
}
.featurePanel-image>a {
	background-position:50% 50%;
	background-repeat:none;
	background-size:cover
}
.featurePanel-text {
	padding:15px
}
.featurePanel-title {
	display:block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	color:inherit;
	transition:color .2s ease-out
}
.featurePanel-title:hover {
	color:#9d783c
}
@media screen and (max-width:767px) {
	.featurePanel.is-new:before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.mobile.png);
	background-position:-33px -105px;
	width:38px;
	height:38px;
	background-size:198px 151px
}
.featurePanel-image {
	border-radius:5px 5px 0 0;
	overflow:hidden
}
.featurePanel-thumbnail {
	opacity:1
}
.featurePanel-text {
	padding:10px
}
.featurePanel-title {
	font-size:15px;
	font-size:1.5rem
}
.featurePanel-title:hover {
	color:inherit
}
}.file {
	display:table;
	width:100%;
	table-layout:fixed
}
.file-image {
	display:table-cell;
	width:130px;
	vertical-align:top;
	padding:0 30px 0 0
}
.file-control,.file-control--middle {
	display:table-cell;
	width:100%
}
.file-control {
	vertical-align:top
}
.file-button,.file-control--middle,.file-remove {
	vertical-align:middle
}
.file-button {
	display:inline-block;
	margin:0 10px 0 0
}
.file-button>input[type=file] {
	font-size:11px;
	font-size:1.1rem
}
.file-remove {
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	color:#9d783c;
	transition:opacity .2s ease-out;
	cursor:pointer
}
.file-remove:hover {
	opacity:.7
}
.file-remove a {
	text-decoration:underline
}
.file-remove:hover a {
	text-decoration:none
}
.file-explaination {
	display:table;
	width:100%;
	table-layout:fixed;
	margin:10px 0 0
}
.file-explaination-input,.file-explaination-input--large,.file-explaination-note {
	display:table-cell;
	vertical-align:middle
}
.file-explaination-input {
	width:420px
}
.file-explaination-input--large {
	width:550px
}
.file-explaination-note {
	padding:0 0 0 5px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.2
}
.file-description:after {
	display:block;
	content:'';
	clear:both
}
.file-description>dt {
	float:left;
	font-weight:700
}
.file-description>dd {
	padding:0 0 10px 80px
}
.filter {
	margin:0 0 60px;
	position:relative;
	background:#fff;
	z-index:2
}
.filter.stuck {
	width:100%;
	position:fixed;
	top:0;
	left:0
}
.filter-trigger {
	display:block;
	min-height:60px;
	padding:15px 10px;
	background:#00b177;
	position:relative;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	text-align:center;
	transition:background .2s ease-out
}
.filter-trigger:hover,.is-mouseover .filter-trigger {
	background:#999
}
.filter-trigger:hover:before,.is-mouseover .filter-trigger:before {
	opacity:0;
	z-index:0
}
.filter-trigger:hover:after,.is-mouseover .filter-trigger:after {
	opacity:1;
	z-index:1
}
.is-filter-open .filter-trigger:after,.is-filter-open .filter-trigger:before {
	display:none
}
.filter-status {
	display:inline-block;
	padding:0 0 0 30px;
	position:relative
}
.filter-icon {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:4px;
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	line-height:1;
	vertical-align:middle
}
.filter-arrow--after,.filter-arrow--before,.filter-icon:after,.filter-icon:before {
	display:block;
	content:'';
	margin:auto;
	left:0;
	right:0
}
.filter-icon:after,.filter-icon:before {
	background:#00b177;
	position:absolute;
	top:0;
	bottom:0;
	transition:background .2s ease-out,-webkit-transform .3s ease-out;
	transition:background .2s ease-out,transform .3s ease-out;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.filter-icon:before {
	width:14px;
	height:2px
}
.filter-icon:after {
	width:2px;
	height:14px
}
.is-mouseover .filter-icon:after,.is-mouseover .filter-icon:before {
	background:#999
}
.filter-arrow--after,.filter-arrow--before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	width:40px;
	height:20px
}
.is-filter-open .filter-icon:before {
	-webkit-transform:translate3d(0,0,0) rotate(-180deg);
	transform:translate3d(0,0,0) rotate(-180deg)
}
.is-filter-open .filter-icon:after {
	-webkit-transform:translate3d(0,0,0) rotate(-270deg);
	transform:translate3d(0,0,0) rotate(-270deg)
}
.filter-content {
	position:relative
}
.filter-arrow--after,.filter-arrow--before {
	position:absolute;
	top:100%;
	transition:opacity .2s ease-out
}
.is-mouseover .filter-arrow--after,.is-mouseover .filter-arrow--before {
	opacity:1
}
.is-filter-open .filter-arrow--after,.is-filter-open .filter-arrow--before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:0 -217px;
	width:40px;
	height:20px
}
.filter-arrow--before {
	background-position:-80px -217px
}
.filter-arrow--after {
	background-position:-40px -217px;
	opacity:0
}
.filter-content-inner {
	display:none
}
.filter-table:after,.filter-table>dd:after {
	display:block;
	content:'';
	clear:both
}
.filter-body {
	width:820px;
	margin:auto;
	padding:30px 0
}
.filter-table>dt {
	line-height:34px;
	float:left;
	font-weight:700
}
.filter-table>dd {
	padding:0 0 0 150px
}
.filter-table>dd:not(:last-of-type) {
	margin-bottom:20px
}
.filter-table .js-location {
	display:none
}
.filter-footer {
	padding:15px 0 50px;
	border-top:1px solid #c8c8c8;
	text-align:center
}
.filter-footer button {
	display:block;
	width:300px;
	margin:auto;
	padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:transparent;
	border:none
}
.language-select>select,.search-input {
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:0
}
.filter-period {
	display:inline-block;
	width:280px
}
.filter-from {
	display:inline-block;
	padding:0 2px
}
.filter-area {
	float:left;
	font-size:14px;
	font-size:1.4rem
}
.filter-area:after {
	display:block;
	content:'';
	clear:both
}
.filter-area:not(:last-child) {
	margin-right:30px
}
.filter-area>dt {
	width:40px;
	line-height:34px;
	float:left
}
.filter-area>dd {
	width:280px;
	float:left
}
.filter-categories {
	margin:-10px 0 0;
	font-size:0
}
.filter-categories>li {
	display:inline-block;
	padding:10px 0 0
}
.filter-categories>li:not(:last-child) {
	margin-right:10px
}
.filter-checkbox {
	display:block;
	position:relative;
	line-height:26px
}
.filter-checkbox>input[type=checkbox] {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	opacity:0
}
.filter-checkbox-label {
	display:block;
	padding:0 0 0 35px;
	font-size:14px;
	font-size:1.4rem;
	cursor:pointer
}
.filter-checkbox-label:before {
	height:14px;
	position:absolute;
	top:0;
	bottom:0;
	left:7px;
	z-index:1;
	margin:auto;
	color:#00b177;
	opacity:0;
	transition:opacity .2s ease-out
}
.filter-checkbox-label:after {
	display:block;
	content:'';
	width:26px;
	height:26px;
	background:#f5f5f5;
	border:1px solid #c8c8c8;
	border-radius:4px;
	position:absolute;
	top:0;
	left:0
}
input[type=checkbox]:checked+.filter-checkbox-label:before {
	opacity:1
}
.filter-condition {
	display:none
}
@media screen and (max-width:767px) {
	.filter-trigger:hover,.filter-trigger:hover .filter-icon:after,.filter-trigger:hover .filter-icon:before,.is-mouseover .filter-trigger {
	background:#00b177
}
.filter {
	margin-bottom:30px
}
.filter-trigger {
	min-height:50px;
	font-size:16px;
	font-size:1.6rem
}
.filter-trigger:hover:before,.is-mouseover .filter-trigger:before {
	opacity:1;
	z-index:1
}
.filter-trigger:hover:after,.is-mouseover .filter-trigger:after {
	opacity:0;
	z-index:0
}
.filter:hover .filter-arrow--after {
	opacity:0
}
.filter-body {
	width:auto;
	padding:10px 20px
}
.filter-table:after {
	display:block;
	content:'';
	clear:both
}
.filter-table>dt {
	font-size:15px;
	font-size:1.5rem;
	line-height:1.5;
	float:none
}
.filter-table>dd {
	padding-left:0;
	margin-bottom:5px
}
.filter-table>dd:not(:last-of-type) {
	margin-bottom:12px
}
.filter-table .js-location {
	display:block
}
.filter-period {
	width:calc(100% - 30px)
}
.filter-period:last-child {
	margin-top:10px
}
.filter-from {
	width:20px;
	font-size:13px;
	font-size:1.3rem
}
.filter-categories {
	margin-top:-5px
}
.filter-categories>li {
	padding-top:5px
}
.filter-categories>li:not(:last-child) {
	margin-right:5px
}
.filter-checkbox-label {
	padding-left:32px;
	font-size:13px;
	font-size:1.3rem
}
.filter-condition {
	display:block;
	margin-bottom:10px
}
.filter-condition-list>li,.filter-condition>dd,.filter-condition>dt {
	display:inline-block
}
.filter-condition>dt {
	margin-right:6px;
	font-size:13px;
	font-size:1.3rem
}
.filter-condition-list>li:not(:last-child) {
	margin-right:12px
}
}.filterList {
	margin:-10px 0 0;
	font-size:0
}
.filterList>li {
	display:inline-block;
	padding-top:10px
}
.filterList>li:not(:last-child) {
	padding-right:10px
}
@media screen and (max-width:767px) {
	.filterList {
	margin-top:-5px
}
.filterList>li {
	padding-top:5px
}
.filterList>li:not(:last-child) {
	padding-right:5px
}
}.fromToTable {
	display:table;
	width:100%;
	table-layout:fixed
}
.fromToTable--course,.fromToTable--item {
	display:table-cell;
	text-align:center;
	vertical-align:middle
}
.fromToTable--item {
	width:150px;
	font-size:18px;
	font-size:1.8rem;
	color:#fff;
	line-height:125%;
	padding:19px 10px;
	background:#00b177
}
.fromToTable--course {
	width:100px
}
.fromToTable--description {
	position:relative;
	display:block;
	padding-top:20px;
	font-size:14px;
	font-size:1.4rem
}
.fromToTable--description:before {
	content:'';
	position:absolute;
	top:0;
	left:50%;
	display:block;
	width:70px;
	height:17px;
	margin-left:-35px
}
.fromToTable--description.icon-arrow_right:before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:0 -200px;
	width:70px;
	height:17px
}
.fromToTable--description.icon-arrow_left:before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:-228px -160px;
	width:70px;
	height:17px
}
.fullMap-map,.guide--1,.guide--2,.guide--3 {
	background-position:50% 50%;
	background-repeat:no-repeat
}
.fullMap {
	margin:0 0 60px
}
.fullMap-map {
	height:400px;
	background-image:url(/assets/themes/yokanavi/img/bg/map.jpg)
}
@media screen and (max-width:767px) {
	.fromToTable--description {
	font-size:12px;
	font-size:1.2rem
}
.fromToTable--item {
	width:90px;
	font-size:14px;
	font-size:1.4rem;
	line-height:113.75%;
	padding:21px 5px
}
.fullMap {
	margin-bottom:20px
}
.fullMap-map {
	height:200px;
	background-size:cover
}
}.guide--1,.guide--2,.guide--3 {
	display:block;
	height:270px;
	padding:20px 0 0;
	border:4px solid #fff;
	background-size:cover;
	line-height:262px;
	text-align:center;
	color:inherit;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	transition:opacity .2s ease-out
}
.informationPanel,.routeMap {
	-webkit-transform:translate3d(0,0,0)
}
.guide--1:hover,.guide--2:hover,.guide--3:hover {
	opacity:.7
}
.guide--1 {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_1.jpg)
}
.guide--1.is-en {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_1_en.jpg)
}
.guide--1.is-ko {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_1_ko.jpg)
}
.guide--1.is-zh_cn {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_1_zh-cn.jpg)
}
.guide--1.is-zh_tw {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_1_zh-tw.jpg)
}
.guide--2 {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_2.jpg)
}
.guide--2.is-en {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_2_en.jpg)
}
.guide--2.is-ko {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_2_ko.jpg)
}
.guide--2.is-zh_cn {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_2_zh-cn.jpg)
}
.guide--2.is-zh_tw {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_2_zh-tw.jpg)
}
.guide--3 {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_3.jpg)
}
.guide--3.is-en {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_3_en.jpg)
}
.guide--3.is-ko {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_3_ko.jpg)
}
.guide--3.is-zh_cn {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_3_zh-cn.jpg)
}
.guide--3.is-zh_tw {
	background-image:url(/assets/themes/yokanavi/img/index/guide/bg_3_zh-tw.jpg)
}
.guide-title {
	display:inline-block;
	padding:30px 0 0;
	position:relative;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	line-height:1
}
.guide-title:before {
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto;
	font-size:24px;
	font-size:2.4rem
}
@media screen and (max-width:767px) {
	.guide--1,.guide--2,.guide--3 {
	height:220px;
	border-width:3px;
	line-height:217px
}
.guide--1:hover,.guide--2:hover,.guide--3:hover {
	opacity:1
}
.guide-title {
	font-size:15px;
	font-size:1.5rem
}
.guide-title:before {
	font-size:20px;
	font-size:2rem
}
}@font-face {
	font-family:icomoon;
	src:url(../fonts/icomoon.eot?14at4j);
	src:url(../fonts/icomoon.eot?14at4j#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?14at4j) format("truetype"),url(../fonts/icomoon.woff?14at4j) format("woff"),url(../fonts/icomoon.svg?14at4j#icomoon) format("svg");
	font-weight:400;
	font-style:normal
}
[class*=" icon-"]:before,[class^=icon-]:before {
	font-family:icomoon!important;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-close:before {
	content:"\e92a"
}
.icon-transportation02:before {
	content:"\e92b"
}
.icon-transportation03:before {
	content:"\e92c"
}
.icon-transportation04:before {
	content:"\e92d"
}
.icon-transportation01:before {
	content:"\e92e"
}
.icon-arrow02_rotate:before {
	content:"\e929"
}
.icon-car:before {
	content:"\e928"
}
.icon-clock:before {
	content:"\e90d"
}
.icon-check:before {
	content:"\e926"
}
.icon-bus:before {
	content:"\e927"
}
.icon-link:before {
	content:"\e900"
}
.icon-arrow01_down:before {
	content:"\e901"
}
.icon-arrow01_left:before {
	content:"\e902"
}
.icon-arrow01_right:before {
	content:"\e903"
}
.icon-arrow01_up:before {
	content:"\e904"
}
.icon-arrow02_left:before {
	content:"\e905"
}
.icon-arrow02_down:before {
	content:"\e92f"
}
.icon-arrow02_right:before {
	content:"\e906"
}
.icon-bag:before {
	content:"\e907"
}
.icon-balloon:before {
	content:"\e908"
}
.icon-binoculars:before {
	content:"\e909"
}
.icon-book:before {
	content:"\e90a"
}
.icon-calendar:before {
	content:"\e90b"
}
.icon-camera:before {
	content:"\e90c"
}
.icon-circle:before {
	content:"\e90e"
}
.icon-earth:before {
	content:"\e90f"
}
.icon-file_board:before {
	content:"\e910"
}
.icon-file:before {
	content:"\e911"
}
.icon-flag:before {
	content:"\e912"
}
.icon-heart:before {
	content:"\e913"
}
.icon-list:before {
	content:"\e914"
}
.icon-loupe:before {
	content:"\e915"
}
.icon-minus:before {
	content:"\e916"
}
.icon-original_balloon .path1:before {
	content:"\e917";
	color:#fff
}
.icon-original_balloon .path2:before {
	content:"\e918";
	margin-left:-1em;
	color:#9d783c
}
.icon-original_balloon .path3:before {
	content:"\e919";
	margin-left:-1em;
	color:#fff
}
.icon-original_balloon .path4:before {
	content:"\e91a";
	margin-left:-1em;
	color:#9d783c
}
.icon-pen:before {
	content:"\e91b"
}
.icon-pin:before {
	content:"\e91c"
}
.icon-plus:before {
	content:"\e91d"
}
.icon-star:before {
	content:"\e91e"
}
.icon-tab_play:before {
	content:"\e91f"
}
.icon-tab_shopping:before {
	content:"\e920"
}
.icon-tab_sightseeing:before {
	content:"\e921"
}
.icon-tab_gourmet:before {
	content:"\e922"
}
.icon-tab_stay:before {
	content:"\e923"
}
.icon-trashcan:before {
	content:"\e924"
}
.icon-triangle:before {
	content:"\e925"
}
.imageDescription {
	position:relative;
	margin:30px 0 53px;
	padding:30px 0 0
}
.imageDescription:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:30px;
	height:4px;
	background-color:#00b177
}
.imageDescription--title {
	font-size:21px;
	font-size:2.1rem;
	font-weight:700
}
.imageDescription--text {
	margin:8px 0 0;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px
}
.infoWindow {
	padding:10px;
	font-size:16px;
	font-size:1.6rem
}
.infoWindow>p>a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.infoWindow>p>a:hover {
	opacity:.7;
	text-decoration:none
}
.informationPanel {
	display:table;
	width:100%;
	table-layout:fixed;
	padding:15px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	transform:translate3d(0,0,0)
}
.informationPanel-image {
	display:table-cell;
	width:180px;
	vertical-align:top;
	transition:opacity .2s ease-out
}
.informationPanel-image:hover {
	opacity:.7
}
.informationPanel-text {
	display:table-cell;
	width:100%;
	vertical-align:top;
	padding:0 0 0 10px
}
.informationPanel-title {
	display:inline-block;
	margin:0 0 10px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	color:inherit;
	transition:color .2s ease-out
}
.informationPanel-description:after,.inputField:after,.language:after {
	display:block;
	content:''
}
.informationPanel-title:hover {
	color:#9d783c
}
.informationPanel-description {
	font-size:13px;
	font-size:1.3rem
}
.informationPanel-description:after {
	clear:both
}
.informationPanel-description>dt {
	float:left;
	font-weight:700
}
.informationPanel-description>dd {
	padding:0 0 5px 80px
}
@media screen and (max-width:767px) {
	.informationPanel {
	padding:10px
}
.informationPanel-image {
	width:70px
}
.informationPanel-image:hover {
	transition:none;
	opacity:1
}
.informationPanel-title {
	margin:0 0 5px;
	font-size:16px;
	font-size:1.6rem
}
.informationPanel-title:hover {
	color:#333
}
.informationPanel-description {
	font-size:12px;
	font-size:1.2rem
}
.informationPanel-description>dt {
	float:none
}
.informationPanel-description>dd {
	padding:0
}
.informationPanel-description>dd:not(:last-of-type) {
	padding-bottom:5px
}
}.inputField:before,.language:before {
	color:#adadad;
	margin:auto;
	top:0;
	bottom:0
}
.input {
	width:100%;
	height:34px;
	padding:0 18px;
	background:#f5f5f5;
	border:1px solid #c8c8c8;
	border-radius:20px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	outline:0
}
.input.is-invalid {
	padding-right:16px;
	padding-left:16px;
	background:#fff0f0;
	border-width:3px;
	border-color:#ed8077
}
.inputField {
	background:#f5f5f5;
	border-radius:20px;
	position:relative
}
.inputField:before {
	height:20px;
	position:absolute;
	left:10px;
	font-size:18px;
	font-size:1.8rem
}
.inputField:after {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	border:1px solid #c8c8c8;
	border-radius:20px
}
.inputField-input {
	width:100%;
	height:32px;
	background-color:transparent;
	position:relative;
	z-index:1;
	border:none;
	padding:0 0 0 35px;
	font-size:14px;
	font-size:1.4rem;
	outline:0
}
@media screen and (max-width:767px) {
	.inputField-input {
	font-size:13px;
	font-size:1.3rem
}
}.language {
	padding:0 0 0 40px;
	background:#f5f5f5;
	border-radius:20px;
	position:relative
}
.language:before {
	height:20px;
	position:absolute;
	left:10px;
	font-size:20px;
	font-size:2rem
}
.language:after {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	border:1px solid #c8c8c8;
	border-radius:20px
}
.language-select {
	overflow:hidden
}
.language-select:before {
	height:10px;
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	margin:auto;
	font-size:13px;
	font-size:1.3rem
}
.language-select>select {
	width:140%;
	height:34px;
	appearance:none;
	border:none;
	position:relative;
	z-index:1;
	background-color:transparent;
	font-size:15px;
	font-size:1.5rem
}
@media screen and (max-width:767px) {
	.language {
	padding-left:26px
}
.language:before {
	height:18px;
	left:6px;
	font-size:18px;
	font-size:1.8rem
}
.language-select {
	overflow:hidden
}
.language-select:before {
	display:none
}
.language-select>select {
	width:140%;
	height:32px;
	font-size:12px;
	font-size:1.2rem;
	outline:0;
	white-space:nowrap
}
}.largeCarousel,.largeCarousel-body .slick-list {
	overflow:visible
}
.languages {
	margin:-5px 0 10px;
	font-size:0
}
.languages>li {
	display:inline-block;
	margin:5px 5px 0 0;
	padding:1px 10px;
	border:1px solid;
	color:#00b177;
	font-size:13px;
	font-size:1.3rem
}
@media screen and (max-width:767px) {
	.languages {
	margin-bottom:5px
}
.languages>li {
	padding:1px 5px;
	font-size:11px;
	font-size:1.1rem
}
}.largeCarousel {
	margin:0 0 30px;
	position:relative
}
.largeCarousel-body {
	height:600px
}
.largeCarousel-item {
	opacity:.6;
	transition:opacity .6s ease-out
}
.largeCarousel-item.slick-current {
	opacity:1
}
.largeCarousel-item>img {
	max-width:100%;
	height:auto
}
.largeCarousel-arrow--next,.largeCarousel-arrow--prev {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	background:#333;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index:10;
	color:#fff;
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	transition:opacity .2s ease-out
}
.largeCarousel-arrow--next:hover,.largeCarousel-arrow--prev:hover {
	opacity:.7
}
.largeCarousel-arrow--prev {
	left:-20px
}
.largeCarousel-arrow--next {
	right:-20px
}
@media screen and (max-width:767px) {
	.largeCarousel {
	margin-bottom:20px
}
.largeCarousel .slick-dots {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	font-size:0;
	text-align:center
}
.largeCarousel .slick-dots>li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px;
	border-radius:50%;
	background:#333
}
.largeCarousel .slick-dots>li.slick-active {
	background:#f33
}
.largeCarousel .slick-dots>li button,.largeCarousel-arrow--next,.largeCarousel-arrow--prev {
	display:none
}
.largeCarousel-body {
	height:auto;
	min-height:187px;
	padding-bottom:20px
}
.largeCarousel-body .slick-list {
	overflow:hidden
}
.largeCarousel-item {
	opacity:1
}
}.lead:after,.lead:before,.lead>p:after,.lead>p:before {
	display:block;
	content:''
}
.lead {
	width:872px;
	border-right:4px solid #9d783c;
	border-left:4px solid #9d783c;
	margin:0 auto 60px;
	position:relative
}
.lead:after,.lead:before {
	width:872px;
	height:10px;
	position:absolute;
	left:-4px;
	z-index:0;
	background-position:50% 0;
	background-repeat:no-repeat
}
.lead:before {
	background-image:url(/assets/themes/yokanavi/img/bg/lead/top.png);
	top:0
}
.lead:after {
	background-image:url(/assets/themes/yokanavi/img/bg/lead/bottom.png);
	bottom:0
}
.lead>p {
	padding:0 40px;
	position:relative;
	z-index:1;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	color:#9d783c;
	line-height:1.8
}
.lead>p:after,.lead>p:before {
	width:13px;
	height:16px;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto
}
.lead>p:before {
	background-image:url(/assets/themes/yokanavi/img/bg/lead/left.png);
	left:-13px
}
.lead>p:after {
	background-image:url(/assets/themes/yokanavi/img/bg/lead/right.png);
	right:-13px
}
@media screen and (max-width:767px) {
	.lead:after,.lead:before,.lead>p:after,.lead>p:before {
	display:none
}
.lead {
	width:auto;
	border:none;
	margin-bottom:20px
}
.lead>p {
	padding:0 20px;
	position:relative;
	font-size:14px;
	font-size:1.4rem
}
}.linkList {
	margin-left:40px
}
.linkList li {
	margin-bottom:10px;
	padding:0 0 10px;
	border-bottom:1px dotted #c8c8c8;
	font-size:14px;
	font-size:1.4rem
}
.linkList li:last-child {
	padding-bottom:0;
	border:none
}
.linkList li a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.linkList li a:hover {
	opacity:.7;
	text-decoration:none
}
.loader,.loader--top {
	width:166px;
	height:200px;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:-1;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:166px 200px;
	transform-orgin:50% 100%;
	transition:opacity .2s ease-out;
	-webkit-animation:loading 1s ease 0s infinite normal;
	animation:loading 1s ease 0s infinite normal
}
.loader--top,.mobileAccordion-heading {
	z-index:2
}
.is-android .loader,.is-android .loader--top {
	position:absolute;
	top:200px;
	bottom:auto
}
.is-body-loaded .loader,.is-body-loaded .loader--top {
	opacity:0
}
html:lang(ja) .loader,html:lang(ja) .loader--top {
	background-image:url(/assets/themes/yokanavi/img/loader/ja.svg)
}
html:not(:lang(ja)) .loader,html:not(:lang(ja)) .loader--top {
	background-image:url(/assets/themes/yokanavi/img/loader/other.svg)
}
.has-session .loader--top,.is-ie9 .loader--top {
	display:none
}
@media screen and (max-width:767px) {
	.linkList li {
	font-size:12px;
	font-size:1.2rem
}
.is-sitemap .l-bulleted-list--item .l-bulleted-list--title {
	padding-bottom:5px
}
.loader,.loader--top {
	width:120px;
	height:150px;
	background-size:120px 150px
}
.loader--top {
	display:none
}
}.logo-header,.logo-header.is-global {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	width:200px;
	height:51px
}
@-webkit-keyframes loading {
	0% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
16.7% {
	-webkit-transform:translate3d(0,-10px,0) rotate(2deg);
	transform:translate3d(0,-10px,0) rotate(2deg)
}
33.3% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
50% {
	-webkit-transform:translate3d(0,-10px,0) rotate(-2deg);
	transform:translate3d(0,-10px,0) rotate(-2deg)
}
100%,66.7% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes loading {
	0% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
16.7% {
	-webkit-transform:translate3d(0,-10px,0) rotate(2deg);
	transform:translate3d(0,-10px,0) rotate(2deg)
}
33.3% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
50% {
	-webkit-transform:translate3d(0,-10px,0) rotate(-2deg);
	transform:translate3d(0,-10px,0) rotate(-2deg)
}
100%,66.7% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}.logo-footer,.logo-header {
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
}
.logo-header {
	background-position:-166px -51px
}
.logo-header.is-global {
	background-position:-166px 0
}
.logo-footer {
	width:124px;
	height:36px;
	background:url(/assets/themes/yokanavi/img/logo/footer.svg);
	background-size:124px 36px
}
.mobileAccordion {
	position:relative
}
.accordion.mobileAccordion {
	overflow:visible
}
.mobileAccordion-body--hidden.accordion-body,.mobileAccordion-body.accordion-body {
	display:block
}
.mobileAccordion-body--hidden.accordion-body.is-mode-desktop,.mobileAccordion-body.accordion-body.is-mode-desktop {
	display:block!important
}
.mobileAccordion-heading.featureHeading {
	top:-70px
}
@media screen and (max-width:767px) {
	.logo-header,.logo-header.is-global {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.mobile.png);
	width:151px;
	height:37px;
	background-size:198px 151px
}
.logo-header {
	background-position:0 0
}
.logo-header.is-global {
	background-position:0 -37px
}
.logo-footer {
	width:110px;
	height:31px;
	background-size:110px 31px
}
.mobileAccordion {
	padding-top:0
}
.mobileAccordion-body--hidden.accordion-body,.mobileAccordion-heading {
	display:none
}
}.mobileAccordionContainer {
	padding-top:70px
}
@media screen and (max-width:767px) {
	.mobileAccordionContainer {
	padding-top:0
}
}.mobileNavigation {
	display:none;
	width:260px;
	height:100%;
	background:#271e0f;
	position:fixed;
	top:0;
	right:100%;
	z-index:-1;
	overflow:auto;
	overflow-scrolling:touch;
	-webkit-overflow-scrolling:touch;
	transition:right 0s linear 1s
}
.news a,.newsPanel>dd a {
	transition:opacity .2s ease-out
}
.mobileNavigation-search {
	padding:10px
}
.mobileNavigation-list {
	color:#fff
}
.mobileNavigation-list>dt {
	padding:0 10px 0 20px;
	line-height:50px;
	background:#9d783c;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700
}
.mobileNavigation-list>dd {
	display:table;
	width:100%;
	position:relative;
	font-size:13px;
	font-size:1.3rem
}
.mobileNavigation-list>dd:not(:last-child) {
	border-bottom:1px solid #3d3527
}
.mobileNavigation-list>dd:before {
	position:absolute;
	height:10px;
	top:0;
	right:10px;
	bottom:0;
	margin:auto
}
.mobileNavigation-list>dd>a {
	display:table-cell;
	width:100%;
	height:40px;
	vertical-align:middle;
	padding:4px 40px 4px 20px;
	color:inherit
}
.news:after {
	display:block;
	content:'';
	clear:both
}
.news>dt {
	float:left;
	color:#00a177
}
.news>dd {
	padding:0 0 0 115px
}
.news a {
	display:inline-block;
	text-decoration:underline
}
.news a:hover {
	opacity:.7;
	text-decoration:none
}
@media screen and (max-width:767px) {
	.is-body-loaded .mobileNavigation {
	right:0
}
.is-navigation-open .mobileNavigation {
	z-index:3;
	pointer-events:auto
}
.news {
	font-size:13px;
	font-size:1.3rem
}
.news>dt {
	float:none
}
.news>dd {
	padding-left:0;
	line-height:1.75
}
.news a:hover {
	opacity:1;
	text-decoration:underline
}
}.newsPanel {
	padding:15px
}
.newsPanel:after {
	display:block;
	content:'';
	clear:both
}
.newsPanel>dt {
	font-size:11px;
	font-size:1.1rem;
	line-height:1;
	padding:0 0 5px;
	color:#00b177
}
.newsPanel>dd {
	font-size:13px;
	font-size:1.3rem
}
.newsPanel>dd a {
	display:inline-block;
	text-decoration:underline
}
.newsPanel>dd a:hover {
	opacity:.7;
	text-decoration:none
}
@media screen and (max-width:767px) {
	.newsPanel {
	padding:10px
}
.newsPanel>dt {
	padding-bottom:2px;
	font-size:13px;
	font-size:1.3rem
}
.newsPanel>dd a {
	transition:none
}
.newsPanel>dd a:hover {
	opacity:1;
	text-decoration:underline
}
}.overlay {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:6;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(255,255,255,0)
}
.radio,.radio:after {
	height:26px;
	display:block
}
.is-navigation-open .overlay {
	display:block
}
.pagination {
	position:relative;
	text-align:center
}
.pagination--narrow {
	padding:0 120px;
	margin:0 auto
}
.pagination-text {
	position:absolute;
	top:0;
	left:0;
	line-height:50px;
	font-size:14px;
	font-size:1.4rem
}
.pagination-list {
	display:inline-block;
	vertical-align:top
}
.pagination-list>li {
	float:left
}
.pagination-arrow--next,.pagination-arrow--prev,.pagination-item,.pagination-item--current,.pagination-item--inactive,[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page {
	display:block;
	width:50px;
	line-height:50px;
	margin:0 1px;
	border-bottom:2px solid #aea79c;
	background:#fff;
	transition:background .2s ease-out
}
.pagination-arrow--next:hover,.pagination-arrow--prev:hover,.pagination-item:hover,[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	background:#9d783c;
	border-color:#aba49a;
	color:#fff
}
.pagination-arrow--prev {
	margin-right:3px;
	border-radius:4px 0 0 4px
}
.pagination-arrow--next {
	margin-left:3px;
	border-radius:0 4px 4px 0
}
.pagination-item--current {
	background:#66665f;
	border-color:#464646;
	color:#fff;
	cursor:default
}
.pagination-item--inactive {
	background:#f7f7f7!important;
	color:#666!important;
	cursor:default!important
}
@media screen and (max-width:767px) {
	.pagination-arrow--next:hover,.pagination-arrow--prev:hover,.pagination-item:hover,[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	border-color:#aea79c;
	background:#fff;
	color:#9d783c
}
.pagination--narrow {
	padding:inherit;
	margin:inherit
}
.pagination-text {
	position:static;
	line-height:25px
}
.pagination-list {
	display:inline-block;
	overflow:hidden
}
.pagination-list>li {
	width:42px;
	padding:0 2px
}
.pagination-arrow--next,.pagination-arrow--prev,.pagination-item,.pagination-item--current,.pagination-item--inactive,[id*="___gcse_"] .gsc-results .gsc-cursor-box .gsc-cursor-page {
	width:auto;
	line-height:40px;
	margin:0;
	transition:none;
	font-size:13px;
	font-size:1.3rem
}
.pagination-arrow--prev {
	margin-right:0;
	border-radius:4px 0 0 4px
}
.pagination-arrow--next {
	margin-left:0;
	border-radius:0 4px 4px 0
}
}.profile-inner {
	display:table;
	width:100%;
	table-layout:fixed
}
.profile-image,.profile-text {
	display:table-cell;
	vertical-align:top
}
.profile-image {
	width:240px
}
.profile-text {
	width:100%;
	padding:0 0 0 20px
}
.profile-description:not(:last-child) {
	margin:0 0 20px
}
.profile-description>dt {
	margin:0 0 15px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700
}
.profile-description>dd {
	font-size:14px;
	font-size:1.4rem
}
.profile-description>dd a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.profile-description>dd a:hover {
	opacity:.7;
	text-decoration:none
}
@media screen and (max-width:767px) {
	.profile-image {
	display:block;
	width:auto;
	margin-bottom:10px
}
.profile-text {
	display:block;
	width:auto;
	padding-left:0
}
.profile-description:not(:last-child) {
	margin:0 0 20px
}
.profile-description>dt {
	margin-bottom:0;
	font-size:14px;
	font-size:1.4rem
}
.profile-description>dd {
	font-size:12px;
	font-size:1.2rem
}
.profile-description>dd a {
	transition:none
}
.profile-description>dd a:hover {
	opacity:1;
	text-decoration:underline
}
}.radio {
	position:relative;
	font-size:14px;
	font-size:1.4rem
}
.radio>input[type=radio] {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	visibility:hidden
}
.radio:after {
	content:'';
	width:26px;
	border-radius:50%;
	border:1px solid #c8c8c8;
	position:absolute;
	top:0;
	left:0
}
.radio-label {
	display:block;
	width:100%;
	line-height:26px;
	padding:0 0 0 35px;
	position:relative;
	cursor:pointer
}
.radio-label:after,.radio-label:before {
	content:'';
	border-radius:50%;
	position:absolute;
	display:block;
	top:0
}
.radio-label:before {
	width:10px;
	height:10px;
	bottom:0;
	left:8px;
	background:#00b177;
	z-index:1;
	margin:auto;
	opacity:0;
	transition:opacity .2s ease-out
}
.radio-label:after {
	width:26px;
	height:26px;
	background:#f5f5f5;
	left:0
}
input[type=radio]:checked+.radio-label:before {
	opacity:1
}
.recommendLargePanel-inner:hover,.recommendPanel:hover {
	opacity:.7
}
.is-invalid .radio-label:after {
	background:#fff0f0;
	border:3px solid #ed8077
}
.routeMap,.routePanel {
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1)
}
@media screen and (max-width:767px) {
	.radio {
	font-size:13px;
	font-size:1.3rem
}
}.recommendLargePanel {
	min-height:803px;
	padding:223px 0 0;
	background:#f5f5f5;
	position:relative;
	text-align:center
}
.recommendLargePanel-inner {
	display:block;
	width:100%;
	min-height:803px;
	padding-top:113px;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transition:opacity .2s ease-out
}
.recommendLargePanel-image {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto
}
.recommendLargePanel-text {
	width:100%;
	padding:10px 40px;
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(0,0,0,.5);
	color:#d9d9d9;
	line-height:1.7;
	text-align:left;
	transition:-webkit-transform .8s cubic-bezier(.19,1,.22,1) 1s;
	transition:transform .8s cubic-bezier(.19,1,.22,1) 1s;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
.is-top-visible .recommendLargePanel-text {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.has-session .recommendLargePanel-text {
	transition:none;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.recommendPanel,.relatedFiles a {
	transition:opacity .2s ease-out
}
.recommendLargePanel-title {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700
}
.recommendLargePanel-content {
	font-size:13px;
	font-size:1.3rem
}
@media screen and (max-width:767px) {
	.recommendLargePanel {
	height:432px!important;
	min-height:0;
	padding-top:32px
}
.recommendLargePanel-inner {
	height:100%!important;
	min-height:0;
	padding-top:0
}
.recommendLargePanel-text {
	padding:5px 10px;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.recommendLargePanel-title {
	font-size:15px;
	font-size:1.5rem
}
.recommendLargePanel-content {
	display:none
}
}.recommendPanel,.recommendPanel--empty {
	display:block;
	color:inherit
}
.recommendPanel--empty {
	background:url(/assets/themes/yokanavi/img/noimage.png) 50% 50% no-repeat;
	background-size:cover
}
.recommendPanel--empty>* {
	opacity:0
}
.recommendPanel-image {
	min-height:295px;
	position:relative;
	background:50% 50% none #f5f5f5;
	background-size:cover
}
.recommendPanel-image img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%
}
.recommendPanel-text {
	padding:0 0 0 60px;
	background:#e6e6e6;
	position:relative;
	line-height:50px;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700
}
.recommendPanel-icon {
	width:50px;
	line-height:50px;
	background:#ffe91a;
	position:absolute;
	top:0;
	left:0;
	font-size:20px;
	font-size:2rem;
	text-align:center;
	color:#fff
}
@media screen and (max-width:767px) {
	.recommendPanel-image {
	min-height:0;
	height:210px!important
}
.recommendPanel-text {
	padding-left:50px;
	line-height:40px;
	font-size:13px;
	font-size:1.3rem
}
.recommendPanel-icon {
	width:40px;
	line-height:40px;
	font-size:20px;
	font-size:2rem
}
}.relatedFiles {
	display:table;
	width:100%;
	table-layout:fixed;
	margin:30px 0 0
}
.relatedFiles>dd,.relatedFiles>dt {
	display:table-cell;
	vertical-align:middle
}
.relatedFiles>dt {
	width:150px;
	padding:15px 0;
	background:#00b177;
	font-weight:700;
	color:#fff;
	text-align:center
}
.relatedFiles>dd {
	width:100%;
	padding:15px 20px;
	background:#f5f5f5;
	font-size:14px;
	font-size:1.4rem
}
.relatedFiles .icon-file {
	display:block;
	padding:52px 0 0;
	position:relative
}
.relatedFiles .icon-file:before {
	width:45px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto;
	font-size:48px;
	font-size:4.8rem
}
.relatedFiles a {
	text-decoration:underline
}
.relatedFiles a:hover {
	opacity:.7;
	text-decoration:none
}
.relatedFiles a.is-disabled {
	color:inherit;
	text-decoration:none
}
.relatedFiles-list>li {
	padding:0 0 0 1em
}
.relatedFiles-list>li:not(:last-child) {
	margin:0 0 1em
}
.relatedFiles-list>li:before {
	display:inline-block;
	content:'・';
	color:#9d783c;
	text-indent:-1em
}
.select:after,.singlePanel-header--feature:after,.singlePanel-heading:before,.spot-description:after,.spotTab-list:after,.tags-tag:before,.tags:after,.ticket-label:before {
	content:''
}
@media screen and (max-width:767px) {
	.relatedFiles {
	margin-top:10px
}
.relatedFiles>dt {
	width:90px;
	padding:10px 5px;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:-.05em
}
.relatedFiles>dd {
	padding:5px 10px;
	font-size:12px;
	font-size:1.2rem
}
.relatedFiles .icon-file {
	padding-top:45px
}
.relatedFiles .icon-file:before {
	width:40px;
	font-size:40px;
	font-size:4rem
}
.relatedFiles a {
	transition:none
}
.relatedFiles a:hover {
	opacity:1;
	text-decoration:underline
}
.relatedFiles-list>li:not(:last-child) {
	margin-bottom:5px
}
}.routeMap {
	padding:5px;
	background-color:#fff;
	transform:translate3d(0,0,0)
}
.routePanel,.singlePanel {
	-webkit-transform:translate3d(0,0,0)
}
.routeMap-map {
	width:256px;
	height:256px;
	background:#ccc
}
.routeMap-text {
	padding:5px 0;
	text-align:right;
	font-size:12px;
	font-size:1.2rem
}
.routeMap-text>a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.routeMap-text>a:hover {
	opacity:.7;
	text-decoration:none
}
@media screen and (max-width:767px) {
	.routeMap {
	padding:4px
}
.routeMap-map {
	width:auto;
	height:292px
}
.routeMap-text>a {
	transition:none
}
.routeMap-text>a:hover {
	text-decoration:underline;
	opacity:1
}
}.routePanel {
	background-color:#fff;
	transform:translate3d(0,0,0);
	position:relative
}
.routePanel .timeLabel {
	top:-8px;
	left:10px
}
.routePanel-image {
	border-radius:5px 5px 0 0;
	overflow:hidden
}
.routePanel-image>a {
	background-position:50% 50%;
	background-repeat:none;
	background-size:cover
}
.routePanel-thumbnail {
	transition:opacity .2s ease-out
}
.routePanel-thumbnail:hover {
	opacity:.7
}
.routePanel-text {
	padding:15px
}
.routePanel-title {
	display:block;
	margin:0 0 10px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	color:inherit;
	transition:color .2s ease-out
}
.routePanel-title:hover {
	color:#9d783c
}
.routePanel-content {
	font-size:13px;
	font-size:1.3rem
}
@media screen and (max-width:767px) {
	.routePanel {
	margin-bottom:4px;
	border-radius:5px
}
.routePanel .timeLabel {
	top:-4px
}
.routePanel-thumbnail:hover {
	opacity:1
}
.routePanel-text {
	padding:10px
}
.routePanel-title {
	margin-bottom:5px;
	font-size:15px;
	font-size:1.5rem;
	transition:none
}
.routePanel-title:hover {
	color:inherit
}
}.select,.singlePanel-link,.singleTable-link,.smallPanel-image a {
	transition:opacity .2s ease-out
}
.search {
	position:relative;
	background:#f5f5f5;
	border-radius:20px;
	overflow:hidden;
	border:1px solid #c8c8c8
}
.search:before {
	height:20px;
	position:absolute;
	top:0;
	bottom:0;
	left:8px;
	margin:auto;
	color:#adadad;
	font-size:20px;
	font-size:2rem
}
.search-input {
	display:block;
	width:100%;
	height:32px;
	padding:0 0 0 40px;
	background:0 0;
	border:none;
	appearance:none;
	font-size:14px;
	font-size:1.4rem
}
@media screen and (max-width:767px) {
	.search {
	border:none;
	box-shadow:0 0 1px #c8c8c8
}
}.select {
	width:280px;
	background:#f5f5f5;
	border-radius:20px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	overflow:hidden
}
.select:before {
	height:15px;
	position:absolute;
	top:2px;
	right:10px;
	bottom:0;
	margin:auto
}
.select:after {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	border:1px solid #c8c8c8;
	border-radius:20px
}
.select>select {
	width:150%;
	height:32px;
	padding:0 15px;
	position:relative;
	z-index:1;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:transparent;
	border:none;
	outline:0
}
.select>select:focus option {
	outline:0;
	background:0 0
}
.select>select.is-unselected {
	color:#999
}
.select>select::-ms-expand {
	display:none
}
.select.is-invalid {
	background:#fff0f0
}
.select.is-invalid:after {
	border-width:3px;
	border-color:#ed8077
}
.select.is-disabled {
	opacity:.4
}
.singlePanel-link:hover,.singleTable-link:hover,.smallPanel-image a:hover {
	opacity:.7
}
@media screen and (max-width:767px) {
	.select {
	width:100%;
	font-size:13px;
	font-size:1.3rem
}
}.separatedTable {
	width:100%;
	display:table;
	table-layout:fixed
}
.separatedTable--td {
	display:table-cell;
	padding:0 20px;
	border-right:1px solid #c7c7c7;
	font-size:14px;
	font-size:1.4rem
}
.separatedTable--td:first-child {
	padding:0 20px 0 0
}
.separatedTable--td:last-child {
	padding:0 0 0 20px;
	border:none
}
.separatedTable--title {
	font-weight:700
}
.separatedTable--text {
	line-height:21px
}
.separatedTable--textSmall {
	font-size:12px;
	font-size:1.2rem;
	line-height:18px
}
@media screen and (max-width:767px) {
	.separatedTable--td {
	display:block;
	padding:17px 0 15px;
	border-right:none;
	border-bottom:1px solid #c7c7c7
}
.separatedTable--td:first-child {
	padding:0 0 15px
}
.separatedTable--td:last-child {
	padding:17px 0 0;
	border:none
}
.separatedTable--title {
	font-size:13px;
	font-size:1.3rem
}
.separatedTable--text {
	font-size:12px;
	font-size:1.2rem
}
}.singlePanel {
	display:table;
	width: 90%;
	table-layout:fixed;
	padding:30px 40px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	transform:translate3d(0,0,0);
}
.singlePanel-inner-box {
	margin:0 0 30px
}
.singlePanel-text {
	display:table-cell;
	width:100%;
	vertical-align:top
}
.singlePanel-title {
	display:block;
	margin:0 0 15px;
	font-size:19px;
	font-size:1.9rem;
	font-weight:700
}
.singlePanel-description {
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 25px;
	line-height:1.6
}
.singlePanel-description:last-child {
	margin:0
}
.singlePanel-link {
	padding-left:1rem;
	color:#9d783c
}
.singlePanel-link a {
	text-decoration:underline
}
.singlePanel-link a:hover {
	text-decoration:none
}
.singlePanel-link .icon-link:before {
	padding:0 0 0 5px
}
.singlePanel--light {
	background:#f8f6f0
}
.singlePanel--feature {
	padding:0 0 60px;
	background:#dfd5c3
}
.singlePanel-header {
	padding:0 0 35px;
	position:relative;
	line-height:1;
	text-align:center
}
.singlePanel-header--feature {
	padding:36px 0 38px
}
.singlePanel-header--feature:after {
	display:block;
	clear:both
}
.singlePanel-heading {
	position:relative;
	font-size:26px;
	font-size:2.6rem;
	color:#9d783c;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.singlePanel-heading:before {
	display:block;
	width:100%;
	height:2px;
	background:#d1c0a4;
	position:absolute;
	left:0;
	bottom:calc(50% - 16px)
}
.singlePanel-headingInner {
	display:inline-block;
	padding:30px 15px 0;
	position:relative;
	background:#fff
}
.singlePanel .singlePanel-headingInner {
	background:#fff
}
.singlePanel--light .singlePanel-headingInner {
	background:#f8f6f0
}
.singlePanel-headingInner:before {
	display:block;
	height:20px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto;
	font-size:26px;
	font-size:2.6rem
}
.singlePanel-headingInner[class*=icon-transportation] {
	padding:33px 15px 0
}
.singlePanel-headingInner[class*=icon-transportation]:before {
	font-size:28px;
	font-size:2.8rem;
	font-weight:700
}
.singlePanel-subheading {
	margin:5px 0 0;
	font-size:18px;
	font-size:1.8rem;
	color:#9d783c
}
.singlePanel-button {
	position:absolute;
	right:0;
	bottom:20px
}
.singlePanel-button--feature {
	display:inline-block;
	float:right;
	position:relative;
	z-index:2
}
@media screen and (max-width:767px) {
	.singlePanel {
	padding:10px
}
.singlePanel-inner-box {
	margin:20px 0 0
}
.singlePanel-inner-box:first-child {
	margin-top:0
}
.singlePanel-image {
	width:70px
}
.singlePanel-title {
	margin:0 0 5px;
	font-size:13px;
	font-size:1.3rem
}
.singlePanel-description {
	font-size:12px;
	font-size:1.2rem;
	margin:0 0 24px;
	padding-left:1rem;
	text-indent:-1rem
}
.singlePanel-description>dt {
	float:none
}
.singlePanel-description>dd {
	padding:0
}
.singlePanel-description>dd:not(:last-of-type) {
	padding-bottom:10px
}
.singlePanel-link {
	padding-left:0
}
.singlePanel--feature {
	padding:0 0 25px
}
.singlePanel-header {
	padding-bottom:10px
}
.singlePanel-header--feature {
	padding:40px 0 0
}
.singlePanel-heading {
	font-size:18px;
	font-size:1.8rem
}
.singlePanel-heading:before {
	background:#d1c0a4;
	bottom:calc(50% - 12px)
}
.singlePanel-headingInner {
	display:inline-block;
	padding:18px 10px 0;
	position:relative
}
.singlePanel-headingInner:before {
	height:16px;
	font-size:18px;
	font-size:1.8rem
}
.singlePanel-headingInner[class*=icon-transportation] {
	padding:22px 15px 0
}
.singlePanel-headingInner[class*=icon-transportation]:before {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700
}
.singlePanel-subheading {
	margin-top:3px;
	font-size:13px;
	font-size:1.3rem
}
.singlePanel-button {
	margin-top:20px;
	position:static;
	text-align:center
}
}.singleTable {
	display:table;
	width:100%;
	background:#fff
}
.singleTable.singleTable-address .singleTable-cell--store {
	width:318px
}
.singleTable.singleTable-address .singleTable-cell--type {
	width:auto;
	text-align:left
}
.singleTable-row {
	display:table-row
}
.singleTable-row.thead {
	background:#f2fbf8
}
.singleTable-cell {
	display:table-cell;
	border:1px solid #c8c8c8
}
.thead .singleTable-cell {
	height:50px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	vertical-align:middle;
	text-align:center
}
.singleTable-cell:first-child {
	border-left:none
}
.singleTable-cell:last-child {
	border-right:none
}
.singleTable-row:first-child .singleTable-cell {
	border-top:none
}
.singleTable-cell--address,.singleTable-cell--exchange,.singleTable-cell--language,.singleTable-cell--store,.singleTable-cell--time,.singleTable-cell--type,.singleTable-cell--url {
	display:table-cell;
	font-size:14px;
	font-size:1.4rem;
	vertical-align:top;
	padding:20px;
	border:1px solid #c8c8c8
}
.singleTable-cell--address:first-child,.singleTable-cell--exchange:first-child,.singleTable-cell--language:first-child,.singleTable-cell--store:first-child,.singleTable-cell--time:first-child,.singleTable-cell--type:first-child,.singleTable-cell--url:first-child {
	border-left:none
}
.singleTable-cell--address:last-child,.singleTable-cell--exchange:last-child,.singleTable-cell--language:last-child,.singleTable-cell--store:last-child,.singleTable-cell--time:last-child,.singleTable-cell--type:last-child,.singleTable-cell--url:last-child {
	border-right:none
}
.singleTable-row:last-child .singleTable-cell--address,.singleTable-row:last-child .singleTable-cell--exchange,.singleTable-row:last-child .singleTable-cell--language,.singleTable-row:last-child .singleTable-cell--store,.singleTable-row:last-child .singleTable-cell--time,.singleTable-row:last-child .singleTable-cell--type,.singleTable-row:last-child .singleTable-cell--url {
	border-bottom:none
}
.singleTable-cell--store {
	width:200px
}
.singleTable-cell--type {
	width:85px;
	text-align:center
}
.singleTable-cell--address {
	width:240px
}
.singleTable-cell--time {
	width:177px
}
.singleTable-cell--language {
	width:120px;
	text-align:center
}
.singleTable-description>dt {
	display:none
}
.singleTable-link {
	color:#9d783c
}
.singleTable-link a {
	text-decoration:underline
}
.singleTable-link a:hover {
	text-decoration:none
}
.singleTable-link .icon-link:before {
	padding:0 0 0 5px
}
@media screen and (max-width:767px) {
	.singleTable,.singleTable-row {
	display:block;
	padding:10px
}
.singleTable-cell--language,.singleTable-cell--type {
	width:auto;
	text-align:left
}
.singleTable-row {
	background:#f5f5f5
}
.singleTable-row:not(:last-child) {
	margin-bottom:10px
}
.singleTable-row.thead {
	display:none
}
.singleTable-cell {
	display:block
}
.singleTable-cell--address,.singleTable-cell--exchange,.singleTable-cell--language,.singleTable-cell--store,.singleTable-cell--time,.singleTable-cell--type,.singleTable-cell--url {
	display:block;
	font-size:13px;
	font-size:1.3rem;
	padding:0;
	border:none
}
.singleTable-cell--address:not(:last-of-type),.singleTable-cell--exchange:not(:last-of-type),.singleTable-cell--language:not(:last-of-type),.singleTable-cell--store:not(:last-of-type),.singleTable-cell--time:not(:last-of-type),.singleTable-cell--type:not(:last-of-type),.singleTable-cell--url:not(:last-of-type) {
	padding-bottom:10px
}
.singleTable-cell--store {
	width:auto
}
.singleTable-cell--type {
	padding:0
}
.singleTable-cell--address,.singleTable-cell--exchange,.singleTable-cell--time,.singleTable-cell--url {
	width:auto
}
.singleTable-description {
	font-size:13px;
	font-size:1.3rem
}
.singleTable-description>dt {
	display:block;
	font-weight:700
}
}.smallPanel {
	display:table;
	width:100%;
	table-layout:fixed;
	padding:15px;
	background:#fff
}
.smallPanel-image,.smallPanel-text {
	display:table-cell;
	vertical-align:top
}
.smallPanel.is-ended .smallPanel-list .icon-calendar {
	color:#adadad!important
}
.smallPanel-image {
	width:60px
}
.smallPanel-text {
	width:100%;
	padding:0 0 0 10px
}
.smallPanel-title {
	display:block;
	margin:0 0 5px;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	color:inherit;
	line-height:1.3
}
.smallPanel-list {
	font-size:11px;
	font-size:1.1rem;
	color:#00b177
}
.smallPanel-list>li:before {
	padding:0 5px 0 0
}
.snsButtonList,.snsButtonList--single {
	display:inline-block;
	overflow:hidden;
	margin:0 -10px -5px 0;
	line-height:0
}
.snsButtonList iframe,.snsButtonList--single iframe {
	border:none
}
.snsButtonList__item {
	float:left;
	margin:0 10px 0 0;
	overflow:hidden
}
.snsButtonList__item .fb-share-button,.snsButtonList__item .fb_iframe_widget {
	line-height:0
}
.souvenirArrow--next,.souvenirArrow--prev {
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
	margin-top:-20px;
	background:#333;
	position:fixed;
	top:-9999px;
	opacity:0;
	z-index:10;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	text-align:center
}
.is-souvenirDetail-open.is-souvenirArrow-visible .souvenirArrow--next,.is-souvenirDetail-open.is-souvenirArrow-visible .souvenirArrow--prev {
	transition:opacity .2s ease-out .8s,-webkit-transform .6s cubic-bezier(.23,1,.32,1) .8s;
	transition:opacity .2s ease-out .8s,transform .6s cubic-bezier(.23,1,.32,1) .8s;
	opacity:1
}
.is-souvenirArrow-visible .souvenirArrow--next,.is-souvenirArrow-visible .souvenirArrow--prev {
	transition:opacity .2s ease-out;
	opacity:0;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.souvenirArrow--next a,.souvenirArrow--prev a {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	transition:opacity .2s ease-out
}
.souvenirArrow--next a:hover,.souvenirArrow--prev a:hover {
	opacity:.7
}
.souvenirArrow--prev {
	left:50%;
	margin-left:-390px;
	-webkit-transform:translate3d(-30px,0,0);
	transform:translate3d(-30px,0,0)
}
.souvenirArrow--prev a {
	padding-right:2px
}
.souvenirArrow--next {
	right:50%;
	margin-right:-390px;
	-webkit-transform:translate3d(30px,0,0);
	transform:translate3d(30px,0,0)
}
.souvenirArrow--next a {
	padding-left:2px
}
@media screen and (max-width:767px) {
	.souvenirArrow--next,.souvenirArrow--prev {
	width:30px;
	height:30px;
	margin-top:-15px;
	font-size:13px;
	font-size:1.3rem
}
.souvenirArrow--next a,.souvenirArrow--prev a {
	width:30px;
	height:30px;
	line-height:30px;
	color:#fff
}
.souvenirArrow--next a:hover,.souvenirArrow--prev a:hover {
	opacity:1
}
.souvenirArrow--prev {
	left:5px;
	margin-left:0
}
.souvenirArrow--next {
	right:5px;
	margin-right:0
}
}.spinner {
	display:block;
	width:40px;
	height:40px;
	border-radius:100%;
	border-top:1px solid #545a6a;
	border-bottom:1px solid #d4d4db;
	border-left:1px solid #545a6a;
	border-right:1px solid #d4d4db;
	opacity:0;
	position:absolute;
	top:100px;
	right:0;
	left:0;
	margin:auto
}
.spot,.spotPanel {
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.1)
}
.spinner.is-processing {
	-webkit-animation:rotate .6s linear infinite;
	animation:rotate .6s linear infinite;
	opacity:.5
}
@-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotateZ(-360deg);
	transform:rotateZ(-360deg)
}
100%,99% {
	-webkit-transform:rotateZ(0);
	transform:rotateZ(0)
}
}@keyframes rotate {
	0% {
	-webkit-transform:rotateZ(-360deg);
	transform:rotateZ(-360deg)
}
100%,99% {
	-webkit-transform:rotateZ(0);
	transform:rotateZ(0)
}
}.spot {
	padding:20px 40px 40px;
	position:relative;
	background-color:#fff;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.spot:not(:last-child) {
	margin:0 0 30px
}
.spot-index--2h,.spot-index--3h {
	display:block;
	width:62px;
	height:90px;
	padding:35px 16px 0 0;
	font-family:"Roboto Thin",sans-serif;
	font-weight:100;
	font-size:40px;
	font-size:4rem;
	line-height:.7;
	color:#fff;
	text-align:center;
	position:absolute;
	top:-12px;
	left:30px;
	background-position:0 0;
	background-repeat:no-repeat
}
.spot-index--2h {
	background-image:url(/assets/themes/yokanavi/img/label/label_2h.png)
}
.spot-index--3h {
	background-image:url(/assets/themes/yokanavi/img/label/label_3h.png)
}
.spot-heading {
	padding:0 0 0 55px;
	margin:0 0 40px;
	font-size:28px;
	font-size:2.8rem;
	font-weight:700
}
.spot-inner {
	display:table;
	width:100%;
	table-layout:fixed
}
.spot-image,.spot-text {
	display:table-cell;
	vertical-align:top
}
.spot-image {
	width:380px
}
.spot-text {
	width:100%;
	padding:0 0 0 20px
}
.spot-text>p {
	margin:0 0 15px;
	line-height:1.6
}
.spot-description {
	padding:20px;
	background:#f5f5f5;
	font-size:14px;
	font-size:1.4rem
}
.spot-description:after {
	display:block;
	clear:both
}
.spot-description:not(:last-child) {
	margin:0 0 30px
}
.spot-description.is-vertical>dt {
	float:none;
	margin:0 0 5px
}
.spot-description.is-vertical>dd {
	padding:0
}
.spot-description>dt {
	float:left;
	font-weight:700
}
.spot-description>dd {
	padding:0 0 0 60px
}
.spot-description>dd:not(:last-child) {
	margin:0 0 20px
}
.spot-description>dd a {
	text-decoration:underline;
	transition:opacity .2s ease-out
}
.spot-description>dd a:hover {
	opacity:.7;
	text-decoration:none
}
@media screen and (max-width:767px) {
	.spot {
	padding:10px
}
.spot:not(:last-child) {
	margin-bottom:10px
}
.spot-index--2h,.spot-index--3h {
	width:33px;
	height:46px;
	padding:15px 9px 0 0;
	font-size:18px;
	font-size:1.8rem;
	top:-6px;
	left:5px;
	background-size:33px 46px
}
.spot-image,.spot-text {
	display:block;
	width:auto
}
.spot-index--2h {
	background-image:url(/assets/themes/yokanavi/img/label/label_2h_mobile.png)
}
.spot-index--3h {
	background-image:url(/assets/themes/yokanavi/img/label/label_3h_mobile.png)
}
.spot-heading {
	margin-bottom:12px;
	padding-left:30px;
	font-size:16px;
	font-size:1.6rem
}
.spot-description:not(:last-child),.spot-description>dd:not(:last-child),.spot-image,.spot-text>p {
	margin-bottom:10px
}
.spot-inner {
	display:block
}
.spot-text {
	padding-left:0
}
.spot-text>p {
	font-size:13px;
	font-size:1.3rem
}
.spot-description {
	padding:10px;
	font-size:12px;
	font-size:1.2rem
}
.spot-description>dt {
	float:none;
	font-size:13px;
	font-size:1.3rem
}
.spot-description>dd {
	padding-left:0
}
.spot-description>dd a {
	transition:none
}
.spot-description>dd a:hover {
	opacity:1;
	text-decoration:none
}
}.spotMap {
	display:none
}
@media screen and (max-width:767px) {
	.spotMap {
	display:block;
	width:100%!important;
	height:200px!important;
	margin-bottom:10px
}
}.spotPanel {
	background-color:#fff;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	position:relative
}
.spotPanel-image {
	border-radius:5px 5px 0 0;
	overflow:hidden;
	position:relative
}
.spotPanel-taxFreeIcon {
	position:absolute;
	right:10px;
	bottom:10px;
	background-image:url(/assets/themes/yokanavi/img/spritesheet.png);
	background-position:-286px -102px;
	width:52px;
	height:52px
}
html:lang(ja) .spotPanel-taxFreeIcon {
	display:none
}
.spotPanel-thumbnail {
	transition:opacity .2s ease-out
}
.spotPanel-thumbnail:hover {
	opacity:.7
}
.spotPanel-text {
	padding:15px
}
.spotPanel-title {
	display:block;
	margin:0 0 5px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	color:inherit;
	transition:color .2s ease-out
}
.spotPanel-title:hover {
	color:#9d783c
}
.spotPanel-content {
	font-size:13px;
	font-size:1.3rem
}
.spotPanel-location {
	display:none
}
@media screen and (max-width:767px) {
	.spotPanel-taxFreeIcon,.spotPanel.is-new:before {
	background-image:url(/assets/themes/yokanavi/img/spritesheet.mobile.png);
	background-size:198px 151px
}
.spotPanel.is-new:before {
	background-position:-33px -105px;
	width:38px;
	height:38px
}
.spotPanel-image {
	border-radius:5px 5px 0 0;
	overflow:hidden
}
.spotPanel-taxFreeIcon {
	right:5px;
	bottom:5px;
	background-position:-151px -47px;
	width:40px;
	height:40px
}
.spotPanel-thumbnail {
	opacity:1
}
.spotPanel-text {
	padding:10px
}
.spotPanel-title {
	font-size:14px;
	font-size:1.4rem
}
.spotPanel-title:hover {
	color:inherit
}
.spotPanel-content {
	display:none
}
.spotPanel-location {
	display:block;
	font-size:11px;
	font-size:1.1rem;
	color:#00b177
}
}.spotTab {
	margin:0 0 60px
}
.spotTab-list {
	margin:0 0 0 -2px
}
.spotTab-list:after {
	display:block;
	clear:both
}
.spotTab-list>li {
	width:20%;
	padding:0 0 0 2px;
	float:left
}
.spotTab-item--gourmet,.spotTab-item--play,.spotTab-item--shopping,.spotTab-item--sightseeing,.spotTab-item--stay {
	display:block;
	padding:25px 0;
	background:#b2b2b2;
	font-weight:700;
	color:#fff;
	text-align:center;
	box-shadow:inset 0 -1px 2px rgba(0,0,0,.2);
	transition:opacity .2s ease-out,background .2s ease-out;
	font-size:20px;
	font-size:2rem;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.spotTab-item--gourmet:hover,.spotTab-item--play:hover,.spotTab-item--shopping:hover,.spotTab-item--sightseeing:hover,.spotTab-item--stay:hover {
	opacity:.7
}
.spotTab-item--gourmet:before,.spotTab-item--play:before,.spotTab-item--shopping:before,.spotTab-item--sightseeing:before,.spotTab-item--stay:before {
	display:inline-block;
	position:relative;
	top:4px;
	padding:0 10px 0 0;
	font-size:30px;
	font-size:3rem
}
.is-current.spotTab-item--gourmet,.is-current.spotTab-item--play,.is-current.spotTab-item--shopping,.is-current.spotTab-item--sightseeing,.is-current.spotTab-item--stay {
	position:relative;
	background:0 0;
	box-shadow:0 -1px 2px rgba(0,0,0,.1)
}
.is-current.spotTab-item--gourmet:after,.is-current.spotTab-item--play:after,.is-current.spotTab-item--shopping:after,.is-current.spotTab-item--sightseeing:after,.is-current.spotTab-item--stay:after {
	display:block;
	content:'';
	width:100%;
	height:3px;
	position:absolute;
	top:0;
	left:0
}
.spotTab-item--sightseeing.is-current {
	color:#ed8077
}
.spotTab-item--sightseeing.is-current:after {
	background:#ed8077
}
.spotTab-item--play.is-current {
	color:#dc8c00
}
.spotTab-item--play.is-current:after {
	background:#dc8c00
}
.spotTab-item--gourmet.is-current {
	color:#50abbf
}
.spotTab-item--gourmet.is-current:after {
	background:#50abbf
}
.spotTab-item--shopping.is-current {
	color:#6eaa32
}
.spotTab-item--shopping.is-current:after {
	background:#6eaa32
}
.spotTab-item--stay.is-current {
	color:#785078
}
.spotTab-item--stay.is-current:after {
	background:#785078
}
@media screen and (max-width:767px) {
	.spotTab {
	margin-bottom:10px
}
.spotTab-item--gourmet,.spotTab-item--play,.spotTab-item--shopping,.spotTab-item--sightseeing,.spotTab-item--stay {
	padding:10px 0 5px;
	font-size:13px;
	font-size:1.3rem
}
.spotTab-item--gourmet:hover,.spotTab-item--play:hover,.spotTab-item--shopping:hover,.spotTab-item--sightseeing:hover,.spotTab-item--stay:hover {
	opacity:1
}
.spotTab-item--gourmet:before,.spotTab-item--play:before,.spotTab-item--shopping:before,.spotTab-item--sightseeing:before,.spotTab-item--stay:before {
	display:block;
	height:18px;
	padding-right:0;
	top:0;
	font-size:16px;
	font-size:1.6rem
}
}.tagList {
	min-height:30px;
	margin:0 0 30px;
	position:relative;
	text-align:center
}
.tagList-text {
	position:absolute;
	top:0;
	left:0;
	line-height:30px;
	font-size:14px;
	font-size:1.4rem
}
.tagList-list {
	display:inline-block;
	margin:-5px 0 0;
	font-size:0
}
.tagList-list>li {
	display:inline-block;
	padding:5px
}
.tagList-slash {
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	color:#333
}
.tagList-tag {
	display:block;
	padding:4px 10px;
	font-size:14px;
	font-size:1.4rem;
	color:#00b177;
	border:1px solid
}
@media screen and (max-width:767px) {
	.tagList {
	min-height:24px;
	margin-bottom:10px;
	font-size:0
}
.tagList-text {
	position:static;
	line-height:1.5;
	font-size:13px;
	font-size:1.3rem
}
.tagList-list>li {
	padding:5px 3px 5px 2px
}
.tagList-slash {
	font-size:12px;
	font-size:1.2rem;
	padding:0 3px 0 2px
}
.tagList-tag {
	display:block;
	padding:2px 4px;
	font-size:12px;
	font-size:1.2rem
}
}.tags {
	margin:-3px 0 14px
}
.tags:after {
	display:block;
	clear:both
}
.tags:last-child {
	margin-bottom:0
}
.tags>li {
	float:left;
	padding:3px 10px 3px 0;
	line-height:1
}
.tags-tag {
	display:block;
	position:relative;
	padding:0 0 3px;
	line-height:1.2
}
.tags-tag:before {
	display:block;
	width:100%;
	height:3px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
	background:#8a8a8a;
	transition:height .2s ease-out,background .2s ease-out
}
.tags-tag:hover:before {
	background:#9d783c;
	height:100%
}
.tags-text,.tags-text--large {
	color:#8a8a8a;
	transition:color .2s ease-out;
	position:relative;
	z-index:1
}
a:hover .tags-text,a:hover .tags-text--large {
	color:#fff
}
.tags-text {
	font-size:12px;
	font-size:1.2rem
}
.tags-text--large {
	font-size:14px;
	font-size:1.4rem
}
@media screen and (max-width:767px) {
	a:hover .tags-text,a:hover .tags-text--large {
	color:#8a8a8a
}
.tags {
	margin:-3px 0 4px
}
.tags-tag {
	line-height:1
}
.tags-tag:before {
	height:2px;
	transition:none
}
.tags-tag:hover:before {
	background:#8a8a8a;
	height:2px
}
.tags-text {
	font-size:11px;
	font-size:1.1rem;
	transition:none
}
.tags-text--large {
	font-size:12px;
	font-size:1.2rem;
	transition:none
}
}.ticket-detail a,.topRecommend {
	transition:opacity .2s ease-out
}
.textarea {
	display:block;
	width:100%;
	height:140px;
	padding:14px 18px;
	background:#f5f5f5;
	border:1px solid #c8c8c8;
	border-radius:20px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	outline:0;
	resize:none
}
.textarea.is-invalid {
	padding-right:16px;
	padding-left:16px;
	background:#fff0f0;
	border-width:3px;
	border-color:#ed8077
}
.thumbnail--feature,.thumbnail--file,.thumbnail--route,.thumbnail--spot,.thumbnail--square {
	display:block;
	position:relative;
	background:#f5f5f5
}
.thumbnail--feature>img,.thumbnail--file>img,.thumbnail--route>img,.thumbnail--spot>img,.thumbnail--square>img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:100%;
	max-height:100%
}
.thumbnail--clip {
	overflow:hidden
}
.thumbnail--clip>img {
	left:50%;
	max-width:none;
	height:100%;
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.thumbnail--square {
	padding-top:100%
}
.thumbnail--feature,.thumbnail--route {
	padding-top:71.0526315789%
}
.thumbnail--spot {
	padding-top:75%
}
.thumbnail--file {
	padding-top:74%
}
@media screen and (max-width:767px) {
	.thumbnail--feature,.thumbnail--route {
	padding-top:225px
}
}.ticket {
	background:#f0f0f0;
	position:relative
}
.ticket-label {
	width:70px;
	height:70px;
	padding:8px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	font-family:"Roboto Regular",sans-serif;
	font-size:0;
	color:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.ticket-label:before {
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	border-style:solid;
	border-width:70px 70px 0 0;
	border-color:#00b177 transparent transparent
}
.ticket-label-number,.ticket-label-unit {
	display:inline-block;
	vertical-align:top;
	line-height:1
}
.ticket-label-number {
	margin-top:-3px;
	position:relative;
	z-index:1;
	font-size:32px;
	font-size:3.2rem
}
.ticket-label-unit {
	position:relative;
	z-index:1;
	font-size:10px;
	font-size:1rem
}
.ticket-content {
	padding:10px
}
.ticket-content-inner {
	min-height:427px;
	padding:0 18px 18px;
	border:4px solid #9d783c;
	position:relative
}
.ticket-title {
	margin:0 0 10px;
	padding:20px 0;
	border-bottom:4px solid;
	font-size:20px;
	font-size:2rem;
	color:#9d783c;
	line-height:1.2;
	text-align:center
}
.ticket-price {
	padding:0 0 295px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6
}
.ticket-price>dt {
	font-weight:700
}
.ticket-detail {
	padding:20px;
	background:#fff;
	position:absolute;
	right:20px;
	bottom:20px;
	left:20px;
	font-size:14px;
	font-size:1.4rem
}
.ticket-detail>dt {
	font-weight:700
}
.ticket-detail>dd:not(:last-child) {
	margin-bottom:10px
}
.ticket-detail a {
	text-decoration:underline
}
.ticket-detail a:hover {
	opacity:.7;
	text-decoration:none
}
.ticket-type {
	line-height:60px;
	background:#dcdcdc;
	font-family:"Dancing Script",cursive;
	font-size:26px;
	font-size:2.6rem;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
	text-align:center
}
@media screen and (max-width:767px) {
	.ticket-label {
	width:50px;
	height:50px;
	padding:6px 0 0 3px
}
.ticket-label:before {
	border-width:50px 50px 0 0
}
.ticket-label-number {
	font-size:22px;
	font-size:2.2rem
}
.ticket-label-unit {
	font-size:7px;
	font-size:.7rem
}
.ticket-content {
	padding:5px
}
.ticket-content-inner {
	min-height:0;
	padding:0 8px 8px;
	border-width:2px
}
.ticket-title {
	padding:12px 0;
	border-width:2px;
	font-size:16px;
	font-size:1.6rem
}
.ticket-price {
	padding-bottom:0;
	margin-bottom:10px;
	font-size:13px;
	font-size:1.3rem;
	line-height:2
}
.ticket-detail {
	padding:10px;
	position:static
}
.ticket-detail>dt {
	font-size:13px;
	font-size:1.3rem
}
.ticket-detail>dd {
	font-size:12px;
	font-size:1.2rem
}
.ticket-detail a:hover {
	text-decoration:underline;
	opacity:1
}
.ticket-type {
	line-height:42px;
	font-size:20px;
	font-size:2rem
}
}.timeLabel--2h,.timeLabel--3h {
	display:block;
	padding:10px 12px;
	background:#fff;
	line-height:1;
	border-top:2px solid;
	position:absolute;
	z-index:1;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700
}
.timeLabel--2h {
	color:#50afc3
}
.timeLabel--3h {
	color:#dc8c00
}
@media screen and (max-width:767px) {
	.routePanel-label--2h,.timeLabel--3h {
	padding:8px 12px;
	top:-5px;
	font-size:10px;
	font-size:1rem
}
}.toggleDraggable {
	display:none;
	width:40px;
	height:40px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:40px 40px;
	background-image:url(/assets/themes/yokanavi/img/map/icon_lock.gif)
}
.toggleDraggable:before {
	display:none;
	content:url(/assets/themes/yokanavi/img/map/icon_lock.gif)
}
.toggleDraggable.is-locked {
	background-image:url(/assets/themes/yokanavi/img/map/icon_lock_locked.gif)
}
.topRecommend {
	min-height:803px;
	margin:-113px 0 0;
	position:relative;
	box-sizing:content-box;
	opacity:0
}
.topRecommend.is-initialized {
	opacity:1
}
.topRecommend-timezone {
	position:absolute;
	top:121px;
	left:25px;
	z-index:2;
	opacity:0;
	transition:opacity .2s ease-out 1s
}
.topRecommend-timezone:after {
	display:block;
	content:'';
	clear:both
}
.has_session .topRecommend-timezone,.is-top-visible .topRecommend-timezone,.topRecommend-timezone .is-ie9 {
	opacity:1
}
.topRecommend-timezone>li {
	float:left;
	margin:0 10px 0 0
}
.topRecommend-timezone>li>a {
	display:block;
	min-width:30px;
	line-height:26px;
	padding:0 5px;
	border-radius:15px;
	border:2px solid #00b177;
	font-size:13px;
	font-size:1.3rem;
	color:#00b177;
	text-align:center;
	transition:background .2s ease-out
}
.topRecommend-timezone>li>a.is-current,.topRecommend-timezone>li>a:hover {
	background:#00b177;
	color:#fff
}
.topRecommend-recommend {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0;
	transition:opacity .6s ease-out
}
.topRecommend-recommend.is-selected {
	z-index:1;
	opacity:1
}
@media screen and (max-width:767px) {
	.toggleDraggable {
	display:block
}
.topRecommend {
	min-height:0;
	height:717px!important;
	padding-bottom:35px;
	margin-top:0;
	position:relative;
	overflow:hidden;
	box-sizing:border-box
}
.topRecommend-timezone {
	width:100%;
	top:0;
	left:0;
	border-top:1px solid #f5ebdc;
	border-bottom:1px solid #f5ebdc;
	opacity:1
}
.topRecommend-timezone>li {
	width:33.3333333333%;
	float:left;
	margin-right:0
}
.topRecommend-timezone>li:not(:last-child) {
	border-right:1px solid #f5ebdc
}
.topRecommend-timezone>li>a {
	width:100%;
	line-height:30px;
	background:#999;
	border-radius:0;
	border:none;
	font-size:11px;
	font-size:1.1rem;
	color:#fff;
	transition:none
}
.topRecommend-timezone>li>a.is-current,.topRecommend-timezone>li>a.is-current:hover {
	background:#00b177;
	color:#fff
}
.topRecommend-timezone>li>a:hover {
	background:#999;
	color:#fff
}
}div[class^=touchQR]>img {
	display:none
}
.is-touch .touchQR--bottom-left,.is-touch .touchQR--top-left,.is-touch .touchQR--top-right {
	position:relative;
	line-height:0
}
.is-touch .touchQR--bottom-left>img,.is-touch .touchQR--top-left>img,.is-touch .touchQR--top-right>img {
	display:block;
	position:absolute
}
.is-touch .touchQR--top-left>img {
	top:62px;
	left:16px
}
.is-touch .touchQR--top-right>img {
	top:62px;
	right:16px
}
.is-touch .touchQR--bottom-left>img {
	bottom:18px;
	left:16px
}
.l-information {
    margin-top: 5%;
}
.en.index_concept_header:after {
    content: "";
    display: block;
    width: 55px;
    height: 0px;
    margin: 8px 0px 15px 0px;
    border-top: 3px solid #108d6d;
}
.en.index_concept_header>span.zh{
  padding:0px 10px;
  font-size:16px;
}
img.infomap_jq {
    vertical-align: middle;
}
.brandBox .en {
    display: inline-block;
}
.brandBox .zh {
    display: inline-block;
    text-transform: uppercase;
}
.detail-bg.catel {
    height: 100%;
}
.detail_content .tbl_basic tr th,.detail_content .tbl_basic tr td {
    word-break: normal;
}
p.box-heading.spsx {
    margin: 0px 0px 15px 0px;
}
p.box-text.spsx {
    line-height: inherit;
    font-size: 14px;
}
.yzm {
    width: 100%!important;
    height: 40px!important;
}
.son_title {
    position: absolute;
    background: #ededed;
}
.tsrq p {
    font-size: 16px;
    text-indent: 30px;
    font-family: Microsoft YaHei;
    line-height: 2;
}