@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);@media(max-width: 657px) { .drowerButton { border-radius:0; border-right: none; border-left: none } } .tkCrossMark[data-v-48c8a880]:before { position: absolute; left: var(--length); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); width: var(--length); height: var(--length); margin: auto; border-right: var(--width) solid; border-top: var(--width) solid; vertical-align: middle; content: "" } .tkCrossMark[data-v-48c8a880]:after { position: absolute; left: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: var(--length); height: var(--length); margin: auto; border-right: var(--width) solid; border-top: var(--width) solid; vertical-align: middle; content: "" } .tkBadge[data-v-7137848d] { position: relative; padding-right: 11px; padding-left: 9px; overflow: hidden; border: 1px solid; border-radius: 2em; font-size: 12px; letter-spacing: -.05em; text-overflow: ellipsis; white-space: nowrap; cursor: default } .tkBadge.-removable[data-v-7137848d] { padding-left: 24px; color: #347ab0; cursor: pointer } .tkBadge_crossmark[data-v-7137848d] { position: absolute; left: 6px; top: 7px } .tkBadges[data-v-a17bea82] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px } .appealDesc_more { padding: 0; background-color: rgba(0,0,0,0); border: none; text-decoration: underline } .appealDesc_more:after { content: ""; display: inline-block; border: 2px solid #333; border-top-width: 0; border-left-width: 0; width: 7px; height: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 8px; margin-bottom: 3px } .appealDesc_more.is-shown:after { -webkit-transform: translateY(3px) rotate(-135deg); -ms-transform: translateY(3px) rotate(-135deg); transform: translateY(3px) rotate(-135deg) } .white[data-v-245a71e6] { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .red[data-v-245a71e6] { -webkit-filter: brightness(0) invert(56%) sepia(86%) saturate(5172%) hue-rotate(337deg) brightness(96%) contrast(103%); filter: brightness(0) invert(56%) sepia(86%) saturate(5172%) hue-rotate(337deg) brightness(96%) contrast(103%) } .blue[data-v-245a71e6] { -webkit-filter: brightness(0) invert(34%) sepia(97%) saturate(551%) hue-rotate(171deg) brightness(89%) contrast(94%); filter: brightness(0) invert(34%) sepia(97%) saturate(551%) hue-rotate(171deg) brightness(89%) contrast(94%) } .gray[data-v-245a71e6] { -webkit-filter: brightness(0) invert(1) brightness(.5); filter: brightness(0) invert(1) brightness(.5) } .black[data-v-245a71e6] { -webkit-filter: brightness(0); filter: brightness(0) } .ui-state-default[data-v-dd88a390] { color: #333!important } .tkImage.-suppressHighlight[data-v-c9dbde0a]:hover { opacity: 1 } .tk-skeleton { background-size: 200px 100%; background-repeat: no-repeat; border-radius: 2px; display: inline-block; max-width: 100%; height: inherit } .tk-skeleton:after { content: "​"; visibility: hidden } @-webkit-keyframes bgpos { 0% { background-position: -200px 0 } to { background-position: calc(200px + 100%) 0 } } @keyframes bgpos { 0% { background-position: -200px 0 } to { background-position: calc(200px + 100%) 0 } } .is-loading { height: 0 } .is-loading td { height: 100% } .TkTextBox[data-v-fd28cb72] { position: relative } @media(max-width: 657px) { .TkTextBox[data-v-fd28cb72] { height:var(--height) } } .TkTextBox.-disabled[data-v-fd28cb72] { opacity: .5 } .tkTextBox_input[data-v-fd28cb72] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; width: var(--width); height: var(--height); padding-left: calc(var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x) + var(--extra-text-padding-left)); padding-right: calc(10px + var(--extra-text-padding-right)); font-size: var(--font-size); cursor: var(--cursor) } .tkTextBox_input.-putIconOutside[data-v-fd28cb72] { width: calc(var(--width) - var(--outside-icon-space)); padding-left: calc(var(--text-padding-x) + var(--extra-text-padding-left)); left: var(--outside-icon-space) } .tkTextBox_input.-default[data-v-fd28cb72] { border: 1px solid #d2d2d2; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); background-color: #fff } .tkTextBox_input.-flat[data-v-fd28cb72] { border: 1px solid #bababa; border-radius: 4px; background-color: #fff } .tkTextBox_input.-blue[data-v-fd28cb72] { border-color: #bbd2e6; color: #1f6aad } .tkTextBox_input.-blue.-active[data-v-fd28cb72] { background-color: #1f6aad; color: #fff } .tkTextBox_input.-noBorder[data-v-fd28cb72] { border: unset } .tkTextBox_input.-bold[data-v-fd28cb72] { font-weight: 700 } @media(max-width: 657px) { .tkTextBox_input[data-v-fd28cb72] { font-size:16px; --scale-factor: calc(var(--view-font-size)/16); height: calc(var(--height)/var(--scale-factor)); width: calc(var(--width)/var(--scale-factor)); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(var(--scale-factor)); -ms-transform: scale(var(--scale-factor)); transform: scale(var(--scale-factor)); padding-left: calc((var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x) + var(--extra-text-padding-left))/var(--scale-factor)); padding-right: calc((10px + var(--extra-text-padding-right))/var(--scale-factor)) } .tkTextBox_input.-putIconOutside[data-v-fd28cb72] { width: calc((var(--width) - var(--outside-icon-space))/var(--scale-factor)); padding-left: calc((var(--text-padding-x) + var(--extra-text-padding-left))/var(--scale-factor)) } } .tkTextBox_icon[data-v-fd28cb72] { position: absolute; top: var(--icon-padding-y); left: var(--icon-padding-x); width: var(--icon-size); height: var(--icon-size); cursor: var(--cursor) } .tkTextBox_icon.-putIconOutside[data-v-fd28cb72] { cursor: auto } .tkTextBox_separator[data-v-fd28cb72] { position: absolute; z-index: 1; cursor: var(--cursor) } .tkTextBox_separator.-default[data-v-fd28cb72] { top: calc(var(--height)*0.2); left: calc(var(--icon-size) + var(--icon-padding-x)*1.5); width: .5px; height: calc(var(--height)*0.6); background-color: #dfe6e6 } .tkTextBox_autocomplete[data-v-fd28cb72] { position: absolute; z-index: 1; width: 100%; overflow: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff; cursor: pointer } .tkTextBox_autocomplete.-default[data-v-fd28cb72] { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1); box-shadow: 2px 2px 2px rgba(0,0,0,.1); background-color: #fff } .tkTextBox_autocomplete.-putIconOutside[data-v-fd28cb72] { width: calc(100% - var(--outside-icon-space)); left: var(--outside-icon-space) } .tkTextBox_autocompleteItem[data-v-fd28cb72] { position: relative; width: 100%; padding: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media(max-width: 657px) { .tkTextBox_autocompleteItem[data-v-fd28cb72] { height:40px; font-size: 16px; line-height: 28px } } .tkTextBox_autocompleteItem.-default.-border[data-v-fd28cb72] { border-bottom: 1px solid #d2d2d2 } .tkTextBox_autocompleteItem.-default[data-v-fd28cb72]:hover { background-color: #f3f3f3 } .tkTextBox_autocompleteItem.-normal[data-v-fd28cb72] { height: 28px; font-size: 12px; line-height: 12px } @media(max-width: 657px) { .tkTextBox_autocompleteItem.-normal[data-v-fd28cb72] { height:32px; font-size: 16px; line-height: 18px } } .tkTextBox_autocompleteItem.-large[data-v-fd28cb72] { height: 28px; font-size: 12px; line-height: 12px } @media(max-width: 657px) { .tkTextBox_autocompleteItem.-large[data-v-fd28cb72] { height:32px; font-size: 16px; line-height: 18px } } .tkTextBox_autocompleteItem.-x-large[data-v-fd28cb72] { height: 36px; font-size: 14px; line-height: 20px } @media(max-width: 657px) { .tkTextBox_autocompleteItem.-x-large[data-v-fd28cb72] { height:36px; font-size: 16px; line-height: 20px } } .tkStickyItem_wrapper[data-v-52be2b62] { position: sticky; top: var(--top); z-index: var(--z-index) } .swiper-button-next[data-v-8f627890]:after,.swiper-button-prev[data-v-8f627890]:after { content: "" } .TkBreadcrumbs[data-v-396285c8] { padding-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; overflow: auto } .TkBreadcrumbs_list[data-v-396285c8] { margin: 0 auto } .TkBreadcrumbs_item[data-v-396285c8] { display: inline; font-size: 11px } .TkBreadcrumbs_itemLink[data-v-396285c8] { color: #333; text-decoration: none } .selectYesOrNo { border-top: 20px solid #f9423a; padding: 14px; background: #fff; width: 250px; height: 70px; border-radius: 4px; display: block; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; text-align: center } .selectYesOrNo_title { font-weight: 700 } .selectYesOrNo_btnArea { margin-top: 7px } .selectYesOrNo_btn { display: inline-block; width: 100px; margin: 10px; outline: none } .TkDownArrow:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle } .TkDownArrow:after { border-right: 2px solid; border-top: 2px solid; position: absolute; top: 0; bottom: 3px; left: 3px; margin: auto; content: ""; vertical-align: middle; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .TkDownArrow.-normal:after { height: 5px; width: 5px } .TkDownArrow.-large:after { height: 7px; width: 7px } .TkDownArrow.-x-large:after { height: 9px; width: 9px } .tkRightArrow:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle } .tkRightArrow:after { border-right: 2px solid; border-top: 2px solid; height: 5px; width: 5px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .tkLeftArrow:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle } .tkLeftArrow:after { border-right: 2px solid; border-top: 2px solid; height: 5px; width: 5px; position: absolute; top: 0; bottom: 0; left: 3px; margin: auto; content: ""; vertical-align: middle; -webkit-transform: rotate(224deg); -ms-transform: rotate(224deg); transform: rotate(224deg) } .TkUpArrow:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle } .TkUpArrow:after { border-right: 2px solid; border-top: 2px solid; height: 5px; width: 5px; position: absolute; top: 3px; bottom: 0; left: 3px; margin: auto; content: ""; vertical-align: middle; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg) } .tkHeaderAccordion_button { cursor: pointer } .tkHeaderAccordion_title { position: relative } .tkHeaderAccordion_arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } @media(max-width: 657px) { .favoriteModal.modal.modal-sp-fullscreen.in { background-color:rgba(0,0,0,0); padding: 0!important; top: 50%; left: 50%; right: auto; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%) } } .favoriteModal .modal-dialog.modal- .modal-content { border-radius: 6px } @media(max-width: 657px) { .favoriteModal .modal-dialog.modal- .modal-content { min-height:0; padding: 0 } } .favoriteModal.modal .modal-dialog.modal- { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(max-width: 657px) { .favoriteModal.modal .modal-dialog.modal- { min-height:0; height: auto } } .favoriteModal_body { border-top: 20px solid #f9423a; border-radius: 6px; padding: 25px; text-align: center } .favoriteModal_body.-error { width: 460px } @media(max-width: 657px) { .favoriteModal_body { width:80vw!important } } .favoriteModal_message { font-size: 16px; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; font-weight: 700; letter-spacing: .5px; line-height: 1.5; margin-bottom: 10px } .favoriteModal_img { height: 150px } @media(max-width: 657px) { .favoriteModal_img { height:100px } } .favoriteModal_btn { background: #c6c4c0; margin: 30px auto 0; height: 35px; width: 300px; font-weight: 700!important; color: #fff; border-color: rgba(0,0,0,0)!important; border-radius: 4px!important; display: block!important } @media(max-width: 657px) { .favoriteModal_btn { width:100px } } .favoriteBalloon_on { color: #fff; font-size: 12px; background: #f9423a; text-align: center; padding: 10px 20px; border-radius: 50px; width: 84px; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; -webkit-animation-name: fade; animation-name: fade; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .favoriteBalloon_on:after { bottom: 0; left: 50%; -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); transform: translate(-50%,50%); position: absolute; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #f24b3a rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) } .favoriteBalloon_off { color: #fff; font-size: 12px; background: #63666a; text-align: center; padding: 10px 20px; border-radius: 50px; width: 84px; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; -webkit-animation-name: fade; animation-name: fade; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .favoriteBalloon_off:after { bottom: 0; left: 50%; -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); transform: translate(-50%,50%); position: absolute; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #63666a rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) } @-webkit-keyframes fade { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } @keyframes fade { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } .vm--overlay { background-color: rgba(99,102,106,.6) } .modalBox { background-color: inherit; top: 0!important; left: 0!important } .hotelModal { width: 100%; height: 100%; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch } .hotelModalFlex,.hotelModalInner { background-color: #fff; min-height: calc(100% - 140px) } .hotelModal .hotelSectionInner>div:first-child { margin-top: 0 } @media screen and (min-width: 658px) { .hotelModalInner { border-radius:10px 10px 0 0; padding: 70px 0 } .hotelModalFlex { overflow: hidden; border-radius: 10px 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .hotelModalLeft { width: 580px; padding: 70px } .hotelModalRight { width: calc(100% - 580px); min-height: calc(100vh - 140px) } } @media screen and (max-width: 657px) { .hotelModal { background-color:#fff; padding-bottom: 60px } .hotelModalInner { padding: 20px 2% 40px; min-height: calc(100% - 100px) } .hotelModalFlex { padding: 0 2% 40px; min-height: calc(100% - 100px) } } .modalHeader { height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 960px; margin: 0 auto; width: 100% } @media screen and (min-width: 658px) { .modalHeader.calendar,.modalHeader.roomInput { display:none } } .modalHeader a { font-weight: 700; font-size: 15px; color: #fff } .modalHeader a:link { color: #fff } @media screen and (max-width: 657px) { .modalHeader { height:50px; padding: 0 2%; background-color: #f9423a } } .modalFooter { height: 70px; background-color: #f7f5f0; 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 } @media screen and (max-width: 657px) { .modalFooter { height:50px } } .modalBg { position: absolute; width: 100%; height: 100%; z-index: 0 } @media screen and (max-width: 657px) { .modalBg { display:none } } .icoBack { width: 15px; height: 15px; margin-right: 10px; fill: #fff } .tkPulldown[data-v-7c773116] { position: relative } @media(max-width: 657px) { .tkPulldown[data-v-7c773116] { height:var(--height) } } .tkPulldown.-disabled[data-v-7c773116] { opacity: .5 } .tkPulldown_pulldown[data-v-7c773116] { position: relative; width: 100%; background-image: none!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: var(--height); padding-top: 0; padding-bottom: 0; font-size: var(--font-size); cursor: var(--cursor) } .tkPulldown_pulldown.-left[data-v-7c773116] { padding-left: calc(var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x) + 16px); padding-right: 10px } .tkPulldown_pulldown.-right[data-v-7c773116] { padding-left: calc(var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x)); padding-right: 32px } .tkPulldown_pulldown.-noIcon[data-v-7c773116] { padding-left: calc(var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x)); padding-right: 10px } .tkPulldown_pulldown.-putTextIconOutside[data-v-7c773116] { width: calc(100% - var(--outside-icon-space)); padding-left: var(--text-padding-x); left: var(--outside-icon-space) } .tkPulldown_pulldown.-putTextIconOutside.-left[data-v-7c773116] { padding-left: calc(var(--text-padding-x) + 16px); padding-right: 10px } .tkPulldown_pulldown.-default[data-v-7c773116] { border: 1px solid #d2d2d2; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); background-color: #fff } .tkPulldown_pulldown.-flat[data-v-7c773116] { border: 1px solid #bababa; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; background-color: #fff } .tkPulldown_pulldown.-outlined[data-v-7c773116] { border: none; border-radius: 4px; background-color: #333; color: #fff } .tkPulldown_pulldown.-blue[data-v-7c773116] { border-color: #bbd2e6; color: #1f6aad } .tkPulldown_pulldown.-blue.-active[data-v-7c773116] { background-color: #1f6aad; color: #fff } .tkPulldown_pulldown.-noBorder[data-v-7c773116] { border: unset } .tkPulldown_pulldown.-bold[data-v-7c773116] { font-weight: 700 } @media(max-width: 657px) { .tkPulldown_pulldown[data-v-7c773116] { --scale-factor:calc(var(--view-font-size)/16); font-size: 16px!important; height: calc(var(--height)/var(--scale-factor)); width: calc(100%/var(--scale-factor)); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(var(--scale-factor)); -ms-transform: scale(var(--scale-factor)); transform: scale(var(--scale-factor)) } .tkPulldown_pulldown.-left[data-v-7c773116] { padding-left: calc((var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x) + 16px)/var(--scale-factor)); padding-right: calc(10px/var(--scale-factor)) } .tkPulldown_pulldown.-right[data-v-7c773116] { padding-left: calc((var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x))/var(--scale-factor)); padding-right: calc(32px/var(--scale-factor)) } .tkPulldown_pulldown.-noIcon[data-v-7c773116] { padding-left: calc((var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x))/var(--scale-factor)); padding-right: calc(10px/var(--scale-factor)) } .tkPulldown_pulldown.-putTextIconOutside[data-v-7c773116] { width: calc((100% - var(--outside-icon-space))/var(--scale-factor)); padding-left: calc(var(--text-padding-x)/var(--scale-factor)) } } .tkPulldown_icon[data-v-7c773116] { position: absolute; top: 0; bottom: 0; margin: auto; width: var(--icon-width); cursor: var(--cursor) } .tkPulldown_icon.-arrow[data-v-7c773116] { --icon-width: 8px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .tkPulldown_icon.-spin[data-v-7c773116] { --icon-width: 10px } .tkPulldown_icon.-filled-spin[data-v-7c773116] { --icon-width: 10px } .tkPulldown_icon.-left[data-v-7c773116] { left: calc(var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x) + 10px - var(--icon-width)) } .tkPulldown_icon.-left.-putTextIconOutside[data-v-7c773116] { left: calc(var(--text-padding-x) + 10px - var(--icon-width) + var(--outside-icon-space)) } .tkPulldown_icon.-right[data-v-7c773116] { right: calc(var(--icon-width) + 7px) } .tkPulldown_unselectedOption[data-v-7c773116] { display: none } .tkPulldown_option[data-v-7c773116] { display: block; min-height: 1.2em; padding: 0 2px 1px; font-weight: 400; white-space: nowrap } .tkPulldown_option.-default[data-v-7c773116] { color: #000 } .tkPulldown_option.-flat[data-v-7c773116] { color: #000 } .tkPulldown_option.-outlined[data-v-7c773116] { color: #fff } .tkPulldown_textIcon[data-v-7c773116] { position: absolute; top: var(--icon-padding-y); left: var(--icon-padding-x); width: var(--icon-size); height: var(--icon-size); cursor: var(--cursor) } .tkPulldown_textIcon.-putTextIconOutside[data-v-7c773116] { cursor: auto } .tkPulldown_separator[data-v-7c773116] { position: absolute; z-index: 1; cursor: var(--cursor) } .tkPulldown_separator.-default[data-v-7c773116] { top: calc(var(--height)*0.2); left: calc(var(--icon-size) + var(--icon-padding-x)*1.5); width: .5px; height: calc(var(--height)*0.6); background-color: #dfe6e6 } .tkCustomPulldown[data-v-40aec184] { position: relative; width: var(--width) } .tkCustomPulldown_options[data-v-40aec184] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: var(--options-top); left: var(--outside-icon-space); z-index: 20; min-width: calc(var(--width) - var(--outside-icon-space)); max-height: 400px; padding: var(--options-padding); overflow: auto; border-radius: 6px; -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,.1); box-shadow: 2px 4px 4px rgba(0,0,0,.1); background-color: #fff; cursor: var(--cursor) } .tkCustomPulldown_options.-blue[data-v-40aec184] { color: #1f6aad } .tkCustomPulldown_options.-animated[data-v-40aec184] { -webkit-animation: popup-40aec184 .2s cubic-bezier(.22,1,.36,1) 1 forwards; animation: popup-40aec184 .2s cubic-bezier(.22,1,.36,1) 1 forwards } @-webkit-keyframes popup-40aec184 { 0% { -webkit-transform: translateY(var(--options-initial-translation-y)) scaleY(0); transform: translateY(var(--options-initial-translation-y)) scaleY(0); opacity: 0 } to { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } 80%,to { opacity: 1 } } @keyframes popup-40aec184 { 0% { -webkit-transform: translateY(var(--options-initial-translation-y)) scaleY(0); transform: translateY(var(--options-initial-translation-y)) scaleY(0); opacity: 0 } to { -webkit-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1) } 80%,to { opacity: 1 } } .tkCustomPulldown_option[data-v-40aec184] { height: var(--option-height); padding: 0 15px 0 var(--option-padding-left); border-radius: 2px; font-size: var(--font-size); line-height: var(--option-height); white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tkCustomPulldown_option.-focused[data-v-40aec184] { background-color: #eaf2f8 } .tkCustomPulldown_option[data-v-40aec184]:hover { background-color: #eaf2f8 } .tkCustomPulldown_outside[data-v-40aec184] { position: fixed; top: 0; left: 0; z-index: 19; width: 100%; height: 100%; background-color: rgba(0,0,0,0) } .tkCustomPulldown_icon[data-v-40aec184] { position: absolute; top: 0; bottom: 0; margin: auto; cursor: var(--cursor); width: var(--icon-width) } .tkCustomPulldown_icon.-arrow[data-v-40aec184] { --icon-width: 8px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .tkCustomPulldown_icon.-spin[data-v-40aec184] { --icon-width: 10px } .tkCustomPulldown_icon.-filled-spin[data-v-40aec184] { --icon-width: 10px } .tkCustomPulldown_icon.-left[data-v-40aec184] { left: calc(var(--icon-padding-x) + var(--icon-size) + var(--separator-space) + var(--text-padding-x) + 10px - var(--icon-width)) } .tkCustomPulldown_icon.-left.-putTextIconOutside[data-v-40aec184] { left: calc(var(--text-padding-x) + 10px - var(--icon-width) + var(--outside-icon-space)) } .tkCustomPulldown_icon.-right[data-v-40aec184] { right: calc(var(--icon-width) + 7px) } .tkCustomPulldown_icon.-disabled[data-v-40aec184] { opacity: .5 } .tkTooltips_tool[data-v-e2fb4bc6] { display: inline-block; width: 100% } .tkTooltips_tipsWrapper[data-v-e2fb4bc6] { position: relative; border-radius: 6px } .tkTooltips_tipsWrapper.-animated[data-v-e2fb4bc6] { -webkit-animation: fadeIn-e2fb4bc6 .2s linear 1 forwards; animation: fadeIn-e2fb4bc6 .2s linear 1 forwards } @-webkit-keyframes fadeIn-e2fb4bc6 { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn-e2fb4bc6 { 0% { opacity: 0 } to { opacity: 1 } } .tkTooltips_tips[data-v-e2fb4bc6] { position: absolute; top: var(--top); left: var(--left); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.631372549); box-shadow: 0 0 4px rgba(0,0,0,.631372549); border-radius: 6px; overflow: hidden } .tkTooltips_arrow[data-v-e2fb4bc6]:after { position: absolute; top: var(--top); left: var(--left); -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5); border: var(--arrow-size) solid rgba(0,0,0,0); border-bottom-color: var(--arrow-color); content: "" } .tkTooltips_outside[data-v-e2fb4bc6] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0) } .loadingModal-global { position: relative; font-size: 15px; color: #707070; font-weight: 700; text-align: center; bottom: 15px; left: 0; width: 100% } .labelRate_List { font-size: 0; vertical-align: middle } .scrollToTopBar a { width: 100%; height: 120px; background: #f9423a; display: block; position: relative } .scrollToTopBar a:after,.scrollToTopBar a:before { content: ""; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; -webkit-transition: all .2s linear; transition: all .2s linear } .scrollToTopBar a:before { border-right: 2px solid #fff; border-top: 2px solid #fff; -webkit-box-sizing: content-box; box-sizing: content-box; height: 16px; width: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .scrollToTopBar a:after { width: 2px; height: 20px; background-color: #fff } @media screen and (min-width: 658px) { .scrollToTopBar a:hover:before { bottom:70px } .scrollToTopBar a:hover:after { height: 90px } } @media screen and (max-width: 657px) { .scrollToTopBar a { height:70px } .scrollToTopBar a:before { bottom: 30px } .scrollToTopBar a:after { height: 50px } } .tkFavoriteButton { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; position: relative!important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; cursor: pointer; height: 100%!important; width: inherit; min-height: 38px!important; min-width: 50px; color: #f9423a; border: 1px solid #f9423a!important; background-color: #fff } .tkFavoriteButton.-disabled,.tkFavoriteButton.-registered { color: #63666a; border-color: #d2d2d2!important } .tkFavoriteButton.-disabled { pointer-events: none; background-color: #d2d2d2 } .tkFavoriteButton_messageArea { font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; font-size: 14px; font-weight: 700; margin: 0 40px; white-space: nowrap } .tkFavoriteButton_iconArea { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .tkFavoriteButton_icon { height: 24px; width: 30px } .tkHotelPlanInfo_favBtnArea { position: relative; width: auto } .tkHotelPlanInfo_favBalloon { position: absolute; top: -40px; left: 60px } .tkSearchConditionBox[data-v-37a83870] { position: relative; padding: 5px 2%; background-color: #fff; font-family: 游ゴシック,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif; line-height: 1.3 } .tkSearchConditionBox.-border[data-v-37a83870] { border: 1px solid #115da1 } .tkSearchConditionBox_changeBtn[data-v-37a83870] { position: absolute; padding: 5px 10px 5px 10px; right: 2%; border: 1px solid #115da1; background-color: #115da1; color: #fff; font-weight: 700; font-size: 12px; font-family: inherit; text-decoration: none; line-height: inherit; outline-style: none!important; cursor: pointer } .tkSearchConditionBox_changeBtn.-default[data-v-37a83870] { border-radius: 0 } .tkSearchConditionBox_changeBtn.-round-corners[data-v-37a83870] { border-radius: 3px } .tkSearchConditionBox_changeBtn[data-v-37a83870]:hover { opacity: .6 } .tkSearchConditionBox_pcShowText[data-v-37a83870] { color: #fff } @media(max-width: 657px) { .tkSearchConditionBox_pcShowText[data-v-37a83870] { display:none } } .tkSearchConditionBox_buttonText[data-v-37a83870] { color: #fff } .tkSearchConditionBox_placeArea[data-v-37a83870] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 700; font-size: 13px; color: #333; height: 27px; max-width: 85% } .tkSearchConditionBox_dateAndPeopleArea[data-v-37a83870] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 700; font-size: 13px; color: #333; height: 27px; max-width: 85% } .tkSearchConditionBox_text[data-v-37a83870] { margin: 0 0 0 10px; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .tkSearchConditionBox_icon[data-v-37a83870] { width: 20px } .tkSearchConditionFlg_text[data-v-37a83870] { margin: 10px 0 10px 30px; font-size: 13px; font-weight: 700 } .tkRightArrowButton { position: relative; border-radius: 4px; cursor: pointer; border: 1px solid; font-size: 100%; height: 100%; width: 100%; text-align: center } .tkRightArrowButton.-red { background: #f9423a; border-color: #f9423a; color: #fff } .tkRightArrowButton.-skelton { background: none; border-color: #fff; color: #fff } .tkRightArrowButton_arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .tkLeftArrowButton { position: relative; border-radius: 4px; cursor: pointer; border: 1px solid; font-size: 100%; height: 100%; width: 100%; text-align: center } .tkLeftArrowButton.-red { background: #f9423a; border-color: #f9423a; color: #fff } .tkLeftArrowButton.-gray { background: #63666a; border-color: #63666a; color: #fff } .tkLeftArrowButton_arrow { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .icoPhotogallery { width: 45px; height: 45px } .hotelMainTitle { max-width: 695px; width: 100% } .hotelMainTitleName { margin: 0 0 20px; font-size: 28px!important } .hotelMainTitleStar { color: #ffd200; font-size: 18px } .hotelMainTitleList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hotelMainTitleItem { font-size: 15px } .hotelMainTitleItem+.hotelMainTitleItem { margin-left: 10px } @media screen and (max-width: 657px) { .hotelMainTitle { padding:20px 2% 15px; border-radius: 10px 10px 0 0; background: #fff } .hotelMainTitleName { margin: 0 0 10px; font-size: 5vw!important } .hotelMainTitleItem { font-size: 12px } .hotelMainTitleStar { font-size: 15px } } .hotelPhoto { position: relative } .hotelPhotoFigure { width: 100%; height: 300px } .hotelPhotoFigure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .hotelPhotoBtn { position: absolute; bottom: 30px; left: 30px } @media screen and (max-width: 657px) { .hotelPhotoFigure { width:100%; height: 220px } .hotelPhotoBtn { bottom: 10px; left: 10px } } .icoClose { width: 15px; height: 15px; fill: #fff; margin: 15px } #modalGallery { position: relative } @media screen and (max-width: 657px) { .hotelModalFlex { padding:5px } } .hotelGalleryList { display: grid; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; row-gap: 5px; grid-template-columns: 1fr 1fr 1fr; width: 100%; padding-right: 30px; max-height: 650px; overflow-y: scroll } .hotelGalleryList li { height: 145px } .hotelGalleryList li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (min-width: 658px) { .hotelGalleryList { scrollbar-base-color:#f9423a; scrollbar-track-color:#ffd1cf;scrollbar-arrow-color:#ffd1cf;scrollbar-color: #f9423a #ffd1cf; scrollbar-width: thin } .hotelGalleryList::-webkit-scrollbar { width: 10px; height: 10px } .hotelGalleryList::-webkit-scrollbar-track { border-radius: 5px; background: #ffd1cf } .hotelGalleryList::-webkit-scrollbar-thumb { border-radius: 5px; background: #f9423a } } @media screen and (max-width: 657px) { .hotelGalleryList { padding-right:0; grid-template-columns: 1fr 1fr 1fr 1fr; max-height: inherit } .hotelGalleryList li { height: 100px } } .hotelGalleryShow { background: #333; padding: 70px; display: -webkit-box; display: -ms-flexbox; display: flex } .hotelGalleryShow .swiper-pagination { color: #fff; font-size: 15px; padding: 5px } .hotelGalleryShow img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } @media screen and (max-width: 657px) { .hotelGalleryShow { position:fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 0; z-index: 3; display: none } .hotelGalleryShow .swiper-container { width: 100%; height: 250px; margin-top: 150px } .hotelGalleryShow img { -o-object-fit: cover; object-fit: cover } } @media screen and (min-width: 658px) { .imageBg { display:none } } @media screen and (max-width: 657px) { .imageBg { position:absolute; width: 100%; height: 100%; z-index: -1; text-align: right } } .imageOpen { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelMapApp { position: relative; margin-bottom: 30px } .hotelMapApp .vue-map-container { overflow: hidden; border-radius: 10px; width: 100%; height: 280px } .hotelMapApp .hotelBtnMini { position: absolute; margin: auto; right: 30px; top: 30px } @media screen and (max-width: 657px) { .hotelMapApp { margin-bottom:15px } .hotelMapApp .vue-map-container { width: 104%; height: 220px; border-radius: 0; margin: 0 -2% } .hotelMapApp .hotelBtnMini { left: 0; right: 0; max-width: 180px; text-align: center; top: inherit; bottom: 30px } } .hotelMapApp.hotelModalRight { margin-bottom: 0 } .hotelMapApp.hotelModalRight .vue-map-container { border-radius: 0 } @media screen and (min-width: 658px) { .hotelMapApp.hotelModalRight .vue-map-container { height:100% } } @media screen and (max-width: 657px) { .hotelMapApp.hotelModalRight .vue-map-container { height:400px; margin-bottom: 30px } } .hotelMapBox { margin-top: 30px; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .hotelMapBoxItem { padding: 15px 0 15px 60px; position: relative; width: 440px } .hotelMapBoxItem dt { margin-bottom: 5px } .hotelMapBox [class^=ico] { position: absolute; left: 0 } .hotelMapBox+.hotelMapBox { padding-top: 30px; border-top: 1px solid #d2d2d2 } @media screen and (max-width: 657px) { .hotelMapBox { margin-top:20px; font-size: 12px } .hotelMapBoxItem { padding: 10px 10px 10px 60px; width: 100% } .hotelMapBox [class^=ico] { margin: auto; top: 0; bottom: 0; left: 0 } .hotelMapBox+.hotelMapBox { padding-top: 20px } } .icoOpenLink { width: 15px; height: 15px; margin-left: 5px } @media screen and (max-width: 657px) { .icoOpenLink { width:10px; height: 10px } } .icoCar,.icoParking,.icoPlane,.icoShip,.icoShuttle,.icoTrain { width: auto; height: 25px } @media screen and (max-width: 657px) { .icoCar,.icoParking,.icoPlane,.icoShip,.icoShuttle,.icoTrain { width:60px; height: 20px } } @media screen and (max-width: 657px) { .hotelSection { padding:0 2% 40px } } body[data-v-79828d50] { color: #333; font-size: 13px; line-height: 1.3; word-wrap: break-word; -webkit-text-size-adjust: 100% } body.modalOpen[data-v-79828d50] { overflow: hidden!important; width: 100%; height: 100% } button[data-v-79828d50],input[data-v-79828d50],select[data-v-79828d50],textarea[data-v-79828d50] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none } input[type=checkbox][data-v-79828d50] { display: none } a[data-v-79828d50],button[data-v-79828d50] { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } a[data-v-79828d50]:hover,button[data-v-79828d50]:hover { text-decoration: none; opacity: .6 } @media screen and (max-width: 657px) { .hotelDetail[data-v-79828d50] { background-color:#63666a } } @media screen and (min-width: 658px) { .sp[data-v-79828d50] { display:none } } @media screen and (max-width: 657px) { .pc[data-v-79828d50] { display:none } .sp[data-v-79828d50] { display: block } } [class^=ico][data-v-79828d50] { vertical-align: middle } .icoFavorite[data-v-79828d50] { width: 50px; height: 50px; margin-right: 10px } @media screen and (max-width: 657px) { .icoFavorite[data-v-79828d50] { width:40px; height: 40px } } .hotelFavorite[data-v-79828d50] { max-width: 960px; margin: 70px auto 0 } .hotelFavoriteBtn[data-v-79828d50] { margin: 0 auto; font-size: 18px; background: none; 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 } .hotelFavoriteBtn.on[data-v-79828d50] { color: #aaa } @media screen and (max-width: 657px) { .hotelFavorite[data-v-79828d50] { margin:40px auto 0 } .hotelFavoriteBtn[data-v-79828d50] { font-size: 13px } } .hotelBtnMini[data-v-79828d50] { border: 1px solid #d2d2d2; border-radius: 4px; padding: 3px 5px; display: inline-block; font-size: 14px; background-color: #fff } @media screen and (max-width: 657px) { .hotelBtnMini[data-v-79828d50] { font-size:13px } } .hotelBtnH2[data-v-79828d50] { border: 1px solid #d2d2d2; border-radius: 4px; padding: 12px 10px; display: inline-block; font-size: 14px; background-color: #fff; position: absolute; top: 0; right: 0 } @media screen and (max-width: 657px) { .hotelBtnH2[data-v-79828d50] { font-size:13px; padding: 8px 10px } } .hotelH2[data-v-79828d50] { font-weight: 700; font-size: 28px!important } @media screen and (max-width: 657px) { .hotelH2[data-v-79828d50] { font-size:20px!important } } .hotelH3[data-v-79828d50] { font-size: 18px; font-weight: 700 } @media screen and (max-width: 657px) { .hotelH3[data-v-79828d50] { font-size:15px } } .hotelLeadText[data-v-79828d50] { font-size: 15px } @media screen and (max-width: 657px) { .hotelLeadText[data-v-79828d50] { font-size:12px } } .hotelH2+.hotelLeadText[data-v-79828d50] { margin-top: 15px } .showText[data-v-79828d50] { padding-bottom: 40px; position: relative } .showTextArea[data-v-79828d50] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6 } .showTextArea b[data-v-79828d50] { font-size: 20px; vertical-align: middle } .showTextBtn[data-v-79828d50] { cursor: pointer; position: absolute; bottom: 0; right: 0 } .showTextBtn[data-v-79828d50]:after { content: "続きを読む"; padding-left: 10px; font-weight: 400 } @media screen and (max-width: 657px) { .showTextArea[data-v-79828d50] { overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } } [id^=showText]:checked~.showTextArea[data-v-79828d50] { display: block } [id^=showText]:checked~.showTextBtn .icoMore[data-v-79828d50] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } [id^=showText]:checked~.showTextBtn[data-v-79828d50]:after { content: "閉じる" } .hotelIntroduction ul[data-v-79828d50] { list-style: inside; margin-bottom: 20px } .hotelIntroduction ul[data-v-79828d50]:last-child { margin-bottom: 0 } .hotelIntroduction li[data-v-79828d50] { list-style: inside } .hotelSection[data-v-79828d50] { padding: 70px 0 } .hotelSectionInner[data-v-79828d50] { width: 960px; margin: 0 auto; position: relative } .hotelSection.footer[data-v-79828d50] { border-radius: 8px 8px 0 0 } .hotelSection.white[data-v-79828d50] { background-color: #fff } .hotelSection.beige[data-v-79828d50] { background-color: #f7f5f0 } @media screen and (max-width: 657px) { .hotelSection[data-v-79828d50] { padding:40px 2%; border-radius: 10px; overflow: hidden } .hotelSection.access[data-v-79828d50] { padding: 0 2% 40px } .hotelSectionInner[data-v-79828d50] { width: 100% } } .commonProgress[data-v-79828d50] { background-color: #f7f5f0; padding: 25px 0 } .commonProgressList[data-v-79828d50] { padding: 0 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; max-width: 960px; margin: 0 auto } .commonProgressList[data-v-79828d50]:after { content: ""; width: 100%; height: 4px; border-radius: 100px; background-color: #d2d2d2 } .commonProgressItem[data-v-79828d50] { position: relative; text-align: center; text-transform: uppercase; font-size: 15px; padding-bottom: 15px } .commonProgressItem[data-v-79828d50]:after,.commonProgressItem[data-v-79828d50]:before { content: ""; width: 4px; height: 4px; background-color: #f9423a; position: absolute; margin: auto; left: 0; right: 0; bottom: -4px; border-radius: 100px } .commonProgressItem.active[data-v-79828d50] { color: #f9423a } .commonProgressItem.active[data-v-79828d50]:after { width: 50%; right: 100% } .commonProgressItem.active[data-v-79828d50]:before { content: ""; width: 12px; height: 12px; bottom: -7px } .commonProgressItem.visited[data-v-79828d50]:after { width: 100% } .commonProgress .commonBack[data-v-79828d50] { max-width: 960px; margin: 0 auto; font-size: 13px } .commonProgress .commonBackLink svg[data-v-79828d50] { width: 15px; height: 15px; vertical-align: middle; margin-right: 10px; fill: #333 } .commonProgress .commonBackText[data-v-79828d50] { vertical-align: middle } @media screen and (max-width: 657px) { .commonProgress[data-v-79828d50] { padding:0; background: none } .commonProgressList[data-v-79828d50] { background: #fff; padding: 20px 2% } .commonProgressItem[data-v-79828d50] { font-size: 11px } .commonProgress .commonBack[data-v-79828d50] { padding: 10px 2% 20px; background: #63666a } .commonProgress .commonBackLink[data-v-79828d50] { color: #fff!important; font-size: 12px } .commonProgress .commonBackLink svg[data-v-79828d50] { fill: #fff; margin-right: 5px } } .icoMeal[data-v-074f60bb] { width: auto; height: 20px; margin-right: 10px } @media screen and (max-width: 657px) { .icoMeal[data-v-074f60bb] { height:15px; margin-right: 5px } } .hotelPlan[data-v-074f60bb] { background-color: #fff; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); margin-top: 30px } .hotelPlanName[data-v-074f60bb] { margin: 0 0 20px; font-size: 18px; text-decoration: underline; color: #63666a; font-weight: 700 } .hotelPlanItem a[data-v-074f60bb] { padding: 20px; display: block } .hotelPlanInfo[data-v-074f60bb] { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelPlanPrice .totalPrice[data-v-074f60bb] { color: #f9423a; font-weight: 700; font-size: 14px } .hotelPlanPrice .totalPrice .fontNo[data-v-074f60bb] { font-size: 24px; font-family: Open Sans,sans-serif } .hotelPlanPrice .totalPrice .nights[data-v-074f60bb] { font-weight: 400; color: #333 } .hotelPlanPrice .specialPrice[data-v-074f60bb] { font-size: 14px; color: #f9423a } .hotelPlanMore[data-v-074f60bb] { padding: 20px 10px; text-align: center; font-weight: 700; font-size: 14px } .hotelPlanMoreButton[data-v-074f60bb] { vertical-align: middle } @media screen and (min-width: 658px) { .hotelPlan[data-v-074f60bb] { margin-right:290px } .hotelPlanItem a[data-v-074f60bb]:hover { background-color: #f7f5f0; opacity: 1 } .hotelPlanItem a:hover .hotelBtn[data-v-074f60bb] { color: #f9423a; background-color: #fff; border: 1px solid } .hotelPlanItemBox[data-v-074f60bb] { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelPlanItem .hotelBtn[data-v-074f60bb] { margin-left: auto } .hotelPlanInfo[data-v-074f60bb] { width: 240px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #d2d2d2; font-size: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .hotelPlanInfo p+p[data-v-074f60bb] { margin-top: 5px } .hotelPlanPrice[data-v-074f60bb] { 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: center; -ms-flex-pack: center; justify-content: center } .hotelPlanPromotion[data-v-074f60bb] { font-size: 14px } } @media screen and (max-width: 657px) { .hotelPlan[data-v-074f60bb] { margin-top:20px } .hotelPlanName[data-v-074f60bb] { margin: 0 0 10px; font-size: 15px } .hotelPlanItem[data-v-074f60bb]:not(:last-child) { border-bottom: 1px solid #d2d2d2 } .hotelPlanItem a[data-v-074f60bb] { padding: 15px 10px } .hotelPlanInfo[data-v-074f60bb] { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; font-size: 12px } .hotelPlanInfo p[data-v-074f60bb] { margin-right: 10px; margin-bottom: 5px } .hotelPlanPrice[data-v-074f60bb] { margin-bottom: 15px } .hotelPlanPrice .totalPrice[data-v-074f60bb] { font-size: 12px } .hotelPlanPrice .totalPrice .fontNo[data-v-074f60bb] { font-size: 22px } .hotelPlanPrice .specialPrice[data-v-074f60bb] { font-size: 12px } .hotelPlanMore[data-v-074f60bb] { font-size: 12px } } .hotelPlan.disable .hotelRoomPhotoItem[data-v-074f60bb] { opacity: .6 } a[data-v-074f60bb],button[data-v-074f60bb] { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } a[data-v-074f60bb]:hover,button[data-v-074f60bb]:hover { text-decoration: none; opacity: .6 } .hotelBtn[data-v-074f60bb] { color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; background-color: #f9423a; border-radius: 4px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 120px; -webkit-transition: all .2s linear; transition: all .2s linear } @media screen and (min-width: 658px) { .hotelBtn[data-v-074f60bb]:hover { color:#f9423a; background-color: #fff; border: 1px solid } } @media screen and (max-width: 657px) { .hotelBtn[data-v-074f60bb] { height:45px; width: 100% } } @media screen and (max-width: 657px) { .hotelSection.Suggestion { background-color:#63666a!important; padding: 0; border-radius: 0 } .hotelSection.Suggestion .hotelSectionInner { margin-top: 40px; padding: 40px 2%; background: #fff; border-radius: 10px 10px 0 0 } } .hotelRecommendList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin-top: 30px } .hotelRecommendListItem a { overflow: hidden; border-radius: 10px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); width: 230px; font-size: 13px; display: block } .hotelRecommendListItem+.hotelRecommendListItem { margin-left: 13px } .hotelRecommendImage { height: 90px } .hotelRecommendImage img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .hotelRecommendText { padding: 15px 10px } .hotelRecommendText h4 { font-size: 15px; margin-bottom: 5px } .hotelRecommendText .starRate { color: #ffd200; font-size: 15px; margin-right: 5px } .hotelRecommendPrice { color: #f9423a; margin-top: 10px; font-weight: 700 } .hotelRecommendPrice .fontNo { font-size: 24px; font-family: Open Sans,sans-serif } .hotelRecommendPrice .nights { color: #333 } @media screen and (max-width: 657px) { .hotelRecommendBox { width:104%; margin: 15px 0 0 -2%; padding: 0 0 15px 2%; overflow-x: auto } .hotelRecommendList { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hotelRecommendListItem a { width: 52vw; margin-right: 20px } .hotelRecommendListItem+.hotelRecommendListItem { margin-left: 0 } .hotelRecommendText { padding: 10px 15px; font-size: 12px } .hotelRecommendText h4 { font-size: 14px } .hotelRecommendPrice .fontNo { font-size: 19px } } .hotelRecommendListItem a,.hotelRecommendListItem button { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } .hotelRecommendListItem a:hover,.hotelRecommendListItem button:hover { text-decoration: none; opacity: .6 } body[data-v-711ad1b5] { color: #333; font-size: 13px; line-height: 1.3; word-wrap: break-word; -webkit-text-size-adjust: 100% } body.modalOpen[data-v-711ad1b5] { overflow: hidden!important; width: 100%; height: 100% } button[data-v-711ad1b5],input[data-v-711ad1b5],select[data-v-711ad1b5],textarea[data-v-711ad1b5] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none } input[type=checkbox][data-v-711ad1b5] { display: none } a[data-v-711ad1b5],button[data-v-711ad1b5] { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } a[data-v-711ad1b5]:hover,button[data-v-711ad1b5]:hover { text-decoration: none; opacity: .6 } @media screen and (max-width: 657px) { .hotelDetail[data-v-711ad1b5] { background-color:#63666a } } @media screen and (min-width: 658px) { .sp[data-v-711ad1b5] { display:none } } @media screen and (max-width: 657px) { .pc[data-v-711ad1b5] { display:none } .sp[data-v-711ad1b5] { display: block } } [class^=ico][data-v-711ad1b5] { vertical-align: middle } .icoFavorite[data-v-711ad1b5] { width: 50px; height: 50px; margin-right: 10px } @media screen and (max-width: 657px) { .icoFavorite[data-v-711ad1b5] { width:40px; height: 40px } } .hotelFavorite[data-v-711ad1b5] { max-width: 960px; margin: 70px auto 0 } .hotelFavoriteBtn[data-v-711ad1b5] { margin: 0 auto; font-size: 18px; background: none; 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 } .hotelFavoriteBtn.on[data-v-711ad1b5] { color: #aaa } @media screen and (max-width: 657px) { .hotelFavorite[data-v-711ad1b5] { margin:40px auto 0 } .hotelFavoriteBtn[data-v-711ad1b5] { font-size: 13px } } .hotelBtnMini[data-v-711ad1b5] { border: 1px solid #d2d2d2; border-radius: 4px; padding: 3px 5px; display: inline-block; font-size: 14px; background-color: #fff } @media screen and (max-width: 657px) { .hotelBtnMini[data-v-711ad1b5] { font-size:13px } } .hotelBtnH2[data-v-711ad1b5] { border: 1px solid #d2d2d2; border-radius: 4px; padding: 12px 10px; display: inline-block; font-size: 14px; background-color: #fff; position: absolute; top: 0; right: 0 } @media screen and (max-width: 657px) { .hotelBtnH2[data-v-711ad1b5] { font-size:13px; padding: 8px 10px } } .hotelH2[data-v-711ad1b5] { font-weight: 700; font-size: 28px!important } @media screen and (max-width: 657px) { .hotelH2[data-v-711ad1b5] { font-size:20px!important } } .hotelH3[data-v-711ad1b5] { font-size: 18px; font-weight: 700 } @media screen and (max-width: 657px) { .hotelH3[data-v-711ad1b5] { font-size:15px } } .hotelLeadText[data-v-711ad1b5] { font-size: 15px } @media screen and (max-width: 657px) { .hotelLeadText[data-v-711ad1b5] { font-size:12px } } .hotelH2+.hotelLeadText[data-v-711ad1b5] { margin-top: 15px } .showText[data-v-711ad1b5] { padding-bottom: 40px; position: relative } .showTextArea[data-v-711ad1b5] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6 } .showTextArea b[data-v-711ad1b5] { font-size: 20px; vertical-align: middle } .showTextBtn[data-v-711ad1b5] { cursor: pointer; position: absolute; bottom: 0; right: 0 } .showTextBtn[data-v-711ad1b5]:after { content: "続きを読む"; padding-left: 10px; font-weight: 400 } @media screen and (max-width: 657px) { .showTextArea[data-v-711ad1b5] { overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } } [id^=showText]:checked~.showTextArea[data-v-711ad1b5] { display: block } [id^=showText]:checked~.showTextBtn .icoMore[data-v-711ad1b5] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } [id^=showText]:checked~.showTextBtn[data-v-711ad1b5]:after { content: "閉じる" } .hotelIntroduction ul[data-v-711ad1b5] { list-style: inside; margin-bottom: 20px } .hotelIntroduction ul[data-v-711ad1b5]:last-child { margin-bottom: 0 } .hotelIntroduction li[data-v-711ad1b5] { list-style: inside } .hotelSection[data-v-711ad1b5] { padding: 70px 0 } .hotelSectionInner[data-v-711ad1b5] { width: 960px; margin: 0 auto; position: relative } .hotelSection.footer[data-v-711ad1b5] { border-radius: 8px 8px 0 0 } .hotelSection.white[data-v-711ad1b5] { background-color: #fff } .hotelSection.beige[data-v-711ad1b5] { background-color: #f7f5f0 } @media screen and (max-width: 657px) { .hotelSection[data-v-711ad1b5] { padding:40px 2%; border-radius: 10px; overflow: hidden } .hotelSection.access[data-v-711ad1b5] { padding: 0 2% 40px } .hotelSectionInner[data-v-711ad1b5] { width: 100% } } .icoOpenLink[data-v-711ad1b5] { width: 15px; height: 15px; margin-left: 5px } @media screen and (max-width: 657px) { .icoOpenLink[data-v-711ad1b5] { width:10px; height: 10px } } .icoOfuro[data-v-711ad1b5],.icoRestaurant[data-v-711ad1b5] { width: auto; height: 25px } @media screen and (max-width: 657px) { .icoOfuro[data-v-711ad1b5],.icoRestaurant[data-v-711ad1b5] { width:60px; height: 20px } } .hotelBasicBox[data-v-711ad1b5] { margin-top: 30px; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .hotelBasicBoxInner[data-v-711ad1b5] { width: 440px } .hotelBasicBoxInner.column2[data-v-711ad1b5] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .hotelBasicBoxInner.column2 .hotelBasicBoxItem[data-v-711ad1b5] { width: 212px } .hotelBasicBoxInner.columnIcon .hotelBasicBoxItem[data-v-711ad1b5] { padding: 15px 0 15px 60px; position: relative } .hotelBasicBoxItem[data-v-711ad1b5] { padding: 15px 0 } .hotelBasicBoxItem dt[data-v-711ad1b5] { margin-bottom: 5px } .hotelBasicBox [class^=ico][data-v-711ad1b5] { position: absolute; left: 0 } .hotelBasicBoxImage[data-v-711ad1b5] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px } .hotelBasicBoxImage li[data-v-711ad1b5] { width: 85px; height: 100px; overflow: hidden } .hotelBasicBoxImage li img[data-v-711ad1b5] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .hotelBasicBoxImage li+li[data-v-711ad1b5] { margin-left: 10px } .hotelBasicBoxTable[data-v-711ad1b5] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .hotelBasicBoxTable ul[data-v-711ad1b5] { width: 212px } .hotelBasicBoxTable li[data-v-711ad1b5] { width: 100%; padding: 5px 0; position: relative } .hotelBasicBoxTable li[data-v-711ad1b5]:before { content: ""; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 10px } .hotelBasicBoxTable li.true[data-v-711ad1b5]:before { background: url(../img/ic_maru.0a6d986b.svg); background-size: 15px auto } .hotelBasicBoxTable li.false[data-v-711ad1b5]:before { background: url(../img/ic_batsu.95ac49f0.svg); background-size: 15px auto } @media screen and (min-width: 658px) { .hotelBasicBox+.hotelBasicBox[data-v-711ad1b5] { padding-top:30px; border-top: 1px solid #d2d2d2 } } @media screen and (max-width: 657px) { .hotelBasicBox[data-v-711ad1b5] { font-size:12px; margin-top: 20px } .hotelBasicBoxInner[data-v-711ad1b5] { width: 100% } .hotelBasicBoxInner.column2 .hotelBasicBoxItem[data-v-711ad1b5] { width: 50% } .hotelBasicBoxInner.columnIcon .hotelBasicBoxItem[data-v-711ad1b5] { padding: 10px 10px 10px 60px } .hotelBasicBoxItem[data-v-711ad1b5] { padding: 10px } .hotelBasicBoxImage[data-v-711ad1b5] { margin-top: 10px } .hotelBasicBoxTable ul[data-v-711ad1b5] { width: 50% } .hotelBasicBox+.hotelBasicBox[data-v-711ad1b5] { margin-top: 0 } } .icoMore[data-v-09f0b603] { width: 15px; height: 15px; fill: #333 } .icoPlus[data-v-09f0b603] { width: 20px; height: 20px; margin-right: 10px } @media screen and (max-width: 657px) { .icoPlus[data-v-09f0b603] { width:15px; height: 15px } } .flexLeft[data-v-09f0b603] { display: -webkit-box; display: -ms-flexbox; display: flex } .flexLeft dd[data-v-09f0b603] { margin-left: 30px } @media screen and (max-width: 657px) { .flexLeft[data-v-09f0b603] { width:100% } .flexLeft dd[data-v-09f0b603] { margin-left: 5% } } .flexRight[data-v-09f0b603] { width: 640px; margin-left: auto } .fontNo[data-v-09f0b603] { font-size: 24px; font-family: Open Sans,sans-serif } .fontNo span[data-v-09f0b603] { color: #f9423a; font-size: 30px } @media screen and (max-width: 657px) { .fontNo[data-v-09f0b603] { font-size:20px } .fontNo span[data-v-09f0b603] { font-size: 25px } } .hotelCommentBox[data-v-09f0b603] { margin-top: 30px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .hotelCommentBoxItem[data-v-09f0b603] { padding: 15px 0 } .hotelCommentBoxItem dt[data-v-09f0b603] { margin-bottom: 15px } @media screen and (max-width: 657px) { .hotelCommentBox[data-v-09f0b603] { margin-top:20px; font-size: 15px } .hotelCommentBoxItem[data-v-09f0b603] { padding: 10px } .hotelCommentBoxItem dt[data-v-09f0b603] { margin-bottom: 0 } } .hotelCommentList[data-v-09f0b603] { margin-top: 70px } .hotelCommentListItem[data-v-09f0b603] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0; border-top: 1px solid #d2d2d2; font-size: 15px; position: relative } .hotelCommentListItem p+p[data-v-09f0b603] { margin-top: 10px } .hotelCommentListItem .logoImage[data-v-09f0b603] { position: absolute; bottom: 0; left: 0 } .hotelCommentListItem .logoImage img[data-v-09f0b603] { width: auto; height: 25px } .hotelCommentListLeft[data-v-09f0b603] { position: relative; padding-bottom: 40px } @media screen and (max-width: 657px) { .hotelCommentList[data-v-09f0b603] { margin-top:15px } .hotelCommentListItem[data-v-09f0b603] { padding: 15px 10px; font-size: 12px; display: block } .hotelCommentListItem p+p[data-v-09f0b603] { margin-top: 5px } .hotelCommentListItem .showText[data-v-09f0b603] { width: auto; margin-top: 15px } .hotelCommentListItem .fontNo[data-v-09f0b603] { font-size: 16px } .hotelCommentListItem .fontNo span[data-v-09f0b603] { font-size: 16px } .hotelCommentListItem .logoImage[data-v-09f0b603] { left: 10px; bottom: 15px } .hotelCommentListLeft[data-v-09f0b603] { position: static; padding-bottom: 0 } } .hotelCommentChart[data-v-09f0b603] { font-size: 15px } .hotelCommentChart li[data-v-09f0b603] { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelCommentChart li .rate[data-v-09f0b603] { width: 100px } .hotelCommentChart li [class^=Chart][data-v-09f0b603] { display: block; margin: 0 30px; width: 285px; position: relative } .hotelCommentChart li [class^=Chart][data-v-09f0b603]:before { content: ""; width: 100%; height: 12px; background: #f9423a; border-radius: 100px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto } .hotelCommentChart li [class^=Chart].Chart1[data-v-09f0b603]:before { width: 10% } .hotelCommentChart li [class^=Chart].Chart2[data-v-09f0b603]:before { width: 20% } .hotelCommentChart li [class^=Chart].Chart3[data-v-09f0b603]:before { width: 30% } .hotelCommentChart li [class^=Chart].Chart4[data-v-09f0b603]:before { width: 40% } .hotelCommentChart li [class^=Chart].Chart5[data-v-09f0b603]:before { width: 50% } .hotelCommentChart li [class^=Chart].Chart6[data-v-09f0b603]:before { width: 60% } .hotelCommentChart li [class^=Chart].Chart7[data-v-09f0b603]:before { width: 70% } .hotelCommentChart li [class^=Chart].Chart8[data-v-09f0b603]:before { width: 80% } .hotelCommentChart li [class^=Chart].Chart9[data-v-09f0b603]:before { width: 90% } .hotelCommentChart li+li[data-v-09f0b603] { margin-top: 15px } @media screen and (max-width: 657px) { .hotelCommentChart[data-v-09f0b603] { font-size:13px; margin-top: 15px } .hotelCommentChart li [class^=Chart][data-v-09f0b603] { width: 50%; margin: 0 5% } .hotelCommentChart li .rate[data-v-09f0b603] { width: 25% } .hotelCommentChart li+li[data-v-09f0b603] { margin-top: 10px } } .hotelCommentMore[data-v-09f0b603] { margin: 40px auto 0 } .hotelCommentMore a[data-v-09f0b603] { font-size: 13px; font-weight: 700; 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 } @media screen and (max-width: 657px) { .hotelCommentMore[data-v-09f0b603] { margin:15px auto 0 } .hotelCommentMore a[data-v-09f0b603] { font-size: 12px } } .icoMore[data-v-66149245] { width: 15px; height: 15px; fill: #333 } .icoPlus[data-v-66149245] { width: 20px; height: 20px; margin-right: 10px } @media screen and (max-width: 657px) { .icoPlus[data-v-66149245] { width:15px; height: 15px } } .flexLeft[data-v-66149245] { display: -webkit-box; display: -ms-flexbox; display: flex } .flexLeft dd[data-v-66149245] { margin-left: 30px } @media screen and (max-width: 657px) { .flexLeft[data-v-66149245] { width:100% } .flexLeft dd[data-v-66149245] { margin-left: 5% } } .flexRight[data-v-66149245] { width: 640px; margin-left: auto } .fontNo[data-v-66149245] { font-size: 24px; font-family: Open Sans,sans-serif } .fontNo span[data-v-66149245] { color: #f9423a; font-size: 30px } @media screen and (max-width: 657px) { .fontNo[data-v-66149245] { font-size:20px } .fontNo span[data-v-66149245] { font-size: 25px } } .hotelCommentBox[data-v-66149245] { margin-top: 30px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .hotelCommentBoxItem[data-v-66149245] { padding: 15px 0 } .hotelCommentBoxItem dt[data-v-66149245] { margin-bottom: 15px } @media screen and (max-width: 657px) { .hotelCommentBox[data-v-66149245] { margin-top:20px; font-size: 15px } .hotelCommentBoxItem[data-v-66149245] { padding: 10px } .hotelCommentBoxItem dt[data-v-66149245] { margin-bottom: 0 } } .hotelCommentList[data-v-66149245] { margin-top: 70px } .hotelCommentListItem[data-v-66149245] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0; border-top: 1px solid #d2d2d2; font-size: 15px; position: relative } .hotelCommentListItem p+p[data-v-66149245] { margin-top: 10px } .hotelCommentListItem .logoImage[data-v-66149245] { position: absolute; bottom: 0; left: 0 } .hotelCommentListItem .logoImage img[data-v-66149245] { width: auto; height: 25px } .hotelCommentListLeft[data-v-66149245] { position: relative; padding-bottom: 40px } @media screen and (max-width: 657px) { .hotelCommentList[data-v-66149245] { margin-top:15px } .hotelCommentListItem[data-v-66149245] { padding: 15px 10px; font-size: 12px; display: block } .hotelCommentListItem p+p[data-v-66149245] { margin-top: 5px } .hotelCommentListItem .showText[data-v-66149245] { width: auto; margin-top: 15px } .hotelCommentListItem .fontNo[data-v-66149245] { font-size: 16px } .hotelCommentListItem .fontNo span[data-v-66149245] { font-size: 16px } .hotelCommentListItem .logoImage[data-v-66149245] { left: 10px; bottom: 15px } .hotelCommentListLeft[data-v-66149245] { position: static; padding-bottom: 0 } } .hotelCommentChart[data-v-66149245] { font-size: 15px } .hotelCommentChart li[data-v-66149245] { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelCommentChart li .rate[data-v-66149245] { width: 100px } .hotelCommentChart li [class^=Chart][data-v-66149245] { display: block; margin: 0 30px; width: 285px; position: relative } .hotelCommentChart li [class^=Chart][data-v-66149245]:before { content: ""; width: 100%; height: 12px; background: #f9423a; border-radius: 100px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto } .hotelCommentChart li [class^=Chart].Chart1[data-v-66149245]:before { width: 10% } .hotelCommentChart li [class^=Chart].Chart2[data-v-66149245]:before { width: 20% } .hotelCommentChart li [class^=Chart].Chart3[data-v-66149245]:before { width: 30% } .hotelCommentChart li [class^=Chart].Chart4[data-v-66149245]:before { width: 40% } .hotelCommentChart li [class^=Chart].Chart5[data-v-66149245]:before { width: 50% } .hotelCommentChart li [class^=Chart].Chart6[data-v-66149245]:before { width: 60% } .hotelCommentChart li [class^=Chart].Chart7[data-v-66149245]:before { width: 70% } .hotelCommentChart li [class^=Chart].Chart8[data-v-66149245]:before { width: 80% } .hotelCommentChart li [class^=Chart].Chart9[data-v-66149245]:before { width: 90% } .hotelCommentChart li+li[data-v-66149245] { margin-top: 15px } @media screen and (max-width: 657px) { .hotelCommentChart[data-v-66149245] { font-size:13px; margin-top: 15px } .hotelCommentChart li [class^=Chart][data-v-66149245] { width: 50%; margin: 0 5% } .hotelCommentChart li .rate[data-v-66149245] { width: 25% } .hotelCommentChart li+li[data-v-66149245] { margin-top: 10px } } .hotelCommentMore[data-v-66149245] { margin: 40px auto 0 } .hotelCommentMore a[data-v-66149245] { font-size: 13px; font-weight: 700; 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 } @media screen and (max-width: 657px) { .hotelCommentMore[data-v-66149245] { margin:15px auto 0 } .hotelCommentMore a[data-v-66149245] { font-size: 12px } } .icoMore[data-v-ea759c64] { width: 15px; height: 15px; fill: #333 } .icoPlus[data-v-ea759c64] { width: 20px; height: 20px; margin-right: 10px } @media screen and (max-width: 657px) { .icoPlus[data-v-ea759c64] { width:15px; height: 15px } } .flexLeft[data-v-ea759c64] { display: -webkit-box; display: -ms-flexbox; display: flex } .flexLeft dd[data-v-ea759c64] { margin-left: 30px } @media screen and (max-width: 657px) { .flexLeft[data-v-ea759c64] { width:100% } .flexLeft dd[data-v-ea759c64] { margin-left: 5% } } .flexRight[data-v-ea759c64] { width: 640px; margin-left: auto } .fontNo[data-v-ea759c64] { font-size: 24px; font-family: Open Sans,sans-serif } .fontNo span[data-v-ea759c64] { color: #f9423a; font-size: 30px } @media screen and (max-width: 657px) { .fontNo[data-v-ea759c64] { font-size:20px } .fontNo span[data-v-ea759c64] { font-size: 25px } } .hotelCommentBox[data-v-ea759c64] { margin-top: 30px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .hotelCommentBoxItem[data-v-ea759c64] { padding: 15px 0 } .hotelCommentBoxItem dt[data-v-ea759c64] { margin-bottom: 15px } @media screen and (max-width: 657px) { .hotelCommentBox[data-v-ea759c64] { margin-top:20px; font-size: 15px } .hotelCommentBoxItem[data-v-ea759c64] { padding: 10px } .hotelCommentBoxItem dt[data-v-ea759c64] { margin-bottom: 0 } } .hotelCommentList[data-v-ea759c64] { margin-top: 70px } .hotelCommentListItem[data-v-ea759c64] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0; border-top: 1px solid #d2d2d2; font-size: 15px; position: relative } .hotelCommentListItem p+p[data-v-ea759c64] { margin-top: 10px } .hotelCommentListItem .logoImage[data-v-ea759c64] { position: absolute; bottom: 0; left: 0 } .hotelCommentListItem .logoImage img[data-v-ea759c64] { width: auto; height: 25px } .hotelCommentListLeft[data-v-ea759c64] { position: relative; padding-bottom: 40px } @media screen and (max-width: 657px) { .hotelCommentList[data-v-ea759c64] { margin-top:15px } .hotelCommentListItem[data-v-ea759c64] { padding: 15px 10px; font-size: 12px; display: block } .hotelCommentListItem p+p[data-v-ea759c64] { margin-top: 5px } .hotelCommentListItem .showText[data-v-ea759c64] { width: auto; margin-top: 15px } .hotelCommentListItem .fontNo[data-v-ea759c64] { font-size: 16px } .hotelCommentListItem .fontNo span[data-v-ea759c64] { font-size: 16px } .hotelCommentListItem .logoImage[data-v-ea759c64] { left: 10px; bottom: 15px } .hotelCommentListLeft[data-v-ea759c64] { position: static; padding-bottom: 0 } } .hotelCommentChart[data-v-ea759c64] { font-size: 15px } .hotelCommentChart li[data-v-ea759c64] { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelCommentChart li .rate[data-v-ea759c64] { width: 100px } .hotelCommentChart li [class^=Chart][data-v-ea759c64] { display: block; margin: 0 30px; width: 285px; position: relative } .hotelCommentChart li [class^=Chart][data-v-ea759c64]:before { content: ""; width: 100%; height: 12px; background: #f9423a; border-radius: 100px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto } .hotelCommentChart li [class^=Chart].Chart1[data-v-ea759c64]:before { width: 10% } .hotelCommentChart li [class^=Chart].Chart2[data-v-ea759c64]:before { width: 20% } .hotelCommentChart li [class^=Chart].Chart3[data-v-ea759c64]:before { width: 30% } .hotelCommentChart li [class^=Chart].Chart4[data-v-ea759c64]:before { width: 40% } .hotelCommentChart li [class^=Chart].Chart5[data-v-ea759c64]:before { width: 50% } .hotelCommentChart li [class^=Chart].Chart6[data-v-ea759c64]:before { width: 60% } .hotelCommentChart li [class^=Chart].Chart7[data-v-ea759c64]:before { width: 70% } .hotelCommentChart li [class^=Chart].Chart8[data-v-ea759c64]:before { width: 80% } .hotelCommentChart li [class^=Chart].Chart9[data-v-ea759c64]:before { width: 90% } .hotelCommentChart li+li[data-v-ea759c64] { margin-top: 15px } @media screen and (max-width: 657px) { .hotelCommentChart[data-v-ea759c64] { font-size:13px; margin-top: 15px } .hotelCommentChart li [class^=Chart][data-v-ea759c64] { width: 50%; margin: 0 5% } .hotelCommentChart li .rate[data-v-ea759c64] { width: 25% } .hotelCommentChart li+li[data-v-ea759c64] { margin-top: 10px } } .hotelCommentMore[data-v-ea759c64] { margin: 40px auto 0 } .hotelCommentMore a[data-v-ea759c64] { font-size: 13px; font-weight: 700; 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 } @media screen and (max-width: 657px) { .hotelCommentMore[data-v-ea759c64] { margin:15px auto 0 } .hotelCommentMore a[data-v-ea759c64] { font-size: 12px } } body[data-v-5712a0a8] { color: #333; font-size: 13px; line-height: 1.3; word-wrap: break-word; -webkit-text-size-adjust: 100% } body.modalOpen[data-v-5712a0a8] { overflow: hidden!important; width: 100%; height: 100% } button[data-v-5712a0a8],input[data-v-5712a0a8],select[data-v-5712a0a8],textarea[data-v-5712a0a8] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none } input[type=checkbox][data-v-5712a0a8] { display: none } a[data-v-5712a0a8],button[data-v-5712a0a8] { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } a[data-v-5712a0a8]:hover,button[data-v-5712a0a8]:hover { text-decoration: none; opacity: .6 } @media screen and (max-width: 657px) { .hotelDetail[data-v-5712a0a8] { background-color:#63666a } } @media screen and (min-width: 658px) { .sp[data-v-5712a0a8] { display:none } } @media screen and (max-width: 657px) { .pc[data-v-5712a0a8] { display:none } .sp[data-v-5712a0a8] { display: block } } [class^=ico][data-v-5712a0a8] { vertical-align: middle } .icoFavorite[data-v-5712a0a8] { width: 50px; height: 50px; margin-right: 10px } @media screen and (max-width: 657px) { .icoFavorite[data-v-5712a0a8] { width:40px; height: 40px } } .hotelFavorite[data-v-5712a0a8] { max-width: 960px; margin: 70px auto 0 } .hotelFavoriteBtn[data-v-5712a0a8] { margin: 0 auto; font-size: 18px; background: none; 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 } .hotelFavoriteBtn.on[data-v-5712a0a8] { color: #aaa } @media screen and (max-width: 657px) { .hotelFavorite[data-v-5712a0a8] { margin:40px auto 0 } .hotelFavoriteBtn[data-v-5712a0a8] { font-size: 13px } } .hotelBtnMini[data-v-5712a0a8] { border: 1px solid #d2d2d2; border-radius: 4px; padding: 3px 5px; display: inline-block; font-size: 14px; background-color: #fff } @media screen and (max-width: 657px) { .hotelBtnMini[data-v-5712a0a8] { font-size:13px } } .hotelBtnH2[data-v-5712a0a8] { border: 1px solid #d2d2d2; border-radius: 4px; padding: 12px 10px; display: inline-block; font-size: 14px; background-color: #fff; position: absolute; top: 0; right: 0 } @media screen and (max-width: 657px) { .hotelBtnH2[data-v-5712a0a8] { font-size:13px; padding: 8px 10px } } .hotelH2[data-v-5712a0a8] { font-weight: 700; font-size: 28px!important } @media screen and (max-width: 657px) { .hotelH2[data-v-5712a0a8] { font-size:20px!important } } .hotelH3[data-v-5712a0a8] { font-size: 18px; font-weight: 700 } @media screen and (max-width: 657px) { .hotelH3[data-v-5712a0a8] { font-size:15px } } .hotelLeadText[data-v-5712a0a8] { font-size: 15px } @media screen and (max-width: 657px) { .hotelLeadText[data-v-5712a0a8] { font-size:12px } } .hotelH2+.hotelLeadText[data-v-5712a0a8] { margin-top: 15px } .showText[data-v-5712a0a8] { padding-bottom: 40px; position: relative } .showTextArea[data-v-5712a0a8] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6 } .showTextArea b[data-v-5712a0a8] { font-size: 20px; vertical-align: middle } .showTextBtn[data-v-5712a0a8] { cursor: pointer; position: absolute; bottom: 0; right: 0 } .showTextBtn[data-v-5712a0a8]:after { content: "続きを読む"; padding-left: 10px; font-weight: 400 } @media screen and (max-width: 657px) { .showTextArea[data-v-5712a0a8] { overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } } [id^=showText]:checked~.showTextArea[data-v-5712a0a8] { display: block } [id^=showText]:checked~.showTextBtn .icoMore[data-v-5712a0a8] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } [id^=showText]:checked~.showTextBtn[data-v-5712a0a8]:after { content: "閉じる" } .hotelIntroduction ul[data-v-5712a0a8] { list-style: inside; margin-bottom: 20px } .hotelIntroduction ul[data-v-5712a0a8]:last-child { margin-bottom: 0 } .hotelIntroduction li[data-v-5712a0a8] { list-style: inside } .hotelSection[data-v-5712a0a8] { padding: 70px 0 } .hotelSectionInner[data-v-5712a0a8] { width: 960px; margin: 0 auto; position: relative } .hotelSection.footer[data-v-5712a0a8] { border-radius: 8px 8px 0 0 } .hotelSection.white[data-v-5712a0a8] { background-color: #fff } .hotelSection.beige[data-v-5712a0a8] { background-color: #f7f5f0 } @media screen and (max-width: 657px) { .hotelSection[data-v-5712a0a8] { padding:40px 2%; border-radius: 10px; overflow: hidden } .hotelSection.access[data-v-5712a0a8] { padding: 0 2% 40px } .hotelSectionInner[data-v-5712a0a8] { width: 100% } } .icoDown[data-v-5712a0a8] { width: 20px; height: 20px; fill: #fff } @media screen and (max-width: 657px) { .icoDown[data-v-5712a0a8] { width:20px; height: 20px } } .specialNotes[data-v-5712a0a8] { margin: 0 0 30px } .specialNotesTitle[data-v-5712a0a8] { color: #fff; font-size: 18px; background-color: #00bfa5; border-radius: 10px; font-weight: 700; cursor: pointer; width: 100%; height: 50px; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .specialNotesTitle .icoDown[data-v-5712a0a8] { position: absolute; left: 30px } .specialNotesList[data-v-5712a0a8] { padding: 30px 30px 0; font-size: 15px; font-weight: 700; border: 1px solid #d2d2d2; border-radius: 10px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .specialNotesItem[data-v-5712a0a8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; margin-right: 30px } .specialNotesItem[data-v-5712a0a8]:before { content: ""; vertical-align: middle; background-size: 100%; background-position: 50%; background-repeat: no-repeat; display: inline-block; background-image: url(../img/ic_covidcheck.b89b2c25.svg); width: 20px; height: 20px; margin-right: 15px } .specialNotes #specialNotes:checked~.specialNotesList[data-v-5712a0a8] { display: -webkit-box; display: -ms-flexbox; display: flex } .specialNotes #specialNotes:checked~.specialNotesTitle .icoDown[data-v-5712a0a8] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media screen and (max-width: 657px) { .specialNotes[data-v-5712a0a8] { margin:0 auto 20px } .specialNotesTitle[data-v-5712a0a8] { font-size: 13px; height: 40px; width: 100% } .specialNotesTitle .icoDown[data-v-5712a0a8] { left: 15px } .specialNotesList[data-v-5712a0a8] { padding: 20px 15px; font-size: 12px } .specialNotesItem[data-v-5712a0a8] { width: 49%; margin: 0 } .specialNotesItem[data-v-5712a0a8]:before { width: 12px; height: 12px; margin-right: 5px } .specialNotesItem[data-v-5712a0a8]:nth-of-type(2n) { margin-left: auto } .specialNotesItem[data-v-5712a0a8]:nth-of-type(n+3) { margin-top: 15px } } .hotelNumber { position: absolute; background: #fff; width: 860px; margin: auto; padding: 45px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2); box-shadow: 0 6px 12px rgba(0,0,0,.2); border-radius: 10px; left: 0; right: 0; top: 70px } .hotelNumberBox { position: relative } .hotelNumberBox,.hotelNumberBox dl { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelNumberBox dl { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hotelNumberBox dl dt,.hotelNumberBox dl label { font-size: 15px; font-weight: 400 } .hotelNumberBox dl dt { margin-right: 30px } .hotelNumberBox dl dd { display: -webkit-box; display: -ms-flexbox; display: flex } .hotelNumberBox dl label { margin-right: 15px } .hotelNumberItem+.hotelNumberItem { margin-left: 30px } .hotelNumberLeft { padding-right: 30px; margin-right: auto; border-right: 1px solid #d2d2d2 } .hotelNumberRightInner+.hotelNumberRightInner { margin-top: 30px } .hotelNumber .hotelBtn { color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; background-color: #333; border-radius: 4px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 225px; -webkit-transition: all .2s linear; transition: all .2s linear; margin: 30px auto 0 } @media screen and (max-width: 657px) { .hotelNumber { position:static; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; width: 100%; padding: 20px 2% } .hotelNumberBox { display: block } .hotelNumberBox dl { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .hotelNumberBox dl dt { width: 20%; margin-right: auto } .hotelNumberBox dl dd { width: 80% } .hotelNumberBox dl label { margin: 0 0 10px } .hotelNumberItem { width: 48% } .hotelNumberItem+.hotelNumberItem { margin-left: auto } .hotelNumberLeft { padding: 0 0 20px; margin-bottom: 20px; border-right: 0; border-bottom: 1px solid #d2d2d2 } .hotelNumberRightInner+.hotelNumberRightInner { margin-top: 20px } .hotelNumberBtn { position: fixed; bottom: 0; width: 100%; background: #fff; left: 0 } .hotelNumber .hotelBtn { width: auto; height: 40px; margin: 10px 20px } } .hotelNumber select { width: 130px; height: 50px; padding: 10px 15px; font-size: 14px; cursor: pointer; border: 1px solid #d2d2d2; background: #fff; border-radius: 4px; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(5,5,5,.1); box-shadow: inset 2px 2px 2px 2px rgba(5,5,5,.1); background-image: none!important } @media screen and (max-width: 657px) { .hotelNumber select { width:100%; height: 40px } } .childAge { background: #f7f5f0; padding: 15px; margin-top: 15px; font-size: 14px } .childAgeList { display: grid; margin-top: 10px; grid-template-columns: repeat(auto-fill,90px); gap: 10px } .childAgeList li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex } .childAgeList label { font-weight: 400; margin-bottom: 10px } .childAgeList select { width: 90px } .icoMore[data-v-0f6116f7] { width: 15px; height: 15px; fill: #333 } .icoAmenity[data-v-0f6116f7],.icoBaby[data-v-0f6116f7],.icoBarrierFree[data-v-0f6116f7],.icoBath[data-v-0f6116f7],.icoBed[data-v-0f6116f7],.icoInfo[data-v-0f6116f7],.icoPeople[data-v-0f6116f7],.icoSize[data-v-0f6116f7],.icoWifi[data-v-0f6116f7] { width: auto; height: 25px } @media screen and (max-width: 657px) { .icoAmenity[data-v-0f6116f7],.icoBaby[data-v-0f6116f7],.icoBarrierFree[data-v-0f6116f7],.icoBath[data-v-0f6116f7],.icoBed[data-v-0f6116f7],.icoInfo[data-v-0f6116f7],.icoPeople[data-v-0f6116f7],.icoSize[data-v-0f6116f7],.icoWifi[data-v-0f6116f7] { width:60px; height: 20px } } .icoNosmoke[data-v-0f6116f7] { width: 30px; height: 30px; fill: #f9423a; margin-right: 15px } @media screen and (max-width: 657px) { .icoNosmoke[data-v-0f6116f7] { width:20px; height: 20px; margin-right: 5px } } .caution[data-v-0f6116f7] { margin-bottom: 15px; color: #f9423a; font-weight: 700 } .hotelRoomBox[data-v-0f6116f7] { margin-top: 30px; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .hotelRoomBoxItem[data-v-0f6116f7] { padding: 15px 0 15px 60px; position: relative; width: 440px } .hotelRoomBoxItem dt[data-v-0f6116f7] { margin-bottom: 5px } .hotelRoomBoxItem [class^=ico][data-v-0f6116f7] { position: absolute; left: 0 } .hotelRoomBox+.hotelRoomBox[data-v-0f6116f7] { padding-top: 30px; border-top: 1px solid #d2d2d2 } .hotelRoomBoxImage[data-v-0f6116f7] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .hotelRoomBoxImage li[data-v-0f6116f7] { width: 135px; height: 160px; overflow: hidden } .hotelRoomBoxImage li img[data-v-0f6116f7] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (max-width: 657px) { .hotelRoomBox[data-v-0f6116f7] { margin-top:20px; font-size: 12px } .hotelRoomBoxItem[data-v-0f6116f7] { padding: 10px 10px 10px 60px; width: 100% } .hotelRoomBoxItem [class^=ico][data-v-0f6116f7] { margin: auto; top: 0; bottom: 0; left: 0 } .hotelRoomBox+.hotelRoomBox[data-v-0f6116f7] { padding-top: 20px } .hotelRoomBoxImage[data-v-0f6116f7] { margin-top: 10px } .hotelRoomBoxImage li[data-v-0f6116f7] { width: 85px; height: 100px } } .hotelRoom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width: 657px) { .hotelRoom { padding:0; display: block } } .hotelRoomPhoto { position: relative } .hotelRoomPhoto .swiper-container { background: rgba(0,0,0,0); width: 280px; height: 180px; border-radius: 10px; overflow: hidden } .hotelRoomPhoto .swiper-pagination { color: #fff; font-size: 13px; text-align: left; padding: 5px 15px } .hotelRoomPhotoItem img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (max-width: 657px) { .hotelRoomPhoto .swiper-container { border-radius:10px 10px 0 0; width: 100%; height: 100% } .hotelRoomPhotoItem { width: 100%; height: 165px } } .hotelRoomOverview .hotelRoomName { margin: 0 0 20px; font-size: 20px; font-weight: 700 } .hotelRoomOverviewList { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px } .hotelRoomOverviewList li { margin-bottom: 15px; margin-right: 15px } .hotelRoomOverviewBox { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; position: relative } .hotelRoomOverviewBox .hotelBtnMini,.hotelRoomOverviewBox [class^=roomVacansy] { padding: 12px 10px; border-radius: 4px } .hotelRoomOverviewBox .roomVacansyFull { background-color: #d2d2d2 } .hotelRoomOverviewBox .roomVacansyEmpty { background-color: #ffd200 } .hotelRoomOverviewBox .roomSmokeRabel { position: absolute; right: 0; bottom: 0 } .hotelRoomOverviewBox p+p { margin-left: 10px } @media screen and (min-width: 658px) { .hotelRoomOverview { width:310px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .hotelRoomOverviewBox { margin-top: auto } } @media screen and (max-width: 657px) { .hotelRoomOverview { padding:15px 10px; border-bottom: 1px solid #d2d2d2; margin: 0; font-size: 13px } .hotelRoomOverview .hotelRoomName { font-size: 18px; margin: 0 0 15px } .hotelRoomOverviewList { font-size: 12px } .hotelRoomOverviewList li { margin-bottom: 10px; margin-right: 10px } .hotelRoomOverviewBox .hotelBtnMini,.hotelRoomOverviewBox [class^=roomVacansy] { padding: 8px 10px } } .icoBed,.icoPeople,.icoSize { width: auto; height: 20px; margin-right: 10px } @media screen and (max-width: 657px) { .icoBed,.icoPeople,.icoSize { width:auto; height: 15px; margin-right: 5px } } .icoNosmoke { width: 30px; height: 30px; fill: #f9423a } @media screen and (max-width: 657px) { .icoNosmoke { width:20px; height: 20px } } .hotelRoomPhoto .swiper-button-next,.hotelRoomPhoto .swiper-button-prev { display: none } .hotelCalendarSlide ul li a[data-v-71e17b66] { display: grid; place-items: center center; width: 100%; height: 100%; color: #000 } .hotelCalendarSlide ul .checkIn a[data-v-71e17b66],.hotelCalendarSlide ul .checkOut a[data-v-71e17b66] { color: #fff; font-weight: 700 } body.modalOpen { overflow: hidden!important; width: 100%; height: 100% } button,input,select,textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none } input[type=checkbox] { display: none } a,button { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } a:hover,button:hover { text-decoration: none; opacity: .6 } @media screen and (max-width: 657px) { .hotelDetail { background-color:#63666a } } @media screen and (min-width: 658px) { .sp { display:none } } @media screen and (max-width: 657px) { .pc { display:none } .sp { display: block } } [class^=ico] { vertical-align: middle } .icoFavorite { width: 50px; height: 50px; margin-right: 10px } @media screen and (max-width: 657px) { .icoFavorite { width:40px; height: 40px } } .hotelFavorite { max-width: 960px; margin: 70px auto 0 } .hotelFavoriteBtn { margin: 0 auto; font-size: 18px; background: none; 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 } .hotelFavoriteBtn.on { color: #aaa } @media screen and (max-width: 657px) { .hotelFavorite { margin:40px auto 0 } .hotelFavoriteBtn { font-size: 13px } } .hotelBtnMini { border: 1px solid #d2d2d2; border-radius: 4px; padding: 3px 5px; display: inline-block; font-size: 14px; background-color: #fff } @media screen and (max-width: 657px) { .hotelBtnMini { font-size:13px } } .hotelBtnH2 { border: 1px solid #d2d2d2; border-radius: 4px; padding: 12px 10px; display: inline-block; font-size: 14px; background-color: #fff; position: absolute; top: 0; right: 0 } @media screen and (max-width: 657px) { .hotelBtnH2 { font-size:13px; padding: 8px 10px } } .hotelH2 { font-weight: 700; font-size: 28px!important } @media screen and (max-width: 657px) { .hotelH2 { font-size:20px!important } } .hotelLeadText { font-size: 15px } @media screen and (max-width: 657px) { .hotelLeadText { font-size:12px } } .hotelH2+.hotelLeadText { margin-top: 15px } .showText { padding-bottom: 40px; position: relative } .showTextArea { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6 } .showTextArea b { font-size: 20px; vertical-align: middle } .showTextBtn { cursor: pointer; position: absolute; bottom: 0; right: 0 } .showTextBtn:after { content: "続きを読む"; padding-left: 10px; font-weight: 400 } @media screen and (max-width: 657px) { .showTextArea { overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } } [id^=showText]:checked~.showTextArea { display: block } [id^=showText]:checked~.showTextBtn .icoMore { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } [id^=showText]:checked~.showTextBtn:after { content: "閉じる" } .hotelIntroduction ul { list-style: inside; margin-bottom: 20px } .hotelIntroduction ul:last-child { margin-bottom: 0 } .hotelIntroduction li { list-style: inside } .hotelSection { padding: 70px 0 } .hotelSectionInner { width: 960px; margin: 0 auto; position: relative } .hotelSection.footer { border-radius: 8px 8px 0 0 } .hotelSection.white { background-color: #fff } .hotelSection.beige { background-color: #f7f5f0 } @media screen and (max-width: 657px) { .hotelSection { padding:40px 2%; border-radius: 10px; overflow: hidden } .hotelSection.access { padding: 0 2% 40px } .hotelSectionInner { width: 100% } } .icoAdults { width: auto; height: 25px; margin-right: 15px } @media screen and (max-width: 657px) { .icoAdults { height:20px; margin-right: 10px } } .icoCircle { width: auto; height: 15px; margin-right: 5px } select { width: 70px; height: 50px; padding: 10px 15px; font-size: 14px; cursor: pointer; border: 1px solid #d2d2d2; background: #fff; border-radius: 4px; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(5,5,5,.1); box-shadow: inset 2px 2px 2px 2px rgba(5,5,5,.1); background-image: none!important } @media screen and (max-width: 657px) { select { height:40px } } .hotelModal { position: relative } .hotelCalendar { position: absolute; background: #fff; width: 860px; margin: auto; padding: 45px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2); box-shadow: 0 6px 12px rgba(0,0,0,.2); border-radius: 10px; left: 0; right: 0; top: 70px } .hotelCalendarBox { position: relative } .hotelCalendarHeader { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d2d2d2; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hotelCalendarHeader .remarks { margin-left: auto } .hotelCalendarWrapper { display: grid; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; grid-template-columns: repeat(auto-fill,365px); gap: 30px } .hotelCalendar .hotelBtn { color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; background-color: #333; border-radius: 4px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; width: 225px; -webkit-transition: all .2s linear; transition: all .2s linear; margin: 30px auto 0 } .hotelCalendar .hotelBtn,.hotelCalendarNext,.hotelCalendarPrev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hotelCalendarNext,.hotelCalendarPrev { position: absolute; margin: auto; top: 0; bottom: 0; width: 20px; height: 20px; cursor: pointer } .hotelCalendarNext svg,.hotelCalendarPrev svg { fill: #333 } .hotelCalendarNext:hover,.hotelCalendarPrev:hover { opacity: .6 } .hotelCalendarPrev { left: -30px } .hotelCalendarNext { right: -30px } @media screen and (max-width: 657px) { .hotelCalendar { position:static; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; width: 100%; padding: 20px 2% } .hotelCalendarHeader { font-size: 13px } .hotelCalendarWrapper { grid-template-columns: repeat(auto-fill,100%) } .hotelCalendarBtn { position: fixed; bottom: 0; width: 100%; background: #fff; left: 0 } .hotelCalendar .hotelBtn { width: auto; height: 40px; margin: 10px 20px } .hotelCalendarNext,.hotelCalendarPrev { display: none } } .hotelCalendarSlide .yymm { font-size: 18px; text-align: center; margin-bottom: 15px } .hotelCalendarSlide ul { display: grid; grid-template-columns: repeat(7,1fr); grid-auto-rows: 50px; font-size: 15px; gap: 1px 1px; background: #d2d2d2; padding: 1px } .hotelCalendarSlide ul li { background: #fff; display: grid; place-items: center center; position: relative; z-index: 0 } .hotelCalendarSlide ul li .price { color: #f9423a; font-weight: 700 } .hotelCalendarSlide ul li.disable { background-color: #f7f5f0; color: #aaa } .hotelCalendarSlide ul li.lowest .price:before { content: ""; width: 50px; height: 30px; background: url(../img/ic_circle.28661e7e.svg); background-size: 100% auto; position: absolute; margin: auto; left: 0; right: 0; bottom: 0 } .hotelCalendarSlide ul .select { background: #d2d2d2 } .hotelCalendarSlide ul .checkIn { background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#d2d2d2)); background: linear-gradient(90deg,#fff 50%,#d2d2d2 0) } .hotelCalendarSlide ul .checkOut { background: -webkit-gradient(linear,right top,left top,color-stop(50%,#fff),color-stop(50%,#d2d2d2)); background: linear-gradient(270deg,#fff 50%,#d2d2d2 0) } .hotelCalendarSlide ul .checkIn,.hotelCalendarSlide ul .checkOut { color: #fff; font-weight: 700 } .hotelCalendarSlide ul .checkIn:before,.hotelCalendarSlide ul .checkOut:before { content: ""; max-width: 100%; width: 50px; height: 50px; background: #f9423a; position: absolute; border-radius: 100px; z-index: -1 } .hotelCalendarSlide ul.day li { font-weight: 700 } .hotelCalendarSlide ul.dd li:not(.disable) { cursor: pointer } .hotelCalendarSlide ul.dd li:not(.disable):hover { opacity: .6 } .hotelCalendarSlide ul.ddLowest { grid-auto-rows: 60px } .hotelCalendarSlide ul+ul { padding-top: 0 } @media screen and (max-width: 657px) { .hotelCalendarSlide ul li.lowest .price:before { width:42px; height: 25px; bottom: 2px } } .hotelTour { margin-top: 70px } .hotelTourInner { margin-top: 30px } .hotelTourList { width: 960px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left } .hotelTourList li+li { margin-left: 13px } .hotelTourList li a { display: block; width: 230px; padding: 20px 15px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2) } .hotelTourName { margin-bottom: 5px; font-size: 15px!important } .hotelTourPrice { margin-bottom: 10px; color: #f9423a; font-size: 13px; font-weight: 700 } .hotelTourPrice .fontNo { font-family: Open Sans,sans-serif; font-size: 23px } .hotelTourText { margin-bottom: 5px; font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } @media screen and (max-width: 657px) { .hotelTour { margin-top:40px } .hotelTourInner { width: 104%; margin: 15px 0 0 -2%; padding: 0 0 15px 2%; overflow-x: auto } .hotelTourList { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hotelTourList li+li { margin-left: 0 } .hotelTourList li a { width: 52vw; margin-right: 20px; padding: 15px } .hotelTourName { font-size: 14px!important } .hotelTourPrice { font-size: 13px } .hotelTourPrice .fontNo { font-size: 19px } .hotelTourText { font-size: 11px } } .icoTour { width: auto; height: 25px; margin-right: 15px } @media screen and (max-width: 657px) { .icoTour { height:20px; margin-right: 10px } } .hotelTour a,.hotelTour button { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } .hotelTour a:hover,.hotelTour button:hover { text-decoration: none; opacity: .6 } .hotelH3 { font-size: 18px; font-weight: 700 } @media screen and (max-width: 657px) { .hotelH3 { font-size:15px } } .tkBanner_image[data-v-52294864] { width: 100%; height: auto } .tkBusyCursorButton_loadingImg { width: 32px } .tkBusyCursorButton_btn { background: #63666a; color: #fff; padding: 5px 10px!important; font-size: 12px!important; line-height: 1.5!important; border-radius: 3px!important; border-color: #ccc!important; font-family: 游ゴシック,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif; cursor: pointer!important } .hotelTune[data-v-f7b3da3c] { padding: 20px 15px; background-color: #333; font-size: 13px; border-radius: 4px } .hotelTuneTitle[data-v-f7b3da3c] { color: #fff; font-size: 14px!important; margin-bottom: 15px } .hotelTuneList[data-v-f7b3da3c] { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hotelTuneItem[data-v-f7b3da3c] { margin: 0 5px 10px 0; padding: 10px 9px; background-color: #fff; border-radius: 4px; border: 1px solid #fff } .hotelTuneItem.active[data-v-f7b3da3c] { color: #f9423a; background-color: #f7f5f0; border: 1px solid #f9423a; font-weight: 700 } @media screen and (max-width: 657px) { .hotelTune[data-v-f7b3da3c] { margin:0 -2%; padding: 15px 0 15px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 } .hotelTuneTitle[data-v-f7b3da3c] { width: 120px; font-size: 13px!important; margin: 0 } .hotelTuneNavi[data-v-f7b3da3c] { width: 80%; overflow-x: auto } .hotelTuneList[data-v-f7b3da3c] { width: -webkit-max-content; width: -moz-max-content; width: max-content } .hotelTuneItem[data-v-f7b3da3c] { padding: 8px 10px; margin: 0 5px 0 0 } } .icoTune[data-v-f7b3da3c] { fill: #fff; width: 20px; height: 20px; margin-right: 10px } @media screen and (max-width: 657px) { .icoTune[data-v-f7b3da3c] { margin-right:5px } } a[data-v-f7b3da3c],button[data-v-f7b3da3c] { -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; color: #333 } a[data-v-f7b3da3c]:hover,button[data-v-f7b3da3c]:hover { text-decoration: none; opacity: .6 } .tkSelectableList_listArea[data-v-06c18072] { letter-spacing: -.4em; width: 100%; display: grid; grid-template-columns: repeat(var(--grid-template-columns-number),1fr) } .tkSelectableList_listItem[data-v-06c18072] { letter-spacing: normal; color: #5b2e23; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-top: 0 none; background-color: #fff; max-height: 45px; font-size: 14px; height: 45px; position: relative; width: 100%; display: table; cursor: pointer } .tkSelectableList_dummyListItem[data-v-06c18072] { width: 100%; border-right: 1px solid rgba(0,0,0,0) } .tkSelectableList_label[data-v-06c18072] { display: table-cell; padding-left: 12px; padding-right: 36px; vertical-align: middle; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif } .tkSelectableList_arrow[data-v-06c18072] { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .tkSelectableList_arrow[data-v-06c18072]:before { -webkit-box-sizing: initial; box-sizing: initial } .tkSelectableList_arrow[data-v-06c18072]:after { -webkit-box-sizing: initial; box-sizing: initial } .tkGeneralPurposeModal[data-v-7657001e] { overflow-x: hidden; overflow-y: auto; position: fixed; padding-right: 0!important; inset: 0; z-index: 1040; outline: 0 } .tkGeneralPurposeModal .modal-content { position: relative; background-color: #fff } .tkGeneralPurposeModal.default .tourHotelPlaceModal_topbar { width: auto; height: auto; display: block!important } .tkGeneralPurposeModal.default .btn.btn-link.tourHotelPlaceModal_close { text-align: left; font-weight: 700; color: #fff; background-color: #63666a; width: 100%; padding: 8px 12px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid rgba(0,0,0,0); white-space: nowrap; font-size: 14px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none } .commonPriceBar .icoBack { fill: #333 } @media screen and (max-width: 657px) { .commonPriceBar .icoBack { margin-right:5px } } .commonPriceBar { background: #fff; position: fixed; margin: auto; right: 0; left: 0; bottom: 0; height: 80px; width: 100%; max-width: 960px; z-index: 5; -webkit-box-shadow: 0 -3px 12px rgba(0,0,0,.2); box-shadow: 0 -3px 12px rgba(0,0,0,.2); border-radius: 10px 10px 0 0; padding: 15px 70px 15px 30px; font-size: 13px } .commonPriceBar,.commonPriceBarInner { display: -webkit-box; display: -ms-flexbox; display: flex } .commonPriceBarInner { margin-left: auto } .commonPriceBarInner dt { border-right: 1px solid #d2d2d2; padding-right: 30px; margin-right: 30px; font-size: 18px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .commonPriceBarInner dt span { font-size: 15px } .commonPriceBarInner dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f9423a } .commonPriceBarInner dd .fontNo { font-family: Open Sans,sans-serif; font-size: 24px } .commonPriceBarInner dd .total { color: #333 } .commonPriceBarInner dd .total .fontNo { font-size: 20px } .commonPriceBarInner dd .priceMemo { color: #333; margin-right: 10px } .commonPriceBar .pageBack { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (min-width: 658px) { .commonPriceBarInner dd p+p { margin-left:30px } } @media screen and (max-width: 657px) { .commonPriceBar { padding:10px 4%; height: 65px; font-size: 11px } .commonPriceBarInner dd,.commonPriceBarInner dt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .commonPriceBarInner dt { font-size: 15px; padding-right: 5px; margin-right: 15px } .commonPriceBarInner dt span { font-size: 11px } .commonPriceBarInner dd { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .commonPriceBarInner dd .fontNo { font-size: 18px } .commonPriceBarInner dd .total .fontNo { font-size: 15px } } @media(max-width: 657px) { .headerCommon .spNavi.sp .right.-wide { width:220px } .headerCommon .spNavi.sp .right .head_history { display: none } .headerCommon .spNavi.sp .right .head_fav.-display,.headerCommon .spNavi.sp .right .head_history.-display { display: inline-block } .headerCommon .spNavi.sp .right .head_tel { display: none } .headerCommon .spNavi.sp .right .head_tel.-display { display: inline-block; width: 60px; background: none; border: none; height: 40px; margin: 0; float: none; position: relative; vertical-align: top; text-align: center } .headerCommon .spNavi.sp .right .head_tel .tel_img { margin-top: 0; width: auto; height: 22px } .headerCommon .spNavi.sp .right .head_tel .tel_cap { font-size: 10px; color: #333; position: absolute; bottom: 0; left: 0; right: 0; line-height: 1; vertical-align: bottom } } .tkListLoading_filterTile { height: 180px; width: 100%; margin-bottom: 10px } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=2283eb6fff224794a4062262f4a456a9) * Config saved to config.json and https://gist.github.com/2283eb6fff224794a4062262f4a456a9 */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a { background-color: rgba(0,0,0,0) } a:active,a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b,strong { font-weight: 700 } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox],input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } textarea { overflow: auto } optgroup { font-weight: 700 } td,th { padding: 0 } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *,:after,:before { background: rgba(0,0,0,0)!important; color: #000!important; -webkit-box-shadow: none!important; box-shadow: none!important; text-shadow: none!important } a,a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after,a[href^="javascript:"]:after { content: "" } blockquote,pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img,tr { page-break-inside: avoid } img { max-width: 100%!important } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } .navbar { display: none } .btn>.caret,.dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td,.table th { background-color: #fff!important } .table-bordered td,.table-bordered th { border: 1px solid #ddd!important } } @font-face { font-family: Glyphicons Halflings; src: url(../fonts/glyphicons-halflings-regular.f4769f9b.eot); src: url(../fonts/glyphicons-halflings-regular.f4769f9b.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.448c34a5.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.fa277232.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.e18bbf61.ttf) format("truetype"),url(../img/glyphicons-halflings-regular.f7214668.svg#glyphicons_halflingsregular) format("svg") } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: Glyphicons Halflings; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "*" } .glyphicon-plus:before { content: "+" } .glyphicon-eur:before,.glyphicon-euro:before { content: "€" } .glyphicon-minus:before { content: "−" } .glyphicon-cloud:before { content: "☁" } .glyphicon-envelope:before { content: "✉" } .glyphicon-pencil:before { content: "✏" } .glyphicon-glass:before { content: "" } .glyphicon-music:before { content: "" } .glyphicon-search:before { content: "" } .glyphicon-heart:before { content: "" } .glyphicon-star:before { content: "" } .glyphicon-star-empty:before { content: "" } .glyphicon-user:before { content: "" } .glyphicon-film:before { content: "" } .glyphicon-th-large:before { content: "" } .glyphicon-th:before { content: "" } .glyphicon-th-list:before { content: "" } .glyphicon-ok:before { content: "" } .glyphicon-remove:before { content: "" } .glyphicon-zoom-in:before { content: "" } .glyphicon-zoom-out:before { content: "" } .glyphicon-off:before { content: "" } .glyphicon-signal:before { content: "" } .glyphicon-cog:before { content: "" } .glyphicon-trash:before { content: "" } .glyphicon-home:before { content: "" } .glyphicon-file:before { content: "" } .glyphicon-time:before { content: "" } .glyphicon-road:before { content: "" } .glyphicon-download-alt:before { content: "" } .glyphicon-download:before { content: "" } .glyphicon-upload:before { content: "" } .glyphicon-inbox:before { content: "" } .glyphicon-play-circle:before { content: "" } .glyphicon-repeat:before { content: "" } .glyphicon-refresh:before { content: "" } .glyphicon-list-alt:before { content: "" } .glyphicon-lock:before { content: "" } .glyphicon-flag:before { content: "" } .glyphicon-headphones:before { content: "" } .glyphicon-volume-off:before { content: "" } .glyphicon-volume-down:before { content: "" } .glyphicon-volume-up:before { content: "" } .glyphicon-qrcode:before { content: "" } .glyphicon-barcode:before { content: "" } .glyphicon-tag:before { content: "" } .glyphicon-tags:before { content: "" } .glyphicon-book:before { content: "" } .glyphicon-bookmark:before { content: "" } .glyphicon-print:before { content: "" } .glyphicon-camera:before { content: "" } .glyphicon-font:before { content: "" } .glyphicon-bold:before { content: "" } .glyphicon-italic:before { content: "" } .glyphicon-text-height:before { content: "" } .glyphicon-text-width:before { content: "" } .glyphicon-align-left:before { content: "" } .glyphicon-align-center:before { content: "" } .glyphicon-align-right:before { content: "" } .glyphicon-align-justify:before { content: "" } .glyphicon-list:before { content: "" } .glyphicon-indent-left:before { content: "" } .glyphicon-indent-right:before { content: "" } .glyphicon-facetime-video:before { content: "" } .glyphicon-picture:before { content: "" } .glyphicon-map-marker:before { content: "" } .glyphicon-adjust:before { content: "" } .glyphicon-tint:before { content: "" } .glyphicon-edit:before { content: "" } .glyphicon-share:before { content: "" } .glyphicon-check:before { content: "" } .glyphicon-move:before { content: "" } .glyphicon-step-backward:before { content: "" } .glyphicon-fast-backward:before { content: "" } .glyphicon-backward:before { content: "" } .glyphicon-play:before { content: "" } .glyphicon-pause:before { content: "" } .glyphicon-stop:before { content: "" } .glyphicon-forward:before { content: "" } .glyphicon-fast-forward:before { content: "" } .glyphicon-step-forward:before { content: "" } .glyphicon-eject:before { content: "" } .glyphicon-chevron-left:before { content: "" } .glyphicon-chevron-right:before { content: "" } .glyphicon-plus-sign:before { content: "" } .glyphicon-minus-sign:before { content: "" } .glyphicon-remove-sign:before { content: "" } .glyphicon-ok-sign:before { content: "" } .glyphicon-question-sign:before { content: "" } .glyphicon-info-sign:before { content: "" } .glyphicon-screenshot:before { content: "" } .glyphicon-remove-circle:before { content: "" } .glyphicon-ok-circle:before { content: "" } .glyphicon-ban-circle:before { content: "" } .glyphicon-arrow-left:before { content: "" } .glyphicon-arrow-right:before { content: "" } .glyphicon-arrow-up:before { content: "" } .glyphicon-arrow-down:before { content: "" } .glyphicon-share-alt:before { content: "" } .glyphicon-resize-full:before { content: "" } .glyphicon-resize-small:before { content: "" } .glyphicon-exclamation-sign:before { content: "" } .glyphicon-gift:before { content: "" } .glyphicon-leaf:before { content: "" } .glyphicon-fire:before { content: "" } .glyphicon-eye-open:before { content: "" } .glyphicon-eye-close:before { content: "" } .glyphicon-warning-sign:before { content: "" } .glyphicon-plane:before { content: "" } .glyphicon-calendar:before { content: "" } .glyphicon-random:before { content: "" } .glyphicon-comment:before { content: "" } .glyphicon-magnet:before { content: "" } .glyphicon-chevron-up:before { content: "" } .glyphicon-chevron-down:before { content: "" } .glyphicon-retweet:before { content: "" } .glyphicon-shopping-cart:before { content: "" } .glyphicon-folder-close:before { content: "" } .glyphicon-folder-open:before { content: "" } .glyphicon-resize-vertical:before { content: "" } .glyphicon-resize-horizontal:before { content: "" } .glyphicon-hdd:before { content: "" } .glyphicon-bullhorn:before { content: "" } .glyphicon-bell:before { content: "" } .glyphicon-certificate:before { content: "" } .glyphicon-thumbs-up:before { content: "" } .glyphicon-thumbs-down:before { content: "" } .glyphicon-hand-right:before { content: "" } .glyphicon-hand-left:before { content: "" } .glyphicon-hand-up:before { content: "" } .glyphicon-hand-down:before { content: "" } .glyphicon-circle-arrow-right:before { content: "" } .glyphicon-circle-arrow-left:before { content: "" } .glyphicon-circle-arrow-up:before { content: "" } .glyphicon-circle-arrow-down:before { content: "" } .glyphicon-globe:before { content: "" } .glyphicon-wrench:before { content: "" } .glyphicon-tasks:before { content: "" } .glyphicon-filter:before { content: "" } .glyphicon-briefcase:before { content: "" } .glyphicon-fullscreen:before { content: "" } .glyphicon-dashboard:before { content: "" } .glyphicon-paperclip:before { content: "" } .glyphicon-heart-empty:before { content: "" } .glyphicon-link:before { content: "" } .glyphicon-phone:before { content: "" } .glyphicon-pushpin:before { content: "" } .glyphicon-usd:before { content: "" } .glyphicon-gbp:before { content: "" } .glyphicon-sort:before { content: "" } .glyphicon-sort-by-alphabet:before { content: "" } .glyphicon-sort-by-alphabet-alt:before { content: "" } .glyphicon-sort-by-order:before { content: "" } .glyphicon-sort-by-order-alt:before { content: "" } .glyphicon-sort-by-attributes:before { content: "" } .glyphicon-sort-by-attributes-alt:before { content: "" } .glyphicon-unchecked:before { content: "" } .glyphicon-expand:before { content: "" } .glyphicon-collapse-down:before { content: "" } .glyphicon-collapse-up:before { content: "" } .glyphicon-log-in:before { content: "" } .glyphicon-flash:before { content: "" } .glyphicon-log-out:before { content: "" } .glyphicon-new-window:before { content: "" } .glyphicon-record:before { content: "" } .glyphicon-save:before { content: "" } .glyphicon-open:before { content: "" } .glyphicon-saved:before { content: "" } .glyphicon-import:before { content: "" } .glyphicon-export:before { content: "" } .glyphicon-send:before { content: "" } .glyphicon-floppy-disk:before { content: "" } .glyphicon-floppy-saved:before { content: "" } .glyphicon-floppy-remove:before { content: "" } .glyphicon-floppy-save:before { content: "" } .glyphicon-floppy-open:before { content: "" } .glyphicon-credit-card:before { content: "" } .glyphicon-transfer:before { content: "" } .glyphicon-cutlery:before { content: "" } .glyphicon-header:before { content: "" } .glyphicon-compressed:before { content: "" } .glyphicon-earphone:before { content: "" } .glyphicon-phone-alt:before { content: "" } .glyphicon-tower:before { content: "" } .glyphicon-stats:before { content: "" } .glyphicon-sd-video:before { content: "" } .glyphicon-hd-video:before { content: "" } .glyphicon-subtitles:before { content: "" } .glyphicon-sound-stereo:before { content: "" } .glyphicon-sound-dolby:before { content: "" } .glyphicon-sound-5-1:before { content: "" } .glyphicon-sound-6-1:before { content: "" } .glyphicon-sound-7-1:before { content: "" } .glyphicon-copyright-mark:before { content: "" } .glyphicon-registration-mark:before { content: "" } .glyphicon-cloud-download:before { content: "" } .glyphicon-cloud-upload:before { content: "" } .glyphicon-tree-conifer:before { content: "" } .glyphicon-tree-deciduous:before { content: "" } .glyphicon-cd:before { content: "" } .glyphicon-save-file:before { content: "" } .glyphicon-open-file:before { content: "" } .glyphicon-level-up:before { content: "" } .glyphicon-copy:before { content: "" } .glyphicon-paste:before { content: "" } .glyphicon-alert:before { content: "" } .glyphicon-equalizer:before { content: "" } .glyphicon-king:before { content: "" } .glyphicon-queen:before { content: "" } .glyphicon-pawn:before { content: "" } .glyphicon-bishop:before { content: "" } .glyphicon-knight:before { content: "" } .glyphicon-baby-formula:before { content: "" } .glyphicon-tent:before { content: "⛺" } .glyphicon-blackboard:before { content: "" } .glyphicon-bed:before { content: "" } .glyphicon-apple:before { content: "" } .glyphicon-erase:before { content: "" } .glyphicon-hourglass:before { content: "⌛" } .glyphicon-lamp:before { content: "" } .glyphicon-duplicate:before { content: "" } .glyphicon-piggy-bank:before { content: "" } .glyphicon-scissors:before { content: "" } .glyphicon-bitcoin:before { content: "" } .glyphicon-btc:before { content: "" } .glyphicon-xbt:before { content: "" } .glyphicon-yen:before { content: "¥" } .glyphicon-jpy:before { content: "¥" } .glyphicon-ruble:before { content: "₽" } .glyphicon-rub:before { content: "₽" } .glyphicon-scale:before { content: "" } .glyphicon-ice-lolly:before { content: "" } .glyphicon-ice-lolly-tasted:before { content: "" } .glyphicon-education:before { content: "" } .glyphicon-option-horizontal:before { content: "" } .glyphicon-option-vertical:before { content: "" } .glyphicon-menu-hamburger:before { content: "" } .glyphicon-modal-window:before { content: "" } .glyphicon-oil:before { content: "" } .glyphicon-grain:before { content: "" } .glyphicon-sunglasses:before { content: "" } .glyphicon-text-size:before { content: "" } .glyphicon-text-color:before { content: "" } .glyphicon-text-background:before { content: "" } .glyphicon-object-align-top:before { content: "" } .glyphicon-object-align-bottom:before { content: "" } .glyphicon-object-align-horizontal:before { content: "" } .glyphicon-object-align-left:before { content: "" } .glyphicon-object-align-vertical:before { content: "" } .glyphicon-object-align-right:before { content: "" } .glyphicon-triangle-right:before { content: "" } .glyphicon-triangle-left:before { content: "" } .glyphicon-triangle-bottom:before { content: "" } .glyphicon-triangle-top:before { content: "" } .glyphicon-console:before { content: "" } .glyphicon-superscript:before { content: "" } .glyphicon-subscript:before { content: "" } .glyphicon-menu-left:before { content: "" } .glyphicon-menu-right:before { content: "" } .glyphicon-menu-down:before { content: "" } .glyphicon-menu-up:before { content: "" } :after,:before { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) } body { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; background-color: #fff } button,input,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #337ab7 } a:focus,a:hover { color: #23527c; text-decoration: underline } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } figure { margin: 0 } img { vertical-align: middle } .carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail>img,.thumbnail a>img { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } [role=button] { cursor: pointer } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { font-weight: 400; line-height: 1; color: #777 } .h1,.h2,.h3,h1,h2,h3 { margin-top: 20px; margin-bottom: 10px } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small { font-size: 65% } .h4,.h5,.h6,h4,h5,h6 { margin-top: 10px; margin-bottom: 10px } .h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { font-size: 75% } .h1,h1 { font-size: 36px } .h2,h2 { font-size: 30px } .h3,h3 { font-size: 24px } .h4,h4 { font-size: 18px } .h5,h5 { font-size: 14px } .h6,h6 { font-size: 12px } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media(min-width: 657px) { .lead { font-size:21px } } .small,small { font-size: 85% } .mark,mark { background-color: #fcf8e3; padding: .2em } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #777 } .text-primary { color: #337ab7 } a.text-primary:focus,a.text-primary:hover { color: #286090 } .text-success { color: #3c763d } a.text-success:focus,a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:focus,a.text-info:hover { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:focus,a.text-warning:hover { color: #66512c } .text-danger { color: #a94442 } a.text-danger:focus,a.text-danger:hover { color: #843534 } .bg-primary { color: #fff; background-color: #337ab7 } a.bg-primary:focus,a.bg-primary:hover { background-color: #286090 } .bg-success { background-color: #dff0d8 } a.bg-success:focus,a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:focus,a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:focus,a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:focus,a.bg-danger:hover { background-color: #e4b9b9 } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } ol,ul { margin-top: 0; margin-bottom: 10px } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } .list-inline,.list-unstyled { padding-left: 0; list-style: none } .list-inline { margin-left: -5px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } dl { margin-top: 0; margin-bottom: 20px } dd,dt { line-height: 1.42857143 } dt { font-weight: 700 } dd { margin-left: 0 } @media(min-width: 657px) { .dl-horizontal dt { float:left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } } abbr[data-original-title],abbr[title] { cursor: help; border-bottom: 1px dotted #777 } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee } blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child { margin-bottom: 0 } blockquote .small,blockquote footer,blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777 } blockquote .small:before,blockquote footer:before,blockquote small:before { content: "— " } .blockquote-reverse,blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } .blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before { content: "" } .blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after { content: " —" } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 } code,kbd,pre,samp { font-family: Menlo,Monaco,Consolas,Courier New,monospace } code { color: #c7254e; background-color: #f9f2f4; border-radius: 4px } code,kbd { padding: 2px 4px; font-size: 90% } kbd { color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: rgba(0,0,0,0); border-radius: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container,.container-fluid { margin-right: auto; margin-left: auto } .container-fluid { padding-left: 15px; padding-right: 15px } .row { margin-left: -15px; margin-right: -15px } .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media(min-width: 657px) { .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { float:left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media(min-width: 871px) { .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float:left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media(min-width: 1200px) { .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { float:left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } table { background-color: rgba(0,0,0,0) } caption { padding-top: 8px; padding-bottom: 8px; color: #777 } caption,th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd } .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th { padding: 5px } .table-bordered { border: 1px solid #ddd } .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border: 1px solid #ddd } .table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border-bottom-width: 2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } .table-hover>tbody>tr:hover { background-color: #f5f5f5 } table col[class*=col-] { position: static; float: none; display: table-column } table td[class*=col-],table th[class*=col-] { position: static; float: none; display: table-cell } .table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active { background-color: #f5f5f5 } .table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8 } .table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success { background-color: #dff0d8 } .table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6 } .table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info { background-color: #d9edf7 } .table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 } .table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning { background-color: #fcf8e3 } .table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc } .table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger { background-color: #f2dede } .table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc } .table-responsive { overflow-x: auto; min-height: .01% } @media screen and (max-width: 656px) { .table-responsive { width:100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } fieldset { margin: 0; min-width: 0 } fieldset,legend { padding: 0; border: 0 } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box } input[type=checkbox],input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple],select[size] { height: auto } input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { padding-top: 7px; font-size: 14px } .form-control,output { display: block; line-height: 1.42857143; color: #555 } .form-control { width: 100%; height: 34px; padding: 6px 12px; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control::-ms-expand { border: 0; background-color: rgba(0,0,0,0) } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { opacity: 1 } .form-control[disabled],fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } input[type=search] { -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control { line-height:34px } .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm { line-height: 30px } .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg { line-height: 46px } } .form-group { margin-bottom: 15px } .checkbox,.radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label,.radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px\9 } .checkbox+.checkbox,.radio+.radio { margin-top: -5px } .checkbox-inline,.radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer } .checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] { cursor: not-allowed } .checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label { cursor: not-allowed } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px } .form-control-static.input-lg,.form-control-static.input-sm { padding-left: 0; padding-right: 0 } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-sm { height: 30px; line-height: 30px } select[multiple].input-sm,textarea.input-sm { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .form-group-sm select.form-control { height: 30px; line-height: 30px } .form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control { height: auto } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-lg { height: 46px; line-height: 46px } select[multiple].input-lg,textarea.input-lg { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .form-group-lg select.form-control { height: 46px; line-height: 46px } .form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control { height: auto } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } .form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label { color: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 } .has-success .form-control-feedback { color: #3c763d } .has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3 } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede } .has-error .form-control-feedback { color: #a94442 } .has-feedback label~.form-control-feedback { top: 25px } .has-feedback label.sr-only~.form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media(min-width: 657px) { .form-inline .form-group { display:inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-static { display: inline-block } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .checkbox,.form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label,.form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px } .form-horizontal .checkbox,.form-horizontal .radio { min-height: 27px } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px } @media(min-width: 657px) { .form-horizontal .control-label { text-align:right; margin-bottom: 0; padding-top: 7px } } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media(min-width: 657px) { .form-horizontal .form-group-lg .control-label { padding-top:11px; font-size: 18px } } @media(min-width: 657px) { .form-horizontal .form-group-sm .control-label { padding-top:6px; font-size: 12px } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid rgba(0,0,0,0); white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn.focus,.btn:focus,.btn:hover { text-decoration: none } .btn.active,.btn:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled,.btn[disabled],fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } a.btn.disabled,fieldset[disabled] a.btn { pointer-events: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.focus,.btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default { background-image: none } .btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 } .btn-primary.focus,.btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40 } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74 } .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74 } .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40 } .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4 } .btn-primary .badge { color: #337ab7 } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success.focus,.btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625 } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625 } .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success { background-image: none } .btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info.focus,.btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85 } .btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info { background-image: none } .btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning.focus,.btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d } .btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning { background-image: none } .btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #f9423a; border-color: #f9423a } .btn-danger.focus,.btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19 } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19 } .btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger { background-image: none } .btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { color: #337ab7; font-weight: 400; border-radius: 0 } .btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link { background-color: rgba(0,0,0,0); -webkit-box-shadow: none; box-shadow: none } .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover { border-color: rgba(0,0,0,0) } .btn-link:focus,.btn-link:hover { color: #23527c; text-decoration: underline; background-color: rgba(0,0,0,0) } .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none } .btn-group-lg>.btn,.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .btn-group-sm>.btn,.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-group-xs>.btn,.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height,visibility; transition-property: height,visibility; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; transition-timing-function: ease } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid rgba(0,0,0,0); border-left: 4px solid rgba(0,0,0,0) } .dropdown,.dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-background-clip: padding-box; background-clip: padding-box } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5 } .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7 } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { color: #777 } .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { text-decoration: none; background-color: rgba(0,0,0,0); background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed } .open>.dropdown-menu { display: block } .open>a { outline: 0 } .dropdown-menu-right { left: auto; right: 0 } .dropdown-menu-left { left: 0; right: auto } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret,.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; content: "" } .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media(min-width: 657px) { .navbar-right .dropdown-menu { left:auto; right: 0 } .navbar-right .dropdown-menu-left { left: 0; right: auto } } .btn-group,.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical>.btn,.btn-group>.btn { position: relative; float: left } .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index: 2 } .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group { float: left } .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group { margin-left: 5px } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group>.btn:first-child { margin-left: 0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group>.btn-group { float: left } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px } .btn-group>.btn-lg+.dropdown-toggle { padding-left: 12px; padding-right: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical>.btn-group>.btn { float: none } .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified>.btn,.btn-group-justified>.btn-group { float: none; display: table-cell; width: 1% } .btn-group-justified>.btn-group .btn { width: 100% } .btn-group-justified>.btn-group .dropdown-menu { left: auto } [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control:focus { z-index: 3 } .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn { height: 46px; line-height: 46px } select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn { height: auto } .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px } select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn { height: auto } .input-group-addon,.input-group-btn,.input-group .form-control { display: table-cell } .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon,.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 12px; font-size: 14px; color: #555; background-color: #eee; border: 1px solid #ccc } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px } .input-group-addon input[type=checkbox],.input-group-addon input[type=radio] { margin-top: 0 } .input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn>.btn { position: relative } .input-group-btn>.btn+.btn { margin-left: -1px } .input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover { z-index: 2 } .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group { margin-right: -1px } .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav>li { position: relative; display: block } .nav>li a { position: relative; display: block; padding: 10px 15px } .nav>li a:focus,.nav>li a:hover { text-decoration: none; background-color: #eee } .nav>li.disabled a { color: #777 } .nav>li.disabled a:focus,.nav>li.disabled a:hover { color: #777; text-decoration: none; background-color: rgba(0,0,0,0); cursor: not-allowed } .nav .open>a,.nav .open>a:focus,.nav .open>a:hover { background-color: #eee; border-color: #337ab7 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li a { margin-right: 2px; line-height: 1.42857143; border: 1px solid rgba(0,0,0,0); border-radius: 4px 4px 0 0 } .nav-tabs>li>a:hover { border-color: #eee #eee #ddd } .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover { color: #555; background-color: #fff; border: 1px solid #ddd } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified>li { float: none } .nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media(min-width: 657px) { .nav-tabs.nav-justified>li { display:table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } @media(min-width: 657px) { .nav-tabs.nav-justified>li>a { border-bottom:1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff } } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 4px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover { color: #fff; background-color: #337ab7 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified>li { float: none } .nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media(min-width: 657px) { .nav-justified>li { display:table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover { border: 1px solid #ddd } @media(min-width: 657px) { .nav-tabs-justified>li>a { border-bottom:1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid rgba(0,0,0,0) } @media(min-width: 657px) { .navbar { border-radius:4px } } @media(min-width: 657px) { .navbar-header { float:left } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid rgba(0,0,0,0); -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1); box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1); -webkit-overflow-scrolling: touch } .navbar-collapse.in { overflow-y: auto } @media(min-width: 657px) { .navbar-collapse { width:auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse { padding-left: 0; padding-right: 0 } } .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse { max-height: 340px } @media(max-device-width: 320px)and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse { max-height:200px } } .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header { margin-right: -15px; margin-left: -15px } @media(min-width: 657px) { .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header { margin-right:0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media(min-width: 657px) { .navbar-static-top { border-radius:0 } } .navbar-fixed-bottom,.navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } @media(min-width: 657px) { .navbar-fixed-bottom,.navbar-fixed-top { border-radius:0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px } .navbar-brand:focus,.navbar-brand:hover { text-decoration: none } .navbar-brand>img { display: block } @media(min-width: 657px) { .navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand { margin-left:-15px } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: rgba(0,0,0,0); background-image: none; border: 1px solid rgba(0,0,0,0); border-radius: 4px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media(min-width: 657px) { .navbar-toggle { display:none } } .navbar-nav { margin: 7.5px -15px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media(max-width: 656px) { .navbar-nav .open .dropdown-menu { position:static; float: none; width: auto; margin-top: 0; background-color: rgba(0,0,0,0); border: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px } .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover { background-image: none } } @media(min-width: 657px) { .navbar-nav { float:left; margin: 0 } .navbar-nav>li { float: left } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid rgba(0,0,0,0); border-bottom: 1px solid rgba(0,0,0,0); -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1); box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1); margin-top: 8px; margin-bottom: 8px } @media(min-width: 657px) { .navbar-form .form-group { display:inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .form-control-static { display: inline-block } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn { width: auto } .navbar-form .input-group>.form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox,.navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox label,.navbar-form .radio label { padding-left: 0 } .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media(max-width: 656px) { .navbar-form .form-group { margin-bottom:5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } @media(min-width: 657px) { .navbar-form { width:auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 8px; margin-bottom: 8px } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px } .navbar-text { margin-top: 15px; margin-bottom: 15px } @media(min-width: 657px) { .navbar-text { float:left; margin-left: 15px; margin-right: 15px } } @media(min-width: 657px) { .navbar-left { float:left!important } .navbar-right { float: right!important; margin-right: -15px } .navbar-right~.navbar-right { margin-right: 0 } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: rgba(0,0,0,0) } .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav>li>a { color: #777 } .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover { color: #333; background-color: rgba(0,0,0,0) } .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: rgba(0,0,0,0) } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #888 } .navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover { background-color: #e7e7e7; color: #555 } @media(max-width: 656px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: rgba(0,0,0,0) } .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: rgba(0,0,0,0) } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:focus,.navbar-default .btn-link:hover { color: #333 } .navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc } .navbar-inverse { background-color: #222; border-color: #080808 } .navbar-inverse .navbar-brand { color: #9d9d9d } .navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover { color: #fff; background-color: rgba(0,0,0,0) } .navbar-inverse .navbar-text { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: rgba(0,0,0,0) } .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: rgba(0,0,0,0) } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover { background-color: #080808; color: #fff } @media(max-width: 656px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: rgba(0,0,0,0) } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: rgba(0,0,0,0) } } .navbar-inverse .navbar-link { color: #9d9d9d } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #9d9d9d } .navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover { color: #fff } .navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { content: "/ " } .breadcrumb>.active { color: #777 } .pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px } .pagination>li { display: inline } .pagination>li>a,.pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px } .pagination>li:first-child>a,.pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px } .pagination>li:last-child>a,.pagination>li:last-child>span { border-bottom-right-radius: 4px; border-top-right-radius: 4px } .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default } .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed } .pagination-lg>li>a,.pagination-lg>li>span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333 } .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span { border-bottom-left-radius: 6px; border-top-left-radius: 6px } .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span { border-bottom-right-radius: 6px; border-top-right-radius: 6px } .pagination-sm>li>a,.pagination-sm>li>span { padding: 5px 10px; font-size: 12px; line-height: 1.5 } .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center } .pager li { display: inline } .pager li>a,.pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li>a:focus,.pager li>a:hover { text-decoration: none; background-color: #eee } .pager .next>a,.pager .next>span { float: right } .pager .previous>a,.pager .previous>span { float: left } .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span { color: #777; background-color: #fff; cursor: not-allowed } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:focus,a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .label:empty { display: none } .btn .label { position: relative; top: -1px } .label-default { background-color: #777 } .label-default[href]:focus,.label-default[href]:hover { background-color: #5e5e5e } .label-primary { background-color: #337ab7 } .label-primary[href]:focus,.label-primary[href]:hover { background-color: #286090 } .label-success { background-color: #5cb85c } .label-success[href]:focus,.label-success[href]:hover { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:focus,.label-info[href]:hover { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:focus,.label-warning[href]:hover { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:focus,.label-danger[href]:hover { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-group-xs>.btn .badge,.btn-xs .badge { top: 0; padding: 1px 5px } a.badge:focus,a.badge:hover { color: #fff; text-decoration: none; cursor: pointer } .list-group-item.active>.badge,.nav-pills>.active>a>.badge { color: #337ab7; background-color: #fff } .list-group-item>.badge { float: right } .list-group-item>.badge+.badge { margin-right: 5px } .nav-pills>li>a>.badge { margin-left: 3px } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; background-color: #eee } .jumbotron,.jumbotron .h1,.jumbotron h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200 } .jumbotron>hr { border-top-color: #d5d5d5 } .container-fluid .jumbotron,.container .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px } .jumbotron .container { max-width: 100% } @media screen and (min-width: 657px) { .jumbotron { padding-top:48px; padding-bottom: 48px } .container-fluid .jumbotron,.container .jumbotron { padding-left: 60px; padding-right: 60px } .jumbotron .h1,.jumbotron h1 { font-size: 63px } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .thumbnail>img,.thumbnail a>img { margin-left: auto; margin-right: auto } a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover { border-color: #337ab7 } .thumbnail .caption { padding: 9px; color: #333 } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid rgba(0,0,0,0); border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: 700 } .alert>p,.alert>ul { margin-bottom: 0 } .alert>p+p { margin-top: 5px } .alert-dismissable,.alert-dismissible { padding-right: 35px } .alert-dismissable .close,.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0 } to { background-position: 0 0 } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped,.progress-striped .progress-bar { background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,rgba(0,0,0,0) 0,rgba(0,0,0,0)); background-size: 40px 40px } .progress-bar.active,.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,rgba(0,0,0,0) 0,rgba(0,0,0,0)) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,rgba(0,0,0,0) 0,rgba(0,0,0,0)) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,rgba(0,0,0,0) 0,rgba(0,0,0,0)) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,rgba(0,0,0,0) 0,rgba(0,0,0,0)) } .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media,.media-body { zoom:1;overflow: hidden } .media-body { width: 10000px } .media-object { display: block } .media-object.img-thumbnail { max-width: none } .media-right,.media>.pull-right { padding-left: 10px } .media-left,.media>.pull-left { padding-right: 10px } .media-body,.media-left,.media-right { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-heading { margin-top: 0; margin-bottom: 5px } .media-list { padding-left: 0; list-style: none } .list-group { margin-bottom: 20px; padding-left: 0 } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } a.list-group-item,button.list-group-item { color: #555 } a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover { text-decoration: none; color: #555; background-color: #f5f5f5 } button.list-group-item { width: 100%; text-align: left } .list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover { background-color: #eee; color: #777; cursor: not-allowed } .list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text { color: #777 } .list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7 } .list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small { color: inherit } .list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text { color: #c7ddef } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success,button.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info,button.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3 } a.list-group-item-warning,button.list-group-item-warning { color: #8a6d3b } a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc } a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b } .list-group-item-danger { color: #a94442; background-color: #f2dede } a.list-group-item-danger,button.list-group-item-danger { color: #a94442 } a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc } a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid rgba(0,0,0,0); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05) } .panel-body { padding: 15px } .panel-heading { padding: 10px 15px; border-bottom: 1px solid rgba(0,0,0,0); border-top-right-radius: 3px; border-top-left-radius: 3px } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.list-group,.panel>.panel-collapse>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px } .panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .list-group+.panel-footer { border-top-width: 0 } .panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table { margin-bottom: 0 } .panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption { padding-left: 15px; padding-right: 15px } .panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 3px } .panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body { border-top: 1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th { border-top: 0 } .panel>.table-bordered,.panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 } .panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } .panel>.table-responsive { border: 0; margin-bottom: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default>.panel-heading { background-color: #f5f5f5; border-color: #ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd } .panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #337ab7 } .panel-primary>.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #337ab7 } .panel-primary>.panel-heading .badge { color: #337ab7; background-color: #fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #337ab7 } .panel-success { border-color: #d6e9c6 } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6 } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1 } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger>.panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ebccd1 } .panel-danger>.panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ebccd1 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05) } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15) } .well-lg { padding: 24px; border-radius: 6px } .well-sm { padding: 9px; border-radius: 3px } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .close:focus,.close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: rgba(0,0,0,0); border: 0; -webkit-appearance: none } .modal,.modal-open { overflow: hidden } .modal { display: none; -webkit-overflow-scrolling: touch } .modal.fade .modal-dialog { -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media(min-width: 657px) { .modal-dialog { width:600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) } .modal-sm { width: 300px } } @media(min-width: 871px) { .modal-lg { width:900px } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: rgba(0,0,0,0); border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px } .tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow { bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { left: 5px } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2) } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .popover-content { padding: 9px 14px } .popover>.arrow,.popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: rgba(0,0,0,0); border-style: solid } .popover>.arrow { border-width: 11px } .popover>.arrow:after { border-width: 10px; content: "" } .popover.top>.arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,.25); bottom: -11px } .popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25) } .popover.right>.arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .popover.bottom>.arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); top: -11px } .popover.bottom>.arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) } .popover.left>.arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .carousel,.carousel-inner { position: relative } .carousel-inner { overflow: hidden; width: 100% } .carousel-inner>.item { display: none; position: relative; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out } .carousel-inner>.item>a>img,.carousel-inner>.item>img { line-height: 1 } @media (-webkit-transform-3d),(transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-inner>.item.active.right,.carousel-inner>.item.next { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); left: 0 } .carousel-inner>.item.active.left,.carousel-inner>.item.prev { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); left: 0 } .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right { -webkit-transform: translateZ(0); transform: translateZ(0); left: 0 } } .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next,.carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left,.carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0) } .carousel-control.left { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))); background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1) } .carousel-control.right { left: auto; right: 0; background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1) } .carousel-control:focus,.carousel-control:hover { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block } .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-next,.carousel-control .icon-prev { width: 20px; height: 20px; line-height: 1; font-family: serif } .carousel-control .icon-prev:before { content: "‹" } .carousel-control .icon-next:before { content: "›" } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0) } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width: 657px) { .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev { width:30px; height: 30px; margin-top: -10px; font-size: 30px } .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev { margin-left: -10px } .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next { margin-right: -10px } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before { content: " "; display: table } .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: rgba(0,0,0,0); text-shadow: none; background-color: rgba(0,0,0,0); border: 0 } .hidden { display: none!important } .affix { position: fixed } @-ms-viewport { width: device-width } .visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block { display: none!important } @media(max-width: 656px) { .visible-xs { display:block!important } table.visible-xs { display: table!important } tr.visible-xs { display: table-row!important } td.visible-xs,th.visible-xs { display: table-cell!important } } @media(max-width: 656px) { .visible-xs-block { display:block!important } } @media(max-width: 656px) { .visible-xs-inline { display:inline!important } } @media(max-width: 656px) { .visible-xs-inline-block { display:inline-block!important } } @media(min-width: 657px)and (max-width:870px) { .visible-sm { display:block!important } table.visible-sm { display: table!important } tr.visible-sm { display: table-row!important } td.visible-sm,th.visible-sm { display: table-cell!important } } @media(min-width: 657px)and (max-width:870px) { .visible-sm-block { display:block!important } } @media(min-width: 657px)and (max-width:870px) { .visible-sm-inline { display:inline!important } } @media(min-width: 657px)and (max-width:870px) { .visible-sm-inline-block { display:inline-block!important } } @media(min-width: 871px)and (max-width:1199px) { .visible-md { display:block!important } table.visible-md { display: table!important } tr.visible-md { display: table-row!important } td.visible-md,th.visible-md { display: table-cell!important } } @media(min-width: 871px)and (max-width:1199px) { .visible-md-block { display:block!important } } @media(min-width: 871px)and (max-width:1199px) { .visible-md-inline { display:inline!important } } @media(min-width: 871px)and (max-width:1199px) { .visible-md-inline-block { display:inline-block!important } } @media(min-width: 1200px) { .visible-lg { display:block!important } table.visible-lg { display: table!important } tr.visible-lg { display: table-row!important } td.visible-lg,th.visible-lg { display: table-cell!important } } @media(min-width: 1200px) { .visible-lg-block { display:block!important } } @media(min-width: 1200px) { .visible-lg-inline { display:inline!important } } @media(min-width: 1200px) { .visible-lg-inline-block { display:inline-block!important } } @media(max-width: 656px) { .hidden-xs { display:none!important } } @media(min-width: 657px)and (max-width:870px) { .hidden-sm { display:none!important } } @media(min-width: 871px)and (max-width:1199px) { .hidden-md { display:none!important } } @media(min-width: 1200px) { .hidden-lg { display:none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table!important } tr.visible-print { display: table-row!important } td.visible-print,th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } } @media print { .hidden-print { display: none!important } } body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,ul { margin: 0; padding: 0 } li { list-style: none } th { font-weight: 400 } sup { height: 0; vertical-align: text-top; _vertical-align: top; position: relative; font-size: .46em } .Spacer { clear: both } .Spacer,img { margin: 0; padding: 0 } img { text-decoration: none } .flL { float: left } .flR { float: right } .flt_None { float: none!important } @media(max-width: 656px) { .sp_flL { float:left } .sp_fltR { float: right } } .mg10 { margin: 10px!important } .mg20 { margin: 20px!important } .mgl120 { margin-left: 120px!important } .mgl121 { margin-left: 121px!important } .mgt2 { margin-top: 2px!important } .mgt7 { margin-top: 7px!important } .mgt8 { margin-top: 8px!important } .mgtm10 { margin-top: -10px!important } .mgt15 { margin-top: 15px!important } .mgt25 { margin-top: 25px!important } .mgt203 { margin-top: 203px!important } .mglr-5 { margin-left: -5px!important; margin-right: -5px!important } .mglrauto { margin-left: auto!important; margin-right: auto!important } .pd3 { padding: 3px!important } .pd30 { padding: 30px!important } .pd40 { padding: 40px!important } .pd50 { padding: 50px!important } .pd60 { padding: 60px!important } .pd70 { padding: 70px!important } .pd80 { padding: 80px!important } .pd90 { padding: 90px!important } .pd100 { padding: 100px!important } .pdl3 { padding-left: 3px!important } .pdr3 { padding-right: 3px!important } .pdt1 { padding-top: 1px!important } .pdt8 { padding-top: 8px!important } .pdt17 { padding-top: 17px!important } .pdt23 { padding-top: 23px!important } .pdb115 { padding-bottom: 115px!important } .pdtb3 { padding-bottom: 3px!important; padding-top: 3px!important } .w12p { width: 12%!important } .w24p { width: 24%!important } .w38p { width: 38%!important } .w55p { width: 55%!important } .dpi { display: inline-block!important } .dpt { display: table-cell!important } .VaCnt { vertical-align: middle!important } .Vatop { vertical-align: top!important } .Abs { position: absolute } .Rel { position: relative } .Cl_red { color: red!important } h1 { font-size: 2em!important } h1,h2 { font-weight: 700 } h2 { font-size: 1.7em!important } h4 { font-size: 1.26em!important } h4,h5 { font-weight: 700 } .fsIcon { font-size: 1.8em!important } .fsIconL { font-size: 2.6em!important } .fsSS { font-size: .6em!important } .fsS { font-size: .85em!important } .fsM { font-size: 1em!important } .fsMM { font-size: 1.1em!important } .fsL { font-size: 15px!important } .fsLL { font-size: 1.4em!important } .fsLLL { font-size: 1.7em!important } .fsL19 { font-size: 1.9em!important } .fsL20 { font-size: 2em!important } .fsL22 { font-size: 2.2em!important } .Bd1_e5e5e5 { border: 1px solid #e5e5e5 } .BdL1_e5e5e5 { border-left: 1px solid #e5e5e5 } .BdR1_e5e5e5 { border-right: 1px solid #e5e5e5 } .BdT1_e5e5e5 { border-top: 1px solid #e5e5e5 } .BdB1_e5e5e5 { border-bottom: 1px solid #e5e5e5 } .bord0 { -webkit-box-shadow: none!important; box-shadow: none!important } .Bg_f6f6f6 { background-color: #f6f6f6 } .Bg_f8f5f0 { background-color: #f7f5f0 } .Bg_blk { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBERDE2Qjk5ODM5MjExRTY5RDg1QzgzM0M5MTkyQUIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBERDE2QjlBODM5MjExRTY5RDg1QzgzM0M5MTkyQUIxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEREMTZCOTc4MzkyMTFFNjlEODVDODMzQzkxOTJBQjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEREMTZCOTg4MzkyMTFFNjlEODVDODMzQzkxOTJBQjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz44g9g1AAAAG0lEQVR42mJkYGCQYiACMDEQCUYVUkchQIABADraAC7Y0HVdAAAAAElFTkSuQmCC) } .Bg_blk,.Bg_blk50 { background-repeat: repeat } .Bg_blk50 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFQTYyOTgyODRCODExRTY4RjlDQTU0ODQ1NjYwOUQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFQTYyOTgzODRCODExRTY4RjlDQTU0ODQ1NjYwOUQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0VBNjI5ODA4NEI4MTFFNjhGOUNBNTQ4NDU2NjA5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0VBNjI5ODE4NEI4MTFFNjhGOUNBNTQ4NDU2NjA5RDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5V5mLAAAAAGElEQVR42mJkYGBoYMADmBgIgOGhACDAAItIAJA/hcT5AAAAAElFTkSuQmCC) } .Icon_ef473e { border: 1px solid #ef473e; padding: 2px 10px; text-align: center; color: #ef473e; font-size: .86em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 2px } .Icon_e5e5e5 { border: 1px solid #e5e5e5; color: #6a6a6a; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .Icon_e5e5e5,.Icon_ffffff { padding: 2px 10px; text-align: center; font-size: .86em; margin: 2px; display: inline-block } .Icon_ffffff { border: 1px solid #fff; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .Icon_333333 { border: 1px solid #333; padding: 2px 10px; text-align: center; color: #333; font-size: .86em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 2px; display: inline-block } .Icon_must { background-color: #f9423a; border-radius: .25em; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 12px; font-weight: 400; line-height: 1.3; padding: 2px 0 1px; right: 0; width: 40px } .Icon_Circle,.Icon_must { color: #fff; top: 0; text-align: center } .Icon_Circle { position: absolute; right: 20px; background: #ef473e; height: 80px; width: 80px; font-size: 1.2em; padding-top: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .UnderLink { color: #337ab7!important } .arrowBox img { width: 75px; margin: auto; padding: 10px 0; opacity: .4 } .BottomBtn { position: absolute; bottom: 60px; left: 0; right: 0; margin: auto } .md_pdt10 { padding-top: 10px!important } .md_pdt20 { padding-top: 20px!important } @media(max-width: 656px) { .md_pdt10,.md_pdt20 { padding-top:0!important } .sp_pdt10 { padding-top: 10px!important } .sp_pdt20 { padding-top: 20px!important } .sp_pdt30 { padding-top: 30px!important } .sp_pdt40 { padding-top: 40px!important } .sp_pdt50 { padding-top: 50px!important } .sp_text_right { text-align: right!important } } @media(max-width: 870px) { .sm_pdt10 { padding-top:10px!important } } .inq-tel { font-size: 3em; display: block } .cl_ef473e,.inq-tel { color: #ef473e } .cl_676767 { color: #676767 } .cl_ffffff { color: #fff } body { -webkit-text-size-adjust: none; font-size: 12px!important; color: #333!important } .Top-text,footer,header { text-align: center } .Top-text { padding: 30px } .Top-text h1 { font-size: 20px } .main-contents { width: 100%; border-top: 1px solid #ddd } .border-mini { display: block; width: 90px; height: 20px; border-bottom: 2px solid #000; margin: 0 auto } .Right-col { position: absolute; top: 108px; left: 0; right: 0; margin: auto } @media(max-width: 870px) { .Right-col { position:static!important; margin: 20px auto auto } } .z100 { z-index: 100!important } .breadcrumb { padding: 10px 0; margin-bottom: 0!important; list-style: none; background-color: #fff; font-size: .9em } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc } .breadcrumb a { color: #777 } .icon-bar { width: 100%; height: 40px; text-align: right!important; background-color: #f7f5f0 } .icon-bar .container { height: 100%; text-align: right!important; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end } .icon-bar a { color: #656565!important; padding: 0 8px } .icon-bar a img { margin-top: -7px } .tab-main .nav-tabs { border-bottom: none; border-right: 1px solid #ddd; background-color: #fff } .tab-main .nav-tabs li { width: 25%; text-align: center; border-top: 1px solid #ddd; border-left: 1px solid #ddd } .tab-main .nav-tabs>li.active { border-top: none; border-bottom: 1px solid #fff; margin-bottom: -1px; z-index: 1000 } .tab-main .nav-tabs>li>a { padding: 0; margin: 0; border-radius: 0; color: #000; border-top: none; border-bottom: none; border-right: none; border-left: none; font-weight: 700; height: 55px; background-color: #fff } .tab-main .nav-tabs>li.active>a,.tab-main .nav-tabs>li.active>a:focus,.tab-main .nav-tabs>li.active>a:hover { color: #f9423a; border-top: 3px solid #f9423a; border-bottom: none; border-right: none; border-left: none; margin: 0 -1px; background: none } .tab-main .nav-tabs>li>a:hover { border-radius: 0; color: #000 } .tab-main .nav-tabs>li>a>p { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; right: 0 } @media(max-width: 656px) { .main-contents>.tab-pane { display:block } .tab-main .nav-tabs { display: none } .main-contents { border-top: 3px solid #f9423a } } .tab-calendar .nav-tabs { border-bottom: none } .tab-calendar .nav-tabs li { width: 16.666666666%; text-align: center } .tab-calendar .nav-tabs>li a { padding: 0; margin-right: 0; border-radius: 0; color: #000; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: none; border-right: none; font-weight: 700; height: 60px } .tab-calendar .nav-tabs>li p { border-right: 2px solid #ddd; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; right: 0 } .tab-calendar .nav-tabs>li span { font-size: 1.5em } .tab-calendar .nav-tabs>li:last-child>a>p { border-right: none } .tab-calendar .nav-tabs>li.active a,.tab-calendar .nav-tabs>li.active a:focus,.tab-calendar .nav-tabs>li.active a:hover { color: #f9423a; border-bottom: 2px solid #f9423a; border-right: none; border-left: none } .tab-calendar .nav-tabs>li.active>a:focus>p,.tab-calendar .nav-tabs>li.active>a:hover>p,.tab-calendar .nav-tabs>li.active>p { margin-bottom: 1px } .tab-calendar .nav-tabs>li>a:hover { margin-right: 0; border-radius: 0; color: #000; border-left: none; border-top: 1px solid #ddd; background: none } .payment-Price,td .price { color: #ef473e; font-size: 1.2em; font-weight: 700 } .table-about td,.table-about th { border: 1px solid #dcdcdc; border-collapse: collapse; vertical-align: top } .table-about { width: 100% } .table-about th { width: 16.1765%; background-color: #f6f6f6; padding: 20px 15px; font-weight: 700 } .table-about tr th:nth-child(n+2) { border-left: 1px solid #dcdcdc } .table-about td { padding: 20px 15px; background-color: #fff } .table-about th.Line4 { border-left: 1px solid #dcdcdc } .table-about td.Line4 { width: 33.8235% } .table-about th.Line2 { border-right: none } .table-about td.Line2 { border-left: none } #tab2 .table-about tr:first-of-type td:first-of-type,#tab2 .table-about tr:nth-of-type(2) td:first-of-type { border-left: none } @media(max-width: 656px) { .Line4 { display:block } .sp_flex,.sp_flex2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .sp_flex2 { -ms-flex-wrap: wrap; flex-wrap: wrap } .table-about th { width: 26% } .table-about th.Line4 { width: 26%; border-bottom: none; border-right: none } .table-about td.Line4 { width: 74%; border-bottom: none } .table-about tr:last-of-type td.Line4:last-of-type,.table-about tr:last-of-type th:last-of-type { border-bottom: 1px solid #dcdcdc } } .table-money td,.table-money th { border: 1px solid #dcdcdc; border-collapse: collapse; vertical-align: top } .table-money { width: 100% } .table-money th { width: 16.1765%; background-color: #f6f6f6; padding: 20px 15px; font-weight: 700; border-left: none!important } .table-money tr th:nth-child(n+2) { border-right: none } .table-money td { padding: 20px 15px; border-right: none; background-color: #fff } .table-money th.Line4 { border-left: 1px solid #dcdcdc } .table-money td.Line4 { width: 33.8235% } .table-money th.Line2 { border-right: none } .table-money td.Line2 { border-left: none } .AttenBlk { background-color: #fff; border: 1px solid #dcdcdc; padding: 10px } .table-schedule td,.table-schedule th { border: 1px solid #dcdcdc; border-collapse: collapse } .table-schedule { width: 100% } .table-schedule th { background-color: #f6f6f6; padding: 10px 0; font-weight: 700; border-left: none; text-align: center; border-left: none!important } .table-schedule tr th:nth-child(4) { border-right: none } .table-schedule tr td:nth-child(n+4) { text-align: center } .table-schedule td { padding: 20px; border-right: none } .table-schedule tr:first-child th { background-color: #eee } .table-schedule tr:first-child th:first-child { width: 10.2941% } .table-schedule tr:first-child th:nth-child(n+3) { width: 14.7059% } @media(max-width: 656px) { .table-schedule td,.table-schedule th { width:100%; display: block!important } .table-schedule th { border-right: none } .table-schedule td { border-top: none; border-left: none; padding: 0 } .table-schedule tr td:last-of-type { border-bottom: none } table.table-schedule { border-bottom: 1px solid #dcdcdc } .schedule-box { display: table; width: 100% } .schedule-left { border: none!important; border-right: 1px solid #dcdcdc!important; background-color: #eee!important; width: 26%; height: 100%; text-align: center; font-weight: 700 } .schedule-left,.schedule-right { display: table-cell!important; padding: 20px } .schedule-right { width: 74% } } .table-calendar td,.table-calendar th { border: 1px solid #dcdcdc!important; border-collapse: collapse; vertical-align: top; text-align: center!important } .table-calendar { width: 100% } .table-calendar th { width: 16.1765%; background-color: #f6f6f6; padding: 20px 15px; font-weight: 700; border-left: none } .table-calendar tr th:nth-child(n+2) { border-left: 1px solid #dcdcdc!important } .table-calendar td { padding: 10px 5px; border-right: none; background-color: #fff!important; height: 89px } .table-calendar td.Calendar-header { height: 25px!important } .table-calendar td span { font-size: 1.2em } @media(max-width: 656px) { .table-calendar td { vertical-align:middle!important; padding: 10px!important; height: auto!important } .table-calendar td.text-center { text-align: left!important } .table-calendar td .btn-Green { margin-top: 0!important } .table-calendar td.text-center .fsM { padding-left: 15px } } .table-form td,.table-form th { border: 1px solid #dcdcdc; border-collapse: collapse; vertical-align: top } .table-form { width: 100% } .table-form th { width: 32.1765%; background-color: #f6f6f6; padding: 20px 15px; font-weight: 700 } .table-form tr th:nth-child(n+2) { border-left: 1px solid #dcdcdc } .table-form td { padding: 20px 15px } @media(max-width: 656px) { .table-form th { width:26% } } .table-form td table td { padding: 0; border: none!important; vertical-align: middle!important } table.wAuto td { width: auto!important; display: table-cell!important; padding-right: 10px!important } .table-payment td,.table-payment th { border: 1px solid #dcdcdc; border-collapse: collapse; text-align: center } .table-payment { width: 100% } .table-payment th { background-color: #f6f6f6; padding: 20px 15px; font-weight: 700 } .table-payment tr th:nth-child(n+2) { border-left: 1px solid #dcdcdc } .table-payment td { padding: 20px 15px; text-align: left } .table-payment td:nth-child(n+2) { border-left: 1px solid #dcdcdc; text-align: center!important } .btn { position: relative } .btn-primary { color: #fff!important; background-color: #333; border-color: #333 } .btn-primary.focus,.btn-primary:focus { color: #fff!important; background-color: #333; border-color: #333 } .btn-primary:hover { color: #fff!important; background-color: #333; border-color: #333 } .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary { color: #fff!important; background-color: #333; border-color: #333 } .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover { color: #fff!important; background-color: #333; border-color: #333 } .btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary { background-image: none } .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover { background-color: #333; border-color: #333 } .btn-primary .badge { color: #333; background-color: #fff } .btn-red-xs { width: 100%; height: 40px; color: #fff!important; font-weight: 700; background-color: #f9423a; padding: 0; font-size: 15px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-red-xs>i { position: absolute; font-size: 1.4em; color: #fff!important; top: 50%; right: 10px; transform: translateY(-53%); -webkit-transform: translateY(-53%); -ms-transform: translateY(-53%); -moz-transform: translateY(-53%) } .btn-red-border-xs { width: 100%; height: 40px; color: #fff!important; font-weight: 700; background-color: #fff; border: 2px solid #f9423a; padding: 0; font-size: 15px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-red-border-xs i { position: absolute; font-size: 1.4em; color: #fff!important; top: 50%; left: 10px; transform: translateY(-53%); -webkit-transform: translateY(-53%); -ms-transform: translateY(-53%); -moz-transform: translateY(-53%) } .btn-red-md { width: 100%; height: 55px; color: #fff!important; font-weight: 700; background-color: #f9423a; padding: 0; font-size: 15px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-red-md>i { position: absolute; font-size: 1.4em; color: #fff!important; top: 50%; right: 10px; transform: translateY(-53%); -webkit-transform: translateY(-53%); -ms-transform: translateY(-53%); -moz-transform: translateY(-53%) } .icon-l { left: 10px!important; right: auto!important } .btn-red-lg { height: 60px; background-color: #ef473e; border-color: #ef473e; padding: 0; font-size: 14px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-Black,.btn-red-lg { width: 100%; color: #fff!important; font-weight: 700 } .btn-Black { height: auto; background-color: #333; padding: 3px 0; font-size: .86em!important; margin-top: 5px } .btn-black-lg { width: 100%; height: 60px; color: #fff; font-weight: 700; background-color: #333; border-color: #333; padding: 0; font-size: 14px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-black-lg>p:first-child { position: absolute; top: 50%; left: 0; right: auto; padding-left: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%) } .btn-red-entry { width: 100%; height: 60px; color: #fff!important; font-weight: 700; background-color: #ef473e; border-color: #ef473e; padding: 0; font-size: 14px; line-height: 60px } .btn-white-md { height: 55px; color: #ef473e!important; background-color: #fff; font-size: 15px } .btn-request-xs,.btn-white-md { width: 100%; font-weight: 700; padding: 0; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-request-xs { height: 40px; color: #fff!important; background-color: #333; border-color: #333; font-size: 14px } .btn-request-xs>img { position: absolute; right: -13px; top: -27px } .btn-request-lg { width: 100%; height: 60px; color: #fff!important; font-weight: 700; background-color: #333; border-color: #333; padding: 0; font-size: 14px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-request-lg>i { position: absolute; font-size: 1.4em; color: #fff!important; top: 50%; left: 10px; transform: translateY(-53%); -webkit-transform: translateY(-53%); -ms-transform: translateY(-53%); -moz-transform: translateY(-53%) } .btn-request-white { width: 100%; height: 45px; color: #000!important; font-weight: 700; background-color: rgba(0,0,0,0); border: 2px solid #ccc; padding: 0; font-size: 14px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-request-white>i { position: absolute; font-size: 1.4em; color: #ccc!important; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%) } .btn-input-white { width: 100%; height: 45px; color: #000!important; font-weight: 700; position: relative; background-color: rgba(0,0,0,0); border: 2px solid #ccc; padding: 0; font-size: 14px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-input-white i { position: absolute; color: #ccc!important; top: 50%; left: 10px; right: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%) } .btn-Green { background-color: #ef473e } .btn-5,.btn-Green { width: 100%; height: auto; font-weight: 700; padding: 3px 0 } .btn-5 { color: #333!important; border: 2px solid #ccc; font-size: .86em!important; margin-top: 5px } .btn-5,.btn-about-white { background-color: rgba(0,0,0,0) } .btn-about-white { width: 100%; height: 45px; color: #fff!important; font-weight: 700; border: 2px solid #fff; padding: 0; font-size: 14px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-about-white>i { position: absolute; font-size: 1.4em; color: #fff!important; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%) } .btn-step { width: 100%; height: 40px; color: #000; background-color: #fff; padding: 0; font-size: 14px; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .btn-question-panel>p { position: absolute; padding-right: 40px; top: 50%; left: 60px; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%) } .btn-question-panel>img { position: absolute; right: 10px; bottom: 10px } .btn-question-panel>i { position: absolute; font-size: 1.4em; color: #ccc!important; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%) } .panel-group { border: 2px solid #ccc; border-radius: 4px } .panel-collapse { border-top: 2px solid #ccc } .modal-header { padding: 20px } .posiCent .modal-header { border-bottom: none!important } .modal-content { -webkit-box-shadow: none; box-shadow: none } .modal-footer,.modal-title { text-align: center } .modal-footer { border-radius: 6px; padding: 20px; border-top: none; background-color: #f6f6f6 } .main-box { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } @media(max-width: 870px) { .main-box { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .sp-bottom-thumbnails { margin-top: 20px; margin-bottom: 70px } .sp-selected-thumbnail { border: 2px solid #ec483f } .sp-selected-thumbnail img { margin: -3px } .sp-thumbnail { height: 100%!important; width: 100%!important } .sp-layer { text-align: center; color: #fff } .sp-top-box { height: 270px; width: 100%; position: relative } @media(max-width: 870px) { .sp-top-box { height:220px } } @media(max-width: 656px) { .sp-top-box { height:170px } } @media(max-width: 530px) { .sp-top-box { height:120px } } .sp-top-box>img { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .shadow { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 100 } .shadow>img { width: 100%; height: 100% } .sp-cap { height: 40px; width: 100%; text-align: center; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .sp-img-box { position: relative; overflow: hidden } .sp-selected .shadow { display: none } .sp-grab,.sp-grabbing { cursor: pointer!important } #slider-sub1 { margin-top: 20px; padding-bottom: 20px } #slider-sub1 .shadow { display: none } #slider-sub1 .sp-slide img { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } #slider-sub1 .sp-text { z-index: 1000; text-align: center; color: #000; position: absolute; bottom: 0; right: 0; left: 0 } #slider-sub1 .sp-img { height: 150px; width: 100%; overflow: hidden; position: relative } #slider-sub2 { margin-top: 20px; padding-bottom: 20px; z-index: 1 } #slider-sub2 .sp-slide,#slider-sub2 .sp-slides { overflow: visible } #slider-sub2 .sp-slide img { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } #slider-sub2 .sp-text { z-index: 1000; text-align: center; color: #000; position: absolute; bottom: 0; right: 0; left: 0 } #slider-sub2 .sp-img { height: 260px; width: 100%; overflow: visible; position: relative } @media(min-width: 657px) { #slider-sub2 { margin-bottom:-40px } .sp-text { display: none } } .sp-button { border: none!important; background-color: #cecece } .sp-selected-button { background-color: #ec483f!important } .sp-buttons { padding-top: 20px; padding-bottom: 30px; display: none } @media(max-width: 656px) { .sp-buttons { display:block } #slider-sub2 .sp-buttons { padding-top: 10px } .sp-thumbnails-container { display: none } } .tour-box>span { position: absolute; font-size: 1.4em; color: #4e4e4c; padding: 50px 50px 10px 50px; background-color: #e4e3e1; right: -60px; top: -30px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg) } .tour-box>h3 { margin: 30px 0 20px 0 } .tour-box>p { padding-bottom: 5px } .tour-box-btn { width: 40%; margin: 20px auto 30px; background-color: hsla(0,0%,100%,.2) } @media(max-width: 656px) { .tour-box-btn { width:75% } } .rank-box { border: 5px solid #e4e3e1; text-align: center; padding: 0 30px } .rank-box>h4 { margin: 30px 0 } .rank-box>p { padding-bottom: 5px } .rank-box-btn { width: 40%; margin: 20px auto } .rank-content { position: relative; height: 155px } .rank-crown { z-index: 1000; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .rank-content-text,.rank-crown { position: absolute; top: 0; right: 0; left: 0 } .rank-content-text { z-index: 100; bottom: 0; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .rank-content-text p { color: #fff; font-weight: 700 } .rank-content-text p:last-child { font-size: 1.5em } .rank-content-img { z-index: 1; width: 100%; height: 100%; overflow: hidden; position: relative; border-bottom: 5px solid #ddd8d5 } .rank-content-img img { width: auto; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .other-box-img { position: relative; width: 100%; height: 110px; overflow: hidden; margin-top: 15px } .other-box-img img { width: auto; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0 } @media(max-width: 656px) { .rank-box-btn { width:75% } .rank-content-img { border-bottom: 2px solid #fff } .rank-box { padding: 0 } .rank-content { position: relative; height: 102px } } @media(max-width: 870px) { .rank-content-img img { width:100%; height: auto } } .request-top-text { height: 120px; width: 100%; display: table } .request-top-text p { font-size: 1.3em; font-weight: 700; text-align: center; display: table-cell; vertical-align: middle; position: relative; padding-bottom: 25px } .request-top-text p:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; height: 0; width: 0; border-top: 25px solid #d2d2d2; border-right: 100px solid rgba(0,0,0,0); border-bottom: none; border-left: 100px solid rgba(0,0,0,0); bottom: -10px; padding-bottom: 35px } .request-box { width: 100%; height: 260px; overflow: hidden; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .request-1,.request-2,.request-3 { width: 20%; height: 100%; position: relative } .request-1 { z-index: 100 } .request-2 { z-index: 200 } .request-3 { z-index: 300 } .request-4 { z-index: 400; width: 40%; height: 100%; background-color: #f7f5f0; position: relative } .request-img { height: 100%; width: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: -1 } @media(max-width: 656px) { .request-box { height:260px } .request-btn { padding-top: 10px!important } .request-1,.request-2,.request-3 { width: 33.3333333333%; height: 50% } .request-4 { width: 100%; height: 50% } .request-text p:first-child { line-height: 1.4em!important } } .request-text { height: 100%; color: #fff; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; position: relative; text-align: center } .request-text p:first-child { font-weight: 700; line-height: 2em } .request-4 .request-text>p { color: #5e5050; font-size: 1.3em } .request-4 .request-text>p:last-child { color: #000; font-size: .6em; position: absolute; bottom: 5px; right: 5px } .request-4 .request-text>p:last-child a { color: #ec483f } .request-btn { width: 60%; padding-top: 20px } .relation-box { background-color: #f7f5f0; height: 440px; border-bottom: 5px solid #ec483f; text-align: center } .relation-box h4 { padding: 50px 0 30px 0 } .relation-main { height: 220px; width: 100%; padding-top: 3px; position: relative } .cap-text p { color: #fff } .relation-img { height: 72%; width: 100%; position: relative; overflow: hidden; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center } .relation-img img { height: 100%; width: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 1 } @media screen and (max-width: 870px)and (min-width:551px) { .relation-img img { height:auto; width: 100% } } @media screen and (max-width: 550px) { .relation-img img { height:100%; width: auto } } .relation-img p { color: #fff; z-index: 10; font-size: 1.2em } .relation-img p:nth-child(4) { font-size: 1.4em; font-weight: 700 } .relation-imgtxt-box { width: 70%; height: 70%; z-index: 800; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center } .relation-imgtxt-box p:last-child { font-size: 1.4em; font-weight: 700 } .relation-text { height: 28%; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; background-color: #fff; border-bottom: 5px solid #d9d8d4; padding: 0 10px } .relation-text-in { text-align: left } .relation-text-in p { font-size: .85em } ul.true-box { max-width: 980px; width: 100%; margin: 0 auto; text-align: left; letter-spacing: -.4em } @media screen and (max-width: 935px) { ul.true-box { text-align:center } } .true-box li { width: 225px; border: 0; border-bottom: 4px solid #d9d7d3; overflow: inherit; vertical-align: top; text-align: center; height: auto; display: inline-block; margin-right: 20px; margin-bottom: 20px; letter-spacing: normal } .true-box a { position: relative; display: block; padding: 0; margin: 0; text-decoration: none } .true-box img { height: 179px; width: 225px } .departure { background-color: #f9423a; font-size: 12px; height: 21px; left: 5px; top: -3px; width: 30%; z-index: 1; margin-bottom: 0; padding: 4px 10px; white-space: nowrap } .departure,.true-box h3 { position: absolute; color: #fff } .true-box h3 { font-size: 20px; width: 225px; top: 0; height: 174px; margin: auto; padding: 55px 10px; background: rgba(0,0,0,.2) } .true-box h3 span { font-size: 28px } .true-box h4 { height: 85px!important; font-size: 12px!important; padding: 12px 15px 16px; line-height: 1.6; top: 0; margin-bottom: 0; color: #5b2e23; font-weight: 400; text-align: left; background: #fff } @media screen and (max-width: 680px) { .true-box li { border:0 none; height: 50%; margin: 0; padding: 0; position: relative; width: 49.6%; min-width: inherit; min-height: inherit; border: 0; background-color: #fff; display: block; float: left; margin-top: 2px; margin-left: 1px; overflow: hidden } .true-box img { height: auto; width: 100%; vertical-align: top } .true-box h3 { background: none; color: #fff; font-size: 14px!important; height: auto; left: 0; margin: auto; min-width: inherit; padding: 5px 10px; position: absolute; right: 0; top: 16%; width: 100% } .true-box h4 { display: none } .true-box span { font-size: 20px!important } .departure { display: none } } .arrow-box { height: 90px; width: 100%; border-top: 1px solid #cecdc9 } .arrow-text { height: 100%; width: 100%; display: table } .arrow-text p { font-size: 1.3em; font-weight: 700; text-align: center; display: table-cell; vertical-align: middle; position: relative; padding-bottom: 25px } .arrow-text p:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; height: 0; width: 0; border-top: 25px solid #d2d2d2; border-right: 100px solid rgba(0,0,0,0); border-bottom: none; border-left: 100px solid rgba(0,0,0,0); bottom: -10px; padding-bottom: 25px } .order-box { height: 400px; width: 100%; border-top: 1px solid #cecdc9 } .order-text { height: 25%; width: 100%; display: table } .order-text p { font-size: 1.3em; font-weight: 700; text-align: center; display: table-cell; vertical-align: middle; position: relative; padding-bottom: 25px } .order-text p:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; height: 0; width: 0; border-top: 25px solid #d2d2d2; border-right: 100px solid rgba(0,0,0,0); border-bottom: none; border-left: 100px solid rgba(0,0,0,0); bottom: -10px; padding-bottom: 25px } .order-img { height: 75%; width: 100%; overflow: hidden; position: relative } .order-img>img { width: 100%; height: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .order-img .container { height: 100% } .order-content { width: 100%; height: 100%; color: #fff; position: relative; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } .order-free { height: 55px; width: 55px; border: 1px solid #fff; display: table; border-radius: 4px; float: left } .order-free p { display: table-cell; text-align: center; vertical-align: middle; line-height: 1.3em; font-weight: 700 } .order-content-text1 div:last-child { font-size: 1.9em; font-weight: 700; padding-left: 65px; line-height: 1.2em } .order-content-text2 { padding: 30px 0 40px } .order-btn { width: 240px } .order-content-right { position: absolute; width: 100%; height: 100% } .order-content-right img { width: 105px; height: 105px } .order-content-right img:first-child { position: absolute; right: 39%; top: 10px } .order-content-right img:nth-child(2) { position: absolute; right: 29%; top: 90px } .order-content-right img:nth-child(3) { position: absolute; right: 38%; top: 180px } @media screen and (max-width: 870px)and (min-width:657px) { .order-content-right img:first-child { position:absolute; right: 18%; top: 10px } .order-content-right img:nth-child(2) { position: absolute; right: 2.5%; top: 90px } .order-content-right img:nth-child(3) { position: absolute; right: 20%; top: 160px } } @media(max-width: 656px) { .order-box { height:500px } .order-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .order-content-right { height: 17%; position: relative; display: block; text-align: center } .order-content-right img { position: static!important; height: 100%; width: auto; margin: 0 10px } .order-content-text2 { text-align: center; padding: 10px 0 } .order-btn { margin: 15px auto 0 } .order-content-text1 div:last-child { font-size: 1.6em; font-weight: 400; padding-left: 65px; line-height: 1.3em } } @media(max-width: 500px) { .order-img>img { width:auto; height: 100% } } .orderMadeBox { width: 100%; border-top: 1px solid #cdcdcd; background-color: #f5f5f4 } .orderMadeBox .head { text-align: center; font-size: 16px; font-weight: 700; padding: 26px 0 21px } .orderMadeBox .head p { margin-bottom: 7px } .complete-top { margin-bottom: 50px } .complete-top>p:first-child { font-weight: 700; font-size: 1.4em; padding-bottom: 10px } .complete-survice { margin-bottom: 40px } .complete-survice>p { font-weight: 700; font-size: 1.4em; padding-bottom: 10px } .complete-survice-about { text-align: center; width: 100%; height: 100%; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .complete-survice-img { padding: 10px; width: 25%; max-width: 138px } .complete-survice-img img { width: 100%; height: auto } .complete-btn { margin: 0 auto; padding-top: 30px; width: 60% } .complete-info { width: 100% } .complete-info>p:first-child { font-size: .9em } .complete-info>p:nth-child(2) { font-weight: 700; font-size: 1.4em; padding-bottom: 10px } .complete-info-about { height: 210px } .complete-text { margin-top: 5px } .complete-text p { font-size: .85em } .complete-text a { padding: 15px 0; color: #ef473e } .complete-img { position: relative; height: 140px; width: 100%; overflow: hidden } .complete-img img { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .complete-more { margin-top: 30px; margin-bottom: 30px; height: 250px; background-color: #f7f5f0; text-align: center; padding: 30px } .complete-more>p { font-weight: 700; font-size: 1.4em } .complete-icon { height: 110px; position: relative; display: -moz-flex; display: -ms-flex; 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 } .complete-icon>a { color: #666; font-size: 3em } @media(max-width: 656px) { .complete-survice-img { width:50% } .complete-info-about { height: 350px } .complete-col { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 15px; border-top: 1px solid #dcdcdc } .complete-img { height: 100px; width: 50% } .complete-text { width: 50%; margin-top: 0; padding-left: 10px } .complete-info-about>.row>.complete-col:last-child { border-bottom: 1px solid #dcdcdc } .complete-btn { width: 100% } .complete-btn a { font-size: 13px } } .min-h-450 { min-height: 450px } .img_cont { position: relative } .pickup { position: absolute; top: -20px; right: -20px; width: 60px; height: 60px; display: table; background-color: #ef473e; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 0); z-index: 1 } .pickup p { color: #fff; text-align: center; display: table-cell; vertical-align: middle } .price-box { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px } .price-box span { color: #ec483f; font-weight: 700; text-align: center; font-size: 1.6em } .text-box { font-weight: 700; padding: 10px 0 5px } .confirm-box { padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; position: relative } .confirm-box:after { content: "※お問い合わせ時点で料金はかかりません"; position: absolute; left: 0; bottom: -25px; color: #9b9b9b; font-size: .7em } .confirm-box .input-group>input:first-child { border-radius: 4px 0 0 4px!important; width: 40%; float: left } .confirm-box .input-group>input:nth-child(2) { border-radius: 0 4px 4px 0!important; border-left: none; width: 40% } .confirm-box .input-group>img { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .input-arrnge { height: 100px } .right-request { text-align: center; margin-top: 60px; padding: 25px 20px; background-color: #f7f5f0 } .right-txt-box>p { color: #56514d } .right-request span { font-weight: 700; color: #56514d; font-size: 1em } .right-img-box { margin-top: 3px; text-align: center } .right-img-box img { width: 100%; height: auto; max-width: 185px } .right-request-btn { margin-top: 10px } @media(max-width: 870px) { .right-txt-box p:first-of-type { font-size:1.1em } .right-txt-box span { font-size: 1.3em } } .tel-box { border: 5px solid #e4e3e1; margin-top: 20px; padding: 20px 0; text-align: center } .tel-box>p:first-child { font-weight: 700; font-size: 1.1em } .tel-box>p:nth-child(2) { font-weight: 700; font-size: 1.6em; margin: 10px 0 10px } .tel-box>p:nth-child(n+4) { color: #666 } .right-narrow { background-color: #fff } .right-narrow-top { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e7e7e7; position: relative; width: 100%; height: 40px } .right-narrow-top:after { content: ""; height: 0; width: 0; border-top: 10px solid #e7e7e7; border-right: 7px solid rgba(0,0,0,0); border-bottom: none; border-left: 7px solid rgba(0,0,0,0); position: absolute; bottom: -10px; right: 0; left: 0; margin: auto; z-index: 1000 } .right-narrow-top p { font-weight: 700; font-size: 1.1em } .right-narrow input { border-radius: 4px!important } .narrow-content { border-bottom: 1px solid #e5e5e5 } .narrow-content .input-group { display: block!important } .narrow-content .text-box { padding-bottom: 0!important } .narrow-content .text-box-2 { font-weight: 400 } .narrow-content .text-box-2 i { color: #b2b2b2; margin: 0 3px } .input-bold { padding: 0 15px } .input-bold input { border: 2px solid #b2b2b2 } .input-twin>input:first-child { border-radius: 4px 0 0 4px!important; width: 40%; float: left } .input-twin>input:nth-child(2) { border-radius: 0 4px 4px 0!important; border-left: none; width: 35% } .input-twin>img { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .input-twin2 { position: relative } .input-twin2 span { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .input-twin2>input:first-child { width: 40%; float: left } .input-twin2>input:nth-child(2) { width: 40%; float: right } .input-twin2>img { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .nyoro-box { width: 100%; height: 100%; position: absolute; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .input-4>input:nth-child(n+2) { margin-top: 5px } .input-step { position: relative; width: 100%!important; display: block; margin-top: -180px; top: 0 } .input-step .rNav { position: absolute; margin-top: 180px; width: 100% } .step1,.step2,.step3 { background-color: #f6f6f6; color: #000; text-align: center; padding: 15px; position: relative } .step1:after,.step2:after { content: ""; height: 0; width: 0; position: absolute; border-top: 30px solid #f6f6f6; border-right: 95px solid rgba(0,0,0,0); border-bottom: none; border-left: 95px solid rgba(0,0,0,0); margin-left: -95px; bottom: -30px; left: 50% } .select-step:after { content: ""; height: 0; width: 0; position: absolute; border-top: 30px solid #e7e7e7; border-right: 95px solid rgba(0,0,0,0); border-bottom: none; border-left: 95px solid rgba(0,0,0,0); margin-left: -95px; bottom: -30px; left: 50% } .step3.select-step:after { display: none } .step1>p:first-child,.step2>p:first-child,.step3>p:first-child { font-size: .9em } .step1>p:nth-child(2),.step2>p:nth-child(2),.step3>p:nth-child(2) { font-size: 1.4em } .select-step { background-color: #e7e7e7; text-align: center; padding: 15px; position: relative } .select-step>p:first-child { color: #ef4138 } .select-btn { background-color: #000; color: #fff!important } #formContainer { width: 100%; display: block; background-size: cover } .Dp_Back { background: url(../img/serachBack_dp.810b7a6a.jpg) 50% no-repeat; background-size: cover } .Air_Back { background: url(../img/serachBack_air.f66cc922.png) top no-repeat; background-size: cover } .Hotel_Back { background: url(../img/serachBack_hotel.a2643052.jpg) 50% no-repeat; background-size: cover } .InTour_Back { background: url(../img/serachBack_intour.900c1aa9.jpg) 50% no-repeat; background-size: cover } @media(max-width: 1279px)and (min-width:769px) { #formContainer { height:auto } } @media(min-width: 871px) { .right-format { height:380px!important } } .radioPt label:before { background: #603228!important; z-index: 100 } .checkboxPt label:before { color: #603228 } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; text-overflow: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2N0I4MTFFRTFFODExRTVCNjA3QkEyNzI3Q0Q0MTYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2N0I4MTFGRTFFODExRTVCNjA3QkEyNzI3Q0Q0MTYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY3QjgxMUNFMUU4MTFFNUI2MDdCQTI3MjdDRDQxNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY3QjgxMURFMUU4MTFFNUI2MDdCQTI3MjdDRDQxNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4pGC4vAAAAfElEQVR42pyR0QnAIAxEz1I6W7/av85QHSh2BifobP1JI0QJRah4cCieeSTqiGgBkMS39/6CUYzxlGUVH5I96NCksF1MCrAw0iyhU3PuTLyJnUJLRnrGeqdLjpltNwUAsw/fp/gbGVoQFOBGYRXYgA7B6siNn8UILOsVYABkdTUf6gM3dAAAAABJRU5ErkJggg==)!important; background-repeat: no-repeat; background-position: 100%; font-size: 14px!important } select::-ms-expand { display: none } .form-control { height: 40px; padding: 5px 10px; font-size: 16px!important; background-color: #fff; background-image: none; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); min-width: 0 } .seimei input { border-radius: 0 4px 4px 0; width: 75% } .seimei span { border-bottom: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; border-radius: 4px 0 0 4px; border-top: 1px solid #b2b2b2; text-align: center; float: left } .date span,.seimei span { display: inline-block; font-size: 12px; height: 40px; padding: 12px 0; vertical-align: top; width: 25% } .date span { border-bottom: 0 solid #b2b2b2; border-left: 0 solid #b2b2b2; border-radius: 0 0 0 4px; border-top: 0 solid #b2b2b2; text-align: left; float: right; padding-left: 12px } @media(max-width: 656px) { .seimei input { width:83% } .seimei span { width: 17% } } .request-note { font-size: 15px; padding: 20px } .request-note h5 { margin-bottom: 15px; padding: 5px; text-align: center; background: #e3e8eb; color: #337ab7; border-radius: 50px } .request-note dl dd { margin-bottom: 5px; padding: 2px 0 } .request-note dl dd span { color: #337ab7; font-weight: 700; padding-left: 15px; position: relative; margin: 2px 0; display: inline-block } .request-note dl dd span:before { content: ""; width: 6px; height: 6px; background: #337ab7; border-radius: 50%; display: inline-block; margin: auto 10px auto 0; position: absolute; left: 0; top: 0; bottom: 0 } .request-note dl dd.request-noteSub { padding: 10px; border: 1px solid #eee; color: #0021aa } .h-table-1 { width: 100%; border-collapse: collapse } .h-table-1 th { background-color: #e7e7e7; text-align: center } .h-table-1 td,.h-table-1 th { border: 1px solid #aaa; padding: 8px 10px } .h-table-1 td { text-align: right } .h-table-1 .color { color: #eb6f29 } .h-table-2 { width: 100%; border-collapse: collapse } .h-table-2 th { background-color: #e7e7e7; text-align: left } .h-table-2 td,.h-table-2 th { border: 1px solid #aaa; padding: 8px 10px } .h-table-2 td { text-align: right } .h-table-2 .color { color: #eb6f29 } .icon-important { background-color: #f9423a; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; line-height: 1.3; padding: 3px 15px 3px 15px; right: 0; top: 0; width: 40px; text-align: center } .title-important { line-height: normal } .text-important { color: #f9423a } .text-important a,.text-important a:hover,.text-important a:link { color: #f9423a; text-decoration: underline } .input_attention { background-color: #ffdcdc; color: red; font-weight: 700; font-size: 13px; display: none } .modal-content-layout { display: block; margin-top: 20px; padding: 10px } .modal-content-layout-image { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); max-width: calc(100% + 20px) } .modal-content-layout-image img { width: 100% } body { color: #3e3e3e } #campaign { display: none } #footer2015,#header,.drawer-nav { color: #333; font-size: 13px; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; line-height: 1.3; word-wrap: break-word; -webkit-text-size-adjust: 100% } a:link { text-decoration: none } .m0 { margin: 0 } #hdLogo { margin-bottom: 30px; overflow: hidden; position: relative } #hdLogo .logo { float: left; width: 159px } #hdLogo .logo img { vertical-align: bottom } #hdLogo .lead { font-size: 14px; color: #532118; margin-left: 179px; padding-top: 14px; font-weight: 700; margin-bottom: 0 } #hdTel { position: absolute; top: 15px; right: 20px } #hdTel img { margin-bottom: 4px } #hdTel table { width: 100%; margin-bottom: 3px } #hdTel td,#hdTel th { font-size: 10px; color: #532118; text-align: left } #hdTel td { padding-top: 5px; padding-left: 5px } #hdTel ul { width: 228px; overflow: hidden } #hdTel ul li { width: 108px; text-align: center; display: block } #hdTel ul li.btn_l { float: left } #hdTel ul li.btn_r { float: right } #hdTel ul li a { display: block; background-color: #542218; color: #fff; font-size: 12px; padding-top: 5px; padding-bottom: 5px } #hdTel ul li a:hover { text-decoration: none; background-color: #987a74 } #hdNavi { letter-spacing: -.4em; text-align: right; position: absolute; top: 15px; right: 215px; width: 270px } .ie8 #hdNavi { right: 235px } #hdNavi li { display: inline-block; letter-spacing: normal; *display: inline; *zoom:1;font-size: 13px } #hdNavi li,#hdNavi li a { color: #521f19 } #hdLink { width: 228px; font-size: 12px; padding-top: 2px } #hdLink a { display: block; text-align: center; color: #fff; padding: 5px 0; background-color: #542218 } #hdLink a:hover { text-decoration: none; background-color: #987a74 } #pan { margin: 0 auto; max-width: 980px; padding: 12px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } #pan li { display: inline; font-size: 95% } #pan li a { color: #333 } #pan li a:hover { text-decoration: underline } #companyInfo,.foot_wrapper { width: 960px; margin: 0 auto } #companyInfo { clear: both; padding: 15px 10px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; position: relative } #companyInfo .pic { float: left; padding-right: 10px } #companyInfo .pic dl { overflow: hidden; margin-right: 40px; margin-bottom: 6px } #companyInfo .pic dt { float: left; margin-right: 23px } #companyInfo .pic dd { font-size: 13px; font-weight: 700; color: #666; padding-top: 20px; float: left } #companyInfo .pic ul { clear: both; margin-left: 4px } #companyInfo .pic li { color: #666; line-height: 1.6; font-size: 10px } #companyInfo .pic li,#companyInfo .txt { font-family: ＭＳ Ｐゴシック,arial,helvetica,clean,sans-serif } #companyInfo .txt { overflow: hidden; border-left: 1px solid #ececec; line-height: 1.5; padding: 10px 0 10px 24px; font-size: 12px } #companyInfo .txt dl { float: left; margin-right: 20px; margin-bottom: 6px } #companyInfo .txt dt { font-weight: 700 } #companyInfo .txt dt em { color: #00f; font-size: 14px; letter-spacing: 1px; padding: 0 2px; font-weight: 700 } #companyInfo .txt dt .note { font-weight: 400; padding-left: 4px } #companyInfo .txt .box,#companyInfo .txt ul { clear: both } #companyInfo ul.association { position: absolute; top: 15px; right: 10px } #companyInfo .association li { display: inline; padding-left: 4px } #bottomBanners { padding: 12px; width: 960px; margin: 0 auto } #bottomBanners,#bottomBanners .box { overflow: hidden } #bottomBanners dl { float: right; margin-bottom: 4px; margin-left: 10px } #bottomBanners dl.firstChild { float: left; margin-left: 0 } #bottomBanners dl.firstChild.middle { padding-top: 21px } #bottomBanners dd,#bottomBanners dt { display: table-cell; vertical-align: middle } :first-child+html #bottomBanners dd,:first-child+html #bottomBanners dt { display: inline; zoom:1} #bottomBanners dt { padding-right: 8px } #bottomBanners dd { padding-left: 6px } #bottomBanners dd.note { display: block; margin-left: 1em; text-indent: -1em; font-family: ＭＳ Ｐゴシック,arial,helvetica,clean,sans-serif; font-size: 11px } :first-child+html #bottomBanners dd.note { display: block; zoom:1} #box_pagetop { clear: both; text-align: right } #box_pagetop a { line-height: 0 } #footer { clear: both; border-top: 1px solid #ececec; padding: 16px 0; margin-bottom: 2em; font-family: ＭＳ Ｐゴシック,arial,helvetica,clean,sans-serif; width: 960px; margin: 0 auto } #footer ul { float: right; overflow: hidden } #footer li { border-left: 1px solid #666; float: left; font-size: 11px; padding: 1px 5px; margin-left: -1px } #footer li a { color: #666 } #footer .copyright { color: #666; font-size: 11px; float: left } #companyInfo .pic p { margin-bottom: 1em } #ftDetail { width: 1180px; margin-left: auto; margin-right: auto; overflow: hidden } #ftDetail a { color: #333; text-decoration: none } #ftDetail a:hover { text-decoration: underline } #ftNavi { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #542218 } #ftNavi .box { width: 100%; letter-spacing: -.4em; margin-bottom: 20px } #ftNavi .box ul { display: inline-block; letter-spacing: normal; *display: inline; *zoom:1;margin-right: 30px; font-size: 11px; line-height: 1.2em; vertical-align: top; float: none } #ftNavi .box.col5 { padding-bottom: 20px; border-bottom: 1px solid #542218 } #ftNavi .box ul.last { margin-right: 0 } #ftNavi .box ul.last li.areaTtl a { font-size: 11px; color: #fff; padding: 2px; text-align: center; background-color: #542218; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 1.2em; font-weight: 700 } #ftNavi .box ul li { float: none; border: none; margin-left: 0; padding: 0; margin-bottom: 5px } #ftNavi .box ul li.mb10 { margin-bottom: 10px } #ftNavi .box ul li.areaTtl { font-size: 11px; color: #fff; padding: 2px; text-align: center; background-color: #542218; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 1.2em; font-weight: 700 } #ftNavi .box ul li h2 a { color: #fff } #ftNavi #infoNavi { letter-spacing: -.4em; float: none } #ftNavi #infoNavi li { font-size: 11px; display: inline-block; letter-spacing: normal; *display: inline; *zoom:1;vertical-align: middle; float: none; border: none; margin-left: 0; padding: 0 } #ftMark { overflow: hidden; margin-bottom: 20px; letter-spacing: -.4em; text-align: right } #ftMark ul#registration { *display: inline; *zoom:1} #ftMark ul#registration li { font-size: 11px; line-height: 1.5em; float: left; margin-right: 15px; margin-left: 0; padding: 0; border: none } #ftMark ul#association { *display: inline; *zoom:1} #ftBottom { padding-bottom: 20px; padding-top: 15px; background-color: #542218 } #ftBottomDetail { width: 1180px; margin-left: auto; margin-right: auto; color: #fff; overflow: hidden } #ftBottom #ftLogo { float: left } #gNavi { letter-spacing: -.4em; display: block!important } #gNavi li a,#gNavi li p { font-size: 16px } #gNavi li p { padding-bottom: 23px; border-bottom: 7px solid #fff } #gNavi li a:hover,#gNavi li p:hover { color: #987a74; text-decoration: none } #gNavi li:hover p { border-bottom: 7px solid #542218 } #gNavi li .sub { width: 100%!important; background-color: #542218; position: absolute; top: 134px; left: 0; z-index: 999; box-shadow: 3px 3px 3px 0 rgba(0,0,0,.2); -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.2); -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.2); display: none; letter-spacing: -.4em; padding: 5px 0; text-align: center } #gNavi li .sub ul { display: inline-block; *display: inline; *zoom:1;padding: 5px 10px 0; overflow: hidden; vertical-align: top; text-align: left } #gNavi li .sub ul li { display: block; margin-right: 0; line-height: 1.2em; float: left; border-left: 1px solid #987a74; margin-bottom: 5px } #gNavi li .sub ul li.areaTtl { border: none; padding: 0; margin-right: 10px; display: inline-block; *display: inline; *zoom:1;font-size: 13px; padding: 5px; text-align: center; background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #532118; font-weight: 700 } #gNavi li .sub ul li.last { border-right: 1px solid #987a74 } #gNavi li .sub ul li a { font-size: 12px; display: block; padding: 5px 10px; color: #fff } #gNavi li .sub ul li.areaTtl a { font-size: 13px; padding: 0; border-bottom: none; color: #532118 } #gNavi li .sub ul li a:hover { background-color: #fff; color: #532118 } #gNavi li .sub ul li.areaTtl a:hover { background-color: #fff; color: #987a74 } #gNavi li #fc.sub { padding: 0 } #gNavi li #fc.sub ul { width: 180px } #gNavi li #fc.sub ul li { border-left: none; border-top: 1px solid #987a74; float: none; margin-bottom: 0 } #gNavi li #fc.sub ul li.last { border-right: none; border-bottom: 1px solid #987a74; margin-bottom: 10px } #gNavi li #fc.sub ul li.areaTtl { border: none; padding-top: 5px; margin-right: 0; margin-bottom: 10px; display: block } @media screen and (max-width: 1240px) { #hdNavi { left:420px } #ftDetail { width: auto; padding: 0 20px } #ftNavi .box ul.mr0 { margin-right: 0 } #ftBottomDetail { width: auto; padding: 0 20px } #gNavi li { margin-right: 30px } } @media screen and (max-width: 1000px) { #hdDetail { width:auto; padding-left: 20px; padding-right: 20px } #hdLogo { margin-bottom: 30px } #hdLogo .logo { float: none } #hdLogo .lead,#hdNavi { margin-left: 0; padding-top: 5px } #hdNavi { position: static; text-align: left } #ftNavi .box.col3 ul.mr0 { margin-right: 0 } #ftMark ul#registration { display: block; width: 100%; margin-bottom: 10px } #ftMark ul#registration li { font-size: 11px; line-height: 1.5em; float: left; margin-right: 15px } #ftMark ul#association { width: 100%; text-align: left } #ftMark ul#association li { margin-left: 0; margin-right: 10px } #gNavi li #fc.sub ul { width: 17%; padding-top: 10px } #gNavi li #fc.sub ul li { margin-left: 10px; margin-right: 10px } #gNavi li #fc.sub ul li.areaTtl { padding-top: 5px; margin-left: 5px; margin-right: 5px } } @media screen and (max-width: 810px) { #gNavi li { margin-right:20px } #gNavi li.last { margin-right: 0 } #gNavi li:first-child .sub ul { width: 110px } } @media screen and (max-width: 789px) { #pan { display:none } } @media screen and (max-width: 657px) { #bodyWrapper { padding-top:55px } #menuBtn { z-index: 999!important } .drawer-overlay { z-index: 998!important } .header2016 { padding-top: 12px; padding-left: 0; padding-right: 0; padding-bottom: 16px; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; border-bottom: 4px solid #542218; z-index: 999 } #hdDetail { width: auto; padding-left: 15px; padding-right: 15px } #hdLogo { margin-bottom: 0 } #hdLogo .logo { width: 90px } #hdLogo .logo img { width: 100%; height: auto } #hdLogo .lead { display: none } #hdTel { width: 100px; top: 18px; right: auto; left: 115px } #hdTel img { width: 100%; height: auto } #hdLink,#hdNavi,#hdTel table,#hdTel ul { display: none } #ftDetail { padding: 0 15px } #ftNavi .box { display: none } #ftMark ul#registration li,#ftNavi #infoNavi li { font-size: 10px } #ftBottom { padding-bottom: 15px } #ftBottomDetail { padding: 0 15px } #ftBottom #ftLogo { width: 90px } #ftBottom #ftLogo img { width: 100%; height: auto } #ftBottom #copy { padding-top: 8px; font-size: 9px } #gNaviSp { position: absolute; top: 54px; left: 0; width: 100%; display: none; overflow: auto } #gNaviSp li { display: block; margin-right: 0; background-color: #fff } #gNaviSp li a,#gNaviSp li p { display: block; padding: 10px 15px; font-weight: 700; cursor: pointer; text-decoration: none } #gNaviSp li .subSp,#gNaviSp li a,#gNaviSp li p { border-bottom: 2px solid #542218 } #gNaviSp li .subSp ul { display: block; width: auto!important } #gNaviSp li .subSp li.areaTtl { font-size: 13px; padding: 10px 0 10px 15px; border-bottom: 2px solid #bba7a3; line-height: 1.2em; color: #532118 } #gNaviSp li .subSp li a { background-color: #eee9e8; border-bottom: 2px solid #bba7a3; font-size: 12px; font-weight: 700 } #gNaviSp li .subSp li .areaTtl a { background-color: #fff; border: none; font-size: 13px; padding: 0; font-weight: 700 } #gNaviSp li p.active { text-decoration: none; background-color: #542218!important; color: #fff!important } #gNaviSp li a.active,#gNaviSp li a:hover,#gNaviSp li p:hover { text-decoration: none; color: #532118; opacity: .6; filter: alpha(opacity=60) } #gNaviSp li#hdNaviSp ul { letter-spacing: -.4em; text-align: center; width: 100%; padding: 10px 0; border-bottom: 2px solid #542218 } #gNaviSp li#hdNaviSp ul li { display: inline-block; letter-spacing: normal; *display: inline; *zoom:1;font-size: 13px } #gNaviSp li#hdNaviSp ul li a { border: none; padding: 0; background-image: none; display: inherit } #gNaviSp li#hdLinkSp { border-bottom: 2px solid #542218 } #gNaviSp li#hdLinkSp a { border: none; background-image: none; background-color: #542218; color: #fff; padding: 5px 0; text-align: center; font-size: 12px; border-bottom: 1px solid #fff } } .TxtDn { text-decoration: none!important } .TxtDu { text-decoration: underline!important } .vamid { vertical-align: middle!important } @media screen and (max-width: 1240px) { #gNavi li p { padding-bottom:10px; border-bottom: 7px solid #fff } } @media screen and (max-width: 789px) { #gNavi li a,#gNavi li p { font-size:14px } } .loading { text-align: center; padding-bottom: 8px } .cbbfixed { position: fixed; right: 30px; -webkit-transition: bottom .3s ease; transition: bottom .3s ease; bottom: -85px; z-index: 3; cursor: pointer } .cbbfixed .cbbtn { width: 40px; height: 40px; display: block } .cbbfixed .gotop { -webkit-transition: background-color .3s ease; transition: background-color .3s ease; margin-top: 1px } .cbbfixed .gotop .up-icon { float: left; width: 44px; height: 44px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAFpg2qXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABKFJREFUeNpi/FqpzMDAwGDPwMCgzoAAs1gYGBiWMjAwRLGYRcBF/5xaMZOJgYEhCsphYLGIZfhzagUDAwMDAxNMFVfbHQYmCXUGjozVqBL/HpxhYGBgYPgxI5SBgYGBgRFq+X8GVLAMAAAA//+CSaShu+g/umtYYC7harvD8K1KBWEhV9sdBmSaiYGBAa4CRjN+rVRGt50BAAAA///C5Sxs4DUTkQoZGBgYRFnQRWCOY2BgYPj39ArDj6kBcD4TumJY8DEwMKAohCmuJ9IZDAAAAAD//4J5ED2IkcEXBgaGZQwMDAwsDAwMvQwMDEUEDF3KwMDAyAJTyKLvx8DAzoWhCpZYGBgY/sND48/FTQTdjBEaLCahKMGHUzGLYQADW1A7RnhjKGbW8WBgC+3BGUEoiv9e2QFPRTCAzmdiIAGQovgd49dKZQMGBobzxMQ2AAAA//9Cju5SBgaGLgbKwFkGBgYTWNJgZmBg+MNAHWAMzUvRLAwMDJ/RZTnLDjEwCkgRbRp6bDAwMCzFmt+xARbzaAYWy1iGHxM8iM5SeA1mMQpmYAvpRM3Qz68z/JjsS57BzHreDOwRE/Fq/vfkIsOPacHkuZgjbQUDk4IJMeFKfqonNYc8ooXBpBT4pAAZWFAwMjAwCDMwMPyl0EB/qFlPAQAAAP//7JZNSsNAGIafxJB2RqTSG1gKBU/TXU/gol6hVjfBK2TtEVy4dh8CriwEpbrpphcQhaTdJDKSSTL5kW76LoeZh4/v7x11pKs2eZmegM2fNlULDYiWEY+AD7Urdh1AAdbAOAO/dly4tywVl7kxVv4fVUo+Q5JtznAuHN1ld+oZg38e73TgmWO4ButqYDzS8v4d63TYrellHiwWgTHcNoX+ussiwBLn7cDSi7TnYhli9c+agaUXgX1S+FDcvpTC7SZQFY4r9ZambbebSWGOAb4froij58M5yBEMsPkvsO8APjCv8S+rXHhAbAPXwFeH0fbUHMs08jZapQ4NwJ49s3dJIIzj+Ie8DFenQqkxit6koKX/wCGjlyWkIvoXWqSiMQSnxnQQ3FqKHBskIgrDkkCElqIsiMSQ1JP0GrwLpbNO8xX6zQ/PfZ7jnt/v+/2e2pQG6AUcwBxgpLF1CbgUb/fT16YDvPLAvpPlRaNhFVPgkzlegSk1YKvsQuy0VhmBEyBYDDwDHNHaNa6YSwHQpEwqtWcV3f+DLT7Ofb8tG1NE0KCWTUXvGug66wIsJWJalw4LmvXkc1QzgGCxkbs9RUq+1PpsOqGWuwmTi+int0sOKbrtSO/x2j2jJptMzH/FSCUtqLsfg+OC/FMEcc+OlE40F1gtaVBt9j0DGDaC5B9vCm88k2wssGCxoZ/d0aRDS8BNQxg2Q+QfrhE9y1WBVwSsG7HSteCqGPQbuHm0AH4fIuNZgmyqPsC5sJ9U2K8pzlFtjRpEetMkcdtp+H/gIuBsG/GmO4CzNgIOCMAKhQCrql6VixyrRUvqIuct9hdYNxBQLJIRCAOmFn2z64Cz+NLFATNgoU6hdJW1K88KZ7nBcQX0FRnRVQp/f03IgWq9LpPsjqPAPnBImTz8cwDnrjyYI5JXdgAAAABJRU5ErkJggg==) } /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .fa-glass:before { content: "" } .fa-music:before { content: "" } .fa-search:before { content: "" } .fa-envelope-o:before { content: "" } .fa-heart:before { content: "" } .fa-star:before { content: "" } .fa-star-o:before { content: "" } .fa-user:before { content: "" } .fa-film:before { content: "" } .fa-th-large:before { content: "" } .fa-th:before { content: "" } .fa-th-list:before { content: "" } .fa-check:before { content: "" } .fa-close:before,.fa-remove:before,.fa-times:before { content: "" } .fa-search-plus:before { content: "" } .fa-search-minus:before { content: "" } .fa-power-off:before { content: "" } .fa-signal:before { content: "" } .fa-cog:before,.fa-gear:before { content: "" } .fa-trash-o:before { content: "" } .fa-home:before { content: "" } .fa-file-o:before { content: "" } .fa-clock-o:before { content: "" } .fa-road:before { content: "" } .fa-download:before { content: "" } .fa-arrow-circle-o-down:before { content: "" } .fa-arrow-circle-o-up:before { content: "" } .fa-inbox:before { content: "" } .fa-play-circle-o:before { content: "" } .fa-repeat:before,.fa-rotate-right:before { content: "" } .fa-refresh:before { content: "" } .fa-list-alt:before { content: "" } .fa-lock:before { content: "" } .fa-flag:before { content: "" } .fa-headphones:before { content: "" } .fa-volume-off:before { content: "" } .fa-volume-down:before { content: "" } .fa-volume-up:before { content: "" } .fa-qrcode:before { content: "" } .fa-barcode:before { content: "" } .fa-tag:before { content: "" } .fa-tags:before { content: "" } .fa-book:before { content: "" } .fa-bookmark:before { content: "" } .fa-print:before { content: "" } .fa-camera:before { content: "" } .fa-font:before { content: "" } .fa-bold:before { content: "" } .fa-italic:before { content: "" } .fa-text-height:before { content: "" } .fa-text-width:before { content: "" } .fa-align-left:before { content: "" } .fa-align-center:before { content: "" } .fa-align-right:before { content: "" } .fa-align-justify:before { content: "" } .fa-list:before { content: "" } .fa-dedent:before,.fa-outdent:before { content: "" } .fa-indent:before { content: "" } .fa-video-camera:before { content: "" } .fa-image:before,.fa-photo:before,.fa-picture-o:before { content: "" } .fa-pencil:before { content: "" } .fa-map-marker:before { content: "" } .fa-adjust:before { content: "" } .fa-tint:before { content: "" } .fa-edit:before,.fa-pencil-square-o:before { content: "" } .fa-share-square-o:before { content: "" } .fa-check-square-o:before { content: "" } .fa-arrows:before { content: "" } .fa-step-backward:before { content: "" } .fa-fast-backward:before { content: "" } .fa-backward:before { content: "" } .fa-play:before { content: "" } .fa-pause:before { content: "" } .fa-stop:before { content: "" } .fa-forward:before { content: "" } .fa-fast-forward:before { content: "" } .fa-step-forward:before { content: "" } .fa-eject:before { content: "" } .fa-chevron-left:before { content: "" } .fa-chevron-right:before { content: "" } .fa-plus-circle:before { content: "" } .fa-minus-circle:before { content: "" } .fa-times-circle:before { content: "" } .fa-check-circle:before { content: "" } .fa-question-circle:before { content: "" } .fa-info-circle:before { content: "" } .fa-crosshairs:before { content: "" } .fa-times-circle-o:before { content: "" } .fa-check-circle-o:before { content: "" } .fa-ban:before { content: "" } .fa-arrow-left:before { content: "" } .fa-arrow-right:before { content: "" } .fa-arrow-up:before { content: "" } .fa-arrow-down:before { content: "" } .fa-mail-forward:before,.fa-share:before { content: "" } .fa-expand:before { content: "" } .fa-compress:before { content: "" } .fa-plus:before { content: "" } .fa-minus:before { content: "" } .fa-asterisk:before { content: "" } .fa-exclamation-circle:before { content: "" } .fa-gift:before { content: "" } .fa-leaf:before { content: "" } .fa-fire:before { content: "" } .fa-eye:before { content: "" } .fa-eye-slash:before { content: "" } .fa-exclamation-triangle:before,.fa-warning:before { content: "" } .fa-plane:before { content: "" } .fa-calendar:before { content: "" } .fa-random:before { content: "" } .fa-comment:before { content: "" } .fa-magnet:before { content: "" } .fa-chevron-up:before { content: "" } .fa-chevron-down:before { content: "" } .fa-retweet:before { content: "" } .fa-shopping-cart:before { content: "" } .fa-folder:before { content: "" } .fa-folder-open:before { content: "" } .fa-arrows-v:before { content: "" } .fa-arrows-h:before { content: "" } .fa-bar-chart-o:before,.fa-bar-chart:before { content: "" } .fa-twitter-square:before { content: "" } .fa-facebook-square:before { content: "" } .fa-camera-retro:before { content: "" } .fa-key:before { content: "" } .fa-cogs:before,.fa-gears:before { content: "" } .fa-comments:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-thumbs-o-down:before { content: "" } .fa-star-half:before { content: "" } .fa-heart-o:before { content: "" } .fa-sign-out:before { content: "" } .fa-linkedin-square:before { content: "" } .fa-thumb-tack:before { content: "" } .fa-external-link:before { content: "" } .fa-sign-in:before { content: "" } .fa-trophy:before { content: "" } .fa-github-square:before { content: "" } .fa-upload:before { content: "" } .fa-lemon-o:before { content: "" } .fa-phone:before { content: "" } .fa-square-o:before { content: "" } .fa-bookmark-o:before { content: "" } .fa-phone-square:before { content: "" } .fa-twitter:before { content: "" } .fa-facebook-f:before,.fa-facebook:before { content: "" } .fa-github:before { content: "" } .fa-unlock:before { content: "" } .fa-credit-card:before { content: "" } .fa-feed:before,.fa-rss:before { content: "" } .fa-hdd-o:before { content: "" } .fa-bullhorn:before { content: "" } .fa-bell:before { content: "" } .fa-certificate:before { content: "" } .fa-hand-o-right:before { content: "" } .fa-hand-o-left:before { content: "" } .fa-hand-o-up:before { content: "" } .fa-hand-o-down:before { content: "" } .fa-arrow-circle-left:before { content: "" } .fa-arrow-circle-right:before { content: "" } .fa-arrow-circle-up:before { content: "" } .fa-arrow-circle-down:before { content: "" } .fa-globe:before { content: "" } .fa-wrench:before { content: "" } .fa-tasks:before { content: "" } .fa-filter:before { content: "" } .fa-briefcase:before { content: "" } .fa-arrows-alt:before { content: "" } .fa-group:before,.fa-users:before { content: "" } .fa-chain:before,.fa-link:before { content: "" } .fa-cloud:before { content: "" } .fa-flask:before { content: "" } .fa-cut:before,.fa-scissors:before { content: "" } .fa-copy:before,.fa-files-o:before { content: "" } .fa-paperclip:before { content: "" } .fa-floppy-o:before,.fa-save:before { content: "" } .fa-square:before { content: "" } .fa-bars:before,.fa-navicon:before,.fa-reorder:before { content: "" } .fa-list-ul:before { content: "" } .fa-list-ol:before { content: "" } .fa-strikethrough:before { content: "" } .fa-underline:before { content: "" } .fa-table:before { content: "" } .fa-magic:before { content: "" } .fa-truck:before { content: "" } .fa-pinterest:before { content: "" } .fa-pinterest-square:before { content: "" } .fa-google-plus-square:before { content: "" } .fa-google-plus:before { content: "" } .fa-money:before { content: "" } .fa-caret-down:before { content: "" } .fa-caret-up:before { content: "" } .fa-caret-left:before { content: "" } .fa-caret-right:before { content: "" } .fa-columns:before { content: "" } .fa-sort:before,.fa-unsorted:before { content: "" } .fa-sort-desc:before,.fa-sort-down:before { content: "" } .fa-sort-asc:before,.fa-sort-up:before { content: "" } .fa-envelope:before { content: "" } .fa-linkedin:before { content: "" } .fa-rotate-left:before,.fa-undo:before { content: "" } .fa-gavel:before,.fa-legal:before { content: "" } .fa-dashboard:before,.fa-tachometer:before { content: "" } .fa-comment-o:before { content: "" } .fa-comments-o:before { content: "" } .fa-bolt:before,.fa-flash:before { content: "" } .fa-sitemap:before { content: "" } .fa-umbrella:before { content: "" } .fa-clipboard:before,.fa-paste:before { content: "" } .fa-lightbulb-o:before { content: "" } .fa-exchange:before { content: "" } .fa-cloud-download:before { content: "" } .fa-cloud-upload:before { content: "" } .fa-user-md:before { content: "" } .fa-stethoscope:before { content: "" } .fa-suitcase:before { content: "" } .fa-bell-o:before { content: "" } .fa-coffee:before { content: "" } .fa-cutlery:before { content: "" } .fa-file-text-o:before { content: "" } .fa-building-o:before { content: "" } .fa-hospital-o:before { content: "" } .fa-ambulance:before { content: "" } .fa-medkit:before { content: "" } .fa-fighter-jet:before { content: "" } .fa-beer:before { content: "" } .fa-h-square:before { content: "" } .fa-plus-square:before { content: "" } .fa-angle-double-left:before { content: "" } .fa-angle-double-right:before { content: "" } .fa-angle-double-up:before { content: "" } .fa-angle-double-down:before { content: "" } .fa-angle-left:before { content: "" } .fa-angle-right:before { content: "" } .fa-angle-up:before { content: "" } .fa-angle-down:before { content: "" } .fa-desktop:before { content: "" } .fa-laptop:before { content: "" } .fa-tablet:before { content: "" } .fa-mobile-phone:before,.fa-mobile:before { content: "" } .fa-circle-o:before { content: "" } .fa-quote-left:before { content: "" } .fa-quote-right:before { content: "" } .fa-spinner:before { content: "" } .fa-circle:before { content: "" } .fa-mail-reply:before,.fa-reply:before { content: "" } .fa-github-alt:before { content: "" } .fa-folder-o:before { content: "" } .fa-folder-open-o:before { content: "" } .fa-smile-o:before { content: "" } .fa-frown-o:before { content: "" } .fa-meh-o:before { content: "" } .fa-gamepad:before { content: "" } .fa-keyboard-o:before { content: "" } .fa-flag-o:before { content: "" } .fa-flag-checkered:before { content: "" } .fa-terminal:before { content: "" } .fa-code:before { content: "" } .fa-mail-reply-all:before,.fa-reply-all:before { content: "" } .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before { content: "" } .fa-location-arrow:before { content: "" } .fa-crop:before { content: "" } .fa-code-fork:before { content: "" } .fa-chain-broken:before,.fa-unlink:before { content: "" } .fa-question:before { content: "" } .fa-info:before { content: "" } .fa-exclamation:before { content: "" } .fa-superscript:before { content: "" } .fa-subscript:before { content: "" } .fa-eraser:before { content: "" } .fa-puzzle-piece:before { content: "" } .fa-microphone:before { content: "" } .fa-microphone-slash:before { content: "" } .fa-shield:before { content: "" } .fa-calendar-o:before { content: "" } .fa-fire-extinguisher:before { content: "" } .fa-rocket:before { content: "" } .fa-maxcdn:before { content: "" } .fa-chevron-circle-left:before { content: "" } .fa-chevron-circle-right:before { content: "" } .fa-chevron-circle-up:before { content: "" } .fa-chevron-circle-down:before { content: "" } .fa-html5:before { content: "" } .fa-css3:before { content: "" } .fa-anchor:before { content: "" } .fa-unlock-alt:before { content: "" } .fa-bullseye:before { content: "" } .fa-ellipsis-h:before { content: "" } .fa-ellipsis-v:before { content: "" } .fa-rss-square:before { content: "" } .fa-play-circle:before { content: "" } .fa-ticket:before { content: "" } .fa-minus-square:before { content: "" } .fa-minus-square-o:before { content: "" } .fa-level-up:before { content: "" } .fa-level-down:before { content: "" } .fa-check-square:before { content: "" } .fa-pencil-square:before { content: "" } .fa-external-link-square:before { content: "" } .fa-share-square:before { content: "" } .fa-compass:before { content: "" } .fa-caret-square-o-down:before,.fa-toggle-down:before { content: "" } .fa-caret-square-o-up:before,.fa-toggle-up:before { content: "" } .fa-caret-square-o-right:before,.fa-toggle-right:before { content: "" } .fa-eur:before,.fa-euro:before { content: "" } .fa-gbp:before { content: "" } .fa-dollar:before,.fa-usd:before { content: "" } .fa-inr:before,.fa-rupee:before { content: "" } .fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before { content: "" } .fa-rouble:before,.fa-rub:before,.fa-ruble:before { content: "" } .fa-krw:before,.fa-won:before { content: "" } .fa-bitcoin:before,.fa-btc:before { content: "" } .fa-file:before { content: "" } .fa-file-text:before { content: "" } .fa-sort-alpha-asc:before { content: "" } .fa-sort-alpha-desc:before { content: "" } .fa-sort-amount-asc:before { content: "" } .fa-sort-amount-desc:before { content: "" } .fa-sort-numeric-asc:before { content: "" } .fa-sort-numeric-desc:before { content: "" } .fa-thumbs-up:before { content: "" } .fa-thumbs-down:before { content: "" } .fa-youtube-square:before { content: "" } .fa-youtube:before { content: "" } .fa-xing:before { content: "" } .fa-xing-square:before { content: "" } .fa-youtube-play:before { content: "" } .fa-dropbox:before { content: "" } .fa-stack-overflow:before { content: "" } .fa-instagram:before { content: "" } .fa-flickr:before { content: "" } .fa-adn:before { content: "" } .fa-bitbucket:before { content: "" } .fa-bitbucket-square:before { content: "" } .fa-tumblr:before { content: "" } .fa-tumblr-square:before { content: "" } .fa-long-arrow-down:before { content: "" } .fa-long-arrow-up:before { content: "" } .fa-long-arrow-left:before { content: "" } .fa-long-arrow-right:before { content: "" } .fa-apple:before { content: "" } .fa-windows:before { content: "" } .fa-android:before { content: "" } .fa-linux:before { content: "" } .fa-dribbble:before { content: "" } .fa-skype:before { content: "" } .fa-foursquare:before { content: "" } .fa-trello:before { content: "" } .fa-female:before { content: "" } .fa-male:before { content: "" } .fa-gittip:before,.fa-gratipay:before { content: "" } .fa-sun-o:before { content: "" } .fa-moon-o:before { content: "" } .fa-archive:before { content: "" } .fa-bug:before { content: "" } .fa-vk:before { content: "" } .fa-weibo:before { content: "" } .fa-renren:before { content: "" } .fa-pagelines:before { content: "" } .fa-stack-exchange:before { content: "" } .fa-arrow-circle-o-right:before { content: "" } .fa-arrow-circle-o-left:before { content: "" } .fa-caret-square-o-left:before,.fa-toggle-left:before { content: "" } .fa-dot-circle-o:before { content: "" } .fa-wheelchair:before { content: "" } .fa-vimeo-square:before { content: "" } .fa-try:before,.fa-turkish-lira:before { content: "" } .fa-plus-square-o:before { content: "" } .fa-space-shuttle:before { content: "" } .fa-slack:before { content: "" } .fa-envelope-square:before { content: "" } .fa-wordpress:before { content: "" } .fa-openid:before { content: "" } .fa-bank:before,.fa-institution:before,.fa-university:before { content: "" } .fa-graduation-cap:before,.fa-mortar-board:before { content: "" } .fa-yahoo:before { content: "" } .fa-google:before { content: "" } .fa-reddit:before { content: "" } .fa-reddit-square:before { content: "" } .fa-stumbleupon-circle:before { content: "" } .fa-stumbleupon:before { content: "" } .fa-delicious:before { content: "" } .fa-digg:before { content: "" } .fa-pied-piper-pp:before { content: "" } .fa-pied-piper-alt:before { content: "" } .fa-drupal:before { content: "" } .fa-joomla:before { content: "" } .fa-language:before { content: "" } .fa-fax:before { content: "" } .fa-building:before { content: "" } .fa-child:before { content: "" } .fa-paw:before { content: "" } .fa-spoon:before { content: "" } .fa-cube:before { content: "" } .fa-cubes:before { content: "" } .fa-behance:before { content: "" } .fa-behance-square:before { content: "" } .fa-steam:before { content: "" } .fa-steam-square:before { content: "" } .fa-recycle:before { content: "" } .fa-automobile:before,.fa-car:before { content: "" } .fa-cab:before,.fa-taxi:before { content: "" } .fa-tree:before { content: "" } .fa-spotify:before { content: "" } .fa-deviantart:before { content: "" } .fa-soundcloud:before { content: "" } .fa-database:before { content: "" } .fa-file-pdf-o:before { content: "" } .fa-file-word-o:before { content: "" } .fa-file-excel-o:before { content: "" } .fa-file-powerpoint-o:before { content: "" } .fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before { content: "" } .fa-file-archive-o:before,.fa-file-zip-o:before { content: "" } .fa-file-audio-o:before,.fa-file-sound-o:before { content: "" } .fa-file-movie-o:before,.fa-file-video-o:before { content: "" } .fa-file-code-o:before { content: "" } .fa-vine:before { content: "" } .fa-codepen:before { content: "" } .fa-jsfiddle:before { content: "" } .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before { content: "" } .fa-circle-o-notch:before { content: "" } .fa-ra:before,.fa-rebel:before,.fa-resistance:before { content: "" } .fa-empire:before,.fa-ge:before { content: "" } .fa-git-square:before { content: "" } .fa-git:before { content: "" } .fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before { content: "" } .fa-tencent-weibo:before { content: "" } .fa-qq:before { content: "" } .fa-wechat:before,.fa-weixin:before { content: "" } .fa-paper-plane:before,.fa-send:before { content: "" } .fa-paper-plane-o:before,.fa-send-o:before { content: "" } .fa-history:before { content: "" } .fa-circle-thin:before { content: "" } .fa-header:before { content: "" } .fa-paragraph:before { content: "" } .fa-sliders:before { content: "" } .fa-share-alt:before { content: "" } .fa-share-alt-square:before { content: "" } .fa-bomb:before { content: "" } .fa-futbol-o:before,.fa-soccer-ball-o:before { content: "" } .fa-tty:before { content: "" } .fa-binoculars:before { content: "" } .fa-plug:before { content: "" } .fa-slideshare:before { content: "" } .fa-twitch:before { content: "" } .fa-yelp:before { content: "" } .fa-newspaper-o:before { content: "" } .fa-wifi:before { content: "" } .fa-calculator:before { content: "" } .fa-paypal:before { content: "" } .fa-google-wallet:before { content: "" } .fa-cc-visa:before { content: "" } .fa-cc-mastercard:before { content: "" } .fa-cc-discover:before { content: "" } .fa-cc-amex:before { content: "" } .fa-cc-paypal:before { content: "" } .fa-cc-stripe:before { content: "" } .fa-bell-slash:before { content: "" } .fa-bell-slash-o:before { content: "" } .fa-trash:before { content: "" } .fa-copyright:before { content: "" } .fa-at:before { content: "" } .fa-eyedropper:before { content: "" } .fa-paint-brush:before { content: "" } .fa-birthday-cake:before { content: "" } .fa-area-chart:before { content: "" } .fa-pie-chart:before { content: "" } .fa-line-chart:before { content: "" } .fa-lastfm:before { content: "" } .fa-lastfm-square:before { content: "" } .fa-toggle-off:before { content: "" } .fa-toggle-on:before { content: "" } .fa-bicycle:before { content: "" } .fa-bus:before { content: "" } .fa-ioxhost:before { content: "" } .fa-angellist:before { content: "" } .fa-cc:before { content: "" } .fa-ils:before,.fa-shekel:before,.fa-sheqel:before { content: "" } .fa-meanpath:before { content: "" } .fa-buysellads:before { content: "" } .fa-connectdevelop:before { content: "" } .fa-dashcube:before { content: "" } .fa-forumbee:before { content: "" } .fa-leanpub:before { content: "" } .fa-sellsy:before { content: "" } .fa-shirtsinbulk:before { content: "" } .fa-simplybuilt:before { content: "" } .fa-skyatlas:before { content: "" } .fa-cart-plus:before { content: "" } .fa-cart-arrow-down:before { content: "" } .fa-diamond:before { content: "" } .fa-ship:before { content: "" } .fa-user-secret:before { content: "" } .fa-motorcycle:before { content: "" } .fa-street-view:before { content: "" } .fa-heartbeat:before { content: "" } .fa-venus:before { content: "" } .fa-mars:before { content: "" } .fa-mercury:before { content: "" } .fa-intersex:before,.fa-transgender:before { content: "" } .fa-transgender-alt:before { content: "" } .fa-venus-double:before { content: "" } .fa-mars-double:before { content: "" } .fa-venus-mars:before { content: "" } .fa-mars-stroke:before { content: "" } .fa-mars-stroke-v:before { content: "" } .fa-mars-stroke-h:before { content: "" } .fa-neuter:before { content: "" } .fa-genderless:before { content: "" } .fa-facebook-official:before { content: "" } .fa-pinterest-p:before { content: "" } .fa-whatsapp:before { content: "" } .fa-server:before { content: "" } .fa-user-plus:before { content: "" } .fa-user-times:before { content: "" } .fa-bed:before,.fa-hotel:before { content: "" } .fa-viacoin:before { content: "" } .fa-train:before { content: "" } .fa-subway:before { content: "" } .fa-medium:before { content: "" } .fa-y-combinator:before,.fa-yc:before { content: "" } .fa-optin-monster:before { content: "" } .fa-opencart:before { content: "" } .fa-expeditedssl:before { content: "" } .fa-battery-4:before,.fa-battery-full:before { content: "" } .fa-battery-3:before,.fa-battery-three-quarters:before { content: "" } .fa-battery-2:before,.fa-battery-half:before { content: "" } .fa-battery-1:before,.fa-battery-quarter:before { content: "" } .fa-battery-0:before,.fa-battery-empty:before { content: "" } .fa-mouse-pointer:before { content: "" } .fa-i-cursor:before { content: "" } .fa-object-group:before { content: "" } .fa-object-ungroup:before { content: "" } .fa-sticky-note:before { content: "" } .fa-sticky-note-o:before { content: "" } .fa-cc-jcb:before { content: "" } .fa-cc-diners-club:before { content: "" } .fa-clone:before { content: "" } .fa-balance-scale:before { content: "" } .fa-hourglass-o:before { content: "" } .fa-hourglass-1:before,.fa-hourglass-start:before { content: "" } .fa-hourglass-2:before,.fa-hourglass-half:before { content: "" } .fa-hourglass-3:before,.fa-hourglass-end:before { content: "" } .fa-hourglass:before { content: "" } .fa-hand-grab-o:before,.fa-hand-rock-o:before { content: "" } .fa-hand-paper-o:before,.fa-hand-stop-o:before { content: "" } .fa-hand-scissors-o:before { content: "" } .fa-hand-lizard-o:before { content: "" } .fa-hand-spock-o:before { content: "" } .fa-hand-pointer-o:before { content: "" } .fa-hand-peace-o:before { content: "" } .fa-trademark:before { content: "" } .fa-registered:before { content: "" } .fa-creative-commons:before { content: "" } .fa-gg:before { content: "" } .fa-gg-circle:before { content: "" } .fa-tripadvisor:before { content: "" } .fa-odnoklassniki:before { content: "" } .fa-odnoklassniki-square:before { content: "" } .fa-get-pocket:before { content: "" } .fa-wikipedia-w:before { content: "" } .fa-safari:before { content: "" } .fa-chrome:before { content: "" } .fa-firefox:before { content: "" } .fa-opera:before { content: "" } .fa-internet-explorer:before { content: "" } .fa-television:before,.fa-tv:before { content: "" } .fa-contao:before { content: "" } .fa-500px:before { content: "" } .fa-amazon:before { content: "" } .fa-calendar-plus-o:before { content: "" } .fa-calendar-minus-o:before { content: "" } .fa-calendar-times-o:before { content: "" } .fa-calendar-check-o:before { content: "" } .fa-industry:before { content: "" } .fa-map-pin:before { content: "" } .fa-map-signs:before { content: "" } .fa-map-o:before { content: "" } .fa-map:before { content: "" } .fa-commenting:before { content: "" } .fa-commenting-o:before { content: "" } .fa-houzz:before { content: "" } .fa-vimeo:before { content: "" } .fa-black-tie:before { content: "" } .fa-fonticons:before { content: "" } .fa-reddit-alien:before { content: "" } .fa-edge:before { content: "" } .fa-credit-card-alt:before { content: "" } .fa-codiepie:before { content: "" } .fa-modx:before { content: "" } .fa-fort-awesome:before { content: "" } .fa-usb:before { content: "" } .fa-product-hunt:before { content: "" } .fa-mixcloud:before { content: "" } .fa-scribd:before { content: "" } .fa-pause-circle:before { content: "" } .fa-pause-circle-o:before { content: "" } .fa-stop-circle:before { content: "" } .fa-stop-circle-o:before { content: "" } .fa-shopping-bag:before { content: "" } .fa-shopping-basket:before { content: "" } .fa-hashtag:before { content: "" } .fa-bluetooth:before { content: "" } .fa-bluetooth-b:before { content: "" } .fa-percent:before { content: "" } .fa-gitlab:before { content: "" } .fa-wpbeginner:before { content: "" } .fa-wpforms:before { content: "" } .fa-envira:before { content: "" } .fa-universal-access:before { content: "" } .fa-wheelchair-alt:before { content: "" } .fa-question-circle-o:before { content: "" } .fa-blind:before { content: "" } .fa-audio-description:before { content: "" } .fa-volume-control-phone:before { content: "" } .fa-braille:before { content: "" } .fa-assistive-listening-systems:before { content: "" } .fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before { content: "" } .fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before { content: "" } .fa-glide:before { content: "" } .fa-glide-g:before { content: "" } .fa-sign-language:before,.fa-signing:before { content: "" } .fa-low-vision:before { content: "" } .fa-viadeo:before { content: "" } .fa-viadeo-square:before { content: "" } .fa-snapchat:before { content: "" } .fa-snapchat-ghost:before { content: "" } .fa-snapchat-square:before { content: "" } .fa-pied-piper:before { content: "" } .fa-first-order:before { content: "" } .fa-yoast:before { content: "" } .fa-themeisle:before { content: "" } .fa-google-plus-circle:before,.fa-google-plus-official:before { content: "" } .fa-fa:before,.fa-font-awesome:before { content: "" } select { white-space: nowrap } a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { margin: 0; padding: 0 } img { border: 0 } article,aside,details,div,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } body { color: #333; font-size: 13px; font-family: 游ゴシック,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif; line-height: 1.3; word-wrap: break-word; -webkit-text-size-adjust: 100% } #wrapper { width: 100% } #contents,#wrapper { display: block; margin: 0 auto } #contents { width: 960px } * html body { font-size: 82% } :first-child+html body { font-size: 82% } h1,h2,h3,h4,h5 { font-size: 100% } table { font-size: inherit; border-collapse: collapse; border-spacing: 0 } code,kbd,pre,samp,tt { font-family: monospace; line-height: 99% } a { text-decoration: none } a:hover { text-decoration: underline } a:link,a:visited { color: #333 } a:active,a:focus,a:hover { color: #333 } img { border: none } em { font-style: normal } ol,ul { list-style: none; list-style-type: none \0/IE9 } .h1_tx { font-size: 12px; font-weight: 400; margin: 0 auto 5px auto } #pagetop,.h1_tx { text-align: right; width: 960px } #pagetop { clear: both; font-size: 90%; margin: 20px auto } .clearfix { min-height: 1px } * html .clearfix { height: 1px } .both { clear: both } .mt3 { margin-top: 3px } .mt5 { margin-top: 5px } .mt7 { margin-top: 7px } .mt10 { margin-top: 10px } .mt15 { margin-top: 15px } .mt20 { margin-top: 20px } .mt25 { margin-top: 25px } .mt40 { margin-top: 40px } .mb5 { margin-bottom: 5px } .mb7 { margin-bottom: 7px } .mb10 { margin-bottom: 10px } .mb15 { margin-bottom: 15px } .mb20 { margin-bottom: 20px } .mb25 { margin-bottom: 25px } .ml5 { margin-left: 5px } .ml7 { margin-left: 7px } .ml10 { margin-left: 10px } .ml15 { margin-left: 15px } .ml20 { margin-left: 20px } .ml25 { margin-left: 25px } .mr0 { margin-right: 0 } .mr5 { margin-right: 5px } .mr7 { margin-right: 7px } .mr10 { margin-right: 10px } .mr15 { margin-right: 15px } .mr20 { margin-right: 20px } .mr25 { margin-right: 25px } .f_left { float: left } .f_right { float: right } .bold { font-weight: 700 } a:hover { opacity: .8; filter: alpha(opacity=80) } a:hover img,button:hover { opacity: .6; filter: alpha(opacity=60) } #box_bread { clear: both; width: 900px; padding: 4px 0 4px 5px } #box_bread li { color: #333; display: inline; padding: 5px 0 5px 0 } #box_bread li a,#box_bread li a:link,#box_bread li a:visited { color: #333; text-decoration: none; padding-right: 5px } #box_bread li a:hover { text-decoration: underline } .clearfix:after { content: "."; height: 0; visibility: hidden } .modalClose { background: none; border-radius: 0; cursor: pointer; display: block; float: none; height: auto; right: 0; position: relative; top: 0 } .modalClose,.modalClose span { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box } .modalClose { display: table-cell; height: 100%; width: 18px } .modalClose span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #f9423a; border-radius: 0 } .modalClose span:first-of-type { top: 1px; -webkit-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg) } .modalClose span:nth-of-type(2) { bottom: 15px; opacity: 0 } .modalClose span:nth-of-type(3) { bottom: 10px; -webkit-transform: translateY(-4px) rotate(45deg); -ms-transform: translateY(-4px) rotate(45deg); transform: translateY(-4px) rotate(45deg) } .rightArrow:after { left: 3px; width: 4px; height: 4px; border-top: 1px solid #7a0; border-right: 1px solid #7a0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #container { padding-bottom: 0 } .header2016 { padding-top: 0; border-bottom: 1px solid #d2d2d2; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; background-color: #fff } .header2016 .headTop { width: 100%; background-color: #f9423a; padding: 8px 0 6px } .header2016 .headTop nav { width: 100%; max-width: 960px; margin: 0 auto } .header2016 .headTop nav ul { float: right } .header2016 .headTop nav ul li { float: left; margin: 0 0 0 9px; color: #fff; font-size: 12px; font-weight: 700; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; background: none; -webkit-box-shadow: none; box-shadow: none; line-height: normal; border-radius: 0 } .header2016 .headTop nav ul li a,.header2016 .headTop nav ul li a:hover,.header2016 .headTop nav ul li a:visited { color: #fff } .header2016 .headTop nav ul li:before { content: "/"; color: #fff; padding-right: 5px } .header2016 .headTop nav ul li:first-child:before { content: ""; color: #a9a9a9; padding-right: 0 } .header2016 .headTop nav ul li.mypage_btn a { width: 134px; background: #fff; display: block; height: 25px; border-radius: 4px; position: relative } .header2016 .headTop nav ul li.mypage_btn a:before { content: "マイページ"; font-size: 12px; color: #f9423a; position: absolute; margin: auto; top: 0; bottom: 0; left: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1 } .header2016 .headTop nav ul li.mypage_btn a:after { border-right: 2px solid #ef463d; border-top: 2px solid #ef463d; -webkit-box-sizing: content-box; box-sizing: content-box; height: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 6px; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; content: ""; vertical-align: middle } .header2016 #hdDetail { margin-top: 26px; width: 960px; margin-left: auto; margin-right: auto } .header2016 .headMain .left { float: left; margin-left: 1px } .header2016 .headMain .left .logo { float: left } .header2016 .headMain .left .lead { float: left; color: #333; font-size: 13px; font-weight: 700; margin-left: 15px; padding-top: 13px } .header2016 .headMain .right { float: right; padding-top: 0; margin: -10px 0 10px } .header2016 .headMain .right .bnrArea,.header2016 .headMain .right .telListArea { float: left } .header2016 .headMain .right .tel span { font-size: 2.2rem; font-weight: 700; padding-left: 10px; letter-spacing: -1px; float: none } .header2016 .headMain .right .telList a { color: #333; display: block; font-size: 10px; margin-top: -2px; text-align: right } .header2016 .headMain .right .telList a i:after { border-right: 2px solid #333; border-top: 2px solid #333; height: 7px; left: 1px; top: -3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 7px } .header2016 .headMain .right .myPageBtn { float: left; color: #f9423a; font-size: 12px; margin-left: 15px; text-align: center; border: 2px solid #f9423a; border-radius: 4px; width: 125px; margin-top: 6px; position: relative } .header2016 .headMain .right .myPageBtn:hover { opacity: .7 } .header2016 .headMain .right .myPageBtn a,.header2016 .headMain .right .myPageBtn a:hover,.header2016 .headMain .right .myPageBtn a:visited { display: block; cursor: pointer; text-decoration: none; color: #f9423a; padding: 5px 0 } .header2016 .headMain .right .myPageBtn i { position: absolute; right: -1px; top: 12px } .header2016 .headMain .right .myPageBtn i:after { left: 3px; width: 6px; height: 6px; border-top: 1px solid #ef463d; border-right: 1px solid #ef463d; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .header2016 .headMain .spTel { display: none } #gNavi { margin-top: 35px; width: 100%; margin-bottom: 21px; padding-bottom: 0; display: none!important } #gNavi li { margin-right: 15px; display: inline-block; letter-spacing: normal } #gNavi li:after { content: "/"; color: #bbb; padding-left: 16px } #gNavi li.last:after { content: ""; color: #bbb; padding-left: 0 } #gNavi li a,#gNavi li a:hover,#gNavi li a:visited { font-size: 14px; color: #333; text-decoration: none } #gNavi li a { position: relative } #gNavi li#hdLinkSp,#gNavi li#hdNaviSp,#gNavi li a .arrow { display: none } .header2016.formHeader #hdDetail { margin-bottom: 34px; margin-top: 26px } #gNavi { letter-spacing: -.6em } #gNavi li .event { position: absolute; margin: -20px 0 0 -15px } #gNavi li.last { margin-right: 0 } #gNavi li a,#gNavi li p { color: #532118; cursor: pointer; text-decoration: none } #gNavi li.red a { color: #ed2f20 } #pcGlobalNav { margin: 16px 0 9px } #pcGlobalNav ul { margin-top: 12px } #pcGlobalNav ul li { display: table; float: left; height: 34px; text-align: center; vertical-align: middle } #pcGlobalNav ul li i { border-left: 1px solid #e7e7e7; display: inline-block; height: 25px; position: relative; top: 10% } #pcGlobalNav ul li span { color: #999; font-size: 10px } #pcGlobalNav ul li a { color: #333; display: table-cell; font-size: 12px; font-weight: 700; height: 100%; padding: 0 10px; vertical-align: middle } #pcGlobalNav ul li a:hover { text-decoration: none } #pcGlobalNav ul li a.stop { color: #e7e7e7; pointer-events: none } #pcGlobalNav ul li span.stop { color: #e7e7e7 } #pcGlobalNav .left { float: left; width: 320px } #pcGlobalNav .left p { color: #f9423a; border-bottom: 4px solid #f9423a } #pcGlobalNav .left ul li:first-of-type { width: 25.5% } #pcGlobalNav .left ul li:nth-of-type(2) { width: 32.5% } #pcGlobalNav .left ul li:nth-of-type(3) { width: 21% } #pcGlobalNav .left ul li:nth-of-type(4) { width: 21% } #pcGlobalNav .left ul li:nth-of-type(5) { width: 23.8% } #pcGlobalNav .center { float: left; margin-left: 1.5% } #pcGlobalNav .center p { color: #333; border-bottom: 4px solid #333 } #pcGlobalNav .center2 { float: left; margin-left: 1.5% } #pcGlobalNav .center2 p { color: #63666a; border-bottom: 4px solid #63666a } #pcGlobalNav .right { float: left; margin-left: 1.5% } #pcGlobalNav .right ul { margin-top: 33px } @media screen and (max-width: 1000px) { #pcGlobalNav .right { margin-left:0 } #pcGlobalNav .right ul { margin-top: 10px } } @media screen and (max-width: 789px) { #gNavi li a,#gNavi li p { font-size:14px } #pcGlobalNav .center { margin-left: 1.5%; width: 310px } #pcGlobalNav .center2 { margin-left: 0; width: 90px } #pcGlobalNav .right { margin-left: 1.5% } #pcGlobalNav .right ul { margin-top: 33px } } @media screen and (max-width: 657px) { .header2016.formHeader #hdDetail { margin-top:10px } #gNaviSp,#pcGlobalNav { display: none } #gNaviSp { position: absolute; top: 54px; left: 0; width: 100%; overflow: auto } #gNaviSp li#hdNaviSp ul { letter-spacing: -.4em; text-align: center; width: 100%; border-bottom: 2px solid #542218 } #gNaviSp li#hdNaviSp ul li a { border: none; padding: 0; background-image: none } #gNaviSp li#hdNaviSp ul li a span { display: table-cell; padding-left: 12px; padding-right: 36px; padding-top: 6px; vertical-align: middle; width: 100%; font-size: 12px } } #footer2015 { border-top: 3px solid #f9423a; background-color: #fff; padding-bottom: 0; margin-bottom: 0 } #footer2015 .footerTop { border-bottom: 1px solid #dcdcdc; padding-bottom: 17px } #footer2015 .footerTop h3 { text-align: center; font-size: 26px } #footer2015 .footerTop h3 span { position: relative } #footer2015 .footerTop h3 i:first-of-type { background: rgba(0,0,0,0) url(data:image/gif;base64,R0lGODlhHwAbAOZyAG9vbzQ0NDU1NTc3N+np6c7Ozv39/UlJSeHh4bW1tUVFRT4+Pn19fV9fX+jo6MXFxaWlpfX19X9/fzo6Oo6Ojvv7+8vLy8PDw5WVle/v7+Pj4/n5+fj4+Lq6unp6ep2dnfDw8ERERE1NTerq6kJCQm5ubkBAQPT09HV1debm5vz8/Jubm3d3d6GhoU5OTj8/P3h4eLCwsF5eXq+vr/r6+sHBwfb29llZWa2trTk5OTg4OEpKSpmZmUNDQzY2NpSUlEZGRlZWVjw8PI2NjWtra1paWmRkZGVlZby8vGZmZvPz8729vVtbW2JiYtzc3FBQUKCgoIKCgqenp9nZ2czMzLe3t9TU1Lm5ueTk5FFRUW1tbWBgYL6+vmlpacjIyIODg4aGhr+/v8LCwtvb28fHx7S0tO7u7lRUVHt7e3Z2dkFBQYiIiNLS0u3t7UtLS11dXXFxcTMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjEyRTE4NTRBREYzOEU2MTE5MjZFRjU3NUEyMjFDQjZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwRjNFMzc0NEU0QzExRTZBNTI4RUQ1ODRGNkE2NDFBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwRjNFMzczNEU0QzExRTZBNTI4RUQ1ODRGNkE2NDFBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTFEOTkyQTcyMzRFRTYxMTlBMzQ4MjIxQUE3MTU5MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTJFMTg1NEFERjM4RTYxMTkyNkVGNTc1QTIyMUNCNkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAByACwAAAAAHwAbAAAH/4BygoOEhYaHWB8Sh4yNciMQDXFxM46WciA4SQJxEwEvEZeHEQklA5MCbwtxa6KEHEsoE5OTIgw5k2OuFQ8Mq7RxAV8StE2XBlRgJMC0O1VHwAmOVkMHzMBRBSLAJBuHThgu18AHFx1CzBSFGh9B48wMID8BzAEIg1Iy78wKXCcA47oQshBiHy0WGRCceYekEAEj+3pckfPAxDsgNAypoECPGZw2cqBweoehURiLk9RI4+DBoIAUjhDciKOFgBwHTAzGKXFpgxhBBRTojFPDlZwYp3S6MSDqgoopWYaucAWggYYTaQz6GEE1zoIyciAkvYbCKMBJHpSwsXbNi1laAy86yDFDhNkTo3LOKigwyACPkXFa4AVYBGYhMgV1ZBgMwwYjB1vQ4JVjwVIFm40CAQA7) no-repeat; background-size: 100% auto; display: inline-block; height: 27px; margin: -13px 5px 0 0; position: absolute; left: -38px; top: 14px; width: 31px } #footer2015 .footerTop h3 i:nth-of-type(2) { background: rgba(0,0,0,0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAA2CAMAAABJJ89KAAAABGdBTUEAALGPC/xhBQAAAZ5QTFRF70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+70c+AAAA+sK/9IR+9ZGL/vPy/ebl+Kml8mxl8WBY/NrY+bWy8FNL+87M9p2Y83hx////70c+8NDHLQAAAHp0Uk5T2ItmrIxlO9kNzDjNblvR0m+1imjVpIlUwo6BY5SP7NPkvOHKB1DJa3T3535PUuhX4+Lf4Hc29qnBpcbdOgsGWC8Ff5uzCVHUVfNsZKtJAd5ZrzfmziIZgOvpAzJIDgKNu4fFiPEVBLRy6hj08vgQ/EJK9e/97vkMEwAV7sQ/AAADeElEQVRIx6WXZWMjIRCGOXd3d3evt3d1l5P2ru7uSZNG1oHhXx9rXQm7Tdr3Q7JhhycwDMOAtsX6Xlf7o372V3cyyVgy2f1rtv5Hbd33CGMkaKtZm5xYZgItT0yu1RQD+bd+ZYrFaKp8/d8ukOG5j2xXfZobjoGk+pdYUVrqT0VBen6yovWzRwhJ97KS1JsuhAw+ZCXqw2AY0rnIStbiehAytMX2oK0hP6RvI8rOiKVs9HmQP3/FNgqRNPMbQxTl7x8XMjLmtVJiifJHHbgySiyEPRhxIM98jQQsEf6YwxpwWJYYGFSdRlDabMjKQACC3ZGYP6g5IMohoEdA7q5YkHF/G7YGYSMIBp2oGPhImJSPcvGkCWncjIDYE6MgmT6R3XZKs4TIPuJmI4fcYkFIxp0MpRLIlPCJcIgKfCiyBo4UX5d2DikLQUxp1j+pwHtiyJoQQ88rTMcyoTpgqqq+Lte3UXo1AJGx6QrbjeYaS1gyTAh2lycLxCA57OuSSKMmga9k7gc+HZBAh6wiO56xJXF+hmD/ijehmwIIBR5dhpaXgRIzXnDOihgriM0HVQ6Yj6MOASQLedMjhDhdDQ0yO/xsgXkDulfIUO0+hDkQRXM8bfLyWkHANKP5YAPWeLBDXvEiVpUBfB1zkNdJkDOPQgeMtcRYcfcAzWrOTvLmqkFoP26hgu1PqeFtJMqDTFfDOSa8GdGLmJyjcp5SxAES9sledB817x9yGTXsH3IBXY1+ScFztiOh3UV0TQzAXBqYn9jd2lZ2Edm2oOmEEMJzmi0dfHEmzJGJabQ9IYbkHEjOhRiZYNDtqIInpTaxPyi25fqBJ4OIhH+JQ1ZaxZCQMylEZOqplJnt7win4ym0VGHdsI6MhVbxW40w32pEQTbT9gn4WbxxIGdBjHjIc+cYnXkqKgcwPyM4xHCOhwjIoxm3Kvi9WYAgUp6Pgh9CGcuhMo884WR+e/XJWkGNI1lZROZrnLPiDGNRkGyt+Sullj1VSqvvgjXb+sYearYn4eqx6n2pjLdfBHXsbGmMsQVRRd3VUQJioL1LXJafLxrxdTQdVduPF4l4+Wo6+pbhFpGrsaXrtzePY+47K9ZhWDm3UN05elYISpy7/ToVf/M6zc1OnZlxrj5HDx4+VFGZtJJnIonKyg8cqUrtegc8fuzE6EmBRXVUV0//AeWWSGcnqMFOAAAAAElFTkSuQmCC) no-repeat; background-size: 100% auto; display: inline-block; height: 54px; margin: -13px 5px 0 0; position: absolute; right: -61px; top: -35px; width: 68px } #footer2015 .footerTop .tourList { text-align: center; font-size: 0; margin-top: 31px } #footer2015 .footerTop .tourList li { display: inline-block; font-size: 14px; margin-left: 27px } #footer2015 .footerTop .tourList li:nth-of-type(3) { margin-left: 27px } #footer2015 .footerTop .tourList li:first-child { margin-left: 0 } #footer2015 .footerTop .tourList li a,#footer2015 .footerTop .tourList li span { padding-left: 27px } #footer2015 .footerTop .tourList li a:hover { text-decoration: none } #footer2015 .footerTop .tourList li a:before,#footer2015 .footerTop .tourList li span:before { background: #333 none repeat scroll 0 0; border-radius: 50%; height: 18px; width: 19px } #footer2015 .footerTop .tourList li a:after,#footer2015 .footerTop .tourList li span:after { border-right: 2px solid #fff; border-top: 2px solid #fff; height: 4px; left: 5px; top: -2px; -webkit-transform: rotate(134deg); -ms-transform: rotate(134deg); transform: rotate(134deg); width: 7px; -webkit-box-sizing: content-box; box-sizing: content-box } #footer2015 .footerTop .mmSubmitForm { font-size: 0; text-align: center; margin-top: 12px } #footer2015 .footerTop .mmSubmitForm input[type=text] { padding: 3px 0; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; border-radius: 3px 0 0 3px; width: 428px; padding: 10px 0 11px 10px; height: 40px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; font: initial } #footer2015 .footerTop .mmSubmitForm input[type=text]:-ms-input-placeholder,#footer2015 .footerTop .mmSubmitForm input[type=text]::-moz-placeholder,#footer2015 .footerTop .mmSubmitForm input[type=text]::-webkit-input-placeholder { color: #b1a8a6 } #footer2015 .footerTop .mmSubmitForm input[type=submit] { background-color: #f9423a; border: 0 none; border-radius: 0 3px 3px 0; color: #fff; font-size: 14px; padding: 9px 0 10px; width: 180px; margin-left: -2px; height: 40px; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; cursor: pointer } #footer2015 .footerTop .mgCaution { font-size: 11px; margin: 9px auto 0; max-width: 960px; padding-left: 1em; text-indent: -1em; width: 605px; line-height: 1.5 } #footer2015 .footerTop .mgCaution a { text-decoration: underline } #footer2015 .footerTop .snsArea { width: 100%; background-color: #f6f6f6; padding: 25px 0 } #footer2015 .footerTop .snsArea>ul { margin: 0 auto; width: 450px } #footer2015 .footerTop .snsArea>ul li { display: inline-block; vertical-align: middle; font-size: 12px; letter-spacing: .14em; margin-right: 15px } #footer2015 .footerTop .snsArea .sns_ttl2 { margin-right: 37px } #footer2015 .footerTop .snsArea .sns_ttl2 p { position: relative } #footer2015 .footerTop .snsArea .sns_ttl2 p i { height: 32px; position: absolute; right: -14px; top: -7px; width: 31px } #footer2015 .footerTop .snsArea .sns_ttl2 p i:first-of-type { border-top: 1px solid #999; -webkit-transform: rotate(16deg); -ms-transform: rotate(16deg); transform: rotate(16deg) } #footer2015 .footerTop .snsArea .sns_ttl2 p i:nth-of-type(2) { border-bottom: 1px solid #999; -webkit-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg) } #footer2015 .footerTop .snsArea ul li img { width: 26px } #footer2015 .footerTop .footerNav { text-align: center; font-size: 0; margin-top: 17px } #footer2015 .footerTop .footerNav li { display: inline-block; font-size: 12px; margin-left: 26px } #footer2015 .footerTop .footerNav li:first-child { margin-left: 0 } #footer2015 .footerTop .footerNav li a { padding-left: 19px } #footer2015 .footerTop .footerNav li a:hover { text-decoration: none } #footer2015 .footerTop .footerNav li a:after { border-right: 2px solid #ef463d; border-top: 2px solid #ef463d; -webkit-box-sizing: content-box; box-sizing: content-box; height: 6px; left: 4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 6px } #footer2015 #ftDetail { max-width: 960px; padding: 0; margin-left: auto; margin-right: auto; overflow: hidden } #footer2015 #ftDetail #ftNavi { margin-top: 28px; border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0 } #footer2015 #ftDetail #ftNavi .box { width: 100%; letter-spacing: -.4em } #footer2015 #ftDetail #ftNavi .box ul { width: 22.5%; display: inline-block; letter-spacing: normal; margin-right: 22px; font-size: 10px; line-height: 1.2em; vertical-align: top; float: none } #footer2015 #ftDetail #ftNavi .box ul.mr0 { margin-right: 0 } #footer2015 #ftDetail #ftNavi .col3 { padding-left: 1px; margin-bottom: 0 } #footer2015 #ftDetail #ftNavi .col3 li { position: relative; margin-top: 11px; margin-bottom: 0; padding: 0 0 0 1em; text-indent: -1em; line-height: 1.3em } #footer2015 #ftDetail #ftNavi .col3 li:first-child { margin-top: 0 } #footer2015 #ftDetail #ftNavi .col3 li a { margin-top: 30px; padding-left: 10px; position: relative } #footer2015 #ftDetail #ftNavi .col3 li a i:after,#footer2015 #ftDetail #ftNavi .col3 li a i:before { bottom: 0; content: ""; left: 0; margin: auto; position: absolute; top: 0; vertical-align: middle } #footer2015 #ftDetail #ftNavi .col3 li a i:after { border-right: 1px solid #a5a5a5; border-top: 1px solid #a5a5a5; height: 6px; left: -3px; top: -2px; -webkit-transform: rotate(46deg); -ms-transform: rotate(46deg); transform: rotate(46deg); width: 6px } #footer2015 #ftDetail #ftNavi .col5 { margin-top: 28px; border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0 } #footer2015 #ftDetail #ftNavi .col5>ul { margin-right: 2.1%; width: 23.4% } #footer2015 #ftDetail #ftNavi .col5>ul.last { margin-right: 0 } #footer2015 #ftDetail #ftNavi .col5>ul .areaTtl { background-color: rgba(0,0,0,0); border-top: 1px solid #c9c9c9; color: #333; font-size: 10px; font-weight: 700; margin-bottom: 14px; margin-top: 0; padding-top: 13px; text-align: left; line-height: 1em; border-radius: 0 } #footer2015 #ftDetail #ftNavi .col5>ul li { margin-top: 8px } #footer2015 #ftDetail #ftNavi .col5>ul li.last { margin-bottom: 28px } #footer2015 .naviBox { width: 100%; background-color: #f9423a; padding: 17px 0 } #footer2015 .naviBox .naviBoxInner { width: 100%; max-width: 960px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box } #footer2015 .naviBox .naviBoxInner p,#footer2015 .naviBox .naviBoxInner ul { float: left } #footer2015 .naviBox .naviBoxInner p { width: 19%; padding-top: 8px } #footer2015 .naviBox .naviBoxInner ul { width: 81%; line-height: 1.6 } #footer2015 .naviBox .naviBoxInner ul li { border: medium none; display: inline-block; float: none; font-size: 12px; letter-spacing: normal; margin-left: 0; padding: 0; vertical-align: middle; color: #fff } #footer2015 .naviBox .naviBoxInner ul li a,#footer2015 .naviBox .naviBoxInner ul li a:hover,#footer2015 .naviBox .naviBoxInner ul li a:visited { color: #fff; text-decoration: none } #footer2015 .naviBox .naviBoxInner ul li a:after { content: "/"; padding-left: 8px; padding-right: 8px } #footer2015 #ftMark { width: 100%; max-width: 960px; margin: 9px auto 0; overflow: hidden; letter-spacing: -.4em; -webkit-box-sizing: content-box; box-sizing: content-box } #ftMark ul#registration { display: inline-block; letter-spacing: normal; vertical-align: middle; width: 73%; overflow: hidden; float: none } #footer2015 #ftMark ul#registration li { float: none; text-align: left; font-size: 11px; line-height: 1.5em; margin-right: 15px; margin-left: 0; padding: 0; border: none } #ftMark ul#association { display: inline-block; letter-spacing: normal; vertical-align: middle; letter-spacing: -.4em; text-align: right; width: 27%; float: none } #ftMark ul#association li { margin-left: 10px; display: inline-block; letter-spacing: normal; *display: inline; *zoom:1;vertical-align: middle; float: none; padding: 0; border: none } #ftMark ul#association li img { height: 22px; width: auto } #ftMark ul#association li#pmark img { height: 75px; width: 75px } #ftMark ul#association li#jpx { display: none } #footer2015 #ftBottom { border-top: 1px solid #dcdcdc; background-color: rgba(0,0,0,0); color: #666; margin-top: 6px; padding-top: 8px; padding-bottom: 15px; height: 26px; -webkit-box-sizing: content-box; box-sizing: content-box } #footer2015 #ftBottom #ftBottomDetail { color: #666; max-width: 960px; width: 100%; margin: 0 auto; padding: 0 } #ftBottom #copy { float: right; font-size: 11px; padding-top: 15px } #footer2015.formFooter { border-top: 1px solid #e1e1e1; padding-top: 10px } #footer2015.formFooter #ftMark { margin-top: 0 } #container.topContents { padding-bottom: 60px; padding-top: 55px } #gNaviSp { top: 108%; overflow: scroll; position: relative; z-index: 99999 } #gNaviSp .dropDownList { display: none } #gNaviSp .dropDownList .subTtl { color: #999; font-size: 10px; margin-left: 10px } #gNaviSp>a.dropdownTrigger { background-color: #e7e7e7; margin-right: 0; border-top: 1px solid #dcdcdc; border-bottom: none; cursor: pointer; display: block; font-weight: 700; padding: 10px 10px 8px; text-decoration: none; font-size: 14px; position: relative; color: #f9423a } #gNaviSp>a.dropdownTrigger:nth-of-type(2) { color: #333 } #gNaviSp>a.dropdownTrigger i.bottomArrow { display: inline-block; padding: 0; position: absolute; right: 21px; top: 15px } #gNaviSp>a.dropdownTrigger i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } #gNaviSp>a.dropdownTrigger.open i.bottomArrow { display: inline-block; padding: 0; position: absolute; right: 21px; top: 19px } #gNaviSp>a.dropdownTrigger.open i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: rotate(-46deg); -ms-transform: rotate(-46deg); transform: rotate(-46deg) } #gNaviSp a:hover { opacity: 1 } #gNaviSp li { background-color: #fff; display: block; margin-right: 0 } #gNaviSp li a { background: none; border-top: 1px solid #dcdcdc; border-bottom: none; cursor: pointer; display: block; font-weight: 400; padding: 10px 10px 8px; text-decoration: none; font-size: 14px; position: relative } #gNaviSp li:first-child a { border-top: none } #gNaviSp li a .rightArrow,#gNaviSp li p { display: inline-block; padding: 0; position: absolute; right: 20px; top: 17px } #gNaviSp li a .rightArrow:after,#gNaviSp li p { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; -webkit-box-sizing: content-box; box-sizing: content-box } #gNaviSp li#hdLinkSp.myPageLink { background-color: #ee483c; display: block; margin-right: 0; border-bottom: none; padding: 5px 0 7px } #gNaviSp li#hdLinkSp.myPageLink a { background-color: #fff; display: block; border-radius: 5px; width: 93%; margin: 0 auto; border-color: #fff; color: #ee483c; font-size: 14px; font-weight: 700; position: relative; padding: 7px 0 5px; text-align: center } #gNaviSp li#hdLinkSp.myPageLink a span.rightArrow { display: inline-block; padding: 0; position: absolute; right: 21px; top: 14px } #gNaviSp li#hdLinkSp.myPageLink a span.rightArrow:after { border-right: 2px solid #ee483c; border-top: 2px solid #ee483c } #gNaviSp li#hdNaviSp ul { padding: 0 } #gNaviSp li#hdNaviSp ul li { border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #5b2e23; display: inline-block; float: left; font-size: 18px; height: 100%; letter-spacing: normal; width: 49.6549%; background-color: #fff; -webkit-box-sizing: content-box; box-sizing: content-box } #gNaviSp li#hdNaviSp ul li a { display: table; font-size: 14px; height: 32px; overflow: hidden; width: 100%; text-align: left } #gNaviSp li#hdNaviSp ul li a span { display: table-cell; padding-left: 12px; padding-right: 36px; padding-top: 6px; vertical-align: middle; width: 100%; font-size: 12px; border: none } #gNaviSp li#hdNaviSp ul li a span.rightArrow { display: inline-block; padding: 0; position: absolute; right: 20px; top: 16px; width: auto } @media screen and (max-width: 1000px) { .header2016 .headTop nav { padding-right:20px } #gNavi { margin-bottom: 10px } #gNavi li { padding-bottom: 10px } .header2016 #hdDetail { width: auto; padding-left: 20px; padding-right: 20px } #footer2015 #ftDetail #ftNavi .box ul { width: 48%; margin-right: 2% } #footer2015 .footerTop .footerNav li { padding-bottom: 10px } #footer2015 #ftDetail #ftNavi .col3 { padding: 0 0 0 3% } #footer2015 #ftDetail #ftNavi .col3 ul:nth-of-type(3) { margin-top: 11px } #footer2015 #ftDetail #ftNavi .col5 { padding: 0 3% } #footer2015 .naviBox .naviBoxInner { padding: 0 3%; width: 94% } #footer2015 .naviBox .naviBoxInner p { float: none } #footer2015 .naviBox .naviBoxInner ul { margin-top: 10px; float: none; width: 100% } #footer2015 #ftBottom #ftBottomDetail,#footer2015 #ftMark { padding: 0 3%; width: 94% } #ftMark ul#association { width: 100%; text-align: left } #ftMark ul#association li { margin-left: 0; margin-right: 10px } #ftNavi .box.col3 ul { width: 48%; margin-right: 2% } } @media screen and (max-width: 680px) { #bodyWrapper { min-width:inherit } } @media screen and (max-width: 657px) { #bodyWrapper.otaReservation { padding-top:38px } #bodyWrapper.otaReservation,.header2016 { -webkit-box-sizing: content-box; box-sizing: content-box } .header2016 { background-color: #fff; height: 29px; left: 0; padding-bottom: 8px; padding-left: 0; padding-right: 0; position: absolute; top: 0; width: 100%; z-index: 999 } .header2016 #hdDetail { margin-top: 8px; padding: 0 } .header2016 .headTop { display: none } .header2016 .headMain { display: table; margin: 0 3%; width: 96% } .header2016 .headMain .left { display: table-cell; float: none; padding-left: 5%; vertical-align: top } .header2016 .headMain .left .logo { float: none; text-align: center } .header2016 .headMain .left .logo img { height: auto; width: 114px } .header2016 .headMain .left .lead { display: none } .header2016 .headMain .right { display: none; margin: 0 } .header2016 .headMain .spTel { display: table-cell; float: none; text-align: right } .header2016 .headMain .spTel img { height: auto; width: 19px } #footer2015 { font-family: ＭＳ Ｐゴシック,arial,helvetica,clean,sans-serif } #footer2015 .footerTop { padding-bottom: 0; border: 0 none } #footer2015 .footerTop h3 { font-size: 16px; margin-left: 9%; text-align: center } #footer2015 .footerTop h3 i:first-of-type { left: -23px; width: 18px } #footer2015 .footerTop h3 i:nth-of-type(2) { display: none } #footer2015 .footerTop .tourList { font-size: 0; margin-top: 11px; text-align: center } #footer2015 .footerTop .tourList li { display: block; font-size: 12px; margin-left: 0; margin-top: 3px } #footer2015 .footerTop .tourList li:first-of-type { margin-top: 0 } #footer2015 .footerTop .tourList li:nth-of-type(3) { margin-left: 0 } #footer2015 .footerTop .tourList li a { padding-left: 15px } #footer2015 .footerTop .tourList li a:before { background: #666 none repeat scroll 0 0; border-radius: 50%; height: 13px; width: 13px } #footer2015 .footerTop .tourList li a:after { border-right: 2px solid #fff; border-top: 2px solid #fff; height: 2px; left: 3px; top: -1px; -webkit-transform: rotate(134deg); -ms-transform: rotate(134deg); transform: rotate(134deg); width: 5px } #footer2015 .footerTop .tourList li:nth-of-type(2) a { left: -1px } #footer2015 .footerTop .mmSubmitForm { font-size: 0; margin: 17px auto 0; text-align: center; width: 93% } #footer2015 .footerTop .mmSubmitForm input[type=text] { width: 96%; padding: 9px 0 12px 10px; border: 1px solid #b2b2b2; vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box } #footer2015 .footerTop .mmSubmitForm input[type=submit] { -webkit-appearance: none; margin-top: 11px; width: 100%; font-size: 16px; padding: 8px 0 11px; border-radius: 3px; margin-left: 0; vertical-align: middle } #footer2015 .footerTop .mgCaution { font-size: 10px; margin: 9px auto 0; width: 93% } #footer2015 .footerTop .snsArea { padding: 13px 0 } #footer2015 .footerTop .snsArea>ul { width: 100% } #sns { margin-top: 5%; text-align: center } #sns li { margin: 0 5% } #sns li img { width: 40px } #sns .sns_ttl { display: block; width: 50%; margin: 2% auto 7% } #sns .sns_ttl:before { left: 50%; top: 15px } #footer2015 .footerTop .snsArea .sns_ttl2 { display: block; font-size: 12px; padding-top: 5px; margin: 0 0 8px 5% } #footer2015 .footerTop .snsArea .sns_ttl2 p { display: inline } #footer2015 .footerTop .snsArea .sns_ttl2 p i:first-of-type { border-top: 1px solid #999; -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); left: -11% } #footer2015 .footerTop .snsArea .sns_ttl2 p i:nth-of-type(2) { border-bottom: 1px solid #999; -webkit-transform: rotate(-75deg); -ms-transform: rotate(-75deg); transform: rotate(-75deg); right: -4%; top: 2px } #footer2015 .footerTop .snsArea .sns_ttl2 p i { height: 7px; position: absolute; top: 5px; width: 15px } #footer2015 .footerTop .snsArea ul li img { width: 23px } #footer2015 .footerTop .snsArea>ul li:nth-of-type(2) { margin-left: 4%; margin-right: 0 } #footer2015 .footerTop .snsArea>ul li:nth-of-type(3) { margin-left: 4%; margin-right: 0 } #footer2015 .footerTop .snsArea>ul li:nth-of-type(4) { margin-left: 4%; margin-right: 0 } #footer2015 .footerTop .snsArea>ul li:nth-of-type(5) { margin-left: 4%; margin-right: 0 } #footer2015 .footerTop .snsArea>ul li:nth-of-type(6) { margin-left: 4%; margin-right: 0 } #ftDetail { padding: 0 15px } #ftNavi .box { display: none } #ftMark ul#association { width: auto } #footer2015 .footerTop .footerNav { display: none } #footer2015 #ftDetail #ftNavi { margin-top: 0 } #footer2015 .naviBox { padding: 11px 0 25px } #footer2015 .naviBox .naviBoxInner ul li { padding: 4px 0 0 } #footer2015 .naviBox .naviBoxInner p { text-align: center; width: auto } #footer2015 .naviBox .naviBoxInner p a { margin-left: -8% } #footer2015 .naviBox .naviBoxInner p a img { height: auto; width: 112px } #ftMark ul#registration { margin-bottom: 1px } #ftMark ul#association li { margin-right: 8px } #ftMark ul#association li img { width: auto; height: 19px } #footer2015 #ftBottom #ftBottomDetail { text-align: center } #ftBottom #copy { display: inline-block; float: none } .sp { display: block; padding-top: 20px } } .step { padding-left: 0; list-style: none; text-align: center } .step,.step ul { width: 100% } .step li { display: inline } .step li>a,.step li>span { display: inline-block; padding: 5px 14px; background-color: ffffff; color: #000; border: 1px solid #ddd; border-top-right-radius: 100px; border-bottom-right-radius: 100px; font-weight: 700; float: left } .step li>a:focus,.step li>a:hover { text-decoration: none } .step .disabled>a,.step .disabled>a:focus,.step .disabled>a:hover,.step .disabled>span { background-color: #00f; color: #fff; cursor: not-allowed } .panel-main { border-color: #ddd; padding: 10px 8px 10px 8px } .panel-main>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd } .panel-main>.panel-heading+.panel-collapse .panel-body { border-top-color: #ddd } .panel-main>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #ddd } #ListOrder { float: right; text-align: right } @media screen and (max-width: 657px) { #ListOrder { text-align:left } } .listStyle { border: 1px solid #e7e7e7; padding: 20px } .bs-callout { padding: 5px; padding-left: 20px; margin: 20px 0 10px; border-left: 1px solid #eee; border-left-width: 5px; border-radius: 3px } .bs-callout h4 { margin-top: 0; margin-bottom: 10px } .bs-callout p:last-child { margin-bottom: 0 } .bs-callout code { border-radius: 3px } .bs-callout+.bs-callout { margin-top: -5px } .bs-callout-danger { border-left-color: #ce4844; color: #ce4844 } .bs-callout-danger h2 { color: #ce4844 } .bs-callout-warning { border-left-color: #333; color: #333 } .bs-callout-warning h2 { color: #333 } .bs-callout-info { border-left-color: #1b809e; color: #1b809e } .bs-callout-info h2 { color: #1b809e } input[type=checkbox] { -webkit-appearance: checkbox } input[type=radio] { -webkit-appearance: radio } #MainPage { padding-top: 20px; padding-bottom: 20px } @media(max-width: 657px) { #MainPage { padding-bottom:0 } } @media(min-width: 657px) { .text-center-sm { text-align:center!important } .text-left-sm { text-align: left!important } .text-right-sm { text-align: right!important } } @media(min-width: 871px) { .text-center-md { text-align:center!important } .text-left-md { text-align: left!important } .text-right-md { text-align: right!important } } #footer2015 .areaNav { max-width: 960px; margin: 0 auto } #footer2015 .areaNav .areaNavTtl { margin: 20px auto; font-size: 20px } #footer2015 .areaNav .areaNavInner dt { position: absolute } #footer2015 .areaNav .areaNavInner dd { margin-bottom: 20px; padding: 0 0 0 100px } @media(min-width: 657px) { #footer2015 .areaNav .areaNavInner dd { display:block!important } } #footer2015 .areaNav .areaNavInner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px; margin: 0; padding: 0 } #footer2015 .areaNav .areaNavInner li { position: relative; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box } #footer2015 .areaNav .areaNavInner li:after { position: absolute; top: 0; right: -13px; content: "|"; display: block; color: #ddd } @media(max-width: 657px) { #footer2015 .areaNav { margin-bottom:20px; padding: 0 10px } #footer2015 .areaNav .areaNavInner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } #footer2015 .areaNav .areaNavInner:last-of-type { border-bottom: 1px solid #ddd } #footer2015 .areaNav .areaNavInner dt { position: relative; width: 100%; line-height: 3; padding: 0 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: 700 } #footer2015 .areaNav .areaNavInner dt:before { content: ""; position: absolute; top: 50%; right: 10px; display: block; width: 14px; height: 2px; background-color: #c3c3c3 } #footer2015 .areaNav .areaNavInner dt:after { content: ""; position: absolute; top: calc(50% - 6px); right: 16px; display: block; width: 2px; height: 14px; background-color: #c3c3c3 } #footer2015 .areaNav .areaNavInner dt.active:after { display: none } #footer2015 .areaNav .areaNavInner dd { width: 100%; margin: 0; padding: 0 } #footer2015 .areaNav .areaNavInner ul { gap: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd } #footer2015 .areaNav .areaNavInner li { width: 50%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd } #footer2015 .areaNav .areaNavInner li:nth-of-type(2n) { border-right: none } #footer2015 .areaNav .areaNavInner li:last-child,#footer2015 .areaNav .areaNavInner li:nth-last-child(2):nth-child(odd) { border-bottom: none } #footer2015 .areaNav .areaNavInner li:before { content: ""; position: absolute; top: 50%; left: 10px; display: block; width: .5rem; height: .5rem; border-top: .2rem solid #f9423a; border-right: .2rem solid #f9423a; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg) } #footer2015 .areaNav .areaNavInner li:after { display: none } #footer2015 .areaNav .areaNavInner li a { display: block; line-height: 3; padding: 0 10px 0 30px } } .content_wrap { padding: 30px 0; font-family: メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ï¼­ï¼³ Ｐゴシック,MS PGothic,sans-serif } .content_side { padding-right: 20px } @media screen and (max-width: 1120px) { .content_wrap { padding:20px 15px } } @media screen and (max-width: 767px) { .content_wrap { padding:10px 5px } .content_side { padding-right: 0 } } .ListBack { width: 100%; background-color: #f8f5f0 } .tour_searchBx { margin-bottom: 15px } .tour_searchBx_heading { background: #e7e7e7; border: 0; font-size: 14px; padding: 10px 0; cursor: pointer; position: relative } .tour_searchBx_heading .fa { width: 14px; height: 14px; vertical-align: middle; font-size: 10px; position: absolute; top: 50%; right: 10px; background: #fff; margin-top: -7px; color: #a50000; font-weight: 400; padding: 3px 0 0 3px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .tour_searchBx_heading.collapsed .fa-minus,.tour_searchBx_heading .fa-plus { display: none } .tour_searchBx_heading.collapsed .fa-plus { display: block } .tour_searchBx_heading .tit { text-align: center; font-size: 14px; font-weight: 700 } .tour_searchBx_heading:after { content: ""; height: 0; width: 0; border-top: 10px solid #e7e7e7; border-right: 7px solid rgba(0,0,0,0); border-bottom: none; border-left: 7px solid rgba(0,0,0,0); position: absolute; bottom: -10px } .tour_searchBx_body { background: #fff; padding: 10px 8px } .tour_searchBx_body dt { font-weight: 700; padding-bottom: 5px } .tour_searchBx_body dd { overflow: hidden; padding-bottom: 10px } .tour_searchBx_body .formbx { border-bottom: 1px solid #e5e5e5; padding: 0 0 10px } .tour_searchBx_body .formbx_tit { font-weight: 700; padding-bottom: 5px } .tour_searchBx_body .formbx li { font-size: 12px; color: #505050; margin-bottom: 8px; overflow: hidden } .tour_searchBx_body .formbx li input[type=checkbox] { display: block; float: left } .tour_searchBx_body .formbx li label { display: block; padding-left: 25px } .tour_searchBx_body .formbx .rank_list img { width: 100%; max-width: 126px } .tour_searchBx_body .form-group .tit { color: #000; line-height: 14px; margin-bottom: 10px } .tour_searchBx_body .form-control { border: 1px solid #c8c8c8; -webkit-box-shadow: none; box-shadow: none } .form_search_btn { margin: 10px 0 } .tourlist_body { overflow: hidden; padding-bottom: 37px; position: relative } .tourlist_pager.top { position: absolute; top: 0; right: 0 } .tourlist_pager.btm { position: absolute; bottom: 0; right: 10px } .tourlist_pager .pagination { margin: 0 } .tourlist_pager .arr_right { background-position: center -40px } .tourlist_pager .arr_left { background-position: center 10px } .tourlist_pager .pagination>li>a,.tourlist_pager .pagination>li>span { color: #969696 } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { color: #969696; background: #ece9e9; border-color: #ddd } @media screen and (max-width: 1120px) { #display_panel .tourlist_pager.top { position:static; margin-bottom: 20px; overflow: hidden } #display_panel .tourlist_pager.top .pagination { float: right } } @media screen and (max-width: 640px) { .tourlist_pager.btm,.tourlist_pager.top { right:0 } } #display_list .tourlist_sort { font-size: 12px; font-weight: 700 } .results { font-size: 1.2em } .results span { font-size: 1.8em; color: #ef473e; font-weight: 700 } #display_list .tourlist_index li { margin-bottom: 15px; border-top: 3px solid #d2d2d2; overflow: hidden; background: #fff; position: relative; padding: 20px } #display_list .img_cont img { width: 100% } #display_list .tour_title { font-weight: 700; font-size: 1.36666em } #display_list .tour_title A { text-decoration: underline!important } #display_list .tour_code { font-size: 10px; margin-bottom: 10px; padding: 3px 5px; background: #f8f6f0 } #display_list .tour_info_01 .tour_rank { padding-top: 1px; margin-right: 10px } #display_list .tour_info_01 .tour_rank span { display: inline-block; width: 126px; height: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAABXCAIAAABN4mYhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1NzRFMTQwODRDODExRTZBQjgzRjVCNUQ5NDUzNDNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1NzRFMTQxODRDODExRTZBQjgzRjVCNUQ5NDUzNDNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzU3NEUxM0U4NEM4MTFFNkFCODNGNUI1RDk0NTM0M0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzU3NEUxM0Y4NEM4MTFFNkFCODNGNUI1RDk0NTM0M0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5yX9X8AAAG0UlEQVR42uxcX2gcRRi/3vb+J5cjudeWUkF9VcEnKUKloYovgYL6oFBUsCpBqhCVIlVsA6VqaVFoaaEWRAzmRdQqWqz6oqYNwQer4IP14V6uyf3J3W3uX/zlxo6b/TM7N7N7qen3cSybb2dm9/vNzG++3fmRyKrQGp9+0q3XVjWsdv6sTvXm1Tn8dFrQDAF10cJqCBaNCK357detK3MRVeveuNH86DyOyi20fl3AL6JhmiGgLlqIhGAi6Dt/X+/++UdrYV79ued+5kfFFi5+jp9y9QBCWJhHC2hnoNC3fvlp7fjZ7GqjrjjiLl/iR5Ww56+sLhbxw4liC3ohoBbq8nYGBz2faGoTFjzTubo23nFU4xxONcqcoxkCrxUG50TFU5VPOmW2cZ73xTa2EwW20QrhZq0wOGcLltq1Xv3x+8b7JzC1JattffChzOTBLak095izM+bpU/I3Tj77QnJinxWm2vRbHCn/IXPHnZmpQ8a27f8NcL0QwC21E8fb330jC9xoPnVgMv7ALl3oWfD1D04yihBb6qWpxPheV2quHzviGzweOv3Ka7F77nMSa/3cGcatYos9OpHe/4y144MKYeWrLxvvTvtWN+69P/3ci9aO14KeBd+Y+RjpoAC1zBtvb73rbgG/145PC4LHQ2cOTkXHxrwK+AbvhVpQIbR/v1Y7/LpgAMWfeCq17zFnx2tBL565TpLxMi/ysZGMgKNdycdJMp6rq14IXuSjTzI+yyyaju7Y6fQnxh+W7OrE3kf68ttnxrbt8d17XB5s9x7JOa4ZAsqgpAtYO3YGhbs79Dwp9Er15HMySb8gKfR1ivNa9RDcSipnybLQWxNBLGiYZf1meNZMDszo6pdMCrE24NdvhhdACDdLoi5a0MySZaFnL59ry9HRdzLPT2bPXmD3lnyr5G+AgGz4zIX0k/txZPBJvlXyV0esqMNHjuGHE9slmbdo5RDYWzTrNtRFC2iH9Z/ym7kbUuutUywuje+qvPoyTqx+8+IX8Mt8hlz54TIraf1eiHN44MdV3xbKB54uPT7Ruvab1Yk/4cQl3+r6IbBHRXlbs2gTfluzymaHHvez3ZJb+/pfy6fek3lur8+88Pt+gGV3cf3MCycu+UauH0L16Jso6dW4zOiRMXtyCUIQ5ADiq4G0EHaBAYSgnteTDcaiBAFBT9CTEfQEPdkGQW/OzihvzDKrf3hOpzpeLJU3ZgMJodvtVqvVDYCexCArKyumaQ4aehKDMOg7nU6r1Roo9CQGAduwIR/GwCcxiM+Q/3fBGCT0JAaxQh8G55AYJM25pVwuc6z9HyAaHR4eTqVSutBHSAzSs1qtJpNKxmKxbDaLYwCjngdPYpBms1kqlTAJvAqk0+mhoSGM+mAIZ929b3sxiBf56JOMzzJLYhBA7IqvYRhB4R4hMYiAdlyqt1pIdUKEnsQg1kQeMyCZTDr9oUBPYhDgy5ZZgJ7P53M9Y+tqkO9WJAZxeYByuVAoLC8vr1MztNvFYhF+nJAYJCwxyOLiIrje9RL6o16vkxgklAdgyaUgbRdf1crryQZjtEFI0BP0ZAQ9QU9G0BP0ZIOCfhNIoKrVqmDfw9dIAqVupmnK77g6jSRQqtV7X9g1oScJlOKQj1g+AiuwDUmgFnSgj1gUNf0OeVs7g4B+E0igrPt5mtCTBMoyZBzqhEaj0Vcyk0gkRkZG+OdfkkBpSaAwMCuViszwBGqZTMbpJwmUugQKg5dtJAlGay6Xi8fjniscSaB0JFBe5GMjGUH/kQRq/YNJS6CAjmEYrn6Z0UoSKCmn+7zxSEhchU1etCNOmUKBfhNIoKxpeDKZ5CNdPj0nCZSiBIoBxFZUWD6fZ/Dxt1Pf6iSBUpFAtdvtQqFQLBZtWiVkPvBj/SQJVFgSqOWeuT9As7m0tEQSqLAK6AuYSAK1yY02CAl6gp6MoL/tod9wRYLZM50WSJGgaM2eaXYeKRI2YNSTIuGSMu7dnimjT4oERUUCpxplziFFgiLn8IDVIidFgrvZNgsRWKlUkt+IMAwjl8tZN6ZJkaCuSEDwlUpFZoAnk8lsNuv8hkWKBC1Fgm/wXqjx/iNFgroiwYt8nCTjZaRIkPU7p7N1O9TKM5JznBQJsn5BbuPrdE/PSJEQUVIkWCOM9azfDI8UCYqKBB4eiHWsZzjpK/L/hSIh6so2a6idPM3yP/A7OoDJMWQ4h7EKBvvQocNMLIYjztnwl+EchIc4R0dHeSaDE/wJp0zkbHJgrqDPGOKsD1j/yXAOK4PyHHG0g9bQZpCcc6spEphoAOG5/KObTgeXfLUYpEhQbMF3v1+zwK2jSPhHgAEAN7fvBH/EfY4AAAAASUVORK5CYII=) } #display_list .tour_info_01 .rank_05 { background-position: 0 0 } #display_list .tour_info_01 .rank_04 { background-position: left -24px } #display_list .tour_info_01 .rank_03 { background-position: left -48px } #display_list .tour_info_01 .rank_02 { background-position: left -72px } #display_list .airlines_name,#display_list .flight_sheet { float: left; padding-top: 2px } #display_list .price { color: #ef473e; font-size: 1.2em; font-weight: 700 } #display_list .price strong { font-size: 22px } #display_list .fuel { color: #000; font-size: 10px; font-weight: 400 } @media(min-width: 768px)and (max-width:1023px) { .heit40px380 { height:40px!important } #hdDetail { width: auto } .col-md-1 { width: 8.3333333333% } .md_w25p { width: 25%!important } .md_w33p { width: 33.3333333333%!important } .PickUpArea dt { height: 120px } .width49Rest { width: 48.4%!important } .width50Rest { width: 24.2%!important } .width100Rest { width: 100%!important } .pdRest769 { padding: 0!important } .pdR12_Rest { padding-right: 12px!important } .pdL12_Rest { padding-left: 12px!important } .pdR40_Rest { padding-right: 40px!important } .mgRest { margin: 0!important } .sp_dpb { display: block } .sp_pdt10 { padding-top: 10px!important } .sp_pdt5 { padding-top: 5px!important } .sp_pdt20 { padding-top: 20px!important } .sp_pdl10 { padding-left: 10px!important } .sp_pdr10 { padding-right: 10px!important } .sp_fltL { float: left!important } .sp_fltR { float: right!important } .sp_fltRest { float: none!important } .btn-Dit,.btn-Gr { letter-spacing: 0!important; padding-left: 6px } .col-mmd-4 { width: 33.3333333333% } .col-mmd-8 { width: 66.6666666667% } .sp_w70px { width: 70px!important } .sp_fs10 { font-size: 10px!important } .schedule-title { display: none!important } } .airST-conditional-list h3 { font-weight: 700!important } @media(max-width: 657px) { .airST-cover.border { margin-right:15px; margin-left: 15px } } .flight-main-heading { margin-bottom: 10px; font-size: 24px; font-weight: 700 } @media(max-width: 657px) { .flight-main-heading { font-size:18px } } .hotelFixBar { width: 100vw } .hotelFixBar_back { width: 65px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 3px 0 20px } .hotelFixBar_price.benefits { width: auto } @media screen and (min-width: 657px) { .hotelFixBar { width:100% } .hotelFixBar_logo-wrap { padding-left: 24.5px } .hotelFixBar_logo { margin-left: 0; margin-right: 38px } .hotelFixBar_price { width: 34%; font-size: 24px; padding: 0; -ms-flex-item-align: center; align-self: center } .hotelFixBar_price span { display: inline-block; padding-right: 0; font-size: 12px } .hotelFixBar_back { width: 18%; font-size: 14px; -ms-flex-item-align: center; align-self: center; padding: 0; padding-left: 45px } .hotelFixBar_back>img { display: inline-block; margin-right: 10px } .hotelFixBar_price.benefits { width: 33%; padding-right: 0 } .tooltip-popup-sp { display: none } } .hotelFixBar_price+.hotelFixBar_price { margin-left: 5px } .d-flex.inner-flex .hotelFixBar_price.pc-only>div>span { padding-right: 7px } .d-flex.inner-flex .hotelFixBar_price.sp-only>span { padding-right: 5%!important } .airST-item02 { background: #eaf1f8; padding: 15px 15px 20px; margin-top: 15px; border: 1px solid #c4c4c4; border-radius: 8px; background: #fff; position: relative } .airST-item02.selected { border: 3px solid #f9423a } .airST-item02.selected .airST-item02-airline_logo:before { content: "選択中"; display: inline-block; vertical-align: baseline; font-size: 12px; font-weight: 700; line-height: 1.8em; border-radius: 1.8em; padding: 0 1em; margin: 0 .5em .5em 0; color: #fff; background: #f9423a } .airST-item02-inner { display: -webkit-box; display: -ms-flexbox; display: flex } .airST-item02-col-3 { width: 30% } .airST-item02-col-7 { width: 70% } .airST-item02-lead { margin-bottom: 10px; font-weight: 700; font-size: 12px; color: #00bfa5 } .airST-item02-lead i { font-size: 16px } .airST-item02-airline_logo { font-size: 14px; font-weight: 700 } .airST-item02-airline_logo img { margin-right: 10px } .airST-item02-taglist { margin-bottom: 10px; border: 0 } .airST-item02-taglist li { display: inline-block; position: relative } .airST-item02-taglist li a { display: block; position: relative; padding: 5px 20px 5px 5px } .airST-item02-taglist li a:hover { text-decoration: none; color: #333 } .airST-item02-taglist li a:before { display: inline-block; content: ""; position: absolute; top: 0; right: 5px; font-family: FontAwesome; font-size: 10px; font-weight: 400 } .airST-item02-taglist li span { padding-right: 5px } .airST-item02-taglist li span:before { display: none } .airST-item02-checkedBaggage { position: relative; display: inline-block; padding: 6px 17px 6px 6px; font-weight: 700; color: #fff; background-color: #00bfa5; cursor: default } @media(max-width: 657px) { .airST-item02 { padding:10px } .airST-item02-inner { display: block } .airST-item02-col-3 { width: 100% } .airST-item02-col-7 { width: 100%; margin-top: 10px } .airST-item02-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .airST-item02-checkedBaggage,.airST-item02-weight-title { margin-left: 10px } } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble { width: 240%; right: -70%; border-radius: 6px } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble,.tooltip-airST { position: absolute; z-index: 1; top: 40px; color: #333; background-color: #fff; -webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)); filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)); visibility: hidden; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .tooltip-airST { width: 275px; left: 0; border-radius: 6px; padding: 10px; border: 1px solid #dedfdf } .airST-item02-checkedBaggage:hover .airST-item02-checkedBaggage-speechBubble { visibility: visible; opacity: 1 } .airST-item02-checkedBaggage:before { display: inline-block; content: ""; position: absolute; top: 0; right: 5px; font-family: FontAwesome; font-size: 10px; font-weight: 400; color: #fff } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble h5 { padding: 15px 10px; font-size: 13px; background-color: #dedfdf; border-radius: 6px 6px 0 0 } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble h5:after { position: absolute; bottom: 100%; left: 50%; margin-left: -15px; content: ""; border: 15px solid rgba(0,0,0,0); border-bottom-color: #dedfdf; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5) } .tooltip-airST:before { position: absolute; top: -24px; left: 30px; margin-left: -10px; content: ""; border: 10px solid rgba(0,0,0,0); border-bottom-color: #fff; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5); z-index: 2 } .tooltip-airST:after { position: absolute; top: -25px; left: 30px; margin-left: -10px; content: ""; border: 10px solid rgba(0,0,0,0); border-bottom-color: #dedfdf; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5); z-index: 1 } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble table { width: 100%; font-size: 12px; font-weight: 500; border: none } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble p,.airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble tr { border: 1px solid #dedfdf; border-top: none } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble td,.airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble th { display: table-cell; padding: 10px; text-align: left; border: none } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble td span { font-weight: 700; color: #f9423a } .airST-item02-checkedBaggage .airST-item02-checkedBaggage-speechBubble p { padding: 10px; font-weight: 500; border-radius: 0 0 6px 6px } .airST-item02-flight-schedule { display: -webkit-box; display: -ms-flexbox; display: flex } .airST-item02-taglist li:hover .tooltip-airST { visibility: visible; opacity: 1 } @media(max-width: 657px) { .airST-item02-flight-schedule { -webkit-box-align:center; -ms-flex-align: center; align-items: center } } .airST-item02-class { margin-bottom: 10px; font-size: 14px; text-align: right } @media(max-width: 657px) { .airST-item02-class { text-align:left } } .airST-item02-flight-schedule-inner { width: 150px; text-align: center } .airST-item02-departure-time { font-size: 20px; font-weight: 700 } .airST-item02-flight_time_space { font-size: 16px; margin: 0 5px 0 0 } .airST-item02-departure-place { font-size: 13px; margin-bottom: 5px } .airST-item02-flight-arrow { display: block; margin: 0 10px; width: 120px } .airST-item02-flight-arrow .mark_transit:before { content: ""; font-size: 1.4em; color: #f9423a; background: #fff; font-weight: 400 } @media(max-width: 657px) { .airST-item02-flight-arrow .mark_transit:before { -webkit-transform:rotate(0); -ms-transform: rotate(0); transform: rotate(0) } } .airST-item02-flight-arrow .mark_transit:after { content: ""; display: block; width: 100%; border-top: 4px dotted #f9423a } @media(max-width: 657px) { .airST-item02-flight-arrow .mark_transit:after { border-left:0; height: 4px } } .airST-item02-flight-time { position: absolute; bottom: 10px; left: 0; right: 0; margin: 15px 0 0; position: static; font-weight: 700; text-align: center } .airST-item02-payment { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media(max-width: 657px) { .airST-item02-flight-arrow { width:100px } .airST-item02-payment { margin-top: 15px } } .airST-item02-payment-type { color: #f9423a; font-size: 14px; font-weight: 400; border: 1px solid #f9423a; border-radius: 15px; line-height: 1.75; padding: 0 8px; display: inline-block; margin-right: 5px; margin-right: 20px; white-space: nowrap } @media(max-width: 657px) { .airST-item02-payment-type { margin-right:10px } } .airST-item02-payment-money { margin-right: 10px; font-weight: 700; line-height: 1; white-space: nowrap } @media(max-width: 657px) { .airST-item02-payment-money { margin:0 } } .airST-item02-payment-num { font-size: 30px; white-space: nowrap; color: #f9423a } .airST-item02-payment-yen { color: #f9423a; font-size: 18px } .airST-item02-payment-diff { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .airST-item02-payment-diff-type { color: #63666a; border: 1px solid #63666a; font-size: 11px; font-weight: 400; border-radius: 15px; line-height: 1.75; padding: 0 8px; display: inline-block; margin-right: 5px } .airST-item02-payment-diff-money { color: #63666a; font-size: 18px; font-weight: 700; letter-spacing: .2px } .airST-item02-payment-pax-number { font-size: 13px; font-weight: 400; text-align: right } .airST-item02-btn { margin-top: 20px; text-align: right } @media(max-width: 657px) { .airST-item02-btn { margin-top:10px } } .airST-cover-box { font-size: 13px } @media(max-width: 657px) { .airST-cover .airST-cover-box+.airST-cover-box { margin-top:5px } .airST-cover-detail { width: 95% } .airST-cover-destination,.airST-cover-traveldate { font-size: 13px } .airST-cover-destination { max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } } .flight-main-heading.with_od { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .flight-origin-destination { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 6px 6px 20px; margin-top: -3px; border-radius: 4px; background-color: #fff; font-size: 14px } .flight-origin-destination-cord { margin-right: 4px; font-size: 20px } .flight-destination { margin-left: 6px } .flight-destination:before { content: ""; display: inline-block; width: 12px; height: 12px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAt0lEQVQokY3RsUvCURTF8Y/R1tQWbrXlLqVpg7PkH9Do5F8Q9Mc0uvkPuDgU7dLQbgk6B0GIEBceIfF+Tw+86dwv957zaj+9tozqWGP73zrKDLfwgSlODwEWWKGHF5zvA5a4whsaeEWzBIQ+0UlnnWGGuzCO8ZzMkk4wxn3VhpwCegigi1rFu8D7TrZRaUMEjcCXqYBrzKuAQQoagSP4TSoi29ItJunmJ/TxVar1O33cI4bY/Dn4BWoXIBkRW7zGAAAAAElFTkSuQmCC); margin-right: 15px; margin-bottom: 1px } @media(max-width: 657px) { .flight-main-heading.with_od { -webkit-box-align:center; -ms-flex-align: center; align-items: center; margin-top: 9px; margin-bottom: 16px } .flight-origin-destination { padding: 7px 11px 9px 20px; font-size: 10px } .flight-origin-destination-cord { font-size: 14px; display: block; text-align: center } .flight-destination { position: relative; padding-left: 30px; margin-left: 16px } .flight-destination:before { position: absolute; left: 0; top: 50%; margin-top: -6px; margin-bottom: 0 } } .cover-tooltip-popup { position: relative } .cover-tooltip-popup .btn-ToBw { height: 40px } .cover-tooltip-popup .tooltip-popup { position: absolute; z-index: 20; bottom: 100%; border-radius: 4px; border: 1px solid #ededed; background-color: #fff; width: 200px; margin-bottom: 8px; padding: 20px; text-align: center; -webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)); filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)) } .cover-tooltip-popup .tooltip-popup:after { content: ""; position: absolute; display: block; width: 10px; height: 10px; background: #fff; border-color: #ededed; border-style: solid; border-width: 1px 0 0 1px; bottom: -6px; left: 20px; -ms-transform: rotate(-134deg); transform: rotate(-134deg); -webkit-transform: rotate(-134deg); -moz-transform: rotate(-134deg) } @media(max-width: 657px) { .heading-search { margin-bottom:20px } .heading-search p { width: auto; margin-right: 20px; margin-bottom: 0!important } .heading-search input[type=search] { display: block; padding: 8px 8px 8px 45px; border: 1px solid #115da1; border-radius: 1px; -webkit-box-sizing: border-box; font-size: 14px; box-sizing: border-box; background: url(/images/common/ic_place.svg) no-repeat; background-position: 10px; background-size: 24px auto; background-color: #fff } .heading-search .tourHotelPlaceModal_search_sp { position: relative; display: block } } .tourHotelSelectRoom-pcOnly { display: block } .tourHotelSelectRoom-spOnly { display: none } @media(max-width: 657px) { .tourHotelSelectRoom-pcOnly { display:none } .tourHotelSelectRoom-spOnly { display: block } } .tourHotelSelectRoom_spCover { padding: 9px 9px 9px } .tourHotelSelectRoom_spCover_rightArrow { margin: 6px 8px 6px 6px } .tourHotelSelectRoom_spCover_text1 { font-size: 10px; margin-bottom: 5px } .tourHotelSelectRoom_spCover_text1>img { display: inline-block; margin-right: 3px } .tourHotelSelectRoom_spCover_text2 { font-size: 12px; font-weight: 700 } .tourHotelSelectRoom_topWrapper { position: relative; margin: 30px 0 0 } .tourHotelSelectRoom_hotelName { font-size: 24px; font-weight: 700; line-height: 1.5; margin: 0 0 5px } .tourHotelSelectRoom_ratesText { font-size: 12px; color: #707070; margin-right: 10px } .tourHotelSelectRoom_desc { margin: 20px 0 0; font-size: 14px; line-height: 1.5 } .tourHotelSelectRoom_topInfo { position: absolute; right: 0; top: 0 } .tourHotelSelectRoom_topInfo-text1 { font-size: 14px; font-weight: 400; margin: 0 0 6px; text-align: right } .tourHotelSelectRoom_topInfo-text2 { font-size: 28px; font-weight: 700; color: #f9423a; margin: 0 0 10px; text-align: right } @media(max-width: 657px) { .tourHotelSelectRoom_topWrapper { padding:15px 15px 0; margin: 0 } .tourHotelSelectRoom_hotelName { font-size: 20px } .tourHotelSelectRoom_topInfo { position: static; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; left: 0; right: 0; z-index: 1 } .tourHotelSelectRoom_topInfo-text1 { margin: 0 0 5px; text-align: left; -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important } .tourHotelSelectRoom_topInfo-text2 { font-size: 20px; margin: 0 9px; margin-top: -25px } .tourHotelSelectHotel_attention { margin-top: 5px } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text { text-align: left } } .tourHotelSelectRoom_navTabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid #d2d2d2; border-bottom: 3px solid #63666a; margin-top: 30px } @media(max-width: 657px) { .tourHotelSelectRoom_navTabs { margin-top:15px } } .tourHotelSelectRoom_navTabs>li { width: 100%; margin: 0; float: none; clear: both; border-radius: 0 } .tourHotelSelectRoom_navTabs>li+li { border-left: 1px solid #d2d2d2 } .tourHotelSelectRoom_navTabs>li>a { display: block; text-align: center; border-radius: 0; border: 0; margin: 0; height: 100%; font-size: 16px; color: #333; background: #f7f5f0 } .tourHotelSelectRoom_navTabs>li.active>a,.tourHotelSelectRoom_navTabs>li.active>a:focus,.tourHotelSelectRoom_navTabs>li.active>a:hover { background: #63666a; border: none; color: #fff } .tourHotelSelectRoom_tabContentText-simple { font-size: 14px; line-height: 1.8; padding: 30px 0 } .tourHotelSelectRoom_tabContentText-simple+.tourHotelSelectRoom_tabContentText-simple { padding: 0 0 30px; margin-top: -30px } .tourHotelSelectRoom_tabContentText-simple>a { color: #115da1; text-decoration: underline } @media(max-width: 657px) { .tourHotelSelectRoom_tabContentText-simple { padding:30px 15px; font-size: 12px } .tourHotelSelectRoom_tabContentText-simple+.tourHotelSelectRoom_tabContentText-simple { padding: 0 15px 30px } .tourHotelSelectRoom_navTabs>li>a { font-size: 14px; padding: 10px 7px } } .tourHotelSelectRoom_pcSwiper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px } .tourHotelSelectRoom_pcSwiper,.tourHotelSelectRoom_sideImageGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .tourHotelSelectRoom_sideImageGroup { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -6px -6px -6px 34px } .tourHotelSelectRoom_sideImageGroup>img { display: block; width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; margin: 0 0 12px 12px; -webkit-box-flex: 1; -ms-flex: auto 0 0px; flex: auto 0 0; border-radius: 4px } .tourHotelSelectRoom_pcSwiper .swiper-container { width: 600px; height: 400px; -webkit-box-flex: 1; -ms-flex: auto 0 0px; flex: auto 0 0 } .tourHotelSelectRoom_pcSwiper .swiper-slide>img,.tourHotelSelectRoom_spSwiper .swiper-slide>img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .tourHotelSelectRoom_pcSwiper .swiper-button-next,.tourHotelSelectRoom_pcSwiper .swiper-button-prev,.tourHotelSelectRoom_spSwiper .swiper-button-next,.tourHotelSelectRoom_spSwiper .swiper-button-prev { width: 24px; height: 24px } .tourHotelSelectRoom_pcSwiper .swiper-button-next,.tourHotelSelectRoom_spSwiper .swiper-button-next { right: 0 } .tourHotelSelectRoom_pcSwiper .swiper-button-prev,.tourHotelSelectRoom_spSwiper .swiper-button-prev { left: 0 } .tourHotelSelectRoom_pcSwiper .swiper-button-next:after,.tourHotelSelectRoom_pcSwiper .swiper-button-prev:after,.tourHotelSelectRoom_spSwiper .swiper-button-next:after,.tourHotelSelectRoom_spSwiper .swiper-button-prev:after { content: "" } .tourHotelSelectRoom_spSwiper .swiper-container { width: 100%; height: 250px } .tourHotelSelectRoom_reserve { background: #f7f5f0; padding: 30px } .tourHotelSelectRoom_reserveTitle { font-weight: 700; font-size: 20px!important; margin: 0 0 30px; padding: 0 0 0 15px; border-left: 3px solid #333 } .tourHotelSelectRoom_noSelectedRoomStock { font-weight: 700; font-size: 14px; color: #f9423a; margin: -10px 0 10px 0 } .tourHotelSelectRoom_reserve-hotel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; background: #fff; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); border-radius: 3px; min-height: 160px } .tourHotelSelectRoom_reserve-hotel.selected { border: 3px solid #f9423a } .tourHotelSelectRoom_reserve-hotel.selected .tourHotelSelectRoom_reserve-hotelName:before { content: "選択中"; display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 700; line-height: 1.8em; border-radius: 1.8em; padding: 0 1em; margin: 0 .5em 0 0; color: #fff; background: #f9423a } .tourHotelSelectRoom_reserve-relative { position: relative } .tourHotelSelectRoom_reserve-hotel+.tourHotelSelectRoom_reserve-hotel { margin-top: 13px } .tourHotelSelectRoom_reserve-hotel_discount-tag { position: absolute; top: 10px; left: -3px; width: 80px; height: 26px; background: #00bfa5; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1607843137); box-shadow: 0 2px 4px rgba(0,0,0,.1607843137); border-radius: 0 2px 2px 0; z-index: 3; text-align: center; font-weight: 700; font-size: 13px; letter-spacing: .1px; color: #fff } .tourHotelSelectRoom_reserve-hotel_discount-tag span { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourHotelSelectRoom_reserve-hotel_discount-tag span:before { content: " "; position: absolute; top: 100%; left: 0; border-bottom: 4px solid rgba(0,0,0,0); border-right: 3px solid #1b8e7b } .tourHotelSelectRoom_reserve-hotelImage { display: block; width: 300px; height: 195px; -o-object-fit: cover; object-fit: cover } .tourHotelSelectRoom_reserve-hotelName { font-size: 17px; font-weight: 700 } .tourHotelSelectRoom_reserve_hotelLabelWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tourHotelSelectRoom_reserve_hotelLabel { border: 1px solid #d2d2d2; padding: 4px 7px; font-size: 10px; font-weight: 700; width: 115px; -webkit-box-flex: 1; -ms-flex: auto 0 0px; flex: auto 0 0 } .tourHotelSelectRoom_reserve_hotelLabel>img { margin-right: 5px } .tourHotelSelectRoom_reserve_hotelLabel+.tourHotelSelectRoom_reserve_hotelLabel { margin-top: 6px } .tourHotelSelectRoom_reserve_hotelPriceText1 { text-align: right; font-size: 10px; font-weight: 400 } .tourHotelSelectRoom_reserve_hotelPriceText1>strong { font-size: 20px; font-weight: 700; color: #f9423a } .tourHotelSelectRoom_reserve_hotelPriceBlock2>.tourHotelSelectRoom_reserve_hotelPriceText2 { font-size: 14px; font-weight: 700; color: #63666a; text-align: right; text-decoration: line-through } .tourHotelSelectRoom_reserveInfo { margin: 18px 15px; width: calc(100% - 30px); position: relative } .tourHotelSelectRoom_reserve_nextButton { display: block; margin-top: 5px; width: 189px; padding: 12px 0; background: #f9423a; border-radius: 4px; text-align: center; font-weight: 700; font-size: 15px; color: #fff; border: none } .tourHotelSelectRoom_reserve_hotelLabelWrapper,.tourHotelSelectRoom_reserve_hotelPriceWrapper,.tourHotelSelectRoom_reserve_nextButton { position: absolute } .tourHotelSelectRoom_reserve_hotelLabelWrapper { bottom: 0; left: 0 } .tourHotelSelectRoom_reserve_hotelPriceWrapper { bottom: 50px; right: 0 } .tourHotelSelectRoom_reserve_nextButton { bottom: 0; right: 0 } .tourHotelSelectRoom_reserve_nextButton[disabled] { background-color: #6c757d; opacity: .65; filter: alpha(opacity=65); cursor: not-allowed } @media(max-width: 657px) { .tourHotelSelectRoom_reserve { padding:30px 15px } .tourHotelSelectRoom_reserve-relative { margin: 0 -15px } .tourHotelSelectRoom_reserve-hotel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px } .tourHotelSelectRoom_reserve-hotelName { margin-bottom: 15px; font-size: 15px } .tourHotelSelectRoom_reserve-hotelImage { width: 100%; height: 150px } .tourHotelSelectRoom_reserveInfo { margin: 15px 0 0; width: 100% } .tourHotelSelectRoom_reserve-hotel_discount-tag { top: 0 } .tourHotelSelectRoom_reserve_hotelLabelWrapper,.tourHotelSelectRoom_reserve_hotelPriceWrapper,.tourHotelSelectRoom_reserve_nextButton { position: static } .tourHotelSelectRoom_reserve_hotelPriceWrapper { margin-bottom: 10px } .tourHotelSelectRoom_reserve_hotelLabelWrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -3px } .tourHotelSelectRoom_reserve_hotelLabel { width: auto; margin: 3px } .tourHotelSelectRoom_reserve_hotelLabel+.tourHotelSelectRoom_reserve_hotelLabel { margin: 3px } .tourHotelSelectRoom_reserve_nextButton { width: 100%; font-size: 15px; padding: 15px 0 } } .tourHotelSelectRoom_service-equip { border-bottom: 1px solid #d2d2d2; padding: 30px 0 } .tourHotelSelectRoom_service-equip_elem>img { display: block; margin: 0 auto 10px } .tourHotelSelectRoom_service-equip_elem { -ms-flex-preferred-size: 200px; flex-basis: 200px; text-align: center; font-size: 14px } .tourHotelSelectRoom_equipList { padding-top: 22.5px; -ms-flex-wrap: wrap; flex-wrap: wrap } .tourHotelSelectRoom_equipList>li { margin-bottom: 12px; -ms-flex-preferred-size: 33%; flex-basis: 33%; font-size: 14px; letter-spacing: .1px; color: #333 } .tourHotelSelectRoom_equip_note { color: #b4b4b4; text-align: right; padding: 15px 0 30px } @media(max-width: 657px) { .tourHotelSelectRoom_service-equip_elem { font-size:12px; -webkit-box-flex: 0; -ms-flex: 0 0 16%; flex: 0 0 16% } .tourHotelSelectRoom_service-equip { padding: 30px 15px 15px } .tourHotelSelectRoom_equipList,.tourHotelSelectRoom_service-equip { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .tourHotelSelectRoom_equipList { padding: 15px } .tourHotelSelectRoom_equipList>li { -ms-flex-preferred-size: 48%; flex-basis: 48%; font-size: 12px } .tourHotelSelectRoom_equip_note { padding: 15px 15px 30px } } .hotelFixBar { -webkit-box-shadow: 0 -1px 6px rgba(0,0,0,.5490196078); box-shadow: 0 -1px 6px rgba(0,0,0,.5490196078) } .hotelFixBar_back { padding-left: 27px; margin-bottom: 12.5px; display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width: 657px) { .hotelFixBar_logo-wrap { padding-left:24.5px } .hotelFixBar_logo { margin-left: 0; margin-right: 38px } .hotelFixBar_price { font-size: 24px; padding: 0; -ms-flex-item-align: center; align-self: center } .hotelFixBar_price span { display: inline-block; padding-right: 0; font-size: 12px } .hotelFixBar_back { font-size: 14px; -ms-flex-item-align: center; align-self: center; margin-bottom: 0; padding-left: 45px } .hotelFixBar_back>img { display: inline-block; margin-right: 10px } } #tourHotelSelectRoom_sideImageGroup { width: auto; height: auto; max-height: 400px; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; overflow-x: hidden; overflow-y: auto } .tourHotelReserveRoom_pcSwiper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .tourHotelReserveRoom_pcSwiper .swiper-container { width: 300px; height: 195px; -webkit-box-flex: 1; -ms-flex: auto 0 0px; flex: auto 0 0 } .tourHotelReserveRoom_pcSwiper .swiper-slide>img,.tourHotelReserveRoom_spSwiper .swiper-slide>img { display: block; -o-object-fit: cover; object-fit: cover } .tourHotelReserveRoom_pcSwiper .swiper-button-next,.tourHotelReserveRoom_pcSwiper .swiper-button-prev,.tourHotelReserveRoom_spSwiper .swiper-button-next,.tourHotelReserveRoom_spSwiper .swiper-button-prev { width: 24px; height: 24px } .tourHotelReserveRoom_pcSwiper .swiper-button-next,.tourHotelReserveRoom_spSwiper .swiper-button-next { right: 0 } .tourHotelReserveRoom_pcSwiper .swiper-button-prev,.tourHotelReserveRoom_spSwiper .swiper-button-prev { left: 0 } .tourHotelReserveRoom_pcSwiper .swiper-button-next:after,.tourHotelReserveRoom_pcSwiper .swiper-button-prev:after,.tourHotelReserveRoom_spSwiper .swiper-button-next:after,.tourHotelReserveRoom_spSwiper .swiper-button-prev:after { content: "" } .tourHotelReserveRoom_spSwiper .swiper-container { width: 100%; height: auto } .tourHotelReserveRoom-pcOnly { display: block } @media(max-width: 657px) { .tourHotelReserveRoom-pcOnly { display:none } } div.tripadvisor-wrapper a.tripadvisor-link { padding-top: 15px } div.tripadvisor-wrapper a.tripadvisor-link p.rating-wrapper span.rating-text { margin-right: 10px; vertical-align: middle } @media screen and (min-width: 658px) { div.tripadvisor-wrapper { height:70px } } @media screen and (max-width: 657px) { div.tripadvisor-wrapper a.tripadvisor-link p.rating-wrapper { float:left } .hotel_adRating div p:last-child { padding-top: 3px } } #google_map { height: 300px!important; float: none!important } .alert { border: none; padding: 0; margin: 0 } .tourHotelSelectRoom_refundInfo { margin-top: 10px; font-size: 15px; width: 60% } .tourHotelSelectRoom_refundInfo .dont { font-weight: 700; color: #f9423a } .tourHotelSelectRoom_refundInfo .ok { font-weight: 700; color: #00bfa5 } .tourHotelSelectRoom_refundInfo .ok span { font-size: 13px } .tourHotelSelectRoom_refundInfo i { margin-right: 10px; vertical-align: middle } .tourHotelSelectRoom_refundInfo>.icon { font-weight: 700; position: relative; padding: 1px 0 0 28px; margin-top: 10px } .tourHotelSelectRoom_refundInfo>.icon:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 20px; height: 20px; background-size: 20px 20px; margin: auto } @media screen and (max-width: 657px) { .tourHotelSelectRoom_refundInfo { width:100%; margin: 0 0 10px; font-size: 13px; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2 } .tourHotelSelectRoom_refundInfo .ok br { display: none } .tourHotelSelectRoom_refundInfo .ok span { font-size: 10px; margin-left: 10px } } .tourHotelSelectRoom_topInfo-priceBlock .tourHotelSelectRoom_topInfo-text1,.tourHotelSelectRoom_topInfo-priceBlock .tourHotelSelectRoom_topInfo-text2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text { font-size: 14px; font-weight: 400; margin: 0 0 6px; text-align: right } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text .icon_goto { display: inline-block; width: 80px } @media(max-width: 656px) { .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text .icon_goto { width:90px; position: absolute; top: -300px; z-index: 1; right: 0 } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text { text-align: left } } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text1>.tag { color: #f9423a; font-size: 14px; font-weight: 400; border: 1px solid #f9423a; border-radius: 15px; line-height: 1.75; padding: 0 8px; display: inline-block; margin-right: 5px } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text1>.price { font-size: 28px; font-weight: 700; color: #f9423a; text-align: right } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text2>.tag { color: #63666a; font-size: 14px; font-weight: 400; border: 1px solid #63666a; border-radius: 15px; line-height: 1.75; padding: 0 8px; display: inline-block; margin-right: 5px } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text2>.price { font-size: 24px; font-weight: 700; color: #63666a; text-align: right } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text2>.price>.title { font-size: 12px; font-weight: 400; display: inline-block; margin-right: 10px } @media screen and (max-width: 657px) { .tourHotelSelectRoom_topInfo-priceBlock { padding:10px 0 10px 0; position: relative } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text { margin-bottom: 5px } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text.tour-free { padding-top: 10px; padding-right: 10px } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text1>.tag,.tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text2>.tag { font-size: 11px } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text1>.price { font-size: 22px } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text2 { margin: 0; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .tourHotelSelectRoom_topInfo-priceBlock>.tourHotelSelectRoom_topInfo-text2>.price { font-size: 16px } } .tourHotelSelectRoom_reserve_hotelPriceBlock { margin: 6px 0 0 } .tourHotelSelectRoom_reserve_hotelPriceBlock>.tourHotelSelectRoom_reserve_hotelPriceText1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .tourHotelSelectRoom_reserve_hotelPriceText { text-align: right } .tourHotelSelectRoom_reserve_hotelPriceBlock>.tourHotelSelectRoom_reserve_hotelPriceText1>.tag { color: #f9423a; font-size: 11px; font-weight: 400; border: 1px solid #f9423a; border-radius: 15px; line-height: 1.75; padding: 0 8px; display: inline-block; margin-right: 5px } .tourHotelSelectRoom_reserve_hotelPriceBlock>.tourHotelSelectRoom_reserve_hotelPriceText1>.price { font-size: 20px; font-weight: 700; color: #f9423a } .tourHotelSelectRoom_reserve_hotelPriceBlock.tourHotelSelectRoom_reserve_hotelPriceBlock2>.tourHotelSelectRoom_reserve_hotelPriceText1>.tag { color: #63666a; border: 1px solid #63666a } .tourHotelSelectRoom_reserve_hotelPriceBlock.tourHotelSelectRoom_reserve_hotelPriceBlock2>.tourHotelSelectRoom_reserve_hotelPriceText1>.price { font-size: 16px; font-weight: 700; color: #63666a } @media screen and (max-width: 657px) { .tourHotelSelectRoom_reserve_hotelPriceBlock.tourHotelSelectRoom_reserve_hotelPriceBlock2>.tourHotelSelectRoom_reserve_hotelPriceText1>.price { font-size:18px } } .tourHotelSelectRoom_reserve_hotelPriceBlock.tourHotelSelectRoom_reserve_hotelPriceBlock2>.tourHotelSelectRoom_reserve_hotelPriceText1>.price>.title { font-size: 12px; font-weight: 400; display: inline-block; margin-right: 10px } .tourHotelSelectRoom_reserve .fa-chevron-circle-right { margin-right: 5px } .drowerButton { text-align: center; width: 100%; padding: 10px 0; background-color: #f6f6f6; border: 1px solid #dcdcdc; border-radius: 5px; position: relative; font-size: 14px } .drowerButton:after { content: ""; display: block; width: 12px; height: 12px; border-top: 3px solid #333; border-right: 3px solid #333; -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); position: absolute; top: 45%; right: 15px } .drowerButton.closeButton:after { content: ""; display: block; width: 12px; height: 12px; border-top: 3px solid #333; border-right: 3px solid #333; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); position: absolute; top: 55%; right: 15px } .drowerButton:focus,.drowerButton:hover { opacity: .8 } .tourHotelSelectRoom_reserve_otherButton { display: block; text-align: center } .tourHotelSelectRoom_reserve_otherButton .tourHotelSelectRoom_reserve_otherButtonText { display: inline-block; min-width: 284px; padding: 12px 0; background: #000; border-radius: 4px; font-weight: 700; font-size: 15px; color: #fff; border: none; text-align: center; margin: 0 auto } @media screen and (max-width: 657px) { .tourHotelSelectRoom_reserve_otherButton .tourHotelSelectRoom_reserve_otherButtonText { width:100% } } .tourHotelSelectRoom_reserveInner { background-color: #fff; padding: 20px; border-radius: 5px } @media screen and (max-width: 657px) { .tourHotelSelectRoom_reserveInner { margin:0 -15px; border-radius: 0; padding: 20px 15px } } .tourHotelSelectRoom_reserve-hotel+.js-collapse .drowerButton { margin-top: 30px } .tourHotelSelectRoom_reserve-hotel+.js-collapse .tourHotelSelectRoom_reserve-hotel:first-of-type { margin-top: 13px } .tourHotelSelectRoom_reserve-hotel+.js-collapse .drowerButton.closeButton { margin-top: 30px } .tourColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .tourColumn.tour-hotel a:active,.tourColumn.tour-hotel a:hover { text-decoration: none } .tourColumn.tour-hotel .tourColumnItem { width: 24%; margin-left: .96% } .tourColumnItem { width: 32.5%; border: 1px solid #d2d2d2; border-radius: 12px; margin-bottom: 20px; margin-left: 1.25%; position: relative } .tourColumn.tour-hotel .tourColumnItemEmpty { width: 24%; margin-left: .96% } .tourColumnItemEmpty { width: 32.5%; border-radius: 12px; margin-bottom: 20px; margin-left: 1.25%; position: relative } .tourColumnItem a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100% } .tourColumnItem figure { height: 140px; width: 100%; overflow: hidden; position: relative; border-radius: 12px 12px 0 0; background: #d2d2d2 } .tourColumnItem figure img { -webkit-transition: all .3s linear; transition: all .3s linear; vertical-align: bottom; max-width: inherit; max-height: 100%; width: 100%; height: 100%; position: absolute; margin: auto; left: 0; right: 0; -o-object-fit: cover; object-fit: cover } .tourColumn.tour-hotel .tourColumnItem .tourInfo { padding: 10px; font-size: 14px; line-height: 1.5 } .tourColumn.tour-hotel .tourColumnItem h3 { font-size: 100%!important; margin-bottom: 10px; line-height: 1.5 } .tourColumnItem p { border-bottom: 12px } .tourColumnItem .day,.tourColumnItem .departures { position: absolute; top: 10px; right: 10px; background: #fff; max-width: 75px; max-height: 20px; overflow: hidden } .tourColumnItem .beige-badge { display: inline-block; padding: 2px 10px; min-width: 60px; text-align: center; border-radius: 30px; font-size: 12px; line-height: 1.5 } .tourColumnItem .departures { right: 75px } .tourColumnItem .price { font-family: Open Sans,sans-serif; color: #f9423a; font-weight: 700; position: relative; line-height: 1.3 } .tourColumnItem .js-gotoBox .price { padding-left: 60px } .tourColumn.tour-hotel .tourColumnItem .price+.price { margin-top: 5px } .tourColumn.tour-hotel .tourColumnItem .price .max,.tourColumn.tour-hotel .tourColumnItem .price .min { font-size: 15px } .tourColumnItem .passenger { display: none; color: #f9423a } .tourColumn.tour-hotel .tourColumnItem .button { display: block; width: calc(100% - 20px); margin: auto auto 10px; padding: 12px 0; background: #f9423a; border-radius: 4px; text-align: center; font-weight: 700; font-size: 13px; color: #fff; border: none } @media screen and (max-width: 657px) { .tourColumn.tour-hotel .tourColumnItem h3 { font-size:12px!important } .tourColumnItem .passenger { font-size: 12px } .tourColumnItem .js-gotoBox .price { padding-left: 0 } } .tourColumnItem:nth-of-type(3n+1) { margin-left: 0 } .tourColumn.tour-hotel .tourColumnItem:nth-of-type(4n+1) { margin-left: 0 } @media screen and (min-width: 658px) { .tourColumnItem:hover img { -webkit-transform:scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition-duration: .3s; transition-duration: .3s; opacity: 1 } .tourColumnItem:hover .tourInfo { opacity: .8 } } @media screen and (max-width: 657px) { .tourColumn .tourColumnItem { width:49%; margin-left: 2%; border: none; border-bottom: 1px solid #d2d2d2; margin-bottom: 15px; border-radius: 0; padding-bottom: 15px; position: relative } .tourColumn.tour-hotel .tourColumnItem { width: 49%; border-radius: 12px; padding-bottom: 0; border: 1px solid #d2d2d2; margin-bottom: 2% } .tourColumn .tourColumnItemEmpty { width: 49%; margin-left: 2%; border: none; margin-bottom: 15px; border-radius: 0; padding-bottom: 15px; position: relative } .tourColumn.tour-hotel .tourColumnItemEmpty { width: 49%; border-radius: 12px; padding-bottom: 0; margin-bottom: 2% } .tourColumnItem a:after { content: ""; width: 100%; height: 16px; display: block; background: url(/japan/images/arrow_round.svg) no-repeat; background-position: 96% top } .tourColumn.tour-hotel .tourColumnItem a:after { content: none } .tourColumnItem figure { height: 95px } .tourColumnItem .tourInfo { padding: 4% 4% 0; font-size: 12px } .tourColumnItem .price span { font-size: 16px } .tourColumnItem .day,.tourColumnItem .departures { font-size: 11px; min-width: 40px } .tourColumnItem .departures { right: 65px } .tourColumnItem:nth-of-type(3n+1) { margin-left: 2% } .tourColumnItem:nth-of-type(odd) { margin-left: 0 } .tourColumn.tour-hotel .tourColumnItem:nth-of-type(odd) { margin-left: 0 } } .tourColumn .js-gotoBox .price:before { content: "支払実額"; width: 50px; height: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 30px; font-size: 10px; font-weight: 400; color: #f9423a; border: 1px solid; position: absolute; top: 0; left: 0 } .tourColumn .js-gotoBox .price:not(.price-goto) { position: relative; color: #63666a } .tourColumn .js-gotoBox .price:not(.price-goto):before { content: "旅行代金"; color: #63666a } @media screen and (max-width: 657px) { .tourColumn .js-gotoBox .price:before { margin-bottom:2%; position: inherit } } .tourColumn.tourLineup h3 { background: #00bfa5; color: #fff; padding: 10px 0; font-size: 15px; margin-top: 15px } .tourColumn.tourLineup h3+p { margin-top: 15px; text-align: left } .tourColumn.tourLineup figure { margin-bottom: auto } .tourColumn.tourLineup figure img { width: auto; height: 60px } .tourColumn.tourLineup figure img[src^="images/illust_tour"] { width: auto; height: 80px } .tourColumn.tourLineup li { width: 25%; border-left: 1px solid #d2d2d2; padding: 0 20px; text-align: center; line-height: 1.3 } .tourColumn.tourLineup li a { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tourColumn.tourLineup li a:after { content: ""; width: 20px; height: 20px; display: block; position: absolute; margin: auto; right: 0; bottom: 0; background: url(/japan/images/arrow_round.svg) no-repeat } @media screen and (max-width: 657px) { .tourColumn.tourLineup li a:after { width:16px; height: 16px } } .tourColumn.tourLineup li a:after { display: none } .tourColumn.tourRanking .tourColumnItem:first-of-type,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) { width: 48% } .tourColumn.tourRanking .tourColumnItem:first-of-type figure,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) figure { height: 194px } .tourColumn.tourRanking .tourColumnItem:first-of-type h3,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) h3 { font-size: 18px } .tourColumn.tourRanking .tourColumnItem:first-of-type .price,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .price { font-size: 18px } .tourColumn.tourRanking .tourColumnItem:first-of-type .price span,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .price span { font-size: 33px } .tourColumn.tourRanking .tourColumnItem:first-of-type .js-gotoBox .price:not(.price-goto) span,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .js-gotoBox .price:not(.price-goto) span { font-size: 26px } @media screen and (max-width: 657px) { .tourColumn.tourRanking .tourColumnItem:first-of-type .js-gotoBox .price:not(.price-goto) span,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .js-gotoBox .price:not(.price-goto) span { font-size:18px } } .tourColumn.tourRanking .tourColumnItem { position: relative } .tourColumn.tourRanking .tourColumnItem:before { content: ""; display: block; position: absolute; top: 10px; left: 10px; z-index: 1; background-size: 67px 67px; width: 67px; height: 67px } .tourColumn.tourRanking .tourColumnItem .text { margin: 0 -15px 10px; padding: 15px; background: #f7f5f0 } .tourColumn.tourRanking .tourColumnItem:first-of-type:before { background: url(/japan/images/ranking01.svg) no-repeat } .tourColumn.tourRanking .tourColumnItem:nth-of-type(2) { margin-left: 4% } .tourColumn.tourRanking .tourColumnItem:nth-of-type(2):before { background: url(/japan/images/ranking02.svg) no-repeat } .tourColumn.tourRanking .tourColumnItem:nth-of-type(3) { margin-left: 0 } .tourColumn.tourRanking .tourColumnItem:nth-of-type(3):before { background: url(/japan/images/ranking03.svg) no-repeat } .tourColumn.tourRanking .tourColumnItem:nth-of-type(4) { margin-left: 1.25% } .tourColumn.tourRanking .tourColumnItem:nth-of-type(4):before { background: url(/japan/images/ranking04.svg) no-repeat } .tourColumn.tourRanking .tourColumnItem:nth-of-type(5):before { background: url(/japan/images/ranking05.svg) no-repeat } @media screen and (max-width: 657px) { .tourColumn.tourLineup li { width:100%; padding: 0 0 20px; margin-bottom: 20px; border: none; border-bottom: 1px solid #d2d2d2 } .tourColumn.tourLineup li a { position: relative; padding: 0 30px 0 110px } .tourColumn.tourLineup li a:after { display: block; top: 0 } .tourColumn.tourLineup figure { width: 90px; position: absolute; top: 0; bottom: 0; left: 0 } .tourColumn.tourLineup figure img,.tourColumn.tourLineup figure img[src^="images/illust_tour"] { height: 100%; width: auto } .tourColumn.tourLineup h3 { text-align: left; background: none; color: #00bfa5; padding: 0; margin: 0 } .tourColumn.tourLineup h3+p { margin-top: 5px } .tourColumn.tourRanking { -ms-flex-wrap: inherit; flex-wrap: inherit; overflow-x: scroll; overflow-y: hidden; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; margin: 0 -2%; padding: 0 0 0 6% } .tourColumn.tourRanking::-webkit-scrollbar { display: none } .tourColumn.tourRanking .tourColumnItem:first-of-type,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2),.tourColumn.tourRanking .tourColumnItem:nth-of-type(3),.tourColumn.tourRanking .tourColumnItem:nth-of-type(4),.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; margin: 0 4% 1px 0; padding: 4% 0 15px } .tourColumn.tourRanking .tourColumnItem:first-of-type:before,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2):before,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3):before,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4):before,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5):before { top: 0; left: -8%; width: 55px; height: 55px } .tourColumn.tourRanking .tourColumnItem:first-of-type figure,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) figure,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3) figure,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4) figure,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) figure { height: 140px } .tourColumn.tourRanking .tourColumnItem:first-of-type h3,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) h3,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3) h3,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4) h3,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) h3 { font-size: 13px } .tourColumn.tourRanking .tourColumnItem:first-of-type .tourInfo,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .tourInfo,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3) .tourInfo,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4) .tourInfo,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) .tourInfo { padding: 3% 3% 0 } .tourColumn.tourRanking .tourColumnItem:first-of-type .price,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .price,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3) .price,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4) .price,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) .price { font-size: 16px } .tourColumn.tourRanking .tourColumnItem:first-of-type .price span,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .price span,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3) .price span,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4) .price span,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) .price span { font-size: 18px } .tourColumn.tourRanking .tourColumnItem:first-of-type .day,.tourColumn.tourRanking .tourColumnItem:first-of-type .departures,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .day,.tourColumn.tourRanking .tourColumnItem:nth-of-type(2) .departures,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3) .day,.tourColumn.tourRanking .tourColumnItem:nth-of-type(3) .departures,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4) .day,.tourColumn.tourRanking .tourColumnItem:nth-of-type(4) .departures,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) .day,.tourColumn.tourRanking .tourColumnItem:nth-of-type(5) .departures { top: 25px } } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem { width: 32.5%; margin-left: 1.25% } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem:nth-of-type(3n+1) { margin-left: 0 } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem figure { height: 194px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem h3 { font-size: 18px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem .price { font-size: 18px; padding-top: 20px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem .price span { font-size: 30px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem .js-gotoBox .price:not(.price-goto) span { font-size: 26px } @media screen and (max-width: 657px) { .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem .js-gotoBox .price:not(.price-goto) span { font-size:18px } } @media screen and (max-width: 657px) { .sidebarNo .tourBox { width:100% } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem,.sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem:nth-of-type(3n+1) { width: auto; margin-left: 0 } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem:nth-of-type(3n+1) figure,.sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem figure { height: 140px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem:nth-of-type(3n+1) h3,.sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem h3 { font-size: 13px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem .text,.sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem:nth-of-type(3n+1) .text { margin: 0 -3% 10px; padding: 10px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem .price,.sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem:nth-of-type(3n+1) .price { font-size: 16px; padding-top: 15px } .sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem .price span,.sidebarNo .tourBox100 .tourColumn.tourRanking .tourColumnItem:nth-of-type(3n+1) .price span { font-size: 18px } } .tourHotelSelectRoom_detailButtonWrap { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; right: 0 } .tourHotelSelectRoom_detailButtonWrap .tourHotelSelectRoom_detailButton { display: block; margin-top: 5px; width: 110px; padding: 4px 0; margin-right: 15px; background: #fff; border-radius: 4px; text-align: center; font-size: 15px; color: #f9423a; border: 1px solid #f9423a } .tourHotelSelectRoom_detailButtonWrap .tourHotelSelectRoom_reserve_nextButton { position: static } @media screen and (max-width: 657px) { .tourHotelSelectRoom_detailButtonWrap .tourHotelSelectRoom_detailButton { width:160px } .tourHotelSelectRoom_detailButtonWrap { position: static; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } .hotelFixBar_price+.hotelFixBar_price { margin-left: 10px } .d-flex.inner-flex .hotelFixBar_price.pc-only { display: block } .d-flex.inner-flex .hotelFixBar_price.sp-only { display: none } @media screen and (max-width: 657px) { .d-flex.inner-flex .hotelFixBar_price.pc-only { display:none } .d-flex.inner-flex .hotelFixBar_price.sp-only { display: block } } @media screen and (max-width: 657px) { .tourHotelSelectRoom_topInfo-priceBlock .goto_discount_price { font-size:14px; font-weight: 400; margin: 0 0 6px; text-align: right; padding-top: 10px; padding-left: 10px } } .room-detail { font-size: 16px } .modal-content-layout-text>.room-detail-description { margin-top: 10px; font-size: 14px } .swiper-pagination-pc,.swiper-pagination-sp { position: absolute; text-align: right; color: #fff; padding-right: 10px; font-weight: 700; z-index: 1 } .swiper-pagination-pc { width: 600px } .companyInfo { background: #f7f5f0 } .companyInfo * { -webkit-box-sizing: border-box; box-sizing: border-box } .companyInfo a:hover { text-decoration: none; opacity: .8 } .companyInfoInner { width: 960px; max-width: 100%; margin: 0 auto; padding: 10px 0; line-height: 1.4; font-size: 13px } .companyInfo h3,.companyInfoInner { display: -webkit-box; display: -ms-flexbox; display: flex } .companyInfo h3 { color: #f9423a; font-size: 15px; font-weight: 700; width: 180px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .companyInfo h3 img { width: 24px; height: 24px; margin-right: 15px } .companyInfo ul { padding-left: 10px } .companyInfo ul li:hover { opacity: .8 } .companyInfo ul li dl { padding: 3px 0 3px 8px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .companyInfo ul li dl:before { border-right: 2px solid #ef463d; border-top: 2px solid #ef463d; -webkit-box-sizing: content-box; box-sizing: content-box; height: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 6px; position: absolute; top: 0; bottom: 0; left: -15px; margin: auto; content: ""; vertical-align: middle } .companyInfo ul li dl dt { width: 120px; color: #f9423a } .companyInfoMore { width: 960px; max-width: 100%; margin: 0 auto } .companyInfoMore a { color: red; margin: 0 auto 10px 180px; display: inline-block; font-size: 13px; padding: 0 10px 3px } @media(max-width: 657px) { .companyInfo { background:#fff; border-bottom: 1px solid #d2d2d2 } .companyInfoInner { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 4% } .companyInfo h3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 5px; width: auto; font-size: 13px } .companyInfo h3 img { width: 15px } .companyInfo ul { padding-left: 0 } .companyInfo ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 12px } .companyInfo ul li dt { min-width: 120px; display: none } .companyInfoMore { width: 100%; text-align: center } .companyInfoMore a { margin: 0 auto 10px; padding: 0; text-align: center } } .headerCommon { background: #fff } .headerCommon * { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom } .headerCommon a:hover { text-decoration: none; opacity: .8 } .headerCommon .pc { display: block } .headerCommon .sp { display: none } .headerCommon .width960 { width: 100%; max-width: 960px; margin: 0 auto } .headerCommon .redZone { background: #f9423a } .headerCommon .redZone .width960 { height: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .headerCommon .redZone .width960,.headerCommon .redZone .width960 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .headerCommon .redZone .width960 ul li { display: block } .headerCommon .redZone .width960 ul li img { vertical-align: middle; margin-right: 10px } .headerCommon .redZone .width960 ul .mypage a { background: #fff; border-radius: 4px; color: #333; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px } .headerCommon .redZone .width960 ul li+li { margin-left: 25px } .headerCommon .redZone .width960 a { color: #fff; display: block; width: 100%; height: auto } .headerCommon .whiteZone .width960 { display: -webkit-box; display: -ms-flexbox; display: flex } .headerCommon .whiteZone .width960>div { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid #d2d2d2; padding: 15px 20px } .headerCommon .whiteZone .width960>div:first-of-type { border-left: 1px solid #d2d2d2 } .headerCommon .whiteZone .width960 .globalMenu a { 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: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400 } .headerCommon .whiteZone .width960 .globalMenu img { margin-top: auto } .headerCommon .whiteZone .width960 .globalMenu span { margin: 15px 0 0 } .headerCommon .whiteZone .width960 ul { margin: auto auto auto 30px } .headerCommon .whiteZone .width960 ul li+li { margin-top: 5px } .headerCommon .whiteZone .width960 ul .goto:before { content: ""; width: 10px; height: 10px; border-radius: 100px; background: #00bfa5; display: inline-block; margin-right: 10px } @media screen and (max-width: 959px) { .headerCommon .width960 { padding:0 2% } .headerCommon .redZone .width960 ul { font-size: 0 } .headerCommon .redZone .width960 ul .mypage { font-size: 13px } .headerCommon .whiteZone .width960 ul { display: none } } @media screen and (max-width: 657px) { .headerCommon .pc { display:none } .headerCommon .sp { display: block } .headerCommon .spNavi { background-color: #fff; height: 55px; left: 0; padding: 7px 2%; position: fixed; top: 0; width: 100%; z-index: 100; border-bottom: 1px solid #d2d2d2 } .headerCommon .spNavi .left { display: inline-block; float: left; margin-left: 0; padding: 0; width: 65px } .headerCommon .spNavi .logo img { height: 40px; width: auto; position: relative; margin: 0 } .headerCommon .spNavi .right { float: right; padding-top: 0; width: 100px; font-size: 0 } .headerCommon .spNavi .menu,.headerCommon .spNavi .right .head_fav,.headerCommon .spNavi .right .head_history,.headerCommon .spNavi .right .head_search,.headerCommon .spNavi .spTel { width: 60px; background: none; border: none; height: 40px; margin: 0; display: inline-block; float: none; position: relative; vertical-align: top; text-align: center } .headerCommon .spNavi .right .head_fav { display: none } .headerCommon .spNavi .menu { width: 40px; padding: 0 } .headerCommon .spNavi .head_history a img { margin-top: 0; width: auto; height: 25px } .headerCommon .spNavi .head_fav a img { margin-top: 0; width: auto; height: 28px } .headerCommon .spNavi .head_search a img { margin-top: 0; width: auto; height: 25px } .headerCommon .spNavi .spTel img { height: 22px; width: auto } .headerCommon .spNavi .head_fav .fav_cap,.headerCommon .spNavi .head_history .history_cap,.headerCommon .spNavi .head_search .search_cap,.headerCommon .spNavi .menu .menu_cap,.headerCommon .spNavi .spTel .tel_cap { font-size: 10px; color: #333; position: absolute; bottom: 0; left: 0; right: 0; line-height: 1; vertical-align: bottom } } #menuBtn,.drawer-nav { display: none } @media screen and (max-width: 657px) { #menuBtn,.drawer-nav { display:block } .drawer-open { overflow: hidden!important; width: 100%; height: 100% } .drawer-nav { position: fixed; z-index: 9999; top: 0; width: 85%; height: 100%; background: #63666a; color: #fff; font-size: 15px; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; right: -85%; -webkit-transition: right .6s cubic-bezier(.19,1,.22,1); transition: right .6s cubic-bezier(.19,1,.22,1) } .drawer-nav a { padding: 10px 15px; display: block; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box } .drawer-nav a:after { border-right: 2px solid #d2d2d2; border-top: 2px solid #d2d2d2; -webkit-box-sizing: content-box; box-sizing: content-box; height: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 6px; position: absolute; top: 0; bottom: 0; right: 12px; margin: auto; content: ""; vertical-align: middle } .drawer-nav dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .drawer-nav ul { font-size: 0 } .drawer-nav dt { padding: 12px 15px; font-weight: 700; background-color: #f9423a; position: relative; min-height: 43px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .drawer-nav dt a { background: none; border: none; color: #fff; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; padding: 12px 15px } .drawer-nav dt a:after { border-right: 2px solid #fff; border-top: 2px solid #fff } .drawer-nav .contents_menu dt,.drawer-nav .user dt { background-color: #63666a } .drawer-nav dd,.drawer-nav li { width: 100%; position: relative; border-bottom: 1px solid #d2d2d2; -webkit-box-sizing: border-box; box-sizing: border-box } .drawer-nav .contents_menu dd,.drawer-nav li { width: 50%; font-size: 12px } .drawer-nav .contents_menu dd a,.drawer-nav li a { padding: 15px 10px } .drawer-nav .contents_menu dd:nth-of-type(2n) { border-left: 1px solid #d2d2d2 } .drawer-nav li a { background: #d2d2d2; border-bottom: 1px solid #fff; line-height: 1.5 } .drawer-nav dd.mypage a { color: #f9423a } .drawer-nav dd.mypage a span { font-size: 10px } .drawer-nav .contents_menu dd.sale a,.drawer-nav li.sale a { color: #f9423a } .drawer-brand { font-size: 1.5rem; font-weight: 700; line-height: 3.75rem; display: block; padding-right: .75rem; padding-left: .75rem; text-decoration: none; color: #222 } .drawer-menu { margin: 0; padding: 0; list-style: none } .drawer-menu-item { font-size: 1rem; display: block; padding: .75rem; text-decoration: none; color: #222 } .drawer-menu-item:hover { text-decoration: underline; color: #555; background-color: rgba(0,0,0,0) } .drawer-overlay { position: fixed; z-index: 9998; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) } .drawer-open .drawer-overlay { display: block } .drawer.drawer-open .drawer-nav,.drawer.drawer-open .drawer-navbar .drawer-hamburger { right: 0 } .drawer.drawer-open .drawer-hamburger { right: 85%; opacity: 1 } .drawer.drawer-open .drawer-hamburger .drawer-hamburger-icon:after,.drawer.drawer-open .drawer-hamburger .drawer-hamburger-icon:before { background-color: #fff } body .drawer-hamburger { right: 3%; top: 7px } .drawer-hamburger { position: fixed; z-index: 9999; top: 0; display: block; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; outline: 0; background-color: rgba(0,0,0,0); width: 25px; height: 40px; padding: 0; margin: 0 7.5px } .drawer-hamburger:hover { cursor: pointer; background-color: rgba(0,0,0,0) } .drawer-hamburger-icon { position: absolute; display: block; top: 10px; left: 0; right: 0 } .drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before { width: 25px; height: 2px; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); background-color: #f9423a; margin: 0 auto } .drawer-hamburger-icon:after,.drawer-hamburger-icon:before { position: absolute; top: -7px; left: 0; content: " " } .drawer-hamburger-icon:after { top: 7px } .drawer-open .drawer-hamburger-icon { background-color: rgba(0,0,0,0) } .drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before { top: 0 } .drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .sr-only { position: absolute; overflow: hidden; clip: rect(0,0,0,0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 } .sr-only-focusable:active,.sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0 } } .tourHotelSelectHotel_card-hotel figure { margin: 0; overflow: hidden; position: relative; height: 100% } .tourHotelSelectHotel_card-hotel figure img.tourHotelSelectHotel_card-image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: none; max-height: none; height: auto } .airST_sortPriceModal { display: none; position: absolute; z-index: 20 } .airST_sortPriceModal_overlay { display: none; position: fixed; background: #000; opacity: .5; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 15 } .airST_sortPriceModal_list { margin-top: 10px; border-radius: 4px; border: 2px solid #ededed; position: relative } .airST_sortPriceModal_list:after { content: ""; position: absolute; display: block; width: 10px; height: 10px; background: #fff; border-color: #ededed; border-style: solid; border-width: 2px 0 0 2px; top: -6px; left: 20px; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg) } .airST_sortPriceModal_list .airST_sortPriceModal_listItem { position: relative; color: #62666a; width: 180px; font-size: 12px; border: 0; background: #fff; border-radius: 0; border-bottom: 1px solid #ededed; padding: 11px 15px; font-weight: 700; outline: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .airST_sortPriceModal_list .airST_sortPriceModal_listItem.is-active { color: #f9423a } .airST_sortPriceModal_list .airST_sortPriceModal_listItem:focus,.airST_sortPriceModal_list .airST_sortPriceModal_listItem:hover { opacity: 1; outline: 0; -webkit-box-shadow: none; box-shadow: none } .airST_sortPriceModal_list .airST_sortPriceModal_listItem>img { position: absolute; right: 12px; top: 13px } .tourHotelPlaceModal_prevBtn { width: auto!important } .tourHotelPlaceModal_prevBtn .arrow { padding-left: 15px!important } #MainPage { padding-top: 0 } @media(min-width: 657px) { .tourHotelSelectHotel_card-hotel figure { width:230px } .tourHotelSelectHotel_card-hotel figure img.tourHotelSelectHotel_card-image { width: 130% } } @media(max-width: 657px) { #MainPage { padding-top:0 } .tourHotelSelectHotel_card-hotel .hotel_list_img { width: 100%; height: 150px } .tourHotelSelectHotel_card-hotel figure { width: 100% } .tourHotelSelectHotel_card-hotel figure img.tourHotelSelectHotel_card-image { width: 150%; min-width: 100%; height: 110% } } @media(min-width: 657px) { .sp_mode { display:none!important } } @media(max-width: 657px) { .sp_mode { display:block!important } body { min-width: 320px!important } .airST_selectHotelModal_result-condition { display: block!important } .airST_selectHotelModal_result-checkin,.airST_selectHotelModal_result-checkout { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important } .airST_selectHotelModal_result-checkin { margin-right: 0!important } .airST_selectHotelModal_result-checkin-date,.airST_selectHotelModal_result-checkout-date { margin-left: 5%!important } .hotel_list_frame .tourHotelSelectHotel_card-hotel_info { position: static } .hotel_list_frame .tourHotelSelectHotel_card-hotel_info a { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .hotel_list_frame .tourHotelSelectHotel_card-hotel_info_select_btn-sp { width: 50px } .airST_selectHotelModal_condition-choice input,.airST_selectHotelModal_condition-choice select { font-size: 16px!important } .airST_selectHotelModal_result-condition { height: auto!important } .airST_selectHotelModal_result-people-cnt { line-height: 18px!important } } .airST_conditionalModal.modal { z-index: 1030; background: rgba(0,0,0,.5); overflow-y: auto } .airST_conditionalModal_title { height: 54px; padding-left: 4.5333333333%; font-size: 21px!important; line-height: 54px; font-weight: 700; letter-spacing: .21px; border-bottom: 1px solid rgba(0,0,0,.1607843137); background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .airST_conditionalModal_title>button { height: 54px; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0) } .airST_conditionalModal_container { padding: 14px 4% 17.84px; background: #f7f5f0 } .airST_conditionalModal_result-condition { background: #fff; height: 94px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); border-top: 5px solid #337ab7; border-radius: 4px; padding: 14px 0 17px 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } .airST_conditionalModal_result-checkin { margin-right: 13% } .airST_conditionalModal_result-people { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST_conditionalModal_result-checkin p,.airST_conditionalModal_result-checkout p,.airST_conditionalModal_result-people p { font-size: 10px; letter-spacing: .1px; margin: 0 } .airST_conditionalModal_result-checkin p,.airST_conditionalModal_result-checkout p { margin-bottom: 8px } .airST_conditionalModal_result-checkin-date,.airST_conditionalModal_result-checkout-date,.airST_conditionalModal_result-people-cnt { font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: .14px } .airST_conditionalModal_result-people-cnt { margin-left: 5% } .airST_conditionalModal_date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 8px 0 8px 15px; text-align: left; font-size: 14px; border: 1px solid #b4b4b4; border-radius: 4px; min-height: 52px; width: 48%; background: #fff url(../img/ic_calendar.de6ff11c.svg) no-repeat; background-position: right 14px top 13px } @media(max-width: 330px) { .airST_conditionalModal_date { background-position:right 14px top 19px } } .airST_conditionalModal_date[disabled] { background-color: #e7e7e7; opacity: 1 } .airST_conditionalModal_date[disabled]>* { color: #ada8a2 } .airST_conditionalModal_formGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .airST_conditionalModal_formGroup>label { display: block; font-size: 17px; font-weight: 700; letter-spacing: .17px } .airST_conditionalModal_formGroup+.airST_conditionalModal_formGroup { margin-top: 9.5px; padding-top: 10.5px } .airST_conditionalModal_submitButton { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 327px; margin: 19px auto; height: 48px; width: 100%; color: #fff!important; background: #f9423a; border-radius: 4px; font-size: 17px; font-weight: 700; letter-spacing: .17px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST_conditionalModal_submitButton:hover { text-decoration: none } .airST_conditionalModal_radioButton { font-size: 14px; font-weight: 400; margin: 22px 0 12px } .airST_conditionalModal_radioButton+.airST_conditionalModal_radioButton { margin-left: 23px } .airST_conditionalModal_radioButton>input { display: inline-block; width: 14px; height: 14px; background-image: url(../img/ic_radio.404b771c.svg); background-size: contain; background-repeat: no-repeat; -moz-appearance: none; appearance: none; -webkit-appearance: none } .airST_conditionalModal_radioButton>input:checked { outline: 0; background-image: url(../img/ic_radio_checked.f0d46b16.svg) } @media(min-width: 658px) { .airST_conditionalModal_result-condition { height:68px } .airST_conditionalModal_result-condition p { margin-bottom: 8px } .airST_conditionalModal_result-checkin { margin-right: 20px } .airST_conditionalModal_result-people { margin-left: 34px; display: block; -ms-flex-preferred-size: auto; flex-basis: auto } .airST_conditionalModal_result-people-cnt { margin-left: 0 } .airST_conditionalModal_date { background-position: right 14px top 12px } .airST_conditionalModal_formGroup:nth-of-type(n+3) { border-top: 1px solid #e7e7e7 } .airST_conditionalModal_formGroup:nth-of-type(2),.airST_conditionalModal_formGroup:nth-of-type(3) { border-top: 1px solid #e7e7e7 } } #screenResearch .object_none { display: none } #screenResearch .tourHotel_tripType { margin: 20px 0 10px } #screenResearch .tourHotel_tripType input[type=radio]:checked+label:before { opacity: 1 } #screenResearch .tourHotel_buttonGroup .flex-row>*+* { margin-left: 10px } #screenResearch .tourHotel_tripType label { position: relative } #screenResearch .tourHotel_tripType label:before { position: absolute; content: ""; top: 50%; left: -4px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #000!important; opacity: 0; z-index: 50 } #screenResearch .tourHotel_tripType label:after { position: absolute; content: ""; top: 50%; left: -9px; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: #fff; border: 1px solid #dcdcdc } #screenResearch .tourHotel_tripType input[type=radio] { position: static; margin: 0 5px 0 2px } #screenResearch .tourHotel_tripType label { border: 0; width: auto; cursor: pointer; padding: 10px 20px 10px 15px; line-height: 1; background: none; color: #333!important; font-size: 130% } #screenResearch .box_day button { position: relative } #screenResearch .box_day button img { position: absolute; right: 15px; margin: auto; top: 0; bottom: 0 } #screenResearch .box_2colomun button,#screenResearch button.ic_down { background: #fff url(../img/ic_dropdown.aaeca1d6.svg) no-repeat; background-position: right 21.6px center } #screenResearch .tourHotel_multipleTrip { background-color: #efefef } @media(min-width: 871px) { .modal-lg { max-width:870px } } @media(min-width: 657px) { #screenResearch .tourHotel_buttonGroup { margin-top:0 } #screenResearch .border_separate,#screenResearch .tourHotel_multipleTrip .tourHotel_buttonGroup:nth-child(n+2) { margin: 10px 0 0; padding: 10px 0 0 } #screenResearch .box_2colomun { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } #screenResearch .box_2colomun div { -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px) } } .tourHotelSelectHotel-cover .airST-cover-traveldate { font-size: 14px; margin-left: 20px; line-height: 1.7 } .tourHotelSelectHotel-cover .airST-cover-destination { font-size: 20px } .tourHotelSelectHotel_card-hotel_info_detail_price_cur { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .tourHotelSelectHotel_card-hotel_info_detail_price_block1>.tourHotelSelectHotel_card-hotel_info_detail_price_cur>.tag { color: #f9423a; font-size: 11px; font-weight: 400; border: 1px solid #f9423a; border-radius: 15px; line-height: 1.75; padding: 0 8px; display: inline-block; margin-right: 5px } .tourHotelSelectHotel_card-hotel_info_detail_price_block1>.tourHotelSelectHotel_card-hotel_info_detail_price_cur>.price { font-size: 20px; font-weight: 700; color: #f9423a; letter-spacing: .2px } .tourHotelSelectHotel_card-hotel_info_detail_price_block2>.tourHotelSelectHotel_card-hotel_info_detail_price_cur2 { font-size: 14px; font-weight: 700; color: #63666a; text-align: right; text-decoration: line-through } @media screen and (max-width: 657px) { .tourHotelSelectHotel_card-hotel_info_detail_price_block2>.tourHotelSelectHotel_card-hotel_info_detail_price_cur2 { text-align:left; padding-left: 10px } } .tourHotelSelectHotel_card-hotel_info_detail_price_block2>.tourHotelSelectHotel_card-hotel_info_detail_price_cur>.tag { color: #63666a; border: 1px solid #63666a; font-size: 11px; font-weight: 400; border-radius: 15px; line-height: 1.75; padding: 0 8px; display: inline-block; margin-right: 5px } .tourHotelSelectHotel_card-hotel_info_detail_price_block2>.tourHotelSelectHotel_card-hotel_info_detail_price_cur>.price { color: #63666a; font-size: 18px; font-weight: 700; letter-spacing: .2px } @media(max-width: 657px) { .tourHotelSelectHotel-cover .airST-cover-destination { margin-right:8px } .tourHotelSelectHotel-cover .airST-cover-traveldate { margin-left: 0 } } .formControl[type=checkbox] { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-block; outline: 0; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .formControl[type=checkbox]:focus { outline: 0 } .formControl[type=checkbox] { width: 15px; height: 15px; background-image: url(../img/ic_checkbox.7c38c77c.svg); background-size: contain; background-repeat: no-repeat; vertical-align: sub } .formControl[type=checkbox]:checked { background-image: url(../img/ic_checkbox_checked.5ef6be4c.svg) } .tourHotelSelectHotel_headline { font-size: 24px; font-weight: 700; line-height: 1.5; margin: 10px 0 } .tourHotelSelectHotel-theme { background: #f7f5f0 } .tourHotelSelectHotel { padding: 15px 0 60px } @media screen and (max-width: 657px) { .tourHotelSelectHotel { padding:10px 0 30px } } @media screen and (min-width: 657px) { .tourHotelSelectHotel { width:700px; padding: 20px } .tourHotelSelectHotel_headline { margin: 35px 0 } } .tourHotelSelectHotel_header { margin: 0 14px 17px 14px } .tourHotelSelectHotel_header_result { font-size: 14px; letter-spacing: .14px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourHotelSelectHotel_header_result span { font-weight: 700; padding-left: 8px } .tourHotelSelectHotel_header_option { font-weight: 700; font-size: 12px; letter-spacing: .12px; width: 18vw; padding: 8px 0; background: #fff; border: 2px solid #ededed; border-radius: 4px } .tourHotelSelectHotel_header_option,a.tourHotelSelectHotel_header_option:visited { color: #f9423a!important } .tourHotelSelectHotel_card-hotel { position: relative; width: 92%; margin: 0 auto; background: #fff; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); border-radius: 3px; margin-bottom: 13px } .tourHotelSelectHotel_card-hotel_discount-tag { position: absolute; top: 10px; left: -3px; width: 80px; height: 26px; background: #00bfa5; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1607843137); box-shadow: 0 2px 4px rgba(0,0,0,.1607843137); border-radius: 0 2px 2px 0; z-index: 1; text-align: center; font-weight: 700; font-size: 10px; letter-spacing: .1px; color: #fff } .tourHotelSelectHotel_card-hotel_discount-tag span { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourHotelSelectHotel_card-hotel_discount-tag span:before { content: " "; position: absolute; top: 100%; left: 0; border-bottom: 4px solid rgba(0,0,0,0); border-right: 3px solid #1b8e7b } .tourHotelSelectHotel_card-image { display: block; width: 45%; height: auto; -o-object-fit: cover; object-fit: cover } .tourHotelSelectHotel_card-hotel_info { width: 55%; position: relative; padding: 12px 15px; border-radius: 0 3px 3px 0; overflow: hidden } .tourHotelSelectHotel_card-hotel_info_name { font-weight: 700; font-size: 17px; letter-spacing: .17px; color: #333 } @media(max-width: 657px) { .tourHotelSelectHotel_card-hotel_info_detail { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 0 } } .tourHotelSelectHotel_card-hotel_info_detail_star { font-size: 10px; letter-spacing: .1px; color: #707070 } .tourHotelSelectHotel_card-hotel_info_detail_location { font-size: 12px; line-height: 12px; letter-spacing: .12px; background: url(../img/location.d485eb1d.svg) no-repeat; padding-left: 15px; margin-top: 6px } .tourHotelSelectHotel_card-hotel_info_guest_review { white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px } .tourHotelSelectHotel_card-hotel_info_guest_review .logoImage img { width: auto; height: 25px } .tourHotelSelectHotel_card-hotel_info_guest_review .ratingScore { font-weight: 700; color: #f9423a; margin-left: 3px } .total_review { color: #63666a; margin-left: 3px } @media screen and (max-width: 657px) { .tourHotelSelectHotel_card-hotel_info_detail_location { margin-bottom:7px; background: url(../img/location_white.bfd95879.svg) no-repeat } .tourHotelSelectHotel_card-hotel_info_guest_review { margin-top: 0 } } .tourHotelSelectHotel_card-hotel_info_detail_review { text-align: right; margin-top: 13px; font-size: 12px; letter-spacing: .12px; background: url(../img/speech_bubble.1e16ac0d.svg) no-repeat; background-position: right 132px top -2px } .tourHotelSelectHotel_card-hotel_info_detail_review_num { font-weight: 700; font-size: 14px; letter-spacing: .14px } @media screen and (min-width: 657px) { .tourHotelSelectHotel_card-hotel_info_detail_latter_half { min-height:150px; position: relative } } .tourHotelSelectHotel_card-hotel_info_detail_price { text-align: right } .tourHotelSelectHotel_card-hotel_info_detail_price_stay { font-weight: 700; font-size: 12px; letter-spacing: .12px } .tourHotelSelectHotel_card-hotel_info_detail_price_cur { font-weight: 700; font-size: 20px; letter-spacing: .2px; color: #f9423a; margin-top: 6px } .tourHotelSelectHotel_card-hotel_info_coupon { margin: 0 0 10px 14px; text-decoration: underline } .tourHotelSelectHotel_card-hotel_info_detail_price_prev { font-weight: 700; font-size: 14px; line-height: 1; letter-spacing: .14px; color: #f9423a; text-decoration: line-through; margin-bottom: 46px } .tourHotelSelectHotel_card-hotel_info_detail_btn-sp { position: absolute; bottom: 0; height: 40px; width: 96.6183574879% } .tourHotelSelectHotel_card-hotel_info_detail_btn-sp button { width: 72.4637681159%; height: 40px; background: #515151; border-radius: 4px; text-align: center; font-weight: 700; font-size: 12px; letter-spacing: .12px; color: #fff } .tourHotelSelectHotel_card-hotel_info_select_btn-sp { position: absolute; bottom: 0; right: 0; height: 20px; width: 16.9082125604%; background: #f9423a; color: #fff; text-align: center; padding-top: 3px } .tourHotelSelectHotel_card-hotel_info_detail_btn-pc,.tourHotelSelectHotel_card-hotel_info_select_btn-pc { display: none } .tourHotelSelectHotel_footer { padding-bottom: 150px; width: 293px; margin: 81px auto 0 } .tourHotelSelectHotel_footer_btn { width: 35px; background: #fff; border: 1px solid #c4c4c4; text-align: center; font-size: 13px; color: #c4c4c4 } .tourHotelSelectHotel_footer_btn:link,.tourHotelSelectHotel_footer_btn:visited { color: #c4c4c4 } .tourHotelSelectHotel_footer_btn.is-current { background: #f9423a; border-color: #f9423a } .tourHotelSelectHotel_footer_btn.is-current:link,.tourHotelSelectHotel_footer_btn.is-current:visited { color: #fff } @media screen and (max-width: 320px) { .tourHotelSelectHotel_card-hotel_info_name { font-weight:700; font-size: 17px } .tourHotelSelectHotel_card-hotel_info_detail_review { background-position: right 128px top -2px } .tourHotelSelectHotel_card-hotel_info_detail_price_cur { font-weight: 700; font-size: 18px } } @media screen and (min-width: 657px) { .tourHotelSelectHotel-flex-pc { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .tourHotelSelectHotel_header { margin: 0 0 20px } .tourHotelSelectHotel_header_result { -webkit-box-flex: 1; -ms-flex: auto 1 1; flex: auto 1 1 } .tourHotelSelectHotel_header_option { width: 77px; margin-left: 10px } .tourHotelSelectHotel_card-hotel { width: 100%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex } .tourHotelSelectHotel_card-image { display: block; width: 200px; height: auto; -o-object-fit: cover; object-fit: cover } .tourHotelSelectHotel_card-hotel_info { width: 100%; padding: 10px 10px 10px 15px } .tourHotelSelectHotel_card-hotel_info_detail_review { text-align: left; padding-left: 30px; background-position: left 0 top -2px } .tourHotelSelectHotel_card-hotel_info_detail_price_prev { margin-bottom: 0 } .tourHotelSelectHotel_card-hotel_info_coupon { margin: 0 0 10px; text-decoration: underline } .tourHotelSelectHotel_card-hotel_info_detail_btn-sp,.tourHotelSelectHotel_card-hotel_info_select_btn-sp { display: none } .tourHotelSelectHotel_card-hotel_info_select_btn-pc { display: block; text-align: right; position: absolute; bottom: 0; right: 0 } .tourHotelSelectHotel_card-hotel_info_select_btn-pc button { width: 189px; height: 28px; background: #f9423a; border-radius: 4px; text-align: center; font-weight: 700; font-size: 12px; letter-spacing: .12px; color: #fff; border: none } .tourHotelSelectHotel_card-hotel_info_detail_btn-pc { margin-top: 5px; display: block; text-align: right } .tourHotelSelectHotel_card-hotel_info_detail_btn-pc button { width: 189px; height: 28px; background: #515151; border-radius: 4px; text-align: center; font-weight: 700; font-size: 12px; letter-spacing: .12px; color: #fff } .hotel_list_img_fixed_area { display: none } } .hotelFixBar { width: 100%; padding: 7.5px 0 5px; background: #fff; -webkit-box-shadow: 0 -1px 6px rgba(0,0,41,.5); box-shadow: 0 -1px 6px rgba(0,0,41,.5); position: fixed; bottom: 0; left: 0; z-index: 5 } .hotelFixBar_container { max-width: 960px; width: 100%; margin: 0 auto } .hotelFixBar_back { width: 18%; padding: 0 3px; max-width: 200px; color: #7f7f7f; font-size: 10px; letter-spacing: .1px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box } .hotelFixBar_back img { display: block; margin: 0 auto; margin-bottom: 5px } .hotelFixBar_logo-wrap { width: 48%; padding-left: 13.5px; border-left: 1px solid #dedfdf; border-right: 1px solid #dedfdf } .hotelFixBar_logo { width: 52px; margin-right: 16px; font-size: 12px } .hotelFixBar_logo>img { height: 22px; display: block; margin: 0 auto 5px auto } .hotelFixBar_logo>span>img { margin-right: 3px } .hotelFixBar_on { color: #f9423a } .hotelFixBar_off { color: #b4b4b4 } .hotelFixBar_price { max-width: 200px; width: 34%; padding-top: 4.5px; padding-right: 3.7333333333%; text-align: right; font-weight: 700; font-size: 17px; letter-spacing: .17px; color: #f9423a } .hotelFixBar_price span { padding-right: 7.8947368421%; display: block; font-size: 10px; font-weight: 400; letter-spacing: .1px; color: #333 } @media screen and (min-width: 657px) { .hotelFixBar_logo-wrap { padding-left:24.5px } .hotelFixBar_logo { margin-left: 0; margin-right: 38px } .hotelFixBar_price { font-size: 24px; padding: 0; -ms-flex-item-align: center; align-self: center } .hotelFixBar_price span { display: inline-block; padding-right: 0; font-size: 12px } .hotelFixBar_back { font-size: 14px; -ms-flex-item-align: center; align-self: center; padding: 0 } .hotelFixBar_back>img { display: inline-block; margin-right: 10px } } .tourHotelSelectHotel_modal-wrapper { padding: 20px; width: 100% } .tourHotelSelectHotel_modal .tourHotelSelectHotel_modal-closeBtn { margin: -10px -10px 0 0 } .tourHotelSelectHotel_modal-headerTitle { font-weight: 700; font-size: 21px; line-height: 1.5; letter-spacing: .21px; color: #333 } .tourHotelSelectHotel_modal-header_close-btn { line-height: 22px; letter-spacing: .14px } .tourHotelSelectHotel_modal-sideTitle { font-size: 14px; font-weight: 700; padding-top: 15px; padding-bottom: 15px } .tourHotelSelectHotel_modal .formControl[type=checkbox] { margin-right: 8px } .tourHotelSelectHotel_modal-main_grade { padding-bottom: 15px; border-bottom: 1px solid #dedfdf } .tourHotelSelectHotel_modal-gradeGroup>* { font-size: 14px; font-weight: 400; height: 16px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourHotelSelectHotel_modal-gradeGroup>*>img { margin-right: 2px } .tourHotelSelectHotel_modal-gradeGroup>*>img:last-of-type { margin-right: 9px } .tourHotelSelectHotel_modal-main_price { padding-bottom: 15px; border-bottom: 1px solid #dedfdf } .tourHotelSelectHotel_modal-main_price_elem span { margin-left: 10px; margin-right: 10px } .tourHotelSelectHotel_modal-mainEquip { padding-bottom: 15px; border-bottom: 1px solid #dedfdf } .tourHotelSelectHotel_modal-main_hotel-name { padding-bottom: 18px } .tourHotelSelectHotel_modal-main_hotel-name_elem_text-box { width: 100%; height: 42px; border: 1px solid #b4b4b4; border-radius: 4px } .tourHotelSelectHotel_modal-footer { padding-top: 10px; padding-bottom: 14px; font-weight: 700; font-size: 14px; line-height: 35px; -webkit-box-shadow: 0 -6px 6px -6px rgba(0,0,0,.1607843137); box-shadow: 0 -6px 6px -6px rgba(0,0,0,.1607843137) } .tourHotelSelectHotel_modal-footerWrapper { padding: 0 15px; margin: 0 auto } .tourHotelSelectHotel_modal-footerCount { padding-left: 10px } .tourHotelSelectHotel_modal-footerBtn { width: 86px; height: 35px; background: #f9423a; border-radius: 4px; font-weight: 700; font-size: 14px; letter-spacing: .14px; color: #fff } .tourHotelSelectHotel_modal-checkboxGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tourHotelSelectHotel_modal-checkboxGroup>* { display: block; width: 100%; font-weight: 400; margin-bottom: 10px } .tourHotelSelectHotel_modal-rangeBar { display: inline-block; width: 34px; -webkit-box-flex: 1; -ms-flex: auto 0 0px; flex: auto 0 0; text-align: center } @media (min-width: 657px) { .tourHotelSelectHotel_modal .modal-dialog { width:970px } .tourHotelSelectHotel_modal-flex-content3 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10px } .tourHotelSelectHotel_modal-sideTitle { -webkit-box-flex: 188px; -ms-flex: 188px 0 0px; flex: 188px 0 0 } .tourHotelSelectHotel_modal-footer { padding: 20px 0 } .tourHotelSelectHotel_modal-footerWrapper { padding: 0 35px } .tourHotelSelectHotel_modal-main_hotel-name_elem_text-box { width: 100% } .tourHotelSelectHotel_modal-mainEquip { border-bottom: 0 } .tourHotelSelectHotel_modal-checkboxGroup { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 500px } .tourHotelSelectHotel_modal-checkboxGroup>* { width: 33% } } .loadingModal { pointer-events: none } .loadingModal .modal-content { overflow: hidden; height: 400px; position: relative; background-color: hsla(0,0%,100%,.96) } .loadingModal-circularWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 70px } .loadingModal-code { font-size: 20px; margin: 0 18px; color: #f9423a; font-weight: 700; letter-spacing: .2px } .loadingModal-circular+.loadingModal-circular { margin-left: 7.2px } .loadingModal-circular { position: relative; height: 28px; width: 28px; border: 4px solid rgba(249,66,58,.2); border-radius: 50% } .loadingModal-circular:after { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; border: 4px solid rgba(0,0,0,0); top: -4px; right: -4px; border-top-color: #f9423a; z-index: 1; opacity: 0; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards } .loadingModal-circular.is-turning:after { opacity: 1; animation-name: turning_acw; -webkit-animation-name: turning_acw } .loadingModal-plane { display: block; margin: 0 auto 20px; width: 32px; left: -70px; position: relative; -webkit-transition: left 1s ease-out; transition: left 1s ease-out } .loadingModal-bar { position: absolute; bottom: 0; background: #dedfdf; overflow: hidden; width: 100% } .loadingModal-bar,.loadingModal-loadedBar { height: 8px } .loadingModal-loadedBar { position: absolute; left: 0; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: width 1s linear; transition: width 1s linear; background: #f9423a; border-radius: 15px; width: 0 } .loadingModal-text { font-size: 17px; color: #707070; font-weight: 700; text-align: center; bottom: 37px; left: 0; width: 100%; position: absolute } @-webkit-keyframes turning_acw { 0% { opacity: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg) } 50% { opacity: 1 } to { opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes turning_acw { 0% { opacity: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg) } 50% { opacity: 1 } to { opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @media screen and (max-width: 657px) { .loadingModal>.posiCent { top:0; left: 0; -ms-transform: none; transform: none; -webkit-transform: none; height: 100% } .loadingModal .modal-dialog { width: 100%; height: 100vh; margin: 0 } .loadingModal .modal-content { height: 100vh; border-radius: 0; border: 0 } } .tourHotelSelectHotel_map { width: 100%; height: 500px } .tourHotelSelectHotel_map-hotel_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-x: auto; margin-top: 30px } .tourHotelSelectHotel_map-hotel { position: relative; width: 345px; height: 240px; background: #fff; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); border-radius: 3px; -webkit-box-flex: 1; -ms-flex: auto 0 0px; flex: auto 0 0; margin: 0 10px } .tourHotelSelectHotel_map-hotel_discount-tag { position: absolute; top: 10px; left: -3px; width: 80px; height: 26px; background: #14af67; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1607843137); box-shadow: 0 2px 4px rgba(0,0,0,.1607843137); border-radius: 0 2px 2px 0; z-index: 1; text-align: center; font-weight: 700; font-size: 10px; letter-spacing: .1px; color: #fff } .tourHotelSelectHotel_map-hotel_discount-tag span { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourHotelSelectHotel_map-hotel_discount-tag span:before { content: " "; position: absolute; top: 100%; left: 0; border-bottom: 4px solid rgba(0,0,0,0); border-right: 3px solid #1b517e } .tourHotelSelectHotel_map-image { display: block; width: 45%; height: auto; -o-object-fit: cover; object-fit: cover } .tourHotelSelectHotel_map-hotel_info { width: 55%; position: relative; padding: 12px 8px; border-radius: 0 3px 3px 0; overflow: hidden } .tourHotelSelectHotel_map-hotel_info_name { font-weight: 700; font-size: 15px; letter-spacing: .17px; color: #333 } .tourHotelSelectHotel_map-hotel_info_detail_star { font-size: 10px; letter-spacing: .1px; color: #707070 } .tourHotelSelectHotel_map-hotel_info_detail_location { font-size: 12px; line-height: 12px; letter-spacing: .12px; background: url(../img/location.d485eb1d.svg) no-repeat; padding-left: 15px; margin-top: 6px } @media screen and (max-width: 657px) { .tourHotelSelectHotel_map-hotel_info_detail_location { margin-bottom:70px } } .tourHotelSelectHotel_map-hotel_info_detail_review { text-align: right; margin-top: 13px; font-size: 12px; letter-spacing: .12px; background: url(../img/speech_bubble.1e16ac0d.svg) no-repeat; background-position: right 132px top -2px } .tourHotelSelectHotel_map-hotel_info_detail_review_num { font-weight: 700; font-size: 14px; letter-spacing: .14px } .tourHotelSelectHotel_map-hotel_info_detail_price { text-align: right; margin-top: 7px } .tourHotelSelectHotel_map-hotel_info_detail_price_stay { font-weight: 700; font-size: 12px; letter-spacing: .12px } .tourHotelSelectHotel_map-hotel_info_detail_price_cur { font-weight: 700; font-size: 20px; letter-spacing: .2px; color: #f9423a; margin-top: 6px } .tourHotelSelectHotel_map-hotel_info_detail_price_prev { font: 700 14px/14px YuGothic; letter-spacing: .14px; color: #f9423a; text-decoration: line-through; margin-bottom: 42px } .tourHotelSelectHotel_map-hotel_info_detail_btn-sp { position: absolute; bottom: 0; right: 0; height: 35px; width: 16.9082125604%; background: #f9423a; color: #fff; text-align: center; padding-top: 8px } .tourHotelSelectHotel_map-hotel_info_detail_btn-pc { display: none } .tourHotelSelectHotel_map_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px } div.tripadvisor-wrapper a.tripadvisor-link { padding-top: 10px; display: block; position: relative; margin: 0 } div.tripadvisor-wrapper a.tripadvisor-link:hover { text-decoration: none } div.tripadvisor-wrapper a.tripadvisor-link p.title { font-weight: 700 } div.tripadvisor-wrapper a.tripadvisor-link p.rating-wrapper { line-height: 1.5em; position: relative } div.tripadvisor-wrapper a.tripadvisor-link p.rating-wrapper span.rating-text { color: #01aa6c; font-weight: 700 } div.tripadvisor-wrapper a.tripadvisor-link p.rating-wrapper span.rating-value { font-size: 16px } @media(max-width: 657px) { .tourHotelSelectHotel_card-hotel figure img.tourHotelSelectHotel_card-image { width:150%; min-width: 100%; height: 110% } } @media(max-width: 657px) { .hotel_list_frame .tourHotelSelectHotel_card-hotel_info_select_btn-sp { width:55% } } @media(max-width: 657px) { .tourHotelSelectHotel_card-hotel_info_detail_price_block1>.tourHotelSelectHotel_card-hotel_info_detail_price_cur>.price { font-size:18px } .tourHotelSelectHotel_card-hotel_info_detail_price_block2>.tourHotelSelectHotel_card-hotel_info_detail_price_cur>.price { font-size: 16px } .tourHotelSelectHotel_card-hotel_info_detail_price { text-align: left } .tourHotelSelectHotel_card-hotel_info_detail_price_cur { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .tourHotelSelectHotel_card-hotel_info_detail_price_block1>.tourHotelSelectHotel_card-hotel_info_detail_price_cur2 { text-align: left; padding-left: 10px } .tourHotelSelectHotel_card-hotel_info { width: 100%; padding: 10px } .tourHotelSelectHotel_card-hotel_info div.tripadvisor-wrapper a.tripadvisor-link { padding-top: 0 } .hotel_list_img_fixed_area { 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: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#323232)); background: linear-gradient(rgba(0,0,0,0),#323232); height: 100%; width: 100%; padding: 3px 5px; bottom: 0; left: 0; color: #fff } .tourHotelSelectHotel_card-hotel_info .tourHotelSelectHotel_card-hotel_info_detail_location,.tourHotelSelectHotel_card-hotel_info .tourHotelSelectHotel_card-hotel_info_detail_star,.tourHotelSelectHotel_card-hotel_info .tourHotelSelectHotel_card-hotel_info_name { display: none } .tourHotelSelectHotel_card-hotel_info_name { color: #fff } .tourHotelSelectHotel_card-hotel_info_detail_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourHotelSelectHotel_card-hotel_info_detail_star { color: #fff; margin-left: 10px } .tourHotelSelectHotel_card-hotel_info_detail_latter_half { 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: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 12px } } .hotel_list_img { position: relative } .hotel_list_img .icon_goto { display: block; position: absolute; top: 5px; left: 5px; width: 80px; z-index: 1 } .step_list { margin: 10px -15px 15px } .hotelFixBar_price.benefits { width: 40%; padding-right: 0 } .hotelFixBar_price.benefits strong { color: #f9423a } .d-flex.inner-flex .hotelFixBar_price { padding-right: 1.0666666667% } @media(max-width: 657px) { .d-flex.inner-flex .hotelFixBar_price { padding-right:1.0666666667% } } .sidebar-search { margin-bottom: 10px } .sidebar-search input[type=search] { width: 100%; padding: 8px 8px 8px 45px; margin-top: 5px; border: 1px solid #115da1; border-radius: 1px; -webkit-box-sizing: border-box; font-size: 14px; box-sizing: border-box; background: url(/images/common/ic_place.svg) no-repeat; background-position: 10px; background-size: 24px auto } @media(max-width: 657px) { .sidebar-search { display:none } } .heading-search .tourHotelPlaceModal_search_sp,.heading-search input[type=search] { display: none } @media(max-width: 657px) { .heading-search { margin-bottom:20px } .heading-search p { width: auto; margin-right: 20px; margin-bottom: 0!important } .heading-search input[type=search] { display: block; padding: 8px 8px 8px 45px; border: 1px solid #115da1; border-radius: 1px; -webkit-box-sizing: border-box; font-size: 14px; box-sizing: border-box; background: url(/images/common/ic_place.svg) no-repeat; background-position: 10px; background-size: 24px auto; background-color: #fff } .heading-search .tourHotelPlaceModal_search_sp { position: relative; display: block } } .airST-conditional-heading { font-size: 16px; font-weight: 700 } .google_marker_span { margin: 0!important; overflow-wrap: break-word!important; font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif!important; font-size: 14px!important; font-weight: 800!important; line-height: 1.28571em!important; color: inherit!important } .google_marker_in_button { background-color: #fff; color: #222 } .google_marker_in_button,.google_marker_in_button_bk { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 28px; -webkit-box-shadow: rgba(0,0,0,.08) 0 0 0 1px,rgba(0,0,0,.18) 0 1px 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.18); display: -webkit-box; display: -ms-flexbox; display: flex; height: 28px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 8px; position: relative; white-space: nowrap } .google_marker_in_button_bk { background-color: #000; color: #fff } .google_marker_button { color: inherit; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; border: none; margin: 0; padding: 0; background: rgba(0,0,0,0); width: auto; overflow: visible; font: inherit } .google_map_info .tourHotelSelectHotel_card-hotel_info a { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0 } body { height: 100% } .container_960 { max-width: 960px; margin: 0 auto; width: 100% } .container { padding-left: 15px; padding-right: 15px } .formControl[type=radio] { border: 3px solid #dedfdf } .tourHotel { position: relative; padding: 22px 15px } @media(max-width: 657px) { .tourHotel { padding:0 } } .tourHotel_tripType>label { border: 1px solid #b4b4b4 } @media(max-width: 657px) { .tourHotel_tripType>label { padding:10px 0 } .tourHotel_tripType>label:first-of-type { border-radius: 4px 0 0 4px } .tourHotel_tripType>label:last-of-type { border-radius: 0 4px 4px 0 } } .tourHotel_cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1 } .tourHotel_topTitle { font-size: 21px; font-weight: 700; color: #fff; line-height: 1; margin-bottom: 8px; text-align: center } @media(max-width: 657px) { .tourHotel_topTitle { display:none } } .tourHotel_formWrapper { background: #fff; border-radius: 6px; padding: 10px 15px; max-width: 660px; margin: 0 auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } @media(max-width: 657px) { .tourHotel_formWrapper { border-radius:0; padding: 10px 15px; margin: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } } .tourHotel_button { border: 1px solid #b4b4b4 } .tourHotel_button[disabled] { background: #e7e7e7 } .hotel-research .tourHotel_button[disabled] { background: #e7e7e7; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1) } .tourHotel_buttonGroup .flex-row>*+* { margin-left: 10px } .tourHotel_button-red { color: #fff!important } .searchForm_button_list .tourHotel_button-gray { display: block; text-align: center; background: #999; color: #fff!important; font-weight: 700; position: relative } @media(min-width: 658px) { .searchForm_button_list { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .searchForm_button_list .tourHotel_button-red { width: 65%!important } .searchForm_button_list .tourHotel_button-gray { width: 32.5%!important; margin-top: 17px; padding: 16px 0; font-size: 17px; height: 50px } } @media(max-width: 657px) { .searchForm_button_list .tourHotel_button-red { margin-top:10px } .searchForm_button_list .tourHotel_button-gray { width: 100%!important; margin-top: 10px; padding: 5px; font-size: 14px } } #ConditionSelectModal .tourHotel_button-gray { display: none } @media(max-width: 657px) { .modal.modal-sp-fullscreen .modal-dialog { margin:0 auto; max-width: unset; min-height: 100%; height: 100% } .modal.modal-sp-fullscreen .modal-content { border-radius: 0; border: 0; min-height: 100%; height: 100%; padding: 0 0 90px } } .tourHotelPlaceModal_search>input { width: 100%; padding: 25px 8px 8px 55px; border: 1px solid #115da1; border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px } @media(max-width: 657px) { .tourHotelPlaceModal_search>input { font-size:16px } } .tourHotelPlaceModal_tablist { border-top: 1px solid #dedfdf; border-bottom: 1px solid #dedfdf } .tourHotelPlaceModal_tablist>li.active>a:after { border-top: 10px solid #ef473e } .tourHotelPlaceModal_radioList>li { border: 1px solid #b4b4b4; max-width: 45% } .tourHotelPlaceModal_prevBtn { width: auto } .tourHotelPlaceModal_prevBtn .arrow { padding-left: 15px } .tourHotelDepartureDate_toolbar { border-top: 1px solid #dedfdf; z-index: 9999 } .tourHotelDepartureDate_toolbar .tourHotel_button-gray,.tourHotelDepartureDate_toolbar .tourHotel_button-red { margin-top: 8px; padding: 14px 0 } .tourHotelPeople-adl,.tourHotelPeople-bby,.tourHotelPeople-chr { padding-bottom: 10px } .tourHotelPeople-bby,.tourHotelPeople-chr { padding-top: 20px } .tourHotelPeople-gen { margin-right: auto } .tourHotelPeople-dec,.tourHotelPeople-inc { cursor: default } .tourHotelPeople-info { margin: 10px 0 } .tourHotelPeople-confirm { border: solid #dedfdf } .tourHotelPeople-confirm .tourHotel_button-gray,.tourHotelPeople-confirm .tourHotel_button-red { margin: 0 } @media(max-width: 657px) { .tourHotelPeople-confirm { bottom:0; left: 0; position: absolute } } .tourHotel_multipleTrip .tourHotel_buttonGroup>.tourHotel_button:first-child { min-width: 330px; overflow: hidden } @media(max-width: 657px) { .tourHotel_multipleTrip .tourHotel_buttonGroup>.tourHotel_button:first-child { min-width:0 } } .tourHotel_globalLink { display: none } @media(max-width: 657px) { .tourHotel_globalLink { display:block; background-color: #fff; width: 100%; padding: 0 15px; border-bottom: 5px solid #115da1 } .tourHotel_globalLink ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .tourHotel_globalLink ul li { border: solid #b4b4b4; border-width: 1.5px 0 0 0; width: 33%; max-width: 33%; padding-top: 10px; font-size: 16px; font-weight: 700; line-height: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center 8px; background-size: 25% auto } .tourHotel_globalLink ul li:first-child { border-top-left-radius: 10px; border-width: 1.5px 0 0 1.5px; background-image: url(../img/air-gray.39062472.svg) } .tourHotel_globalLink ul li:nth-child(2) { background-image: url(../img/hotel-gray.ab6857f9.svg) } .tourHotel_globalLink ul li:last-child { background-image: url(../img/dp-gray.4af47908.svg); border-width: 1.5px 1.5px 0 0; border-top-right-radius: 10px; font-size: 14px; line-height: 16px } .tourHotel_globalLink ul li a { display: block; padding: 30px 0 5px; text-align: center; color: #b4b4b4 } .tourHotel_globalLink ul li a:active,.tourHotel_globalLink ul li a:hover { text-decoration: none } .tourHotel_globalLink ul li:last-child a span { font-size: 13px } .tourHotel_globalLink ul li.active { background-color: #115da1; border-color: #115da1 } .tourHotel_globalLink ul li.active:first-child { background-image: url(../img/air-white.8d4ea978.svg) } .tourHotel_globalLink ul li.active:nth-child(2) { background-image: url(../img/hotel-white.d0ba63ae.svg) } .tourHotel_globalLink ul li.active:last-child { background-image: url(../img/dp-white.8f673b44.svg) } .tourHotel_globalLink ul li:not(.active)+li:not(.active) { border-left-width: 1.5px } .tourHotel_globalLink ul li.active a { color: #fff; pointer-events: none } } .tourHotelPlaceModal_search .iconPlace { -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../img/ic_place.c5a88a67.svg) no-repeat; background-position: 10px; background-size: 24px auto; padding-left: 45px } .hotel-research .form-control[disabled] { background-color: #e7e7e7 } body { min-width: 960px } #bodyWrapper { min-width: 980px; width: 100% } @media(max-width: 657px) { #bodyWrapper,body { min-width:100% } } .modalPage { background-color: #3e3e3e } * { -webkit-box-sizing: border-box; box-sizing: border-box } .h5,h5 { margin-top: 0; margin-bottom: 0 } .yen { margin-left: 2px; font-size: 13px } .LRmargin { padding-left: 5px; padding-right: 5px } .bottomNone { overflow: hidden } .listLineDotted { border-bottom: 1px dotted #f7f5f0; margin-bottom: -1px } .listLineDotted2 { font-weight: 700 } .listLine { border-bottom: 1px solid #f7f5f0 } .text_type01 { padding-left: 1em; text-indent: -1em } .site-logo { width: 40px; height: 40px; background-color: #34ac98; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% } .site-info { padding-top: 10px } .site-logo p { text-align: center; color: #fff; margin: 0; font-size: 14px; font-weight: 700 } .labelDiv { margin-top: 10; margin-bottom: 10px } .paddingChkBox { padding: 20px } .goodsTitle,.goodsTitle2 { font-size: 20px; font-weight: 700 } .goodsTitleCart { font-size: 14px; font-weight: 700 } .goodsCode { font-size: 8pt; color: #666 } .goodsPrice { font-size: 19px; font-weight: 700; color: #f9423a } .goodsPrice2 { font-size: 14px; color: #03c } .airCompanyImage { margin: 0 0 5px 0; width: 100px; height: 25px } .airGoing { color: #d7416c } .airReturn { color: #e58812 } .divPadding { padding: 15px 5px 15px 5px } .message-box { border-radius: 3px; margin: 0 0 10px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; background-color: #dd4b39; border-color: #c23321; color: #fff; font-size: 14px } .has-error { border-color: #dd4b39; -webkit-box-shadow: none; box-shadow: none } .form-readonly { cursor: default } .tableDef { border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; padding: 5px } .tableOrangeRed { border: 1px solid #f9423a; padding: 5px } .tableCal { border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver; padding: 0 } .pkgCell { border: 1px solid silver; vertical-align: top; text-align: center; font-size: 8pt } .tabLabe { margin: 0 0 0 0; padding: 0 0 0 0 } .listCheckboxBox { border: 2px solid #ddd } .scjTable { border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver } .scjTable a { text-decoration: none } .scjCell { border: 1px solid silver; vertical-align: top; text-align: center; font-size: 8pt; padding: 5px 0 5px 0 } .container table th { border: 1px solid #d2d2d2; padding: 10px; font-weight: 700; font-size: 13px } .container table td { border: 1px solid #d2d2d2; padding: 10px; text-align: right } .container table td p { display: inline-block; font-weight: 700 } .container table td p span { font-weight: 400 } .container table td p+p { margin-left: 10px } .container table .table_highlight { font-weight: 700; color: #f9423a } .content-font-4 { color: #e90100; font-size: 16px; font-weight: 700 } .content-font-17 { color: #89c738; font-size: 12px; font-weight: 700 } .content-font-19 { color: #4e8bc8; font-size: 12px; font-weight: 700 } .content-font-12 { color: #999; font-size: 12px } @media only screen and (max-width: 657px) { #hotel-room-img-slider-wrapper { float:none; width: 100% } #hotel-room-img-slider-wrapper #hotel-room-img-slides #hotel-img-slides li img { width: auto; height: 200px; margin: 0 auto } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides { padding: 15px 39px 0 } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li a { width: 32px } .container table { border: 1px solid #d2d2d2 } .container table td,.container table th { font-size: 12px; padding: 5px; display: block; border: none; border-bottom: 1px solid #d2d2d2 } .container table tr:last-child td:last-child { border-bottom: none; padding: 0 } .container table td p { display: block } .container table td p+p { margin-left: 0; margin-top: 5px } } #hotel-room-img-slider-wrapper { width: 100%; float: left } #hotel-room-img-slider-wrapper #hotel-room-img-slides { margin-bottom: 5px; background-color: #fff } #hotel-room-img-slider-wrapper #hotel-room-img-slides #hotel-img-slides li img { width: auto; height: 305px; margin: 0 auto } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides { padding: 15px 23px 0 } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .slides li { width: 88px; height: 58px; margin-right: 5px; overflow: hidden } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .slides li img { width: 100%; height: auto; cursor: pointer } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .slides li:last-child { margin-right: 0 } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li a { width: 16px; height: 58px; margin: 0; background-color: #00afc0; opacity: 1; border-radius: 0 } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-prev { top: 15px; left: 0; background: #00afc0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJJREFUeNpiYEAD////DwDi+8gCBkC8/z8UgAQEgHj+fzQAkrj/HwsASSgA8XkMCSQ7+rFKILnoPYYEVBJsNECAAQCV2Xzjs1EAXwAAAABJRU5ErkJggg==) no-repeat 50% } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-next { top: 15px; right: 0; background: #00afc0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpi+P///3kgVmBAB/8h4D0QB2CTgIF+XBL/YUYzglgMmOABNh3zgVgAWWI/EBsg23Efw0VAABBgALptafhqQBvGAAAAAElFTkSuQmCC) no-repeat 50% } #hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-disabled { opacity: 1!important; background-color: #e0e0e0!important } @media only screen and (max-width: 640px) { #hotel-room-img-slider-wrapper { float:none; width: 100% } #hotel-room-img-slider-wrapper #hotel-room-img-slides ul li img { width: 100%; height: auto } } .flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus { outline: none } .flex-control-nav,.flex-direction-nav,.slides { margin: 0; padding: 0; list-style: none } .flexslider { margin: 0; padding: 0 } .flexslider .slides>li { background-color: #000; display: none; -webkit-backface-visibility: hidden } .flexslider .slides img { width: 100%; display: block } .flex-pauseplay span { text-transform: capitalize } .slides:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .slides { display: block } * html .slides { height: 1% } .no-js .slides>li:first-child { display: block } .flexslider { margin: 0 0 40px; background: #fff; position: relative; zoom:1} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .flexslider .slides { zoom:1} .carousel li { margin-right: 5px } .flex-direction-nav { *height: 0 } .flex-direction-nav a { text-indent: -999em; text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,.8); text-shadow: 1px 1px 0 hsla(0,0%,100%,.3); -webkit-transition: all .3s ease; transition: all .3s ease } .flex-direction-nav .flex-prev { left: -50px } .flex-direction-nav .flex-next { right: -50px; text-align: right } .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default } .flex-direction-nav a:before { display: inline-block } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } .content-font-70 { color: red; font-size: 12px } .content-font-72 { color: #ff2070 } .content-font-73 { color: #29694f; font-weight: 700 } .flex-pauseplay a:before { display: inline-block; content: "" } .flex-pauseplay a:hover { opacity: 1 } .flex-pauseplay a.flex-play:before { content: "" } .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom:1;*display: inline } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,.5); cursor: pointer; text-indent: -9999px; border-radius: 20px } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,.7) } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,.9); cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity:1; left: 10px } .flex-direction-nav .flex-next { opacity: 1; right: 10px } } @media only screen and (max-width: 640px) { #recommend-history-area.pad-none { padding:20px 0 10px!important; border-bottom: 1px solid #ccc!important } } #recommend-history-area { width: 100%; margin: 0 auto 90px; padding-top: 36px; border-top: 2px solid #e0e0e0 } #recommend-history-area #recommend { padding-bottom: 20px } #recommend-history-area #history h2,#recommend-history-area #recommend h2 { padding-bottom: 18px; text-align: center } #recommend-history-area #history h2 span,#recommend-history-area #recommend h2 span { display: block } #recommend-history-area #history h2 span:first-child,#recommend-history-area #recommend h2 span:first-child { font-family: Open Sans,sans-serif; font-weight: 400; font-size: 14px } #recommend-history-area #history h2 span:last-child,#recommend-history-area #recommend h2 span:last-child { font-size: 17px } #recommend-history-area #history ul:after,#recommend-history-area #recommend ul:after { content: ""; display: table; clear: both } #recommend-history-area #history ul .item,#recommend-history-area #recommend ul .item { width: 188px; float: left; padding: 0 0 10px; margin-right: 10px; border: 1px solid #d9d9d9; overflow: hidden; border-radius: 4px } #recommend-history-area #history ul .item .item-img,#recommend-history-area #recommend ul .item .item-img { position: relative; margin-bottom: 10px; border-bottom: 1px solid #d9d9d9 } #recommend-history-area #history ul .item .item-img .item-history-icon,#recommend-history-area #recommend ul .item .item-img .item-history-icon { width: 59px; height: 59px; text-indent: -999em; z-index: 2; position: absolute; top: 0; right: 0; bottom: auto; left: auto } #recommend-history-area #history ul .item .item-img img,#recommend-history-area #recommend ul .item .item-img img { width: 100%; height: auto } #recommend-history-area #history ul .item a,#recommend-history-area #recommend ul .item a { display: block; padding: 0 10px 12px } #recommend-history-area #history ul .item a.item-titile-tour,#recommend-history-area #recommend ul .item a.item-titile-tour { padding: 0 10px 5px!important } #recommend-history-area #history ul .item .item-spec-txt,#recommend-history-area #recommend ul .item .item-spec-txt { padding: 0 10px 12px; font-size: 12px; line-height: 18px } #recommend-history-area #history ul .item .item-price-txt,#recommend-history-area #recommend ul .item .item-price-txt { padding: 0 10px; color: #c1272d; text-align: right; font-family: Open Sans,sans-serif; font-weight: 700; font-size: 15px } #recommend-history-area #history ul li:last-child,#recommend-history-area #recommend ul li:last-child { margin-right: 0 } #recommend-history-area #history ul li:nth-child(n+6),#recommend-history-area #recommend ul li:nth-child(n+6) { margin-bottom: 10px } #recommend-history-area.add-mg { margin: 0 auto 50px!important } @media only screen and (max-width: 640px) { #recommend-history-area { width:100%; margin: 0 0 60px } #recommend-history-area #history ul,#recommend-history-area #recommend ul { padding: 0 10px } } .lbl-custom { float: left; font-weight: 400; line-height: 34px; padding-right: 3% } .content-panel-24 { border-left: 1px solid #f7f5f0; border-right: 1px solid #f7f5f0; margin: 0 } @media(max-width: 767px) { .panel-padding-19 { padding-top:15px } } @media(max-width: 767px) { .panel-padding-18 { padding-left:15px; padding-right: 15px } } .content-font-2 { color: #393939; font-size: 13px; font-weight: 700 } .content-font-3 { color: #fff; font-size: 13px; font-weight: 700 } .content-font-padding-5 { padding-top: 8px } .content-font-padding-6 { margin-top: 19px } .panel-padding-12 { padding-top: 10px; padding-right: 15px; padding-bottom: 10px } @media(max-width: 767px) { .content-font-padding-23 { min-height:40px } } .label-blue,.label-brown,.label-gray,.label-green,.label-lite-blue,.label-lite-green,.label-orange,.label-red { font-size: 11px; font-weight: 400; padding: .2em .8em .2em } .label-red { background: #f03500 } .label-green { background: #16b57c } .label-lite-green { background: #89c738 } .label-orange { background: #f67637 } .label-blue { background: #4183c4 } .label-lite-blue { background: #71b2f2 } .label-gray { background: #999 } .label-brown { background: #8b4513 } .label-more-gray { background: #727274; margin-left: 20px; position: relative; top: -3px; padding: .05em 1.5em; font-size: 12px; font-weight: 400 } .label-clear,.label-clear[href]:focus,.label-clear[href]:hover { color: #9bbdf2; background: #e7f1fa } .btn-1 { color: #fff; background-color: #0162c3; border-color: #0162c3; font-weight: 700 } .btn-1.active,.btn-1:active,.btn-1:focus,.btn-1:hover,.open .dropdown-toggle.btn-1 { color: #fff; background-color: #04519d; border-color: #04519d } .btn-1.active,.btn-1:active,.open .dropdown-toggle.btn-1 { background-image: none } .btn-1.disabled,.btn-1.disabled.active,.btn-1.disabled:active,.btn-1.disabled:focus,.btn-1.disabled:hover,.btn-1[disabled],.btn-1[disabled].active,.btn-1[disabled]:active,.btn-1[disabled]:focus,.btn-1[disabled]:hover,fieldset[disabled] .btn-1,fieldset[disabled] .btn-1.active,fieldset[disabled] .btn-1:active,fieldset[disabled] .btn-1:focus,fieldset[disabled] .btn-1:hover { background-color: #fff; border-color: #ccc } .btn-3 { color: #fff; background-color: #e36318; border-color: #e36318; font-weight: 700 } .btn-3.active,.btn-3:active,.btn-3:focus,.btn-3:hover,.open .dropdown-toggle.btn-3 { color: #fff; background-color: #ce5915; border-color: #ce5915 } .btn-3.active,.btn-3:active,.open .dropdown-toggle.btn-3 { background-image: none } .btn-3.disabled,.btn-3.disabled.active,.btn-3.disabled:active,.btn-3.disabled:focus,.btn-3.disabled:hover,.btn-3[disabled],.btn-3[disabled].active,.btn-3[disabled]:active,.btn-3[disabled]:focus,.btn-3[disabled]:hover,fieldset[disabled] .btn-3,fieldset[disabled] .btn-3.active,fieldset[disabled] .btn-3:active,fieldset[disabled] .btn-3:focus,fieldset[disabled] .btn-3:hover { background-color: #fff; border-color: #ccc } .contact-thanks { font-size: 13px; padding: 0 40px 20px } .contact-thanks .message { text-align: center; font-weight: 700; padding-top: 25px } .contact-thanks .message .thanks-1 { font-size: 36px; color: #549c82 } .contact-thanks .message .thanks-2 { font-size: 18px } .contact-thanks .message .thanks-2 br { display: none } .contact-thanks .message .thanks-3 { font-size: 16px; color: #999; padding: 30px 0 } .contact-thanks .message .thanks-3 span { color: #ed0000 } .contact-thanks .notice-1 { line-height: 1.6; background: #f5f5f5; padding: 15px 35px; margin-bottom: 25px } .contact-thanks .notice-2,.contact-thanks .notice-3 { line-height: 1.6; padding: 0 15px } .contact-thanks .notice-2 { color: #549c82 } .contact-thanks .link-wrap { text-align: center; padding: 60px 0 } .contact-thanks a { font-size: 14px; font-weight: 700; display: inline-block; padding: 15px 35px } .content-panel-10 { padding: 15px; background-color: #f5f5f5 } .content-panel-10,.content-panel-11 { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .content-panel-11 { padding: 10px 15px; background-color: #fff } @media(max-width: 767px) { .contact-heading { padding:5px 10px 0 } .contact-step { padding: 0 10px 20px } .mw_wp_form,.mw_wp_form form .form-group { border: 0 } .mw_wp_form { padding-bottom: 0 } .mw_wp_form form .item-name { font-size: 14px; margin: 0; padding: 10px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 } .mw_wp_form form .item-submit { margin: 0 } .mw_wp_form form .item-submit p { position: static; text-align: right; padding-top: 25px } .mw_wp_form.mw_wp_form_confirm form .item-submit { padding-top: 40px } .mw_wp_form.mw_wp_form_confirm .item-submit .btn-wrap { position: relative; height: 90px } .mw_wp_form.mw_wp_form_confirm .item-submit input[type=submit] { position: absolute; top: 0; width: 260px; margin-left: -130px } .mw_wp_form.mw_wp_form_confirm .item-submit input[name=submitBack] { top: auto; left: auto; bottom: 0; width: 160px; margin-left: -80px } .contact-thanks { padding: 0 10px } .contact-thanks .message,.contact-thanks .notice-2,.contact-thanks .notice-3 { padding: 0 } .contact-thanks .message .thanks-2 br { display: block } .contact-thanks .message .thanks-2,.contact-thanks .message .thanks-3 { font-size: 13px } .contact-thanks .message .thanks-3 { padding: 10px 0 20px } .contact-thanks .notice-1 { padding: 15px 10px; margin-bottom: 15px } .contact-thanks .link-wrap { padding: 20px 0 } } .section-line-1 { border-bottom: 1px solid #549c84; padding-top: 0 } .section-line-2 { border-bottom: 1px solid #d9d9d9; padding-top: 0 } .section-padding-1 { padding-right: 0 } .section-padding-2 { padding-left: 0; padding-top: 10px } .checklist input[type=checkbox] { margin: 4px 7px 0 0 } #travel-payment-list { list-style: none; padding-left: 0 } #travel-payment-list li { padding: 12px 0 11px; border-bottom: 1px solid #e0e0e0; font-weight: 700; font-size: 14px } #travel-payment-list li p { padding-right: 15px } #travel-payment-list li img,#travel-payment-list li p { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom:1;*display: inline } #travel-payment-list li:last-child { padding: 12px 0 0; border-bottom: 0 } .checkboxPt input,.radioPt input { display: none } .radioPt label { display: inline-block; position: relative; cursor: pointer; margin-left: 10px; padding: 10px 10px 10px 20px; font-size: 100%; text-align: center; line-height: 1 } .radioPt label:before { position: absolute; content: ""; top: 50%; left: -4px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #000!important; opacity: 0; z-index: 50 } .radioPt label:after { position: absolute; content: ""; top: 50%; left: -9px; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: #fff; border: 1px solid #dcdcdc } .radioPt input[type=radio]:checked+label:before { opacity: 1 } .checkboxPt label { display: inline-block; position: relative; cursor: pointer; margin-left: 10px; padding: 0 10px 0 20px; line-height: 1.4 } .checkboxPt label:before { position: absolute; content: ""; font-family: FontAwesome; left: -7px; color: #000; font-size: 14px; opacity: 0 } .checkboxPt label:after { position: absolute; content: ""; top: 0; left: -9px; width: 18px; height: 18px; border-radius: 2px; border: 1px solid #dcdcdc } .checkboxPt input[type=checkbox]:checked+label:before { opacity: 1 } input[type=checkbox],input[type=radio] { width: 18px; height: 18px; margin: 0 5px 0 2px; vertical-align: text-bottom } input[type=text] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .mg2 { margin: 2px!important } .mgl0 { margin-left: 0!important } .mgl5 { margin-left: 5px!important } .mgl10 { margin-left: 10px!important } .mgl15 { margin-left: 15px!important } .mgl20 { margin-left: 20px!important } .mgl30 { margin-left: 30px!important } .mgl40 { margin-left: 40px!important } .mgl50 { margin-left: 50px!important } .mgl60 { margin-left: 60px!important } .mgl70 { margin-left: 70px!important } .mgl80 { margin-left: 80px!important } .mgl90 { margin-left: 90px!important } .mgl100 { margin-left: 100px!important } .mgr0 { margin-right: 0!important } .mgr5 { margin-right: 5px!important } .mgr10 { margin-right: 10px!important } .mgr20 { margin-right: 20px!important } .mgr30 { margin-right: 30px!important } .mgr40 { margin-right: 40px!important } .mgr50 { margin-right: 50px!important } .mgr60 { margin-right: 60px!important } .mgr70 { margin-right: 70px!important } .mgr80 { margin-right: 80px!important } .mgr90 { margin-right: 90px!important } .mgr100 { margin-right: 100px!important } .mgt0 { margin-top: 0!important } .mgt5 { margin-top: 5px!important } .mgt10 { margin-top: 10px!important } .mgt20 { margin-top: 20px!important } .mgt30 { margin-top: 30px!important } .mgt40 { margin-top: 40px!important } .mgt50 { margin-top: 50px!important } .mgt60 { margin-top: 60px!important } .mgt70 { margin-top: 70px!important } .mgt80 { margin-top: 80px!important } .mgt90 { margin-top: 90px!important } .mgt100 { margin-top: 100px!important } .mgb0 { margin-bottom: 0!important } .mgb5 { margin-bottom: 5px!important } .mgb10 { margin-bottom: 10px!important } .mgb15 { margin-bottom: 15px!important } .mgb20 { margin-bottom: 20px!important } .mgb30 { margin-bottom: 30px!important } .mgb40 { margin-bottom: 40px!important } .mgb50 { margin-bottom: 50px!important } .mgb60 { margin-bottom: 60px!important } .mgb70 { margin-bottom: 70px!important } .mgb80 { margin-bottom: 80px!important } .mgb90 { margin-bottom: 90px!important } .mgb100 { margin-bottom: 100px!important } .mglrauto { margin: 0 auto!important } .pd0 { padding: 0!important } .pd5 { padding: 5px!important } .pd10 { padding: 10px!important } .pd15 { padding: 15px!important } .pd20 { padding: 20px!important } .pdl0 { padding-left: 0!important } .pdl5 { padding-left: 5px!important } .pdl10 { padding-left: 10px!important } .pdl20 { padding-left: 20px!important } .pdl30 { padding-left: 30px!important } .pdl40 { padding-left: 40px!important } .pdl50 { padding-left: 50px!important } .pdl60 { padding-left: 60px!important } .pdl70 { padding-left: 70px!important } .pdl80 { padding-left: 80px!important } .pdl90 { padding-left: 90px!important } .pdl100 { padding-left: 100px!important } .pdr0 { padding-right: 0!important } .pdr5 { padding-right: 5px!important } .pdr10 { padding-right: 10px!important } .pdr20 { padding-right: 20px!important } .pdr30 { padding-right: 30px!important } .pdr40 { padding-right: 40px!important } .pdr50 { padding-right: 50px!important } .pdr60 { padding-right: 60px!important } .pdr70 { padding-right: 70px!important } .pdr80 { padding-right: 80px!important } .pdr90 { padding-right: 90px!important } .pdlr00 { padding-right: 100px!important } .pdt0 { padding-top: 0!important } .pdt2 { padding-top: 2px!important } .pdt3 { padding-top: 3px!important } .pdt5 { padding-top: 5px!important } .pdt7 { padding-top: 7px!important } .pdt10 { padding-top: 10px!important } .pdt15 { padding-top: 15px!important } .pdt20 { padding-top: 20px!important } .pdt25 { padding-top: 25px!important } .pdt40 { padding-top: 40px!important } .pdt50 { padding-top: 50px!important } .pdt60 { padding-top: 60px!important } .pdt70 { padding-top: 70px!important } .pdt80 { padding-top: 80px!important } .pdt90 { padding-top: 90px!important } .pdt100 { padding-top: 100px!important } .pdb0 { padding-bottom: 0!important } .pdb5 { padding-bottom: 5px!important } .pdb10 { padding-bottom: 10px!important } .pdb15 { padding-bottom: 15px!important } .pdb18 { padding-bottom: 18px!important } .pdb20 { padding-bottom: 20px!important } .pdb30 { padding-bottom: 30px!important } .pdb40 { padding-bottom: 40px!important } .pdb50 { padding-bottom: 50px!important } .pdb60 { padding-bottom: 60px!important } .pdb70 { padding-bottom: 70px!important } .pdb80 { padding-bottom: 80px!important } .pdb90 { padding-bottom: 90px!important } .pdb100 { padding-bottom: 100px!important } .w0p { width: 0!important } .w5p { width: 5%!important } .w6p { width: 6%!important } .w7p { width: 7%!important } .w8p { width: 8%!important } .w9p { width: 9%!important } .w10p { width: 10%!important } .w15p { width: 15%!important } .w17p { width: 17%!important } .w19p { width: 19%!important } .w20p { width: 20%!important } .w23p { width: 23%!important } .w24p { width: 24.2%!important } .w25p { width: 25%!important } .w28p { width: 28%!important } .w30p { width: 30%!important } .w35p { width: 35%!important } .w40p { width: 40%!important } .w50p { width: 50%!important } .w60p { width: 60%!important } .w65p { width: 65%!important } .w70p { width: 70%!important } .w75p { width: 75%!important } .w80p { width: 80%!important } .w83p { width: 83%!important } .w85p { width: 85%!important } .w90p { width: 90%!important } .w95p { width: 95%!important } .w100p { width: 100%!important } .w20px { width: 20px!important } .w30px { width: 30px!important } .w40px { width: 40px!important } .w50px { width: 50px!important } .w70px { width: 70px!important } .w100px { width: 100px!important } .w150px { width: 150px!important } .w746px { width: 746px!important } .wAuto { width: auto!important } .fs7 { font-size: 7px!important } .fs9 { font-size: 9px!important } .fs10 { font-size: 10px!important } .fs12 { font-size: 12px!important } .fs14 { font-size: 14px!important } .fs16 { font-size: 16px!important } .fs17 { font-size: 17px!important } .fs18 { font-size: 18px!important } .fs20 { font-size: 20px!important } .fs24 { font-size: 24px!important } .fs34 { font-size: 34px!important } .fwB { font-weight: 700!important } .fwN { font-weight: 400!important } .heit150px { height: 150px!important } .heit60px { height: 60px!important } .heit40px { height: 40px!important } .dpb { display: block!important } .TxtL { text-align: left!important } .TxtR { text-align: right!important } .TxtCnt { text-align: center!important } .posiRela { position: relative } .posiAbs,.posiCent { position: absolute } .posiCent { top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .veaM { vertical-align: middle!important } .lht12 { line-height: 1.2!important } .lts12 { letter-spacing: 12px!important } .fltL { float: left!important } .fltR { float: right!important } .bord0 { border: 0!important } .bord1_FFFFFF { border: 1px solid #fff } .bord1_c83d44 { border: 1px solid #c83d44 } .bordb1 { border-bottom: 1px dotted #838383 } .bordT1_c29a6b { border-top: 1px solid #f7f5f0 } .bordB1_c29a6b { border-bottom: 1px solid #f7f5f0 } .bordB2_c29a6b { border-bottom: 2px solid #f7f5f0 } .bordL1_c29a6b { border-left: 1px solid #f7f5f0 } .bordR1_c29a6b { border-right: 1px solid #f7f5f0 } .bordTdot1_c29a6b { border-top: 1px dotted #f7f5f0 } .bordTdot1_ffffff { border-top: 1px dotted #fff } .bordBdot1_c29a6b { border-bottom: 1px dotted #f7f5f0 } .bordLdot1_c29a6b { border-left: 1px dotted #f7f5f0 } .bordRdot1_c29a6b { border-right: 1px dotted #f7f5f0 } .bordCR_c29a6b { border-color: #e7e7e7!important } .Bdr_Sankaku { border-left: 100px solid red; border-top: 50px solid rgba(0,0,0,0); border-bottom: 50px solid rgba(0,0,0,0) } .Cl_969696 { color: #969696!important } .Cl_eb6f29 { color: #eb6f29!important } .Cl_ada8a2 { color: #ada8a2!important } .Cl_d20308 { color: #f9423a!important } .Cl_3e3e3e { color: #3e3e3e!important } .Cl_603228 { color: #000!important } .Cl_E7E7E7 { color: #e7e7e7!important } .Cl_ffa500 { color: orange!important } .Cl_ffffff,.Cl_ffffff A { color: #fff!important } .Bg_fff8ef { background-color: #f6f6f6!important } .Bg_ffffff { background-color: #fff!important } .Bg_f6eadf { background-color: #f6eadf!important } .Bg_f5f5f5 { background-color: #f6f6f6!important } .Bg_c29a6b,.Bg_e0e0e0 { background-color: #333!important } .Bg_c83d44 { background-color: #f9423a!important } .Bg_398439 { background-color: #398439!important } .Bg_f7f5f0 { background-color: #f7f5f0!important } .Bg_none { background: none!important } @media(min-width: 657px) { .pc_Bg_transparent { background:rgba(0,0,0,0)!important } } @media(max-width: 657px) { .sp_Bg_transparent { background:rgba(0,0,0,0)!important } } .DotBack { background-color: #f6f6f6 } .radius0 { -webkit-border-top-left-radius: 0!important; -webkit-border-top-right-radius: 0!important; -moz-border-radius-topleft: 0!important; -moz-border-radius-topright: 0!important } .btn { padding: 8px 12px } .btn-default { background: #63666a; color: #fff } @media(max-width: 767px) { .btn { height:auto; min-height: 30px } } .btn-ToBw { border: 1px solid #c4c4c4; color: #f9423a; background: #fff; border-radius: 4px; padding: 0 16px; font-size: 12px; font-weight: 700 } .btn-ToBw.map-search { border: 1px solid #00bfa5; color: #fff; background: #00bfa5; padding: 0 8px 0 0 } .btn-ToBw.map-search,.btn-ToBw.map-search .fa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .btn-ToBw.map-search .fa { color: #00bfa5; height: 38px; background-color: #fff; border-radius: 4px 0 0 4px; padding: 8px; margin-right: 8px } .btn-ToBw .fa-sort { margin-right: 5px } .btn-Green { background-color: #f9423a; border-color: #f9423a; color: #fff!important; text-decoration: none!important } .btn-Green:focus,.btn-Green:hover { background-color: #ef4700; background-position: 0 -15px; border-color: #ef4700 } .btn-Green.active,.btn-Green:active { background-color: #ef4700; border-color: #ef4700 } .btn-Pink { background-color: #333; border-color: #333; color: #fff!important; font-weight: 700!important; text-decoration: none!important } .btn-Pink:focus,.btn-Pink:hover { background-color: #636363; border-color: #636363 } .btn-Pink.active,.btn-Pink:active { background-color: #636363; border-color: #636363 } .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #f9423a; border: 1px solid #f9423a; border-bottom-color: rgba(0,0,0,0) } .nav-tabs { border-bottom: 1px solid #f9423a } .btn-Dit { border-color: #333; color: #333!important } .btn-Dit,.btn-Gr { font-weight: 700!important; text-decoration: none!important; position: relative } .btn-Gr { background-image: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(eae9ea)); background-image: linear-gradient(180deg,#fefefe 0,eae9ea); background-repeat: repeat-x; border-color: #a0a0a0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffefefe",endColorstr="#ffeae9ea",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #969696!important } .input-group-addon { padding: 6px 8px; font-size: 13px; font-weight: 400; line-height: 1; text-align: center; background-color: #fff; border-radius: 4px } .input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child { border-right: 0 } .panel-default { border-color: #f7f5f0 } .panel-default>.panel-heading { background-color: #f7f5f0; color: #333; text-align: center; border-color: #f7f5f0 } .panel-body { background-color: #f6f6f6 } .listStyle { border: 3px solid #f7f5f0; padding: 0; margin-bottom: 10px } .label-primary { border: 1px solid #f9423a; background-color: #fff; border-radius: 4px; color: #f9423a; font-size: 10px; margin-left: 7px; padding: 0 5px; vertical-align: top; line-height: 1.7 } .label { padding: 5px 10px; font-weight: 400; font-size: 90% } .alert-success { color: #333; background-color: #f7f5f0; padding: 10px } .Price_back { vertical-align: middle!important } .Price_back,.Price_back2 { background-color: #e7e7e7!important } .Price_back2 { vertical-align: top!important } .breadcrumb>li+li:before { padding: 0; content: "" } .breadcrumb { padding: 0 10px; border-bottom: 0 } .breadcrumb li A { text-decoration: underline } h4.Ttl { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAjCAMAAABrRDD8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZGJjOTc4MS1lMDkwLWIwNDYtOTIzMC1mNGI4NzMwYjViMGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RURFMUVCRjA3MjUzMTFFNTkyRUY4OEJCQzg4MjM0MkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RURFMUVCRUY3MjUzMTFFNTkyRUY4OEJCQzg4MjM0MkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M2FkZDVkZTUtMTMyMi05YTQzLWE5NjktNGE5MWUyZWJhOGM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFkYmM5NzgxLWUwOTAtYjA0Ni05MjMwLWY0Yjg3MzBiNWIwYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnhBeZAAAAAGUExURVUjGWAyKMJGWuEAAAAaSURBVHjaYmBgZGRgABOMDIwMCN6QFQcIMAAktQBZwwWlJQAAAABJRU5ErkJggg==); background-repeat: repeat-y; background-position: 0 0; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; font-weight: 700!important; margin: 20px 0 0!important; color: #000; font-size: 16px; letter-spacing: 1pt!important } h4.Ttl span { display: block; font-size: 9px; color: #f7f5f0; font-weight: 400; margin-top: 3px; letter-spacing: 0!important } .DitailTable table { border: 2px solid #e7e7e7; padding: 2px; border-collapse: separate; line-height: 1.5em } .DitailTable table tr th { padding: 5px 15px; color: #000; font-weight: 700; background-color: #f6f6f6; border-bottom: 1px solid #fff } .DitailTable table tr td { padding: 5px 15px; color: #666; background-color: #fff; border-bottom: 1px dotted #b4b4b4 } .PickUpArea dt { position: relative; height: 178px; overflow: hidden } .PickUpArea dt span { position: absolute; top: 0; left: 0; z-index: 100; background-color: #c83d44; color: #fff; text-align: center; padding: 3px 20px } .PickUpArea dt img { width: 100%; position: absolute; bottom: 0 } .PickUpArea li A { text-decoration: none } @media(max-width: 767px) { .PickUpArea dt { max-height:180px } .width49Rest { width: 48.4%!important } .width95Rest { width: 95%!important } .width100Rest,.width100Rest768 { width: 100%!important } .pdRest { padding: 0!important } .pdR12_Rest { padding-right: 12px!important } .pdL12_Rest { padding-left: 12px!important } .pdR40_Rest { padding-right: 40px!important } .mgRest { margin: 0!important } .sp_dpb,.sp_dpb768 { display: block } .sp_pd0 { padding: 0!important } .sp_pd15 { padding: 15px!important } .sp_pd10 { padding: 10px!important } .sp_pdt10 { padding-top: 10px!important } .sp_pdt5 { padding-top: 5px!important } .sp768_pdt10 { padding-top: 10px!important } .sp_pdt20 { padding-top: 20px!important } .sp_pdl10 { padding-left: 10px!important } .sp_pdr10 { padding-right: 10px!important } .sp_mgt10 { margin-top: 10px!important } .sp_mgt20 { margin-top: 20px!important } .sp_mgt30 { margin-top: 30px!important } .sp_fltL { float: left!important } .sp_fltR { float: right!important } .sp_fltRest { float: none!important } .sp_fs10 { font-size: 10px!important } .sp_fs12 { font-size: 12px!important } .sp_w70px { width: 70px!important } .hidden-xs,.schedule-title { display: none!important } .goodsTitle2 { font-size: 12px; font-weight: 700 } } .container { min-width: 960px; width: 960px; padding: 0; position: relative } .pdRestAll { padding: 0!important } @media(min-width: 768px)and (max-width:1023px) { .heit40px380 { height:40px!important } #hdDetail { width: auto } .col-md-1 { width: 8.3333333333% } .md_w25p { width: 25%!important } .md_w33p { width: 33.3333333333%!important } .PickUpArea dt { height: 120px } .width49Rest { width: 48.4%!important } .width50Rest { width: 24.2%!important } .width100Rest { width: 100%!important } .pdRest769 { padding: 0!important } .pdR12_Rest { padding-right: 12px!important } .pdL12_Rest { padding-left: 12px!important } .pdR40_Rest { padding-right: 40px!important } .mgRest { margin: 0!important } .sp_dpb { display: block } .sp_pdt10 { padding-top: 10px!important } .sp_pdt5 { padding-top: 5px!important } .sp_pdt20 { padding-top: 20px!important } .sp_pdl10 { padding-left: 10px!important } .sp_pdr10 { padding-right: 10px!important } .sp_fltL { float: left!important } .sp_fltR { float: right!important } .sp_fltRest { float: none!important } .btn-Dit,.btn-Gr { letter-spacing: 0!important; padding-left: 6px } .col-mmd-4 { width: 33.3333333333% } .col-mmd-8 { width: 66.6666666667% } .sp_w70px { width: 70px!important } .sp_fs10 { font-size: 10px!important } .schedule-title { display: none!important } } @media(max-width: 414px) { .heit40px380 { height:40px!important } .PickUpArea dt { max-height: 100px } .hidden-xxs { display: none!important } .sp380_TxtCnt { text-align: center!important } .sp380_TxtR { text-align: right!important } .sp380_dpb { display: block } .sp380_fs12 { font-size: 12px!important } .sp380_fs10 { font-size: 10px!important } .sp380_txtind { text-indent: -9999px!important; height: 8px!important } .sp380_mgt5 { margin-top: 5px!important } .col-xxs-5 { width: 41.6666666667%!important } .col-xxs-1btn { width: 5%!important } .col-xxs-5btn { width: 47%!important } .col-xxs-6 { width: 50%!important } .col-xxs-9 { width: 75%!important } } @media(min-width: 1024px)and (max-width:1139px) { .sp1024_pdl10 { padding-left:10px!important } .col1024-md-2 { width: 18.6666666667% } .btn-Dit,.btn-Gr { letter-spacing: 0!important; padding-left: 6px } } .UnderLink a,A.UnderLink { color: #428bca!important; text-decoration: underline!important; cursor: pointer } .form-control:focus+label { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),2px 0 3px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),2px 0 3px rgba(102,175,233,.6) } .tbl { border-top: 1px solid #e7e7e7; border-right: 1px solid rgba(0,0,0,0); border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7 } .tblCel { border: 1px solid #f7f5f0 } .panelUsael,.panelUsael2 { min-height: 20px; padding: 0; margin: 0; background-color: #f7f5f0 } .panelUsael2 { border-top: 1px solid #f7f5f0 } .panelTbk { min-height: 20px; padding: 0; margin: 0; background-color: #f7f5f0; border-top: 3px solid #f9423a } .grid-item { width: 200px } .grid-item--width2 { width: 400px } .grid-item--search { width: 700px } .centered { margin: 0 auto } .box { padding: 5px; float: left } .col2 { width: 25% } .col4 { width: 50% } .col8 { width: 100% } .tbk-grid { padding: 10px 1%; margin: 20px 0; background: #fff; border-radius: 10px } .tbk-grid__grid-sizer { position: absolute } .tbk-grid__grid-sizer,.tbk-grid__item { width: 47%; margin: 0 1% 20px 1% } .tbk-grid__gutter-sizer { width: 2% } .tbk-grid__item { float: left; border-radius: 8px; background: #d8d6d2; margin-bottom: 20px } .tbk__title { margin: 0; line-height: 1.2; font-size: 3rem; color: #f9423a } .tbk__tagline { font-size: 1.4rem; margin: 0 0 10px } .tbk-grid__item--texty { padding: 10px } .tbk-grid__item--width2,.tbk-grid__item--width3 { width: 96% } .tbk-grid__big-button { position: relative; display: block; padding: 10px; background: #f9423a; color: #fff; border-radius: 8px; font-size: 1.1rem; line-height: 1.2 } .tbk-grid__big-button:hover { background: #a2c; color: #fff } .tbk__what-is-title { margin: 0 0 10px } .tbk__what-is-description { margin: 0 } .tbk__example-link { display: block; background: #f9423a; border-radius: 8px; color: #fff } .tbk__example-link:hover { background: #a2c; color: #fff } .tbk__example-link__img { display: block; width: 100%; margin: 0 } .tbk__example-link__title { margin: 0; padding: 10px; font-size: .9rem } @media screen and (min-width: 768px) { .tbk-grid__grid-sizer,.tbk-grid__item { width:22.5% } .tbk-grid__item--width2 { width: 47% } .tbk-grid__item--width3 { width: 71.5% } .tbk__title { font-size: 6rem } .tbk__tagline,.tbk__what-is-title { font-size: 2rem } .tbk__what-is-description { font-size: 1.1rem } .tbk-grid__big-button { padding-left: 60px; min-height: 60px } .tbk-grid__big-button .icon { display: block; position: absolute; left: 10px; top: 10px; font-size: 2rem } } .label-hotel { border: 1px solid #56261c!important; color: #56261c!important; background-color: #fff!important } .priceTtl { background-color: #f5f5f5; border: 1px solid #d9d9d9; padding: 5px } .HtlPrice { font-size: 19px; font-weight: 700; color: red; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 5px } .tdw20 { width: 20%; text-align: center; padding: 10px 20px 0 0 } .tdw80 { width: 80%; padding: 10px 0 0 20px; vertical-align: text-top } .label-hotel_dit { background-color: #f5f5f5; padding: 0 20px; text-align: center; color: #56261c!important; font-weight: 700 } .formTHback { padding: 15px 10px; background-color: #f6f6f6; width: 25% } .formTDback,.formTHback { border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9 } .formTDback { padding: 10px; width: 75% } .BGC_fffae9 { background-color: #fffae9!important } .posiRadio { position: relative; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); display: block } .TxtC { text-align: center!important } .FltN { float: none!important } .pdt30 { padding-top: 30px!important } .mglr_auto { margin-left: auto!important; margin-right: auto!important } @media(max-width: 767px) { .hidden-phone { display:none!important } } .bwizard-steps { padding: 28px; font-size: 16px } .bwizard-steps .hidden-phone { padding-left: 12px } .bwizard-steps .active .label { background-color: #333 } .bwizard-steps .label { background-color: #999; margin-left: 12px } .airplane { text-align: center; font-size: 14px } .airplane .curr { width: 30px; height: 30px; background-color: #fa423a; border-radius: 30px; border: 7px solid #fbc4c2; display: inline-block } .airplane .ball { width: 16px; height: 16px; background-color: #c1c1c1; border-radius: 13px; display: inline-block; position: relative; top: 7px } .airplane .air_img { width: 30px; height: 30px; background-color: #fff; border-radius: 30px; border: 7px solid #fa423a; display: inline-block } .airplane .curr_fs { font-size: 14px; font-weight: 700 } .mobi_curr_fs { font-size: 16px; font-weight: 700 } .mobi_curr_fs span { font-size: 18px; color: #f7aa40 } @media(max-width: 657px) { .btn-ToBw { background:#333; color: #fff } .cu_hidden-xs { display: none!important } } .cch-text-center { text-align: center } .cch-text-center .btn-primary { color: #fff; background-color: #115da1; border-color: #2e6da4 } .cch-text-center p { line-height: 20px } .cch-tel-box { width: 320px; height: 40px; border: 2px solid #000; margin: 20px auto; text-align: center; line-height: 38px; font-size: 16px; font-weight: 700 } .cch-tel-box .t { width: 116px; float: left; height: 36px; background-color: #000; color: #fff } .cch-tel-box .c { width: 200px; float: left; color: #f9423a } .cch-tel-box .cb { clear: both } .cch-furi { font-size: 18px; font-weight: 700 } @media(max-width: 767px) { .cch-text-center p { text-align:left } } #inline-wrap { margin: 10px auto; max-width: 700px; max-height: 700px; background: #fff; padding: 20px; border-radius: 4px } #inline-wrap h3 { font-weight: 700; font-size: 18px; margin: 0 0 15px; color: #333; border-bottom: 1px dotted #333 } #inline-wrap .tx { margin-bottom: 10px } #inline-wrap span { display: block; clear: both; margin: 20px 0 10px; background: rgba(51,122,183,.1); color: #333; padding: 3px 0 3px 10px } #inline-wrap .image { margin-bottom: 10px } #inline-wrap .image p { float: left; width: 60%; margin: 20px 0 0 10px } #inline-wrap .image { content: ""; display: table; clear: both } #inline-wrap .image img { float: left } #inline-wrap .popup-modal-dismiss a { display: block; text-align: center; background: #f9423a; color: #fff; padding: 10px; border-radius: 4px; margin: 0 auto } @media(max-width: 657px) { #inline-wrap { margin:10px; padding: 30px!important; max-width: calc(100% - 20px); min-width: calc(100% - 20px) } } .btn-bk-white { background: #fff } .btn-bk-red { background-color: #f9423a; color: #fff } .btn-bk-gray { background-color: #515151 } .btn-gray { background-color: #63666a; color: #fff } .btn.btn-bk-gray:active,.btn.btn-bk-gray:focas,.btn.btn-bk-gray:hover,.btn.btn-bk-gray:link,.btn.btn-bk-gray:visited,.btn.btn-bk-red:active,.btn.btn-bk-red:focas,.btn.btn-bk-red:hover,.btn.btn-bk-red:link,.btn.btn-bk-red:visited,.btn.btn-gray:active,.btn.btn-gray:focas,.btn.btn-gray:hover,.btn.btn-gray:link,.btn.btn-gray:visited { color: #fff } .btn-blue-outline { border-color: #115da1; color: #115da1; background: #fff } .select-blue-outline { border-color: #115da1; color: #115da1; background-color: #fff; white-space: normal; font-weight: 700; width: 100%; padding: 8px 40px 8px 12px; cursor: pointer; line-height: 1.42857143; border-radius: 4px } .div-font-black { color: #333 } .alert-white { background-color: #f7f5f0 } .bg-white { background-color: #fff } .span-font-red { color: #f9423a; border: 2px solid #f9423a } .span-font-gray { color: #515151; border: 2px solid #515151 } #Cautions li { margin-bottom: 10px } #Cautions { padding: 15px 0 0 15px; font-size: 14px; line-height: 15px; color: #333; border: 3px solid #e61537; margin-top: 15px } .cau { padding-left: 5px; border-left: 3px solid #e61537 } .red { color: #f3163a } #divAlertCardTravelLoan { margin-bottom: 10px; line-height: 20px; font-size: 12px } .tabi-label { display: inline; padding: .2em .6em; font-size: 75%; font-weight: 700; font-color: #fff; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 100px } .tabi-label-info { background-color: #63666a } a.maps,a.tb-link { color: #558ed5; text-decoration: underline; font-weight: 700; font-size: 18px } a.h-button { padding: 7px 17px 5px; border-radius: 3px; background-color: #e7e7e7; color: #333; text-decoration: none } a.h-btn-1 { background-color: #343434; border-radius: 4px; color: #fff; font-size: 1.3em!important } a.h-btn-1:hover { color: #fffffa } a.h-btn-1:link { color: #fffffa } a.h-btn-2 { background-color: #343434; border: 1px solid #a1aab1; border-radius: 40px; color: #fff; font-size: 1.3em!important } a.h-btn-2:hover { color: #fffffa } a.h-btn-2:link { color: #fffffa } .position-rel { position: relative } .cb { clear: both } .display-b { display: block } .display-b a { cursor: pointer } .display-n { display: none } .pc-box { position: absolute; width: 100%; background-color: #fff; border-radius: 5px; z-index: 9; color: #333; font-size: 14px; padding: 12px 12px; border: 1px solid #ddd } .pc-box .top a { color: #f9423a } .pc-box .top { font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; font-weight: 700 } .pc-box .top>div:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1 } .pc-box .top>div:last-child { width: 30px; text-align: right } .pc-box .cen { padding-top: 10px; border-bottom: 3px solid #f9423a } .pc-box .cen a { font-size: 13px; padding: 7px 10px 5px 10px; display: inline-block; background-color: #f4f4f4; color: #333; font-weight: 700; text-decoration: none; float: left; margin-right: 1px } .pc-box .cen a.active { background-color: #f9423a; color: #fff } .pc-box .bot { padding-top: 8px } .pc-box .bot a { font-size: 13px; color: #000; font-weight: 700; background-color: #f4f4f4; padding: 6px 14px; display: inline-block; border-radius: 18px; margin: 3px 3px } .pc-box .bot a:hover { background-color: #63666a; color: #fff; text-decoration: none } .pc-box .bot a:link { text-decoration: none } .pc-list-box { position: absolute; width: 93.7%; background-color: #fff; border-radius: 5px; z-index: 9; color: #333; font-size: 14px; border: 1px solid #ddd; overflow-y: auto; height: 250px } .pc-list-box a { background-color: #fff; display: block; padding: 9px 15px 4px 15px } .pc-list-box a:hover { background-color: #efefef; text-decoration: none } .pc-list-box a:link { text-decoration: none } .pc-list-box a span:first-child { font-weight: 700 } .pc-list-box a span:last-child { display: block; font-size: 12px; color: #999; padding-top: 3px } .sp-destination-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; background-color: rgba(0,0,0,.7); z-index: 99999 } .sp-destination-layer .main { width: 100%; font-size: 16px } .sp-destination-layer .main .return { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; background-color: #444; position: relative; height: 60px; color: #fff } .sp-destination-layer .main .return a.btn { position: absolute; top: 11px; left: 10px; background-color: #444; border: 1px solid #d2d2d2; font-size: 15px!important } .sp-destination-layer .main .return i { font-size: 12px; margin-right: 14px } .sp-destination-layer .main .title { height: 56px; background-color: #f9423a; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; padding-left: 15px; color: #fff } .sp-destination-layer .main .title i { margin-right: 12px; font-size: 24px; position: relative; top: -2px } .sp-destination-layer .main .inp { padding: 12px 15px 0 15px } .sp-destination-layer .main .inp .sp-box { margin-left: -15px; margin-right: -15px; margin-top: 10px } .sp-destination-layer .main .inp .sp-box .title { height: 44px; background-color: #f9423a; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; padding-left: 16px } .sp-destination-layer .main .inp .sp-box .list { overflow-y: auto; max-height: 370px } .sp-destination-layer .main .inp .sp-box .list .e-large { color: #000; background-color: #fff; margin-right: 0; border-top: 1px solid #dcdcdc; border-bottom: none; cursor: pointer; display: block; padding: 12px 10px 10px 35px; text-decoration: none; font-size: 14px; position: relative } .sp-destination-layer .main .inp .sp-box .list .e-large:hover { opacity: 1 } .sp-destination-layer .main .inp .sp-box .list .e-large.open { color: #f9423a } .sp-destination-layer .main .inp .sp-box .list .e-large.open i.bottomArrow { display: inline-block; padding: 0; position: absolute; left: 15px; top: 19px } .sp-destination-layer .main .inp .sp-box .list .e-large i.bottomArrow { display: inline-block; padding: 0; position: absolute; left: 15px; top: 15px } .sp-destination-layer .main .inp .sp-box .list .e-large.open i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #f9423a; border-top: 2px solid #f9423a; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: rotate(-46deg); -ms-transform: rotate(-46deg); transform: rotate(-46deg) } .sp-destination-layer .main .inp .sp-box .list .e-large i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .sp-destination-layer .main .inp .sp-box .list .e-minor { color: #000; background-color: #ededed; margin-right: 0; border-top: 1px solid #dcdcdc; border-bottom: none; cursor: pointer; display: block; padding: 10px 10px 8px 50px; text-decoration: none; font-size: 14px; position: relative } .sp-destination-layer .main .inp .sp-box .list ul li ul li .e-minor { background-color: #fff } .sp-destination-layer .main .inp .sp-box .list .e-minor:hover { opacity: 1 } .sp-destination-layer .main .inp .sp-box .list .e-minor.open i.bottomArrow { display: inline-block; padding: 0; position: absolute; left: 30px; top: 19px } .sp-destination-layer .main .inp .sp-box .list .e-minor i.bottomArrow { display: inline-block; padding: 0; position: absolute; left: 30px; top: 15px } .sp-destination-layer .main .inp .sp-box .list .e-minor.open i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: rotate(-46deg); -ms-transform: rotate(-46deg); transform: rotate(-46deg) } .sp-destination-layer .main .inp .sp-box .list .e-minor i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .sp-destination-layer .main .inp .sp-box .list ul li { background-color: #fff; display: block; margin-right: 0 } .sp-destination-layer .main .inp .sp-box .list a { background: none; border-top: 1px solid #dcdcdc; border-bottom: none; cursor: pointer; display: block; font-weight: 400; padding: 10px 10px 8px 50px; text-decoration: none; font-size: 14px; position: relative } .sp-destination-layer .main .inp .sp-box .list a .rightArrow { display: inline-block; padding: 0; position: absolute; right: 30px; top: 17px } .sp-destination-layer .main .inp .sp-box .list a .rightArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; -webkit-box-sizing: content-box; box-sizing: content-box } .arrow { position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none } .arrow:after,.arrow:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle } .sp-destination-layer .main .inp .sp-list-box { width: 100%; background-color: #fff; border-radius: 5px; z-index: 9; color: #333; font-size: 14px; border: 1px solid #ddd; overflow-y: auto; max-height: 395px } .sp-destination-layer .main .inp .sp-list-box a { background-color: #fff; display: block; padding: 9px 15px 4px 15px; border-bottom: 1px solid #ccc } .sp-destination-layer .main .inp .sp-list-box a:hover { background-color: #efefef; text-decoration: none } .sp-destination-layer .main .inp .sp-list-box a:link { text-decoration: none } .sp-destination-layer .main .inp .sp-list-box a span:first-child { font-weight: 700 } .sp-destination-layer .main .inp .sp-list-box a span:last-child { display: block; font-size: 12px; color: #999; padding-top: 3px } .pc-number-box { position: absolute; width: 93.7%; background-color: #fff; border-radius: 5px; z-index: 9; color: #333; font-size: 14px; border: 1px solid #ddd; padding: 5px 12px 12px 12px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.46); box-shadow: 0 0 4px 0 rgba(0,0,0,.46) } .pc-number-box .minus-plus { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; border-bottom: 1px solid #d2d2d2; height: 40px } .pc-number-box .minus-plus>div:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; font-weight: 700 } .pc-number-box .minus-plus>div:first-child font { font-size: 12px; color: #999 } .pc-number-box .minus-plus>div:last-child { width: 100px } .pc-number-box .minus-plus a { display: inline-block; width: 20px; height: 20px; line-height: 17px; text-align: center; font-size: 22px } .pc-number-box .minus-plus a:hover { text-decoration: none } .pc-number-box .minus-plus a:link { text-decoration: none } .pc-number-box .minus-plus span { position: relative; top: 0; font-size: 26px; font-weight: 700; display: inline-block; height: 20px; line-height: 16px; padding: 0 0; width: 40px; text-align: center } .pc-number-box .minus-plus a:first-child { background-color: #fff; color: #f9423a; border: 1px solid #f9423a } .pc-number-box .minus-plus a:last-child { background-color: #f9423a; color: #fff; border: 1px solid #f9423a } .pc-number-box .kan { text-align: center; padding: 20px 0 20px 0 } .pc-number-box .kan a { width: 50%; color: #fff } .sp-number-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; background-color: rgba(0,0,0,.7); z-index: 99999 } .pc-number-box-clone { position: relative; width: 100%; margin: 0 15px; background-color: #fff; border-radius: 5px; color: #333; font-size: 14px; border: 1px solid #ddd; padding: 5px 12px 12px 12px } .pc-number-box-clone .e-close-clone { position: absolute; right: 0; top: -40px; font-size: 30px; color: #fff } .pc-number-box-clone .minus-plus { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; border-bottom: 1px solid #d2d2d2; height: 40px } .pc-number-box-clone .minus-plus>div:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; font-weight: 700 } .pc-number-box-clone .minus-plus>div:first-child font { font-size: 14px; color: #999 } .pc-number-box-clone .minus-plus>div:last-child { width: 100px } .pc-number-box-clone .minus-plus a { display: inline-block; width: 20px; height: 20px; line-height: 17px; text-align: center; font-size: 22px } .pc-number-box-clone .minus-plus a:hover { text-decoration: none } .pc-number-box-clone .minus-plus a:link { text-decoration: none } .pc-number-box-clone .minus-plus span { position: relative; top: 0; font-size: 26px; font-weight: 700; display: inline-block; height: 20px; line-height: 16px; padding: 0 0; width: 40px; text-align: center } .pc-number-box-clone .minus-plus a:first-child { background-color: #fff; color: #f9423a; border: 1px solid #f9423a } .pc-number-box-clone .minus-plus a:last-child { background-color: #f9423a; color: #fff; border: 1px solid #f9423a } .pc-number-box-clone .kan { text-align: center; padding: 20px 0 20px 0 } .pc-number-box-clone .kan a { width: 50%; color: #fff } .simu-ie-x { position: absolute; right: 27px; top: 17px; font-size: 16px } .error-box { border: 2px solid #d6504d; border-radius: 5px; background-color: #fad8d7; margin-top: 20px; padding: 18px 20px; color: #ce1012; font-size: 15px } .error-box>div:first-child { font-weight: 700; padding-bottom: 8px } .error-box>div:first-child i { font-size: 24px; margin-right: 10px } .error-box>div:not(:first-child) { padding-top: 3px; letter-spacing: 2px } @media(max-width: 870px) { .error-box { margin-top:5px } } .sp-line-w,.sp_show,.sp_show656 { display: none } .sp-line-w { border-bottom: 1px solid #fff; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; padding-top: 20px } .sp_hide,.sp_hide656 { display: block } .sp_text_center,.sp_text_right { text-align: left } .pc-box,.pc-list-box,.pc-number-box { visibility: visible } .sp-box,.sp-list-box,.sp-number-box { visibility: hidden } .pc-center-sp-left { text-align: center } @media(max-width: 870px) { .sp-line-w,.sp_show { display:block } .sp-line-w { border-bottom: 1px solid #fff; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; padding-top: 20px } .sp_hide { display: none } .sp_text_center { text-align: center } .sp_text_right { text-align: right } .pc-box,.pc-list-box,.pc-number-box { visibility: hidden } .sp-box,.sp-list-box,.sp-number-box { visibility: visible } .pc-center-sp-left { text-align: left } } @media(max-width: 657px) { .sp_hide656 { display:none } .sp_show656 { display: block } } .h-area-a { padding-bottom: 20px; padding-top: 20px; background-color: #f4f4f4 } .red-txt { color: #f9423a; font-size: 28px; font-weight: 700 } .red-line { border-top: 2px solid red; width: 120px; height: 20px; margin: auto } @media(max-width: 870px) { .red-line { margin:auto auto auto 0 } } .h-area-a .a { padding-top: 10px; margin-right: auto; margin-left: auto; width: 990px } @media(max-width: 1007px) { .h-area-a .a { width:auto } } .h-area-a .a .top>div { padding: 0 15px } .h-area-a .a .top>div>div { border: 1px solid #d2d2d2; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; cursor: pointer } .h-area-a .a .top>div>div img.t { width: 371px } .h-area-a .a .top>div>div>div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; padding-top: 20px; padding-bottom: 20px; background-color: #fff } .h-area-a .a .top>div>div>div .l1 { width: 186px; padding-left: 20px } .h-area-a .a .top>div>div>div .l2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; padding-left: 20px; font-size: 18px; font-weight: 700 } .h-area-a .a .top>div>div>div .l3 { width: 70px; padding-left: 20px; font-size: 22px; color: #f9423a } .h-area-a .a .bot { padding: 20px 15px 30px 15px } .h-area-a .a .bot .vc { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; cursor: pointer } .h-area-a .a .bot .txt>div:first-child { font-size: 16px; font-weight: 700; padding-bottom: 5px } .h-area-b .b { padding-bottom: 20px; padding-top: 10px; margin-right: auto; margin-left: auto; width: 990px } @media(max-width: 1007px) { .h-area-b .b { width:auto } } .h-area-b .b .box { width: 100%; padding: 15px 15px } .h-area-b .b .box>div { width: 33.3333333333%; width: 33.33333%; float: left; height: 150px; padding: 15px; cursor: pointer } .h-area-b .b .box>div:hover { border: 2px solid #f9423a } .h-area-b .b .box>div>div:first-child { text-align: center; font-weight: 700; font-size: 24px } .h-area-b .b .box>div>div:nth-child(2) { text-align: center; font-weight: 700; font-size: 48px; color: #f9423a; padding: 5px 0 5px 0 } .h-area-b .b .box>div>div:nth-child(2) span { font-size: 18px } .h-area-b .b .box>div>div:nth-child(3) { text-align: right } .h-area-b .b .box>div:nth-child(odd) { background-color: #f4f4f4 } .h-area-b .b .sp-box { width: 100%; padding: 15px 15px } .h-area-b .b .sp-box>div:first-child>div { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; padding: 15px 0; cursor: pointer } .h-area-b .b .sp-box>div:first-child>div:nth-child(odd) { background-color: #f4f4f4 } .h-area-b .b .sp-box>div:first-child>div>div:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; font-weight: 700; font-size: 16px; padding-left: 20px } .h-area-b .b .sp-box>div:first-child>div>div:first-child span { font-size: 14px; display: block; color: #999; padding-top: 3px; font-weight: 400 } .h-area-b .b .sp-box>div:first-child>div>div:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; font-weight: 700; font-size: 35px; color: #f9423a } .h-area-b .b .sp-box>div:first-child>div>div:nth-child(2) span { font-size: 18px } .h-area-b .b .sp-box>div:first-child>div>div:nth-child(3) { width: 30px; font-size: 22px; color: #f9423a } .h-area-b .b .sp-btn { width: 100%; padding: 15px 0 } .h-area-b .b .sp-btn a { position: relative; background-color: #f9423a; font-weight: 700; border: 1px solid #f9423a } .h-area-b .b .sp-btn a i { position: absolute; right: 20px; top: 10px } .h-area-c { margin-top: 40px; background-color: #f4f4f4 } @media only screen and (max-width: 640px) { .h-area-c { margin-top:10px } } .h-area-c .c { padding-bottom: 10px; margin-right: auto; margin-left: auto; width: 990px } @media(max-width: 1007px) { .h-area-c .c { width:auto } } .h-area-c .c .box { width: 100%; padding: 10px 0 15px 0 } .h-area-c .c .box>div { border: 2px solid #fff; background-color: #fff; width: calc(25% - 20px); width: -webkit-calc(25% - 20px); float: left; text-align: center; margin: 10px; cursor: pointer; color: #000; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.22); box-shadow: 0 0 4px 0 rgba(0,0,0,.22) } @media(max-width: 870px) { .h-area-c .c .box { padding:10px 5px 15px 5px } .h-area-c .c .box>div { width: calc(50% - 10px); width: -webkit-calc(50% - 10px); margin: 5px } } .h-area-c .c .box>div:hover { border: 2px solid red; color: red } .h-area-c .c .box>div img { width: auto; height: auto; max-width: 100%; max-height: 100% } .h-area-c .c .box>div>div { position: relative } .h-area-c .c .box>div>div>a>div:first-child { padding: 6px } .h-area-c .c .box>div>div>a>div:nth-child(2) { font-size: 15px; font-weight: 700; padding: 5px 0 7px 0 } .h-area-c .c .box>div>div>a>div:nth-child(3) { position: absolute; right: -2px; bottom: -2px; width: 28px; height: 28px; border-radius: 1px; background-color: #f9423a; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center } input_width { width: 100%!important } .d-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important } .flex-column { -webkit-box-orient: vertical!important; -ms-flex-direction: column!important; flex-direction: column!important } .flex-column,.flex-row { -webkit-box-direction: normal!important } .flex-row { -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; flex-direction: row!important } .align-items-center { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important } .justify-content-between { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-center { -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important } .justify-content-end { -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important } .align-items-start { -webkit-box-align: start!important; -ms-flex-align: start!important; align-items: flex-start!important } .align-items-end { -webkit-box-align: end!important; -ms-flex-align: end!important; align-items: flex-end!important } .align-self-center { -ms-flex-item-align: center!important; align-self: center!important } @media(max-width: 657px) { .flex-column-sp { -webkit-box-orient:vertical!important; -ms-flex-direction: column!important; flex-direction: column!important } .flex-column-sp,.flex-row-sp { -webkit-box-direction: normal!important } .flex-row-sp { -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; flex-direction: row!important } .sp_w100p { width: 100%!important } } .cardform { border-radius: 4px; overflow: visible; -webkit-box-shadow: rgba(0,0,0,.2) 0 2px 4px 0; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2) } .cardform-title { background: #d2d2d2; color: #333; font-size: 14px; padding: 20px; font-weight: 700 } .cardform-body { padding: 10px 0; background: #fff; border-bottom: 1px solid #d2d2d2 } .cardform-inner li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; font-size: 15px } .cardform-inner li:first-child { margin-top: 0 } .cardform-inner li>div { width: 100% } .cardform-inner li div label+input,.cardform-inner li div label+select { margin-top: 5px } .cardform-inner li .cardform-subTitle { font-weight: 700; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .cardform-inner li .passport-notice { border: 1px solid #f9423a; padding: 15px; line-height: 1.7; border-radius: 4px } .cardform-inner li .passport-notice p:first-child { color: #f9423a; font-size: 16px; font-weight: 700 } .cardform-inner li .passport-notice p:nth-child(2) { font-size: 14px; font-weight: 700 } .cardform-inner li .passport-notice p:nth-child(3) { font-size: 13px } @media(max-width: 657px) { .cardform-inner li .passport-notice p:first-child { font-size:14px } .cardform-inner li .passport-notice p:nth-child(2),.cardform-inner li .passport-notice p:nth-child(3) { font-size: 12px } } .cardform-info { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #d2d2d2 } .cardform-airlogo+.airST-ticket-info { margin-left: 10px } .airST-ticket-info+.airST-flight-Supplement.air-landing { margin-left: auto } @media(max-width: 657px) { .airST-ticket-info+.airST-flight-Supplement.air-landing { margin-top:5px; font-size: 10px } } .cardform-info .airST-ticket-info,.cardform-info .cardform-airlogo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px } .cardform-info .cardform-airlogo img { width: 100px; height: auto; margin-right: 10px } .cardform-info .airST-ticket-info .airST-tag { width: auto; padding: 2px 10px } .cardformFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .cardformFlex .cardform-title { border-bottom: 1px solid #fff; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30% } .cardformFlex .cardform-body { padding: 30px; border-bottom: 1px solid #d2d2d2; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70% } .cardformAttention label { padding: 20px; width: 100%; font-size: 17px } .cardformAttention .cardform-body { padding: 20px; font-weight: 700 } .cardformAttention .cardform-inner li span { margin-left: 10px } .airST-item { background: #eaf1f8; padding: 20px 15px; margin-top: 15px; border: 1px solid #c4c4c4; border-radius: 8px } .airST-item:nth-child(2n) { background: #f7f5f0 } .airST-img { display: block; width: 120px; height: 45px; border: 1px solid #e7e7e7; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; background: #fff; padding: 10px; margin-left: 10px } .airST-price { margin: 0 10px; font-size: 30px; font-weight: 700; line-height: .6; white-space: nowrap } .airST-moreDetail { width: 140px; background-color: rgba(51,122,183,.05); color: #115da1!important; border: 1px solid #115da1; font-weight: 700; padding: 8px 40px 8px 16px } .airST-moreDetail,.airST-tag { font-size: 12px; text-align: center } .airST-tag { overflow: hidden; width: 125px; border: 1px solid #e5e5e5; padding: 4px 8px; white-space: nowrap; border-radius: 50px } .airST-item-inner { margin: 10px 0 15px } .airST-item-inner .airST-item-header { padding-left: 15px; margin: 10px 0 25px } .airST-item-inner .airST-item-header,.airST-item-inner .airST-item-header .airST-price-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST-item-inner .airST-item-header .airST-ticket-info { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex } .airST-js-stepParent { margin-bottom: 20px; overflow-x: visible; overflow-y: visible } .airST-item-title { margin-bottom: 10px; font-size: 17px; color: #115da1 } .airST-step { -webkit-box-shadow: 0 .5px 1px 0 rgba(0,0,0,.16); box-shadow: 0 .5px 1px 0 rgba(0,0,0,.16); background-color: #fff; padding: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 2%; width: 49% } .airST-step:first-of-type { margin-left: 0 } @media(max-width: 657px) { .container { width:100%; min-width: 100% } .cardform-title { padding: 10px } .cardform-body { padding: 10px 0 } .cardform-inner li { font-size: 13px; position: relative } .cardform-subTitle~div { margin-top: 25px } .cardform-inner li .cardform-subTitle { position: absolute; top: 0 } .cardform-info { display: block } .cardform-info .cardform-airlogo { font-size: 10px } .cardform-airlogo+.airST-ticket-info { margin-top: 5px; margin-left: 0 } .cardformFlex { display: block; width: 100% } .cardformFlex .cardform-body { padding: 15px 15px 20px } .cardformFlex .cardform-body,.cardformFlex .cardform-title { border-bottom: none; width: 100% } .cardformAttention label { padding: 10px; font-size: 13px } .cardformAttention .cardform-body { padding: 10px 15px; font-weight: 700 } .cardformAttention .cardform-inner li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start } .cardformAttention .cardform-inner li span { margin-left: 0; margin-top: 5px } .airST-item { padding: 0; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,.2) 0 2px 4px 0; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); border: none; margin-top: 15px } .airST-item,.airST-item:nth-child(2n) { background-color: #fff } .airST-item-inner .airST-item-header { margin: 0; padding: 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .airST-item-inner .airST-item-header .airST-price-info { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60%; float: left; -ms-flex-wrap: wrap; flex-wrap: wrap } .airST-item-inner .airST-item-header .airST-price-info>p { font-size: 10px } .airST-item-inner .airST-item-header .airST-price-info>p strong { font-size: 12px } .airST-item-inner .airST-item-header .airST-ticket-info { margin: 0; margin-left: auto; width: 35%; min-width: 110px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .airST-item-inner .airST-item-header .airST-ticket-info>div { width: 100% } .airST-tag { width: 100%; padding: 2px 0; font-size: 10px } .airST-img { width: 100%; height: auto; margin-left: 0; border: none } .airST-moreDetail { width: 100%; padding: 2px 4px; font-size: 10px; text-align: center } .airST-step { padding: 10px; -webkit-box-shadow: none; box-shadow: none; width: 100%; margin-left: 0 } .airST-js-stepParent { margin-bottom: 0 } .airST-item-inner .airST-item-header .airST-price-info .airST-price { font-size: 24px; line-height: 1; margin: 10px 0 } } .airST-flight { border: 1px solid #d2d2d2; font-weight: 400; border-radius: 8px; margin-bottom: 15px; vertical-align: top } .airST-flight:last-child { margin-bottom: 0 } .airST-flight.is-checked { border-color: #f9423a; background: #f9423a } .airST-flight input[type=radio] { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .airST-flight-content { background: rgba(0,0,0,0); position: relative; padding: 10px 10px 30px } .airST-flight-content .airST-flight-value { font-size: 13px } .airST-flight-content .airST-flight-schedule { display: -webkit-box; display: -ms-flexbox; display: flex } .airST-flight-value+.airST-flight-schedule { margin-top: 20px } .airST-flight-content .airST-flight-schedule .schedule-inner { width: 43%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .airST-flight-content .airST-flight-schedule .airST-flight-arrow { width: 14%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST-flight-content .airST-departure-place { font-size: 13px; margin-top: 5px } .airST-flight-content .airST-departure-time { font-size: 20px; font-weight: 700 } .airST-flight-content .airST-flight-time { position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; text-align: center } .airST-priceDetail { background-color: #fff; padding: 20px } .airST-priceDetail-summary { border-bottom: 1px solid #c4c4c4; padding-bottom: 4px; margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST-priceDetail .urgent_fee_hide { display: none } .airST-conditional.modal { background-color: #fff } .airST-conditional .modal-content { border-radius: 0; border: none } .airST-conditional .filter-btn,.airST-conditional_list .filter-btn,.airST-js-step .airST-js-more_close_sp { font-weight: 700; color: #fff; background-color: #63666a } .airST-conditional .filter-btn,.airST-js-step .airST-js-more_close_sp { border-radius: 0 } .airST-conditional .airST-conditional_list .airST-js-more_close_sp { border-radius: 5px } .airST-conditional_sp .filter-btn { background: #f9423a; height: 40px; border-radius: 4px } .airST-conditional-title { margin: 10px 0; font-size: 14px; font-weight: 500 } .airST-conditional-contents { margin-top: 10px } .airST-conditional-card label { display: block; padding: 10px 0; font-size: 14px } .airST-conditional-card input[type=checkbox] { display: none } .airST-conditional-card input[type=checkbox]+label { cursor: pointer; display: block; position: relative; padding-left: 30px } .airST-conditional-card input[type=checkbox]+label:before { content: ""; position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; height: 20px; left: 0; background: url(https://www.tabikobo.com/images/common/check_off.svg); background-size: 20px 20px } .airST-conditional-card input[type=checkbox]:checked+label:before { background: url(https://www.tabikobo.com/images/common/check_on.svg); background-size: 20px 20px } .airST-conditional-list h3 i { margin-right: 10px; font-size: 20px } .airST-conditional-card { padding: 0 0 10px; border-bottom: 1px solid #d2d2d2; border-left: none; border-right: none } .airST-conditional-card:first-child { border-bottom: none } @media(min-width: 657px) { .airST-twoColumns { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 960px; margin: auto } .airST-conditional_pc { width: 240px; margin-bottom: 50px; padding: 15px } .airST-conditional_pc .filter-btn { display: none } .airSelect_temp01 { width: 700px; min-width: 700px; margin-bottom: 50px } .airST_filter { display: none; margin-bottom: 50px } } @media(max-width: 657px) { .airST-conditional_pc { display:none } } @media(max-width: 657px) { .airST-flight { margin-bottom:10px } .airST-conditional .modal-dialog { margin: 0 } .airST-flight-content { padding: 5px 5px 30px } .airST-flight-content .airST-departure-place { font-size: 10px } .airST-flight-content .airST-departure-time { font-size: 15px } .airST-priceDetail { background-color: rgba(0,0,0,0); padding: 10px 0 0; margin-top: 15px; border-top: 1px solid #d2d2d2 } .airST-priceDetail-summary { border: none; margin: 0; padding: 0; display: block; text-align: right } } .airST-cover.dpHotel { background: #fff } .airST-cover-box { display: -webkit-box; display: -ms-flexbox; display: flex } .airST-cover-box,.airST-cover-box-from-tour { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; font-weight: 500 } .airST-cover-box-from-tour { color: #333 } .airST-cover-box-from-tour .cancellation-fee-message { font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0 0 5px } .airST-cover-box-from-tour .goods-cd { font-size: 12px; font-weight: 400; line-height: 1.5; margin: 0 } .airST-cover-box-from-tour .goods-nm { font-size: 15px; font-weight: 700; line-height: 1.5; margin: 0 0 5px } .airST-cover-box-from-tour .goods-tour-info { font-size: 13px; font-weight: 400; line-height: 1.5; margin: 0 0 5px } .airST-cover-box-from-tour .goods-tour-info .stay_info { padding-left: 15px } .airST-cover-box .sp_show { display: none } .airST-cover-box img { width: 25px } .airST-cover-destination { margin-left: 15px } .airST-cover-destination span { font-size: 14px } .airST-cover-flight { margin-left: 40px } .airST-cover-people,.airST-cover-traveldate,.airST-cover-unselected { margin-left: 10px } .airST-cover>img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1 } .airST-cover .btn { margin-left: auto; font-size: 14px; border: 1px solid #c4c4c4; padding: 8px 40px 8px 10px; border-color: #115da1; color: #115da1; background: #fff; position: relative } .airST-cover .btn:after { content: ""; position: absolute; width: 20px; height: 20px; top: 0; bottom: 0; background: url(../img/pen.62675299.svg); background-size: 20px 20px; right: 10px; margin: auto } .airST-cover .btn1 { margin-left: auto; font-size: 14px; border: 1px solid #c4c4c4; padding: 8px 10px 8px 10px; border-color: #115da1; color: #115da1; background: #fff; position: relative } @media(max-width: 657px) { .airST-h1 { font-size:15px!important } .airST-cover { padding: 5px 2%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 0 } .airST-cover-box img { width: 20px } .airST-cover-box { font-size: 13px } .airST-cover-box .pc_show { display: none } .airST-cover-box .sp_show { display: inline; margin-left: 10px } .airST-cover-destination { margin-left: 10px } .airST-cover-flight { margin-left: 30px } .airST-cover-traveldate { margin-left: 5px } .airST-cover .btn { padding: 5px 30px 5px 10px; font-size: 12px } .airST-cover .btn:after { background-size: 15px 15px; width: 15px; height: 15px } .airST-cover .btn1 { padding: 5px 10px 5px 10px; font-size: 12px } .airST-cover.border.domAO { min-height: 40px } .airST-cover-box.domAO { padding-right: 50px; position: relative } .airST-cover-destination.domAO { max-width: 88% } button.btn1.domAO.search.tb-link { position: absolute; top: 0; right: 0 } } @media(min-width: 657px) { .dynamicTour-cover-destination_pc { margin-left:15px } .dynamicTour-cover-destination_sp { display: none } } @media(max-width: 657px) { .dynamicTour-cover-destination_pc { display:none } .dynamicTour-cover-destination_sp { margin-left: 10px } } .airST-steps { width: 100%; max-width: 960px; margin: 0 auto } .airST-h2 { font-size: 20px!important; margin: 0 0 30px; padding: 0 0 0 15px; border-left: 3px solid #333 } .airST-h2+.airRC-info-btn { position: absolute; top: 40px; right: 40px; padding: 8px 40px 8px 10px } .airST-h2-btn { position: relative; display: inline-block; width: 100%; margin: 0 0 15px; padding: 5px 0 5px 15px; text-align: left; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-color: #fff; border: none; border-left: 3px solid #333; white-space: normal; font-weight: 700; font-size: 20px!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .airST-h2-btn:before { display: block; content: ""; position: absolute; top: 50%; right: 15px; width: 20px; height: 20px; margin-top: -8px; border-radius: 50%; background: #000 } .airST-h2-btn:after { display: block; content: ""; position: absolute; top: 50%; right: 20px; border: 5px solid rgba(0,0,0,0); border-top: 5px solid #fff } .airST-h2-btn.show:after { top: 30%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .airST-item-btns>.btn+.btn { margin: 10px 0 0 } .airST-item-btns-nextBtn { font-weight: 700; font-size: 20px } .airST-item-btns-prevBtn { height: auto; background: #63666a; color: #fff!important } .airST-steps li { height: 45px; position: relative; font-size: 12px; width: 100%; padding: 0 25px } .airST-steps li:nth-child(n) { background: #f7f5f0 } .airST-steps li:nth-child(n):after { border-left-color: #f7f5f0 } .airST-steps li:nth-child(2n) { background: #fff } .airST-steps li:nth-child(2n):after { border-left-color: #fff } .airST-steps li:after { content: ""; position: absolute; right: -10px; top: 0; width: 0; height: 0; border-top: 22.5px solid rgba(0,0,0,0); border-bottom: 22.5px solid rgba(0,0,0,0); border-left: 11px solid green; z-index: 1 } .airST-steps li:last-child:after { display: none } .airST-steps li.is-active { background: #f9423a; color: #fff } .airST-steps li.is-active:after { border-left-color: #f9423a } @media(max-width: 657px) { .airST-h2 { font-size:20px!important; margin: 15px 0 } .airST-h2+.airRC-info-btn { top: 15px; right: 15px; font-size: 14px; padding: 10px 30px 10px 10px } .airST-steps { margin: -14px auto } .airST-steps li { font-size: 3vw; padding: 0 0 0 15px } .airST-steps li:first-child { padding: 0 0 0 5px } .airST-item-btns-nextBtn { font-size: 15px; min-height: 50px } } .airRI-text-smallGray { font-size: 12px; color: #62666a } .airRI-text-blue { color: #115da1 } .airRI-tag { border: 1px solid #e5e5e5; padding: 4px 8px; font-size: 10px; white-space: nowrap } .airRI .btn-blue-outline { border-color: #115da1; color: #115da1; background: #fff } .airRC-info-btn,.airRI-blank,.airRI-more { padding-right: 40px; position: relative } .btn.airRI-blank,.btn.airRI-more { white-space: normal; font-weight: 700; font-size: 15px; width: 100% } .airRI-more:after,.airST-moreDetail:after { content: ""; position: absolute; margin: auto; right: 15px; top: 0; bottom: 0; font-size: 15px; border-right: 2px solid #115da1; border-top: 2px solid #115da1; height: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 8px } .airRI-more.show:after,.airST-moreDetail.show:after { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg) } .airRC-info-btn:after,.airRI-blank:after { content: ""; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAApUlEQVRYhe2XQQqAIBBFnehQ3qArtdSdR+tGLScIjFY19ctM/tsIofT4DKMjIQRnJcyDmjc/RFf6h1fp7xzS5F8Xk3Fa1+oTpCAKBVGqFxRVe++VcVo3s83s6HMqtfKfq85SV7kuSsI2g0JBFAqiUBCFgigURGlzcC/5qmkrQXQWyclr8pK/xRgPz7RZgyhnqe1hm0GhIAoFUbY288VQbqHuBJ1zC1pZH1+cO8L7AAAAAElFTkSuQmCC); background-size: 20px 20px; width: 20px; height: 20px; top: 0; bottom: 0; right: 15px; margin: auto } .airRC-info-btn:after { background: url(../img/pen.62675299.svg); background-size: 20px 20px; right: 10px } .airRI-moreDetail { width: auto; background-color: rgba(51,122,183,.05); color: #115da1!important; border: 1px solid #115da1; font-weight: 700; padding: 12px 0; font-size: 15px; width: 100% } .js-priceDetail { margin-top: 20px } table.air-pricePanel { width: 70%; margin: 0 0 30px auto } .cardformFlex .cardform-body table.air-pricePanel { width: 100% } table.air-pricePanel tr { border: 1px solid #d2d2d2; border-left: none; border-right: none } table.air-pricePanel td,table.air-pricePanel th { font-size: 13px; border: none } table.air-pricePanel th { width: 40%; padding: 15px 10px } table.air-pricePanel .toggle-title { -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } table.air-pricePanel .toggle { width: 30px; height: 30px; display: table-cell; vertical-align: middle } table.air-pricePanel .toggle .toggle-close { display: block; width: 10px; height: 2px; margin: auto; background: #63666a } table.air-pricePanel .toggle .toggle-open { display: block; width: 2px; height: 10px; margin: -6px auto; background: #63666a } table.air-pricePanel .opt-child { display: none } table.air-pricePanel .opt-child th { padding-left: 20px; font-weight: 400 } table.air-pricePanel .opt-fuel-tax-summary,table.air-pricePanel .opt-room-summary { display: none } table.air-pricePanel .opt-fuel-tax-summary th,table.air-pricePanel .opt-room-summary th { padding-left: 20px; font-weight: 400 } table.air-pricePanel .opt-fuel-tax.opt-child,table.air-pricePanel .opt-room.opt-child { background: #f7f5f0 } table.air-pricePanel .opt-on-site { color: #f9423a } @media(min-width: 657px) { table.air-pricePanel .sp_br { display:none } } @media(max-width: 657px) { table.air-pricePanel { width:100%; margin: 10px auto; border: none } table.air-pricePanel td,table.air-pricePanel th { display: table-cell; padding: 10px 0; font-size: 12px } table.air-pricePanel .opt-child td,table.air-pricePanel .opt-child th { font-size: 11px } table.air-pricePanel .opt-child th { padding-left: 10px } table.air-pricePanel .opt-child td { padding-right: 10px } table.air-pricePanel .opt-fuel-tax-summary th,table.air-pricePanel .opt-room-summary th { padding-left: 10px } } table.air-pricePanel .air-pricePanelSum span { color: #f9423a; font-weight: 700; font-size: 20px } table.air-pricePanel .before-goto-price { text-decoration: line-through } .airRI-label { background: #63666a; color: #fff; padding: 15px 10px; width: 100%; font-size: 14px; margin: 30px 0 15px } .Bg_f7f5f0 .airRI-label { margin: 0 } .airRI-info { padding: 10px 0; text-align: center; width: 100% } .airRI-info-sub-title { margin-bottom: 15px; padding: 5px; background: #ecf1f8; color: #115da1; border-radius: 50px } .airRI-info dl { text-align: left } .airRI-info dl dd { margin-bottom: 5px; padding: 2px 0 } .airRI-info dl dd span { color: #115da1; font-weight: 700; padding-left: 15px; position: relative; margin: 2px 0; display: inline-block } .airRI-info dl dd span:before { content: ""; width: 6px; height: 6px; background: #115da1; border-radius: 50%; display: inline-block; margin: auto 10px auto 0; position: absolute; left: 0; top: 0; bottom: 0 } .airRI-info .airRI-infoSub { padding: 10px; border: 1px solid #d2d2d2; color: #0021aa } .airTerms dl { padding: 20px; border: 1px solid #d2d2d2; -webkit-overflow-scrolling: touch; overflow: auto; max-height: 200px; font-size: 15px } .airTerms dt { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 10px } .container .caution { font-size: 15px; font-weight: 700; color: #f9423a } .container .caution:before { position: relative; margin-right: 10px; top: 0; left: 0; content: ""; width: 20px; height: 20px; background: url(../img/up_info.d731ac14.svg) no-repeat; vertical-align: middle; display: inline-block; background-size: contain } .container .text { padding-left: 20px; margin-left: 10px; border-left: 1px solid #d2d2d2; font-size: 13px } .container .text li { margin-right: 10px; margin-bottom: 5px; position: relative; padding-left: 16px } .container .text li:before { content: ""; width: 6px; height: 6px; background: #d2d2d2; border-radius: 50%; display: inline-block; margin: auto 10px auto 0; position: absolute; left: 0; top: 0; bottom: 0 } .container .text+.caution { margin-top: 10px } .container .caution+.text { margin-top: 10px } @media(max-width: 657px) { .airRI-info dl dd { font-size:10px } .cardform-inner .fs34 { font-size: 24px!important } .airRI-moreDetail { padding: 2px 4px; font-size: 10px; margin-top: 5px } .airRC-info-btn,.btn.airRI-blank,.btn.airRI-more { padding: 10px 30px 10px 10px; font-size: 14px } .airRC-info-btn:after,.airRI-blank:after { background-size: 15px 15px; width: 15px; height: 15px } .airTerms dl { padding: 10px; width: 100% } .airTerms dt { font-size: 14px } .airTerms dd { font-size: 10px } .container .caution { font-size: 13px } .container .caution:before { width: 15px; height: 15px } .container .text { padding-left: 17.5px; margin-left: 7.5px; font-size: 10px } } .airDI .cardform { border-radius: 0; border: 1px solid #c4c4c4; margin-top: -1px } .airDI-btns { max-width: 450px; margin: 0 auto } .airDI-btns-sub { max-width: 300px; margin-left: auto; margin-right: auto } @media(max-width: 657px) { .airDI .cardform { border-radius:4px; border: 0 } } .airRC-form+.airRC-form { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d2d2d2 } .airRC-form li span { font-size: 13px } .airRC-form li .input-title { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .airRC-form li .input { font-size: 15px; font-weight: 700 } .airRC-info .cardform { border-radius: 0; border: 1px solid #c4c4c4; margin-top: -1px; position: relative } .airRC-info .btn { width: 250px; position: absolute; right: 15px; bottom: 20px } .airRC-payment .cardform { border-radius: 0; border: 1px solid #c4c4c4; margin-top: -1px; position: relative } .airRC-payment .btn { width: 250px; position: absolute; right: 15px; bottom: 14px } .airRC-confirm.btn { display: block; color: #fff; background: #f9423a; padding: 20px 0; max-width: 450px; margin-left: auto; margin-right: auto } @media(max-width: 870px) { .airRC-info .btn,.airRC-payment .btn { position:static } } @media(max-width: 657px) { .airRC-form li span { font-size:10px } .airRC-form li .input { font-size: 12px } .airRC-info .cardform,.airRC-payment .cardform { border-radius: 4px; border: 0 } } ::-webkit-scrollbar-track { border-radius: 30px; background: #eee } ::-webkit-scrollbar-thumb { border-radius: 30px; background: #81d4fa } .errorPage { max-width: 960px; width: 100%; margin: 0 auto; background: #f7f5f0 } .errorPage .btn-bk-red { color: #fff } .errorPage_container { padding: 40px } .errorPage_box { margin-bottom: 30px } .errorPage_boxTabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; border: 2px solid #115da1; margin-bottom: -2px } .errorPage_boxBody { background: #fff } .errorPage_title-wide { background: #115da1; color: #fff; font-size: 19px; font-weight: 700; padding: 21px 0; text-align: center; position: relative } .errorPage_title-wide:after { content: ""; bottom: -9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 50%; position: absolute; background: #3578b7; width: 18px; height: 18px } .errorPage_boxTabs .errorPage_boxTabItem { position: relative; background: #ddedfa; font-size: 16px; font-weight: 700; border-color: #115da1; width: 100%; float: none; margin-bottom: 0 } .errorPage_boxTabs .errorPage_boxTabItem>a { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; border: 0; color: rgba(51,122,183,.56) } .errorPage_boxTabs>.errorPage_boxTabItem.active>a,.errorPage_boxTabs>.errorPage_boxTabItem.active>a:focus,.errorPage_boxTabs>.errorPage_boxTabItem.active>a:hover { background: rgba(0,0,0,0); border: 0; margin: 0 } .errorPage_boxTabs .errorPage_boxTabItem .errorPage_boxTabItem-text>br { display: none } .errorPage_boxTabs .errorPage_boxTabItem img { margin-right: 12px } .errorPage_boxTabs .errorPage_boxTabItem img.is-white { display: none } .errorPage_boxTabs .errorPage_boxTabItem>a:hover,.errorPage_boxTabs .errorPage_boxTabItem a:focus { background: rgba(0,0,0,0) } .errorPage_boxTabs .errorPage_boxTabItem+.errorPage_boxTabItem { border-left: 1px solid #115da1 } .errorPage_boxTabs .errorPage_boxTabItem .errorPage_boxTabItem-text>small { font-size: 14px } .errorPage_boxTabs .errorPage_boxTabItem.active { background: #115da1; color: #fff } .errorPage_boxTabs .errorPage_boxTabItem.active img.is-white { display: block } .errorPage_boxTabs .errorPage_boxTabItem.active img.is-colored { display: none } .errorPage_boxBox-text1 { font-size: 14px } .errorPage_banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 95px 0 } .errorPage_bannerImg { display: block; width: 130px } .errorPage_bannerText { font-size: 24px; text-align: left; margin-left: 42px; line-height: 1.5; font-weight: 700 } .errorPage_bannerText .pc-hidden { display: none } .errorPage_summary .errorPage_boxBody { border-top: 4px solid #115da1; padding: 15px 18px 20px } .errorPage_summaryText1>img { display: inline-block; margin-right: 8px; vertical-align: middle; width: 16px } .errorPage_summaryText1 { font-size: 14px; font-weight: 700; margin: 0 0 13px } .errorPage_summaryText2 { color: #555; font-size: 14px; font-weight: 400; margin: 0 0 9px } .errorPage_summaryText3 { font-size: 17px; font-weight: 700; margin: 0 } .errorPage_airST { border: 2px solid #115da1; padding: 20px 15px 10px } .errorPage_airSTTypeText { font-weight: 700; color: #115da1; font-size: 14px; margin-right: 10px } .errorPage_airSTPrice { display: -webkit-box; display: -ms-flexbox; display: flex; -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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto 13px } .errorPage_airSTLine { margin: 10px 0; border-top: 1px solid #d2d2d2 } .errorPage_airST .airST-flight-content,.errorPage_airSTPrice { max-width: 540px; margin-left: auto; margin-right: auto } .errorPage_airSTPrice-left { font-size: 10px } .errorPage_airSTPrice-right { font-weight: 700; font-size: 14px; margin-right: 16px } .errorPage_airSTPrice-right>strong { color: #f9423a; font-size: 20px; margin-right: 6px } .errorPage_btnMoreDetail { display: block; position: relative; max-width: 320px; width: 100%; margin: 5px auto 20px; border: 1px solid #d2d2d2; border-radius: 4px; text-align: center; font-size: 14px; font-weight: 700; background: #fff } .errorPage_btnMoreDetail-showWhenOpen { display: none } .errorPage_btnMoreDetail-showWhenClose,.errorPage_btnMoreDetail.is-open .errorPage_btnMoreDetail-showWhenOpen { display: inline } .errorPage_btnMoreDetail.is-open .errorPage_btnMoreDetail-showWhenClose { display: none } .errorPage_btnMoreDetail>img { position: absolute; right: 10px; top: calc(50% - 12px) } .errorPage_btnMoreDetail.is-open>img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .errorPage_btnSubmit { display: block; max-width: 360px; width: 100%; padding: 17px 0; font-size: 17px; margin: 20px auto 10px } .errorPage_airSTPriceMoreDetail { font-size: 12px; font-weight: 700; color: #63666a; padding: 5px; border-color: #ddd; background: #fff } @media(max-width: 657px) { .errorPage_container { padding:30px 15px } .errorPage_banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 29px } .errorPage_bannerImg { width: 85px; margin-bottom: 15px } .errorPage_bannerText { font-size: 17px; text-align: center; margin-left: 0 } .errorPage_bannerText .pc-hidden { display: inline } .errorPage_title-wide { padding: 10px 0 } .errorPage_boxTabs .errorPage_boxTabItem { position: relative; background: #ddedfa; color: rgba(51,122,183,.56); font-size: 16px; font-weight: 700; border-color: #115da1; width: 100%; padding-left: 8.5vw } .errorPage_boxTabs .errorPage_boxTabItem>a { display: block; padding: 10px 0 10px } .errorPage_boxTabs .errorPage_boxTabItem .errorPage_boxTabItem-text>br { display: inline } .errorPage_boxTabs .errorPage_boxTabItem img { position: absolute; left: 2vw; top: calc(50% - 8px) } } .formControl[type=radio] { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-block; outline: 0; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background: #fff; border: 3px solid #d2d2d2; border-radius: 50% } .formControl[type=radio]:checked { background: url(../img/ic_radio_checked.f0d46b16.svg); border: 0; outline: 0 } .tourHotel_tripType { border-radius: 3px; overflow: hidden; margin: 15px 0 } .tourHotel_tripType>label { display: block; width: 100%; padding: 16px 0; text-align: center; font-size: 14px; border: 1px solid #d2d2d2; margin-right: -1px } .tourHotel_tripType>label:last-child { margin-right: 0 } .tourHotel_tripType input[type=radio]:checked+label { background: #115da1; color: #fff } .tourHotel_tripType input[type=radio] { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: block; width: 0; height: 0; position: absolute; z-index: -1 } .tourHotel_box { background: #fff; border-radius: 6px; padding: 10px 15px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .tourHotel_button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #d2d2d2!important; background: #fff; padding: 0 15px; height: 50px; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1) } .tourHotel_button[disabled] { background: #f7f5f0; opacity: 1 } .tourHotel_button[disabled] .tourHotel_buttonLabel>* { color: #ada8a2 } .tourHotel_buttonGroup { margin-top: 10px } .tourHotel_buttonGroup .formControl[type=checkbox] { margin-right: 8px } .tourHotel_buttonGroup.flex-row>*+* { margin-left: 10px } .tourHotel_buttonGroup-transparentFormControl { position: relative } .tourHotel_buttonGroup-transparentFormControl .form-control { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 } .tourHotel_button>img { margin-right: 8px } .tourHotel_buttonLabel>*,.tourHotel_buttonLabel>small { display: block } .tourHotel_buttonLabel>* { font-size: 14px; color: #333; margin: 0; line-height: 1; text-align: left } .tourHotel_buttonLabel>small { font-size: 10px; color: #999; margin-bottom: 8px } .tourHotel_button-red { display: block; margin-top: 17px; text-align: center; background: #f9423a; padding: 16px 0; color: #fff; width: 100%; font-weight: 700; font-size: 17px; position: relative; height: 50px; line-height: 1 } .tourHotel_button-red>img { position: absolute; top: 26%; left: 18px } @media(max-width: 657px) { .modal.modal-sp-fullscreen { background-color:#fff } .modal.modal-sp-fullscreen .modal-dialog { margin: 0 auto; max-width: unset } .modal.modal-sp-fullscreen .modal-content { border-radius: 0; border: 0; min-height: 100vh } } .tourHotelPlaceModal .modal-dialog { max-width: 380px } .tourHotelPlaceModal_topbar { width: 100%; height: 52px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1607843137); box-shadow: 0 1px 4px rgba(0,0,0,.1607843137) } .tourHotelPlaceModal_close { background: rgba(0,0,0,0) } .tourHotelPlaceModal_title { font-weight: 700; font-size: 21px; text-align: left } .tourHotelPlaceModal_title>img { vertical-align: sub; margin-left: 10px } .tourHotelPlaceModal_container { margin: 23px 10px } .tourHotelPlaceModal_search { position: relative; width: 100% } .tourHotelPlaceModal_search>img { position: absolute; left: 12px; top: 25% } .tourHotelPlaceModal_searchLabel { position: absolute; left: 55px; top: 8px; font-size: 10px; color: #999 } .tourHotelPlaceModal_group+.tourHotelPlaceModal_group { margin-top: 20px } .tourHotelPlaceModal_subTitle { color: #999; font-size: 14px; font-weight: 700; line-height: 1; margin: 0 0 10px } .tourHotelPlaceModal_subTitle-center { text-align: center } .tourHotelPlaceModal_close { color: #333; font-size: 14px; font-weight: 700 } .tourHotelPlaceModal_close:focus { text-decoration: none } .tourHotelPlaceModal_close>img { vertical-align: middle } .tourHotelPlaceModal_tablist { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2 } .tourHotelPlaceModal_tablist>li { width: 50%; font-size: 14px; text-align: center; font-weight: 700 } .tourHotelPlaceModal_tablist>li>a { position: relative; color: #999; border-radius: 0 } .tourHotelPlaceModal_tablist>li.active>a:focus,.tourHotelPlaceModal_tablist>li.active>a:hover { opacity: 1 } .tourHotelPlaceModal_tablist>li.active>a:after { content: ""; position: absolute; bottom: -9px; left: calc(50% - 10px); width: 0; height: 0; border-left: 10px solid rgba(0,0,0,0); border-right: 10px solid rgba(0,0,0,0); border-top: 10px solid #f9423a } .tourHotelPlaceModal_radioList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px } .tourHotelPlaceModal_radioList>li { position: relative; border: 1px solid #d2d2d2; border-radius: 6px; padding: 15px 6px 15px 25px; -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); margin: 0 8px 9px; font-size: 14px; font-weight: 400; text-align: center; 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 } .tourHotelPlaceModal_radioList>li:after { content: ""; display: block; width: 14px; height: 14px; background-image: url(../img/ic_radio.404b771c.svg); background-size: contain; background-repeat: no-repeat; position: absolute; left: 11px; top: 35% } .tourHotelPlaceModal_radioList>li.is-selected:after { background-image: url(../img/ic_radio_checked.f0d46b16.svg) } .tourHotelPlaceModal_prevBtn { display: block; position: absolute; height: 30px; width: 30px; line-height: 30px; text-align: center; margin-top: -5px } .tourHotelPlaceModal_prevBtn .arrow { padding-left: 10px } .tourHotelPlaceModal_prevBtn .arrow:after { border-right: 2px solid #737373; border-top: 2px solid #737373; height: 8px; left: 3px; width: 8px; -webkit-transform: rotate(224deg); -ms-transform: rotate(224deg); transform: rotate(224deg) } .tourHotelDeparetureDateModal .modal-dialog { max-width: 750px } .tourHotelPeopleModal .modal-dialog { max-width: 380px } .tourHotelDepartureDate_datePicker { margin-top: 5px } .tourHotelDepartureDate_datePicker .tourHotelDepartureDate_toolbar { position: sticky; position: -webkit-sticky; bottom: 0; background: #fff; left: 0; right: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; border-top: 1px solid #d2d2d2; z-index: 5000 } .tourHotelDepartureDate_toolbar .tourHotel_button+.tourHotel_button { margin-left: 10px } .tourHotelDepartureDate_toolbar .tourHotel_button-red { margin-top: 8px; padding: 14px 0 } .tourHotelPeople-adl,.tourHotelPeople-bby,.tourHotelPeople-chr { width: 92%; padding-top: 28px; padding-bottom: 18px; margin-left: 4% } .tourHotelPeople-bby,.tourHotelPeople-chr { padding-top: 37px } .tourHotelPeople-chr { border-top: 1px solid rgba(0,0,0,.1607843137) } .tourHotelPeople-gen { margin-right: 36% } .tourHotelPeople-psn { text-align: left; font-weight: 700; font-size: 17px; letter-spacing: .17px; color: #333; margin-bottom: 10px } .tourHotelPeople-age { text-align: left; font-size: 14px; letter-spacing: .14px; color: #707070 } .tourHotelPeople-count { margin-left: auto } .tourHotelPeople-dec { width: 32px; height: 32px; border: 1px solid #f9423a; font-size: 17px; letter-spacing: .17px; color: #f9423a; padding: 5px 10px 8px 7px } .tourHotelPeople-num { width: 16px; height: 27px; text-align: center; font-size: 27px; letter-spacing: .27px; color: #333; margin-left: 34px; margin-right: 27px; margin-top: 5px } .tourHotelPeople-inc { width: 32px; height: 32px; background: #f9423a; font-size: 17px; letter-spacing: .17px; color: #fff; padding: 5px 7px 10px 8px } .tourHotelPeople-info { width: 92%; text-align: left; letter-spacing: .12px; color: #333; margin: 32px 0 20px; padding-left: 4% } .tourHotelPeople-confirm { width: 100%; padding: 10px 15px; border: solid #d2d2d2; border-width: 1px 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box } .tourHotelPeople-confirm .tourHotel_button-red { margin: 0 } @media(max-width: 657px) { .tourHotelPeople-confirm { bottom:0; left: 0; position: fixed } } .tourHotel_multipleTrip .tourHotel_buttonGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButton { display: block; font-size: 14px; color: #707070; width: 100%; background: rgba(0,0,0,0) } .tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton { padding: 10px 0 } .tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton>img { width: 18px } @media(max-width: 657px) { .tourHotel_multipleTrip .tourHotel_buttonGroup { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tourHotel_multipleTrip .tourHotel_buttonGroup+.tourHotel_buttonGroup { border-top: 1px solid #ddd; padding-top: 8px; margin-top: 8px } .tourHotel_multipleTrip .tourHotel_multipleTrip_innerButtonGroup { margin-top: 10px; margin-top: 8px } .tourHotel_multipleTrip { background: #f7f5f0; padding: 1px 10px 10px; margin-bottom: 15px } } .tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButton>img { display: inline-block; vertical-align: middle } .tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButtonWrapper { -webkit-box-flex: 1; -ms-flex: auto 0 0px; flex: auto 0 0; margin: 0; width: 90px } .tourHotel_multipleTrip .tourHotel_buttonGroup>.tourHotel_button:first-child { max-width: 330px; margin-right: 10px } .tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton { background-color: rgba(51,122,183,.8); font-size: 14px; max-width: 540px; width: 100%; color: #fff; font-weight: 700; text-align: center; padding: 12px 0; margin-top: 10px } .tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton>img { margin-right: 14px } @media(max-width: 657px) { .tourHotel_multipleTrip .tourHotel_buttonGroup { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .loadingDisc { text-align: center; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background: hsla(0,0%,100%,.9) } .loadingDisc>.d-flex { height: 100% } .loadingDisc-relative { position: relative } .loadingDisc-wrapper { margin-bottom: 11px } .loadingDisc-disc { display: block; width: 14px; height: 14px; background: rgba(249,66,58,.4); border-radius: 50%; position: relative } .loadingDisc-disc:first-child:after { content: ""; position: absolute; background: #f9423a; height: 100%; width: 100%; border-radius: 50%; left: 0; top: 0; -webkit-animation: loadingDisc-move 1s infinite; animation: loadingDisc-move 1s infinite; -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1) } .loadingDisc-disc+.loadingDisc-disc { margin-left: 4px } .loadingDisc-text { color: #f9423a; font-size: 14px; font-weight: 700 } @-webkit-keyframes loadingDisc-move { 0% { left: 0 } 33% { left: 18px } 66% { left: 66px } to { left: 0 } } @keyframes loadingDisc-move { 0% { left: 0 } 33% { left: 18px } 66% { left: 36px } to { left: 0 } } .alternative-pc-list-box { position: absolute; width: 100%; background-color: #fff; border-radius: 5px; z-index: 9; color: #333; font-size: 14px; border: 1px solid #ddd; overflow-y: auto; height: 250px } .alternative-pc-list-box a { background-color: #fff; display: block; padding: 9px 15px 4px 15px } .alternative-pc-list-box a:hover { background-color: #efefef; text-decoration: none } .alternative-pc-list-box a:link { text-decoration: none } .alternative-pc-list-box a span:first-child { font-weight: 700 } .alternative-pc-list-box a span:last-child { display: block; font-size: 12px; color: #999; padding-top: 3px } .tourRI_cardform .cardform-body { padding: 30px } .tourRI_cardform .tourRI_text.tourRI_text-strong { font-weight: 700 } .tourRI_cardform .tourRI_text { font-size: 14px; font-weight: 400; margin: 0 0 20px } .tourRI_cardform .tourRI_flightInfo { font-size: 14px; font-weight: 700; margin: 0 0 5px } .tourRI_cardform .tourRI_flightArrowImg { width: 18px; height: auto; padding: 0 10px; -webkit-box-sizing: content-box; box-sizing: content-box } .tourRI_cardform .tourRI_price { padding-right: 60px; text-align: right; line-height: 1.4 } .tourRI_cardform .tourRI_price>strong { font-size: 14px } .tourRI_cardform .tourRI_price .default-Price_block>:first-child { margin-right: 10px } .tourRI_cardform .tourRI_price .goto-Price_block>:first-child { margin-right: 10px } .tourRI_cardform .tourRI_price strong .tourRI_price-red { color: #f9423a; font-size: 20px } .tourRI_cardform_relative { position: relative } .tourRI_cardform_group+.tourRI_cardform_group { border-top: 1px solid #d2d2d2; padding-top: 15px; margin-top: 20px } .tourRI_moreDetail { position: absolute } .tourRI_couponApply,.tourRI_moreDetail { display: block; right: 0; bottom: 0; font-weight: 700; font-size: 12px; color: #63666a; border: 1px solid #ddd; background: rgba(0,0,0,0); border-radius: 4px } .tourRI_couponApply { width: 100% } @media(max-width: 657px) { .tourRI_cardform .tourRI_flightArrowImg { padding:0; margin: 10px 0; -ms-transform: 45%; transform: 45%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .tourRI_cardform .tourRI_flightInfo { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; -webkit-box-align: baseline!important; -ms-flex-align: baseline!important; align-items: baseline!important; font-size: 15px; margin: 0 0 10px } .tourRI_cardform .tourRI_text { font-size: 13px; margin: 0; padding-bottom: 45px } .tourRI_cardform .tourRI_price { padding: 0 0 45px; text-align: left } .tourRI_cardform .cardform-body { padding: 15px } .tourRI_moreDetail { width: 100% } .tourRI_cardform_group .fs20 { font-size: 15px!important } } table.tourRI_normalTable { border: 0; display: table } table.tourRI_normalTable tr>td,table.tourRI_normalTable tr>th { border: 0; display: table-cell; text-align: left; vertical-align: top } table.tourRI_normalTable tr>td:first-child { padding-left: 0 } table.tourRI_normalTable .tourRI_blueText { font-size: 13px; font-weight: 700; line-height: 1.75; color: #115da1 } .tourRI_label,table.tourRI_normalTable .tourRI_label { white-space: nowrap; font-weight: 700 } #airDetail_RES_GOING_SEGMENTPanel { line-height: 1.8 } #airDetail_RES_GOING_SEGMENTPanel~#airDetail_RES_GOING_SEGMENTPanel { margin-top: 20px } .tourRI_flightStep { padding-right: 30px } .tourRI_flightStep .tourRI_label { border-bottom: 1px solid #d2d2d2; padding-bottom: 5px } .tourRI_flightRoot .tourRI_flightDetails { position: relative } .tourRI_flightDetails~.tourRI_flightDetails { padding-top: 30px } .tourRI_flightRoot .tourRI_flightDetails:after { display: block; content: ""; position: absolute; bottom: -30px; border: 10px solid rgba(0,0,0,0); border-top: 10px solid #f9423a } .tourRI_flightRoot .tourRI_flightDetails:last-child:after { display: none } .tourRI_detailWrap { display: -webkit-box; display: -ms-flexbox; display: flex } @media(max-width: 657px) { .tourRI_flightStep { padding-right:20px } .tourRI_detailWrap { -ms-flex-wrap: wrap; flex-wrap: wrap } #airDetail_RES_GOING_SEGMENTPanel { line-height: 1.3 } .js-tourRI-flight,.js-tourRI-hotel { margin-top: 20px } table.tourRI_normalTable tr>td:first-child { padding: 0; padding-right: 20px } table.tourRI_normalTable tr>td:first-child span { border-bottom: 1px solid #d2d2d2; padding-bottom: 5px } } .tourRI_detailText { font-size: 13px; font-weight: 700 } @media(min-width: 658px) { table.tourRI_normalTable tr>td,table.tourRI_normalTable tr>th { padding-top:7px; padding-bottom: 7px } .tourRI_label,table.tourRI_normalTable .tourRI_label { font-size: 13px; font-weight: 700 } } .tourRI_flightDetails_caution { margin-top: 5px; padding: 5px; font-weight: 700; color: #f9423a; border: 1px solid #f9423a } .tourRI_flightDetails_caution.air-landing { margin: 0 10px } .alert-danger-btn { display: inline-block; width: 100%; padding: 10px 15px; text-align: left; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-color: #fff; border: none; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px } .alert-danger-btn.reservation { background-color: #ffd1cf } .alert.bar_title { padding: 0 } .alert-danger-btn h5 { position: relative; display: inline-block; padding: 0 30px 0 0 } .alert-danger-btn h5:after { content: ""; position: absolute; right: 5px; font-size: 15px; border-right: 2px solid #f9423a; border-top: 2px solid #f9423a; height: 8px; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); width: 8px; margin: auto; top: 0; bottom: 0 } .alert-danger-btn.show h5:after { top: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } @media(min-width: 768px) { .pdt0-add01 { padding:0 40px!important } .bar_title .alert-danger-btn.show h5.font-size01:after { top: 15% } .bar_title h5.font-size01 { font-size: 20px } } @media(max-width: 767px) { .bar_title h5.font-size01 { font-size:17px } } .alert-guidance-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px 15px; position: relative; text-align: left; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; color: #f9423a; background-color: #fff; border: none; border-radius: 4px; border: 1px solid } .alert-guidance-btn h5 { margin-right: 40px } .alert-guidance-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .alert-guidance-btn.reservation { background-color: #ffd1cf } @media(max-width: 657px) { .alert-guidance-details { font-size:0 } .alert-guidance-details:before { font-size: 12px; content: "" } .alert-guidance-details i { position: absolute; top: 33%; right: 10px; left: auto; color: #f9423a; top: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .alert-guidance-btn h5 { margin-right: 0 } } @media(min-width: 658px) { .alert-guidance-btn .sp_br,.modal-content .sp_br { display:none } } .airRC-tourHotel-blueText { font-size: 13px; font-weight: 700; line-height: 1.75; color: #115da1 } .airRC-tourHotel-label { font-size: 13px; font-weight: 700; border-bottom: 1px solid #d2d2d2; padding-bottom: 5px } .airRC-tourHotel-hr { margin: 10px 0; border-top: none } table.airRC-tourHotel-normalTable { border: 0; display: table; margin-top: 10px } table.airRC-tourHotel-normalTable tr>td,table.airRC-tourHotel-normalTable tr>th { border: 0; display: table-cell; text-align: left; vertical-align: top } table.airRC-tourHotel-normalTable tr>td:first-child { padding-right: 30px; height: 35px } .airRC-tourHotel-m20 { display: block; margin-top: 20px } .airRC-tourHotel-sphidden { display: none } .airRC-requestText { font-weight: 400; color: #115da1; font-size: 12px; line-height: 1.7 } .container table.notice-hotel td,.container table.notice-hotel th { display: table-cell } .container table.notice-hotel td.hotel-name { text-align: left } .container table.notice-hotel td.hotel-name br.sp { display: inline } @media(min-width: 658px) { table.airRC-tourHotel-normalTable tr>td,table.airRC-tourHotel-normalTable tr>th { padding:0 } .airRC-requestText { font-size: 15px } .container table.notice-hotel td.hotel-name br.sp { display: none } } @media(max-width: 657px) { table.airRC-tourHotel-normalTable tr>td,table.airRC-tourHotel-normalTable tr>th { padding:0; min-width: 70px } } .airST_selectHotelModal .modal-dialog { max-width: 840px } .airST_selectHotelModal_condition-title { height: 54px; padding-left: 4.5333333333%; font-size: 21px; line-height: 54px; font-weight: 700; letter-spacing: .21px; border-bottom: 1px solid rgba(0,0,0,.1607843137); background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .airST_selectHotelModal_condition-title button { height: 54px; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0) } .airST_selectHotelModal_condition-choice { padding: 14px 4% 17.84px; background: #f7f7f7 } .airST_selectHotelModal_result-condition { background: #fff; height: 94px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); box-shadow: 0 3px 6px rgba(0,0,0,.1607843137); border: 2px solid #f9423a; border-radius: 4px; padding: 14px 0 17px 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } .airST_selectHotelModal_result-checkin { margin-right: 13% } .airST_selectHotelModal_result-people { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST_selectHotelModal_result-checkin h4,.airST_selectHotelModal_result-checkout h4,.airST_selectHotelModal_result-people h4 { font-size: 10px; letter-spacing: .1px; margin: 0 } .airST_selectHotelModal_result-checkin h4,.airST_selectHotelModal_result-checkout h4 { margin-bottom: 8px } .airST_selectHotelModal_result-checkin-date,.airST_selectHotelModal_result-checkout-date,.airST_selectHotelModal_result-people-cnt { font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: .14px } .airST_selectHotelModal_result-people-cnt { margin-left: 5% } .airST_selectHotelModal_date { margin-top: 25px; margin-bottom: 15px } .airST_selectHotelModal_checkin,.airST_selectHotelModal_checkout { position: relative; background: #fff } .airST_selectHotelModal_checkin span,.airST_selectHotelModal_checkout span { position: absolute; top: 8px; left: 7.4666666667%; left: 24px; font-size: 10px; letter-spacing: 0; color: #999 } .airST_selectHotelModal_checkin { margin-bottom: 11px } .airST_selectHotelModal_checkin input[type=text],.airST_selectHotelModal_checkout input[type=text] { position: relative; padding-left: 24px; padding-top: 14px; font: 14px Arial } .airST_selectHotelModal_date input[type=date] { position: relative; padding-left: 24px; padding-top: 14px; font: 14px Arial } .airST_selectHotelModal_date input[type=date]::-webkit-calendar-picker-indicator { position: absolute; width: 100%; height: 100%; opacity: 0 } .airST_selectHotelModal_date input[type=date]::-webkit-clear-button,.airST_selectHotelModal_date input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; display: none } .airST_selectHotelModal_date input[type=date]::-webkit-datetime-edit-year-field { font-size: 3px } .airST_selectHotelModal_date input { border: 1px solid #b4b4b4; border-radius: 4px; width: 100%; height: 50px; background: #fff url(/overseas/common/images/ic_calendar.svg) no-repeat; background-position: right 14px top 12px } .airST_selectHotelModal_people-num label,.airST_selectHotelModal_room-count label { display: block } .airST_selectHotelModal_room-count label { font-size: 17px; font-weight: 700; letter-spacing: .17px } .airST_selectHotelModal_people-num select,.airST_selectHotelModal_room-count select { border: 1px solid #b4b4b4; border-radius: 4px; width: 100%; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 20px; background: #fff url(/overseas/common/images/ic_dropdown.svg) no-repeat; background-position: right 21.6px top 50% } .airST_selectHotelModal_people-count-title { font-size: 17px; font-weight: 700; letter-spacing: .17px; margin: 20px 0 15px } .airST_selectHotelModal_room-num { font-size: 14px; font-weight: 700; letter-spacing: .14px; margin: 10px 0 } .airST_selectHotelModal_people-num { margin-bottom: 8px } .airST_selectHotelModal_people-num.airST_selectHotelModal_children-num { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px -10px 18px } .airST_selectHotelModal_people-num.airST_selectHotelModal_children-num .airST_selectHotelModal_people-group { max-width: 120px; -webkit-box-flex: calc(33% - 20px); -ms-flex: calc(33% - 20px) 0 0px; flex: calc(33% - 20px) 0 0 } .airST_selectHotelModal_people-num.airST_selectHotelModal_children-num .airST_selectHotelModal_people-group,.airST_selectHotelModal_people-num.airST_selectHotelModal_children-num .airST_selectHotelModal_people-group+.airST_selectHotelModal_people-group { margin: 10px } .airST_selectHotelModal label { margin-bottom: 5px } .airST_selectHotelModal_people-group>label { font-weight: 700; font-size: 13px } .airST_selectHotelModal_people-group>label>small { font-size: 10px; font-weight: 400 } .airST_selectHotelModal_people-group { max-width: 160px; width: 100% } .airST_selectHotelModal_people-group+.airST_selectHotelModal_people-group { margin-left: 20px } .airST_selectHotelModal_hotelNameOpt>label>small { display: inline-block; width: 40px; height: 20px; margin-left: 4px; font-size: 10px; line-height: 20px; background: #ddd; border-radius: 4px; text-align: center } .airST_selectHotelModal_room { margin-bottom: 28px } .airST_selectHotelModal_hotelNameOpt>input { width: 100%; height: 50px; padding-left: 24px; background: #fff; border: 1px solid #b4b4b4; border-radius: 4px; font-size: 14px } .airST_selectHotelModal_seach-hotel { height: 48px; width: 100%; margin-top: 19px; color: #fff; background: #f5423b; border-radius: 4px; font-size: 17px; font-weight: 700; letter-spacing: .17px } .airST_selectHotelModal_notes { margin-top: 46px; font-size: 12px; line-height: 26px; letter-spacing: .12px; color: #333 } @media(min-width: 658px) { .airST_selectHotelModal_date { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .airST_selectHotelModal_date>* { width: 100%; margin-bottom: 0 } .airST_selectHotelModal_date>*+* { margin-left: 35px } .airST_selectHotelModal_result-condition { height: 68px } .airST_selectHotelModal_result-condition h4 { margin-bottom: 8px } .airST_selectHotelModal_result-checkin { margin-right: 20px } .airST_selectHotelModal_result-people { margin-left: 34px; display: block; -ms-flex-preferred-size: auto; flex-basis: auto } .airST_selectHotelModal_result-people-cnt { margin-left: 0 } .airST_selectHotelModal_seach-hotel { display: block; width: 327px; margin-left: auto; margin-right: auto } } @media(max-width: 657px) { .sp_bg_white { background:#fff } .sp_bg_white .alert-guidance-btn { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2 } } @media(min-width: 657px) { .airSelect_temp01 .btn-blue-outline.airasia { bottom:58px } } .alert-guidance-btn.reservation.select-ticket { padding: 5px 10px } .alert-guidance-btn.top { color: #f9423a; background-color: #fff; border-left: 3px solid #f9423a } @media(min-width: 657px) { .airSelect_temp01 .airST-flight-content .airST-flight-schedule.code { -webkit-box-align:center; -ms-flex-align: center; align-items: center } .airSelect_temp01 .airST-flight-content .airST-flight-schedule .airST-flight-value { width: auto; margin-right: 10px } } .airST-flight-Supplement { font-size: 12px; padding-left: 30px } @media(max-width: 657px) { .airST-flight-Supplement { font-size:10px; padding-left: 0; margin-top: 10px } } .airST-codeshare { display: inline-block; position: relative; margin-right: 5px; padding: 5px; padding-right: 17px; font-weight: 700; color: #115da1!important; background-color: #ecf1f8; border: 1px solid #ccc } @media(max-width: 357px) { .airST-codeshare { margin-bottom:5px } } .airST-codeshare:before { display: inline-block; content: ""; position: absolute; top: 0; right: 5px; font-family: FontAwesome; font-size: 10px; font-weight: 400; color: #115da1 } .airST-codeshare:hover { text-decoration: none; opacity: .7 } .airST-checkedBaggage { position: relative; display: inline-block; padding: 5px 30px 5px 10px; font-weight: 700; color: #fff; background-color: #00bfa5; cursor: pointer; border-radius: 100px } .airST-checkedBaggage:before { display: inline-block; content: ""; position: absolute; top: 0; right: 10px; font-family: FontAwesome; font-size: 15px } .airST-checkedBaggage .airST-checkedBaggage-speechBubble { width: 200%; position: absolute; z-index: 1; top: 60px; left: 0; color: #333; background-color: #fff; border-radius: 6px; -webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)); filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)); visibility: hidden; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } @media(max-width: 656px) { .airST-checkedBaggage .airST-checkedBaggage-speechBubble { top:40px; left: -25% } } .airST-checkedBaggage .airST-checkedBaggage-speechBubble h5 { padding: 15px 10px; font-size: 13px; background-color: #d2d2d2; border-radius: 6px 6px 0 0 } .airST-checkedBaggage .airST-checkedBaggage-speechBubble h5:after { position: absolute; bottom: 100%; left: 50%; margin-left: -15px; content: ""; border: 15px solid rgba(0,0,0,0); border-bottom-color: #d2d2d2; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5) } .airST-checkedBaggage .airST-checkedBaggage-speechBubble table { width: 100%; font-size: 12px; font-weight: 500; border: none } .airST-checkedBaggage .airST-checkedBaggage-speechBubble p,.airST-checkedBaggage .airST-checkedBaggage-speechBubble tr { border: 1px solid #d2d2d2; border-top: none } .airST-checkedBaggage .airST-checkedBaggage-speechBubble td,.airST-checkedBaggage .airST-checkedBaggage-speechBubble th { display: table-cell; padding: 10px; text-align: left; border: none } .airST-checkedBaggage .airST-checkedBaggage-speechBubble th { font-size: 13px; font-weight: 700; width: 60px } .airST-checkedBaggage .airST-checkedBaggage-speechBubble td span { font-weight: 700; color: #f9423a } .airST-checkedBaggage .airST-checkedBaggage-speechBubble p { padding: 10px; font-weight: 500; border-radius: 0 0 6px 6px } .airST-checkedBaggage:hover .airST-checkedBaggage-speechBubble { visibility: visible; opacity: 1 } .airSelect_temp01 .airST-flight-content .airST-flight-schedule.details { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: start } @media(max-width: 656px) { .airST-item-btns.airasia { padding:0 10px; margin: 0 0 10px } } .alert-guidance { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f9423a } .alert-guidance .air-landing { padding: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media(max-width: 657px) { .container .terms-flights,.container .terms-hotels { border:none } } .container .terms-flights th,.container .terms-hotels th { background-color: #f5f5f5; border: 1px solid #d2d2d2 } @media(min-width: 658px) { .container .terms-flights th,.container .terms-hotels th { width:40% } } @media(max-width: 657px) { .container .terms-flights th,.container .terms-hotels th { padding:10px 5px; border-bottom: none } } .container .terms-flights td,.container .terms-hotels td { text-align: left; background-color: #fff; border: 1px solid #d2d2d2 } @media(max-width: 657px) { .container .terms-flights td,.container .terms-hotels td { padding:10px 5px; border-bottom: none } .container .terms-flights tr:last-child td:last-child,.container .terms-hotels tr:last-child td:last-child { border-bottom: 1px solid #d2d2d2 } } .container .terms-hotels thead th { border: none; background-color: rgba(0,0,0,0) } @media(min-width: 658px) { .container .terms-hotels thead th { width:100% } } .btn-bk-blue { background-color: #4183c4; color: #fff } .btn-bk-gray { background-color: #63666a; color: #fff } button.set-discount:before { content: "セット割でお得！"; font-size: 10px; font-weight: 700; background-color: gold; vertical-align: middle; color: #000; position: absolute; left: 10px; top: 7px; border-width: 0; border-style: solid; border-color: initial; -o-border-image: initial; border-image: initial; padding: 3px } .airSelect_temp01 .airST-item-btns button:after { content: ""; position: absolute; margin: auto; top: 0; bottom: 0; height: 8px; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 8px; right: 10px; border-right: 3px solid #fff; border-top: 3px solid #fff } .airRI-more.filter-facility { margin: 5px 0; padding: 5px; font-size: 15px; text-align: center; color: #115da1; background-color: #ecf1f8; border-radius: 50px } .pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .paging_list li:not(.pager_location) { display: inline-block; cursor: pointer; background-color: #fff; border: 1px solid #c4c4c4; border-radius: 5px } .pager_after li,.pager_before li { width: 45px; height: 35px; padding: 2px 15px; font-size: 22px } .pager_after li:last-child,.pager_before li:last-child { margin-left: 5px } .pager_after li.noLink,.pager_before li.noLink { cursor: default; background-color: #f7f5f0 } @media(min-width: 658px) { .pager_list_pc { margin:0 10px; display: -webkit-box; display: -ms-flexbox; display: flex } .pager_list_pc li { width: 35px; height: 35px; padding: 11px } .pager_list_pc li+li { margin-left: 5px } .pager_list_pc li.active { cursor: default; background-color: #e7e7e7; border: none } .pager_list_sp { display: none } } @media(max-width: 657px) { .pager { width:92%; margin: 15px auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .pager_list_pc { display: none } .pager_list_sp { margin: auto; font-size: 14px } } .info_caution { content: ""; background: url(../img/up_info.d731ac14.svg) no-repeat; width: 20px; height: 20px; vertical-align: middle; display: inline-block; margin-right: 10px } @media(max-width: 657px) { .info_caution { width:15px; height: 15px } } .alert-danger { background-color: #fff; color: #f9423a; border: 1px solid; padding: 0; margin: 0 } .alert+.alert { margin-top: 10px } .alert-inner { padding: 15px 15px 30px; line-height: 1.5; font-size: 13px } .label { border-radius: 100px } .airST-cover.border { border: 1px solid #115da1; background-color: #fff; margin-bottom: 10px; position: relative; display: block } .airST-cover.border .airST-cover-box { font-weight: 700; color: #333 } .airST-cover.border .btn { background-color: #115da1; color: #fff; font-weight: 700 } .airST-cover.border .btn:after { background-color: #115da1; color: #fff; background: url(../img/pen_white.19011fbb.svg) } .airST-cover.border .btn1 { background-color: #115da1; color: #fff; font-weight: 700 } @media(max-width: 657px) { .airST-cover.border { margin-right:15px; margin-left: 15px } .airST-cover.border .btn:after { background-size: 15px 15px } } .step_list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0 15px } .step_list.m-style { margin: 10px -15px 15px } .step_list li { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 20%; background: #f7f5f0; padding: 9px 0 8px 17px; font-size: 14px; text-align: center } .step_list li.w25 { width: 25% } .step_list li+li { margin-left: 3px } .step_list li:last-child { padding-right: 20px } .step_list li:after,.step_list li:before { content: ""; display: inline-block; position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 15px } .step_list li:before { left: 0; z-index: 1; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff } .step_list li:after { right: -15px; z-index: 2; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f7f5f0 } .step_list li:first-child:before { display: none } .step_list li:last-child:after { display: none } .step_list li[aria-current=step] { background-color: #f9423a; color: #fff; font-weight: 700 } .step_list li[aria-current=step]:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f9423a } @media(max-width: 657px) { .step_list { margin-right:0; margin-left: 0 } .step_list li { padding: 6px 6px 4px 11px; line-height: 1.1; font-size: 11px; font-weight: 700 } .step_list li:first-child { padding-left: 5px; padding-right: 0 } .step_list li:last-child { padding-right: 5px } .step_list li:after,.step_list li:before { border-width: 17px 0 17px 6px } .step_list li:after { right: -6px } } .airST-cover .airST-cover-box+.airST-cover-box { margin-top: 10px } .airST-cover-detail { width: auto; position: absolute; z-index: 2; top: calc(100% + 20px); color: #333; background-color: #fff; border-radius: 6px; -webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)); filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2)); visibility: hidden; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } @media(max-width: 657px) { .airST-cover-detail { width:95% } } .airST-cover-detail h5 { padding: 15px 10px; font-size: 13px; background-color: #dedfdf; border-radius: 6px 6px 0 0 } .airST-cover-detail p { padding: 10px; font-weight: 500 } .airST-cover-detail h5:after { position: absolute; bottom: 100%; left: 50%; margin-left: -15px; content: ""; border: 15px solid rgba(0,0,0,0); border-bottom-color: #dedfdf; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5) } .airST-cover:hover .airST-cover-detail { visibility: visible; opacity: 1 } .d-flex.inner-flex { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .d-flex.inner-flex .hotelFixBar_title { max-width: 200px; width: 34%; padding-top: 4.5px; padding-right: 3.7333333333%; text-align: right; font-weight: 700; font-size: 14px } @media screen and (min-width: 657px) { .d-flex.inner-flex .hotelFixBar_title { font-size:18px } } #pagetop { overflow: hidden; position: fixed; right: 20px; bottom: 20px; text-indent: 100%; white-space: nowrap; font-size: 0; z-index: 10000; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 0) } #pagetop,#pagetop a { width: 60px; height: 60px } #pagetop a { background-color: rgba(88,88,88,.8); display: block } #pagetop a:hover { background-color: #999 } #pagetop a:after { border-left: 2px solid #fff; border-top: 2px solid #fff; border-radius: 0; content: ""; width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -12px; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transition: .2s; transition: .2s } #pagetop a:hover:after { top: 42% } @media(max-width: 640px) { #pagetop { display:none } } @media screen and (max-width: 657px) { .container { padding-left:15px; padding-right: 15px } } .airST-conditional_pc.renew,.airST-conditional_sp.renew { -ms-flex-item-align: start; align-self: flex-start; padding: 15px 25px 0 0 } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-card,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-card { padding: 10px 0 } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-card:last-of-type,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-card:last-of-type { padding-bottom: 0; border: 0 } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search-title,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search-title { font-size: 16px } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search-detail,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search-detail { font-size: 13px; color: #666 } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title { margin: 0; font-size: 13px } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button { display: block; width: 100%; position: relative; background-color: #fff; border: none; padding: 0; text-align: left } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button:after,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button:after { content: ""; position: absolute; margin: auto; right: 2px; top: -2px; bottom: 0; border-right: 2px solid #707070; border-top: 2px solid #707070; height: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 8px } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button.show,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button.show { margin-bottom: 10px } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button.show:after,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button.show:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search-parts-input,.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search-parts-input { border: 1px solid #ccc; padding: 6px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .airST-conditional_pc.renew .airST-conditional-card label,.airST-conditional_sp.renew .airST-conditional-card label { font-size: 13px; padding: 7px 0 7px 30px } .airST-conditional_pc.renew .form-control,.airST-conditional_sp.renew .form-control { font-size: 13px; border-radius: 0 } .airST-conditional_pc.renew .airST-conditional-card input[type=checkbox]+label:before,.airST-conditional_sp.renew .airST-conditional-card input[type=checkbox]+label:before { background: url(../img/check_renew_off.1c5f36f3.svg); top: 50%; margin-top: -12px } .airST-conditional_pc.renew .airST-conditional-card input[type=checkbox]:checked+label:before,.airST-conditional_sp.renew .airST-conditional-card input[type=checkbox]:checked+label:before { background: url(../img/check_renew_on.8ba30d90.svg) } .tourHotelSelectHotel_header .tourHotelSelectHotel_icontext { font-size: 14px!important; padding: 0; border: 0 } .tourHotelSelectHotel_header .tourHotelSelectHotel_icontext img { vertical-align: text-bottom; margin-right: 5px } .airST-filter { margin-top: 14px; margin-bottom: -3px } .airST-filter .airST-filter-all { position: relative; padding-right: 0; padding-left: 13px; margin-bottom: 8px; color: #347ab0; font-size: 12px; font-weight: 700; border: 0; background-color: #fff } .airST-filter .airST-filter-all:after,.airST-filter .airST-filter-all:before { content: ""; position: absolute; top: 5px; left: 3px; width: 2px; height: 12px; background-color: #347ab0; border-radius: 2px } .airST-filter .airST-filter-all:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .airST-filter .airST-filter-all:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .airST-filter .airST-filter-all:hover { opacity: 1; text-decoration: underline } .airST-filter .airST-filter-list { border-top: 1px dashed #d2d2d2; padding-top: 8px } .airST-filter .airST-filter-list-item { display: inline-block; margin-bottom: 4px } .airST-filter .airST-filter-list-item button { display: block; position: relative; padding: 3px 11px 4px 25px; border-right: 0; background-color: #fff; border-radius: 2em; border: 1px solid #347ab0; color: #347ab0; text-align: left; font-weight: 700; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 188px } .airST-filter .airST-filter-list-item button:after,.airST-filter .airST-filter-list-item button:before { content: ""; position: absolute; top: 50%; left: 12px; width: 2px; height: 12px; margin-top: -7px; background-color: #347ab0; border-radius: 2px } .airST-filter .airST-filter-list-item button:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .airST-filter .airST-filter-list-item button:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .airST-filter .airST-filter-list-item button:hover { opacity: 1; text-decoration: underline } .selectItem .alternative-pc-list-box { background-color: #fff; padding-bottom: 0; width: 100%; height: auto; max-height: 500px; display: block } .selectItem .alternative-pc-list-box .alternative-pc-list-item { border-top: 1px solid #d2d2d2; position: relative } .selectItem .alternative-pc-list-box .alternative-pc-list-title { position: absolute; top: 0; right: 0; padding: 3px; text-align: right; font-size: 13px; color: #999 } .selectItem .alternative-pc-list-box .alternative-pc-list-title:hover { background: #fff; cursor: default } .selectItem .alternative-pc-list-box .alternative-pc-list-item-list li { padding: 0 } .selectItem .alternative-pc-list-box .alternative-pc-list-item-list li a { font-size: 13px; color: #333; cursor: pointer } .selectItem .alternative-pc-list-box .alternative-pc-list-item-list li strong { background-color: #ff9; font-weight: 400 } .selectItem .alternative-pc-list-box .alternative-pc-list-item-moretext { color: #999; padding: 5px; font-size: 13px } .selectItem .alternative-pc-list-box .alternative-pc-list-item-moretext:hover { background: #fff; cursor: default } .selectItem .alternative-pc-list-box .alternative-pc-list-item-close { padding: 0!important; height: auto!important; font-size: 14px!important; font-weight: 400!important; float: right!important; font-size: 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: rgba(0,0,0,0) } .selectItem .alternative-pc-list-box .alternative-pc-list-item-close:before { display: none!important } .clearfix:after { content: ""; display: block; clear: both } .pc_mode { display: none } .sp_mode { display: block } .font_size01 { font-size: 1.2em } .ic_star { background: url(../img/ic_star.63027b91.svg) no-repeat; background-size: contain; height: 30px; width: 45px } b.add_price { color: #f9423a; font-size: 18px } .flight_time_space { font-size: .8em; margin: 0 10px 0 0 } .flight_date_space { font-size: 13px } @media(min-width: 657px) { .pc_mode { display:block } .item-header_money .fuel_word { color: #ccc; margin: 0 0 5px } .sp_mode { display: none } } html { font-size: 62.5%; min-width: 320px } .airSelect_temp01 .airST-flight-content { padding: 15px } .airSelect_temp01 .airST-flight-content .airST-flight-time { position: static; font-weight: 700 } .airSelect_temp01 .airST-js-stepParent { -ms-flex-wrap: wrap; flex-wrap: wrap } .airSelect_temp01 .airST-priceDetail-summary { display: block; padding: 0 0 10px; border-bottom: none; margin-bottom: 0 } .airSelect_temp01 .fs24 { color: #f9423a; vertical-align: sub } .airSelect_temp01 .airST-flight { margin: 0; background: #f7f5f0 } .airSelect_temp01 .airST-flight.is-checked { border-color: #f9423a; background: #f9423a } .airSelect_temp01 .airST-flight:nth-child(n+2) { margin: 15px 0 0 } .airST-checked_flight_more { text-align: center } .airSelect_temp01 .airST-priceDetail .btn-blue-outline { width: 250px; bottom: 1px; border-radius: 0 0 4px 4px; margin: 0 auto; border-color: #f9423a; color: #f9423a } .airSelect_temp01 .airST-item:nth-child(2n) { background: #fff } .airSelect_temp01 .airST-tag { width: auto } .airSelect_temp01 .airST-flight-content .airST-flight-schedule .airST-flight-value strong { margin-right: 5px } @media(min-width: 657px) { .item-header_money { position:absolute; right: 0; text-align: right } } .flight_main { background: #f7f5f0 } .airST-sort_filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST-sort_filter p { font-weight: 700; font-size: 20px!important; padding: 0 0 0 15px; border-left: 3px solid #333 } .airST_noSelectedTicketStock { font-weight: 700; font-size: 14px; color: #f9423a; margin-top: 10px } .airST-item { background: #fff; position: relative } @media(min-width: 657px) { .airST-item { padding:0 50px 10px 15px } } @media(max-width: 657px) { .airST-item { padding-bottom:60px } } .airST-screen-footer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .airST-price-info { position: absolute } @media(min-width: 657px) { .airST-price-info { height:100%; top: 0; right: 0 } } .airST-step.step_1_table,.airST-step.step_2_table { margin: 20px 0 0 } .btn-bk-blue,.btn-bk-red { height: 36px; font-weight: 700 } @media(min-width: 657px) { .btn-bk-blue,.btn-bk-red { width:250px } } @media(min-width: 657px) { .margin-left { margin:0 0 0 10px!important } } .airST-flight-content .airST-departure-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media(min-width: 657px) { .airST-item-inner { margin:10px 0 0 } } @media(max-width: 656px) { .airST-item-inner { padding:10px 10px 0; margin: 0 } } .airST-item-btns { text-align: center; padding: 0 10px; max-width: 370px; margin: 0 auto } @media(min-width: 657px) { .airST-item-btns { text-align:right; padding: 0; max-width: 100% } } .airST-price-info .airST-moreDetail { width: 140px; background-color: rgba(51,122,183,.05); color: #337ab7!important; border: 1px solid #337ab7; font-weight: 700; padding: 8px 40px 8px 16px; font-size: 12px; text-align: center } .airST-moreDetail:after { content: ""; position: absolute; margin: auto; right: 15px; top: 0; bottom: 0; font-size: 15px; border-right: 2px solid #337ab7; border-top: 2px solid #337ab7; height: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 8px } @media(min-width: 657px) { .airST-price-info .airST-moreDetail { background-color:#ecf1f8; width: 40px; border: none; padding: 0; border-radius: 0 8px 8px 0; height: 100% } .airST-price-info .airST-moreDetail:after { right: 0; left: 0; border-right: 3px solid #337ab7; border-top: 3px solid #337ab7 } } @media(max-width: 657px) { .airST-price-info .airST-moreDetail { width:100%; padding: 2px 4px; font-size: 10px; text-align: center; background: none; border: none; font-size: 1em; padding: 0 40px 0 0; width: 150px; margin: 0 auto 5px; display: block } } .airST-price-info .airST-moreDetail i { margin-left: 15px; font-size: 15px; font-weight: 700 } .airST-price-info .airST-moreDetail.show i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .airST-priceDetail { margin-top: 20px; padding: 0; width: 100% } .airST-priceDetail .alert { padding: 15px 0 0 } .airSelect_temp01 .airST-item-btns span { position: absolute; padding: 0 20px 0 0; top: 7px } @media(min-width: 657px) { .airSelect_temp01 .airST-item-btns .btn-bk-red span { top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } } @media(max-width: 656px) { .airSelect_temp01 .airST-item-btns .set-discount span { left:113px } .airSelect_temp01 .airST-item-btns span { left: 105px } } @media(min-width: 657px) { .airSelect_temp01 .fs12px { text-align:right } .airSelect_temp01 .airST-flight-content .airST-flight-schedule .airST-flight-arrow { width: 100px; display: block; margin: 0 10px } .airSelect_temp01 .airST-checked_flight_content .airST-flight-content .airST-flight-schedule .airST-flight-arrow { width: 120px } .airSelect_temp01 .airST-flight-content .airST-flight-schedule .airST-flight-value { max-width: 200px } .airSelect_temp01 .airST-flight-content .airST-flight-schedule .schedule-inner { width: 180px } .airSelect_temp01 .airST-checked_flight_content .airST-flight-content .airST-flight-schedule .schedule-inner { width: 215px } .airSelect_temp01 .airST-flight-content .airST-flight-time { margin: 15px 0 0 } .flight_main { padding: 20px } .airST-step { width: 100%; padding: 0; -webkit-box-shadow: none; box-shadow: none } .airSelect_temp01 .airST-item-btns .btn-bk-blue span { left: 105px; position: static } } @media(max-width: 657px) { .airST-screen-footer,.airST-sort_filter { -ms-flex-wrap:wrap; flex-wrap: wrap } .airST-sort_filter p { margin-bottom: 20px; width: 100% } .airST-price { margin: 10px 0 0 } .airST-item-btns { max-width: 100%; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 10px; margin: 10px 0 0 } .airST-screen-footer>div:nth-of-type(3).airST-item-btns { width: 100%; margin: 2% 0 0 } .airSelect_temp01 .airST-priceDetail .btn-blue-outline { margin: 10px auto 0; border-radius: 4px; width: 80%; height: 30px } .airST-price-info { bottom: 10px; left: 0; right: 0 } .airST-price-info .airST-moreDetail i { margin-left: 5px } .airST-price-info .pc_show { display: none } .airST-priceDetail { border: none; padding: 0 } .airST-flight-content .airST-flight-schedule { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .airST-checkedBaggage { margin-top: 10px } .airST-flight-content .airST-flight-schedule .airST-flight-arrow { width: auto; margin: 0 0 0 30px } .airST-flight-content .airST-flight-schedule .schedule-inner { width: 100%; text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: start } .airST-flight-content .airST-departure-time { font-size: 20px; margin: 0 10px 0 0; white-space: nowrap } .airST-flight-content .airST-flight-time { margin: 0 0 0 20px } .airST-flight-content .airST-departure-place { margin: 0 } .btn-bk-blue { margin-top: 10px } } .airST-screen-header .airline_name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px } .airST-screen-header .airline_name>p { margin: 0 5px 0 0 } .airST-screen-header .airline_name>p:last-child { margin: 0 } .airST-screen-header .airline_name .airline_logo { width: 60px } .airST-screen-header .airline_name .airline_logo img { width: 100%; margin: 0; border: none; padding: 0; height: auto } .airST-screen-header .header_info_money { position: relative } @media(min-width: 657px) { .airST-screen-header .header_info_money { margin:-30px 0 10px } } .item-header_info { display: -webkit-box; display: -ms-flexbox; display: flex } @media(min-width: 657px) { .item-header_info { position:absolute; left: 0; top: 25px } } .header_info_date li { background: #dedfdf; margin: 0 0 5px; text-align: center; padding: 3px 5px; border-radius: 3px; font-weight: 700 } @media(min-width: 657px) { .header_info_date li { margin:0 5px 0 0 } } .header_info_point li { text-align: center; padding: 3px 5px; border-radius: 3px; font-weight: 700; color: #fff; background: #337ab7 } .lowestPrice_site { color: #00bfa5; font-size: 15px; font-weight: 700 } .lowestPrice_site i { margin-right: 5px; vertical-align: middle } .header_info_point li .fa-star { padding-right: 3px; color: #ffd800 } .airST_sortTitle { border: 1px solid #d2d2d2; padding: 5px 10px; color: #63666a!important; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1); font-size: 13px; background: #fff; line-height: 1; height: 40px; 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; vertical-align: middle } .airST_sortTitle i { margin-left: 5px; font-size: 15px; font-weight: 700 } .btn-ToBw span.icon-ic_refine { position: relative; margin: 0 0 0 25px } .btn-ToBw span.icon-ic_refine:before { font-size: 100%; position: absolute; top: 2px; bottom: 0; left: -25px } @media(min-width: 657px) { .header_info_date,.item-header_money .money_person { display:-webkit-box; display: -ms-flexbox; display: flex } .item-header_money .money_person { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header_info_money { height: 50px } } @media(max-width: 657px) { .airST-screen-header { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .item-header_money { position: absolute; left: 0 } .money_person div:first-child,.sp_frame01 { display: -webkit-box; display: -ms-flexbox; display: flex } .item-header_info { position: static } .sp_frame01 { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .money_person .person_type { margin-right: 5px; text-align: left } .header_info_date li { margin-bottom: 10px } .header_info_money { height: 80px } .header_info_money.withBaggageMessage { height: 110px } .lowestPrice_site { font-size: 13px; margin-bottom: 5px } .header_info_point li { margin-left: 5px } } .tabnav { margin: 0; font-size: 1.2em!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px } .tabnav li { cursor: pointer; text-align: center; display: block; background: #f7f5f0; color: #d2d2d2; padding: 10px; border-radius: 5px 5px 0 0; text-decoration: none; border: 1px solid #d2d2d2; -webkit-transition: all .2s; transition: all .2s; width: 49% } .tabnav li:last-child { margin: 0 } .tabnav li.current,.tabnav li:hover { background: #fff; font-weight: 700; color: #333; border-bottom: 1px solid #fff; -webkit-transition: all .2s; transition: all .2s; z-index: 3 } .tabcontent { border-top: 1px solid #d2d2d2; margin: -1px 0 0 } .tabcontent>div { padding: 20px 15px 0 } .tabcontent .tab_panel { display: none } .tabcontent .tab_panel:first-child { display: block } @media(min-width: 657px) { .tabnav li { padding:10px 50px } } @media(max-width: 657px) { .tabcontent>div { padding:20px 0 0 } .tabcontent>div:last-child { padding: 0 } } .mark_transit { 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 } .mark_transit:before { position: absolute } .mark_transit:after { content: ""; display: block } .mark_transit:before { content: ""; font-size: 1.4em; color: #f9423a; font-weight: 400; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 20px; height: 20px } .icon-ic_refine:before { content: ""; font-size: 1.4em; color: #f9423a; font-weight: 400; color: #fff } @font-face { font-family: icomoon; src: url(data:application/vnd.ms-fontobject;base64,7AUAAEgFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAALVXdYgAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFfAAAALwAAABgY21hcBdW0ogAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlm/+0KRgAAAXgAAAGEaGVhZBdrb58AAAL8AAAANmhoZWEHuQPHAAADNAAAACRobXR4DfMACQAAA1gAAAAYbG9jYQDqAMAAAANwAAAADm1heHAACAB4AAADgAAAACBuYW1lmUoJ+wAAA6AAAAGGcG9zdAADAAAAAAUoAAAAIAADA1EBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkBA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAf/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAP/AA/MDwAB1AAAFPgE3MRMyNz4BNzY1NCcuAScmIwMuAScxJyIwMSIGBzEOARUcARUxMBceARcWFw4BMScuASM4ATEjOAExIgYVMBQVNRcOARUUFhcHMBQVFBYzOAExMzgBMTI2NzE3MBYXBgcOAQcGMRwBFRQWFzEeATMwMjkBAb0RGweUUUREYBsbGxtgRERRlAcbETMBBgoEAwMHCBMKCgV7hDAEEAoTDRIHFR0dFQcSDRMKEAQwhHsFCgoTCAcDAwQKBgE+ARQPAYQGBRUQEBYWEBAVBQYBhA8UAQIFBQQJBgEDATAxg0NCIwIGZwkLEg4BAQGCAxMMDBMDggEBDRILCWcGAiNCQ4MxMQECAQYJBAUFAAAAAQAJ/8AD9wPAAAcAABMVARE3EQE1CQGL2AGLA8Cr/s393okBmQEzqwAAAAABAAAAAAAAYt1VLV8PPPUACwQAAAAAANorFZEAAAAA2isVkQAA/8AD9wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAP3AAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAPzAAAEAAAJAAAAAAAKABQAHgCsAMIAAAABAAAABgB2AAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==); src: url(data:application/vnd.ms-fontobject;base64,7AUAAEgFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAALVXdYgAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFfAAAALwAAABgY21hcBdW0ogAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlm/+0KRgAAAXgAAAGEaGVhZBdrb58AAAL8AAAANmhoZWEHuQPHAAADNAAAACRobXR4DfMACQAAA1gAAAAYbG9jYQDqAMAAAANwAAAADm1heHAACAB4AAADgAAAACBuYW1lmUoJ+wAAA6AAAAGGcG9zdAADAAAAAAUoAAAAIAADA1EBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkBA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAf/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAP/AA/MDwAB1AAAFPgE3MRMyNz4BNzY1NCcuAScmIwMuAScxJyIwMSIGBzEOARUcARUxMBceARcWFw4BMScuASM4ATEjOAExIgYVMBQVNRcOARUUFhcHMBQVFBYzOAExMzgBMTI2NzE3MBYXBgcOAQcGMRwBFRQWFzEeATMwMjkBAb0RGweUUUREYBsbGxtgRERRlAcbETMBBgoEAwMHCBMKCgV7hDAEEAoTDRIHFR0dFQcSDRMKEAQwhHsFCgoTCAcDAwQKBgE+ARQPAYQGBRUQEBYWEBAVBQYBhA8UAQIFBQQJBgEDATAxg0NCIwIGZwkLEg4BAQGCAxMMDBMDggEBDRILCWcGAiNCQ4MxMQECAQYJBAUFAAAAAQAJ/8AD9wPAAAcAABMVARE3EQE1CQGL2AGLA8Cr/s393okBmQEzqwAAAAABAAAAAAAAYt1VLV8PPPUACwQAAAAAANorFZEAAAAA2isVkQAA/8AD9wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAP3AAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAPzAAAEAAAJAAAAAAAKABQAHgCsAMIAAAABAAAABgB2AAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==#iefix) format("embedded-opentype"),url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBXwAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zv/tCkYAAAF4AAABhGhlYWQXa2+fAAAC/AAAADZoaGVhB7kDxwAAAzQAAAAkaG10eA3zAAkAAANYAAAAGGxvY2EA6gDAAAADcAAAAA5tYXhwAAgAeAAAA4AAAAAgbmFtZZlKCfsAAAOgAAABhnBvc3QAAwAAAAAFKAAAACAAAwNRAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAD/wAPzA8AAdQAABT4BNzETMjc+ATc2NTQnLgEnJiMDLgEnMSciMDEiBgcxDgEVHAEVMTAXHgEXFhcOATEnLgEjOAExIzgBMSIGFTAUFTUXDgEVFBYXBzAUFRQWMzgBMTM4ATEyNjcxNzAWFwYHDgEHBjEcARUUFhcxHgEzMDI5AQG9ERsHlFFERGAbGxsbYEREUZQHGxEzAQYKBAMDBwgTCgoFe4QwBBAKEw0SBxUdHRUHEg0TChAEMIR7BQoKEwgHAwMECgYBPgEUDwGEBgUVEBAWFhAQFQUGAYQPFAECBQUECQYBAwEwMYNDQiMCBmcJCxIOAQEBggMTDAwTA4IBAQ0SCwlnBgIjQkODMTEBAgEGCQQFBQAAAAEACf/AA/cDwAAHAAATFQERNxEBNQkBi9gBiwPAq/7N/d6JAZkBM6sAAAAAAQAAAAAAAGLdVS1fDzz1AAsEAAAAAADaKxWRAAAAANorFZEAAP/AA/cDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD9wABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAD8wAABAAACQAAAAAACgAUAB4ArADCAAAAAQAAAAYAdgABAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"),url(data:font/woff;base64,d09GRgABAAAAAAWUAAsAAAAABUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFfGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAYQAAAGE/+0KRmhlYWQAAANIAAAANgAAADYXa2+faGhlYQAAA4AAAAAkAAAAJAe5A8dobXR4AAADpAAAABgAAAAYDfMACWxvY2EAAAO8AAAADgAAAA4A6gDAbWF4cAAAA8wAAAAgAAAAIAAIAHhuYW1lAAAD7AAAAYYAAAGGmUoJ+3Bvc3QAAAV0AAAAIAAAACAAAwAAAAMDUQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/8AD8wPAAHUAAAU+ATcxEzI3PgE3NjU0Jy4BJyYjAy4BJzEnIjAxIgYHMQ4BFRwBFTEwFx4BFxYXDgExJy4BIzgBMSM4ATEiBhUwFBU1Fw4BFRQWFwcwFBUUFjM4ATEzOAExMjY3MTcwFhcGBw4BBwYxHAEVFBYXMR4BMzAyOQEBvREbB5RRRERgGxsbG2BERFGUBxsRMwEGCgQDAwcIEwoKBXuEMAQQChMNEgcVHR0VBxINEwoQBDCEewUKChMIBwMDBAoGAT4BFA8BhAYFFRAQFhYQEBUFBgGEDxQBAgUFBAkGAQMBMDGDQ0IjAgZnCQsSDgEBAYIDEwwMEwOCAQENEgsJZwYCI0JDgzExAQIBBgkEBQUAAAABAAn/wAP3A8AABwAAExUBETcRATUJAYvYAYsDwKv+zf3eiQGZATOrAAAAAAEAAAAAAABi3VUtXw889QALBAAAAAAA2isVkQAAAADaKxWRAAD/wAP3A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA/cAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAAA/MAAAQAAAkAAAAAAAoAFAAeAKwAwgAAAAEAAAAGAHYAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"),url(../img/icomoon.f65a8f1e.svg#icomoon) format("svg"); font-weight: 400; font-style: normal; font-display: block } .mycon { font-family: icomoon!important; speak: none; font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; display: block } .transit_frame_data { background: #fff; padding: 5px 0; text-align: center; font-weight: 700 } .airST-item-title { font-weight: 700; padding: 0 0 0 15px; border-left: 3px solid #333; color: #333; margin-bottom: 20px } .step_1_table .airST-item-title.icon-ic_plane:before,.step_1_table .airST-item-title.mark_transit:before,.step_2_table .airST-item-title.icon-ic_plane:before,.step_2_table .airST-item-title.mark_transit:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .airST-checked_flight_content { border-radius: 8px; border: 1px solid #d2d2d2; background: #f7f5f0 } .airST-js-more_wrapper { background-color: #fff } .airST-js-more_wrapper .airST-js-more_close_pc { text-align: right } .airST-js-more_wrapper .airST-js-more_close_pc .btn { padding: 0; background-color: #fff; width: auto } .airST-js-more_content { padding: 15px 0 } .airST-js-more_flight_list { padding: 0 30px 0 0; border-radius: 8px } .airST-js-more_wrapper .airST-checked_flight_content { background-color: #f7f5f0 } .airST-js-more_wrapper .airST-js-more_change_pc .btn,.airST-js-step .airST-js-more_change_sp .btn { font-weight: 700; background-color: #fff; color: #f9423a; border: 1px solid } @media(min-width: 657px) { .mark_transit { margin:12px 0 0 } .mark_transit:after { width: 100%; border-top: 4px dotted rgba(249,66,58,.2) } .airST-js-step .airST-js-more_change_sp,.airST-js-step .airST-js-more_close_sp { display: none } .airST-js-more_wrapper { width: 700px; margin: 30px auto; padding: 20px 20px; border-radius: 5px } .airST-js-more_wrapper .airST-js-more_flight_list { max-height: 400px; overflow: auto; border-right: none } .airST-js-more_flight_list::-webkit-scrollbar { width: 10px } .airST-js-more_flight_list::-webkit-scrollbar-track { background-color: inherit; border: 1px solid #d2d2d2; border-radius: 10px } .airST-js-more_flight_list::-webkit-scrollbar-thumb { background-color: #d2d2d2; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none } .airST-js-more_wrapper .airST-js-more_change_pc { text-align: right } .airST-js-more_wrapper .airST-js-more_change_pc .btn { padding: 8px 48px; width: auto } } @media(max-width: 657px) { .airST-step { padding:0 } .airST-item-title { font-size: 15px!important; margin: 0 0 15px } .mark_transit:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: -10px; right: -10px } .mark_transit:after { border-left: 4px dotted rgba(249,66,58,.2); height: 60px } .airST-js-step .airST-js-more_close_sp { position: fixed; top: 0; z-index: 1 } .airST-js-more_wrapper { width: 100%; height: 100vh; padding: 40px 10px 50px; position: fixed; top: 0; overflow: auto; border-radius: 0 } .airST-js-more_wrapper .airST-js-more_change_pc,.airST-js-more_wrapper .airST-js-more_close_pc { display: none } .airST-js-step .airST-js-more_change_sp { width: 100%; padding: 10px; position: fixed; bottom: 0; z-index: 1; background-color: #fff } .airST-js-step .airST-js-more_change_sp .btn { width: 100% } .airST-js-more_flight_list { padding: 0 } } .charge_details { font-size: 1.4em } .charge_details div { -ms-flex-preferred-size: 100%; flex-basis: 100% } .charge_details div:nth-child(n+2) { text-align: right } .charge_details div:nth-child(n+2) .charge_screen { font-weight: 700; margin: 0 0 10px } .charge_details div p { text-align: right } .charge_screen li { padding: 7px } .charge_screen li:nth-child(odd) { background: #fff } .charge_screen li:nth-child(2n) { background: #f7f5f0 } .charge_total { text-align: right; font-size: 1.4em } @media(min-width: 657px) { .charge_details { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2 } .charge_details div:nth-child(n+2) { border-left: 1px solid #d2d2d2 } .charge_details div p { padding: 0 7px 7px 0 } .charge_total { margin: 10px 0 0 } } @media(max-width: 657px) { .charge_details div:first-child { display:none } .charge_details div:nth-child(n+2) .charge_screen { margin: 0; position: relative } .charge_details div:nth-child(n+2) .charge_screen li:before { position: absolute; left: 7px; font-weight: 400 } .charge_details div:nth-child(n+2) .charge_screen li.tl_oil:before { content: "燃油" } .charge_details div:nth-child(n+2) .charge_screen li.tl_tax:before { content: "諸税" } .charge_details div:nth-child(n+2) .charge_screen li.tl_handling:before { content: "取り扱い手数料" } .charge_details div:nth-child(n+2) .charge_screen li.tl_emergency:before { content: "緊急手数料" } .charge_details div:nth-child(n+2) .charge_screen li.tl_ticket:before { content: "航空券" } .charge_details div p { padding: 7px } .charge_details .deco_total { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2 } .charge_details .deco_total .total_maney { font-weight: 700 } } .airST-item-layout2 { padding: 15px; border-radius: 8px; border: 1px solid #d2d2d2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .airST-item-layout2 .btn { height: 50px; width: 100%; border-radius: 4px; font-weight: 700 } .airST-item-layout2 .layout2Inner { margin: 0 0 15px; width: 100% } .airST-item-layout2 .layout2Footer,.airST-item-layout2 .layout2Header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } @media(max-width: 657px) { .airST-item-layout2 .layout2Header { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .airST-item-layout2 .layout2Footer { -ms-flex-wrap: wrap; flex-wrap: wrap } .airST-item-layout2 .layout2Footer>div:nth-of-type(3).layout2NextButton { width: 100%; margin: 2% 0 0 } } .airST-item-layout2 .headerLeft { width: 65% } .airST-item-layout2 .headerLeft .headerLeftInner { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .airST-item-layout2 .headerLeft .headerLeftInner+.headerLeftInner { margin-top: 15px } .airST-item-layout2 .headerLeft .airlineLogo { width: 100px } .airST-item-layout2 .headerLeft .airlineLogo img { width: 100%; height: auto; max-height: 40px } .airST-item-layout2 .headerLeft .headerSchedule { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto } .airST-item-layout2 .headerLeft .headerSchedule span { display: block; color: #63666a } .airST-item-layout2 .headerLeft .headerSchedule>.timeAirline { text-align: right; font-size: 20px; font-weight: 700 } .airST-item-layout2 .headerLeft .headerSchedule>.timeAirline .airline { font-size: 15px } .airST-item-layout2 .headerLeft .headerSchedule>p:last-of-type { text-align: left } .airST-item-layout2 .headerLeft .headerSchedule .flightTimeStop { text-align: center; font-size: 13px; position: relative; padding: 0 10px; margin: 0 20px } .airST-item-layout2 .headerLeft .headerSchedule .flightTimeStop:before { content: ""; width: 100%; border-top: 4px dotted rgba(249,66,58,.2); display: block; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; height: 4px } .airST-item-layout2 .headerLeft .headerSchedule .flightTimeStop:after { position: absolute; content: ""; color: #f9423a; font-weight: 400; font-family: icomoon!important; margin: auto; height: 15px; top: 0; bottom: 0; right: -10px } .airST-item-layout2 .headerLeft .headerSchedule .flightTimeStop .flightTime { padding-bottom: 10px } .airST-item-layout2 .headerLeft .headerSchedule .flightTimeStop .stop { padding-top: 10px } @media(max-width: 657px) { .airST-item-layout2 .headerLeft { width:100% } .airST-item-layout2 .headerLeft .headerLeftInner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: distribute; justify-content: space-around } .airST-item-layout2 .headerLeft .headerLeftInner+.headerLeftInner { margin-top: 10px } .airST-item-layout2 .headerLeft .airlineLogo { width: 50px } .airST-item-layout2 .headerLeft .headerSchedule { width: auto; margin: 0 } .airST-item-layout2 .headerLeft .headerSchedule .flightTimeStop { font-size: 12px } .airST-item-layout2 .headerLeft .headerSchedule>.timeAirline { font-size: 16px } .airST-item-layout2 .headerLeft .headerSchedule>.timeAirline .airline { font-size: 13px } } .airST-item-layout2 .headerRight { width: 34%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto } .airST-item-layout2 .headerRight .ticketPrice { font-size: 28px!important; color: #f9423a; font-weight: 700 } .airST-item-layout2 .headerRight .seatClass { margin-top: auto; padding-left: 10px; border-left: 1px solid #d2d2d2 } .airST-item-layout2 .headerRight .lowestPrice { color: #00bfa5; font-size: 15px; font-weight: 700; margin-bottom: 10px } .airST-item-layout2 .headerRight .lowestPrice i { margin-right: 5px; vertical-align: middle } @media(max-width: 657px) { .airST-item-layout2 .headerRight { width:100%; text-align: right; padding-top: 10px; margin-top: 30px; border-top: 1px solid #d2d2d2; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } .airST-item-layout2 .headerRight .ticketPrice { font-size: 20px!important; margin-left: auto } .airST-item-layout2 .headerRight .lowestPrice { margin-bottom: 5px; font-size: 13px; width: 100% } .airST-item-layout2 .headerRight .seatClass { position: absolute; top: -20px; left: 0; height: 20px; padding: 0 0 10px 10px } } .airST-item-layout2 .layout2Toggle { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } .airST-item-layout2 .layout2Toggle .btn { background: #fff; border: 1px solid #d2d2d2; color: #63666a } .airST-item-layout2 .layout2Toggle .btn i { margin-left: 15px; font-size: 15px; font-weight: 700 } .airST-item-layout2 .layout2Toggle .btn.show i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media(max-width: 657px) { .airST-item-layout2 .layout2Toggle { width:49% } .airST-item-layout2 .layout2Toggle .btn i { margin-left: 5px } .airST-item-layout2 .layout2Toggle .btn .pc_show { display: none } } .airST-item-layout2 .layout2NextButton { width: 34%; margin-left: 2% } .airST-item-layout2 .layout2NextButton .btn { color: #fff } @media(max-width: 657px) { .airST-item-layout2 .layout2NextButton { width:49% } } .hotelSearchForm .btn-default { background: #63666a; color: #fff } .airST-cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; position: relative; color: #115da1!important; background: #f7f5f0 } .slide-left-enter-active { -webkit-animation: slide-left .5s cubic-bezier(.25,.46,.45,.94) both; animation: slide-left .5s cubic-bezier(.25,.46,.45,.94) both } .slide-left-leave-active { -webkit-animation: slide-left .5s cubic-bezier(.25,.46,.45,.94) reverse both; animation: slide-left .5s cubic-bezier(.25,.46,.45,.94) reverse both } @-webkit-keyframes slide-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slide-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .slide-right-enter-active { -webkit-animation: slide-right .5s cubic-bezier(.25,.46,.45,.94) both; animation: slide-right .5s cubic-bezier(.25,.46,.45,.94) both } .slide-right-leave-active { -webkit-animation: slide-right .5s cubic-bezier(.25,.46,.45,.94) reverse both; animation: slide-right .5s cubic-bezier(.25,.46,.45,.94) reverse both } @-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slide-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } .fade-enter-active,.fade-leave-active { -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .fade-enter,.fade-leave-to { opacity: 0 } .collapse-bottom-enter-active,.collapse-bottom-leave-active { -webkit-transition: all .4s cubic-bezier(1,.5,.8,1); transition: all .4s cubic-bezier(1,.5,.8,1) } .collapse-bottom-enter,.collapse-bottom-leave-to { -webkit-transform: translateY(400px); -ms-transform: translateY(400px); transform: translateY(400px); opacity: 0 } .collapse-top-enter-active,.collapse-top-leave-active { -webkit-transition: all .4s cubic-bezier(1,.5,.8,1); transition: all .4s cubic-bezier(1,.5,.8,1) } .collapse-top-enter,.collapse-top-leave-to { -webkit-transform: translateY(-400px); -ms-transform: translateY(-400px); transform: translateY(-400px); opacity: 0 } .fade-slide-enter-active,.fade-slide-leave-active { -webkit-transition: all .4s cubic-bezier(1,.5,.8,1); transition: all .4s cubic-bezier(1,.5,.8,1) } .fade-slide-enter,.fade-slide-leave-to { -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); opacity: 0 } .fade-slide-enter-active { -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .fade-collapse-enter-active,.fade-collapse-leave-active { -webkit-transition: all .4s cubic-bezier(1,.5,.8,1); transition: all .4s cubic-bezier(1,.5,.8,1) } .fade-collapse-enter,.fade-collapse-leave-to { -webkit-transform: translateY(400px); -ms-transform: translateY(400px); transform: translateY(400px); opacity: 0 } .fade-collapse-enter-active { -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .bounce-enter-active { -webkit-animation: bounce-in .3s; animation: bounce-in .3s } .bounce-leave-active { animation: bounce-in .3s reverse } /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: FontAwesome; src: url(../fonts/fontawesome-webfont.25a32416.eot); src: url(../fonts/fontawesome-webfont.25a32416.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(../fonts/fontawesome-webfont.e6cf7c6e.woff2) format("woff2"),url(../fonts/fontawesome-webfont.c8ddf1e5.woff) format("woff"),url(../fonts/fontawesome-webfont.1dc35d25.ttf) format("truetype"),url(../img/fontawesome-webfont.24c601e7.svg#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: .08em solid #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } :root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270 { -webkit-filter: none; filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x,.fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-close:before,.fa-remove:before,.fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-cog:before,.fa-gear:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-repeat:before,.fa-rotate-right:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before,.fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-image:before,.fa-photo:before,.fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before,.fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before,.fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-exclamation-triangle:before,.fa-warning:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before,.fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-cogs:before,.fa-gears:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before,.fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before,.fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before,.fa-users:before { content: "\f0c0" } .fa-chain:before,.fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before,.fa-scissors:before { content: "\f0c4" } .fa-copy:before,.fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-floppy-o:before,.fa-save:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-bars:before,.fa-navicon:before,.fa-reorder:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-sort:before,.fa-unsorted:before { content: "\f0dc" } .fa-sort-desc:before,.fa-sort-down:before { content: "\f0dd" } .fa-sort-asc:before,.fa-sort-up:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before,.fa-undo:before { content: "\f0e2" } .fa-gavel:before,.fa-legal:before { content: "\f0e3" } .fa-dashboard:before,.fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-bolt:before,.fa-flash:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-clipboard:before,.fa-paste:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before,.fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before,.fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before,.fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-chain-broken:before,.fa-unlink:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-caret-square-o-down:before,.fa-toggle-down:before { content: "\f150" } .fa-caret-square-o-up:before,.fa-toggle-up:before { content: "\f151" } .fa-caret-square-o-right:before,.fa-toggle-right:before { content: "\f152" } .fa-eur:before,.fa-euro:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before,.fa-usd:before { content: "\f155" } .fa-inr:before,.fa-rupee:before { content: "\f156" } .fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before { content: "\f157" } .fa-rouble:before,.fa-rub:before,.fa-ruble:before { content: "\f158" } .fa-krw:before,.fa-won:before { content: "\f159" } .fa-bitcoin:before,.fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before,.fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-caret-square-o-left:before,.fa-toggle-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-try:before,.fa-turkish-lira:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-bank:before,.fa-institution:before,.fa-university:before { content: "\f19c" } .fa-graduation-cap:before,.fa-mortar-board:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before,.fa-car:before { content: "\f1b9" } .fa-cab:before,.fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before { content: "\f1c5" } .fa-file-archive-o:before,.fa-file-zip-o:before { content: "\f1c6" } .fa-file-audio-o:before,.fa-file-sound-o:before { content: "\f1c7" } .fa-file-movie-o:before,.fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before,.fa-rebel:before,.fa-resistance:before { content: "\f1d0" } .fa-empire:before,.fa-ge:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before,.fa-weixin:before { content: "\f1d7" } .fa-paper-plane:before,.fa-send:before { content: "\f1d8" } .fa-paper-plane-o:before,.fa-send-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-futbol-o:before,.fa-soccer-ball-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-ils:before,.fa-shekel:before,.fa-sheqel:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before,.fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-bed:before,.fa-hotel:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-y-combinator:before,.fa-yc:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before,.fa-battery-full:before { content: "\f240" } .fa-battery-3:before,.fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before,.fa-battery-half:before { content: "\f242" } .fa-battery-1:before,.fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before,.fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before,.fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before,.fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before,.fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before,.fa-hand-rock-o:before { content: "\f255" } .fa-hand-paper-o:before,.fa-hand-stop-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-television:before,.fa-tv:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before { content: "\f2a3" } .fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-sign-language:before,.fa-signing:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before,.fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before,.fa-font-awesome:before { content: "\f2b4" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .sr-only-focusable:active,.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .filterButton[data-v-25806a90] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100px; height: 36px; border: 1px solid #e1e1e1; border-radius: 4px; background-color: #fff; font-size: 14px; font-weight: 700 } .filterButton.-blue[data-v-25806a90] { border: 1px solid #bbd2e6; color: #1f6aad } .filterButton.-noBorder[data-v-25806a90] { border: unset } .filterButton[data-v-25806a90]:disabled { pointer-events: none; opacity: .5 } .filterButton[data-v-25806a90]:focus { outline: 0 } .filterButton_filterIcon[data-v-25806a90] { margin-left: 5px } .filterButton_filterCheckArea[data-v-25806a90] { 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; position: absolute; top: -5px; left: -5px; width: 18px; height: 18px; border-radius: 100px; background: #f9423a; color: #fff; line-height: 1 } .filterButton_filterCheckArea.-noBorder[data-v-25806a90] { top: -1px; left: 0 } .filterButton_filterCheck[data-v-25806a90] { height: 6px } .tourListHeader_headerArea[data-v-0252774d] { width: 100%; max-width: 960px; padding: 10px } .tourListHeader_headerArea.-hidden[data-v-0252774d] { padding: 7px } @media(max-width: 657px) { .tourListHeader_headerArea[data-v-0252774d] { max-width:657px; padding: 8px } .tourListHeader_headerArea.-hidden[data-v-0252774d] { padding: 5px } } .tourListHeader_header[data-v-0252774d] { padding: 3px 0 3px 10px; border-left: 3px solid; font-size: 16px!important; color: #f9423a; font-weight: 700 } @media(max-width: 657px) { .tourListHeader_header[data-v-0252774d] { padding:2px 0 2px 8px; font-size: 12px!important; font-weight: 400 } } .departureDatePicker_calendarModalHeader[data-v-ebafde54] { font-size: 14px; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; position: relative; width: 100%; margin: auto; padding: 15px 0; color: #fff; background: #f9423a; text-align: center } .departureDatePicker_calendarModalHeaderCrossMarkArea[data-v-ebafde54] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40px; height: 80%; background: none; border-radius: 0; cursor: pointer; float: none; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(calc(-50% - 1px)); -ms-transform: translateY(calc(-50% - 1px)); transform: translateY(calc(-50% - 1px)) } .departureDatePicker_calendarModalHeaderCrossMarkArea i[data-v-ebafde54] { position: absolute; top: 14px; left: 11px } .departurePlacePicker_modal .modal-content,.departurePlacePicker_modal.modal-sp-fullscreen { background: none } .departurePlacePicker_modalHeader[data-v-55cb111c] { position: relative; width: 100%; margin: auto; padding: 15px 0; background: #f9423a url(https://www.tabikobo.com/images/new2016/icon_select_area_w.png) no-repeat scroll 2%/20px auto; color: #fff; font-size: 14px; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; text-align: center } .departurePlacePicker_modalHeaderCrossMarkArea[data-v-55cb111c] { display: table-cell; position: absolute; top: 20px; right: 0; float: none; width: 40px; height: 100%; border-radius: 0; background: none; cursor: pointer } .destinationPicker_modal .modal-content,.destinationPicker_modal.modal-sp-fullscreen { background: none } .destinationPicker_tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; width: 100%; padding: 0 5px } .destinationPicker_tabs li { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 10px; float: left; width: calc(50% - 2px); height: 35px; padding: 10px 0; background-color: #f9423a; color: #fff; font-size: 14px; font-weight: 700; text-align: center; border: 1px solid #f9423a; border-bottom: none; border-radius: 4px 4px 0 0; cursor: pointer } .destinationPicker_tabs li.active { top: 1px; height: 45px; background-color: #fff; color: #f9423a; border: 1px solid #fff; border-bottom: none } .destinationPicker_modalHeader[data-v-a11a7dee] { position: relative; width: 100%; margin: auto; padding: 15px 0; background: #f9423a url(https://www.tabikobo.com/images/new2016/icon_select_area_w.png) no-repeat scroll 2%/20px auto; color: #fff; font-size: 14px; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; text-align: center } .destinationPicker_modalHeaderCrossMarkArea[data-v-a11a7dee] { display: table-cell; position: absolute; top: 20px; right: 0; float: none; width: 40px; height: 100%; background: none; border-radius: 0; cursor: pointer } .destinationPicker_noDestinations[data-v-a11a7dee] { width: 299px; padding: 6px 20px 8px; background-color: #fff; color: #f9423a; font-size: 14px; font-weight: 700 } @media(max-width: 657px) { .destinationPicker_noDestinations[data-v-a11a7dee] { width:188px } } .destinationPicker_goBackLevelArea[data-v-a11a7dee] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; letter-spacing: -.4em } .destinationPicker_goBackLevelItem[data-v-a11a7dee] { display: table; position: relative; float: left; width: 100%; height: 45px; background-color: #fff; color: #5b2e23; font-size: 14px; letter-spacing: normal; border-top: 0 none; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc } .destinationPicker_goBackIconTouchableArea[data-v-a11a7dee] { position: absolute; z-index: 1; width: 50px; height: 100%; cursor: pointer } .destinationPicker_goBackLevelLabel[data-v-a11a7dee] { display: table-cell; padding-left: 12px; padding-right: 36px; text-align: center; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; vertical-align: middle } .destinationPicker_goBackLevelArrow[data-v-a11a7dee] { position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .destinationPicker_goBackLevelArrow[data-v-a11a7dee]:before { -webkit-box-sizing: initial; box-sizing: initial } .destinationPicker_goBackLevelArrow[data-v-a11a7dee]:after { -webkit-box-sizing: initial; box-sizing: initial } .destinationPicker_autocomplete[data-v-a11a7dee] { width: calc(100% - 20px); margin: 20px 10px 40px } .searchTourForm[data-v-0fcd2aa4] { background: #fff } .searchTourForm.-default[data-v-0fcd2aa4] { padding: 20px 15px } .searchTourForm.-compact[data-v-0fcd2aa4] { padding: 10.5px } .searchForm_filterBadgesArea[data-v-0fcd2aa4] { margin-bottom: 18px; padding-bottom: 16px; border-bottom: 2px solid #dcdcdc } .searchForm_filterBadgesTitle[data-v-0fcd2aa4] { margin-bottom: 8px; font-size: 14px; font-weight: 700; color: #347ab0 } .searchForm_contents[data-v-0fcd2aa4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .searchForm_contents[data-v-0fcd2aa4]:first-child { margin-bottom: 10px } .searchForm_destination[data-v-0fcd2aa4] { width: 140px; margin-left: 5px; display: none } .searchForm_destination.is-show[data-v-0fcd2aa4] { display: block } .searchForm_destination_first[data-v-0fcd2aa4] { width: 140px; margin-left: 0 } .searchForm_destination_addition input[data-v-0fcd2aa4] { left: 0!important; width: 100%!important } .searchForm_destination_addition .tkTextBox_icon[data-v-0fcd2aa4] { display: none } .searchForm_numberOfPassengers[data-v-0fcd2aa4] { width: 148px; margin-right: 6px } .searchForm_duration[data-v-0fcd2aa4] { margin-left: 5px } .searchForm_numberOfPassengers select[data-v-0fcd2aa4] { width: 100px!important; padding-left: 10px } .searchForm_radioGroup[data-v-0fcd2aa4] { margin-right: 10px } .searchForm_radioGroup label[data-v-0fcd2aa4] { display: block } .searchForm_radioGroup label+label[data-v-0fcd2aa4] { margin-top: 5px } .searchForm_searchButton[data-v-0fcd2aa4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; border-radius: 4px; background-color: #f9423a; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer } .searchForm_searchButton.-x-large[data-v-0fcd2aa4] { height: 40px } .searchForm_searchButton.-blue[data-v-0fcd2aa4] { background-color: #115da1 } .searchForm_searchButton.-blue[data-v-0fcd2aa4]:disabled { color: #115da1 } .searchForm_searchButton[data-v-0fcd2aa4]:disabled { background-color: #d2d2d2; color: #f9423a; pointer-events: none } .searchForm_searchButtonIcon[data-v-0fcd2aa4] { margin-right: .5rem; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased } .searchForm_searchButtonIcon[data-v-0fcd2aa4]:before { content: "" } .add-del-buttons[data-v-0fcd2aa4] { display: -webkit-box; display: -ms-flexbox; display: flex } .button_add-destination[data-v-0fcd2aa4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none } .button_add-destination.disable[data-v-0fcd2aa4] { opacity: .3 } .button_add-destination label[data-v-0fcd2aa4] { line-height: 1; font-size: 12px; color: #f9423a; text-align: left } .button_del-destination[data-v-0fcd2aa4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none } .button_del-destination.disable[data-v-0fcd2aa4] { opacity: .3 } .button_del-destination label[data-v-0fcd2aa4] { line-height: 1; font-size: 12px; color: #63666a; text-align: left } .form_icon[data-v-0fcd2aa4] { width: 16px; margin-right: 3px } .icon_red .filler[data-v-0fcd2aa4] { fill: #f9423a } .icon_gray .filler[data-v-0fcd2aa4] { fill: #63666a } @media screen and (max-width: 740px) { .searchTourForm[data-v-0fcd2aa4] { padding:10px } .searchForm_contents[data-v-0fcd2aa4] { -ms-flex-wrap: wrap; flex-wrap: wrap } .searchForm_contents>[data-v-0fcd2aa4] { margin-bottom: 10px } .searchForm_departurePlace[data-v-0fcd2aa4] { width: 100% } .searchForm_destination[data-v-0fcd2aa4] { width: 100%; margin-left: 0 } .searchForm_destination_first[data-v-0fcd2aa4] { width: 100%; margin-left: 0 } .searchForm_destination_addition .tkTextBox_icon[data-v-0fcd2aa4] { display: block } .add-del-buttons br[data-v-0fcd2aa4] { display: none } .searchForm_departureDate[data-v-0fcd2aa4] { width: calc(65.71429% - 6.57143px) } .searchForm_duration[data-v-0fcd2aa4] { width: calc(34.28571% - 3.42857px) } .searchForm_numberOfPassengers[data-v-0fcd2aa4] { width: 160px } .searchForm_numberOfPassengers select[data-v-0fcd2aa4] { width: 100%!important } .searchForm_numberOfPassengers .tkPulldown_icon[data-v-0fcd2aa4] { right: 35px!important } .searchForm_numberOfPassengersUnit[data-v-0fcd2aa4] { margin-left: 5px; margin-right: 20px } .button_add-destination.active[data-v-0fcd2aa4],.button_add-destination[data-v-0fcd2aa4]:active,.button_add-destination[data-v-0fcd2aa4]:focus,.button_add-destination[data-v-0fcd2aa4]:focus:active,.button_del-destination.active[data-v-0fcd2aa4],.button_del-destination[data-v-0fcd2aa4]:active,.button_del-destination[data-v-0fcd2aa4]:focus,.button_del-destination[data-v-0fcd2aa4]:focus:active { opacity: 1!important } } .tourSummary[data-v-ece696b8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px } .tourSummary_row[data-v-ece696b8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .tourSummary_icon[data-v-ece696b8] { -ms-flex-item-align: start; align-self: start; width: 15px; height: 15px } .tourSummary_icon.-border[data-v-ece696b8] { width: 25px; height: 25px; padding: 5px; border: 1px solid #d2d2d2; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box } .tourSummary_description[data-v-ece696b8] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .tourSummary_description.-normal[data-v-ece696b8] { font-size: 11px } .tourSummary_description.-large[data-v-ece696b8] { font-size: 14px } .tourSummary_hotelRating[data-v-ece696b8] { display: inline-block } .tourSummary_hotelRatingText { display: none } .tourListCassetteMainContents_price[data-v-e739d26c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: auto auto 10px auto } .tourListCassetteMainContents_priceLabel[data-v-e739d26c] { border: 1px solid #63666a; text-align: center; font-size: 11px; border-radius: 15px; padding: 2px 5px; width: 70px } .tourListCassetteMainContents_priceLabel.-red[data-v-e739d26c] { color: #f9423a; border-color: #f9423a } .tourListCassetteMainContents_priceAmount[data-v-e739d26c] { margin-top: 0; font-weight: 700; font-size: 19px; padding-left: 5px; margin-bottom: 0 } .tourListCassetteMainContents_priceAmount.-red[data-v-e739d26c] { color: #f9423a } .tourListCassetteMainContents_priceAmount.-large[data-v-e739d26c] { font-size: 20px } .tourListCassetteMainContents_buttonArea[data-v-e739d26c] { margin-top: 8px; margin-bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .tourListCassetteMainContents_favoriteButton[data-v-e739d26c] { margin-right: 10px } .tourListCassetteMainContents_detailButton[data-v-e739d26c] { background-color: #f9423a; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-weight: 700; position: relative; text-align: center; width: 100%; height: 45px; padding: 0 10px 0 0; font-size: 14px; 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; line-height: 1; -webkit-box-shadow: #c5130b 0 4px; box-shadow: 0 4px #c5130b; letter-spacing: 1.5px } .tourListCassetteMainContents_detailButton .tourListCassetteMainContents_detailUrl[data-v-e739d26c] { display: block; width: 100%; color: #fff; text-decoration: none } .tourListCassette[data-v-332051e5] { font-size: 11px; border-top: 0; border: 0; border-radius: 8px; color: #63666a; background: #fff; -webkit-box-shadow: rgba(0,0,0,.2) 0 0 8px; box-shadow: 0 0 8px rgba(0,0,0,.2); position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .tourListCassette_badges[data-v-332051e5] { grid-area: intention-badges; align-self: start; font-weight: 700 } @media(max-width: 657px) { .tourListCassette_badges[data-v-332051e5] { margin-top:11px } } .tourListCassette_imageArea[data-v-332051e5] { grid-area: image; position: relative } @media(max-width: 657px) { .tourListCassette_imageArea[data-v-332051e5] { width:100% } } .tourListCassette_image[data-v-332051e5] { width: 100%; height: 224px; -o-object-fit: cover; object-fit: cover; border-radius: 5px } @media(max-width: 657px) { .tourListCassette_image[data-v-332051e5] { height:170px } } .tourListCassette_carrierImage[data-v-332051e5] { position: absolute; 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; top: 11px; right: 11px; height: 21px; border-radius: 2em; background-color: #fff; -webkit-box-shadow: rgba(0,0,0,.5) 2px 2px 2px; box-shadow: 2px 2px 2px rgba(0,0,0,.5) } .tourListCassette_multiCarrier[data-v-332051e5] { position: relative; width: 23px; height: 21px; display: inline-block; background-color: #63666a; border-radius: 2em 0 0 2em } .tourListCassette_multiCarrierIcon[data-v-332051e5] { position: absolute; height: auto } .tourListCassette_multiCarrierIcon.-train[data-v-332051e5] { left: 8px; top: 4px; width: 10px } .tourListCassette_multiCarrierIcon.-plane[data-v-332051e5] { left: 7px; top: 7px; width: 12px } .tourListCassette_carrierImageText[data-v-332051e5] { padding-top: 1px; padding-left: 5px; padding-right: 10px; font-size: 11px } .tourListCassette_underSentence[data-v-332051e5] { position: absolute; bottom: 0; width: 100%; padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(0,0,0,.5); color: #fff; font-size: 14px } .tourListCassette_contentsArea[data-v-332051e5] { display: grid; gap: 9px; padding: 15px 14px 5px; grid-template-rows: repeat(4,auto); grid-template-columns: 266fr 280fr; grid-template-areas: "title title" "image intention-badges" "image main-contents" "detail detail" } .tourListCassette_contentsArea.-recommended[data-v-332051e5] { height: auto; min-height: 270px; padding: 12px 11px 2px; border-radius: 8px; border: 4px solid #ffd200 } @media(max-width: 657px) { .tourListCassette_contentsArea[data-v-332051e5] { padding:3px 11px 5px; grid-template-rows: repeat(5,auto); grid-template-columns: 1fr; grid-template-areas: "intention-badges" "image" "title" "main-contents" "detail" } .tourListCassette_contentsArea.-recommended[data-v-332051e5] { padding: 0 8px 2px } } .tourListCassette_titleArea[data-v-332051e5] { grid-area: title; overflow: hidden; margin: auto } @media(max-width: 657px) { .tourListCassette_titleArea[data-v-332051e5] { padding-left:10px; padding-right: 10px; width: 100% } } .tourListCassette_titleLink[data-v-332051e5] { color: #333 } .tourListCassette_title[data-v-332051e5] { margin: 0; height: auto; position: relative; padding: 0; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: initial; text-decoration-style: solid; -webkit-text-decoration-color: initial; text-decoration-color: initial; font-size: 16px; font-weight: 600; line-height: 26px; letter-spacing: .4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-decoration: underline } @media(max-width: 657px) { .tourListCassette_title[data-v-332051e5] { font-size:15px; -webkit-line-clamp: 3 } } .tourListCassette_mainContents[data-v-332051e5] { grid-area: main-contents; align-self: end; padding-bottom: 4px } .tourListCassette_mainContents.-extraMarginTop[data-v-332051e5] { margin-top: 5px } .tourListCassette_price[data-v-332051e5] { margin-top: 12px } @media(max-width: 657px) { .tourListCassette_price[data-v-332051e5] { margin-top:2px } .tourListCassette_price.-tab[data-v-332051e5] { margin-top: 12px } } .tourListCassette_overviewBoxArea[data-v-332051e5] { position: relative; grid-area: detail } .tourListCassette_overviewBox[data-v-332051e5] { 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; border-top: 1px solid #d2d2d2; font-size: 14px; font-weight: 700; padding: 12px 22px; cursor: pointer; height: 46px; letter-spacing: .7px } @media(max-width: 657px) { .tourListCassette_overviewBox[data-v-332051e5] { height:37px; border-top: unset } } .tourListCassette_overviewBoxTextArea[data-v-332051e5] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .tourListCassette_overviewBoxDownArrow[data-v-332051e5] { position: relative; margin-left: 15px; color: #d2d2d2 } @media(max-width: 657px) { .tourListCassette_overviewBoxDownArrow[data-v-332051e5] { margin-left:8px } } .tourListCassette_tourSummaryHeaderArea[data-v-332051e5] { display: table; width: 509px; height: 44px; padding: 0 18px; background-color: #dedfdf; font-size: 13px } @media(max-width: 657px) { .tourListCassette_tourSummaryHeaderArea[data-v-332051e5] { width:320px } } .tourListCassette_tourSummaryHeader[data-v-332051e5] { display: table-cell; vertical-align: middle } .tourListCassette_tourSummary[data-v-332051e5] { width: 509px; padding: 16px; background-color: #fff } @media(max-width: 657px) { .tourListCassette_tourSummary[data-v-332051e5] { width:320px } } .tourListCassette_recommendationTag[data-v-332051e5] { position: absolute; top: 10px; left: 10px; width: 60px; height: 60px; z-index: 1; -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.5)); filter: drop-shadow(2px 2px 2px rgba(0,0,0,.5)) } .tourListCassette_similarTourTabs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 5px; border-bottom: 1px solid #d2d2d2; position: relative } .tourListCassette_similarTourTabs li { border-radius: 4px 4px 0 0; background: #e7e7e7; border: 1px solid #d2d2d2; border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; width: 18%; margin-right: 1%; font-size: 13px; float: left; cursor: pointer } .tourListCassette_similarTourTabs li.active { background: #fff; color: #333; border-bottom: none; font-weight: 700; position: relative; top: 1px } @media(max-width: 657px) { .tourListCassette_similarTourTabs li { width:15% } } .tourList_cassette[data-v-577e1b12] { margin-bottom: 15px } .hideOfflineBox[data-v-577e1b12] { margin-bottom: 16px } .hideOfflineBox label[data-v-577e1b12] { cursor: pointer } .hideOfflineBox .hideOffline[data-v-577e1b12] { display: inline-block!important } .no-tours[data-v-577e1b12] { margin: 20px 0; color: grey; text-align: center } .checkbox[data-v-024222e8] { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .checkbox_input[data-v-024222e8] { display: none } .checkbox_label[data-v-024222e8] { font-weight: 600; cursor: pointer } .checkbox_label.-checkbox.-normal[data-v-024222e8] { padding: 7px 0 7px 30px; font-size: 11px } .checkbox_label.-checkbox.-large[data-v-024222e8] { padding: 7px 0 7px 30px; font-size: 12px } .checkbox_label.-checkbox[data-v-024222e8]:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; -webkit-box-sizing: border-box; background: url(../img/checkbox.fbf8cf3c.svg) } .checkbox_label.-checkbox.-checked[data-v-024222e8]:before { background: url(../img/checkbox01.9fefa7d5.svg) } .checkbox_label.-button[data-v-024222e8] { background-color: #fefefe; border-radius: 30px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2); box-shadow: 1px 1px 2px rgba(0,0,0,.2) } .checkbox_label.-button.-normal[data-v-024222e8] { padding: 6px 14px; font-size: 11px } .checkbox_label.-button.-large[data-v-024222e8] { padding: 8px 20px; font-size: 12px } .checkbox_label.-button.-checked[data-v-024222e8] { background-color: #1f6aad; color: #fff } .checkbox_label.-disabled[data-v-024222e8] { opacity: .5 } .tourFilter_sectionLabel[data-v-2735f6d7] { padding: 10px 14px; background-color: #e7e7e7; font-size: 14px; font-weight: 600 } .tourFilter_section[data-v-2735f6d7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px } .tourFilter_campaign[data-v-2735f6d7] { display: table; width: 100%; height: 36px; margin: 5px 0; -webkit-box-shadow: 1px 1px 3px 0 rgba(50,50,50,.4); box-shadow: 1px 1px 3px 0 rgba(50,50,50,.4); background-color: #fff } @media(max-width: 657px) { .tourFilter_campaign[data-v-2735f6d7] { height:50px } } .tourFilter_selectedIcon[data-v-2735f6d7] { display: table-cell; width: 72px; padding: 0 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAMAAABevo0zAAAARVBMVEX///8AAAAFk9AFk9AFk9AFk9AFk9AFk9AFk9AXm9MspNcNltHZ7viY0+z///+p2u+CyehXt99twOTu+Pz4/P7D5fRCrdtlxfoEAAAACHRSTlMAAGCwENDwwP2cFE0AAAABb3JOVAHPoneaAAABq0lEQVRIx+2XYXPCIAyGW7UaQhqgtP3/P3UJ0NnedMqNL7vtvVNOS56GvDRi14lOZ2ig86nLugzQSMMl8a7QTFclDtBQg9QPmurU3doCbx001l8HGnmhyuTBpi9pfByKzC+Ahh0AqwjT4HMcpeCiGmBgIUpikyBkcD8GKnEciSKTIaL5AKQ0IzGsT3KyhCz71JSRDbEQR7m7DAGAcl4H4D3dInzushECYlyQI+K8PAXuM/wWCLBofDQJEx8vuRRvq+ELIODqJ3n3ARH2ppCqCphKg1ZMjmqxK/tQgGY6uFwH9LtiJ5cn3ZeBF5Tra8q6Ysn0JUOXarl6hRPj/c7vuUwc1L3Ze9k9YqB6NGsNRwU6nuqB/jBT9pFNpqTkQra9bslSpcDziiNTLlh2OcduodsF3n163G2Yg5GqRZusWMwG9Dk3KUZVt1EIh9ITrBOIzUDLuXq27PU3gdpsVvWUqGxiXmESj2LcQmUKVWQ4SzvE5WiKmuSCkLfusdY02DLgp/QR9NJz7mWfdtO9///V+yXA5oel5se55gfO9kfivuWhvVdg37f6WyGo7gMO7HEXQ9dxJgAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 50% 50%; background-size: 62% } .tourFilter_campaignText[data-v-2735f6d7] { display: table-cell; color: #0393d0; font-size: 12px; font-weight: 700; vertical-align: middle } @media(max-width: 657px) { .tourFilter_campaignText[data-v-2735f6d7] { font-size:14px } } .tourFilter_closeCampaign[data-v-2735f6d7] { float: right; width: 30px; height: 20px; margin: 10px 0 10px 10px; border-left: 1px solid #82c9e7; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiAQMAAAAAiZmBAAAABlBMVEX///8Fk9CPthqYAAAAAXRSTlMAQObYZgAAAAFvck5UAc+id5oAAABhSURBVAjXRc4xEQQhEETRRxGQoQAhyDkJSEAaUpCwEjbo2rpkgpme/h/wo2yLuk0ag05n0JjUbVGOi1sOVt2YDUaHPqBNqA+U+5/Z5JpkvtKQtlvORwkx9JjEKoaxjTl4AVaoFOktvA8uAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; cursor: pointer } @media(max-width: 657px) { .tourFilter_closeCampaign[data-v-2735f6d7] { width:40px; height: 30px } } .tourFilter_lpIntentionArea[data-v-2735f6d7] { margin-top: 7px } .tourFilter_title[data-v-2735f6d7] { padding: 8px 14px; color: #fff; background-color: #63666a; font-size: 17px; font-weight: 700; line-height: 1.42857143; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1607843137); box-shadow: 0 1px 4px rgba(0,0,0,.1607843137) } .tourFilter_label[data-v-2735f6d7] { margin-bottom: 5px; font-size: 14px; font-weight: 600 } .tourFilter_label.-noMarginTop[data-v-2735f6d7] { margin-top: 0 } .tourFilter_outboundTimeLabel[data-v-2735f6d7],.tourFilter_returnTimeLabel[data-v-2735f6d7] { font-size: 12px; margin-top: 10px; margin-bottom: 5px } .tourFilter_flexPulldown[data-v-2735f6d7] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .tourFilter_flexPulldown.-gap[data-v-2735f6d7] { margin-left: 10px } .tourFilter_inputHotelName[data-v-2735f6d7] { margin-top: 8px } .tourFilter_range[data-v-2735f6d7] { display: block; text-align: center; padding: 0 10px 0 } .tourFilter_noChoices[data-v-2735f6d7] { width: 100%; padding: 10px; color: #f9423a; font-weight: 700; text-align: center } .tourFilter_budget[data-v-2735f6d7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourFilter_hotelListBox[data-v-2735f6d7] { margin-top: 10px; margin-bottom: 10px; border: 1px solid #d2d2d2; border-radius: 4px } .tourFilter_hotelList[data-v-2735f6d7] { max-height: 200px; padding: 6px; overflow: auto } .tourFilter_hotelRank[data-v-2735f6d7] { display: inline-block; margin-left: 8px } .tourFilter_closeHotelListArea[data-v-2735f6d7] { padding: 8px 0; border: 1px solid #ccc; border-top: none; border-radius: 0 0 4px 4px; background: #ebebeb; text-align: center; cursor: pointer } .tourFilter_closeHotelList[data-v-2735f6d7] { display: inline-block; padding: 8px 40px; border-radius: 4px 4px; background: #f9423a; color: #fff; line-height: 1 } .tourFilter_selectedHotelsArea[data-v-2735f6d7] { margin-top: 12px; margin-bottom: 28px } .tourFilter_selectedHotels[data-v-2735f6d7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 4px 0; cursor: pointer } .tourFilter_hotelUnselectButton[data-v-2735f6d7] { display: inline-block; width: 46px; height: 30px; padding: 8px 10px; background: #cdcdcd; color: #333; border-radius: 3px } .tourFilter_hotelUnselectLabel[data-v-2735f6d7] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 20px; padding-left: 8px } .tourFilter_bottom[data-v-2735f6d7] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 63px; margin: 0 auto; padding: 2%; background: #f6f6f6; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourFilter_bottom.-sticky[data-v-2735f6d7] { position: sticky; bottom: 0 } .tourFilter_count[data-v-2735f6d7] { display: block; width: 40%; font-size: 16px; font-weight: 700; text-align: center } .tourFilter_filterButton[data-v-2735f6d7] { width: 55%; margin: 1px 0 0; padding: 13px 0 13px 10px; background: #f9423a url(https://www.tabikobo.com/tour/media/tabi_sp_files/img/common/ico_search.png) no-repeat 15px 50%; background-size: 18px auto; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 700; text-align: center } .tourFilter_filterButton[data-v-2735f6d7]:disabled { background-color: #d2d2d2 } .tourFilter_outboundTime[data-v-2735f6d7] { display: -webkit-box; display: -ms-flexbox; display: flex } .tourFilter_returnTime[data-v-2735f6d7] { display: -webkit-box; display: -ms-flexbox; display: flex } .tourFilter_radioButton[data-v-2735f6d7] { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); cursor: pointer } .tourFilter_radioButtonLabel[data-v-2735f6d7] { height: 22px; font-size: 11px; cursor: pointer } .tourFilter_allRemoveButton[data-v-2735f6d7] { position: relative; padding-top: 0; padding-left: 18px; color: #347ab0; font-size: 12px; font-weight: 700; border: 0; background-color: #fff; cursor: pointer } .tourFilter_clearAllCrossMark[data-v-2735f6d7] { position: absolute; left: 0; top: 4px } @media(max-width: 657px) { .tourFilter_clearAllCrossMark[data-v-2735f6d7] { top:6px } } .tourFilter_filterBadgesList[data-v-2735f6d7] { border-top: 1px dashed #d2d2d2; padding-top: 8px } .tourFilter_hotelRankLabel { display: none } .tourNotExistCassette[data-v-709dfe09] { font-size: 11px; border-top: 0; border: 0; color: #333; background: #fff; -webkit-box-shadow: rgba(0,0,0,.2) 0 2px 4px 0; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); padding: 10px 10px 25px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 12px; font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,Osaka,sans-serif; min-width: 320px } .tourNotExistCassette_linkText[data-v-709dfe09] { text-decoration: underline; font-size: 15px; font-weight: 700; line-height: 22px } .tourNotExistCassette_wrap[data-v-709dfe09] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tourNotExistCassette_imageArea[data-v-709dfe09] { margin: 15px; text-align: center } .tourNotExistCassette_btn[data-v-709dfe09] { width: 48%; margin-top: 20px; background-color: #f9423a; -webkit-box-shadow: #c5130b 0 4px; box-shadow: 0 4px #c5130b; border-radius: 4px; padding: 0 10px 0 0 } .tourNotExistCassette_area[data-v-709dfe09] { width: 48%; text-align: center; margin-top: 20px; background-color: #f9423a; -webkit-box-shadow: #c5130b 0 4px; box-shadow: 0 4px #c5130b; border-radius: 4px; padding: 0 10px 0 0 } .tourNotExistCassette_area_linkText[data-v-709dfe09] { position: relative; display: block; padding: 10px 12px; font-size: 14px; color: #fff } .tourNotExistCassette_area_linkText[data-v-709dfe09]:hover { text-decoration: none } .tourNotExistCassette_area_linkText i[data-v-709dfe09] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .tourNotExistCassette_area_linkText i[data-v-709dfe09]:before { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle } .tourNotExistCassette_area_linkText i[data-v-709dfe09]:after { border-right: 2px solid; border-top: 2px solid; height: 5px; width: 5px; position: absolute; top: 0; bottom: 0; left: 3px; margin: auto; content: ""; vertical-align: middle; -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg) } .tourListPage[data-v-58890448] { position: relative; 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-align: center; -ms-flex-align: center; align-items: center } .tourListPage_breadcrumbsArea[data-v-58890448] { margin: 0 auto; width: 100%; max-width: 980px; padding: 10px 10px 0 10px; white-space: nowrap; font-size: 11px; background: #f4f4f4 } .tourListPage_searchConditionBoxWrapper[data-v-58890448] { width: 100% } .tourListPage_searchConditionBox[data-v-58890448] { width: 100%; max-width: 960px; border-top: 1px solid #dfdfdf; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1) } .tourListPage_searchConditionBox.-pinned[data-v-58890448] { border-top: none; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: none; box-shadow: none } .tourListPage_searchFormAreaWrapper[data-v-58890448] { width: 100% } .tourListPage_searchFormArea[data-v-58890448] { width: 100%; padding: 8px 0; border-top: 1px solid #dcdcdc; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); background-color: #fff } .tourListPage_searchFormArea.-pinned[data-v-58890448] { border-top: none; border-bottom: 1px solid #dcdcdc; -webkit-box-shadow: none; box-shadow: none } .tourListPage_searchFormLoading[data-v-58890448] { display: block; width: 960px; height: 50px; margin: auto } .tourListPage_searchForm[data-v-58890448] { width: 964px; margin: 0 auto } .tourListPage_sortAreaWrapper[data-v-58890448] { width: 100% } .tourListPage_sortArea[data-v-58890448] { width: 100%; padding: 8px 0; background-color: #f2f2f2 } .tourListPage_sortArea.-pinned[data-v-58890448] { background-color: #fff; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1) } .tourListPage_sortAreaInner[data-v-58890448] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 960px; margin: 0 auto; padding-left: 10px } @media(max-width: 657px) { .tourListPage_sortAreaInner[data-v-58890448] { width:100%; padding: 0 8px } } .tourListPage_sortButtons[data-v-58890448] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px } .tourListPage_sortButton[data-v-58890448] { width: 114px; height: 36px; padding: 0 12px; border: 1px solid #bbd2e6; border-radius: 4px; background: #fff; color: #1f6aad; font-size: 15px; font-weight: 700; line-height: 36px; cursor: pointer } .tourListPage_sortButton.-hotelrank[data-v-58890448] { width: 140px } .tourListPage_sortButton.-active[data-v-58890448] { border: none; background: #1f6aad; color: #fff } .tourListPage_sortButton[data-v-58890448]:focus { outline: 0 } .tourListPage_sortPulldown[data-v-58890448] { max-width: 144px } .tourListPage_linkForSearchAgain[data-v-58890448] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-top: 6px } @media(max-width: 657px) { .tourListPage_linkForSearchAgain[data-v-58890448] { -webkit-box-align:start; -ms-flex-align: start; align-items: start; margin-top: 0; gap: 4px } } .tourListPage_linkForSearchAgainArrow[data-v-58890448] { width: 6px; margin-top: -2px } @media(max-width: 657px) { .tourListPage_linkForSearchAgainArrow[data-v-58890448] { margin-top:3px } } .tourListPage_linkForSearchAgainText[data-v-58890448] { color: #1f6aad; text-decoration: underline } .tourListPage_contentsArea[data-v-58890448] { max-width: 960px; margin: 12px auto 0 } @media(max-width: 657px) { .tourListPage_contentsArea[data-v-58890448] { width:100%; max-width: 657px; margin: 0 auto 0 } } .tourListPageSplitContents[data-v-58890448] { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 10px; gap: 30px } .tourListPage_leftContent[data-v-58890448] { width: 300px } .tourListPage_loadingFilterTile[data-v-58890448] { display: block; position: relative; height: 1000px; margin-bottom: 10px } .tourListPage_rightContent[data-v-58890448] { width: 620px } .tourListPage_vpBanner[data-v-58890448] { text-align: center; margin: 5px 0 17px auto; border: 1px solid #d2d2d2; border-radius: 8px } @media(max-width: 657px) { .tourListPage_vpBanner[data-v-58890448] { padding:0 10px; border: none; border-radius: 0 } } .tourListPage_listArea[data-v-58890448] { padding: 15px 15px 5px; background: #f2f2f2 } @media(max-width: 657px) { .tourListPage_listArea[data-v-58890448] { padding:10px 10px 5px } } .tourListPage_searchFormModal[data-v-58890448] { border-radius: 0 0 8px 8px } .tourListPage_ordermadeArea[data-v-58890448] { width: 100%; border-top: 1px solid #cdcdcd; background-color: #f5f5f4; margin-top: 25px } @media(max-width: 657px) { .tourListPage_ordermadeArea[data-v-58890448] { margin-top:0 } } .tourListPage_ordermadeHead[data-v-58890448] { text-align: center; font-size: 16px; font-weight: 700; padding: 26px 0 21px } .tourListPage_ordermadeUnderArrow[data-v-58890448] { margin-top: 7px } .tourListPage_displayMoreArea[data-v-58890448] { padding-bottom: 15px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f2f2f2 } .tourListPage_filterModal .tourHotelPlaceModal_topbar { text-align: left; border-radius: 0; color: #fff; background-color: #63666a; width: 100%; padding: 8px 14px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; line-height: 1.42857143; vertical-align: middle; height: auto } .tourListPage_filterModal .tourHotelPlaceModal_title { font-size: 17px; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tourListPage_filterModal .btn.btn-link.tourHotelPlaceModal_close { padding: 0; margin-bottom: 0; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid rgba(0,0,0,0); min-height: auto } .tourListPage_tourListTabs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 5px; border-bottom: 1px solid #d2d2d2; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .tourListPage_tourListTabs li { border-radius: 4px 4px 0 0; background: #e7e7e7; border: 1px solid #d2d2d2; border-bottom: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; width: 100%; font-size: 13px; float: left; cursor: pointer; text-align: center } .tourListPage_tourListTabs li.active { background: #f2f2f2; color: #333; border-bottom: none; font-weight: 700; position: relative; top: 1px } .tourListPage_tourListTabTitle { font-size: 16px } .tourListPage_tourListTabs { display: none } .tourCassette[data-v-5682c152] { position: relative; font-size: 11px; border-top: 0; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .tourCassette_contentsArea[data-v-5682c152] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 270px; padding: 15px; color: #333; border: 1px solid #ccc; background: #fff } .tourCassette_contentsArea.-recommended[data-v-5682c152] { height: auto; min-height: 270px; border: 2px solid #ffdc3a; background: #fffff4 } @media(max-width: 657px) { .tourCassette_contentsArea[data-v-5682c152] { display:block; height: auto; padding: 0 } } .tourCassette_leftArea[data-v-5682c152] { position: relative; width: 60%; height: var(--height) } @media(max-width: 657px) { .tourCassette_leftArea[data-v-5682c152] { width:100%; height: 170px } } .tourCassette_imageLink.-suppressHighlight[data-v-5682c152]:hover { opacity: 1 } .tourCassette_image[data-v-5682c152] { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .tourCassette_underSentence[data-v-5682c152] { position: absolute; bottom: 0; width: 100%; padding: 10px; background-color: rgba(0,0,0,.5); color: #fff; font-size: 14px } .tourCassette_rightArea[data-v-5682c152] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; width: 80%; padding-left: 15px; font-size: 15px } @media(max-width: 657px) { .tourCassette_rightArea[data-v-5682c152] { gap:12px; width: 100%; padding: 15px 17px 13px } } .tourCassette_titleLink[data-v-5682c152] { color: #333 } .tourCassette_title[data-v-5682c152] { position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; height: auto; padding: 0; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: initial; text-decoration-style: solid; -webkit-text-decoration-color: initial; text-decoration-color: initial; font-size: 17px; line-height: 26px; letter-spacing: .8px; font-weight: 600; text-decoration: underline } @media(max-width: 657px) { .tourCassette_title[data-v-5682c152] { -webkit-line-clamp:3; overflow: hidden } } .tourCassette_summary[data-v-5682c152] { font-size: 14px; font-family: 游ゴシック Medium,游ゴシック,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif } .tourCassette_tabArea[data-v-5682c152] { margin-top: auto } .tourCassette_priceArea[data-v-5682c152] { margin: 10px auto } .tourCassette_price[data-v-5682c152] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5px } .tourCassette_priceLabel[data-v-5682c152] { color: #63666a; border: 1px solid #63666a; background: #fff; text-align: center; font-size: 11px; border-radius: 15px; padding: 2px 5px; width: 70px; margin: auto 0 } .tourCassette_priceLabel.-red[data-v-5682c152] { color: #f9423a; border-color: #f9423a } .tourCassette_priceAmount[data-v-5682c152] { margin-top: 0; font-weight: 700; font-size: 18px; padding-left: 5px; color: #63666a; margin-bottom: 0 } .tourCassette_priceAmount.-red[data-v-5682c152] { color: #f9423a } .tourCassette_priceAmount.-large[data-v-5682c152] { font-size: 20px } .tourCassette_buttonArea[data-v-5682c152] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 5px; margin-top: 5px; width: 100% } .tourCassette_overviewBoxArea[data-v-5682c152] { position: relative; width: 140px } .tourCassette_overviewBox[data-v-5682c152] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 1px; border-style: solid; border-color: #d2d2d2; border-radius: 4px; background-color: #f4f4f4; color: #63666a; font-size: 14px; font-weight: 700; padding: 12px 22px; height: 40px; cursor: pointer; width: 140px } .tourCassette_overviewBoxDownArrow[data-v-5682c152] { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .tourCassette_tourSummaryHeaderArea[data-v-5682c152] { display: table; width: 509px; height: 44px; padding: 0 18px; background-color: #dedfdf; font-size: 13px } @media(max-width: 657px) { .tourCassette_tourSummaryHeaderArea[data-v-5682c152] { width:320px } } .tourCassette_tourSummaryHeader[data-v-5682c152] { display: table-cell; vertical-align: middle } .tourCassette_tourSummary[data-v-5682c152] { width: 509px; padding: 16px; background-color: #fff } @media(max-width: 657px) { .tourCassette_tourSummary[data-v-5682c152] { width:320px } } .tourCassette_detailButton[data-v-5682c152] { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f9423a; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-weight: 700; text-align: center; height: 40px; padding: 0 10px 0 0; font-size: 14px; line-height: 1 } .tourCassette_detailButton .tourCassette_detailUrl[data-v-5682c152] { display: block; width: 100%; font-weight: 400; color: #fff; text-decoration: none } .tourCassette_recommendationTag[data-v-5682c152] { position: absolute; top: 10px; left: 10px; width: 60px; height: 60px; z-index: 1 } .tourCassette_similarTourTabs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 5px; border-bottom: 1px solid #d2d2d2; position: relative } .tourCassette_similarTourTabs li { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: left; border-radius: 4px 4px 0 0; background: #e7e7e7; border: 1px solid #d2d2d2; border-bottom: none; padding: 10px 0; width: 15%; margin-right: 1%; font-size: 13px; cursor: pointer } .tourCassette_similarTourTabs li.active { position: relative; color: #333; border-bottom: none; font-weight: 700; top: 1px } .tourCassette_similarTourTabs li.active.-normal { background: #fff } .tourCassette_similarTourTabs li.active.-recommend { background: #fffff4 } .tourList[data-v-259576dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px } .tourLp[data-v-c72ab694] { position: relative } .tourLp_breadcrumbsArea[data-v-c72ab694] { margin: 0 auto; max-width: 980px; padding: 10px 10px 0 10px; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 11px; background: #f4f4f4 } .tourLp_titleArea[data-v-c72ab694] { position: relative; width: 100%; height: 540px } @media(max-width: 657px) { .tourLp_titleArea[data-v-c72ab694] { height:411px } } .tourLp_imageArea[data-v-c72ab694] { z-index: -1; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,#79bcf7),to(#bac288)); background: linear-gradient(#79bcf7 25%,#bac288) } .tourLp_titleImage[data-v-c72ab694] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .tourLp_textArea[data-v-c72ab694] { 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: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; gap: 27px; width: 100%; color: #fff } @media(max-width: 657px) { .tourLp_textArea[data-v-c72ab694] { gap:17px; height: calc(100% - 68px) } } .tourLp_title[data-v-c72ab694] { font-size: 70px; font-weight: 700; text-align: center; letter-spacing: 7px; text-shadow: 0 0 6px rgba(0,0,0,.6509803922) } @media(max-width: 657px) { .tourLp_title[data-v-c72ab694] { font-size:min(7.729468599vw,34px); letter-spacing: 3.2px; text-shadow: 0 0 4px rgba(0,0,0,.6509803922) } } .tourLp_description[data-v-c72ab694] { width: 760px; margin: 0 auto; padding: 27px; background-color: rgba(0,0,0,.3); font: normal normal medium 15px/24px Yu Gothic; font-size: 20px; font-weight: 500; line-height: 1.7; letter-spacing: 1px; text-align: center } @media(max-width: 657px) { .tourLp_description[data-v-c72ab694] { width:auto; margin: 0 15px; padding: 21px 2px; font-size: min(3.381642512vw,16px); letter-spacing: .38px } } .tourLp_searchFormArea[data-v-c72ab694] { padding: 16.5px 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1); background-color: #fff } @media(max-width: 657px) { .tourLp_searchFormArea[data-v-c72ab694] { position:relative; top: -68px; margin: 0 15px; padding: 0; -webkit-box-shadow: none; box-shadow: none; background: rgba(0,0,0,0) } } .tourLp_searchFormLoading[data-v-c72ab694] { display: block; width: 960px; height: 50px; margin: auto } @media(max-width: 657px) { .tourLp_searchFormLoading[data-v-c72ab694] { position:absolute; width: 100%; height: 193px; border-radius: 8px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1607843137); box-shadow: 0 2px 2px rgba(0,0,0,.1607843137) } } .tourLp_searchForm[data-v-c72ab694] { max-width: 960px; margin: auto } @media(max-width: 657px) { .tourLp_searchForm[data-v-c72ab694] { position:absolute; width: 100%; border-radius: 8px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1607843137); box-shadow: 0 2px 2px rgba(0,0,0,.1607843137) } } .tourLp_modalSearchForm[data-v-c72ab694] { border-radius: 0 0 8px 8px } .tourLp_pickedUpIntentionArea[data-v-c72ab694] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 70px; background: #efefef } @media(max-width: 657px) { .tourLp_pickedUpIntentionArea[data-v-c72ab694] { height:195px; padding-top: 125px } } .tourLp_pickedUpIntentionLoading[data-v-c72ab694] { width: 100%; height: 70px } .tourLp_pickedUpIntention[data-v-c72ab694] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; margin: 0 auto; width: 100%; max-width: 960px; font-size: 15px; letter-spacing: 1.5px } @media(max-width: 657px) { .tourLp_pickedUpIntention[data-v-c72ab694] { padding-left:8px; white-space: nowrap; overflow: auto } } .tourLp_searchConditionBox[data-v-c72ab694] { position: absolute; visibility: hidden; top: 0; width: 100%; height: 67px; border-bottom: 1px solid #d2d2d2 } .tourLp_searchConditionBox.-visible[data-v-c72ab694] { visibility: visible } .tourLp_listHeaderArea[data-v-c72ab694] { margin: 7px auto; background-color: #fff } .tourLp_listHeaderArea.-pinned[data-v-c72ab694] { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1) } @media(max-width: 657px) { .tourLp_listHeaderArea[data-v-c72ab694] { width:100%; height: 45px; margin: auto auto 13px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1) } .tourLp_listHeaderArea.-pinned[data-v-c72ab694] { -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.1); box-shadow: 0 4px 4px rgba(0,0,0,.1) } } .tourLp_listHeader[data-v-c72ab694] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 960px; height: 62px; margin: 0 auto } @media(max-width: 657px) { .tourLp_listHeader[data-v-c72ab694] { width:100%; height: 45px; margin-bottom: 13px; gap: 4px } } .tourLp_sortArea[data-v-c72ab694] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px } @media(max-width: 657px) { .tourLp_sortArea[data-v-c72ab694] { gap:0 } } .tourLp_sortButton[data-v-c72ab694] { width: 114px; height: 36px; padding: 0 12px; border: 1px solid #bbd2e6; border-radius: 4px; background: #fff; color: #1f6aad; font-size: 15px; font-weight: 700; line-height: 36px; cursor: pointer } .tourLp_sortButton.-hotelrank[data-v-c72ab694] { width: 140px } .tourLp_sortButton.-active[data-v-c72ab694] { border: none; background: #1f6aad; color: #fff } .tourLp_sortButton[data-v-c72ab694]:focus { outline: 0 } .tourLp_sortAreaSeparator[data-v-c72ab694] { width: 1px; height: 16px; background-color: #707070; opacity: .3 } .tourLp_listHeaderRight[data-v-c72ab694] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; height: 100% } @media(max-width: 657px) { .tourLp_listHeaderRight[data-v-c72ab694] { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .tourLp_countArea[data-v-c72ab694] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-size: 14px } @media(max-width: 657px) { .tourLp_countArea[data-v-c72ab694] { margin-right:11px } } .tourLp_count[data-v-c72ab694] { font-size: 22px; font-weight: 700 } @media(max-width: 657px) { .tourLp_count[data-v-c72ab694] { font-size:20px } } .tourLp_contentsArea[data-v-c72ab694] { margin: 0 auto } @media(max-width: 657px) { .tourLp_contentsArea[data-v-c72ab694] { max-width:657px } } .tourLp_listArea[data-v-c72ab694] { margin-bottom: 15px } .tourLp_cassetteArea[data-v-c72ab694] { padding: 15px 10px 5px; max-width: 960px; margin: 0 auto } @media(max-width: 657px) { .tourLp_cassetteArea[data-v-c72ab694] { max-width:657px } } .tourLp_cassetteArea.-mixed[data-v-c72ab694] { padding-bottom: 20px; background: none } .tourLp_tab-content { background: #f7f5f0; border-top: 1px solid #d2d2d2 } .tourLp_tourListTabs { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 960px; margin: auto; padding: 0 5px } @media(max-width: 657px) { .tourLp_tourListTabs { max-width:100% } } .tourLp_tourListTabs li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px 4px 0 0; background: #e7e7e7; border: 1px solid #d2d2d2; border-bottom: none; padding: 10px 0; width: calc(50% - 2px); font-size: 13px; float: left; cursor: pointer; text-align: center } .tourLp_tourListTabs li.active { position: relative; background: #f7f5f0; color: #333; border-bottom: none; font-weight: 700; top: 1px } .tourLp_tourListTabTitle { font-size: 16px } .tourLp_displayMoreArea { padding: 15px 0; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f7f5f0 } .tourLp_displayMoreArea.-mixed { background: none } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; padding-right: 0!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; outline: 0 } .modal-content { position: relative; background-color: #fff } .tourLp_filterModal .tourHotelPlaceModal_topbar { text-align: left; border-radius: 0; color: #fff; background-color: #63666a; width: 100%; padding: 8px 14px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; line-height: 1.42857143; vertical-align: middle; height: auto } .tourLp_filterModal .tourHotelPlaceModal_title { font-size: 17px; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tourLp_filterModal .btn.btn-link.tourHotelPlaceModal_close { padding: 0; margin-bottom: 0; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid rgba(0,0,0,0); min-height: auto } .tourLp_filterModal .modal-dialog { width: 460px } @media(max-width: 657px) { .tourLp_filterModal .modal-dialog { width:unset } } #contents { width: auto } .contents { width: 960px; margin: 0 auto; *zoom:1} .contents:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .nofFoundArea h1 { text-align: center; font-size: 36px; color: #f9423a; font-weight: 700 } .nofFoundArea { background: url(/images/404/map.gif) no-repeat center 50px; background-size: 1000px auto; padding: 100px 0 0 } .textArea { text-align: center } .textArea .text1 { font-weight: 700; font-size: 20px; margin-top: 20px } .textArea .text2 { margin-top: 10px } .linkArea { background: #f9423a; color: #fff; padding: 30px 0; line-height: 1; margin-top: 100px } .linkArea h2 { font-weight: 700; font-size: 20px; float: left; padding-top: 10px } .linkArea ul { float: right; width: 430px } .linkArea ul li { width: 200px; float: left; margin-left: 15px } .linkArea ul li a { display: block; padding: 13px 5px 13px 0; text-align: center; background: #fff; border-radius: 30px; font-weight: 700; font-size: 18px; color: #f9423a; border: 1px solid #f9423a; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative } .linkArea ul li a:hover { color: #fff; border: 1px solid #fff; background: #f9423a; text-decoration: none; opacity: 1 } .linkArea ul li a:after { content: ""; display: block; position: absolute; bottom: 0; top: 0; margin: auto; right: 15px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f9423a; -webkit-transition: all .3s ease; transition: all .3s ease } .linkArea ul li a:hover:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff } .about { background: #f7f5f0; padding: 50px 0 } .about h2 { font-size: 30px; text-align: center; color: #f9423a; margin-bottom: 50px } .flexblock { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-pack: space-between } .about .button { width: 350px; margin: 30px auto 0 } #bp_tour_recommend { background: none!important; padding: 100px 0 50px } #bp_tour_recommend .bp_tour_recommend_list_item { -webkit-filter: drop-shadow(0 3px 5px rgba(0,0,0,.07)); filter: drop-shadow(0 3px 5px rgba(0,0,0,.07)) } a.buttonStyle { display: block; padding: 13px 0; color: #fff; border: 1px solid #f9423a; background: #f9423a; border-radius: 30px; font-size: 18px; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative } a.buttonStyle:hover { color: #f9423a; border: 1px solid #f9423a; background: #fff; text-decoration: none; opacity: 1 } a.buttonStyle span { color: #f9423a; background: #fff; width: 40px; display: block; height: 40px; border-radius: 40px; line-height: 40px; font-size: 12px; position: absolute; left: 20px; top: -20px; -webkit-transition: all .3s ease; transition: all .3s ease } a.buttonStyle:hover span { color: #fff; background: #f9423a } a.buttonStyle:after { content: ""; display: block; position: absolute; bottom: 0; top: 0; margin: auto; right: 15px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff; -webkit-transition: all .3s ease; transition: all .3s ease } a.buttonStyle:hover:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f9423a } .orderMade { padding: 100px 0; background: url(/images/404/bg.jpg) no-repeat bottom; background-size: 100% auto; color: #fff } .orderMade .inner { width: 500px; margin-left: 400px; font-size: 18px; text-align: center } .orderMade .text { font-size: 20px; text-shadow: 0 0 9px rgba(0,0,0,.69); line-height: 2 } .orderMade .button { width: 330px; margin: 30px auto 0 } .sp { display: none } @media screen and (max-width: 768px) { .sp { display:inline-block } .pc { display: none } .nofFoundArea { padding-top: 50px; background-size: 100% auto } .nofFoundArea img { max-width: 100%; height: auto } .nofFoundArea h1 { padding: 0 20px; max-width: 330px; margin: 0 auto; font-size: 20px } .contents { width: auto } .textArea { padding: 0 15px } .textArea .text1 { font-size: 15px } .textArea .text2 { font-size: 14px; line-height: 1.5 } #bp_tour_recommend { padding: 50px 0 30px } .linkArea { padding: 0 15px 20px; margin-top: 30px } .linkArea h2 { float: none; font-size: 16px; text-align: center; line-height: 1.7 } .linkArea ul { width: auto; float: none; margin-top: 15px } .linkArea ul li { width: 49%; margin: 0 } .linkArea ul li:first-child { margin-right: 2% } .about h2 { font-size: 20px } .flexblock { display: block } .flexblock .conceptItem { margin-bottom: 20px; text-align: center } .about .button { width: auto; margin: 0 15px } .orderMade { padding: 30px 15px; background-size: cover } .orderMade .inner { width: auto; margin-left: 0; font-size: 14px; text-align: center } .orderMade .text { font-size: 16px } .orderMade .button { width: auto } .orderMade { padding: 50px 15px; background: url(/images/404/sp_bg.jpg) no-repeat bottom; background-size: 100% auto } .linkArea ul li a { font-size: 16px } a.buttonStyle { font-size: 14px } #bp_tour_recommend .bp_tour_recommend_list_item h4:before { background: #fff!important } }