@charset "UTF-8";
/* CSS Document */

/*****************************************************************************/

#search {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

	#search.domestic{
		background:url(../img/search_domestic_bg.png) no-repeat center center;
		background-size:cover;
	}
	#search.okinawa{
		background:url(../img/search_okinawa_bg.png) no-repeat center center;
		background-size:cover;
	}
	#search.naha{
		background:url(../img/search_naha_bg.png) no-repeat center center;
		background-size:cover;
	}
    
#search .wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 32px 0;
}
#search .column2 .top-slider {
	padding: 0 0 38px;
	margin: -36px 0 0;
}
#search .column2 .postimg {
	padding-top: 84%;
}
#search .column2 > li .slick-dots {
	bottom: 0;
}
#search .column2 > li:first-child {
	width: calc(50% + 38px);
	width: -webkit-calc(50% + 38px);
	order: 2;
	margin-bottom: 0;
}
#search .column2 > li:last-child {
	width: calc(50% - 72px);
	width: -webkit-calc(50% - 72px);
	order: 1;
}
#search dl {
	margin: 0;
	padding: 0 20px 20px 20px;
	background: url(../img/search_bg.svg) no-repeat left top #000;
	background-size: 199px 178px;
}
#search dt {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
#search dt span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	position: relative;
}
#search dt span img {
	width: 32px;
	height: 39px;
	position: absolute;
	left: -40px;
	top: 4px;
}
#search dd {
	margin: 0;
	padding: 16px;
	background: linear-gradient(to bottom, #E8E8E8, #fff 100%) no-repeat #fff;
	background-size: 100% 80px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
}
#search dd form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#search dd form p {
	margin-bottom: 8px;
}
#search dd form p span {
	display: inline-block;
	margin-bottom: 4px;
}
#search dd form p:last-of-type {
	margin-bottom: 0;
}
#search dd form .departure {
	width: calc(45% - 8px);
	width: -webkit-calc(45% - 8px);
}
#search dd form .date {
	width: calc(55% - 8px);
	width: -webkit-calc(55% - 8px);
}
#search dd form .destination {
	width: calc(55% - 8px);
	width: -webkit-calc(55% - 8px);
}
#search dd form .days {
	width: calc(45% - 8px);
	width: -webkit-calc(45% - 8px);
}
#search dd form .area, #search dd form .keyword {
	width: 100%;
}
#search .titlebox {
	background-image: none!important;
}
#search li .title {
	text-shadow: 0 1px 2px gray;
	display: block;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin: 0	;
	padding: 0;
}
#search li .title big {
	font-size: 32px;
	display: inline-block;
	margin-right: 30px;
	position: relative;
}
#search li .title big:after {
	display: block;
	content: "";
	width: 120px;
	height: 1px;
	background: #fff;
	margin: 8px auto;
}
#search li .title img {
	width: auto;
}
#search .slide-item {
	margin: 0;
	padding: 0;
	display: flex;
}
#search .slide-item li {
	margin: 0;
	padding: 0;
}
#search .slide-item li img {
	width: 100%;
}
#search input[type="text"],  #search input[type="tel"],  #search input[type="email"],  #search input[type="url"],  #search input[type="date"],  #search input[type="time"],  #search input[type="password"],  #search select {
	width: 100%;
}
#search input[type="text"],#search select{
	max-width: 230px;
	height: 45px;
	border-color: #707070;
}
#search dd form .inner > div:nth-of-type(2n) input[type="text"],
#search dd form .inner > div:nth-of-type(2n) select{
	max-width: 270px;
}
#search dd form .inner > div p.date input[type="text"]{
	max-width: 180px;
}
.search {
	width: 100%;
	margin-top: 8px;
}
.search input[type="submit"] {
	width: 100%;
	height: 48px;
	box-sizing: border-box;
	margin: 0;
	color: #fff;
	background: linear-gradient(to bottom, #DF4542, #C32823 100%);
	border: 1px solid #fff;
	border-radius: 6px;
	-webkit-appearance: none;
	font-size: 17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 2px 2px rgba(0,0,0,.25);
}


/*****************************************************************************/
.submit {
	width: 300px;
	text-align: center;
	margin: 64px auto 0 auto;
	padding: 0
}
.submit li:first-child {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	margin: 0 10px 0 0;
	padding: 0;
	display: inline-block
}
.submit li:last-child {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	margin: 0 0 0 10px;
	padding: 0;
	display: inline-block
}
.icon {
	background-repeat: no-repeat;
	background-position: right center
}
.icon.blank-black {
	background-image: url(../img/icon_blank_black.svg);
	background-size: auto 14px;
	background-position: right 24px center
}
.icon.blank-white {
	background-image: url(../img/icon_blank_white.svg);
	background-size: auto 14px;
	background-position: right 24px center
}
.icon.blank-red {
	background-image: url(../img/icon_blank_red.svg);
	background-size: 22px 22px;
	background-position: right center
}
.icon.pdf-black {
	background-image: url(../img/icon_pdf_black.svg);
	background-size: auto 14px
}
.icon.arrow-top-black {
	background-image: url(../img/icon_arrow_top_black.svg);
	background-size: auto 24px
}
.icon.arrow-top-white {
	background-image: url(../img/icon_arrow_top_white.svg);
	background-size: auto 24px
}
.icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_bottom_black.svg);
	background-size: auto 24px
}
.icon.arrow-left-black {
	background-image: url(../img/icon_arrow_left_black.svg);
	background-size: auto 24px;
	background-position: left 16px center
}
.icon.arrow-left-white {
	background-image: url(../img/icon_arrow_left_white.svg);
	background-size: auto 24px;
	background-position: left 16px center
}
.open .icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_top_black.svg);
	background-size: auto 24px
}
.icon.arrow-bottom-gray {
	background-image: url(../img/icon_arrow_bottom_gray.svg);
	background-size: 14px 9px;
	background-position: right 8px center
}
.icon.arrow-right-gray {
	background-image: url(../img/icon_arrow_right_gray.svg);
	background-size: 6px 10px;
	background-position: right 8px center
}
.icon.arrow-left-gray {
	background-image: url(../img/icon_arrow_left_gray.svg);
	background-size: 6px 10px;
	background-position: left 8px center
}
.icon.arrow-right-white {
	background-image: url(../img/icon_arrow_right_white.svg);
	background-size: 8px 14px
}
.icon.arrow-right-blue {
	background-image: url(../img/icon_arrow_right_blue.svg);
	background-size: 8px 21px
}
.icon.arrow-right-green {
	background-image: url(../img/icon_arrow_right_green.svg);
	background-size: 8px 21px
}
.icon.arrow-right-red {
	background-image: url(../img/icon_arrow_right_red.svg);
	background-size: 8px 13px
}
.icon.arrow-bottom-red {
	background-image: url(../img/icon_arrow_bottom_red.svg);
	background-size: 14px 9px
}
.open .icon.arrow-bottom-red {
	background-image: url(../img/icon_arrow_top_red.svg)
}
.icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_bottom_black.svg);
	background-size: 14px 9px
}
.open .icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_top_black.svg);
	background-size: 14px 9px
}
.icon.arrow-bottom-white {
	background-image: url(../img/icon_arrow_bottom_white.svg);
	background-size: 15px 9px
}
.open .icon.arrow-bottom-white {
	background-image: url(../img/icon_arrow_top_white.svg);
	background-size: 15px 9px
}
.iframe {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 80px 0 40px 0;
}
.iframe iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="date"], input[type="time"], input[type="password"], select, textarea, .textarea {
	width: auto;
	background: #fff;
	border: 0;
	box-sizing: border-box;
	height: 40px;
	padding: 0 8px;
	box-shadow: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: 15px;
	outline: none;
}
select {
	padding-right: 24px;
	background: url(https://www.jumbotours.co.jp/wp-content/themes/jumbotours/assets/img/icon_form_select.svg) no-repeat right 12px center #fff;
	background-size: 5px 13px;
}
select:-ms-expand {
display:none
}
select::-ms-expand {
display:none
}
.date input[type="text"] {
	padding-right: 24px;
	background: url(https://www.jumbotours.co.jp/wp-content/themes/jumbotours/assets/img/icon_form_date.svg) no-repeat right 12px center #fff;
	background-size: 13px 13px;
}
textarea, .textarea {
	width: 90%;
	height: 10em;
	line-height: 1.2;
}
input[type="text"].max, input[type="tel"].max, input[type="email"].max, input[type="url"].max, input[type="date"].max, input[type="time"].max, input[type="password"].max, select.max {
	width: 100%;
}
input[type="text"].wide, input[type="tel"].wide, input[type="email"].wide, input[type="url"].wide, input[type="date"].wide, input[type="time"].wide, input[type="password"].wide, select.wide {
	width: 75%;
}
input[type="text"].middle, input[type="tel"].middle, input[type="email"].middle, input[type="url"].middle, input[type="date"].middle, input[type="time"].middle, input[type="password"].middle, select.middle {
	width: 50%;
}
input[type="text"].thin, input[type="tel"].thin, input[type="email"].thin, input[type="url"].thin, input[type="date"].thin, input[type="time"].thin, input[type="password"].thin, select.thin {
	width: 25%;
}
input[type="radio"], input[type="checkbox"] {
	margin-right: 8px;
}
#jns {
	max-width: 900px;
	margin: 40px auto;
	padding: 0;
}
#jns h1 {
	font-size: 20px;
}
#jns h2.band.toggle,  #jns h2.band.toggle2 {
	border-bottom: 4px solid #707070;
}
#jns h1.border,  #jns h2.border,  #jns p.border {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #707070;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}
#jns h1.border {
	font-size: 18px;
}
#jns .step ul {
	margin: 0 0 40px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
#jns .step li {
	flex: 1;
	margin: 0 2px;
	padding: 8px 0;
	border: 1px solid #D0D0D0;
	font-size: 12px;
	text-align: center;
}
#jns .step li.past {
	background: #DDDDDD;
}
#jns .step li.current {
	color: #fff;
	background: #969696;
}
#jns .box {
	border-top: 1px solid #707070;
	margin: 0;
}
#jns .box:last-of-type {
	margin: 0 0 48px 0;
	border-bottom: 1px solid #707070;
}
#jns .box h2 {
	font-size: 18px;
	margin: 0;
}
#jns .box .detail {
	margin: 0;
	padding: 24px 64px 24px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-position: right 24px center;
}
#jns .box .detail > li {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#jns .box .detail > li:first-child {
	margin-right: 24px;
	flex: 1;
}
#jns .box .detail > li table {
	width: 240px;
	margin: 0;
	font-size: 14px;
}
#jns .box .detail > li p:last-of-type {
	margin-bottom: 0;
}
#jns .box .detail > li p.date {
	margin-bottom: 16px;
}
#jns .box .detail > li h4 {
	font-size: 16px;
	margin-bottom: 16px;
}
#jns .box .detail td {
	white-space: nowrap;
}
#jns .box .detail table + p {
	margin: 16px 0 0 0;
	font-size: 13px;
}
#jns .box div {
	background: #FFFCE8;
	padding: 24px;
	border-top: 1px dashed #707070;
}
#jns .box div > p {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
}
#jns .box .banner {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
}
#jns .box .banner.middle {
	align-items: center
}
#jns .box .banner:last-of-type {
	padding: 0;
	border-bottom: 0;
}
#jns .box .banner li {
	margin: 0 24px 0 0;
	padding: 0;
}
#jns .box .banner li:last-child {
	flex: 1;
	margin: 0;
}
#jns .box .radio input[type="radio"] {
	display: none;
}
#jns .box .radio label {
	width: 100%;
	max-width: 320px;
	display: block;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	background: url(../img/icon_radio_off.svg) no-repeat left 24px center #fff;
	background-size: 18px 18px;
	border: 1px solid #707070;
	padding: 16px 0;
	box-sizing: border-box;
	margin: 0 auto;
	cursor: pointer;
}
#jns .box .radio input[type="radio"]:checked + label {
	color: #fff;
	background: url(../img/icon_radio_on.svg) no-repeat left 24px center;
	background-size: 18px 18px;
}
#jns .box .radio input[type="radio"]:checked + label.red {
	background-color: #CC1919;
	border: 1px solid #CC1919;
}
#jns .box .radio input[type="radio"]:checked + label.blue {
	background-color: #199CCC;
	border: 1px solid #199CCC;
}
/*****************************************************************************/
/*****************************************************************************/

#jns.list > .search {
	margin: 0 0 48px 0;
	padding: 0;
}
#jns.list .search dt {
	margin: 0;
	padding: 16px 24px;
	text-align: center;
	background: #575555;
}
#jns.list .search dt span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: block;
	position: relative;
}
#jns.list .search dd {
	margin: 0;
	padding: 0;
	background: #EBEBEB;
	background-size: 100% 80px;
	padding: 24px 32px 8px 32px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
}
#jns.list .search dd form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
#jns.list .search dd form p {
	margin-bottom: 16px;
}
#jns.list .search dd form p span {
	display: inline-block;
	margin-bottom: 4px;
}
#jns.list .search dd form .departure {
	width: calc(25% - 8px);
	width: -webkit-calc(25% - 8px);
}
#jns.list .search dd form .date {
	width: calc(25% - 8px);
	width: -webkit-calc(25% - 8px);
}
#jns.list .search dd form .destination {
	width: calc(25% - 8px);
	width: -webkit-calc(25% - 8px);
}
#jns.list .search dd form .days {
	width: calc(25% - 8px);
	width: -webkit-calc(25% - 8px);
}
#jns.list .search dd form .area, #jns.list .search dd form .keyword, #jns.list .search dd form .search {
	width: calc(100% / 3 - 8px);
	width: -webkit-calc(100% / 3 - 8px);
}
#jns.list .search input[type="text"], #jns.list .search input[type="tel"], #jns.list .search input[type="email"], #jns.list .search input[type="date"], #jns.list .search input[type="time"], #jns.list .search input[type="password"], #jns.list .search select {
	width: 100%;
}
#jns.list .search input[type="submit"] {
	background: linear-gradient(to bottom, #42A3DF, #166A9F 100%);
}
#jns.list .result {
	margin: 0 0 48px 0;
}
#jns.list .result:last-of-type {
	margin: 0;
}
#jns.list .result h3 {
	font-size: 18px;
}
#jns.list .detail {
	margin: 0 0 24px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
#jns.list .detail li {
	margin: 0;
	padding: 0;
}
#jns.list .detail li:first-child {
	margin-right: 24px;
}
#jns.list .detail li h4 {
	font-size: 16px;
	margin-bottom: 8px;
}
#jns.list .overflow-y {
	height: 120px;
	padding: 16px;
	font-size: 15px;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	overflow-y: scroll;
}
#jns.list .link1 {
	background: #FFF9E6;
	padding: 0 24px;
	margin: 0;
}
#jns.list .link1 li {
	padding: 0;
	border-bottom: 1px dashed #707070;
}
#jns.list .link1 li:last-child {
	border-bottom: 0;
}
#jns.list .link1 li a {
	padding: 16px 32px 16px 24px;
	display: block;
}
#jns.list .link1 li dl {
	margin: 0;
	padding: 0;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
}
#jns.list .link1 li dt {
	margin: 0;
	padding: 0;
}
#jns.list .link1 li dd {
	margin: 0;
	padding: 0;
}
#jns.list .link1 li dd big {
	font-size: 27px;
	font-weight: bold;
}
#jns.list .pagination {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#jns.list .pagination li {
	margin: 0 8px;
	padding: 0;
	font-weight: bold;
}
#jns.list .pagination li a.link {
	display: block;
	padding: 4px 12px;
	border: 1px solid #707070;
}
#jns.list .pagination li.current {
	display: block;
	padding: 4px 12px;
	background: #ddd;
	border: 1px solid #ddd;
}
/*****************************************************************************/
#search.top_search{
	background: #E7E7E7;
	padding: 50px 10px 20px;
	margin-bottom: 25px;
	margin-top: 30px;
}
#search.top_search .wrap{
	padding: 0;
}
#search.top_search form{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#search.top_search form p{
	display: flex;
	align-items: center;
	padding-right: 3.3%;
	margin: 0 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search.top_search form p span{
	white-space: nowrap;
	padding-right: 20px;
	font-size: 17px;
	font-weight: bold;
}
#search.top_search .departure{
	width: 34.4%;
}
#search.top_search .destination{
	width: 33.2%;
}
#search.top_search .area{
	width: 32.4%;
	padding-right: 0;
}
#search.top_search .date{
	width: 35.5%;
}
#search.top_search .days{
	width: 35.5%;
}
#search.top_search .search{
	width: 29%;
	padding-right: 0;
}
#search.top_search input[type="text"],
#search.top_search select{
	height: 48px;
}




@media screen and (max-width:560px) {
	
#search input[type="text"], #search input[type="tel"], #search input[type="email"], #search input[type="url"], #search input[type="date"], #search input[type="time"], #search input[type="password"], #search select {
    width: 100%;
}
	
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="date"], input[type="time"], input[type="password"], select, textarea, .textarea {
    width: auto;
    background: #fff;
    border: 0;
    box-sizing: border-box;
    height: 40px;
    padding: 0 8px;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 15px;
    outline: none;
}
	
select {
	padding-right: 24px;
	background: url(https://www.jumbotours.co.jp/wp-content/themes/jumbotours/assets/img/icon_form_select.svg) no-repeat right 12px center #fff;
	background-size: 5px 13px;
}
select:-ms-expand {
display:none
}
select::-ms-expand {
display:none
}
	
	
#search.top_search{
	background: #E7E7E7;
	padding: 17px 15px;
	margin-bottom: 25px;
	margin-top: 0px;
}
#search.top_search .wrap{
	padding: 0;
}
#search.top_search form{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
	
#search.top_search .departure{
	width: 50%;
}
#search.top_search .destination{
	width: 50%;
}
#search.top_search .area{
	width: 50%;
	padding-right: 0;
}
#search.top_search .date{
	width: 50%;
}
#search.top_search .days{
	width: 50%;
}
#search.top_search .search{
	width: 50%;
	padding-right: 0;
}
	
#search.top_search form p{
	display: block;
	width: 50%;
	padding: 0 15px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search.top_search form p span{
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
#search.top_search form p.search{
	display: flex;
	align-items: flex-end;
}
#search.top_search form p.search input[type="submit"]{
	height: 40px;
	font-size: 14px;
}
	
	
#search {
	margin: 0;
	padding: 0;
	background-size: cover;
}
#search.domestic .column2 > li:first-child {
	background: url(../img/search_domestic_bg.png) no-repeat center center;
	background-size: cover;
}
#search.okinawa .column2 > li:first-child {
	background: url(../img/search_okinawa_bg.png) no-repeat center center;
	background-size: cover;
}
#search.naha .column2 > li:first-child {
	background: url(../img/search_naha_bg.png) no-repeat center center;
	background-size: cover;
}
#search .wrap {
	margin: 0;
	padding: 0;
}
#search .column2 > li:first-child {
	margin: 0;
	padding: 34px 0;
}
#search dl {
	margin: 0;
	padding: 0 20px 20px 20px;
	background: url(../img/search_bg.svg) no-repeat left top #575555;
    background: #000;
	background-size: 199px 178px;
}
#search dt {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
#search dt span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	position: relative;
}
#search dt span img {
	width: 32px;
	height: 39px;
	position: absolute;
	left: -40px;
	top: 4px;
}
#search dd {
	margin: 0;
	padding: 16px;
	/*background: linear-gradient(to bottom, #E8E8E8, #fff 100%) no-repeat #fff;*/
    background: #fff;
	background-size: 100% 80px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
}
#search dd form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#search dd form p{
	margin-bottom: 8px;
}
#search dd form p span {
	display: inline-block;
	margin-bottom: 4px;
}
#search dd form p:last-of-type {
	margin-bottom: 0;
}
#search dd form .departure {
	width: calc(45% - 8px);
	width: -webkit-calc(45% - 8px);
}
#search dd form .date {
	width: calc(55% - 8px);
	width: -webkit-calc(55% - 8px);
}
#search dd form .destination {
	width: calc(55% - 8px);
	width: -webkit-calc(55% - 8px);
}
#search dd form .days {
	width: calc(45% - 8px);
	width: -webkit-calc(45% - 8px);
}
#search dd form .area, #search dd form .keyword {
	width: 100%;
}
#search li .postimg {
	position: relative;
	/*padding-top: 31%;*/
}
#search .titlebox {
	-webkit-background-size: cover;
	background-size: cover;
}
#search li .title {
	text-shadow: 0 1px 2px gray;
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	position: static;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items : center;
	align-items : center;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#search li .title big {
	font-size: 24px;
	display: inline-block;
	position: relative;
}
#search li .title big:after {
	display: block;
	content: "";
	width: 72px;
	height: 1px;
	background: #fff;
	margin: 8px auto;
}
#search li .title img {
	width: auto;
}
#search input[type="text"],  #search input[type="tel"],  #search input[type="email"],  #search input[type="url"],  #search input[type="date"],  #search input[type="time"],  #search input[type="password"],  #search select {
	width: 100%;
}
.search {
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
}
.search input[type="submit"] {
	width: 100%;
	height: 48px;
	box-sizing: border-box;
	margin: 0;
	color: #fff;
	background: linear-gradient(to bottom, #DF4542, #C32823 100%);
	border: 1px solid #fff;
	border-radius: 6px;
	-webkit-appearance: none;
	font-size: 17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 2px 2px rgba(0,0,0,.25);
}
	
	
/*------------------------------------------------------------------------------------------------------------------------*/




.submit {
	width: 300px;
	text-align: center;
	margin: 64px auto 0 auto;
	padding: 0
}
.submit li:first-child {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	margin: 0 10px 0 0;
	padding: 0;
	display: inline-block
}
.submit li:last-child {
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	margin: 0 0 0 10px;
	padding: 0;
	display: inline-block
}
.icon {
	background-repeat: no-repeat;
	background-position: right center
}
.icon.blank-black {
	background-image: url(../img/icon_blank_black.svg);
	background-size: auto 14px;
	background-position: right 24px center
}
.icon.blank-white {
	background-image: url(../img/icon_blank_white.svg);
	background-size: auto 14px;
	background-position: right 24px center
}
.icon.blank-red {
	background-image: url(../img/icon_blank_red.svg);
	background-size: 22px 22px;
	background-position: right center;
	color: #CC0000;
}
.icon.pdf-black {
	background-image: url(../img/icon_pdf_black.svg);
	background-size: auto 14px
}
.icon.arrow-top-black {
	background-image: url(../img/icon_arrow_top_black.svg);
	background-size: auto 24px
}
.icon.arrow-top-white {
	background-image: url(../img/icon_arrow_top_white.svg);
	background-size: auto 24px
}
.icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_bottom_black.svg);
	background-size: auto 24px
}
.icon.arrow-left-black {
	background-image: url(../img/icon_arrow_left_black.svg);
	background-size: auto 24px;
	background-position: left 16px center
}
.icon.arrow-left-white {
	background-image: url(../img/icon_arrow_left_white.svg);
	background-size: auto 24px;
	background-position: left 16px center
}
.open .icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_top_black.svg);
	background-size: auto 24px
}
.icon.arrow-bottom-gray {
	background-image: url(../img/icon_arrow_bottom_gray.svg);
	background-size: 14px 9px;
	background-position: right 8px center
}
.icon.arrow-right-gray {
	background-image: url(../img/icon_arrow_right_gray.svg);
	background-size: 6px 10px;
	background-position: right 8px center
}
.icon.arrow-left-gray {
	background-image: url(../img/icon_arrow_left_gray.svg);
	background-size: 6px 10px;
	background-position: left 8px center
}
.icon.arrow-right-white {
	background-image: url(../img/icon_arrow_right_white.svg);
	background-size: 9px 14px
}
.icon.arrow-right-blue {
	background-image: url(../img/icon_arrow_right_blue.svg);
	background-size: 13px 21px
}
.icon.arrow-right-green {
	background-image: url(../img/icon_arrow_right_green.svg);
	background-size: 13px 21px
}
.icon.arrow-right-red {
	background-image: url(../img/icon_arrow_right_red.svg);
	background-size: 8px 13px
}
.icon.arrow-bottom-red {
	background-image: url(../img/icon_arrow_bottom_red.svg);
	background-size: 14px 9px
}
.open .icon.arrow-bottom-red {
	background-image: url(../img/icon_arrow_top_red.svg)
}
.icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_bottom_black.svg);
	background-size: 14px 9px
}
.open .icon.arrow-bottom-black {
	background-image: url(../img/icon_arrow_top_black.svg);
	background-size: 14px 9px
}
.icon.arrow-bottom-white {
	background-image: url(../img/icon_arrow_bottom_white.svg);
	background-size: 15px 9px
}
.open .icon.arrow-bottom-white {
	background-image: url(../img/icon_arrow_top_white.svg);
	background-size: 15px 9px
}
.iframe {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	padding-top: 100%;
	margin: 0;
	
}
.iframe iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border-radius: 0;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="date"], input[type="time"], input[type="password"], select, textarea, .textarea {
	width: auto;
	background: #fff;
	border: 0;
	box-sizing: border-box;
	height: 40px;
	padding: 0 8px;
	box-shadow: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: 15px;
	outline: none;
}
select {
	padding-right: 24px;
	background: url(https://www.jumbotours.co.jp/wp-content/themes/jumbotours/assets/img/icon_form_select.svg) no-repeat right 12px center #fff;
	background-size: 5px 13px;
}
select:-ms-expand {
display:none
}
select::-ms-expand {
display:none
}
.date input[type="text"] {
	padding-right: 24px;
	background: url(../img/icon_form_date.svg) no-repeat right 12px center #fff;
	background-size: 13px 13px;
}
textarea, .textarea {
	width: 90%;
	height: 10em;
	line-height: 1.2;
}
input[type="text"].max, input[type="tel"].max, input[type="email"].max, input[type="url"].max, input[type="date"].max, input[type="time"].max, input[type="password"].max, select.max {
	width: 100%;
}
select.sp-max {
	width: 100%!important;
}
input[type="text"].wide, input[type="tel"].wide, input[type="email"].wide, input[type="url"].wide, input[type="date"].wide, input[type="time"].wide, input[type="password"].wide, select.wide {
	width: 90%;
}
input[type="text"].middle, input[type="tel"].middle, input[type="email"].middle, input[type="url"].middle, input[type="date"].middle, input[type="time"].middle, input[type="password"].middle, select.middle {
	width: 75%;
}
input[type="text"].thin, input[type="tel"].thin, input[type="email"].thin, input[type="url"].thin, input[type="date"].thin, input[type="time"].thin, input[type="password"].thin, select.thin {
	width: 35%;
}
select.thin.pref {
	width: 50%;
}
input[type="radio"], input[type="checkbox"] {
	margin-right: 8px;
}
#jns {
	margin: 24px 0;
	padding: 0;
}
#jns h1 {
	font-size: 20px;
}
#jns h2.band.toggle,  #jns h2.band.toggle2 {
	border-bottom: 4px solid #707070;
}
#jns h1.border,  #jns h2.border,  #jns p.border {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #707070;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}
#jns h1.border {
	font-size: 16px;
}
#jns .margin {
	margin: 0 16px;
}
#jns .step {
	display: none;
}
#jns .step ul {
	margin: 0 0 40px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
#jns .step li {
	flex: 1;
	margin: 0 2px;
	padding: 8px 0;
	border: 1px solid #D0D0D0;
	font-size: 12px;
	text-align: center;
}
#jns .step li.past {
	background: #DDDDDD;
}
#jns .step li.current {
	color: #fff;
	background: #969696;
}
#jns .box {
	border-top: 1px solid #707070;
	margin: 0;
}
#jns .box:last-of-type {
	border-bottom: 1px solid #707070;
	margin: 0 0 24px 0;
}
#jns .box h2 {
	font-size: 17px;
	margin: 0;
}
#jns .box .detail {
	margin: 0;
	padding: 24px 48px 24px 24px;
	display: block;
	background-position: right 24px center;
}
#jns .box .detail > li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	position: relative;
}
#jns .box .detail > li:first-child {
	margin: 0 0 16px 0;
}
#jns .box .detail > li table {
	margin: 0;
	font-size: 14px;
}
#jns .box .detail > li p:last-of-type {
	margin-bottom: 0;
}
#jns .box .detail > li p.date {
	margin-bottom: 8px;
}
#jns .box .detail > li p.price {
	margin-top: 8px;
	color: #A80000;
}
#jns .box .detail > li h4 {
	font-size: 16px;
	margin-bottom: 16px;
}
#jns .box .detail td {
	white-space: nowrap;
}
#jns .box .detail table + p {
	margin: 16px 0 0 0;
	font-size: 13px;
}
#jns .box div {
	background: #FFFCE8;
	padding: 16px;
	border-top: 1px dashed #707070;
	font-size: 14px;
}
#jns .box div > p {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
}
#jns .box .banner {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
#jns .box .banner:last-of-type {
	padding: 0;
	border-bottom: 0;
}
#jns .box .banner li {
	margin: 0 0 16px 0;
	padding: 0;
}
#jns .box .banner li:last-child {
	margin: 0;
}
#jns .box .radio input[type="radio"] {
	display: none;
}
#jns .box .radio label {
	width: 100%;
	max-width: 320px;
	display: block;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	background: url(../img/icon_radio_off.svg) no-repeat left 24px center #fff;
	background-size: 18px 18px;
	border: 1px solid #707070;
	padding: 16px 0;
	box-sizing: border-box;
	margin: 0 auto;
	cursor: pointer;
}
#jns .box .radio input[type="radio"]:checked + label {
	color: #fff;
	background: url(../img/icon_radio_on.svg) no-repeat left 24px center;
	background-size: 18px 18px;
}
#jns .box .radio input[type="radio"]:checked + label.red {
	background-color: #CC1919;
	border: 1px solid #CC1919;
}
#jns .box .radio input[type="radio"]:checked + label.blue {
	background-color: #199CCC;
	border: 1px solid #199CCC;
}
/*****************************************************************************/
	

#jns.list h1 {
	font-size: 16px;
}
#jns.list > .search {
	margin: 0 0 24px 0;
	padding: 0;
}
#jns.list .search dt {
	margin: 0;
	padding: 16px 24px;
	text-align: center;
	background: #575555;
}
#jns.list .search dt span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: block;
	position: relative;
}
#jns.list .search dd {
	margin: 0;
	padding: 0;
	background: #EBEBEB;
	background-size: 100% 80px;
	padding: 24px 32px 16px 32px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
}
#jns.list .search dd form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
#jns.list .search dd form p {
	margin-bottom: 8px;
}
#jns.list .search dd form p span {
	display: inline-block;
	margin-bottom: 4px;
}
#jns.list .search dd form .departure {
	width: calc(45% - 8px);
	width: -webkit-calc(45% - 8px);
}
#jns.list .search dd form .date {
	width: calc(55% - 8px);
	width: -webkit-calc(55% - 8px);
}
#jns.list .search dd form .destination {
	width: calc(55% - 8px);
	width: -webkit-calc(55% - 8px);
}
#jns.list .search dd form .days {
	width: calc(45% - 8px);
	width: -webkit-calc(45% - 8px);
}
#jns.list .search dd form .area, #jns.list .search dd form .keyword, #jns.list .search dd form .search {
	width: calc(100% / 3 - 8px);
	width: -webkit-calc(100% / 3 - 8px);
	width: 100%;
}
#jns.list .search input[type="text"], #jns.list .search input[type="tel"], #jns.list .search input[type="email"], #jns.list .search input[type="date"], #jns.list .search input[type="time"], #jns.list .search input[type="password"], #jns.list .search select {
	width: 100%;
}
#jns.list .search input[type="submit"] {
	background: linear-gradient(to bottom, #42A3DF, #166A9F 100%);
}
#jns.list .result {
	margin: 0 0 24px 0;
}
#jns.list .result:last-of-type {
	margin: 0;
}
#jns.list .result h3 {
	font-size: 16px;
	margin: 0 16px;
}
#jns.list .detail {
	margin: 16px;
	padding: 0;
}
#jns.list .detail li {
	margin: 0;
	padding: 0;
}
#jns.list .detail li img {
	width: 100%;
}
#jns.list .detail li h4 {
	font-size: 16px;
	margin-bottom: 8px;
}
#jns.list .overflow-y {
	height: 120px;
	padding: 16px;
	font-size: 12px;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	overflow-y: scroll;
}
#jns.list .link1 {
	background: #FFF9E6;
	padding: 0 24px;
	margin: 0;
}
#jns.list .link1 li {
	padding: 0;
	border-bottom: 1px dashed #707070;
}
#jns.list .link1 li:last-child {
	border-bottom: 0;
}
#jns.list .link1 li a {
	padding: 16px 32px 16px 0;
	display: block;
}
#jns.list .link1 li dl {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#jns.list .link1 li dt {
	margin: 0;
	padding: 0;
}
#jns.list .link1 li dd {
	margin: 0;
	padding: 0;
	text-align: right;
}
#jns.list .link1 li dd big {
	font-size: 27px;
	font-weight: bold;
}
#jns.list .pagination {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#jns.list .pagination li {
	margin: 0 8px;
	padding: 0;
	font-weight: bold;
}
#jns.list .pagination li a.link {
	display: block;
	padding: 4px 12px;
	border: 1px solid #707070;
}
#jns.list .pagination li.current {
	display: block;
	padding: 4px 12px;
	background: #ddd;
	border: 1px solid #ddd;
}
/*****************************************************************************/
	

	
}