@charset "UTF-8";
/* ===================================================================
 CSS information
 file name  : tripla_tourbuilder.css
 ∟form用のリセット設定
 ∟基本スタイル
 ∟sp共通
 ∟tripla_sp
 ∟tripla_tourbuilder_sp
 ∟タブレット共通
 ∟tripla_タブレット
 ∟tripla_tourbuilder_タブレット
 ∟タブレット横共通
 ∟tripla_タブレット横
 ∟tripla_tourbuilder_タブレット横
===================================================================*/
/* form用のリセット設定 */
input, button, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}
textarea {
	resize: vertical;
}
input[type='checkbox'], input[type='radio'] {
	display: none;
}
input[type='submit'], input[type='button'], label, button, select {
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}
/* 基本スタイル */
form {
	margin: 0 auto;
	width: 100%;
}
input, button, select, textarea {
	font-size: 0.8em;
}
input, textarea {
	border: 1px solid #ddd;
	border-radius: 5px;
}
input {
	padding: 10px;
}
select {
	border-radius: 5px;
}
textarea {
	margin: 10px 0 0;
	padding: 5px;
	width: 100%;
	height: 8em;
}
.button {
	text-align: center;
}
.panel {
	display: none;
}
.tab.is-active {
	background: #fff;
	color: #333;
	transition: all 0.2s ease-out;
	border: #999 solid 1px;
	border-bottom: none;
}
.panel.is-show {
	display: block;
}
/* sp共通 */
.tripla_tourbuilder, .con_inner {
	margin: 50px auto 20px;
	width: 95%;
}
.tabs {
	margin: 0px auto;
	width: 100%;
}
.tabs ul {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.tabs ul li:not(.active) {
	cursor: pointer;
}
.tabs ul li {
	width: 50%;
	color: #333;
	background: #e8e8e8;
	border: 1px solid transparent;
	border-bottom-color: #999;
	text-align: center;
}
.tabs ul li .txt {
	font-size: 110%;
}
.tabs ul li.tab-A {
	margin-right: 1px;
	padding: 20px 0 10px;
}
.tabs ul li.tab-B {
	margin-left: 1px;
	padding: 10px 0 7px;
}
.tabs ul li.active {
	color: #6f6f6f;
	background: #fff;
	border: 1px solid #999;
	border-bottom-color: #fff;
}
.panels {
	margin: -1px auto 0;
	padding: 0;
	background: #fff;
	border: 1px solid #999;
	z-index: 9999;
}
.panels > li {
	width: 85%;
	margin: 0 auto;
	padding: 30px 0 20px;
}
.panels .accordion_x {
	display: block;
	position: relative;
	width: 100%;
	color: #6f6f6f;
	background: #fff;
	border: solid 1px #9f84bf;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0.5em 1.8em;
}
.panels .accordion_x .txt {
	font-size: 100%;
}
/* tripla_sp */
form.search-widget-search-container-bf1818 {
	box-shadow: none;
	border-radius: unset;
	box-sizing: unset;
}
.panels .panel_hotel .box_point > .txt {
	font-size: 105%;
	margin-bottom: 5px;
	text-align: center;
	line-height: 1.6;
}
.panels .panel_hotel {
	width: 100%;
}
.panels .panel_plane .sublink {
	width: 85%;
	margin: 10px auto;
}
.sublink {
	margin-left: 30px;
}
.sublink ul {
	display: flex;
}
.sublink ul li {
	margin: 0 30px 15px 0;
	text-align: left;
}
.sublink ul li a {
	display: block;
}
.sublink ul li.btn3 {
	border: none;
	text-align: right;
}
.sublink ul li.btn3 a {
	text-align: right;
	text-decoration: underline;
	color: #383939;
	border: none;
}
.sublink ul li.btn3 a:hover {
	opacity: 1;
	text-decoration: none;
	background: none;
}
/* tripla_tourbuilder_sp */
.panels .panel_plane .box_l {
	margin: 0 auto;
	width: 100%;
}
.panels .panel_plane .box_l > .txt {
	font-size: 1.4rem;
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.7;
}
.panels .panel_plane .box_l form {
	font-size: 55%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.panels .panel_plane .box_l form .box_airport {
	width: 100%;
}
.panels .panel_plane .box_l form em {
	display: block;
	font-size: 210%;
	margin-bottom: 10px;
	font-weight: bold;
}
.panels .panel_plane .box_l form .box_airport select {
	width: 100%;
	border: 1px solid #999999;
	font-size: 200%;
	padding: 0.6em;
}
.panels .panel_plane .box_l form .box_day {
	margin: 13px 0 0;
	width: 100%;
}
.panels .panel_plane .box_l form .box_day .calendar {
	position: relative;
	display: inline-block;
}
.panels .panel_plane .box_l form .box_day .calendar input {
	border: 1px solid #999999;
	font-size: 200%;
	display: block;
	padding: 0.6em;
}
.panels .panel_plane .box_l form .box_sta, .panels .panel_plane .box_l form .box_per {
	width: 48%;
	max-width: none;
	margin: 13px 0 20px 0;
}
.panels .panel_plane .box_l form .box_sta {
	margin-right: 1em;
}
.panels .panel_plane .box_l form .box_sta select, .panels .panel_plane .box_l form .box_per select {
	width: 100%;
	border: 1px solid #999999;
	font-size: 200%;
	padding: 0.6em;
}
.panels .panel_plane .box_l form .btn_submit input {
	background: #000;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
	font-size: 220%;
	width: 80px;
}
.panels .panel_plane .sublink {
	width: 100%;
}
.panels .panel_plane .sublink ul {
	display: block;
}
.panels .panel_plane .sublink ul li {
	margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
	/* タブレット共通 */
	.panels {
		top: 35px;
	}
	/* tripla_タブレット */
	.pc_none {
		display: none;
	}
	.sublink ul {
		display: flex;
	}
	.sublink ul li {
		margin: 0 30px 10px 0;
	}
	/* tripla_tourbuilder_タブレット */
	.tabs ul {
		justify-content: center;
	}
	.tabs ul li {
		width: 40%;
		margin: 0 2px;
	}
	.tabs ul li.tab-A {
		padding: 14px 0 10px;
	}
	.tabs ul li.tab-B {
		padding: 14px 0 10px;
	}
	.panel_x .btn a {
        width: 45%;
        margin: 0 auto;
	}
	.panel_x .btn a:hover {
        opacity: 0.75;
	}
	.tabs ul li .txt {
		font-size: 1.7rem;
	}
	.panels > li {
		padding: 30px 0 20px;
	}
	.panels .panel_hotel .box_point > .txt {
		margin-bottom: 0px;
		font-size: 110%;
	}
	.panels .panel_plane .box_l {}
	.panels .panel_plane .box_l > .txt {
		margin-bottom: 15px;
		font-size: 1.4rem;
		text-align: center;
	}
	.panels .panel_plane .box_l form {
		font-size: 55%;
		margin: 0 auto;
	}
	.panels .panel_plane .box_l form em {
		font-size: 225%;
	}
	.panels .panel_plane .box_l form .box_airport {
		width: 60%;
		margin: 0;
	}
	.panels .panel_plane .box_l form .box_airport p {
		margin-right: 2em;
	}
	.panels .panel_plane .box_l form .box_day {
		width: 40%;
		margin: 0;
	}
	.panels .panel_plane .box_l form .box_sta, .panels .panel_plane .box_l form .box_per {
		width: 33%;
		margin-right: 2em;
	}
	.panels .panel_plane .box_l form .box_sta select, .panels .panel_plane .box_l form .box_per select {
		width: 100%;
	}
	.panels .panel_plane .box_l form .btn_submit input {
		margin: 45px 20% 0;
	}
	.panels .panel_plane .sublink ul {
		display: flex;
		justify-content: flex-start;
	}
	
	.panel_hotel .search-widget-search-container-bf1818 {
        font-family: Muli,Helvetica Neue,Arial,sans-serif!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 auto;
        width: 610px!important;
        background: hsla(0,0%,100%,.9);
        padding: 15px 0 10px;
        box-shadow: none;
        border-radius: unset;
        box-sizing: border-box;
        color: #141617;
}
	.panel_hotel .search-widget-search-container-bf1818 .search-widget-input-wrapper-eaf5bf {
        display: inline-block;
        width: auto;
}
	.panel_hotel .search-widget-two-picker-wrapper-4ca735 {
        display: inline-block;
        vertical-align: bottom;
}
	.panel_hotel .input-container-input-container-da40af {
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: bottom;
}
	.panel_hotel .input-container-input-container-da40af .input-container-title-db81ec {
        color: #141617;
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 550;
        line-height: 24px;
        white-space: nowrap;
}
	.panel_hotel .input-container-input-container-da40af .input-container-slot-239963 {
        position: relative;
}
	.panel_hotel .input-container-input-container-da40af {
        display: inline-block;
        margin: 0 20px 10px 0;
        vertical-align: bottom;
		width: auto;
}
	.panel_hotel .input-container-input-container-da40af .input-container-title-db81ec {
        color: #141617;
        display: block;
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: 550;
        line-height: 24px;
        white-space: nowrap;
}
	.panel_hotel .input-container-input-container-da40af .input-container-slot-239963 {
        position: relative;
}
	.panel_hotel .search-widget-input-34bba0, .search-widget-select-75fb48 {
        outline: none;
        border-radius: 4px;
        padding: 0 18px;
        border: 1px solid #d0cece!important;
        background: #fff;
        box-sizing: border-box;
        font-size: 15px!important;
        color: #000!important;
        font-family: Muli,Helvetica Neue,Arial,sans-serif!important;
        cursor: pointer;
        margin: 0!important;
		min-width: 150px;
        line-height: 38px;
        height: 40px;
}
	.panel_hotel .dropdown-selector-container-ef1ce2 .dropdown-selector-input-6d2b0e {
        min-width: auto;
        width: 250px;
}
	.panel_hotel .search-widget-search-container-bf1818 .search-widget-button-wrapper-d2b715 {
        display: inline-block;
		margin-left: 8px;
}
	.panel_hotel .sublink {
        margin-left: 30px;
		width: 590px;
        margin: auto;
}
	.sublink ul {
        display: flex;
        justify-content: flex-end;
        width: auto;
}
		.search-widget-search-container-bf1818 .search-widget-day-use-block-da04c0 {
		float: left;
		margin-top: 13px;
	}
		.sublink ul li:last-child {
        margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
	.panels {}
	/* tripla_タブレット横 */
	form.search-widget-search-container-bf1818 {
		width: 65%;
	}
	.search-widget-search-container-bf1818 .search-widget-day-use-block-da04c0 {
		float: left;
		margin-top: 7px;
	}
	/* tripla_tourbuilder_タブレット横 */
	.panels > li {
		width: 90%;
	}
	.panel_x .btn a {
        width: 35%;
	}
	.panels .panel_plane .box_l form {
		font-size: 55%;
		margin: 0 auto;
		width: 89%;
	}
	.panels .panel_plane .box_l form .box_airport {
		width: 30%;
		margin: 0;
	}
	.panels .panel_plane .box_l form .box_day {
		width: 22%;
		margin: 0;
	}
	.panels .panel_plane .box_l form .box_day .calendar input {
		width: 150px;
	}
	.panels .panel_plane .box_l form .box_sta {
		width: 12%;
		margin: 0 2em 25px;
	}
	.panels .panel_plane .box_l form .box_per {
		width: 12%;
		margin: 0 2em 25px 0;
	}
	.panels .panel_plane .box_l form .btn_submit input {
		margin: 24px 0 0;
		width: 135px;
	}
	.panels .panel_plane .box_l form .btn_submit input:hover {
		opacity: 0.75;
	}
	.panels .panel_plane .sublink {
		width: 65%;
	}
	.sublink ul {
		display: flex;
		justify-content: flex-end;
		width: auto;
	}
	.sublink ul li {}
	.panels .panel_plane .sublink {
		width: 89%;
	}
	.panels .panel_plane .sublink ul li {
		margin-bottom: 10px;
	}
	.panel_hotel .search-widget-search-container-bf1818 {
        width: 65%!important;
        min-width: 660px;
}
	.panel_hotel .input-container-input-container-da40af .input-container-title-db81ec {
        font-size: 16px;
}	
	.panel_hotel .search-widget-input-34bba0, .search-widget-select-75fb48 {
		font-size: 16px!important;
		width: 255px!important;
	}
	.panel_hotel .dropdown-selector-container-ef1ce2 .dropdown-selector-input-6d2b0e {
		width: 265px!important;
	}
	.panel_hotel .sublink {
        width: 60%;
        margin: auto;
		min-width: 650px;
}
	.panel_hotel .search-widget-search-container-bf1818 .search-widget-button-wrapper-d2b715 {
        margin-left: 10px;
}
	.panel_hotel .input-container-input-container-da40af {
        margin: 0 28px 10px 0;
}

}
@media screen and (min-width: 1100px) {
	.tripla_tourbuilder, .con_inner {
		max-width: 1010px;
	}
}