.upper_bg { height: 6vw; background: url('https://app.nearme.jp/static/img/footer_header.webp'); background-size: 100% }
@media (max-width:699px) {
.upper_bg { margin-bottom: -1px; height: 8vw; background-size: 100%!important; background: url('https://app.nearme.jp/static/img/footer_header_sp.webp') }
}
.wrap-button { position: sticky; bottom: 0; width: 100%; z-index: 10; transform: translateY(85px); transition: transform .5s ease, opacity .5s ease }
.wrap-button.slide-up { transform: translateY(0) }
.global-footer { position: relative; background: #db2776; margin-bottom:80px;}
@media (max-width:768px) {
.global-footer { position: unset }
}
.global-footer.dark { background: #37194b }
.global-footer .footer-content { width: 81.25%; max-width: 1350px; margin: 0 auto }
@media (min-width:700px) and (max-width:1024px) {
.global-footer .footer-content { width: 93.75% }
}
@media (max-width:699px) {
.global-footer .footer-content { width: 87.2% }
}
.global-footer .footer-content>div { padding: 0 .88462% }
@media (min-width:700px) and (max-width:1024px) {
.global-footer .footer-content>div { padding: 0 3.11111% }
}
@media (max-width:699px) {
.global-footer .footer-content>div { padding: 0 7.33945% }
}
.global-footer .footer-content .footer-head { border-bottom: solid 1px #fff; margin: 0 auto; display: flex; align-items: center; justify-content: space-between }
@media (max-width:699px) {
.global-footer .footer-content .footer-head { display: block }
}
.global-footer .footer-content .footer-head .get-the-app { font-size: 2.1875vw; line-height: 1.25; padding: 2.67857em 0 2.57143em; color: #fff; font-weight: 100 }
@media (min-width:1025px) and (max-width:1280px) {
.global-footer .footer-content .footer-head .get-the-app { font-size: 2.8rem }
}
@media (min-width:700px) and (max-width:1024px) {
.global-footer .footer-content .footer-head .get-the-app { font-size: 2.5vw; line-height: 1.25 }
}
@media (max-width:699px) {
.global-footer .footer-content .footer-head .get-the-app { font-size: 5.33333vw; line-height: 1.25 }
}
@media (min-width:700px) and (max-width:1024px) {
.global-footer .footer-content .footer-head .get-the-app { padding: 2.5em 0 2.5em }
}
@media (max-width:699px) {
.global-footer .footer-content .footer-head .get-the-app { padding: 2.8em 0 .75em }
}
.global-footer .footer-content .footer-head .app-links { text-align: center; line-height: 0 }
@media (max-width:699px) {
.global-footer .footer-content .footer-head .app-links { padding-bottom: 16.66667% }
}
.global-footer .footer-content .footer-head .app-links ul { zoom: 1 }
.global-footer .footer-content .footer-head .app-links ul:after { content: ""; display: block; clear: both }
@media (max-width:699px) {
.global-footer .footer-content .footer-head .app-links ul { display: flex; justify-content: space-between }
.global-footer .footer-content .footer-head .app-links ul:after { display: none }
}
.global-footer .footer-content .footer-head .app-links ul li { float: left }
.global-footer .footer-content .footer-head .app-links ul li:not(:last-child) { margin-right: 16px }
@media (max-width:699px) {
.global-footer .footer-content .footer-head .app-links ul li:not(:last-child) { margin-right: 0 }
}
.global-footer .footer-content .footer-head .app-links ul li.button-app-store, .global-footer .footer-content .footer-head .app-links ul li.button-google-play { height: 62px }
@media (min-width:700px) and (max-width:1024px) {
.global-footer .footer-content .footer-head .app-links ul li.button-app-store, .global-footer .footer-content .footer-head .app-links ul li.button-google-play { height: 50px }
}
@media (max-width:699px) {
.global-footer .footer-content .footer-head .app-links ul li.button-app-store, .global-footer .footer-content .footer-head .app-links ul li.button-google-play { height: auto }
}
@media (min-width:1025px) and (max-width:1279px) {
.global-footer .footer-content .footer-head .app-links ul li.button-app-store, .global-footer .footer-content .footer-head .app-links ul li.button-google-play { height: 54px }
}
.global-footer .footer-content .footer-head .app-links ul li a { display: block; height: 100%; transition: opacity .2s }
.global-footer .footer-content .footer-head .app-links ul li a:hover { opacity: .8 }
.global-footer .footer-content .footer-head .app-links ul li a img { width: auto; height: 100% }
@media (max-width:699px) {
.global-footer .footer-content .footer-head .app-links ul li a img { width: 100%; height: auto }
}
@media (max-width:699px) {
.global-footer .footer-content .footer-head .app-links ul li.button-app-store { width: 42.47312% }
.global-footer .footer-content .footer-head .app-links ul li.button-google-play { width: 52.15054% }
}
.global-footer .footer-content .footer-pc-nav { display: block; font-size:.85938vw;
line-height: 1.45455; color: #969696; letter-spacing: .05em }
@media (max-width:699px) {
.global-footer .footer-content .footer-pc-nav { display: none }
}
@media (min-width:1025px) and (max-width:1280px) {
.global-footer .footer-content .footer-pc-nav { font-size: 1.1rem }
}
@media (min-width:1500px) {
.global-footer .footer-content .footer-pc-nav { font-size: 12.89063px }
}
.global-footer .footer-content .footer-pc-nav .lower, .global-footer .footer-content .footer-pc-nav .upper { display: flex; justify-content: space-between }
.global-footer .footer-content .footer-pc-nav .lower .col1, .global-footer .footer-content .footer-pc-nav .upper .col1 li { width: 16.81818em }
.global-footer .footer-content .footer-pc-nav .lower .col2, .global-footer .footer-content .footer-pc-nav .upper .col2 { width: 19.81818em }
.global-footer .footer-content .footer-pc-nav .lower .col2, .global-footer .footer-content .footer-pc-nav .upper .col1 { width: 18em }
.global-footer .footer-content .footer-pc-nav .lower .col3, .global-footer .footer-content .footer-pc-nav .upper .col3 { width: 10.45455em }
.global-footer .footer-content .footer-pc-nav .lower .col4, .global-footer .footer-content .footer-pc-nav .upper .col4 { width: 7.72727em }
.global-footer .footer-content .footer-pc-nav .upper .last-col .nav-group-last-item { height: 115px }
.global-footer .footer-content .footer-pc-nav .upper .last-col .nav-group-last-item .nav-item div { margin-bottom: 15px }
@media (min-width:700px) and (max-width:900px) {
.global-footer .footer-content .footer-pc-nav .upper .col1 li:first-child>a>img { width: 100% }
}
.global-footer .footer-content .footer-pc-nav .upper { padding: 7.14286% 0 5.10204% }
.global-footer .footer-content .footer-pc-nav .upper .logo-img { width: 180px; height: auto }
.global-footer .footer-content .footer-pc-nav .upper .col1 .social { width: auto; justify-content: space-between; margin-top: 28px; align-items: center; gap: 10px; display: flex }
@media (min-width:700px) and (max-width:1025px) {
.global-footer .footer-content .footer-pc-nav .upper { flex-wrap: wrap }
.global-footer .footer-content .footer-pc-nav .upper .col1 { flex-basis: 100%; display: flex; align-items: center; flex-direction: column; margin-bottom: 60px }
.global-footer .footer-content .footer-pc-nav .upper .col1 .social { gap: 30px }
.global-footer .footer-content .footer-pc-nav .upper .nav-group { flex-basis: 28% }
}
.global-footer .footer-content .footer-pc-nav .upper .col1 .social .icon { margin-right: 1, 3vw }
.global-footer .footer-content .footer-pc-nav .upper .col1 .social .icon.facebook { position: relative }
.global-footer .footer-content .footer-pc-nav .upper .nav-group .nav-item:not(:last-child) { margin-bottom: 56px }
.global-footer .footer-content .footer-pc-nav .upper .nav-group .nav-item .nav-label { color: #fff; margin-bottom: 15px; font-size: 14px; font-weight: 600 }
.global-footer .footer-content .footer-pc-nav .upper .nav-group .nav-item.airport .nav-text { display: flex; justify-content: space-between }
.global-footer .footer-content .footer-pc-nav .upper .nav-group .nav-item .nav-text { font-size: 14px; color: #fff; font-weight: 300 }
.global-footer .footer-content .footer-pc-nav .upper .nav-group a { color: #fff; transition: opacity .2s }
.global-footer .footer-content .footer-pc-nav .upper .nav-group a:hover { opacity: .8 }
.global-footer .footer-content .footer-pc-nav .lower { align-items: flex-end; padding-bottom: 3.57143% }
.global-footer .footer-content .footer-pc-nav .lower .nav-group .nav-item:not(:last-child) { margin-bottom: 1em }
.global-footer .footer-content .footer-pc-nav .lower a { color: #fff; transition: color .2s }
.global-footer .footer-content .footer-pc-nav .lower a:hover { color: #fff }
.global-footer .footer-content .footer-pc-nav .langs { position: relative; height: 26px; transition: height .3s; width: 9.5em }
.global-footer .footer-content .footer-pc-nav .langs ul { position: absolute; box-sizing: border-box; bottom: 2.36364em; width: 100%; height: 0; overflow: hidden; border-left: solid 1px #fff; border-right: solid 1px #fff; margin-bottom: -1px }
.global-footer .footer-content .footer-pc-nav .langs ul li { border-top: solid 1px #fff }
.global-footer .footer-content .footer-pc-nav .langs ul li a { display: block; color: #fff; padding: .36364em .7em }
.global-footer .footer-content .footer-pc-nav .langs ul li:last-child { border-bottom: solid 1px #fff }
.global-footer .footer-content .footer-pc-nav .langs .button { position: relative; display: block; cursor: pointer; border: solid 1px #fff }
.global-footer .footer-content .footer-pc-nav .langs .button .text { padding: .36364em .7em; color: #fff }
.global-footer .footer-content .footer-pc-nav .langs .button .arrow { position: absolute; top: 0; right: 0; width: 2.09em; height: 100%; border-left: solid 1px #fff; color: #fff; transform: scale(1, -1); display: flex; align-items: center; justify-content: center }
.global-footer .footer-content .footer-pc-nav .langs .button .arrow:after { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\e903"; font-size: 90.90909%; transform: scale(.6) }
.global-footer .footer-content .footer-pc-nav .langs.opened ul { height: auto }
.global-footer .footer-content .footer-pc-nav .langs.opened .button .arrow { transform: scale(1, 1) }
.global-footer .footer-content .footer-sp-nav { display: none }
@media (max-width:1024px) and (min-width:700px) {
.global-footer .footer-content .footer-pc-nav .upper .col1 .social .icon .logo-img { width: 80% }
}
@media (max-width:699px) {
.global-footer .footer-content .footer-sp-nav { display: block }
}
.global-footer .footer-content .footer-sp-nav .footer-logo { padding-top: 21.50538%; padding-bottom: 12.33692%; text-align: center }
.global-footer .footer-content .footer-sp-nav .footer-logo .logo-img { width: 31.72043%; height: auto }
@media (max-width:699px) {
.global-footer .footer-content .footer-sp-nav .footer-logo { padding-top: 110px }
.global-footer .footer-content .footer-sp-nav .footer-logo .logo-img { width: 180px; height: auto }
}
.global-footer .footer-content .footer-sp-nav .nav { font-size: 2.66667vw; line-height: 1.8; color: #969696; letter-spacing: .05em; justify-content: space-between }
.global-footer .footer-content .footer-sp-nav .nav.social { justify-content: space-evenly; padding: 0 0 110px 0 }
.global-footer .footer-content .footer-sp-nav .nav.social .icon.facebook { position: relative; bottom: 2px }
.global-footer .footer-content .footer-sp-nav .nav.social .icon img { width: 37px }
.global-footer .footer-content .footer-sp-nav .nav a { color: #fff }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item { margin-bottom: 3em }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item.short { margin-bottom: 2em }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item:last-child { margin-bottom: 0 }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item .nav-label { color: #fff; margin-bottom: 15px; font-size: 14px; font-weight: 600 }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item .nav-text { font-size: 14px; line-height: 1.5; color: #fff }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item.short .nav-label { margin-bottom: .5em }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item.short .nav-text { color: #969696 }
.global-footer .footer-content .footer-sp-nav .nav .nav-group .nav-item.short .nav-text a { color: #fff }
.last-col { display: flex; flex-direction: column; justify-content: space-between }
.global-footer .footer-aside { position: absolute; top: 0; left: 0; width: 67px; height: 100% }
@media (max-width:1024px) {
.global-footer .footer-aside { position: relative; width: auto; height: auto }
}
.global-footer .footer-aside .copyright { display: flex; align-items: center; justify-content: center; height: 100%; transform: rotate(180deg) }
@media (max-width:1024px) {
.global-footer .footer-aside .copyright { height: 80px; transform: none }
}
.global-footer .footer-aside .copyright span { font-size: 110%; font-size: 1.1rem; line-height: 1.45455; writing-mode: tb-rl; color: #fff }
@media (min-width:700px) and (max-width:1024px) {
.global-footer .footer-aside .copyright span { font-size: 110%; font-size: 1.1rem; line-height: 1.45455; writing-mode: initial }
}
@media (max-width:699px) {
.global-footer .footer-aside .copyright span { font-size: 100%; font-size: 1rem; line-height: 1.5; writing-mode: initial }
}
.kefu{ display: block; width:100%; margin:0 auto;position: fixed; bottom:0; height:70px; background:#fff; }
.kefu .ws{ width:50%; float:left; display:block; text-align:center; }
.kefu .ws a{line-height:30px;}
.kefu .ws i{ height:30px; width:100%; padding:10px 0 0; display:block}