Initial Setup

#social-bar { width:100%; background-color: #424242; } .social-circle { background-color: #dcdcdc; border-radius: 50%; height: 30px; width: 30px; margin-left: 10px; } .privacy-line { width:auto; margin:0 auto; border-collapse:separate; border-spacing:10px; color:#a7a7a7; font-size: 17px; font-weight: 500; display: flex; padding: 1% 30%; } #privacy-line a { font-weight:500 !important; } #footer-2020 { background: #585858; color: white; text-align: center; font-size: 14px; column-count: 3; padding: 1% 33%; } #footer-2020 table { width:auto; margin:0 auto; border-collapse:separate; border-spacing:20px; } #footer-2020 a { font-weight: bold; font-size: 18px; letter-spacing: 1px; } .footer { position: inherit; right: 0; left: 0; height: 40px; width: 100%; font-size: 13px; } .footer a { color: #cfcfcf !important; text-decoration: none; } .footer-sub-title {font-weight: bold; letter-spacing: 1px;} .footer a:hover { color: #efeeee !important; text-decoration: none; } ul.footer-context li { list-style: none !important; font-size: 15px; padding-left: 0px; } .footer-context { font-size: .875rem; font-weight: 600; letter-spacing: 0.8px; } .footer-info-2 { background-color: #424242; padding: 1% 20%; display: flex; border: 0; } .footer-content {margin-left: 4%;} .footer-sns { margin: 0 auto; display: flex; padding: 0.5% 40%; } .footer-sns-img { height: 75%; padding-top: 25%; } .privacy-line-terms {padding-left: 2%;} /* ----------- iPhone X ----------- */ /* Portrait */ @media only screen and (min-width: 375px) and (max-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .footer {display: block;} #footer-2020 {column-count: 1;} .privacy-line {display: block; padding: 1% 5%;} .footer-info-2 {padding: 5%; display: block; column-count: 1;} .footer-sns {padding: 0.5% 5%;} } /* Landscape */ @media only screen and (min-height: 375px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .footer {display: block;} .wrap-landing-page-column {margin-left: 2%;} #footer-2020 {padding: 2% 12%;} .footer-info-2 {padding: 1% 2%;} .footer-sns {padding: 0.5% 29%;} .footer-sns {padding: 0.5% 29%;} .privacy-line {font-size: 13px; padding: 1% 10%;} } /* ----------- iPad ----------- */ /* Portrait */ @media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { #footer-2020 a {font-size: 16px;} #footer-2020 {padding: 2% 10%;} .footer-info-2{padding: 1% 4%;} .footer-sns {padding: 1% 27%;} .privacy-line {font-size: 14px; padding: 1% 2%;} .footer-content {margin-left: 2%;} } @media screen and (min-width: 1024px) { #footer-2020{padding: 1% 20%;} .footer-info-2 {padding: 2% 8%;} .footer-sns {padding: 0.5% 33%;} .privacy-line {padding: 2.5% 8%;}} @media screen and (min-width: 1366px) { #footer-2020 { padding: 1.2% 24%;} .footer-info-2 {padding: 1% 15%;}.footer-sns {padding: 1% 36%;} .privacy-line {padding: 2% 17%;}} @media screen and (min-width: 1800px) { #footer-2020 {padding: 0.8% 30%;}.footer-info-2 {padding: 1% 25%;} .footer-sns { padding: 0.5% 41%; } .privacy-line {padding: 1% 27%;} .banner-graphic {background-position: -250px -50px;}} var d = new Date(); document.getElementById("year").innerHTML = d.getFullYear();

Initial Setup

SOLUTIONS

RESOURCES

SERVICE SUPPORT

HOW TO BUY

ABOUT US