@charset 'UTF-8';

/* -------------------------------------------------------------------

    Update CSS

-------------------------------------------------------------------- */


/* 2018/03/26 hands-free-travel cartoon modal */

.cartoon {
  padding-bottom: 50px;
  margin-top: -50px;
}
.cartoon .cartoon--link  {
  text-align: center;
  letter-spacing: -.5em;
}
.cartoon .cartoon--link li {
  display: inline-block;
  float: none;
  letter-spacing: normal;
}
.cartoon .cartoon--link li a {
  line-height: 1.3;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 258px;
  padding: 0 10px;
  -webkit-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 10px;
  font-size: 150%;
}

.cartoon figure img{
  width: 100%;
}
.cartoon--title {
    font-size: 186%;
    font-weight: 700;
    line-height: 1.4;
    box-sizing: border-box;
    margin-bottom: 18px;
    color: #0b6d64;
    margin-bottom: 30px;
  text-align: center;
}
.booking_banner figcaption{
  font-size: 159%;
  margin-bottom: 15px;
}
.booking_banner img{
  max-width: 96%;
}

@media screen and (max-width: 760px){
  .cartoon {
    margin-top: 0;
  }
  .cartoon .cartoon--link li {
  width: 100%;
  float: none;
}
.cartoon--title {
  margin-top: 2em;
  font-size: 130%;
}
.cartoon ul {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.cartoon figure{
  text-align: center;
}
.cartoon figure img{
  width: 90%;
}
  .booking_banner figcaption{
  font-size: 128%;
  margin-bottom: 15px;
}
  .cartoon .cartoon--link li a {
    width: 100%;
    font-size: 128%;
  }
}

/* 2019/03/14 hands-free-travel men update */

.htf_visual img{
  max-width: 50%;
}

.lyt-travel-top-06 .inner .title
	{
	margin-top: 20px;
	}

#header #header-block-02 #header-block-02-inner #nav-global ul li{
	font-size:12px
	}

.nav-btn-02.type-global-btn.fix2.col-3 li
	{
	width: 22.9%!important;
	}

.nav-btn-02.type-global-btn.fix2.col-3.fixed li {
	width: 25%!important;
	}

.nav-btn-02.type-global-btn.fix2.col-3.fixed li:nth-child(3n) {
	margin-right: 0!important;
	}
.nav-btn-02.type-global-btn.fix2.col-3.fixed li:nth-child(4n) {
	margin-right: 0!important;
	}

.nav-btn-02.type-global-btn.fix2.col-3 li:nth-child(3n) {
	margin-right: 2.674% !important;
	}
.nav-btn-02.type-global-btn.fix2.col-3 li:nth-child(4n) {
	margin-right: 0!important;
	}


.nav-btn-02.type-global-btn.fix2 a:hover .icon-ob,
.nav-btn-02.type-global-btn.fix2 a:focus .icon-ob,
.nav-btn-02.type-global-btn.fix2 a:active .icon-ob,
.nav-btn-02.type-global-btn.fix2 button:hover .icon-ob,
.nav-btn-02.type-global-btn.fix2 button:focus .icon-ob,
.nav-btn-02.type-global-btn.fix2 button:active .icon-ob{
background-image: url(/assets/img/icon/icon_ob_01_on.png);
}

.nav-btn-02.type-global-btn.fix2.fixed li a span .text-inner,
.nav-btn-02.type-global-btn.fix2.fixed li button span .text-inner {
	font-size: 12px;
	height: 25px;
}

.nav-btn-02.type-global-btn.fix2 li:first-child a span .text-inner,
.nav-btn-02.type-global-btn.fix2 li:first-child button span .text-inner {
	top: -9px;
}

.nav-btn-02.type-global-btn.fix2.fixed li:first-child a span .text-inner,
.nav-btn-02.type-global-btn.fix2.fixed li:first-child button span .text-inner {
	top: -30%;
}


@media screen and (max-width: 829px) {
.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(2) a span .text-inner,
.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(2) button span .text-inner {
	top: -30%!important;
}
}

.nav-btn-02.type-global-btn.fix2 .icon-use {
	background-size:1.5em;
	background-position: 15px;
	height: 25px;
}

@media screen and (max-width: 1060px) {
.nav-btn-02.type-global-btn.fix2 .icon-use {
	height: auto;
	}
.nav-btn-02.type-global-btn.fix2 li:first-child a span .text-inner,
.nav-btn-02.type-global-btn.fix2 li:first-child button span .text-inner {
	top: 10%;
}
}
@media screen and (max-width: 760px){
.nav-btn-02.type-global-btn.fix2 li:first-child a span .text-inner,
.nav-btn-02.type-global-btn.fix2 li:first-child button span .text-inner {
	top: 50%!important;
	}
.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(even) a span .text-inner,
.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(even) button span .text-inner {
	top: 50%!important;
	}
}

.nav-btn-02.type-global-btn.fix2 .icon-counter {
	background-size:1.5em;
}
.nav-btn-02.type-global-btn.fix2 .icon-contact {
	background-size:1.5em;
}

.nav-btn-02.type-global-btn.fix2.fixed .icon-counter {
	height: 20px;
}
.nav-btn-02.type-global-btn.fix2.fixed .icon-use {
	height: 20px;
	background-position: 0 50%;
}
.nav-btn-02.type-global-btn.fix2.fixed .icon-contact {
	height: 20px;
}

.nav-btn-02.type-global-btn.fix2 .icon-ob {
	background-size: 1.5em;
	background-image: url(/assets/img/icon/icon_ob_01.png);
}

.nav-btn-02.type-global-btn.fix2.fixed .icon-ob {
	height: 20px;
	}


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

.htf_visual img{
	max-width: 90%;
}

.nav-btn-02.type-global-btn.fix2.col-3 li
	{
	width: 48.5%!important;
	margin-bottom: 10px!important;
	}
.nav-btn-02.type-global-btn.fix2.col-3 li:nth-child(even)
	{
	margin-right: 0!important;
	}
	.nav-btn-02.type-global-btn.fix2.fixed li
	{
    margin-right: 0 !important;
    margin-bottom: 0 !important;
	width: 24.5% !important;
}
.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(3n)
	{
    margin-right: 0 !important;
}

	.nav-btn-02.type-global-btn.fix2 .icon-ob {
	background-size: 1.5em;
    height: 20px;
	background-image: url(/assets/img/icon/icon_ob_01.png);
}
		.nav-btn-02.type-global-btn.fix2 a:hover .icon-ob,
    	.nav-btn-02.type-global-btn.fix2 a:focus .icon-ob,
    	.nav-btn-02.type-global-btn.fix2 a:active .icon-ob,
    	.nav-btn-02.type-global-btn.fix2 button:hover .icon-ob,
    	.nav-btn-02.type-global-btn.fix2 button:focus .icon-ob,
    	.nav-btn-02.type-global-btn.fix2 button:active .icon-ob
		{
        	background-image: url('/assets/img/icon/icon_ob_01.png');
		}

.nav-btn-02.type-global-btn.fix2.fixed li:first-child a span .text-inner,
.nav-btn-02.type-global-btn.fix2.fixed li:first-child button span .text-inner {
	top: 50%;
}

.nav-btn-02.type-global-btn.fix2 .icon-use {
	background-position: 50% 0 !important;
}
.nav-btn-02.type-global-btn.fix2 .icon-counter {
	background-position: 50% 0;
}
.nav-btn-02.type-global-btn.fix2 .icon-contact {
	background-position: 50% 0;
}
	}
.lyt-travel-top-06 .htf-image-01 img{
	width:40%;
}
.lyt-travel-top-06 .htf-image-01 {
	text-align: center;
	margin-top: 40px;
}

@media screen and (max-width: 1360px)
{
    #header #header-block-02 #header-block-02-inner #nav-global ul li
    {
		font-size: 12px;
    }

    .nav-btn-02.type-global-btn.fix2 .icon {
    height:50px;
    }
    .nav-btn-02.type-global-btn.fix2 a span .text-inner, .nav-btn-02.type-global-btn.fix2 button span .text-inner {
	font-size: 100%;
	}
	.nav-btn-02.type-global-btn.fix2 li:first-child a span .text-inner,
.nav-btn-02.type-global-btn.fix2 li:first-child button span .text-inner {
	top: 10%;
	}
	.nav-btn-02.type-global-btn.fix2 li:nth-child(even) a span .text-inner,
.nav-btn-02.type-global-btn.fix2 li:nth-child(even) button span .text-inner {
	top: 30%;
	}
	.nav-btn-02.type-global-btn.fix2 li:nth-child(3) a span .text-inner,
	.nav-btn-02.type-global-btn.fix2 li:nth-child(3) button span .text-inner {
	top: 30%;
	}
	.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(3) a span .text-inner,
	.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(3) button span .text-inner {
	top: 15%;
	}
	.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(even) a span .text-inner,
	.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(even) button span .text-inner {
	top: 15%;
	}
}


@media screen and (max-width: 1060px)
{
    #header #header-block-02 #header-block-02-inner #nav-global ul li
    {
		font-size: 12px !important;
    }
}

@media screen and (max-width: 951px) {
	.nav-btn-02.type-global-btn.fix2 li:nth-child(2) a span .text-inner,
	.nav-btn-02.type-global-btn.fix2 li:nth-child(2) button span .text-inner {
    top: 15%;
}
}

@media screen and (max-width: 912px){
	.nav-btn-02.type-global-btn.fix2 li:nth-child(even) a span .text-inner,
	.nav-btn-02.type-global-btn.fix2 li:nth-child(even) button span .text-inner {
    top: 10%;
}
	}

@media screen and (max-width: 781px) {
	.nav-btn-02.type-global-btn.fix2 li:nth-child(3) a span .text-inner,
	.nav-btn-02.type-global-btn.fix2 li:nth-child(3) button span .text-inner {
    top: 15%;
}
}


@media screen and (max-width: 791px) {
.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(4) a span .text-inner,
.nav-btn-02.type-global-btn.fix2.fixed li:nth-child(4) button span .text-inner {
	top: -30%;
}
}

@media screen and (max-width: 792px){
.nav-btn-02.type-global-btn.fix2 li:first-child a span .text-inner,
	.nav-btn-02.type-global-btn.fix2 li:first-child button span .text-inner {
		top:-10%;
	}
	}


@media screen and (max-width: 760px){
.lyt-travel-top-06 .htf-image-01 img{
	width:90%;
}
	.nav-btn-02.type-global-btn.fix2 li:nth-child(even) a span .text-inner,
.nav-btn-02.type-global-btn.fix2 li:nth-child(even) button span .text-inner {
	top: 50%;
	}
	.nav-btn-02.type-global-btn.fix2 li:nth-child(3) a span .text-inner,
	.nav-btn-02.type-global-btn.fix2 li:nth-child(3) button span .text-inner {
	top: 50%!important;
	}
	}

/* 2019/05/14 hands-free-travel scene01 */

@media screen and (max-width: 878px){
	.nav-btn-02.type-global-btn.scene01 li:first-child a.small .text-inner,
	.nav-btn-02.type-global-btn.scene01 li:first-child button.small .text-inner {
	top: 10px;
	}
	}

@media screen and (max-width: 760px){
	.nav-btn-02.type-global-btn.scene01 li:first-child a.small .text-inner,
	.nav-btn-02.type-global-btn.scene01 li:first-child button.small .text-inner {
	top: 50%;
	}
	}

@media screen and (max-width: 878px){
	.nav-btn-02.type-global-btn.scene01 li:nth-child(2) a.small .text-inner,
	.nav-btn-02.type-global-btn.scene01 li:nth-child(2) button.small .text-inner {
	top: 10px;
	}
	}

@media screen and (max-width: 760px){
	.nav-btn-02.type-global-btn.scene01 li:nth-child(2) a.small .text-inner,
	.nav-btn-02.type-global-btn.scene01 li:nth-child(2) button.small .text-inner {
	top: 50%;
	}
	}

@media screen and (max-width: 878px){
	.nav-btn-02.type-global-btn.scene01 li:nth-child(4) a.small .text-inner,
	.nav-btn-02.type-global-btn.scene01 li:nth-child(4) button.small .text-inner {
	top: 10px;
	}
	}

@media screen and (max-width: 833px){
	.nav-btn-02.type-global-btn.scene01 li:nth-child(4) a.small .text-inner,
	.nav-btn-02.type-global-btn.scene01 li:nth-child(4) button.small .text-inner {
	top: 0;
	}
	}

@media screen and (max-width: 760px){
	.nav-btn-02.type-global-btn.scene01 li:nth-child(4) a.small .text-inner,
	.nav-btn-02.type-global-btn.scene01 li:nth-child(4) button.small .text-inner {
	top: 50%;
	}
	}



/* 2019.05.28 htf_map update
--------------------------------------- */

.lyt-area-01 .box-area.shikoku {
	left: 385px;
    top: 470px;
}

.htf_map_hfix {
	height: 600px !important;
}


/* 2019.09 消費税10%対応
--------------------------------------- */
.fee-result-01.cashless .fee-result-price,
.fee-result-02.cashless .fee-result-price,
.fee-result-03.cashless .fee-result-price{
  background-color:#fecd2e!important;
  color:#333!important;
}

.fee-result-01.cashless .cashless,
.fee-result-02.cashless .cashless,
.fee-result-03.cashless .cashless{
  font-size:11px!important;
}

@media screen and (max-width: 760px) {
  .fee-result-01.cashless .cashless,
  .fee-result-02.cashless .cashless,
  .fee-result-03.cashless .cashless{
    font-size:12px!important;
  }
}

.fee-result-01.cashless dd,
.fee-result-02.cashless dd,
.fee-result-03.cashless dd{
  padding:3px!important;
  line-height:1.2!important;
}

.fee-result-01.cashless th,
.fee-result-02.cashless th,
.fee-result-03.cashless th{
  padding:10px 0 10px 5px;
  width:50%;
  font-weight:bold;
  vertical-align: middle;
}

.fee-result-01.cashless td,
.fee-result-02.cashless td,
.fee-result-03.cashless td{
  padding:10px 5px 10px 0;
  width:50%;
  text-align:right;
  font-weight:bold;
}

.fee-result-01.cashless .bg-white,
.fee-result-02.cashless .bg-white,
.fee-result-03.cashless .bg-white{
  background-color:#fff!important;
}

.fee-result-01.cashless .text-01 th,
.fee-result-02.cashless .text-01 th,
.fee-result-03.cashless .text-01 th,
.fee-result-01.cashless .text-01 td,
.fee-result-02.cashless .text-01 td,
.fee-result-03.cashless .text-01 td{
  padding-bottom:0!important;
}

.fee-result-01.cashless .text-02 td,
.fee-result-02.cashless .text-02 td,
.fee-result-03.cashless .text-02 td{
  padding-top:7px!important;
  padding-left:5px;
  font-size:11px;
  text-align:right!important;
  font-weight:normal!important;
}

.fee-result-01.cashless .cashless-text,
.fee-result-02.cashless .cashless-text,
.fee-result-03.cashless .cashless-text,
.fee-result-01.cashless .price-text,
.fee-result-02.cashless .price-text,
.fee-result-03.cashless .price-text{
  margin-right:3px;
  font-size:12px!important;
  display: inline-block;
  vertical-align: middle;
}

.fee-result-01.cashless .price-yen,
.fee-result-02.cashless .price-yen,
.fee-result-03.cashless .price-yen{
  font-size:10px!important;
}

.fee-result-02.cashless .cashless-text,
.fee-result-02.cashless .price-text,
.fee-result-02.cashless .price-yen,
.fee-result-03.cashless .cashless-text,
.fee-result-03.cashless .price-text,
.fee-result-03.cashless{
  margin-bottom:0!important;
}

.lyt-fee-calc-01 .cashless-text{
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.lyt-fee-calc-01 .cashless-text.active{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cashless .bg-white{
  font-size:12px;
}

.fee-result-note {
  font-size:12px;
  letter-spacing:0;
}

.lyt-fee-calc-01 .fee-result-01 .fee-result-note{
  margin:-25px 0 20px;
}

@media screen and (max-width: 760px) {
  .lyt-fee-calc-01 .fee-result-01 .fee-result-note{
    margin: 0 0 10px;
  }
}

.lyt-fee-calc-01 .fee-result-03 .fee-result-note{
  margin:16px 0 -20px;
  text-align:center;
}

@media screen and (max-width: 760px) {
  .lyt-fee-calc-01 .fee-result-03 .fee-result-note{
    margin: 16px 0 -16px;
  }
}

.tax-note {
  font-size: 86%;
  letter-spacing: 0;
}

.tax-note li {
  display: inline-block;
}

@media screen and (max-width: 760px) {
  .tax-note li {
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 769px) {
  .fee-result-01.cashless th,
  .fee-result-01.cashless td,
  .fee-result-02.cashless th,
  .fee-result-02.cashless td,
  .fee-result-03.cashless th,
  .fee-result-03.cashless td{
    width:100%!important;
    display:list-item!important;
    box-sizing:border-box!important;
    list-style: none;
  }

  .fee-result-01.cashless th,
  .fee-result-02.cashless th,
  .fee-result-03.cashless th{
    padding-bottom:2px!important;
  }

  .fee-result-01.cashless td,
  .fee-result-02.cashless td,
  .fee-result-03.cashless td{
    padding-top:0!important;
  }
}