@charset "UTF-8";
/*ALL*/
:root {
	--tC: #455978;
	--fW: bold;
	--fF: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
a {
	display: block;
}
.contentsBox2 {
	padding: 0 6.2%;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-line-pack: center;
	    align-content: center;
}
.flexB {
	width: 50%;
	padding: 3%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.tb {
	display: table;
}
.tc {
	display: table-cell;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.bgStar {
  background-image: url(https://www.his-j.com/smp/kanto/special/america/img/bg01.png);
  background-repeat: repeat;
  background-size: contain;
}
.bgStripe {
  background-image: url(https://www.his-j.com/smp/kanto/special/america/img/bg02.png);
  background-repeat: repeat;
  background-size: 500px 669px;
}
.bgStripe2 {
  background-image: url(https://www.his-j.com/smp/kanto/special/america/img/bg03.png);
  background-repeat: repeat;
  background-size: 500px 680px;
}
.bgDotted {
   background: url(https://www.his-j.com/smp/kanto/special/america/img/bg05.png);
   background-repeat: repeat;
   background-size: 124px 63px;
}
.ttlArea {
	padding: 8% 0 3%;
}
.txtArea {
	margin: 1% 0 0;
}
.aR {
  background-image: url(https://www.his-j.com/smp/kanto/special/america/img/arrow_right.png);
  background-repeat:  no-repeat;
  background-position: 98% 50%;
  background-size: 15px 18px;
}
.nW {
  background-image: url(https://www.his-j.com/smp/kanto/special/america/img/newWindow.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 15px 13px;
}
.bb {
	border-bottom: 2px solid #405574;
}

.link {
  border: 2px solid #405574;
  margin: 3% 0;
}
.link p {
	padding: 3.1%;
	font-family: var(--fF);
	text-align: center;
}
.link p a {
	color: var(--tC);
	font-weight: var(--fW);
	display:  block;
}
.tempArea h3 span {
	display: block;
	text-align: center;
}
.tempArea h3 .place {
	font-weight:  var(--fW);
	font-size: 1.8rem;
}
.tempArea h3 .imgttl {
	padding: 1% 3% 0;
}
/*headerArea*/
#headerArea {
	position: relative;
	font-family: var(--fF);
}
#headerArea .navArea{
	overflow:auto;
}
#headerArea ul{
	overflow:hidden;
	display:table;
	table-layout: fixed;
	width:650px;
}
#headerArea ul li, #headerArea ul li a{
	color: var(--tC);
	font-size:16px;
	font-weight:bold;
}
#headerArea ul li {
	display:table-cell;
	border-right: 3px solid #405574;
	border-top: 3px solid #405574;
	border-bottom: 3px solid #405574;
	text-align: center;
	vertical-align:middle;
	width: 110px;
	height: 60px;
}
#headerArea ul li:first-child {
	border-left: 3px solid #405574;
}
#headerArea ul li.active{
	color: #FFF;
	background-size: 10px 10px;
	background-image: -webkit-linear-gradient(
    135deg,
    #495A74 25%,
    #405574 25%, #405574 50%,
    #495A74 50%, #495A74 75%,
    #405574 75%, #405574
  );
	background-image: -o-linear-gradient(
    135deg,
    #495A74 25%,
    #405574 25%, #405574 50%,
    #495A74 50%, #495A74 75%,
    #405574 75%, #405574
  );
	background-image: linear-gradient(
    -45deg,
    #495A74 25%,
    #405574 25%, #405574 50%,
    #495A74 50%, #495A74 75%,
    #405574 75%, #405574
  );
}

#headerArea ul li a{
	display: block;
	padding: 10px 5px;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#headerArea ul li a span{
	font-size:12px;
}

#headerArea .menu ul{
	width: 100%;
}
/*goAmerica*/
.gousa {
	padding: 3% 5%;
	margin: 10%;
	display: table;
	border: 2px solid #405574;
}
.gousa .imgArea {
	margin-right: 10%;
} 
.gousa .txtArea {
	text-align: center;
	vertical-align: middle;
	width: 60%;
	margin-right: initial;
	font-weight: var(--fW);
	color: #03203b;
	font-family: var(--fF);
	font-size: 1.6rem;
}
/*slideArea*/
.cntsWrap .slideArea {
	padding: 10% 0 0;
}
.slideArea .slideConts {
	margin: 0 10%;
}
.slideArea .imgArea {
	margin: 3% 0 0;
}
.slideArea .txtArea, .slideArea .ttlArea {
	font-family: var(--fF);
	color: var(--tC);
}
.slideArea .ttlArea {
	font-size: 1.6rem;
	font-weight: var(--fW);
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("https://www.his-j.com/smp/kanto/special/america/img/slider_left01.png");
    left: 2px;
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("https://www.his-j.com/smp/kanto/special/america/img/slider_left01.png");
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("https://www.his-j.com/smp/kanto/special/america/img/slider_left01.png");
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("https://www.his-j.com/smp/kanto/special/america/img/slider_right01.png");
    right: 2px;
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("https://www.his-j.com/smp/kanto/special/america/img/slider_right01.png");
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("https://www.his-j.com/smp/kanto/special/america/img/slider_right01.png");
}
.swiper-button-next,.swiper-button-prev {
    background-size: 23px 28px;
    top: 48%;
}
.swiper-container {
	padding-bottom: 20%;
}
.swiper-pagination-bullet {
    border: 1px solid #405574;
}
.swiper-pagination-bullet {
    background: #FFF;
    opacity: initial;
}
.swiper-pagination-bullet-active {
    background: #FFF963;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	margin: 0 10%;
	width: initial;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 12px;
    bottom: 3%;
}
/*#compare*/
#compare {
	padding: 15% 0 10%;
}
#compare .ttl {
	font-size: 2rem;
}
#compare .tabList {
	border-bottom: 2px solid var(--tC);
	display:  table;
	border-collapse:  separate;
	border-spacing: 10px 0;
}
#compare .tabList li {
	display: table-cell;
	height: 40px;
	border-top: 2px solid var(--tC);
	border-right: 2px solid var(--tC);
	border-left: 2px solid var(--tC);
	box-sizing:  border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	vertical-align:  middle;
}
#compare .tabList .active {
	background-color: var(--tC);
}
#compare .tabList li:last-child {
	margin-right: 0;
	padding: 0 1%;
}
/*gogousa*/
.gogousa {
	padding: 10% 10% 3%;
}
/*mutualLink*/
.mutualLink .flex {
	border-bottom: 2px solid var(--tC);
}
.mutualLink .flexB {
	background-color: #FFF;
	border-top: 2px solid var(--tC);
	border-right: 2px solid var(--tC);
}
.mutualLink .flexB:nth-child(2n){
	border-right: none;
}
.mutualLink .flexB a {
	color: var(--tC);
	font-weight: var(--fW);
	font-family: var(--fF);
	display: block;
}
.mutualLink .flexB.active {
	background-color: var(--tC);
	color: #FFF;
	font-weight: var(--fW);
	font-family: var(--fF);
}
/*featureArea*/
#featureArea {
	font-family: var(--fF);
}
#featureArea .featureList .featureBox .detailArea .titleText {
	color: var(--tC);
}
/*searchArea*/
#searchArea {
	font-family: var(--fF);
}
#searchArea .ttlArea {
	text-align: center;
	font-weight: var(--fW);
	font-size: 1.8rem;
	color: var(--tC);
}
#searchArea .linkArea.btn {
	background-color: var(--tC);
	border-radius: initial;
}
#searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
	background-color: var(--tC);
}
/*#tour*/
#tour {
	font-family: var(--fF);
	font-weight: var(--fW)
}
.tourBox {
	position: relative;
}
.tourDst {
	color: #FFF;
	padding: 1px 3%;
	width: calc(28% - 3px);
	text-align: center;
	position: absolute;
	top: 3%;
	left: 1px;
}
.lax {
	background-color: #6FBCB6;
}
.las {
	background-color: #6fa2bc;
}
.nyc {
	background-color: #7b86bb;
}
.eastCoast {
	background-color: #a288b1;
}
.westCoast {
	background-color: #b97ba7;
}
.nature {
	background-color: #bc6f73;
}
.park {
	background-color: rgba(7,0,2,.7);
}
/*---------下層basic.css-----------*/
#americaIndex, #lax, #nyc {
	color: var(--tC);
	font-family: var(--fF);
}
span.ttl, span.ttlImg {
	margin-top: 1%;
	display: block;
	text-align: center;
	font-weight: var(--fW);
}
span.ttl {
	margin: 0 8%;
}
span.ttl.sub {
	font-size: 1.4rem;
}
span.ttl span {
	display: inline-block;
	font-size: 1.6rem;
}
/*basic*/
.basic {
	padding-bottom: 10%;
}
.basic .txtArea {
	margin-top: 3%
}
.tabList {
	display: table;
	margin: 0 auto;
}
.tempArea .tabList .tab {
	width: 200px;
	text-align:  center;
	padding: 3% 0;
	background-color: #dbdbdb;
}
.tempArea .tabList .tab a {
	color: #bcbcbc;
	font-weight: var(--fW);
	font-size: 1.5rem;
}
.tempArea .tabList .active {
	background-color: var(--tC);
	position: relative;
}
.tempArea .tabList .active a {
	color: #FFF;
}
.tempArea .tabList .active a:after {
	content: "";
	border-top: 10px solid #455978;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	top: 100%;
	right: 44%;
	z-index: 1;
}
.tabBoxArea {
	margin-top: 5%;
}
.tempArea .link {
	margin: 10% 3.1%;
}
/*#areaInfo*/
#areaInfo .nav {
	overflow: auto;
}
#areaInfo .tabBoxArea {
	margin-top: initial;
	clear:  both;
}
#areaInfo .tabList {
	display: table;
	border-spacing: 3px 0;
	width: 100%;
	overflow:  hidden;
	table-layout:  fixed;
}
#areaInfo .tabList li {
	width: 100px;
	height: 60px;
	padding: 1%;
	background-color: #f1f1f1;
	text-align:  center;
	vertical-align:  middle;
}
#areaInfo .tabList li:last-child {
	margin-right: initial;
}
#areaInfo .tabList li.active {
  background: url(https://www.his-j.com/smp/kanto/special/america/img/bg05.png) ;
  background-repeat: repeat;
  background-size: 124px 63px;
}
#areaInfo .tabList li a {
	color: var(--tC);
	font-weight: var(--fW);
}
#areaInfo .tabContents {
	padding: 0 9.3% 10%
}
#areaInfo .tabContents .ttlArea {
	text-align: center;
	font-weight: var(--fW);
	font-size: 1.5rem;
}
/*--#howtoArea--*/
/*enjoy*/
.enjoy {
	border-bottom: 1px dotted #405574;
	padding: 5% 0 8%;
}
.enjoy:last-child {
	border-bottom: 7px double #405574;
}
.enjoy .ttlArea span {
	display: inline-block;
}
.tcImg {
	width: 35%;
}
.tcTxt {
	width: 65%;
	vertical-align: top;
	padding-left: 3%;
}
.tcTxt p {
	font-weight: var(--fW); 
}
.tcTxt p span {
	display: inline-block;
	font-size: 1.4rem;
}
/*slideArea*/
.bd {
	border-bottom: 7px double #405574;
	/* margin-bottom: 10%; */
}
.slideArea .slideTtl {
	font-weight: var(--fW);
	font-size: 1.6rem;
	text-align: center;
	margin-top: 3%;
}
#howtoArea .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	margin: initial;
	width: 100%;
}
#howtoArea .swiper-container {
	padding-bottom: 10%;
}
#howtoArea .slideArea:after{
	content: "";
	display: block;
	margin: 0 6.2%;
	border-bottom: 7px double #455978;
}
#howtoArea .slideArea:last-child:after {
	border-bottom: initial;
}
/*#shop*/
#shop {
	padding: 8% 6.2% 10%;
}
#shop .shopInfo {
	background-color: #FFF;
	border: 1px solid #455978;
	padding: 3%;
	margin: 3% 0;
}
#shop .shopInfo li a {
	display: inline;
	color: var(--tC);
	text-decoration: underline;
}
/*#fbLocal*/
#fbLocal {
	padding: 0 6.2% 10%
}
#fbLocal .tcTxt {
	padding-right: 8%;
}
.fbTtl, .fbTxt {
	display: block;
	color: var(--tC);
}
.fbTtl {
	font-weight: var(--fW);
}
/*#tour*/
#tour h3 {
	position: relative;
}
#tour h3 .ttl {
	position: absolute;
	left: 29%;
	top: initial;
	font-weight: var(--fW);
	font-size: 1.6rem;
}
/*AIR HTL OP*/
/*common*/
.tabBoxArea .module {
	position: relative;
	border-bottom: 1px solid #999;
	margin-bottom: 5%;
	padding-right: 8%;
	padding-top: 8%;
}
.tabBoxArea .module a {
	color: var(--tC);
}
.otherDst {
	color: #FFF;
	padding: 1px 3%;
	width: 25%;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0;
}
.tabBoxArea .ttlArea {
	padding: 5% 0;
}
.tabBoxArea .btn {
	margin: 0 15%;
}
/*--#tabs1--*/
#tabs1 .ttl, #tabs1 .ul, #tabs1 .price {
	display: block;	
}
#tabs1 .module .ttl {
	font-size: 1.5rem;
	margin: initial;
}
#tabs1 .module .flagImg {
	width: 20%;
	margin: 0 1% 0 0;
	display: block;
	float:  left;
}
#tabs1 .module .flagTxt {
	display: block;
	font-weight: var(--fW);
	color: var(--tC);
	font-size: 1.5rem;
}
#tabs1 .ul {
	clear: both;
	padding: 3% 0 8%;
}
#tabs1 .ul .li {
	display: inline;
	color: var(--tC);
}
#tabs1 .ul .li:before {
	content: " ◆"
}
#tabs1 .price {
	color: #FF0000;
	position: absolute;
	bottom: 10px;
	right: 8%;
	font-weight: var(--fW);
	font-size: 1.5rem;
}
#tabs1 .price span {
	font-size: smaller;
}
#tabs1 .btn {
	display: none;
}
/*#tabs3*/
#tabs3 .htlImg, #tabs3 .htldata, #tabs3 .txt, #tabs3 .htlName, #tabs3 .htlPrice {
	display: block;
}
#tabs3 .htldata {
	width: initial;
	height: initial;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-weight: bold;
}
#tabs3 .htlImg {
	float: left;
	padding-right: 5px;
	width: 110px;
	/* height: 70px; */
}
#tabs3 .htlImg .sub {
	display: none;
}
#tabs3 .htlName {
	font-size: 1.4rem;
}
#tabs3 .txt {
	clear: both;
	padding: 3% 0 5%;
}
#tabs3 .htlPrice {
	color: #FF0000;
	text-align: right;
	font-size: 1.3rem;
	position:  absolute;
	top: 45%;
	right: 8%;
}
#tabs3 .htlPrice .text {
	font-size: 1rem;
}
/*#tabs4*/
#tabs4 .module {
	padding-top: 0;
}
#tabs4 .opImg, #tabs4 .opTtl, #tabs4 .opTxt {
	display: block;
}
#tabs4 .opImg {
	float: left;
	margin-right: 5px;
}
#tabs4 .opTtl {
	font-weight: var(--fW);
	font-size: 1.4rem;
}
#tabs4 .opTtl span {
	text-decoration: underline;
}
#tabs4 .opTxt {
	margin: 2% 0 5%;
}

/*lax*/
#lax .tabBoxArea .module, #nyc .tabBoxArea .module {
	padding-top: 0;
}

/* searchApp */
#searchApp {
	font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
}
#searchApp .budget {
	background: #FFF
}