@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information: エラー・ローディング表示
File name:     error.css
Created:       2021-08-27
----------------------------------------------------------- */

.online_tour .sec_load {
	max-width: 686px;
	margin: 0 auto;
}

.online_tour .sec_load .alert_box {
	border: 1px solid #FF0000;
	background: #ffe6e9 url(../img/icon_error_01.svg) 20px 17px/35px 32px no-repeat;
	position: relative;
	padding: 15px 75px;
	/*mochiki add↓*/
	margin-bottom: 10px;
}

.online_tour .sec_load .alert_box p {
	color: #FF0000;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.4;
}

.online_tour .sec_load .alert_box_close {
	font-size: 1.4rem;
	position: absolute;
	top: 13px;
	right: 13px;
	padding-right: 20px;
	line-height: 1;
	cursor: pointer;
}

.online_tour .sec_load .alert_box_close:before,
.online_tour .sec_load .alert_box_close:after {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background: #000000;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.online_tour .sec_load .alert_box_close:after {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.online_tour .sec_load .alert_box_close:hover {
	opacity: 0.65;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.online_tour .sec_load .loading {
	text-align: center;
	margin: 60px auto;
}

.online_tour .sec_load .loading_tit {
	font-size: 1.8rem;
	font-weight: 700;
}

.online_tour .sec_load .loading .loader_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 180px;
	position: relative;
}

.online_tour .sec_load .loading .loader_wrap .loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.online_tour .sec_load .loading .loader_wrap .loader::after {
	content: "";
	color: #32AFAF;
	font-size: 8px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	text-indent: -9999em;
	-webkit-animation: loader 1.5s infinite ease-in-out;
	animation: loader 1.5s infinite ease-in-out;
	-webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);
	transform: translateZ(0) translateX(-50%) translateY(-50%);
}

.online_tour.hotel.error .bl_side_body .inner,
.online_tour.hotel.error .bl_side_f .inner,
.online_tour.flight.error .bl_side_body .inner,
.online_tour.flight.error .bl_side_f .inner {
	display: none;
}

.online_tour.hotel.error .bl_main .tour_info,
.online_tour.hotel.error .bl_main .bl_choice,
.online_tour.flight.error .bl_main .tour_info,
.online_tour.flight.error .bl_main .bl_choice {
	display: none;
}

.online_tour.flight.error2 .sec_load .alert_box {
	margin: 15px 0;
}

/*mochiki add S */
.bl_hotel .sec_load .alert_box {
	margin: 15px 0;
}
/*mochiki add E */

.online_tour.flight.error2 .bl_side_body .inner,
.online_tour.flight.error2 .bl_side_f .inner {
	display: none;
}

.online_tour.flight.error2 .bl_main {
	padding-top: 0;
}

.online_tour.flight.error2 .bl_main .tour_info,
.online_tour.flight.error2 .bl_main .bl_choice {
	display: none;
}

.online_tour .error_wraper {
	max-width: 686px;
	margin: 40px auto 80px;
}

.online_tour .sec_load .attention_txt p {
	margin: 20px 0;
	font-size: 14px;
	line-height: 1.5;
}

.online_tour .sec_load .contact_box {
	background: #F5F5F5;
	border: 1px solid #D2D2D2;
	padding: 20px;
}

.online_tour .sec_load .contact_box .tit {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #32AFAF;
	margin-bottom: 15px;
	line-height: 1.5;
}

.online_tour .sec_load .contact_box .tel {
	margin-right: 15px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.online_tour .sec_load .contact_box .time {
	font-size: 12px;
	line-height: 1.2;
}

.online_tour .sec_load .back_btn {
	max-width: 188px;
	margin: 40px auto;
}

.online_tour .sec_load .back_btn a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	background: #F5F5F5;
	position: relative;
	font-size: 14px;
	font-weight: normal;
	border-radius: 6px;
	border: 1px solid #D2D2D2;
	padding-right: 10px;
	line-height: 1;
}

.online_tour .sec_load .back_btn a::after {
	color: #505050;
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	right: 10px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #505050;
	border-bottom: 2px solid #505050;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: calc(50% - 4px);
}

.online_tour .sec_load .back_btn a:hover {
	opacity: 0.65;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (min-width: 641px), print {

.online_tour.hotel.error .sec_load,
.online_tour.flight.error .sec_load {
	min-height: 700px;
}

.online_tour .sec_load .contact_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.online_tour .sec_load .contact_box .tel a {
	pointer-events: none;
}

}

@media screen and (min-width: 1061px), print {

.online_tour.flight.error2 .sec_load {
	min-height: 700px;
}

}

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

.online_tour.flight.error2 .sec_load {
	max-width: 100%;
}

.online_tour.flight.error2 .bl_research {
	display: none;
}

.online_tour.flight.error2 .bl_research_sp {
	border-top: solid 1px #D2D2D2;
	height: auto;
	margin-top: -1px;
	position: static;
}

.online_tour.flight.error2 .bl_research_sp .bl_hidden_h {
	display: none;
}

.online_tour.flight.error2 .bl_research_sp .bl_hidden_body {
	position: static;
	height: auto;
	padding-top: 0;
	overflow-y: auto;
}

.online_tour.flight.error2 .bl_research_sp .bl_hidden_f {
	border-top: 0;
	position: static;
}

.online_tour.flight.error2 .bl_research_sp .bl_hidden_f .inner {
	border-top: 0;
	padding-top: 0;
}

.online_tour.flight.error2 .bl_research_sp .research_tit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 54px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 45px;
	background: #E6F4F6 url(../img/icon_search_gr.svg) 25px center/16px 16px no-repeat;
}

}

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

.online_tour .sec_load .alert_box_close:hover {
	opacity: 1;
}

.online_tour .error_wraper {
	max-width: calc(100% - 30px);
}

.online_tour .sec_load .back_btn a:hover {
	opacity: 1;
}

}

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

.online_tour .sec_load .alert_box {
	padding: 10px 18vw 10px 14.66667vw;
	background-position: 3.33333vw 4.53333vw;
	background-size: 8.26667vw 7.46667vw;
}

.online_tour .sec_load .alert_box p {
	font-size: 3.6vw;
}

.online_tour .sec_load .alert_box_close {
	top: 10px;
	right: 10px;
	font-size: 3.2vw;
	padding-left: 4vw;
}

.online_tour .sec_load .alert_box_close:before,
.online_tour .sec_load .alert_box_close:after {
	width: 4vw;
}

.online_tour .sec_load .loading {
	margin: 13.33333vw auto;
}

.online_tour .sec_load .loading_tit {
	font-size: 4.26667vw;
}

.online_tour.hotel.error .sec_load,
.online_tour.flight.error .sec_load {
	width: calc(100% + 6.6vw);
	position: relative;
	left: -3.3vw;
	border-top: solid 1px #D2D2D2;
	border-bottom: solid 1px #D2D2D2;
	padding: 3.3333333333vw;
}

.online_tour.flight.error2 .bl_wraper {
	border-top: solid 1px #D2D2D2;
}

.online_tour.flight.error2 .sec_load {
	width: 100%;
	position: relative;
}

.online_tour.flight.error2 .sec_load .alert_box {
	margin: 3.3333333333vw 0;
}

.online_tour.flight.error2 .bl_research_sp .research_tit {
	height: 14.4vw;
	font-size: 4.8vw;
	padding-left: 12vw;
	background-position: 4.8vw center;
	background-size: 4.26vw 4.26vw;
}

.online_tour .error_wraper {
	max-width: 100%;
	margin: 5.33333vw 3.33vw 13.33333vw;
}

.online_tour .sec_load .attention_txt p {
	margin: 5.33333vw 0;
	font-size: 3.2vw;
}

.online_tour .sec_load .contact_box {
	padding: 4vw;
	margin: 8vw auto;
}

.online_tour .sec_load .contact_box .tit {
	font-size: 3.2vw;
	margin-bottom: 2.66667vw;
}

.online_tour .sec_load .contact_box .tel {
	font-size: 4.53333vw;
	margin: 0 0 1.33333vw;
}

.online_tour .sec_load .contact_box .time {
	font-size: 2.93333vw;
}

.online_tour .sec_load .back_btn {
	width: 42.66667vw;
	margin: 6.66667vw auto 8vw;
}

.online_tour .sec_load .back_btn a {
	height: 9.6vw;
	font-size: 3.2vw;
}

}

@-webkit-keyframes loader {

0%,100% {
	-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}

12.5% {
	-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}

25% {
	-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}

37.5% {
	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}

50% {
	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}

62.5% {
	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}

75% {
	-webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}

87.5% {
	-webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}

}

@keyframes loader {

0%,100% {
	-webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}

12.5% {
	-webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}

25% {
	-webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}

37.5% {
	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}

50% {
	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}

62.5% {
	-webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}

75% {
	-webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}

87.5% {
	-webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}

}