@charset "UTF-8";
@charset 'UTF-8';
@charset "UTF-8";
.ctis-load-more-container,
.ctis-finished-notice {
text-align: center;
clear: both;
}
.ctis-loader-elements {
margin: 20px auto;
padding: 20px 0;
}
.ctis-loader-elements span {
line-height: 50px;
}
#ctis-loading {
clear: both;
display: none;
text-align: center;
}
.spinner {
display: inline-block;
}
#ctis-loading img {
max-width: 100%;
width: auto;
}
.create-masonry:not(.woocommerce) .ctis-finished-notice,
.catchadaptive-masonry:not(.woocommerce) .ctis-finished-notice {
position: absolute;
width: 100%;
bottom: 0px;
}
.infinite-loader {
color: #000;
display: block;
}
#infinite-handle,
#ctis-loading {
margin: 20px 0;
}
#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover {
display: inline;
position: static;
padding: 0;
margin: 0;
border: none;
background: 0 0;
color: inherit;
cursor: pointer;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
box-shadow: none;
-webkit-transition: none;
transition: none;
}
@media (max-width: 800px) {
#infinite-handle span:before {
display: none;
}
#infinite-handle span {
display: block;
}
}
.ctis-load-more button,
.ctis-load-more button:hover,
.ctis-load-more button:focus,
.ctis-load-more button:active {
outline: 0;
}
.ctis-ad-container {
clear: both;
text-align: center;
}
.ctis-ad-container img {
max-width: 100%;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
} .cptapagination-content {}
.cptapagination-content ul {
text-align:center;
}
.list-cptapagination {
padding-top: 25px;
text-align:center;
}
.cptapagination-content a{
text-decoration:none;
}
.cpta-Section {
padding: 0 0 50px;
}
ul.list-cptapagination li {
float: left;
list-style: outside none none;
width: auto;
text-align:none;
margin:0 5px;
}
ul.list-cptapagination li a {
background: #ccc none repeat scroll 0 0;
border: 1px solid #ccc;
color: #000000;
padding: 5px 15px;
}
.btn-cptapagi {
background: #cccccc none repeat scroll 0 0;
border: 1px solid #ccc;
box-shadow: 0 0 15px #ccc inset;
color: #000000;
float: right;
padding: 5px 15px;
}
.pagitext {
width: auto !important;
}
.active {
background: #000 none repeat scroll 0 0 !important;
color:#ffffff !important;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
      @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap");
@font-face {
font-family: "Noto Sans";
src: url(//rarejapanesenfts.com/wp-content/themes/nft/fonts/notosans-medium.woff2) format("woff2"), url(//rarejapanesenfts.com/wp-content/themes/nft/fonts/notosans-medium.woff) format("woff");
font-weight: normal;
font-style: normal;
}            *,
::before,
::after {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;  box-sizing: border-box;
}
html,
body {
min-height: 100%;
} html {
font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} ul,
ol {
list-style: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { display: block;
} input,
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none; border: none;
border-radius: 0;
background: none;
font-family: "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
-webkit-box-shadow: none;
box-shadow: none;
resize: none;
}
select { text-indent: 0.01px;
text-overflow: "";
}
select::-ms-expand { display: none;
}
textarea {
overflow: auto;
}
button,
[type=button],
[type=reset],
[type=submit] {
border: 0;
cursor: pointer;
}
[disabled] {
cursor: default;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} a {
background-color: transparent; text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
b,
strong {
font-weight: bold;
}
img {
border-style: none; vertical-align: bottom; }
svg:not(:root) {
overflow: hidden;
} html {
font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 1024px) {
html {
overflow-x: hidden;
max-width: 100vw;
}
}
body {
color: #242424;
font-family: "Noto Sans JP", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow-x: hidden;
background: #fff;
font-weight: 400;
font-style: normal;
line-height: 1.6;
font-size: 1.6rem;
letter-spacing: 0;
background: #ffffff;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.font_en {
font-family: "Noto Sans";
}
@media all and (-ms-high-contrast: none) {
body {
line-height: 2;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 1.4rem;
}
} .u-fs_50 {
font-size: 0.5rem;
}
@media screen and (max-width: 767px) {
.u-fs_50_sp {
font-size: 0.5rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_50_tab {
font-size: 0.5rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_50_pc {
font-size: 0.5rem !important;
}
}
.u-fs_55 {
font-size: 0.55rem;
}
@media screen and (max-width: 767px) {
.u-fs_55_sp {
font-size: 0.55rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_55_tab {
font-size: 0.55rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_55_pc {
font-size: 0.55rem !important;
}
}
.u-fs_60 {
font-size: 0.6rem;
}
@media screen and (max-width: 767px) {
.u-fs_60_sp {
font-size: 0.6rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_60_tab {
font-size: 0.6rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_60_pc {
font-size: 0.6rem !important;
}
}
.u-fs_65 {
font-size: 0.65rem;
}
@media screen and (max-width: 767px) {
.u-fs_65_sp {
font-size: 0.65rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_65_tab {
font-size: 0.65rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_65_pc {
font-size: 0.65rem !important;
}
}
.u-fs_70 {
font-size: 0.7rem;
}
@media screen and (max-width: 767px) {
.u-fs_70_sp {
font-size: 0.7rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_70_tab {
font-size: 0.7rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_70_pc {
font-size: 0.7rem !important;
}
}
.u-fs_75 {
font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
.u-fs_75_sp {
font-size: 0.75rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_75_tab {
font-size: 0.75rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_75_pc {
font-size: 0.75rem !important;
}
}
.u-fs_80 {
font-size: 0.8rem;
}
@media screen and (max-width: 767px) {
.u-fs_80_sp {
font-size: 0.8rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_80_tab {
font-size: 0.8rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_80_pc {
font-size: 0.8rem !important;
}
}
.u-fs_85 {
font-size: 0.85rem;
}
@media screen and (max-width: 767px) {
.u-fs_85_sp {
font-size: 0.85rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_85_tab {
font-size: 0.85rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_85_pc {
font-size: 0.85rem !important;
}
}
.u-fs_90 {
font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
.u-fs_90_sp {
font-size: 0.9rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_90_tab {
font-size: 0.9rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_90_pc {
font-size: 0.9rem !important;
}
}
.u-fs_95 {
font-size: 0.95rem;
}
@media screen and (max-width: 767px) {
.u-fs_95_sp {
font-size: 0.95rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_95_tab {
font-size: 0.95rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_95_pc {
font-size: 0.95rem !important;
}
}
.u-fs_100 {
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.u-fs_100_sp {
font-size: 1rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_100_tab {
font-size: 1rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_100_pc {
font-size: 1rem !important;
}
}
.u-fs_105 {
font-size: 1.05rem;
}
@media screen and (max-width: 767px) {
.u-fs_105_sp {
font-size: 1.05rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_105_tab {
font-size: 1.05rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_105_pc {
font-size: 1.05rem !important;
}
}
.u-fs_110 {
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.u-fs_110_sp {
font-size: 1.1rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_110_tab {
font-size: 1.1rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_110_pc {
font-size: 1.1rem !important;
}
}
.u-fs_115 {
font-size: 1.15rem;
}
@media screen and (max-width: 767px) {
.u-fs_115_sp {
font-size: 1.15rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_115_tab {
font-size: 1.15rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_115_pc {
font-size: 1.15rem !important;
}
}
.u-fs_120 {
font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
.u-fs_120_sp {
font-size: 1.2rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_120_tab {
font-size: 1.2rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_120_pc {
font-size: 1.2rem !important;
}
}
.u-fs_125 {
font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
.u-fs_125_sp {
font-size: 1.25rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_125_tab {
font-size: 1.25rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_125_pc {
font-size: 1.25rem !important;
}
}
.u-fs_130 {
font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
.u-fs_130_sp {
font-size: 1.3rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_130_tab {
font-size: 1.3rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_130_pc {
font-size: 1.3rem !important;
}
}
.u-fs_135 {
font-size: 1.35rem;
}
@media screen and (max-width: 767px) {
.u-fs_135_sp {
font-size: 1.35rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_135_tab {
font-size: 1.35rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_135_pc {
font-size: 1.35rem !important;
}
}
.u-fs_140 {
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.u-fs_140_sp {
font-size: 1.4rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_140_tab {
font-size: 1.4rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_140_pc {
font-size: 1.4rem !important;
}
}
.u-fs_145 {
font-size: 1.45rem;
}
@media screen and (max-width: 767px) {
.u-fs_145_sp {
font-size: 1.45rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_145_tab {
font-size: 1.45rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_145_pc {
font-size: 1.45rem !important;
}
}
.u-fs_150 {
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.u-fs_150_sp {
font-size: 1.5rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_150_tab {
font-size: 1.5rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_150_pc {
font-size: 1.5rem !important;
}
}
.u-fs_155 {
font-size: 1.55rem;
}
@media screen and (max-width: 767px) {
.u-fs_155_sp {
font-size: 1.55rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_155_tab {
font-size: 1.55rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_155_pc {
font-size: 1.55rem !important;
}
}
.u-fs_160 {
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.u-fs_160_sp {
font-size: 1.6rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_160_tab {
font-size: 1.6rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_160_pc {
font-size: 1.6rem !important;
}
}
.u-fs_165 {
font-size: 1.65rem;
}
@media screen and (max-width: 767px) {
.u-fs_165_sp {
font-size: 1.65rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_165_tab {
font-size: 1.65rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_165_pc {
font-size: 1.65rem !important;
}
}
.u-fs_170 {
font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
.u-fs_170_sp {
font-size: 1.7rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_170_tab {
font-size: 1.7rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_170_pc {
font-size: 1.7rem !important;
}
}
.u-fs_175 {
font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
.u-fs_175_sp {
font-size: 1.75rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_175_tab {
font-size: 1.75rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_175_pc {
font-size: 1.75rem !important;
}
}
.u-fs_180 {
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.u-fs_180_sp {
font-size: 1.8rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_180_tab {
font-size: 1.8rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_180_pc {
font-size: 1.8rem !important;
}
}
.u-fs_185 {
font-size: 1.85rem;
}
@media screen and (max-width: 767px) {
.u-fs_185_sp {
font-size: 1.85rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_185_tab {
font-size: 1.85rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_185_pc {
font-size: 1.85rem !important;
}
}
.u-fs_190 {
font-size: 1.9rem;
}
@media screen and (max-width: 767px) {
.u-fs_190_sp {
font-size: 1.9rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_190_tab {
font-size: 1.9rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_190_pc {
font-size: 1.9rem !important;
}
}
.u-fs_195 {
font-size: 1.95rem;
}
@media screen and (max-width: 767px) {
.u-fs_195_sp {
font-size: 1.95rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_195_tab {
font-size: 1.95rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_195_pc {
font-size: 1.95rem !important;
}
}
.u-fs_200 {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.u-fs_200_sp {
font-size: 2rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_200_tab {
font-size: 2rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_200_pc {
font-size: 2rem !important;
}
}
.u-fs_205 {
font-size: 2.05rem;
}
@media screen and (max-width: 767px) {
.u-fs_205_sp {
font-size: 2.05rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_205_tab {
font-size: 2.05rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_205_pc {
font-size: 2.05rem !important;
}
}
.u-fs_210 {
font-size: 2.1rem;
}
@media screen and (max-width: 767px) {
.u-fs_210_sp {
font-size: 2.1rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_210_tab {
font-size: 2.1rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_210_pc {
font-size: 2.1rem !important;
}
}
.u-fs_215 {
font-size: 2.15rem;
}
@media screen and (max-width: 767px) {
.u-fs_215_sp {
font-size: 2.15rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_215_tab {
font-size: 2.15rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_215_pc {
font-size: 2.15rem !important;
}
}
.u-fs_220 {
font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
.u-fs_220_sp {
font-size: 2.2rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_220_tab {
font-size: 2.2rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_220_pc {
font-size: 2.2rem !important;
}
}
.u-fs_225 {
font-size: 2.25rem;
}
@media screen and (max-width: 767px) {
.u-fs_225_sp {
font-size: 2.25rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_225_tab {
font-size: 2.25rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_225_pc {
font-size: 2.25rem !important;
}
}
.u-fs_230 {
font-size: 2.3rem;
}
@media screen and (max-width: 767px) {
.u-fs_230_sp {
font-size: 2.3rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_230_tab {
font-size: 2.3rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_230_pc {
font-size: 2.3rem !important;
}
}
.u-fs_235 {
font-size: 2.35rem;
}
@media screen and (max-width: 767px) {
.u-fs_235_sp {
font-size: 2.35rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_235_tab {
font-size: 2.35rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_235_pc {
font-size: 2.35rem !important;
}
}
.u-fs_240 {
font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
.u-fs_240_sp {
font-size: 2.4rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_240_tab {
font-size: 2.4rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_240_pc {
font-size: 2.4rem !important;
}
}
.u-fs_245 {
font-size: 2.45rem;
}
@media screen and (max-width: 767px) {
.u-fs_245_sp {
font-size: 2.45rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_245_tab {
font-size: 2.45rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_245_pc {
font-size: 2.45rem !important;
}
}
.u-fs_250 {
font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
.u-fs_250_sp {
font-size: 2.5rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_250_tab {
font-size: 2.5rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_250_pc {
font-size: 2.5rem !important;
}
}
.u-fs_255 {
font-size: 2.55rem;
}
@media screen and (max-width: 767px) {
.u-fs_255_sp {
font-size: 2.55rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_255_tab {
font-size: 2.55rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_255_pc {
font-size: 2.55rem !important;
}
}
.u-fs_260 {
font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
.u-fs_260_sp {
font-size: 2.6rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_260_tab {
font-size: 2.6rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_260_pc {
font-size: 2.6rem !important;
}
}
.u-fs_265 {
font-size: 2.65rem;
}
@media screen and (max-width: 767px) {
.u-fs_265_sp {
font-size: 2.65rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_265_tab {
font-size: 2.65rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_265_pc {
font-size: 2.65rem !important;
}
}
.u-fs_270 {
font-size: 2.7rem;
}
@media screen and (max-width: 767px) {
.u-fs_270_sp {
font-size: 2.7rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_270_tab {
font-size: 2.7rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_270_pc {
font-size: 2.7rem !important;
}
}
.u-fs_275 {
font-size: 2.75rem;
}
@media screen and (max-width: 767px) {
.u-fs_275_sp {
font-size: 2.75rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_275_tab {
font-size: 2.75rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_275_pc {
font-size: 2.75rem !important;
}
}
.u-fs_280 {
font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
.u-fs_280_sp {
font-size: 2.8rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_280_tab {
font-size: 2.8rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_280_pc {
font-size: 2.8rem !important;
}
}
.u-fs_285 {
font-size: 2.85rem;
}
@media screen and (max-width: 767px) {
.u-fs_285_sp {
font-size: 2.85rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_285_tab {
font-size: 2.85rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_285_pc {
font-size: 2.85rem !important;
}
}
.u-fs_290 {
font-size: 2.9rem;
}
@media screen and (max-width: 767px) {
.u-fs_290_sp {
font-size: 2.9rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_290_tab {
font-size: 2.9rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_290_pc {
font-size: 2.9rem !important;
}
}
.u-fs_295 {
font-size: 2.95rem;
}
@media screen and (max-width: 767px) {
.u-fs_295_sp {
font-size: 2.95rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_295_tab {
font-size: 2.95rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_295_pc {
font-size: 2.95rem !important;
}
}
.u-fs_300 {
font-size: 3rem;
}
@media screen and (max-width: 767px) {
.u-fs_300_sp {
font-size: 3rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_300_tab {
font-size: 3rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_300_pc {
font-size: 3rem !important;
}
}
.u-fs_305 {
font-size: 3.05rem;
}
@media screen and (max-width: 767px) {
.u-fs_305_sp {
font-size: 3.05rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_305_tab {
font-size: 3.05rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_305_pc {
font-size: 3.05rem !important;
}
}
.u-fs_310 {
font-size: 3.1rem;
}
@media screen and (max-width: 767px) {
.u-fs_310_sp {
font-size: 3.1rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_310_tab {
font-size: 3.1rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_310_pc {
font-size: 3.1rem !important;
}
}
.u-fs_315 {
font-size: 3.15rem;
}
@media screen and (max-width: 767px) {
.u-fs_315_sp {
font-size: 3.15rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_315_tab {
font-size: 3.15rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_315_pc {
font-size: 3.15rem !important;
}
}
.u-fs_320 {
font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
.u-fs_320_sp {
font-size: 3.2rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_320_tab {
font-size: 3.2rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_320_pc {
font-size: 3.2rem !important;
}
}
.u-fs_325 {
font-size: 3.25rem;
}
@media screen and (max-width: 767px) {
.u-fs_325_sp {
font-size: 3.25rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_325_tab {
font-size: 3.25rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_325_pc {
font-size: 3.25rem !important;
}
}
.u-fs_330 {
font-size: 3.3rem;
}
@media screen and (max-width: 767px) {
.u-fs_330_sp {
font-size: 3.3rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_330_tab {
font-size: 3.3rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_330_pc {
font-size: 3.3rem !important;
}
}
.u-fs_335 {
font-size: 3.35rem;
}
@media screen and (max-width: 767px) {
.u-fs_335_sp {
font-size: 3.35rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_335_tab {
font-size: 3.35rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_335_pc {
font-size: 3.35rem !important;
}
}
.u-fs_340 {
font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
.u-fs_340_sp {
font-size: 3.4rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_340_tab {
font-size: 3.4rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_340_pc {
font-size: 3.4rem !important;
}
}
.u-fs_345 {
font-size: 3.45rem;
}
@media screen and (max-width: 767px) {
.u-fs_345_sp {
font-size: 3.45rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_345_tab {
font-size: 3.45rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_345_pc {
font-size: 3.45rem !important;
}
}
.u-fs_350 {
font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
.u-fs_350_sp {
font-size: 3.5rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_350_tab {
font-size: 3.5rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_350_pc {
font-size: 3.5rem !important;
}
}
.u-fs_355 {
font-size: 3.55rem;
}
@media screen and (max-width: 767px) {
.u-fs_355_sp {
font-size: 3.55rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_355_tab {
font-size: 3.55rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_355_pc {
font-size: 3.55rem !important;
}
}
.u-fs_360 {
font-size: 3.6rem;
}
@media screen and (max-width: 767px) {
.u-fs_360_sp {
font-size: 3.6rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_360_tab {
font-size: 3.6rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_360_pc {
font-size: 3.6rem !important;
}
}
.u-fs_365 {
font-size: 3.65rem;
}
@media screen and (max-width: 767px) {
.u-fs_365_sp {
font-size: 3.65rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_365_tab {
font-size: 3.65rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_365_pc {
font-size: 3.65rem !important;
}
}
.u-fs_370 {
font-size: 3.7rem;
}
@media screen and (max-width: 767px) {
.u-fs_370_sp {
font-size: 3.7rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_370_tab {
font-size: 3.7rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_370_pc {
font-size: 3.7rem !important;
}
}
.u-fs_375 {
font-size: 3.75rem;
}
@media screen and (max-width: 767px) {
.u-fs_375_sp {
font-size: 3.75rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_375_tab {
font-size: 3.75rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_375_pc {
font-size: 3.75rem !important;
}
}
.u-fs_380 {
font-size: 3.8rem;
}
@media screen and (max-width: 767px) {
.u-fs_380_sp {
font-size: 3.8rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_380_tab {
font-size: 3.8rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_380_pc {
font-size: 3.8rem !important;
}
}
.u-fs_385 {
font-size: 3.85rem;
}
@media screen and (max-width: 767px) {
.u-fs_385_sp {
font-size: 3.85rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_385_tab {
font-size: 3.85rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_385_pc {
font-size: 3.85rem !important;
}
}
.u-fs_390 {
font-size: 3.9rem;
}
@media screen and (max-width: 767px) {
.u-fs_390_sp {
font-size: 3.9rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_390_tab {
font-size: 3.9rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_390_pc {
font-size: 3.9rem !important;
}
}
.u-fs_395 {
font-size: 3.95rem;
}
@media screen and (max-width: 767px) {
.u-fs_395_sp {
font-size: 3.95rem !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-fs_395_tab {
font-size: 3.95rem !important;
}
}
@media screen and (min-width: 1025px) {
.u-fs_395_pc {
font-size: 3.95rem !important;
}
}
.u-lh_100 {
line-height: 100;
}
.u-lh_110 {
line-height: 110;
}
.u-lh_120 {
line-height: 120;
}
.u-lh_130 {
line-height: 130;
}
.u-lh_140 {
line-height: 140;
}
.u-lh_150 {
line-height: 150;
}
.u-lh_160 {
line-height: 160;
}
.u-lh_170 {
line-height: 170;
}
.u-lh_180 {
line-height: 180;
}
.u-lh_190 {
line-height: 190;
}
.u-lh_200 {
line-height: 200;
}
.u-lh_210 {
line-height: 210;
}
.u-lh_220 {
line-height: 220;
}
.u-lh_230 {
line-height: 230;
}
.u-lh_240 {
line-height: 240;
}
.u-lh_250 {
line-height: 250;
}
.u-z_1 {
z-index: 1;
}
.u-z_2 {
z-index: 2;
}
.u-z_3 {
z-index: 3;
}
.u-z_4 {
z-index: 4;
} .u-m0 {
margin: 0px 0;
}
@media screen and (max-width: 767px) {
.u-m0_sp {
margin: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m0_tab {
margin: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m0_pc {
margin: 0px !important;
}
}
.u-m5 {
margin: 0px 5;
}
@media screen and (max-width: 767px) {
.u-m5_sp {
margin: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m5_tab {
margin: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m5_pc {
margin: 5px !important;
}
}
.u-m10 {
margin: 0px 10;
}
@media screen and (max-width: 767px) {
.u-m10_sp {
margin: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m10_tab {
margin: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m10_pc {
margin: 10px !important;
}
}
.u-m15 {
margin: 0px 15;
}
@media screen and (max-width: 767px) {
.u-m15_sp {
margin: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m15_tab {
margin: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m15_pc {
margin: 15px !important;
}
}
.u-m20 {
margin: 0px 20;
}
@media screen and (max-width: 767px) {
.u-m20_sp {
margin: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m20_tab {
margin: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m20_pc {
margin: 20px !important;
}
}
.u-m25 {
margin: 0px 25;
}
@media screen and (max-width: 767px) {
.u-m25_sp {
margin: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m25_tab {
margin: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m25_pc {
margin: 25px !important;
}
}
.u-m30 {
margin: 0px 30;
}
@media screen and (max-width: 767px) {
.u-m30_sp {
margin: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m30_tab {
margin: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m30_pc {
margin: 30px !important;
}
}
.u-m35 {
margin: 0px 35;
}
@media screen and (max-width: 767px) {
.u-m35_sp {
margin: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m35_tab {
margin: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m35_pc {
margin: 35px !important;
}
}
.u-m40 {
margin: 0px 40;
}
@media screen and (max-width: 767px) {
.u-m40_sp {
margin: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m40_tab {
margin: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m40_pc {
margin: 40px !important;
}
}
.u-m45 {
margin: 0px 45;
}
@media screen and (max-width: 767px) {
.u-m45_sp {
margin: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m45_tab {
margin: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m45_pc {
margin: 45px !important;
}
}
.u-m50 {
margin: 0px 50;
}
@media screen and (max-width: 767px) {
.u-m50_sp {
margin: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m50_tab {
margin: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m50_pc {
margin: 50px !important;
}
}
.u-m55 {
margin: 0px 55;
}
@media screen and (max-width: 767px) {
.u-m55_sp {
margin: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m55_tab {
margin: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m55_pc {
margin: 55px !important;
}
}
.u-m60 {
margin: 0px 60;
}
@media screen and (max-width: 767px) {
.u-m60_sp {
margin: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m60_tab {
margin: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m60_pc {
margin: 60px !important;
}
}
.u-m65 {
margin: 0px 65;
}
@media screen and (max-width: 767px) {
.u-m65_sp {
margin: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m65_tab {
margin: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m65_pc {
margin: 65px !important;
}
}
.u-m70 {
margin: 0px 70;
}
@media screen and (max-width: 767px) {
.u-m70_sp {
margin: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m70_tab {
margin: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m70_pc {
margin: 70px !important;
}
}
.u-m75 {
margin: 0px 75;
}
@media screen and (max-width: 767px) {
.u-m75_sp {
margin: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m75_tab {
margin: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m75_pc {
margin: 75px !important;
}
}
.u-m80 {
margin: 0px 80;
}
@media screen and (max-width: 767px) {
.u-m80_sp {
margin: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m80_tab {
margin: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m80_pc {
margin: 80px !important;
}
}
.u-m85 {
margin: 0px 85;
}
@media screen and (max-width: 767px) {
.u-m85_sp {
margin: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m85_tab {
margin: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m85_pc {
margin: 85px !important;
}
}
.u-m90 {
margin: 0px 90;
}
@media screen and (max-width: 767px) {
.u-m90_sp {
margin: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m90_tab {
margin: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m90_pc {
margin: 90px !important;
}
}
.u-m95 {
margin: 0px 95;
}
@media screen and (max-width: 767px) {
.u-m95_sp {
margin: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m95_tab {
margin: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m95_pc {
margin: 95px !important;
}
}
.u-m100 {
margin: 0px 100;
}
@media screen and (max-width: 767px) {
.u-m100_sp {
margin: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m100_tab {
margin: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m100_pc {
margin: 100px !important;
}
}
.u-m105 {
margin: 0px 105;
}
@media screen and (max-width: 767px) {
.u-m105_sp {
margin: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m105_tab {
margin: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m105_pc {
margin: 105px !important;
}
}
.u-m110 {
margin: 0px 110;
}
@media screen and (max-width: 767px) {
.u-m110_sp {
margin: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m110_tab {
margin: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m110_pc {
margin: 110px !important;
}
}
.u-m115 {
margin: 0px 115;
}
@media screen and (max-width: 767px) {
.u-m115_sp {
margin: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m115_tab {
margin: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m115_pc {
margin: 115px !important;
}
}
.u-m120 {
margin: 0px 120;
}
@media screen and (max-width: 767px) {
.u-m120_sp {
margin: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m120_tab {
margin: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m120_pc {
margin: 120px !important;
}
}
.u-m125 {
margin: 0px 125;
}
@media screen and (max-width: 767px) {
.u-m125_sp {
margin: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m125_tab {
margin: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m125_pc {
margin: 125px !important;
}
}
.u-m130 {
margin: 0px 130;
}
@media screen and (max-width: 767px) {
.u-m130_sp {
margin: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m130_tab {
margin: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m130_pc {
margin: 130px !important;
}
}
.u-m135 {
margin: 0px 135;
}
@media screen and (max-width: 767px) {
.u-m135_sp {
margin: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m135_tab {
margin: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m135_pc {
margin: 135px !important;
}
}
.u-m140 {
margin: 0px 140;
}
@media screen and (max-width: 767px) {
.u-m140_sp {
margin: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m140_tab {
margin: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m140_pc {
margin: 140px !important;
}
}
.u-m145 {
margin: 0px 145;
}
@media screen and (max-width: 767px) {
.u-m145_sp {
margin: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m145_tab {
margin: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m145_pc {
margin: 145px !important;
}
}
.u-m150 {
margin: 0px 150;
}
@media screen and (max-width: 767px) {
.u-m150_sp {
margin: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m150_tab {
margin: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m150_pc {
margin: 150px !important;
}
}
.u-m155 {
margin: 0px 155;
}
@media screen and (max-width: 767px) {
.u-m155_sp {
margin: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m155_tab {
margin: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m155_pc {
margin: 155px !important;
}
}
.u-m160 {
margin: 0px 160;
}
@media screen and (max-width: 767px) {
.u-m160_sp {
margin: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m160_tab {
margin: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m160_pc {
margin: 160px !important;
}
}
.u-m165 {
margin: 0px 165;
}
@media screen and (max-width: 767px) {
.u-m165_sp {
margin: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m165_tab {
margin: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m165_pc {
margin: 165px !important;
}
}
.u-m170 {
margin: 0px 170;
}
@media screen and (max-width: 767px) {
.u-m170_sp {
margin: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m170_tab {
margin: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m170_pc {
margin: 170px !important;
}
}
.u-m175 {
margin: 0px 175;
}
@media screen and (max-width: 767px) {
.u-m175_sp {
margin: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m175_tab {
margin: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m175_pc {
margin: 175px !important;
}
}
.u-m180 {
margin: 0px 180;
}
@media screen and (max-width: 767px) {
.u-m180_sp {
margin: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m180_tab {
margin: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m180_pc {
margin: 180px !important;
}
}
.u-m185 {
margin: 0px 185;
}
@media screen and (max-width: 767px) {
.u-m185_sp {
margin: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m185_tab {
margin: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m185_pc {
margin: 185px !important;
}
}
.u-m190 {
margin: 0px 190;
}
@media screen and (max-width: 767px) {
.u-m190_sp {
margin: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m190_tab {
margin: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m190_pc {
margin: 190px !important;
}
}
.u-m195 {
margin: 0px 195;
}
@media screen and (max-width: 767px) {
.u-m195_sp {
margin: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m195_tab {
margin: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m195_pc {
margin: 195px !important;
}
}
.u-m200 {
margin: 0px 200;
}
@media screen and (max-width: 767px) {
.u-m200_sp {
margin: 200px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m200_tab {
margin: 200px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m200_pc {
margin: 200px !important;
}
}
.u-m205 {
margin: 0px 205;
}
@media screen and (max-width: 767px) {
.u-m205_sp {
margin: 205px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m205_tab {
margin: 205px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m205_pc {
margin: 205px !important;
}
}
.u-m210 {
margin: 0px 210;
}
@media screen and (max-width: 767px) {
.u-m210_sp {
margin: 210px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m210_tab {
margin: 210px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m210_pc {
margin: 210px !important;
}
}
.u-m215 {
margin: 0px 215;
}
@media screen and (max-width: 767px) {
.u-m215_sp {
margin: 215px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m215_tab {
margin: 215px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m215_pc {
margin: 215px !important;
}
}
.u-m220 {
margin: 0px 220;
}
@media screen and (max-width: 767px) {
.u-m220_sp {
margin: 220px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m220_tab {
margin: 220px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m220_pc {
margin: 220px !important;
}
}
.u-m225 {
margin: 0px 225;
}
@media screen and (max-width: 767px) {
.u-m225_sp {
margin: 225px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m225_tab {
margin: 225px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m225_pc {
margin: 225px !important;
}
}
.u-m230 {
margin: 0px 230;
}
@media screen and (max-width: 767px) {
.u-m230_sp {
margin: 230px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m230_tab {
margin: 230px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m230_pc {
margin: 230px !important;
}
}
.u-m235 {
margin: 0px 235;
}
@media screen and (max-width: 767px) {
.u-m235_sp {
margin: 235px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m235_tab {
margin: 235px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m235_pc {
margin: 235px !important;
}
}
.u-m240 {
margin: 0px 240;
}
@media screen and (max-width: 767px) {
.u-m240_sp {
margin: 240px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m240_tab {
margin: 240px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m240_pc {
margin: 240px !important;
}
}
.u-m245 {
margin: 0px 245;
}
@media screen and (max-width: 767px) {
.u-m245_sp {
margin: 245px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m245_tab {
margin: 245px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m245_pc {
margin: 245px !important;
}
}
.u-m250 {
margin: 0px 250;
}
@media screen and (max-width: 767px) {
.u-m250_sp {
margin: 250px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m250_tab {
margin: 250px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m250_pc {
margin: 250px !important;
}
}
.u-m255 {
margin: 0px 255;
}
@media screen and (max-width: 767px) {
.u-m255_sp {
margin: 255px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m255_tab {
margin: 255px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m255_pc {
margin: 255px !important;
}
}
.u-m260 {
margin: 0px 260;
}
@media screen and (max-width: 767px) {
.u-m260_sp {
margin: 260px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m260_tab {
margin: 260px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m260_pc {
margin: 260px !important;
}
}
.u-m265 {
margin: 0px 265;
}
@media screen and (max-width: 767px) {
.u-m265_sp {
margin: 265px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m265_tab {
margin: 265px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m265_pc {
margin: 265px !important;
}
}
.u-m270 {
margin: 0px 270;
}
@media screen and (max-width: 767px) {
.u-m270_sp {
margin: 270px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m270_tab {
margin: 270px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m270_pc {
margin: 270px !important;
}
}
.u-m275 {
margin: 0px 275;
}
@media screen and (max-width: 767px) {
.u-m275_sp {
margin: 275px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m275_tab {
margin: 275px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m275_pc {
margin: 275px !important;
}
}
.u-m280 {
margin: 0px 280;
}
@media screen and (max-width: 767px) {
.u-m280_sp {
margin: 280px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m280_tab {
margin: 280px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m280_pc {
margin: 280px !important;
}
}
.u-m285 {
margin: 0px 285;
}
@media screen and (max-width: 767px) {
.u-m285_sp {
margin: 285px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m285_tab {
margin: 285px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m285_pc {
margin: 285px !important;
}
}
.u-m290 {
margin: 0px 290;
}
@media screen and (max-width: 767px) {
.u-m290_sp {
margin: 290px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m290_tab {
margin: 290px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m290_pc {
margin: 290px !important;
}
}
.u-m295 {
margin: 0px 295;
}
@media screen and (max-width: 767px) {
.u-m295_sp {
margin: 295px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-m295_tab {
margin: 295px !important;
}
}
@media screen and (min-width: 1025px) {
.u-m295_pc {
margin: 295px !important;
}
}
.u-ml0 {
margin-left: 0px;
}
@media screen and (max-width: 767px) {
.u-ml0_sp {
margin-left: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml0_tab {
margin-left: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml0_pc {
margin-left: 0px !important;
}
}
.u-ml5 {
margin-left: 5px;
}
@media screen and (max-width: 767px) {
.u-ml5_sp {
margin-left: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml5_tab {
margin-left: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml5_pc {
margin-left: 5px !important;
}
}
.u-ml10 {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.u-ml10_sp {
margin-left: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml10_tab {
margin-left: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml10_pc {
margin-left: 10px !important;
}
}
.u-ml15 {
margin-left: 15px;
}
@media screen and (max-width: 767px) {
.u-ml15_sp {
margin-left: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml15_tab {
margin-left: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml15_pc {
margin-left: 15px !important;
}
}
.u-ml20 {
margin-left: 20px;
}
@media screen and (max-width: 767px) {
.u-ml20_sp {
margin-left: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml20_tab {
margin-left: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml20_pc {
margin-left: 20px !important;
}
}
.u-ml25 {
margin-left: 25px;
}
@media screen and (max-width: 767px) {
.u-ml25_sp {
margin-left: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml25_tab {
margin-left: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml25_pc {
margin-left: 25px !important;
}
}
.u-ml30 {
margin-left: 30px;
}
@media screen and (max-width: 767px) {
.u-ml30_sp {
margin-left: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml30_tab {
margin-left: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml30_pc {
margin-left: 30px !important;
}
}
.u-ml35 {
margin-left: 35px;
}
@media screen and (max-width: 767px) {
.u-ml35_sp {
margin-left: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml35_tab {
margin-left: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml35_pc {
margin-left: 35px !important;
}
}
.u-ml40 {
margin-left: 40px;
}
@media screen and (max-width: 767px) {
.u-ml40_sp {
margin-left: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml40_tab {
margin-left: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml40_pc {
margin-left: 40px !important;
}
}
.u-ml45 {
margin-left: 45px;
}
@media screen and (max-width: 767px) {
.u-ml45_sp {
margin-left: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml45_tab {
margin-left: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml45_pc {
margin-left: 45px !important;
}
}
.u-ml50 {
margin-left: 50px;
}
@media screen and (max-width: 767px) {
.u-ml50_sp {
margin-left: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml50_tab {
margin-left: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml50_pc {
margin-left: 50px !important;
}
}
.u-ml55 {
margin-left: 55px;
}
@media screen and (max-width: 767px) {
.u-ml55_sp {
margin-left: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml55_tab {
margin-left: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml55_pc {
margin-left: 55px !important;
}
}
.u-ml60 {
margin-left: 60px;
}
@media screen and (max-width: 767px) {
.u-ml60_sp {
margin-left: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml60_tab {
margin-left: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml60_pc {
margin-left: 60px !important;
}
}
.u-ml65 {
margin-left: 65px;
}
@media screen and (max-width: 767px) {
.u-ml65_sp {
margin-left: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml65_tab {
margin-left: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml65_pc {
margin-left: 65px !important;
}
}
.u-ml70 {
margin-left: 70px;
}
@media screen and (max-width: 767px) {
.u-ml70_sp {
margin-left: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml70_tab {
margin-left: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml70_pc {
margin-left: 70px !important;
}
}
.u-ml75 {
margin-left: 75px;
}
@media screen and (max-width: 767px) {
.u-ml75_sp {
margin-left: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml75_tab {
margin-left: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml75_pc {
margin-left: 75px !important;
}
}
.u-ml80 {
margin-left: 80px;
}
@media screen and (max-width: 767px) {
.u-ml80_sp {
margin-left: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml80_tab {
margin-left: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml80_pc {
margin-left: 80px !important;
}
}
.u-ml85 {
margin-left: 85px;
}
@media screen and (max-width: 767px) {
.u-ml85_sp {
margin-left: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml85_tab {
margin-left: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml85_pc {
margin-left: 85px !important;
}
}
.u-ml90 {
margin-left: 90px;
}
@media screen and (max-width: 767px) {
.u-ml90_sp {
margin-left: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml90_tab {
margin-left: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml90_pc {
margin-left: 90px !important;
}
}
.u-ml95 {
margin-left: 95px;
}
@media screen and (max-width: 767px) {
.u-ml95_sp {
margin-left: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml95_tab {
margin-left: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml95_pc {
margin-left: 95px !important;
}
}
.u-ml100 {
margin-left: 100px;
}
@media screen and (max-width: 767px) {
.u-ml100_sp {
margin-left: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml100_tab {
margin-left: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml100_pc {
margin-left: 100px !important;
}
}
.u-ml105 {
margin-left: 105px;
}
@media screen and (max-width: 767px) {
.u-ml105_sp {
margin-left: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml105_tab {
margin-left: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml105_pc {
margin-left: 105px !important;
}
}
.u-ml110 {
margin-left: 110px;
}
@media screen and (max-width: 767px) {
.u-ml110_sp {
margin-left: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml110_tab {
margin-left: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml110_pc {
margin-left: 110px !important;
}
}
.u-ml115 {
margin-left: 115px;
}
@media screen and (max-width: 767px) {
.u-ml115_sp {
margin-left: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml115_tab {
margin-left: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml115_pc {
margin-left: 115px !important;
}
}
.u-ml120 {
margin-left: 120px;
}
@media screen and (max-width: 767px) {
.u-ml120_sp {
margin-left: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml120_tab {
margin-left: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml120_pc {
margin-left: 120px !important;
}
}
.u-ml125 {
margin-left: 125px;
}
@media screen and (max-width: 767px) {
.u-ml125_sp {
margin-left: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml125_tab {
margin-left: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml125_pc {
margin-left: 125px !important;
}
}
.u-ml130 {
margin-left: 130px;
}
@media screen and (max-width: 767px) {
.u-ml130_sp {
margin-left: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml130_tab {
margin-left: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml130_pc {
margin-left: 130px !important;
}
}
.u-ml135 {
margin-left: 135px;
}
@media screen and (max-width: 767px) {
.u-ml135_sp {
margin-left: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml135_tab {
margin-left: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml135_pc {
margin-left: 135px !important;
}
}
.u-ml140 {
margin-left: 140px;
}
@media screen and (max-width: 767px) {
.u-ml140_sp {
margin-left: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml140_tab {
margin-left: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml140_pc {
margin-left: 140px !important;
}
}
.u-ml145 {
margin-left: 145px;
}
@media screen and (max-width: 767px) {
.u-ml145_sp {
margin-left: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml145_tab {
margin-left: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml145_pc {
margin-left: 145px !important;
}
}
.u-ml150 {
margin-left: 150px;
}
@media screen and (max-width: 767px) {
.u-ml150_sp {
margin-left: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml150_tab {
margin-left: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml150_pc {
margin-left: 150px !important;
}
}
.u-ml155 {
margin-left: 155px;
}
@media screen and (max-width: 767px) {
.u-ml155_sp {
margin-left: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml155_tab {
margin-left: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml155_pc {
margin-left: 155px !important;
}
}
.u-ml160 {
margin-left: 160px;
}
@media screen and (max-width: 767px) {
.u-ml160_sp {
margin-left: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml160_tab {
margin-left: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml160_pc {
margin-left: 160px !important;
}
}
.u-ml165 {
margin-left: 165px;
}
@media screen and (max-width: 767px) {
.u-ml165_sp {
margin-left: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml165_tab {
margin-left: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml165_pc {
margin-left: 165px !important;
}
}
.u-ml170 {
margin-left: 170px;
}
@media screen and (max-width: 767px) {
.u-ml170_sp {
margin-left: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml170_tab {
margin-left: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml170_pc {
margin-left: 170px !important;
}
}
.u-ml175 {
margin-left: 175px;
}
@media screen and (max-width: 767px) {
.u-ml175_sp {
margin-left: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml175_tab {
margin-left: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml175_pc {
margin-left: 175px !important;
}
}
.u-ml180 {
margin-left: 180px;
}
@media screen and (max-width: 767px) {
.u-ml180_sp {
margin-left: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml180_tab {
margin-left: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml180_pc {
margin-left: 180px !important;
}
}
.u-ml185 {
margin-left: 185px;
}
@media screen and (max-width: 767px) {
.u-ml185_sp {
margin-left: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml185_tab {
margin-left: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml185_pc {
margin-left: 185px !important;
}
}
.u-ml190 {
margin-left: 190px;
}
@media screen and (max-width: 767px) {
.u-ml190_sp {
margin-left: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml190_tab {
margin-left: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml190_pc {
margin-left: 190px !important;
}
}
.u-ml195 {
margin-left: 195px;
}
@media screen and (max-width: 767px) {
.u-ml195_sp {
margin-left: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml195_tab {
margin-left: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml195_pc {
margin-left: 195px !important;
}
}
.u-ml200 {
margin-left: 200px;
}
@media screen and (max-width: 767px) {
.u-ml200_sp {
margin-left: 200px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml200_tab {
margin-left: 200px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml200_pc {
margin-left: 200px !important;
}
}
.u-ml205 {
margin-left: 205px;
}
@media screen and (max-width: 767px) {
.u-ml205_sp {
margin-left: 205px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml205_tab {
margin-left: 205px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml205_pc {
margin-left: 205px !important;
}
}
.u-ml210 {
margin-left: 210px;
}
@media screen and (max-width: 767px) {
.u-ml210_sp {
margin-left: 210px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml210_tab {
margin-left: 210px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml210_pc {
margin-left: 210px !important;
}
}
.u-ml215 {
margin-left: 215px;
}
@media screen and (max-width: 767px) {
.u-ml215_sp {
margin-left: 215px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml215_tab {
margin-left: 215px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml215_pc {
margin-left: 215px !important;
}
}
.u-ml220 {
margin-left: 220px;
}
@media screen and (max-width: 767px) {
.u-ml220_sp {
margin-left: 220px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml220_tab {
margin-left: 220px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml220_pc {
margin-left: 220px !important;
}
}
.u-ml225 {
margin-left: 225px;
}
@media screen and (max-width: 767px) {
.u-ml225_sp {
margin-left: 225px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml225_tab {
margin-left: 225px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml225_pc {
margin-left: 225px !important;
}
}
.u-ml230 {
margin-left: 230px;
}
@media screen and (max-width: 767px) {
.u-ml230_sp {
margin-left: 230px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml230_tab {
margin-left: 230px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml230_pc {
margin-left: 230px !important;
}
}
.u-ml235 {
margin-left: 235px;
}
@media screen and (max-width: 767px) {
.u-ml235_sp {
margin-left: 235px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml235_tab {
margin-left: 235px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml235_pc {
margin-left: 235px !important;
}
}
.u-ml240 {
margin-left: 240px;
}
@media screen and (max-width: 767px) {
.u-ml240_sp {
margin-left: 240px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml240_tab {
margin-left: 240px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml240_pc {
margin-left: 240px !important;
}
}
.u-ml245 {
margin-left: 245px;
}
@media screen and (max-width: 767px) {
.u-ml245_sp {
margin-left: 245px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml245_tab {
margin-left: 245px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml245_pc {
margin-left: 245px !important;
}
}
.u-ml250 {
margin-left: 250px;
}
@media screen and (max-width: 767px) {
.u-ml250_sp {
margin-left: 250px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml250_tab {
margin-left: 250px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml250_pc {
margin-left: 250px !important;
}
}
.u-ml255 {
margin-left: 255px;
}
@media screen and (max-width: 767px) {
.u-ml255_sp {
margin-left: 255px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml255_tab {
margin-left: 255px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml255_pc {
margin-left: 255px !important;
}
}
.u-ml260 {
margin-left: 260px;
}
@media screen and (max-width: 767px) {
.u-ml260_sp {
margin-left: 260px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml260_tab {
margin-left: 260px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml260_pc {
margin-left: 260px !important;
}
}
.u-ml265 {
margin-left: 265px;
}
@media screen and (max-width: 767px) {
.u-ml265_sp {
margin-left: 265px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml265_tab {
margin-left: 265px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml265_pc {
margin-left: 265px !important;
}
}
.u-ml270 {
margin-left: 270px;
}
@media screen and (max-width: 767px) {
.u-ml270_sp {
margin-left: 270px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml270_tab {
margin-left: 270px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml270_pc {
margin-left: 270px !important;
}
}
.u-ml275 {
margin-left: 275px;
}
@media screen and (max-width: 767px) {
.u-ml275_sp {
margin-left: 275px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml275_tab {
margin-left: 275px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml275_pc {
margin-left: 275px !important;
}
}
.u-ml280 {
margin-left: 280px;
}
@media screen and (max-width: 767px) {
.u-ml280_sp {
margin-left: 280px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml280_tab {
margin-left: 280px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml280_pc {
margin-left: 280px !important;
}
}
.u-ml285 {
margin-left: 285px;
}
@media screen and (max-width: 767px) {
.u-ml285_sp {
margin-left: 285px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml285_tab {
margin-left: 285px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml285_pc {
margin-left: 285px !important;
}
}
.u-ml290 {
margin-left: 290px;
}
@media screen and (max-width: 767px) {
.u-ml290_sp {
margin-left: 290px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml290_tab {
margin-left: 290px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml290_pc {
margin-left: 290px !important;
}
}
.u-ml295 {
margin-left: 295px;
}
@media screen and (max-width: 767px) {
.u-ml295_sp {
margin-left: 295px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-ml295_tab {
margin-left: 295px !important;
}
}
@media screen and (min-width: 1025px) {
.u-ml295_pc {
margin-left: 295px !important;
}
}
.u-mr0 {
margin-right: 0px;
}
@media screen and (max-width: 767px) {
.u-mr0_sp {
margin-right: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr0_tab {
margin-right: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr0_pc {
margin-right: 0px !important;
}
}
.u-mr5 {
margin-right: 5px;
}
@media screen and (max-width: 767px) {
.u-mr5_sp {
margin-right: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr5_tab {
margin-right: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr5_pc {
margin-right: 5px !important;
}
}
.u-mr10 {
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.u-mr10_sp {
margin-right: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr10_tab {
margin-right: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr10_pc {
margin-right: 10px !important;
}
}
.u-mr15 {
margin-right: 15px;
}
@media screen and (max-width: 767px) {
.u-mr15_sp {
margin-right: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr15_tab {
margin-right: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr15_pc {
margin-right: 15px !important;
}
}
.u-mr20 {
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.u-mr20_sp {
margin-right: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr20_tab {
margin-right: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr20_pc {
margin-right: 20px !important;
}
}
.u-mr25 {
margin-right: 25px;
}
@media screen and (max-width: 767px) {
.u-mr25_sp {
margin-right: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr25_tab {
margin-right: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr25_pc {
margin-right: 25px !important;
}
}
.u-mr30 {
margin-right: 30px;
}
@media screen and (max-width: 767px) {
.u-mr30_sp {
margin-right: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr30_tab {
margin-right: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr30_pc {
margin-right: 30px !important;
}
}
.u-mr35 {
margin-right: 35px;
}
@media screen and (max-width: 767px) {
.u-mr35_sp {
margin-right: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr35_tab {
margin-right: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr35_pc {
margin-right: 35px !important;
}
}
.u-mr40 {
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.u-mr40_sp {
margin-right: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr40_tab {
margin-right: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr40_pc {
margin-right: 40px !important;
}
}
.u-mr45 {
margin-right: 45px;
}
@media screen and (max-width: 767px) {
.u-mr45_sp {
margin-right: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr45_tab {
margin-right: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr45_pc {
margin-right: 45px !important;
}
}
.u-mr50 {
margin-right: 50px;
}
@media screen and (max-width: 767px) {
.u-mr50_sp {
margin-right: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr50_tab {
margin-right: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr50_pc {
margin-right: 50px !important;
}
}
.u-mr55 {
margin-right: 55px;
}
@media screen and (max-width: 767px) {
.u-mr55_sp {
margin-right: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr55_tab {
margin-right: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr55_pc {
margin-right: 55px !important;
}
}
.u-mr60 {
margin-right: 60px;
}
@media screen and (max-width: 767px) {
.u-mr60_sp {
margin-right: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr60_tab {
margin-right: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr60_pc {
margin-right: 60px !important;
}
}
.u-mr65 {
margin-right: 65px;
}
@media screen and (max-width: 767px) {
.u-mr65_sp {
margin-right: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr65_tab {
margin-right: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr65_pc {
margin-right: 65px !important;
}
}
.u-mr70 {
margin-right: 70px;
}
@media screen and (max-width: 767px) {
.u-mr70_sp {
margin-right: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr70_tab {
margin-right: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr70_pc {
margin-right: 70px !important;
}
}
.u-mr75 {
margin-right: 75px;
}
@media screen and (max-width: 767px) {
.u-mr75_sp {
margin-right: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr75_tab {
margin-right: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr75_pc {
margin-right: 75px !important;
}
}
.u-mr80 {
margin-right: 80px;
}
@media screen and (max-width: 767px) {
.u-mr80_sp {
margin-right: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr80_tab {
margin-right: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr80_pc {
margin-right: 80px !important;
}
}
.u-mr85 {
margin-right: 85px;
}
@media screen and (max-width: 767px) {
.u-mr85_sp {
margin-right: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr85_tab {
margin-right: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr85_pc {
margin-right: 85px !important;
}
}
.u-mr90 {
margin-right: 90px;
}
@media screen and (max-width: 767px) {
.u-mr90_sp {
margin-right: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr90_tab {
margin-right: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr90_pc {
margin-right: 90px !important;
}
}
.u-mr95 {
margin-right: 95px;
}
@media screen and (max-width: 767px) {
.u-mr95_sp {
margin-right: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr95_tab {
margin-right: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr95_pc {
margin-right: 95px !important;
}
}
.u-mr100 {
margin-right: 100px;
}
@media screen and (max-width: 767px) {
.u-mr100_sp {
margin-right: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr100_tab {
margin-right: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr100_pc {
margin-right: 100px !important;
}
}
.u-mr105 {
margin-right: 105px;
}
@media screen and (max-width: 767px) {
.u-mr105_sp {
margin-right: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr105_tab {
margin-right: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr105_pc {
margin-right: 105px !important;
}
}
.u-mr110 {
margin-right: 110px;
}
@media screen and (max-width: 767px) {
.u-mr110_sp {
margin-right: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr110_tab {
margin-right: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr110_pc {
margin-right: 110px !important;
}
}
.u-mr115 {
margin-right: 115px;
}
@media screen and (max-width: 767px) {
.u-mr115_sp {
margin-right: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr115_tab {
margin-right: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr115_pc {
margin-right: 115px !important;
}
}
.u-mr120 {
margin-right: 120px;
}
@media screen and (max-width: 767px) {
.u-mr120_sp {
margin-right: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr120_tab {
margin-right: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr120_pc {
margin-right: 120px !important;
}
}
.u-mr125 {
margin-right: 125px;
}
@media screen and (max-width: 767px) {
.u-mr125_sp {
margin-right: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr125_tab {
margin-right: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr125_pc {
margin-right: 125px !important;
}
}
.u-mr130 {
margin-right: 130px;
}
@media screen and (max-width: 767px) {
.u-mr130_sp {
margin-right: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr130_tab {
margin-right: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr130_pc {
margin-right: 130px !important;
}
}
.u-mr135 {
margin-right: 135px;
}
@media screen and (max-width: 767px) {
.u-mr135_sp {
margin-right: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr135_tab {
margin-right: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr135_pc {
margin-right: 135px !important;
}
}
.u-mr140 {
margin-right: 140px;
}
@media screen and (max-width: 767px) {
.u-mr140_sp {
margin-right: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr140_tab {
margin-right: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr140_pc {
margin-right: 140px !important;
}
}
.u-mr145 {
margin-right: 145px;
}
@media screen and (max-width: 767px) {
.u-mr145_sp {
margin-right: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr145_tab {
margin-right: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr145_pc {
margin-right: 145px !important;
}
}
.u-mr150 {
margin-right: 150px;
}
@media screen and (max-width: 767px) {
.u-mr150_sp {
margin-right: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr150_tab {
margin-right: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr150_pc {
margin-right: 150px !important;
}
}
.u-mr155 {
margin-right: 155px;
}
@media screen and (max-width: 767px) {
.u-mr155_sp {
margin-right: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr155_tab {
margin-right: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr155_pc {
margin-right: 155px !important;
}
}
.u-mr160 {
margin-right: 160px;
}
@media screen and (max-width: 767px) {
.u-mr160_sp {
margin-right: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr160_tab {
margin-right: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr160_pc {
margin-right: 160px !important;
}
}
.u-mr165 {
margin-right: 165px;
}
@media screen and (max-width: 767px) {
.u-mr165_sp {
margin-right: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr165_tab {
margin-right: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr165_pc {
margin-right: 165px !important;
}
}
.u-mr170 {
margin-right: 170px;
}
@media screen and (max-width: 767px) {
.u-mr170_sp {
margin-right: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr170_tab {
margin-right: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr170_pc {
margin-right: 170px !important;
}
}
.u-mr175 {
margin-right: 175px;
}
@media screen and (max-width: 767px) {
.u-mr175_sp {
margin-right: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr175_tab {
margin-right: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr175_pc {
margin-right: 175px !important;
}
}
.u-mr180 {
margin-right: 180px;
}
@media screen and (max-width: 767px) {
.u-mr180_sp {
margin-right: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr180_tab {
margin-right: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr180_pc {
margin-right: 180px !important;
}
}
.u-mr185 {
margin-right: 185px;
}
@media screen and (max-width: 767px) {
.u-mr185_sp {
margin-right: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr185_tab {
margin-right: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr185_pc {
margin-right: 185px !important;
}
}
.u-mr190 {
margin-right: 190px;
}
@media screen and (max-width: 767px) {
.u-mr190_sp {
margin-right: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr190_tab {
margin-right: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr190_pc {
margin-right: 190px !important;
}
}
.u-mr195 {
margin-right: 195px;
}
@media screen and (max-width: 767px) {
.u-mr195_sp {
margin-right: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr195_tab {
margin-right: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr195_pc {
margin-right: 195px !important;
}
}
.u-mr200 {
margin-right: 200px;
}
@media screen and (max-width: 767px) {
.u-mr200_sp {
margin-right: 200px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr200_tab {
margin-right: 200px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr200_pc {
margin-right: 200px !important;
}
}
.u-mr205 {
margin-right: 205px;
}
@media screen and (max-width: 767px) {
.u-mr205_sp {
margin-right: 205px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr205_tab {
margin-right: 205px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr205_pc {
margin-right: 205px !important;
}
}
.u-mr210 {
margin-right: 210px;
}
@media screen and (max-width: 767px) {
.u-mr210_sp {
margin-right: 210px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr210_tab {
margin-right: 210px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr210_pc {
margin-right: 210px !important;
}
}
.u-mr215 {
margin-right: 215px;
}
@media screen and (max-width: 767px) {
.u-mr215_sp {
margin-right: 215px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr215_tab {
margin-right: 215px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr215_pc {
margin-right: 215px !important;
}
}
.u-mr220 {
margin-right: 220px;
}
@media screen and (max-width: 767px) {
.u-mr220_sp {
margin-right: 220px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr220_tab {
margin-right: 220px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr220_pc {
margin-right: 220px !important;
}
}
.u-mr225 {
margin-right: 225px;
}
@media screen and (max-width: 767px) {
.u-mr225_sp {
margin-right: 225px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr225_tab {
margin-right: 225px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr225_pc {
margin-right: 225px !important;
}
}
.u-mr230 {
margin-right: 230px;
}
@media screen and (max-width: 767px) {
.u-mr230_sp {
margin-right: 230px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr230_tab {
margin-right: 230px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr230_pc {
margin-right: 230px !important;
}
}
.u-mr235 {
margin-right: 235px;
}
@media screen and (max-width: 767px) {
.u-mr235_sp {
margin-right: 235px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr235_tab {
margin-right: 235px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr235_pc {
margin-right: 235px !important;
}
}
.u-mr240 {
margin-right: 240px;
}
@media screen and (max-width: 767px) {
.u-mr240_sp {
margin-right: 240px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr240_tab {
margin-right: 240px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr240_pc {
margin-right: 240px !important;
}
}
.u-mr245 {
margin-right: 245px;
}
@media screen and (max-width: 767px) {
.u-mr245_sp {
margin-right: 245px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr245_tab {
margin-right: 245px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr245_pc {
margin-right: 245px !important;
}
}
.u-mr250 {
margin-right: 250px;
}
@media screen and (max-width: 767px) {
.u-mr250_sp {
margin-right: 250px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr250_tab {
margin-right: 250px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr250_pc {
margin-right: 250px !important;
}
}
.u-mr255 {
margin-right: 255px;
}
@media screen and (max-width: 767px) {
.u-mr255_sp {
margin-right: 255px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr255_tab {
margin-right: 255px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr255_pc {
margin-right: 255px !important;
}
}
.u-mr260 {
margin-right: 260px;
}
@media screen and (max-width: 767px) {
.u-mr260_sp {
margin-right: 260px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr260_tab {
margin-right: 260px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr260_pc {
margin-right: 260px !important;
}
}
.u-mr265 {
margin-right: 265px;
}
@media screen and (max-width: 767px) {
.u-mr265_sp {
margin-right: 265px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr265_tab {
margin-right: 265px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr265_pc {
margin-right: 265px !important;
}
}
.u-mr270 {
margin-right: 270px;
}
@media screen and (max-width: 767px) {
.u-mr270_sp {
margin-right: 270px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr270_tab {
margin-right: 270px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr270_pc {
margin-right: 270px !important;
}
}
.u-mr275 {
margin-right: 275px;
}
@media screen and (max-width: 767px) {
.u-mr275_sp {
margin-right: 275px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr275_tab {
margin-right: 275px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr275_pc {
margin-right: 275px !important;
}
}
.u-mr280 {
margin-right: 280px;
}
@media screen and (max-width: 767px) {
.u-mr280_sp {
margin-right: 280px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr280_tab {
margin-right: 280px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr280_pc {
margin-right: 280px !important;
}
}
.u-mr285 {
margin-right: 285px;
}
@media screen and (max-width: 767px) {
.u-mr285_sp {
margin-right: 285px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr285_tab {
margin-right: 285px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr285_pc {
margin-right: 285px !important;
}
}
.u-mr290 {
margin-right: 290px;
}
@media screen and (max-width: 767px) {
.u-mr290_sp {
margin-right: 290px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr290_tab {
margin-right: 290px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr290_pc {
margin-right: 290px !important;
}
}
.u-mr295 {
margin-right: 295px;
}
@media screen and (max-width: 767px) {
.u-mr295_sp {
margin-right: 295px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mr295_tab {
margin-right: 295px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mr295_pc {
margin-right: 295px !important;
}
}
.u-mt0 {
margin-top: 0px !important;
}
@media screen and (max-width: 767px) {
.u-mt0_sp {
margin-top: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt0_tab {
margin-top: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt0_pc {
margin-top: 0px !important;
}
}
.u-mt5 {
margin-top: 5px !important;
}
@media screen and (max-width: 767px) {
.u-mt5_sp {
margin-top: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt5_tab {
margin-top: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt5_pc {
margin-top: 5px !important;
}
}
.u-mt10 {
margin-top: 10px !important;
}
@media screen and (max-width: 767px) {
.u-mt10_sp {
margin-top: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt10_tab {
margin-top: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt10_pc {
margin-top: 10px !important;
}
}
.u-mt15 {
margin-top: 15px !important;
}
@media screen and (max-width: 767px) {
.u-mt15_sp {
margin-top: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt15_tab {
margin-top: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt15_pc {
margin-top: 15px !important;
}
}
.u-mt20 {
margin-top: 20px !important;
}
@media screen and (max-width: 767px) {
.u-mt20_sp {
margin-top: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt20_tab {
margin-top: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt20_pc {
margin-top: 20px !important;
}
}
.u-mt25 {
margin-top: 25px !important;
}
@media screen and (max-width: 767px) {
.u-mt25_sp {
margin-top: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt25_tab {
margin-top: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt25_pc {
margin-top: 25px !important;
}
}
.u-mt30 {
margin-top: 30px !important;
}
@media screen and (max-width: 767px) {
.u-mt30_sp {
margin-top: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt30_tab {
margin-top: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt30_pc {
margin-top: 30px !important;
}
}
.u-mt35 {
margin-top: 35px !important;
}
@media screen and (max-width: 767px) {
.u-mt35_sp {
margin-top: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt35_tab {
margin-top: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt35_pc {
margin-top: 35px !important;
}
}
.u-mt40 {
margin-top: 40px !important;
}
@media screen and (max-width: 767px) {
.u-mt40_sp {
margin-top: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt40_tab {
margin-top: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt40_pc {
margin-top: 40px !important;
}
}
.u-mt45 {
margin-top: 45px !important;
}
@media screen and (max-width: 767px) {
.u-mt45_sp {
margin-top: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt45_tab {
margin-top: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt45_pc {
margin-top: 45px !important;
}
}
.u-mt50 {
margin-top: 50px !important;
}
@media screen and (max-width: 767px) {
.u-mt50_sp {
margin-top: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt50_tab {
margin-top: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt50_pc {
margin-top: 50px !important;
}
}
.u-mt55 {
margin-top: 55px !important;
}
@media screen and (max-width: 767px) {
.u-mt55_sp {
margin-top: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt55_tab {
margin-top: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt55_pc {
margin-top: 55px !important;
}
}
.u-mt60 {
margin-top: 60px !important;
}
@media screen and (max-width: 767px) {
.u-mt60_sp {
margin-top: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt60_tab {
margin-top: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt60_pc {
margin-top: 60px !important;
}
}
.u-mt65 {
margin-top: 65px !important;
}
@media screen and (max-width: 767px) {
.u-mt65_sp {
margin-top: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt65_tab {
margin-top: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt65_pc {
margin-top: 65px !important;
}
}
.u-mt70 {
margin-top: 70px !important;
}
@media screen and (max-width: 767px) {
.u-mt70_sp {
margin-top: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt70_tab {
margin-top: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt70_pc {
margin-top: 70px !important;
}
}
.u-mt75 {
margin-top: 75px !important;
}
@media screen and (max-width: 767px) {
.u-mt75_sp {
margin-top: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt75_tab {
margin-top: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt75_pc {
margin-top: 75px !important;
}
}
.u-mt80 {
margin-top: 80px !important;
}
@media screen and (max-width: 767px) {
.u-mt80_sp {
margin-top: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt80_tab {
margin-top: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt80_pc {
margin-top: 80px !important;
}
}
.u-mt85 {
margin-top: 85px !important;
}
@media screen and (max-width: 767px) {
.u-mt85_sp {
margin-top: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt85_tab {
margin-top: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt85_pc {
margin-top: 85px !important;
}
}
.u-mt90 {
margin-top: 90px !important;
}
@media screen and (max-width: 767px) {
.u-mt90_sp {
margin-top: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt90_tab {
margin-top: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt90_pc {
margin-top: 90px !important;
}
}
.u-mt95 {
margin-top: 95px !important;
}
@media screen and (max-width: 767px) {
.u-mt95_sp {
margin-top: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt95_tab {
margin-top: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt95_pc {
margin-top: 95px !important;
}
}
.u-mt100 {
margin-top: 100px !important;
}
@media screen and (max-width: 767px) {
.u-mt100_sp {
margin-top: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt100_tab {
margin-top: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt100_pc {
margin-top: 100px !important;
}
}
.u-mt105 {
margin-top: 105px !important;
}
@media screen and (max-width: 767px) {
.u-mt105_sp {
margin-top: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt105_tab {
margin-top: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt105_pc {
margin-top: 105px !important;
}
}
.u-mt110 {
margin-top: 110px !important;
}
@media screen and (max-width: 767px) {
.u-mt110_sp {
margin-top: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt110_tab {
margin-top: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt110_pc {
margin-top: 110px !important;
}
}
.u-mt115 {
margin-top: 115px !important;
}
@media screen and (max-width: 767px) {
.u-mt115_sp {
margin-top: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt115_tab {
margin-top: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt115_pc {
margin-top: 115px !important;
}
}
.u-mt120 {
margin-top: 120px !important;
}
@media screen and (max-width: 767px) {
.u-mt120_sp {
margin-top: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt120_tab {
margin-top: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt120_pc {
margin-top: 120px !important;
}
}
.u-mt125 {
margin-top: 125px !important;
}
@media screen and (max-width: 767px) {
.u-mt125_sp {
margin-top: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt125_tab {
margin-top: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt125_pc {
margin-top: 125px !important;
}
}
.u-mt130 {
margin-top: 130px !important;
}
@media screen and (max-width: 767px) {
.u-mt130_sp {
margin-top: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt130_tab {
margin-top: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt130_pc {
margin-top: 130px !important;
}
}
.u-mt135 {
margin-top: 135px !important;
}
@media screen and (max-width: 767px) {
.u-mt135_sp {
margin-top: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt135_tab {
margin-top: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt135_pc {
margin-top: 135px !important;
}
}
.u-mt140 {
margin-top: 140px !important;
}
@media screen and (max-width: 767px) {
.u-mt140_sp {
margin-top: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt140_tab {
margin-top: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt140_pc {
margin-top: 140px !important;
}
}
.u-mt145 {
margin-top: 145px !important;
}
@media screen and (max-width: 767px) {
.u-mt145_sp {
margin-top: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt145_tab {
margin-top: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt145_pc {
margin-top: 145px !important;
}
}
.u-mt150 {
margin-top: 150px !important;
}
@media screen and (max-width: 767px) {
.u-mt150_sp {
margin-top: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt150_tab {
margin-top: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt150_pc {
margin-top: 150px !important;
}
}
.u-mt155 {
margin-top: 155px !important;
}
@media screen and (max-width: 767px) {
.u-mt155_sp {
margin-top: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt155_tab {
margin-top: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt155_pc {
margin-top: 155px !important;
}
}
.u-mt160 {
margin-top: 160px !important;
}
@media screen and (max-width: 767px) {
.u-mt160_sp {
margin-top: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt160_tab {
margin-top: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt160_pc {
margin-top: 160px !important;
}
}
.u-mt165 {
margin-top: 165px !important;
}
@media screen and (max-width: 767px) {
.u-mt165_sp {
margin-top: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt165_tab {
margin-top: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt165_pc {
margin-top: 165px !important;
}
}
.u-mt170 {
margin-top: 170px !important;
}
@media screen and (max-width: 767px) {
.u-mt170_sp {
margin-top: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt170_tab {
margin-top: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt170_pc {
margin-top: 170px !important;
}
}
.u-mt175 {
margin-top: 175px !important;
}
@media screen and (max-width: 767px) {
.u-mt175_sp {
margin-top: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt175_tab {
margin-top: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt175_pc {
margin-top: 175px !important;
}
}
.u-mt180 {
margin-top: 180px !important;
}
@media screen and (max-width: 767px) {
.u-mt180_sp {
margin-top: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt180_tab {
margin-top: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt180_pc {
margin-top: 180px !important;
}
}
.u-mt185 {
margin-top: 185px !important;
}
@media screen and (max-width: 767px) {
.u-mt185_sp {
margin-top: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt185_tab {
margin-top: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt185_pc {
margin-top: 185px !important;
}
}
.u-mt190 {
margin-top: 190px !important;
}
@media screen and (max-width: 767px) {
.u-mt190_sp {
margin-top: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt190_tab {
margin-top: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt190_pc {
margin-top: 190px !important;
}
}
.u-mt195 {
margin-top: 195px !important;
}
@media screen and (max-width: 767px) {
.u-mt195_sp {
margin-top: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt195_tab {
margin-top: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt195_pc {
margin-top: 195px !important;
}
}
.u-mt200 {
margin-top: 200px !important;
}
@media screen and (max-width: 767px) {
.u-mt200_sp {
margin-top: 200px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt200_tab {
margin-top: 200px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt200_pc {
margin-top: 200px !important;
}
}
.u-mt205 {
margin-top: 205px !important;
}
@media screen and (max-width: 767px) {
.u-mt205_sp {
margin-top: 205px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt205_tab {
margin-top: 205px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt205_pc {
margin-top: 205px !important;
}
}
.u-mt210 {
margin-top: 210px !important;
}
@media screen and (max-width: 767px) {
.u-mt210_sp {
margin-top: 210px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt210_tab {
margin-top: 210px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt210_pc {
margin-top: 210px !important;
}
}
.u-mt215 {
margin-top: 215px !important;
}
@media screen and (max-width: 767px) {
.u-mt215_sp {
margin-top: 215px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt215_tab {
margin-top: 215px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt215_pc {
margin-top: 215px !important;
}
}
.u-mt220 {
margin-top: 220px !important;
}
@media screen and (max-width: 767px) {
.u-mt220_sp {
margin-top: 220px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt220_tab {
margin-top: 220px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt220_pc {
margin-top: 220px !important;
}
}
.u-mt225 {
margin-top: 225px !important;
}
@media screen and (max-width: 767px) {
.u-mt225_sp {
margin-top: 225px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt225_tab {
margin-top: 225px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt225_pc {
margin-top: 225px !important;
}
}
.u-mt230 {
margin-top: 230px !important;
}
@media screen and (max-width: 767px) {
.u-mt230_sp {
margin-top: 230px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt230_tab {
margin-top: 230px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt230_pc {
margin-top: 230px !important;
}
}
.u-mt235 {
margin-top: 235px !important;
}
@media screen and (max-width: 767px) {
.u-mt235_sp {
margin-top: 235px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt235_tab {
margin-top: 235px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt235_pc {
margin-top: 235px !important;
}
}
.u-mt240 {
margin-top: 240px !important;
}
@media screen and (max-width: 767px) {
.u-mt240_sp {
margin-top: 240px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt240_tab {
margin-top: 240px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt240_pc {
margin-top: 240px !important;
}
}
.u-mt245 {
margin-top: 245px !important;
}
@media screen and (max-width: 767px) {
.u-mt245_sp {
margin-top: 245px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt245_tab {
margin-top: 245px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt245_pc {
margin-top: 245px !important;
}
}
.u-mt250 {
margin-top: 250px !important;
}
@media screen and (max-width: 767px) {
.u-mt250_sp {
margin-top: 250px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt250_tab {
margin-top: 250px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt250_pc {
margin-top: 250px !important;
}
}
.u-mt255 {
margin-top: 255px !important;
}
@media screen and (max-width: 767px) {
.u-mt255_sp {
margin-top: 255px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt255_tab {
margin-top: 255px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt255_pc {
margin-top: 255px !important;
}
}
.u-mt260 {
margin-top: 260px !important;
}
@media screen and (max-width: 767px) {
.u-mt260_sp {
margin-top: 260px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt260_tab {
margin-top: 260px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt260_pc {
margin-top: 260px !important;
}
}
.u-mt265 {
margin-top: 265px !important;
}
@media screen and (max-width: 767px) {
.u-mt265_sp {
margin-top: 265px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt265_tab {
margin-top: 265px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt265_pc {
margin-top: 265px !important;
}
}
.u-mt270 {
margin-top: 270px !important;
}
@media screen and (max-width: 767px) {
.u-mt270_sp {
margin-top: 270px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt270_tab {
margin-top: 270px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt270_pc {
margin-top: 270px !important;
}
}
.u-mt275 {
margin-top: 275px !important;
}
@media screen and (max-width: 767px) {
.u-mt275_sp {
margin-top: 275px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt275_tab {
margin-top: 275px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt275_pc {
margin-top: 275px !important;
}
}
.u-mt280 {
margin-top: 280px !important;
}
@media screen and (max-width: 767px) {
.u-mt280_sp {
margin-top: 280px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt280_tab {
margin-top: 280px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt280_pc {
margin-top: 280px !important;
}
}
.u-mt285 {
margin-top: 285px !important;
}
@media screen and (max-width: 767px) {
.u-mt285_sp {
margin-top: 285px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt285_tab {
margin-top: 285px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt285_pc {
margin-top: 285px !important;
}
}
.u-mt290 {
margin-top: 290px !important;
}
@media screen and (max-width: 767px) {
.u-mt290_sp {
margin-top: 290px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt290_tab {
margin-top: 290px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt290_pc {
margin-top: 290px !important;
}
}
.u-mt295 {
margin-top: 295px !important;
}
@media screen and (max-width: 767px) {
.u-mt295_sp {
margin-top: 295px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mt295_tab {
margin-top: 295px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mt295_pc {
margin-top: 295px !important;
}
}
.u-mb0 {
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.u-mb0_sp {
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb0_tab {
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb0_pc {
margin-bottom: 0px !important;
}
}
.u-mb5 {
margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
.u-mb5_sp {
margin-bottom: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb5_tab {
margin-bottom: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb5_pc {
margin-bottom: 5px !important;
}
}
.u-mb10 {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.u-mb10_sp {
margin-bottom: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb10_tab {
margin-bottom: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb10_pc {
margin-bottom: 10px !important;
}
}
.u-mb15 {
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.u-mb15_sp {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb15_tab {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb15_pc {
margin-bottom: 15px !important;
}
}
.u-mb20 {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.u-mb20_sp {
margin-bottom: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb20_tab {
margin-bottom: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb20_pc {
margin-bottom: 20px !important;
}
}
.u-mb25 {
margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
.u-mb25_sp {
margin-bottom: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb25_tab {
margin-bottom: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb25_pc {
margin-bottom: 25px !important;
}
}
.u-mb30 {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.u-mb30_sp {
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb30_tab {
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb30_pc {
margin-bottom: 30px !important;
}
}
.u-mb35 {
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.u-mb35_sp {
margin-bottom: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb35_tab {
margin-bottom: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb35_pc {
margin-bottom: 35px !important;
}
}
.u-mb40 {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.u-mb40_sp {
margin-bottom: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb40_tab {
margin-bottom: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb40_pc {
margin-bottom: 40px !important;
}
}
.u-mb45 {
margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
.u-mb45_sp {
margin-bottom: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb45_tab {
margin-bottom: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb45_pc {
margin-bottom: 45px !important;
}
}
.u-mb50 {
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.u-mb50_sp {
margin-bottom: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb50_tab {
margin-bottom: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb50_pc {
margin-bottom: 50px !important;
}
}
.u-mb55 {
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
.u-mb55_sp {
margin-bottom: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb55_tab {
margin-bottom: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb55_pc {
margin-bottom: 55px !important;
}
}
.u-mb60 {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.u-mb60_sp {
margin-bottom: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb60_tab {
margin-bottom: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb60_pc {
margin-bottom: 60px !important;
}
}
.u-mb65 {
margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
.u-mb65_sp {
margin-bottom: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb65_tab {
margin-bottom: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb65_pc {
margin-bottom: 65px !important;
}
}
.u-mb70 {
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.u-mb70_sp {
margin-bottom: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb70_tab {
margin-bottom: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb70_pc {
margin-bottom: 70px !important;
}
}
.u-mb75 {
margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
.u-mb75_sp {
margin-bottom: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb75_tab {
margin-bottom: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb75_pc {
margin-bottom: 75px !important;
}
}
.u-mb80 {
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.u-mb80_sp {
margin-bottom: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb80_tab {
margin-bottom: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb80_pc {
margin-bottom: 80px !important;
}
}
.u-mb85 {
margin-bottom: 85px;
}
@media screen and (max-width: 767px) {
.u-mb85_sp {
margin-bottom: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb85_tab {
margin-bottom: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb85_pc {
margin-bottom: 85px !important;
}
}
.u-mb90 {
margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
.u-mb90_sp {
margin-bottom: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb90_tab {
margin-bottom: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb90_pc {
margin-bottom: 90px !important;
}
}
.u-mb95 {
margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
.u-mb95_sp {
margin-bottom: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb95_tab {
margin-bottom: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb95_pc {
margin-bottom: 95px !important;
}
}
.u-mb100 {
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.u-mb100_sp {
margin-bottom: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb100_tab {
margin-bottom: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb100_pc {
margin-bottom: 100px !important;
}
}
.u-mb105 {
margin-bottom: 105px;
}
@media screen and (max-width: 767px) {
.u-mb105_sp {
margin-bottom: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb105_tab {
margin-bottom: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb105_pc {
margin-bottom: 105px !important;
}
}
.u-mb110 {
margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
.u-mb110_sp {
margin-bottom: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb110_tab {
margin-bottom: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb110_pc {
margin-bottom: 110px !important;
}
}
.u-mb115 {
margin-bottom: 115px;
}
@media screen and (max-width: 767px) {
.u-mb115_sp {
margin-bottom: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb115_tab {
margin-bottom: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb115_pc {
margin-bottom: 115px !important;
}
}
.u-mb120 {
margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
.u-mb120_sp {
margin-bottom: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb120_tab {
margin-bottom: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb120_pc {
margin-bottom: 120px !important;
}
}
.u-mb125 {
margin-bottom: 125px;
}
@media screen and (max-width: 767px) {
.u-mb125_sp {
margin-bottom: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb125_tab {
margin-bottom: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb125_pc {
margin-bottom: 125px !important;
}
}
.u-mb130 {
margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
.u-mb130_sp {
margin-bottom: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb130_tab {
margin-bottom: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb130_pc {
margin-bottom: 130px !important;
}
}
.u-mb135 {
margin-bottom: 135px;
}
@media screen and (max-width: 767px) {
.u-mb135_sp {
margin-bottom: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb135_tab {
margin-bottom: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb135_pc {
margin-bottom: 135px !important;
}
}
.u-mb140 {
margin-bottom: 140px;
}
@media screen and (max-width: 767px) {
.u-mb140_sp {
margin-bottom: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb140_tab {
margin-bottom: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb140_pc {
margin-bottom: 140px !important;
}
}
.u-mb145 {
margin-bottom: 145px;
}
@media screen and (max-width: 767px) {
.u-mb145_sp {
margin-bottom: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb145_tab {
margin-bottom: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb145_pc {
margin-bottom: 145px !important;
}
}
.u-mb150 {
margin-bottom: 150px;
}
@media screen and (max-width: 767px) {
.u-mb150_sp {
margin-bottom: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb150_tab {
margin-bottom: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb150_pc {
margin-bottom: 150px !important;
}
}
.u-mb155 {
margin-bottom: 155px;
}
@media screen and (max-width: 767px) {
.u-mb155_sp {
margin-bottom: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb155_tab {
margin-bottom: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb155_pc {
margin-bottom: 155px !important;
}
}
.u-mb160 {
margin-bottom: 160px;
}
@media screen and (max-width: 767px) {
.u-mb160_sp {
margin-bottom: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb160_tab {
margin-bottom: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb160_pc {
margin-bottom: 160px !important;
}
}
.u-mb165 {
margin-bottom: 165px;
}
@media screen and (max-width: 767px) {
.u-mb165_sp {
margin-bottom: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb165_tab {
margin-bottom: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb165_pc {
margin-bottom: 165px !important;
}
}
.u-mb170 {
margin-bottom: 170px;
}
@media screen and (max-width: 767px) {
.u-mb170_sp {
margin-bottom: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb170_tab {
margin-bottom: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb170_pc {
margin-bottom: 170px !important;
}
}
.u-mb175 {
margin-bottom: 175px;
}
@media screen and (max-width: 767px) {
.u-mb175_sp {
margin-bottom: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb175_tab {
margin-bottom: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb175_pc {
margin-bottom: 175px !important;
}
}
.u-mb180 {
margin-bottom: 180px;
}
@media screen and (max-width: 767px) {
.u-mb180_sp {
margin-bottom: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb180_tab {
margin-bottom: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb180_pc {
margin-bottom: 180px !important;
}
}
.u-mb185 {
margin-bottom: 185px;
}
@media screen and (max-width: 767px) {
.u-mb185_sp {
margin-bottom: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb185_tab {
margin-bottom: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb185_pc {
margin-bottom: 185px !important;
}
}
.u-mb190 {
margin-bottom: 190px;
}
@media screen and (max-width: 767px) {
.u-mb190_sp {
margin-bottom: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb190_tab {
margin-bottom: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb190_pc {
margin-bottom: 190px !important;
}
}
.u-mb195 {
margin-bottom: 195px;
}
@media screen and (max-width: 767px) {
.u-mb195_sp {
margin-bottom: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb195_tab {
margin-bottom: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb195_pc {
margin-bottom: 195px !important;
}
}
.u-mb200 {
margin-bottom: 200px;
}
@media screen and (max-width: 767px) {
.u-mb200_sp {
margin-bottom: 200px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb200_tab {
margin-bottom: 200px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb200_pc {
margin-bottom: 200px !important;
}
}
.u-mb205 {
margin-bottom: 205px;
}
@media screen and (max-width: 767px) {
.u-mb205_sp {
margin-bottom: 205px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb205_tab {
margin-bottom: 205px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb205_pc {
margin-bottom: 205px !important;
}
}
.u-mb210 {
margin-bottom: 210px;
}
@media screen and (max-width: 767px) {
.u-mb210_sp {
margin-bottom: 210px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb210_tab {
margin-bottom: 210px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb210_pc {
margin-bottom: 210px !important;
}
}
.u-mb215 {
margin-bottom: 215px;
}
@media screen and (max-width: 767px) {
.u-mb215_sp {
margin-bottom: 215px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb215_tab {
margin-bottom: 215px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb215_pc {
margin-bottom: 215px !important;
}
}
.u-mb220 {
margin-bottom: 220px;
}
@media screen and (max-width: 767px) {
.u-mb220_sp {
margin-bottom: 220px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb220_tab {
margin-bottom: 220px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb220_pc {
margin-bottom: 220px !important;
}
}
.u-mb225 {
margin-bottom: 225px;
}
@media screen and (max-width: 767px) {
.u-mb225_sp {
margin-bottom: 225px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb225_tab {
margin-bottom: 225px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb225_pc {
margin-bottom: 225px !important;
}
}
.u-mb230 {
margin-bottom: 230px;
}
@media screen and (max-width: 767px) {
.u-mb230_sp {
margin-bottom: 230px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb230_tab {
margin-bottom: 230px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb230_pc {
margin-bottom: 230px !important;
}
}
.u-mb235 {
margin-bottom: 235px;
}
@media screen and (max-width: 767px) {
.u-mb235_sp {
margin-bottom: 235px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb235_tab {
margin-bottom: 235px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb235_pc {
margin-bottom: 235px !important;
}
}
.u-mb240 {
margin-bottom: 240px;
}
@media screen and (max-width: 767px) {
.u-mb240_sp {
margin-bottom: 240px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb240_tab {
margin-bottom: 240px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb240_pc {
margin-bottom: 240px !important;
}
}
.u-mb245 {
margin-bottom: 245px;
}
@media screen and (max-width: 767px) {
.u-mb245_sp {
margin-bottom: 245px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb245_tab {
margin-bottom: 245px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb245_pc {
margin-bottom: 245px !important;
}
}
.u-mb250 {
margin-bottom: 250px;
}
@media screen and (max-width: 767px) {
.u-mb250_sp {
margin-bottom: 250px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb250_tab {
margin-bottom: 250px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb250_pc {
margin-bottom: 250px !important;
}
}
.u-mb255 {
margin-bottom: 255px;
}
@media screen and (max-width: 767px) {
.u-mb255_sp {
margin-bottom: 255px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb255_tab {
margin-bottom: 255px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb255_pc {
margin-bottom: 255px !important;
}
}
.u-mb260 {
margin-bottom: 260px;
}
@media screen and (max-width: 767px) {
.u-mb260_sp {
margin-bottom: 260px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb260_tab {
margin-bottom: 260px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb260_pc {
margin-bottom: 260px !important;
}
}
.u-mb265 {
margin-bottom: 265px;
}
@media screen and (max-width: 767px) {
.u-mb265_sp {
margin-bottom: 265px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb265_tab {
margin-bottom: 265px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb265_pc {
margin-bottom: 265px !important;
}
}
.u-mb270 {
margin-bottom: 270px;
}
@media screen and (max-width: 767px) {
.u-mb270_sp {
margin-bottom: 270px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb270_tab {
margin-bottom: 270px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb270_pc {
margin-bottom: 270px !important;
}
}
.u-mb275 {
margin-bottom: 275px;
}
@media screen and (max-width: 767px) {
.u-mb275_sp {
margin-bottom: 275px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb275_tab {
margin-bottom: 275px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb275_pc {
margin-bottom: 275px !important;
}
}
.u-mb280 {
margin-bottom: 280px;
}
@media screen and (max-width: 767px) {
.u-mb280_sp {
margin-bottom: 280px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb280_tab {
margin-bottom: 280px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb280_pc {
margin-bottom: 280px !important;
}
}
.u-mb285 {
margin-bottom: 285px;
}
@media screen and (max-width: 767px) {
.u-mb285_sp {
margin-bottom: 285px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb285_tab {
margin-bottom: 285px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb285_pc {
margin-bottom: 285px !important;
}
}
.u-mb290 {
margin-bottom: 290px;
}
@media screen and (max-width: 767px) {
.u-mb290_sp {
margin-bottom: 290px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb290_tab {
margin-bottom: 290px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb290_pc {
margin-bottom: 290px !important;
}
}
.u-mb295 {
margin-bottom: 295px;
}
@media screen and (max-width: 767px) {
.u-mb295_sp {
margin-bottom: 295px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-mb295_tab {
margin-bottom: 295px !important;
}
}
@media screen and (min-width: 1025px) {
.u-mb295_pc {
margin-bottom: 295px !important;
}
} .u-p0 {
padding: 0px;
}
@media screen and (max-width: 767px) {
.u-p0_sp {
padding: 0px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p0_tab {
padding: 0px;
}
}
@media screen and (min-width: 1025px) {
.u-p0_pc {
padding: 0px;
}
}
.u-p5 {
padding: 5px;
}
@media screen and (max-width: 767px) {
.u-p5_sp {
padding: 5px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p5_tab {
padding: 5px;
}
}
@media screen and (min-width: 1025px) {
.u-p5_pc {
padding: 5px;
}
}
.u-p10 {
padding: 10px;
}
@media screen and (max-width: 767px) {
.u-p10_sp {
padding: 10px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p10_tab {
padding: 10px;
}
}
@media screen and (min-width: 1025px) {
.u-p10_pc {
padding: 10px;
}
}
.u-p15 {
padding: 15px;
}
@media screen and (max-width: 767px) {
.u-p15_sp {
padding: 15px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p15_tab {
padding: 15px;
}
}
@media screen and (min-width: 1025px) {
.u-p15_pc {
padding: 15px;
}
}
.u-p20 {
padding: 20px;
}
@media screen and (max-width: 767px) {
.u-p20_sp {
padding: 20px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p20_tab {
padding: 20px;
}
}
@media screen and (min-width: 1025px) {
.u-p20_pc {
padding: 20px;
}
}
.u-p25 {
padding: 25px;
}
@media screen and (max-width: 767px) {
.u-p25_sp {
padding: 25px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p25_tab {
padding: 25px;
}
}
@media screen and (min-width: 1025px) {
.u-p25_pc {
padding: 25px;
}
}
.u-p30 {
padding: 30px;
}
@media screen and (max-width: 767px) {
.u-p30_sp {
padding: 30px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p30_tab {
padding: 30px;
}
}
@media screen and (min-width: 1025px) {
.u-p30_pc {
padding: 30px;
}
}
.u-p35 {
padding: 35px;
}
@media screen and (max-width: 767px) {
.u-p35_sp {
padding: 35px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p35_tab {
padding: 35px;
}
}
@media screen and (min-width: 1025px) {
.u-p35_pc {
padding: 35px;
}
}
.u-p40 {
padding: 40px;
}
@media screen and (max-width: 767px) {
.u-p40_sp {
padding: 40px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p40_tab {
padding: 40px;
}
}
@media screen and (min-width: 1025px) {
.u-p40_pc {
padding: 40px;
}
}
.u-p45 {
padding: 45px;
}
@media screen and (max-width: 767px) {
.u-p45_sp {
padding: 45px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p45_tab {
padding: 45px;
}
}
@media screen and (min-width: 1025px) {
.u-p45_pc {
padding: 45px;
}
}
.u-p50 {
padding: 50px;
}
@media screen and (max-width: 767px) {
.u-p50_sp {
padding: 50px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p50_tab {
padding: 50px;
}
}
@media screen and (min-width: 1025px) {
.u-p50_pc {
padding: 50px;
}
}
.u-p55 {
padding: 55px;
}
@media screen and (max-width: 767px) {
.u-p55_sp {
padding: 55px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p55_tab {
padding: 55px;
}
}
@media screen and (min-width: 1025px) {
.u-p55_pc {
padding: 55px;
}
}
.u-p60 {
padding: 60px;
}
@media screen and (max-width: 767px) {
.u-p60_sp {
padding: 60px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p60_tab {
padding: 60px;
}
}
@media screen and (min-width: 1025px) {
.u-p60_pc {
padding: 60px;
}
}
.u-p65 {
padding: 65px;
}
@media screen and (max-width: 767px) {
.u-p65_sp {
padding: 65px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p65_tab {
padding: 65px;
}
}
@media screen and (min-width: 1025px) {
.u-p65_pc {
padding: 65px;
}
}
.u-p70 {
padding: 70px;
}
@media screen and (max-width: 767px) {
.u-p70_sp {
padding: 70px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p70_tab {
padding: 70px;
}
}
@media screen and (min-width: 1025px) {
.u-p70_pc {
padding: 70px;
}
}
.u-p75 {
padding: 75px;
}
@media screen and (max-width: 767px) {
.u-p75_sp {
padding: 75px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p75_tab {
padding: 75px;
}
}
@media screen and (min-width: 1025px) {
.u-p75_pc {
padding: 75px;
}
}
.u-p80 {
padding: 80px;
}
@media screen and (max-width: 767px) {
.u-p80_sp {
padding: 80px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p80_tab {
padding: 80px;
}
}
@media screen and (min-width: 1025px) {
.u-p80_pc {
padding: 80px;
}
}
.u-p85 {
padding: 85px;
}
@media screen and (max-width: 767px) {
.u-p85_sp {
padding: 85px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p85_tab {
padding: 85px;
}
}
@media screen and (min-width: 1025px) {
.u-p85_pc {
padding: 85px;
}
}
.u-p90 {
padding: 90px;
}
@media screen and (max-width: 767px) {
.u-p90_sp {
padding: 90px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p90_tab {
padding: 90px;
}
}
@media screen and (min-width: 1025px) {
.u-p90_pc {
padding: 90px;
}
}
.u-p95 {
padding: 95px;
}
@media screen and (max-width: 767px) {
.u-p95_sp {
padding: 95px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p95_tab {
padding: 95px;
}
}
@media screen and (min-width: 1025px) {
.u-p95_pc {
padding: 95px;
}
}
.u-p100 {
padding: 100px;
}
@media screen and (max-width: 767px) {
.u-p100_sp {
padding: 100px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p100_tab {
padding: 100px;
}
}
@media screen and (min-width: 1025px) {
.u-p100_pc {
padding: 100px;
}
}
.u-p105 {
padding: 105px;
}
@media screen and (max-width: 767px) {
.u-p105_sp {
padding: 105px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p105_tab {
padding: 105px;
}
}
@media screen and (min-width: 1025px) {
.u-p105_pc {
padding: 105px;
}
}
.u-p110 {
padding: 110px;
}
@media screen and (max-width: 767px) {
.u-p110_sp {
padding: 110px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p110_tab {
padding: 110px;
}
}
@media screen and (min-width: 1025px) {
.u-p110_pc {
padding: 110px;
}
}
.u-p115 {
padding: 115px;
}
@media screen and (max-width: 767px) {
.u-p115_sp {
padding: 115px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p115_tab {
padding: 115px;
}
}
@media screen and (min-width: 1025px) {
.u-p115_pc {
padding: 115px;
}
}
.u-p120 {
padding: 120px;
}
@media screen and (max-width: 767px) {
.u-p120_sp {
padding: 120px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p120_tab {
padding: 120px;
}
}
@media screen and (min-width: 1025px) {
.u-p120_pc {
padding: 120px;
}
}
.u-p125 {
padding: 125px;
}
@media screen and (max-width: 767px) {
.u-p125_sp {
padding: 125px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p125_tab {
padding: 125px;
}
}
@media screen and (min-width: 1025px) {
.u-p125_pc {
padding: 125px;
}
}
.u-p130 {
padding: 130px;
}
@media screen and (max-width: 767px) {
.u-p130_sp {
padding: 130px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p130_tab {
padding: 130px;
}
}
@media screen and (min-width: 1025px) {
.u-p130_pc {
padding: 130px;
}
}
.u-p135 {
padding: 135px;
}
@media screen and (max-width: 767px) {
.u-p135_sp {
padding: 135px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p135_tab {
padding: 135px;
}
}
@media screen and (min-width: 1025px) {
.u-p135_pc {
padding: 135px;
}
}
.u-p140 {
padding: 140px;
}
@media screen and (max-width: 767px) {
.u-p140_sp {
padding: 140px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p140_tab {
padding: 140px;
}
}
@media screen and (min-width: 1025px) {
.u-p140_pc {
padding: 140px;
}
}
.u-p145 {
padding: 145px;
}
@media screen and (max-width: 767px) {
.u-p145_sp {
padding: 145px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p145_tab {
padding: 145px;
}
}
@media screen and (min-width: 1025px) {
.u-p145_pc {
padding: 145px;
}
}
.u-p150 {
padding: 150px;
}
@media screen and (max-width: 767px) {
.u-p150_sp {
padding: 150px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p150_tab {
padding: 150px;
}
}
@media screen and (min-width: 1025px) {
.u-p150_pc {
padding: 150px;
}
}
.u-p155 {
padding: 155px;
}
@media screen and (max-width: 767px) {
.u-p155_sp {
padding: 155px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p155_tab {
padding: 155px;
}
}
@media screen and (min-width: 1025px) {
.u-p155_pc {
padding: 155px;
}
}
.u-p160 {
padding: 160px;
}
@media screen and (max-width: 767px) {
.u-p160_sp {
padding: 160px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p160_tab {
padding: 160px;
}
}
@media screen and (min-width: 1025px) {
.u-p160_pc {
padding: 160px;
}
}
.u-p165 {
padding: 165px;
}
@media screen and (max-width: 767px) {
.u-p165_sp {
padding: 165px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p165_tab {
padding: 165px;
}
}
@media screen and (min-width: 1025px) {
.u-p165_pc {
padding: 165px;
}
}
.u-p170 {
padding: 170px;
}
@media screen and (max-width: 767px) {
.u-p170_sp {
padding: 170px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p170_tab {
padding: 170px;
}
}
@media screen and (min-width: 1025px) {
.u-p170_pc {
padding: 170px;
}
}
.u-p175 {
padding: 175px;
}
@media screen and (max-width: 767px) {
.u-p175_sp {
padding: 175px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p175_tab {
padding: 175px;
}
}
@media screen and (min-width: 1025px) {
.u-p175_pc {
padding: 175px;
}
}
.u-p180 {
padding: 180px;
}
@media screen and (max-width: 767px) {
.u-p180_sp {
padding: 180px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p180_tab {
padding: 180px;
}
}
@media screen and (min-width: 1025px) {
.u-p180_pc {
padding: 180px;
}
}
.u-p185 {
padding: 185px;
}
@media screen and (max-width: 767px) {
.u-p185_sp {
padding: 185px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p185_tab {
padding: 185px;
}
}
@media screen and (min-width: 1025px) {
.u-p185_pc {
padding: 185px;
}
}
.u-p190 {
padding: 190px;
}
@media screen and (max-width: 767px) {
.u-p190_sp {
padding: 190px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p190_tab {
padding: 190px;
}
}
@media screen and (min-width: 1025px) {
.u-p190_pc {
padding: 190px;
}
}
.u-p195 {
padding: 195px;
}
@media screen and (max-width: 767px) {
.u-p195_sp {
padding: 195px;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-p195_tab {
padding: 195px;
}
}
@media screen and (min-width: 1025px) {
.u-p195_pc {
padding: 195px;
}
}
.u-pt0 {
padding-top: 0px;
}
@media screen and (max-width: 767px) {
.u-pt0_sp {
padding-top: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt0_tab {
padding-top: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt0_pc {
padding-top: 0px !important;
}
}
.u-pt5 {
padding-top: 5px;
}
@media screen and (max-width: 767px) {
.u-pt5_sp {
padding-top: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt5_tab {
padding-top: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt5_pc {
padding-top: 5px !important;
}
}
.u-pt10 {
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.u-pt10_sp {
padding-top: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt10_tab {
padding-top: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt10_pc {
padding-top: 10px !important;
}
}
.u-pt15 {
padding-top: 15px;
}
@media screen and (max-width: 767px) {
.u-pt15_sp {
padding-top: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt15_tab {
padding-top: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt15_pc {
padding-top: 15px !important;
}
}
.u-pt20 {
padding-top: 20px;
}
@media screen and (max-width: 767px) {
.u-pt20_sp {
padding-top: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt20_tab {
padding-top: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt20_pc {
padding-top: 20px !important;
}
}
.u-pt25 {
padding-top: 25px;
}
@media screen and (max-width: 767px) {
.u-pt25_sp {
padding-top: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt25_tab {
padding-top: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt25_pc {
padding-top: 25px !important;
}
}
.u-pt30 {
padding-top: 30px;
}
@media screen and (max-width: 767px) {
.u-pt30_sp {
padding-top: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt30_tab {
padding-top: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt30_pc {
padding-top: 30px !important;
}
}
.u-pt35 {
padding-top: 35px;
}
@media screen and (max-width: 767px) {
.u-pt35_sp {
padding-top: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt35_tab {
padding-top: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt35_pc {
padding-top: 35px !important;
}
}
.u-pt40 {
padding-top: 40px;
}
@media screen and (max-width: 767px) {
.u-pt40_sp {
padding-top: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt40_tab {
padding-top: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt40_pc {
padding-top: 40px !important;
}
}
.u-pt45 {
padding-top: 45px;
}
@media screen and (max-width: 767px) {
.u-pt45_sp {
padding-top: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt45_tab {
padding-top: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt45_pc {
padding-top: 45px !important;
}
}
.u-pt50 {
padding-top: 50px;
}
@media screen and (max-width: 767px) {
.u-pt50_sp {
padding-top: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt50_tab {
padding-top: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt50_pc {
padding-top: 50px !important;
}
}
.u-pt55 {
padding-top: 55px;
}
@media screen and (max-width: 767px) {
.u-pt55_sp {
padding-top: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt55_tab {
padding-top: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt55_pc {
padding-top: 55px !important;
}
}
.u-pt60 {
padding-top: 60px;
}
@media screen and (max-width: 767px) {
.u-pt60_sp {
padding-top: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt60_tab {
padding-top: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt60_pc {
padding-top: 60px !important;
}
}
.u-pt65 {
padding-top: 65px;
}
@media screen and (max-width: 767px) {
.u-pt65_sp {
padding-top: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt65_tab {
padding-top: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt65_pc {
padding-top: 65px !important;
}
}
.u-pt70 {
padding-top: 70px;
}
@media screen and (max-width: 767px) {
.u-pt70_sp {
padding-top: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt70_tab {
padding-top: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt70_pc {
padding-top: 70px !important;
}
}
.u-pt75 {
padding-top: 75px;
}
@media screen and (max-width: 767px) {
.u-pt75_sp {
padding-top: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt75_tab {
padding-top: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt75_pc {
padding-top: 75px !important;
}
}
.u-pt80 {
padding-top: 80px;
}
@media screen and (max-width: 767px) {
.u-pt80_sp {
padding-top: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt80_tab {
padding-top: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt80_pc {
padding-top: 80px !important;
}
}
.u-pt85 {
padding-top: 85px;
}
@media screen and (max-width: 767px) {
.u-pt85_sp {
padding-top: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt85_tab {
padding-top: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt85_pc {
padding-top: 85px !important;
}
}
.u-pt90 {
padding-top: 90px;
}
@media screen and (max-width: 767px) {
.u-pt90_sp {
padding-top: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt90_tab {
padding-top: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt90_pc {
padding-top: 90px !important;
}
}
.u-pt95 {
padding-top: 95px;
}
@media screen and (max-width: 767px) {
.u-pt95_sp {
padding-top: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt95_tab {
padding-top: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt95_pc {
padding-top: 95px !important;
}
}
.u-pt100 {
padding-top: 100px;
}
@media screen and (max-width: 767px) {
.u-pt100_sp {
padding-top: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt100_tab {
padding-top: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt100_pc {
padding-top: 100px !important;
}
}
.u-pt105 {
padding-top: 105px;
}
@media screen and (max-width: 767px) {
.u-pt105_sp {
padding-top: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt105_tab {
padding-top: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt105_pc {
padding-top: 105px !important;
}
}
.u-pt110 {
padding-top: 110px;
}
@media screen and (max-width: 767px) {
.u-pt110_sp {
padding-top: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt110_tab {
padding-top: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt110_pc {
padding-top: 110px !important;
}
}
.u-pt115 {
padding-top: 115px;
}
@media screen and (max-width: 767px) {
.u-pt115_sp {
padding-top: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt115_tab {
padding-top: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt115_pc {
padding-top: 115px !important;
}
}
.u-pt120 {
padding-top: 120px;
}
@media screen and (max-width: 767px) {
.u-pt120_sp {
padding-top: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt120_tab {
padding-top: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt120_pc {
padding-top: 120px !important;
}
}
.u-pt125 {
padding-top: 125px;
}
@media screen and (max-width: 767px) {
.u-pt125_sp {
padding-top: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt125_tab {
padding-top: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt125_pc {
padding-top: 125px !important;
}
}
.u-pt130 {
padding-top: 130px;
}
@media screen and (max-width: 767px) {
.u-pt130_sp {
padding-top: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt130_tab {
padding-top: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt130_pc {
padding-top: 130px !important;
}
}
.u-pt135 {
padding-top: 135px;
}
@media screen and (max-width: 767px) {
.u-pt135_sp {
padding-top: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt135_tab {
padding-top: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt135_pc {
padding-top: 135px !important;
}
}
.u-pt140 {
padding-top: 140px;
}
@media screen and (max-width: 767px) {
.u-pt140_sp {
padding-top: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt140_tab {
padding-top: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt140_pc {
padding-top: 140px !important;
}
}
.u-pt145 {
padding-top: 145px;
}
@media screen and (max-width: 767px) {
.u-pt145_sp {
padding-top: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt145_tab {
padding-top: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt145_pc {
padding-top: 145px !important;
}
}
.u-pt150 {
padding-top: 150px;
}
@media screen and (max-width: 767px) {
.u-pt150_sp {
padding-top: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt150_tab {
padding-top: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt150_pc {
padding-top: 150px !important;
}
}
.u-pt155 {
padding-top: 155px;
}
@media screen and (max-width: 767px) {
.u-pt155_sp {
padding-top: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt155_tab {
padding-top: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt155_pc {
padding-top: 155px !important;
}
}
.u-pt160 {
padding-top: 160px;
}
@media screen and (max-width: 767px) {
.u-pt160_sp {
padding-top: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt160_tab {
padding-top: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt160_pc {
padding-top: 160px !important;
}
}
.u-pt165 {
padding-top: 165px;
}
@media screen and (max-width: 767px) {
.u-pt165_sp {
padding-top: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt165_tab {
padding-top: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt165_pc {
padding-top: 165px !important;
}
}
.u-pt170 {
padding-top: 170px;
}
@media screen and (max-width: 767px) {
.u-pt170_sp {
padding-top: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt170_tab {
padding-top: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt170_pc {
padding-top: 170px !important;
}
}
.u-pt175 {
padding-top: 175px;
}
@media screen and (max-width: 767px) {
.u-pt175_sp {
padding-top: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt175_tab {
padding-top: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt175_pc {
padding-top: 175px !important;
}
}
.u-pt180 {
padding-top: 180px;
}
@media screen and (max-width: 767px) {
.u-pt180_sp {
padding-top: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt180_tab {
padding-top: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt180_pc {
padding-top: 180px !important;
}
}
.u-pt185 {
padding-top: 185px;
}
@media screen and (max-width: 767px) {
.u-pt185_sp {
padding-top: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt185_tab {
padding-top: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt185_pc {
padding-top: 185px !important;
}
}
.u-pt190 {
padding-top: 190px;
}
@media screen and (max-width: 767px) {
.u-pt190_sp {
padding-top: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt190_tab {
padding-top: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt190_pc {
padding-top: 190px !important;
}
}
.u-pt195 {
padding-top: 195px;
}
@media screen and (max-width: 767px) {
.u-pt195_sp {
padding-top: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pt195_tab {
padding-top: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pt195_pc {
padding-top: 195px !important;
}
}
.u-pl0 {
padding-left: 0px;
}
@media screen and (max-width: 767px) {
.u-pl0_sp {
padding-left: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl0_tab {
padding-left: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl0_pc {
padding-left: 0px !important;
}
}
.u-pl5 {
padding-left: 5px;
}
@media screen and (max-width: 767px) {
.u-pl5_sp {
padding-left: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl5_tab {
padding-left: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl5_pc {
padding-left: 5px !important;
}
}
.u-pl10 {
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.u-pl10_sp {
padding-left: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl10_tab {
padding-left: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl10_pc {
padding-left: 10px !important;
}
}
.u-pl15 {
padding-left: 15px;
}
@media screen and (max-width: 767px) {
.u-pl15_sp {
padding-left: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl15_tab {
padding-left: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl15_pc {
padding-left: 15px !important;
}
}
.u-pl20 {
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.u-pl20_sp {
padding-left: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl20_tab {
padding-left: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl20_pc {
padding-left: 20px !important;
}
}
.u-pl25 {
padding-left: 25px;
}
@media screen and (max-width: 767px) {
.u-pl25_sp {
padding-left: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl25_tab {
padding-left: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl25_pc {
padding-left: 25px !important;
}
}
.u-pl30 {
padding-left: 30px;
}
@media screen and (max-width: 767px) {
.u-pl30_sp {
padding-left: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl30_tab {
padding-left: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl30_pc {
padding-left: 30px !important;
}
}
.u-pl35 {
padding-left: 35px;
}
@media screen and (max-width: 767px) {
.u-pl35_sp {
padding-left: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl35_tab {
padding-left: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl35_pc {
padding-left: 35px !important;
}
}
.u-pl40 {
padding-left: 40px;
}
@media screen and (max-width: 767px) {
.u-pl40_sp {
padding-left: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl40_tab {
padding-left: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl40_pc {
padding-left: 40px !important;
}
}
.u-pl45 {
padding-left: 45px;
}
@media screen and (max-width: 767px) {
.u-pl45_sp {
padding-left: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl45_tab {
padding-left: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl45_pc {
padding-left: 45px !important;
}
}
.u-pl50 {
padding-left: 50px;
}
@media screen and (max-width: 767px) {
.u-pl50_sp {
padding-left: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl50_tab {
padding-left: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl50_pc {
padding-left: 50px !important;
}
}
.u-pl55 {
padding-left: 55px;
}
@media screen and (max-width: 767px) {
.u-pl55_sp {
padding-left: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl55_tab {
padding-left: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl55_pc {
padding-left: 55px !important;
}
}
.u-pl60 {
padding-left: 60px;
}
@media screen and (max-width: 767px) {
.u-pl60_sp {
padding-left: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl60_tab {
padding-left: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl60_pc {
padding-left: 60px !important;
}
}
.u-pl65 {
padding-left: 65px;
}
@media screen and (max-width: 767px) {
.u-pl65_sp {
padding-left: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl65_tab {
padding-left: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl65_pc {
padding-left: 65px !important;
}
}
.u-pl70 {
padding-left: 70px;
}
@media screen and (max-width: 767px) {
.u-pl70_sp {
padding-left: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl70_tab {
padding-left: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl70_pc {
padding-left: 70px !important;
}
}
.u-pl75 {
padding-left: 75px;
}
@media screen and (max-width: 767px) {
.u-pl75_sp {
padding-left: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl75_tab {
padding-left: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl75_pc {
padding-left: 75px !important;
}
}
.u-pl80 {
padding-left: 80px;
}
@media screen and (max-width: 767px) {
.u-pl80_sp {
padding-left: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl80_tab {
padding-left: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl80_pc {
padding-left: 80px !important;
}
}
.u-pl85 {
padding-left: 85px;
}
@media screen and (max-width: 767px) {
.u-pl85_sp {
padding-left: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl85_tab {
padding-left: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl85_pc {
padding-left: 85px !important;
}
}
.u-pl90 {
padding-left: 90px;
}
@media screen and (max-width: 767px) {
.u-pl90_sp {
padding-left: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl90_tab {
padding-left: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl90_pc {
padding-left: 90px !important;
}
}
.u-pl95 {
padding-left: 95px;
}
@media screen and (max-width: 767px) {
.u-pl95_sp {
padding-left: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl95_tab {
padding-left: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl95_pc {
padding-left: 95px !important;
}
}
.u-pl100 {
padding-left: 100px;
}
@media screen and (max-width: 767px) {
.u-pl100_sp {
padding-left: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl100_tab {
padding-left: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl100_pc {
padding-left: 100px !important;
}
}
.u-pl105 {
padding-left: 105px;
}
@media screen and (max-width: 767px) {
.u-pl105_sp {
padding-left: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl105_tab {
padding-left: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl105_pc {
padding-left: 105px !important;
}
}
.u-pl110 {
padding-left: 110px;
}
@media screen and (max-width: 767px) {
.u-pl110_sp {
padding-left: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl110_tab {
padding-left: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl110_pc {
padding-left: 110px !important;
}
}
.u-pl115 {
padding-left: 115px;
}
@media screen and (max-width: 767px) {
.u-pl115_sp {
padding-left: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl115_tab {
padding-left: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl115_pc {
padding-left: 115px !important;
}
}
.u-pl120 {
padding-left: 120px;
}
@media screen and (max-width: 767px) {
.u-pl120_sp {
padding-left: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl120_tab {
padding-left: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl120_pc {
padding-left: 120px !important;
}
}
.u-pl125 {
padding-left: 125px;
}
@media screen and (max-width: 767px) {
.u-pl125_sp {
padding-left: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl125_tab {
padding-left: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl125_pc {
padding-left: 125px !important;
}
}
.u-pl130 {
padding-left: 130px;
}
@media screen and (max-width: 767px) {
.u-pl130_sp {
padding-left: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl130_tab {
padding-left: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl130_pc {
padding-left: 130px !important;
}
}
.u-pl135 {
padding-left: 135px;
}
@media screen and (max-width: 767px) {
.u-pl135_sp {
padding-left: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl135_tab {
padding-left: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl135_pc {
padding-left: 135px !important;
}
}
.u-pl140 {
padding-left: 140px;
}
@media screen and (max-width: 767px) {
.u-pl140_sp {
padding-left: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl140_tab {
padding-left: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl140_pc {
padding-left: 140px !important;
}
}
.u-pl145 {
padding-left: 145px;
}
@media screen and (max-width: 767px) {
.u-pl145_sp {
padding-left: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl145_tab {
padding-left: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl145_pc {
padding-left: 145px !important;
}
}
.u-pl150 {
padding-left: 150px;
}
@media screen and (max-width: 767px) {
.u-pl150_sp {
padding-left: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl150_tab {
padding-left: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl150_pc {
padding-left: 150px !important;
}
}
.u-pl155 {
padding-left: 155px;
}
@media screen and (max-width: 767px) {
.u-pl155_sp {
padding-left: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl155_tab {
padding-left: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl155_pc {
padding-left: 155px !important;
}
}
.u-pl160 {
padding-left: 160px;
}
@media screen and (max-width: 767px) {
.u-pl160_sp {
padding-left: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl160_tab {
padding-left: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl160_pc {
padding-left: 160px !important;
}
}
.u-pl165 {
padding-left: 165px;
}
@media screen and (max-width: 767px) {
.u-pl165_sp {
padding-left: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl165_tab {
padding-left: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl165_pc {
padding-left: 165px !important;
}
}
.u-pl170 {
padding-left: 170px;
}
@media screen and (max-width: 767px) {
.u-pl170_sp {
padding-left: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl170_tab {
padding-left: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl170_pc {
padding-left: 170px !important;
}
}
.u-pl175 {
padding-left: 175px;
}
@media screen and (max-width: 767px) {
.u-pl175_sp {
padding-left: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl175_tab {
padding-left: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl175_pc {
padding-left: 175px !important;
}
}
.u-pl180 {
padding-left: 180px;
}
@media screen and (max-width: 767px) {
.u-pl180_sp {
padding-left: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl180_tab {
padding-left: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl180_pc {
padding-left: 180px !important;
}
}
.u-pl185 {
padding-left: 185px;
}
@media screen and (max-width: 767px) {
.u-pl185_sp {
padding-left: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl185_tab {
padding-left: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl185_pc {
padding-left: 185px !important;
}
}
.u-pl190 {
padding-left: 190px;
}
@media screen and (max-width: 767px) {
.u-pl190_sp {
padding-left: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl190_tab {
padding-left: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl190_pc {
padding-left: 190px !important;
}
}
.u-pl195 {
padding-left: 195px;
}
@media screen and (max-width: 767px) {
.u-pl195_sp {
padding-left: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pl195_tab {
padding-left: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pl195_pc {
padding-left: 195px !important;
}
}
.u-pb0 {
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.u-pb0_sp {
padding-bottom: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb0_tab {
padding-bottom: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb0_pc {
padding-bottom: 0px !important;
}
}
.u-pb5 {
padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
.u-pb5_sp {
padding-bottom: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb5_tab {
padding-bottom: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb5_pc {
padding-bottom: 5px !important;
}
}
.u-pb10 {
padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
.u-pb10_sp {
padding-bottom: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb10_tab {
padding-bottom: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb10_pc {
padding-bottom: 10px !important;
}
}
.u-pb15 {
padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
.u-pb15_sp {
padding-bottom: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb15_tab {
padding-bottom: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb15_pc {
padding-bottom: 15px !important;
}
}
.u-pb20 {
padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
.u-pb20_sp {
padding-bottom: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb20_tab {
padding-bottom: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb20_pc {
padding-bottom: 20px !important;
}
}
.u-pb25 {
padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
.u-pb25_sp {
padding-bottom: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb25_tab {
padding-bottom: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb25_pc {
padding-bottom: 25px !important;
}
}
.u-pb30 {
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.u-pb30_sp {
padding-bottom: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb30_tab {
padding-bottom: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb30_pc {
padding-bottom: 30px !important;
}
}
.u-pb35 {
padding-bottom: 35px;
}
@media screen and (max-width: 767px) {
.u-pb35_sp {
padding-bottom: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb35_tab {
padding-bottom: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb35_pc {
padding-bottom: 35px !important;
}
}
.u-pb40 {
padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
.u-pb40_sp {
padding-bottom: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb40_tab {
padding-bottom: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb40_pc {
padding-bottom: 40px !important;
}
}
.u-pb45 {
padding-bottom: 45px;
}
@media screen and (max-width: 767px) {
.u-pb45_sp {
padding-bottom: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb45_tab {
padding-bottom: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb45_pc {
padding-bottom: 45px !important;
}
}
.u-pb50 {
padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
.u-pb50_sp {
padding-bottom: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb50_tab {
padding-bottom: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb50_pc {
padding-bottom: 50px !important;
}
}
.u-pb55 {
padding-bottom: 55px;
}
@media screen and (max-width: 767px) {
.u-pb55_sp {
padding-bottom: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb55_tab {
padding-bottom: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb55_pc {
padding-bottom: 55px !important;
}
}
.u-pb60 {
padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
.u-pb60_sp {
padding-bottom: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb60_tab {
padding-bottom: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb60_pc {
padding-bottom: 60px !important;
}
}
.u-pb65 {
padding-bottom: 65px;
}
@media screen and (max-width: 767px) {
.u-pb65_sp {
padding-bottom: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb65_tab {
padding-bottom: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb65_pc {
padding-bottom: 65px !important;
}
}
.u-pb70 {
padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
.u-pb70_sp {
padding-bottom: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb70_tab {
padding-bottom: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb70_pc {
padding-bottom: 70px !important;
}
}
.u-pb75 {
padding-bottom: 75px;
}
@media screen and (max-width: 767px) {
.u-pb75_sp {
padding-bottom: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb75_tab {
padding-bottom: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb75_pc {
padding-bottom: 75px !important;
}
}
.u-pb80 {
padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
.u-pb80_sp {
padding-bottom: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb80_tab {
padding-bottom: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb80_pc {
padding-bottom: 80px !important;
}
}
.u-pb85 {
padding-bottom: 85px;
}
@media screen and (max-width: 767px) {
.u-pb85_sp {
padding-bottom: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb85_tab {
padding-bottom: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb85_pc {
padding-bottom: 85px !important;
}
}
.u-pb90 {
padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
.u-pb90_sp {
padding-bottom: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb90_tab {
padding-bottom: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb90_pc {
padding-bottom: 90px !important;
}
}
.u-pb95 {
padding-bottom: 95px;
}
@media screen and (max-width: 767px) {
.u-pb95_sp {
padding-bottom: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb95_tab {
padding-bottom: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb95_pc {
padding-bottom: 95px !important;
}
}
.u-pb100 {
padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
.u-pb100_sp {
padding-bottom: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb100_tab {
padding-bottom: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb100_pc {
padding-bottom: 100px !important;
}
}
.u-pb105 {
padding-bottom: 105px;
}
@media screen and (max-width: 767px) {
.u-pb105_sp {
padding-bottom: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb105_tab {
padding-bottom: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb105_pc {
padding-bottom: 105px !important;
}
}
.u-pb110 {
padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
.u-pb110_sp {
padding-bottom: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb110_tab {
padding-bottom: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb110_pc {
padding-bottom: 110px !important;
}
}
.u-pb115 {
padding-bottom: 115px;
}
@media screen and (max-width: 767px) {
.u-pb115_sp {
padding-bottom: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb115_tab {
padding-bottom: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb115_pc {
padding-bottom: 115px !important;
}
}
.u-pb120 {
padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
.u-pb120_sp {
padding-bottom: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb120_tab {
padding-bottom: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb120_pc {
padding-bottom: 120px !important;
}
}
.u-pb125 {
padding-bottom: 125px;
}
@media screen and (max-width: 767px) {
.u-pb125_sp {
padding-bottom: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb125_tab {
padding-bottom: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb125_pc {
padding-bottom: 125px !important;
}
}
.u-pb130 {
padding-bottom: 130px;
}
@media screen and (max-width: 767px) {
.u-pb130_sp {
padding-bottom: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb130_tab {
padding-bottom: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb130_pc {
padding-bottom: 130px !important;
}
}
.u-pb135 {
padding-bottom: 135px;
}
@media screen and (max-width: 767px) {
.u-pb135_sp {
padding-bottom: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb135_tab {
padding-bottom: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb135_pc {
padding-bottom: 135px !important;
}
}
.u-pb140 {
padding-bottom: 140px;
}
@media screen and (max-width: 767px) {
.u-pb140_sp {
padding-bottom: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb140_tab {
padding-bottom: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb140_pc {
padding-bottom: 140px !important;
}
}
.u-pb145 {
padding-bottom: 145px;
}
@media screen and (max-width: 767px) {
.u-pb145_sp {
padding-bottom: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb145_tab {
padding-bottom: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb145_pc {
padding-bottom: 145px !important;
}
}
.u-pb150 {
padding-bottom: 150px;
}
@media screen and (max-width: 767px) {
.u-pb150_sp {
padding-bottom: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb150_tab {
padding-bottom: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb150_pc {
padding-bottom: 150px !important;
}
}
.u-pb155 {
padding-bottom: 155px;
}
@media screen and (max-width: 767px) {
.u-pb155_sp {
padding-bottom: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb155_tab {
padding-bottom: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb155_pc {
padding-bottom: 155px !important;
}
}
.u-pb160 {
padding-bottom: 160px;
}
@media screen and (max-width: 767px) {
.u-pb160_sp {
padding-bottom: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb160_tab {
padding-bottom: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb160_pc {
padding-bottom: 160px !important;
}
}
.u-pb165 {
padding-bottom: 165px;
}
@media screen and (max-width: 767px) {
.u-pb165_sp {
padding-bottom: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb165_tab {
padding-bottom: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb165_pc {
padding-bottom: 165px !important;
}
}
.u-pb170 {
padding-bottom: 170px;
}
@media screen and (max-width: 767px) {
.u-pb170_sp {
padding-bottom: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb170_tab {
padding-bottom: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb170_pc {
padding-bottom: 170px !important;
}
}
.u-pb175 {
padding-bottom: 175px;
}
@media screen and (max-width: 767px) {
.u-pb175_sp {
padding-bottom: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb175_tab {
padding-bottom: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb175_pc {
padding-bottom: 175px !important;
}
}
.u-pb180 {
padding-bottom: 180px;
}
@media screen and (max-width: 767px) {
.u-pb180_sp {
padding-bottom: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb180_tab {
padding-bottom: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb180_pc {
padding-bottom: 180px !important;
}
}
.u-pb185 {
padding-bottom: 185px;
}
@media screen and (max-width: 767px) {
.u-pb185_sp {
padding-bottom: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb185_tab {
padding-bottom: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb185_pc {
padding-bottom: 185px !important;
}
}
.u-pb190 {
padding-bottom: 190px;
}
@media screen and (max-width: 767px) {
.u-pb190_sp {
padding-bottom: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb190_tab {
padding-bottom: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb190_pc {
padding-bottom: 190px !important;
}
}
.u-pb195 {
padding-bottom: 195px;
}
@media screen and (max-width: 767px) {
.u-pb195_sp {
padding-bottom: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pb195_tab {
padding-bottom: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pb195_pc {
padding-bottom: 195px !important;
}
}
.u-pr0 {
padding-right: 0px;
}
@media screen and (max-width: 767px) {
.u-pr0_sp {
padding-right: 0px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr0_tab {
padding-right: 0px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr0_pc {
padding-right: 0px !important;
}
}
.u-pr5 {
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.u-pr5_sp {
padding-right: 5px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr5_tab {
padding-right: 5px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr5_pc {
padding-right: 5px !important;
}
}
.u-pr10 {
padding-right: 10px;
}
@media screen and (max-width: 767px) {
.u-pr10_sp {
padding-right: 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr10_tab {
padding-right: 10px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr10_pc {
padding-right: 10px !important;
}
}
.u-pr15 {
padding-right: 15px;
}
@media screen and (max-width: 767px) {
.u-pr15_sp {
padding-right: 15px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr15_tab {
padding-right: 15px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr15_pc {
padding-right: 15px !important;
}
}
.u-pr20 {
padding-right: 20px;
}
@media screen and (max-width: 767px) {
.u-pr20_sp {
padding-right: 20px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr20_tab {
padding-right: 20px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr20_pc {
padding-right: 20px !important;
}
}
.u-pr25 {
padding-right: 25px;
}
@media screen and (max-width: 767px) {
.u-pr25_sp {
padding-right: 25px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr25_tab {
padding-right: 25px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr25_pc {
padding-right: 25px !important;
}
}
.u-pr30 {
padding-right: 30px;
}
@media screen and (max-width: 767px) {
.u-pr30_sp {
padding-right: 30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr30_tab {
padding-right: 30px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr30_pc {
padding-right: 30px !important;
}
}
.u-pr35 {
padding-right: 35px;
}
@media screen and (max-width: 767px) {
.u-pr35_sp {
padding-right: 35px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr35_tab {
padding-right: 35px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr35_pc {
padding-right: 35px !important;
}
}
.u-pr40 {
padding-right: 40px;
}
@media screen and (max-width: 767px) {
.u-pr40_sp {
padding-right: 40px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr40_tab {
padding-right: 40px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr40_pc {
padding-right: 40px !important;
}
}
.u-pr45 {
padding-right: 45px;
}
@media screen and (max-width: 767px) {
.u-pr45_sp {
padding-right: 45px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr45_tab {
padding-right: 45px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr45_pc {
padding-right: 45px !important;
}
}
.u-pr50 {
padding-right: 50px;
}
@media screen and (max-width: 767px) {
.u-pr50_sp {
padding-right: 50px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr50_tab {
padding-right: 50px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr50_pc {
padding-right: 50px !important;
}
}
.u-pr55 {
padding-right: 55px;
}
@media screen and (max-width: 767px) {
.u-pr55_sp {
padding-right: 55px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr55_tab {
padding-right: 55px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr55_pc {
padding-right: 55px !important;
}
}
.u-pr60 {
padding-right: 60px;
}
@media screen and (max-width: 767px) {
.u-pr60_sp {
padding-right: 60px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr60_tab {
padding-right: 60px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr60_pc {
padding-right: 60px !important;
}
}
.u-pr65 {
padding-right: 65px;
}
@media screen and (max-width: 767px) {
.u-pr65_sp {
padding-right: 65px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr65_tab {
padding-right: 65px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr65_pc {
padding-right: 65px !important;
}
}
.u-pr70 {
padding-right: 70px;
}
@media screen and (max-width: 767px) {
.u-pr70_sp {
padding-right: 70px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr70_tab {
padding-right: 70px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr70_pc {
padding-right: 70px !important;
}
}
.u-pr75 {
padding-right: 75px;
}
@media screen and (max-width: 767px) {
.u-pr75_sp {
padding-right: 75px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr75_tab {
padding-right: 75px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr75_pc {
padding-right: 75px !important;
}
}
.u-pr80 {
padding-right: 80px;
}
@media screen and (max-width: 767px) {
.u-pr80_sp {
padding-right: 80px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr80_tab {
padding-right: 80px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr80_pc {
padding-right: 80px !important;
}
}
.u-pr85 {
padding-right: 85px;
}
@media screen and (max-width: 767px) {
.u-pr85_sp {
padding-right: 85px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr85_tab {
padding-right: 85px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr85_pc {
padding-right: 85px !important;
}
}
.u-pr90 {
padding-right: 90px;
}
@media screen and (max-width: 767px) {
.u-pr90_sp {
padding-right: 90px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr90_tab {
padding-right: 90px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr90_pc {
padding-right: 90px !important;
}
}
.u-pr95 {
padding-right: 95px;
}
@media screen and (max-width: 767px) {
.u-pr95_sp {
padding-right: 95px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr95_tab {
padding-right: 95px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr95_pc {
padding-right: 95px !important;
}
}
.u-pr100 {
padding-right: 100px;
}
@media screen and (max-width: 767px) {
.u-pr100_sp {
padding-right: 100px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr100_tab {
padding-right: 100px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr100_pc {
padding-right: 100px !important;
}
}
.u-pr105 {
padding-right: 105px;
}
@media screen and (max-width: 767px) {
.u-pr105_sp {
padding-right: 105px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr105_tab {
padding-right: 105px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr105_pc {
padding-right: 105px !important;
}
}
.u-pr110 {
padding-right: 110px;
}
@media screen and (max-width: 767px) {
.u-pr110_sp {
padding-right: 110px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr110_tab {
padding-right: 110px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr110_pc {
padding-right: 110px !important;
}
}
.u-pr115 {
padding-right: 115px;
}
@media screen and (max-width: 767px) {
.u-pr115_sp {
padding-right: 115px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr115_tab {
padding-right: 115px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr115_pc {
padding-right: 115px !important;
}
}
.u-pr120 {
padding-right: 120px;
}
@media screen and (max-width: 767px) {
.u-pr120_sp {
padding-right: 120px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr120_tab {
padding-right: 120px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr120_pc {
padding-right: 120px !important;
}
}
.u-pr125 {
padding-right: 125px;
}
@media screen and (max-width: 767px) {
.u-pr125_sp {
padding-right: 125px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr125_tab {
padding-right: 125px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr125_pc {
padding-right: 125px !important;
}
}
.u-pr130 {
padding-right: 130px;
}
@media screen and (max-width: 767px) {
.u-pr130_sp {
padding-right: 130px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr130_tab {
padding-right: 130px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr130_pc {
padding-right: 130px !important;
}
}
.u-pr135 {
padding-right: 135px;
}
@media screen and (max-width: 767px) {
.u-pr135_sp {
padding-right: 135px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr135_tab {
padding-right: 135px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr135_pc {
padding-right: 135px !important;
}
}
.u-pr140 {
padding-right: 140px;
}
@media screen and (max-width: 767px) {
.u-pr140_sp {
padding-right: 140px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr140_tab {
padding-right: 140px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr140_pc {
padding-right: 140px !important;
}
}
.u-pr145 {
padding-right: 145px;
}
@media screen and (max-width: 767px) {
.u-pr145_sp {
padding-right: 145px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr145_tab {
padding-right: 145px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr145_pc {
padding-right: 145px !important;
}
}
.u-pr150 {
padding-right: 150px;
}
@media screen and (max-width: 767px) {
.u-pr150_sp {
padding-right: 150px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr150_tab {
padding-right: 150px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr150_pc {
padding-right: 150px !important;
}
}
.u-pr155 {
padding-right: 155px;
}
@media screen and (max-width: 767px) {
.u-pr155_sp {
padding-right: 155px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr155_tab {
padding-right: 155px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr155_pc {
padding-right: 155px !important;
}
}
.u-pr160 {
padding-right: 160px;
}
@media screen and (max-width: 767px) {
.u-pr160_sp {
padding-right: 160px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr160_tab {
padding-right: 160px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr160_pc {
padding-right: 160px !important;
}
}
.u-pr165 {
padding-right: 165px;
}
@media screen and (max-width: 767px) {
.u-pr165_sp {
padding-right: 165px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr165_tab {
padding-right: 165px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr165_pc {
padding-right: 165px !important;
}
}
.u-pr170 {
padding-right: 170px;
}
@media screen and (max-width: 767px) {
.u-pr170_sp {
padding-right: 170px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr170_tab {
padding-right: 170px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr170_pc {
padding-right: 170px !important;
}
}
.u-pr175 {
padding-right: 175px;
}
@media screen and (max-width: 767px) {
.u-pr175_sp {
padding-right: 175px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr175_tab {
padding-right: 175px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr175_pc {
padding-right: 175px !important;
}
}
.u-pr180 {
padding-right: 180px;
}
@media screen and (max-width: 767px) {
.u-pr180_sp {
padding-right: 180px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr180_tab {
padding-right: 180px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr180_pc {
padding-right: 180px !important;
}
}
.u-pr185 {
padding-right: 185px;
}
@media screen and (max-width: 767px) {
.u-pr185_sp {
padding-right: 185px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr185_tab {
padding-right: 185px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr185_pc {
padding-right: 185px !important;
}
}
.u-pr190 {
padding-right: 190px;
}
@media screen and (max-width: 767px) {
.u-pr190_sp {
padding-right: 190px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr190_tab {
padding-right: 190px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr190_pc {
padding-right: 190px !important;
}
}
.u-pr195 {
padding-right: 195px;
}
@media screen and (max-width: 767px) {
.u-pr195_sp {
padding-right: 195px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-pr195_tab {
padding-right: 195px !important;
}
}
@media screen and (min-width: 1025px) {
.u-pr195_pc {
padding-right: 195px !important;
}
} #wrapper {
overflow: hidden;
position: relative;
max-width: 100vw;
overflow-x:hidden;
}
.wrapper{
max-width: 100vw;
overflow-x:hidden;
}
.l-inner1 {
width: 800px;
max-width: calc(100% - 100px);
margin-left: auto;
margin-right: auto;
}
.l-inner1.inner_100 {
max-width: 100%;
}
.l-inner2 {
width: 980px;
max-width: calc(100% - 100px);
margin-left: auto;
margin-right: auto;
}
.l-inner2.inner_100 {
max-width: 100%;
}
.l-inner3 {
width: 1440px;
max-width: calc(100% - 100px);
margin-left: auto;
margin-right: auto;
}
.l-inner3.inner_100 {
max-width: 100%;
}
.l-inner4 {
width: 1340px;
max-width: calc(100% - 100px);
margin-left: auto;
margin-right: auto;
}
.l-inner4.inner_100 {
max-width: 100%;
}
.l-inner5 {
width: 1120px;
max-width: calc(100% - 100px);
margin-left: auto;
margin-right: auto;
}
.l-inner5.inner_100 {
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.l-inner1, .l-inner2, .l-inner3, .l-inner4, .l-inner5, .l-inner6, .l-inner7, .l-inner8, .l-inner9, .l-inner10, .l-inner11 {
max-width: calc(100% - 30px);
}
.l-inner1.inner_100_sp, .l-inner2.inner_100_sp, .l-inner3.inner_100_sp, .l-inner4.inner_100_sp, .l-inner5.inner_100_sp, .l-inner6.inner_100_sp, .l-inner7.inner_100_sp, .l-inner8.inner_100_sp, .l-inner9.inner_100_sp, .l-inner10.inner_100_sp, .l-inner11.inner_100_sp {
max-width: 100%;
}
} .black {
color: #000 !important;
}
.white {
color: #fff !important;
}
.brown {
color: #231815 !important;
}
.red {
color: #F73434 !important;
}
.blue {
color: #1C62E9 !important;
}
.orange {
color: #E68C26 !important;
} .bg_gray {
background: #878787;
}
.bg_blue {
background: #1C62E9;
} a {
opacity: 1;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
a:hover {
opacity: 0.7;
} @media screen and (min-width: 1025px) {
.pc_none {
display: none !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.pc_none {
display: block;
}
}
@media screen and (max-width: 767px) {
.pc_none {
display: block;
}
}
@media screen and (min-width: 1025px) {
.tab_none {
display: block;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.tab_none {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.tab_none {
display: block;
}
}
@media screen and (min-width: 1025px) {
.sp_none {
display: block;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.sp_none {
display: block;
}
}
@media screen and (max-width: 767px) {
.sp_none {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.pc_indisp {
display: inline-block !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.pc_indisp {
display: none;
}
}
@media screen and (max-width: 767px) {
.pc_indisp {
display: none;
}
}
@media screen and (min-width: 1025px) {
.tab_indisp {
display: none;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.tab_indisp {
display: inline-block !important;
}
}
@media screen and (max-width: 767px) {
.tab_indisp {
display: none;
}
}
@media screen and (min-width: 1025px) {
.pc_disp {
display: block !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.pc_disp {
display: none;
}
}
@media screen and (max-width: 767px) {
.pc_disp {
display: none;
}
}
@media screen and (min-width: 1025px) {
.sp_disp {
display: none;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.sp_disp {
display: none;
}
}
@media screen and (max-width: 767px) {
.sp_disp {
display: block !important;
}
}
@media screen and (min-width: 1025px) {
.sp_indisp {
display: none;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.sp_indisp {
display: none;
}
}
@media screen and (max-width: 767px) {
.sp_indisp {
display: inline-block !important;
}
} .w0 {
width: 0%;
}
@media screen and (max-width: 767px) {
.w0_sp {
width: 0%;
}
}
@media screen and (max-width: 1024px) {
.w0_tab {
width: 0%;
}
}
@media screen and (min-width: 1025px) {
.w0_pc {
width: 0%;
}
}
.w5 {
width: 5%;
}
@media screen and (max-width: 767px) {
.w5_sp {
width: 5%;
}
}
@media screen and (max-width: 1024px) {
.w5_tab {
width: 5%;
}
}
@media screen and (min-width: 1025px) {
.w5_pc {
width: 5%;
}
}
.w10 {
width: 10%;
}
@media screen and (max-width: 767px) {
.w10_sp {
width: 10%;
}
}
@media screen and (max-width: 1024px) {
.w10_tab {
width: 10%;
}
}
@media screen and (min-width: 1025px) {
.w10_pc {
width: 10%;
}
}
.w15 {
width: 15%;
}
@media screen and (max-width: 767px) {
.w15_sp {
width: 15%;
}
}
@media screen and (max-width: 1024px) {
.w15_tab {
width: 15%;
}
}
@media screen and (min-width: 1025px) {
.w15_pc {
width: 15%;
}
}
.w20 {
width: 20%;
}
@media screen and (max-width: 767px) {
.w20_sp {
width: 20%;
}
}
@media screen and (max-width: 1024px) {
.w20_tab {
width: 20%;
}
}
@media screen and (min-width: 1025px) {
.w20_pc {
width: 20%;
}
}
.w25 {
width: 25%;
}
@media screen and (max-width: 767px) {
.w25_sp {
width: 25%;
}
}
@media screen and (max-width: 1024px) {
.w25_tab {
width: 25%;
}
}
@media screen and (min-width: 1025px) {
.w25_pc {
width: 25%;
}
}
.w30 {
width: 30%;
}
@media screen and (max-width: 767px) {
.w30_sp {
width: 30%;
}
}
@media screen and (max-width: 1024px) {
.w30_tab {
width: 30%;
}
}
@media screen and (min-width: 1025px) {
.w30_pc {
width: 30%;
}
}
.w35 {
width: 35%;
}
@media screen and (max-width: 767px) {
.w35_sp {
width: 35%;
}
}
@media screen and (max-width: 1024px) {
.w35_tab {
width: 35%;
}
}
@media screen and (min-width: 1025px) {
.w35_pc {
width: 35%;
}
}
.w40 {
width: 40%;
}
@media screen and (max-width: 767px) {
.w40_sp {
width: 40%;
}
}
@media screen and (max-width: 1024px) {
.w40_tab {
width: 40%;
}
}
@media screen and (min-width: 1025px) {
.w40_pc {
width: 40%;
}
}
.w45 {
width: 45%;
}
@media screen and (max-width: 767px) {
.w45_sp {
width: 45%;
}
}
@media screen and (max-width: 1024px) {
.w45_tab {
width: 45%;
}
}
@media screen and (min-width: 1025px) {
.w45_pc {
width: 45%;
}
}
.w50 {
width: 50%;
}
@media screen and (max-width: 767px) {
.w50_sp {
width: 50%;
}
}
@media screen and (max-width: 1024px) {
.w50_tab {
width: 50%;
}
}
@media screen and (min-width: 1025px) {
.w50_pc {
width: 50%;
}
}
.w55 {
width: 55%;
}
@media screen and (max-width: 767px) {
.w55_sp {
width: 55%;
}
}
@media screen and (max-width: 1024px) {
.w55_tab {
width: 55%;
}
}
@media screen and (min-width: 1025px) {
.w55_pc {
width: 55%;
}
}
.w60 {
width: 60%;
}
@media screen and (max-width: 767px) {
.w60_sp {
width: 60%;
}
}
@media screen and (max-width: 1024px) {
.w60_tab {
width: 60%;
}
}
@media screen and (min-width: 1025px) {
.w60_pc {
width: 60%;
}
}
.w65 {
width: 65%;
}
@media screen and (max-width: 767px) {
.w65_sp {
width: 65%;
}
}
@media screen and (max-width: 1024px) {
.w65_tab {
width: 65%;
}
}
@media screen and (min-width: 1025px) {
.w65_pc {
width: 65%;
}
}
.w70 {
width: 70%;
}
@media screen and (max-width: 767px) {
.w70_sp {
width: 70%;
}
}
@media screen and (max-width: 1024px) {
.w70_tab {
width: 70%;
}
}
@media screen and (min-width: 1025px) {
.w70_pc {
width: 70%;
}
}
.w75 {
width: 75%;
}
@media screen and (max-width: 767px) {
.w75_sp {
width: 75%;
}
}
@media screen and (max-width: 1024px) {
.w75_tab {
width: 75%;
}
}
@media screen and (min-width: 1025px) {
.w75_pc {
width: 75%;
}
}
.w80 {
width: 80%;
}
@media screen and (max-width: 767px) {
.w80_sp {
width: 80%;
}
}
@media screen and (max-width: 1024px) {
.w80_tab {
width: 80%;
}
}
@media screen and (min-width: 1025px) {
.w80_pc {
width: 80%;
}
}
.w85 {
width: 85%;
}
@media screen and (max-width: 767px) {
.w85_sp {
width: 85%;
}
}
@media screen and (max-width: 1024px) {
.w85_tab {
width: 85%;
}
}
@media screen and (min-width: 1025px) {
.w85_pc {
width: 85%;
}
}
.w90 {
width: 90%;
}
@media screen and (max-width: 767px) {
.w90_sp {
width: 90%;
}
}
@media screen and (max-width: 1024px) {
.w90_tab {
width: 90%;
}
}
@media screen and (min-width: 1025px) {
.w90_pc {
width: 90%;
}
}
.w95 {
width: 95%;
}
@media screen and (max-width: 767px) {
.w95_sp {
width: 95%;
}
}
@media screen and (max-width: 1024px) {
.w95_tab {
width: 95%;
}
}
@media screen and (min-width: 1025px) {
.w95_pc {
width: 95%;
}
}
.w100 {
width: 100%;
}
@media screen and (max-width: 767px) {
.w100_sp {
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.w100_tab {
width: 100%;
}
}
@media screen and (min-width: 1025px) {
.w100_pc {
width: 100%;
}
}
.w105 {
width: 105%;
}
@media screen and (max-width: 767px) {
.w105_sp {
width: 105%;
}
}
@media screen and (max-width: 1024px) {
.w105_tab {
width: 105%;
}
}
@media screen and (min-width: 1025px) {
.w105_pc {
width: 105%;
}
}
.w110 {
width: 110%;
}
@media screen and (max-width: 767px) {
.w110_sp {
width: 110%;
}
}
@media screen and (max-width: 1024px) {
.w110_tab {
width: 110%;
}
}
@media screen and (min-width: 1025px) {
.w110_pc {
width: 110%;
}
}
.w115 {
width: 115%;
}
@media screen and (max-width: 767px) {
.w115_sp {
width: 115%;
}
}
@media screen and (max-width: 1024px) {
.w115_tab {
width: 115%;
}
}
@media screen and (min-width: 1025px) {
.w115_pc {
width: 115%;
}
}
.w120 {
width: 120%;
}
@media screen and (max-width: 767px) {
.w120_sp {
width: 120%;
}
}
@media screen and (max-width: 1024px) {
.w120_tab {
width: 120%;
}
}
@media screen and (min-width: 1025px) {
.w120_pc {
width: 120%;
}
}
.w125 {
width: 125%;
}
@media screen and (max-width: 767px) {
.w125_sp {
width: 125%;
}
}
@media screen and (max-width: 1024px) {
.w125_tab {
width: 125%;
}
}
@media screen and (min-width: 1025px) {
.w125_pc {
width: 125%;
}
}
.w130 {
width: 130%;
}
@media screen and (max-width: 767px) {
.w130_sp {
width: 130%;
}
}
@media screen and (max-width: 1024px) {
.w130_tab {
width: 130%;
}
}
@media screen and (min-width: 1025px) {
.w130_pc {
width: 130%;
}
}
.w135 {
width: 135%;
}
@media screen and (max-width: 767px) {
.w135_sp {
width: 135%;
}
}
@media screen and (max-width: 1024px) {
.w135_tab {
width: 135%;
}
}
@media screen and (min-width: 1025px) {
.w135_pc {
width: 135%;
}
}
.w140 {
width: 140%;
}
@media screen and (max-width: 767px) {
.w140_sp {
width: 140%;
}
}
@media screen and (max-width: 1024px) {
.w140_tab {
width: 140%;
}
}
@media screen and (min-width: 1025px) {
.w140_pc {
width: 140%;
}
}
.w145 {
width: 145%;
}
@media screen and (max-width: 767px) {
.w145_sp {
width: 145%;
}
}
@media screen and (max-width: 1024px) {
.w145_tab {
width: 145%;
}
}
@media screen and (min-width: 1025px) {
.w145_pc {
width: 145%;
}
}
.w150 {
width: 150%;
}
@media screen and (max-width: 767px) {
.w150_sp {
width: 150%;
}
}
@media screen and (max-width: 1024px) {
.w150_tab {
width: 150%;
}
}
@media screen and (min-width: 1025px) {
.w150_pc {
width: 150%;
}
}
.w155 {
width: 155%;
}
@media screen and (max-width: 767px) {
.w155_sp {
width: 155%;
}
}
@media screen and (max-width: 1024px) {
.w155_tab {
width: 155%;
}
}
@media screen and (min-width: 1025px) {
.w155_pc {
width: 155%;
}
}
.w160 {
width: 160%;
}
@media screen and (max-width: 767px) {
.w160_sp {
width: 160%;
}
}
@media screen and (max-width: 1024px) {
.w160_tab {
width: 160%;
}
}
@media screen and (min-width: 1025px) {
.w160_pc {
width: 160%;
}
}
.w165 {
width: 165%;
}
@media screen and (max-width: 767px) {
.w165_sp {
width: 165%;
}
}
@media screen and (max-width: 1024px) {
.w165_tab {
width: 165%;
}
}
@media screen and (min-width: 1025px) {
.w165_pc {
width: 165%;
}
}
.w170 {
width: 170%;
}
@media screen and (max-width: 767px) {
.w170_sp {
width: 170%;
}
}
@media screen and (max-width: 1024px) {
.w170_tab {
width: 170%;
}
}
@media screen and (min-width: 1025px) {
.w170_pc {
width: 170%;
}
}
.w175 {
width: 175%;
}
@media screen and (max-width: 767px) {
.w175_sp {
width: 175%;
}
}
@media screen and (max-width: 1024px) {
.w175_tab {
width: 175%;
}
}
@media screen and (min-width: 1025px) {
.w175_pc {
width: 175%;
}
}
.w180 {
width: 180%;
}
@media screen and (max-width: 767px) {
.w180_sp {
width: 180%;
}
}
@media screen and (max-width: 1024px) {
.w180_tab {
width: 180%;
}
}
@media screen and (min-width: 1025px) {
.w180_pc {
width: 180%;
}
}
.w185 {
width: 185%;
}
@media screen and (max-width: 767px) {
.w185_sp {
width: 185%;
}
}
@media screen and (max-width: 1024px) {
.w185_tab {
width: 185%;
}
}
@media screen and (min-width: 1025px) {
.w185_pc {
width: 185%;
}
}
.w190 {
width: 190%;
}
@media screen and (max-width: 767px) {
.w190_sp {
width: 190%;
}
}
@media screen and (max-width: 1024px) {
.w190_tab {
width: 190%;
}
}
@media screen and (min-width: 1025px) {
.w190_pc {
width: 190%;
}
}
.w195 {
width: 195%;
}
@media screen and (max-width: 767px) {
.w195_sp {
width: 195%;
}
}
@media screen and (max-width: 1024px) {
.w195_tab {
width: 195%;
}
}
@media screen and (min-width: 1025px) {
.w195_pc {
width: 195%;
}
} .u-right {
text-align: right !important;
}
@media screen and (min-width: 1025px) {
.u-right_pc {
text-align: right !important;
}
}
@media screen and (max-width: 1024px) {
.u-right_tab {
text-align: right !important;
}
}
@media screen and (max-width: 767px) {
.u-right_sp {
text-align: right !important;
}
}
.u-left {
text-align: left !important;
}
@media screen and (min-width: 1025px) {
.u-left_pc {
text-align: left !important;
}
}
@media screen and (max-width: 1024px) {
.u-left_tab {
text-align: left !important;
}
}
@media screen and (max-width: 767px) {
.u-left_sp {
text-align: left !important;
}
}
.u-center {
text-align: center !important;
}
@media screen and (min-width: 1025px) {
.u-center_pc {
text-align: center !important;
}
}
@media screen and (max-width: 1024px) {
.u-center_tab {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.u-center_sp {
text-align: center !important;
}
} .u-flex {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.u-flex.space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-flex.center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.u-flex_wrap {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-flex_wrap.space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-flex_wrap.center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.u-order_1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media screen and (min-width: 1025px) {
.u-order_1_pc {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-order_1_tab {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
}
@media screen and (max-width: 767px) {
.u-order_1_sp {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
}
.u-order_2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media screen and (min-width: 1025px) {
.u-order_2_pc {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-order_2_tab {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
}
@media screen and (max-width: 767px) {
.u-order_2_sp {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
}
.u-order_3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
@media screen and (min-width: 1025px) {
.u-order_3_pc {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-order_3_tab {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
}
@media screen and (max-width: 767px) {
.u-order_3_sp {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
}
.u-order_4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
@media screen and (min-width: 1025px) {
.u-order_4_pc {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-order_4_tab {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
}
@media screen and (max-width: 767px) {
.u-order_4_sp {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
}
.u-order_5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
@media screen and (min-width: 1025px) {
.u-order_5_pc {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-order_5_tab {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
}
@media screen and (max-width: 767px) {
.u-order_5_sp {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
} .u-col_1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_1_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_1:first-child {
margin-left: 0;
}
.u-col_1.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_1_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 8.3333333333% !important;
flex: 0 0 8.3333333333% !important;
max-width: 8.3333333333% !important;
}
.u-col_1_pc:first-child {
margin-left: 0;
}
.u-col_1_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_1_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 8.3333333333% !important;
flex: 0 0 8.3333333333% !important;
max-width: 8.3333333333% !important;
}
.u-col_1_tab:first-child {
margin-left: 0;
}
.u-col_1_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_1_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 8.3333333333% !important;
flex: 0 0 8.3333333333% !important;
max-width: 8.3333333333% !important;
}
.u-col_1_sp:first-child {
margin-left: 0;
}
.u-col_1_sp.col_margin_auto {
margin: auto;
}
}
.u-col_2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_2_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_2:first-child {
margin-left: 0;
}
.u-col_2.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_2_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 16.6666666667% !important;
flex: 0 0 16.6666666667% !important;
max-width: 16.6666666667% !important;
}
.u-col_2_pc:first-child {
margin-left: 0;
}
.u-col_2_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_2_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 16.6666666667% !important;
flex: 0 0 16.6666666667% !important;
max-width: 16.6666666667% !important;
}
.u-col_2_tab:first-child {
margin-left: 0;
}
.u-col_2_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_2_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 16.6666666667% !important;
flex: 0 0 16.6666666667% !important;
max-width: 16.6666666667% !important;
}
.u-col_2_sp:first-child {
margin-left: 0;
}
.u-col_2_sp.col_margin_auto {
margin: auto;
}
}
.u-col_3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_3_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_3:first-child {
margin-left: 0;
}
.u-col_3.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_3_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 25% !important;
max-width: 25% !important;
}
.u-col_3_pc:first-child {
margin-left: 0;
}
.u-col_3_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_3_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 25% !important;
max-width: 25% !important;
}
.u-col_3_tab:first-child {
margin-left: 0;
}
.u-col_3_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_3_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 25% !important;
max-width: 25% !important;
}
.u-col_3_sp:first-child {
margin-left: 0;
}
.u-col_3_sp.col_margin_auto {
margin: auto;
}
}
.u-col_4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_4_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_4:first-child {
margin-left: 0;
}
.u-col_4.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_4_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 33.3333333333% !important;
flex: 0 0 33.3333333333% !important;
max-width: 33.3333333333% !important;
}
.u-col_4_pc:first-child {
margin-left: 0;
}
.u-col_4_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_4_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 33.3333333333% !important;
flex: 0 0 33.3333333333% !important;
max-width: 33.3333333333% !important;
}
.u-col_4_tab:first-child {
margin-left: 0;
}
.u-col_4_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_4_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 33.3333333333% !important;
flex: 0 0 33.3333333333% !important;
max-width: 33.3333333333% !important;
}
.u-col_4_sp:first-child {
margin-left: 0;
}
.u-col_4_sp.col_margin_auto {
margin: auto;
}
}
.u-col_5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_5_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_5:first-child {
margin-left: 0;
}
.u-col_5.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_5_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 41.6666666667% !important;
flex: 0 0 41.6666666667% !important;
max-width: 41.6666666667% !important;
}
.u-col_5_pc:first-child {
margin-left: 0;
}
.u-col_5_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_5_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 41.6666666667% !important;
flex: 0 0 41.6666666667% !important;
max-width: 41.6666666667% !important;
}
.u-col_5_tab:first-child {
margin-left: 0;
}
.u-col_5_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_5_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 41.6666666667% !important;
flex: 0 0 41.6666666667% !important;
max-width: 41.6666666667% !important;
}
.u-col_5_sp:first-child {
margin-left: 0;
}
.u-col_5_sp.col_margin_auto {
margin: auto;
}
}
.u-col_6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_6_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_6:first-child {
margin-left: 0;
}
.u-col_6.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_6_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.u-col_6_pc:first-child {
margin-left: 0;
}
.u-col_6_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_6_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.u-col_6_tab:first-child {
margin-left: 0;
}
.u-col_6_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_6_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.u-col_6_sp:first-child {
margin-left: 0;
}
.u-col_6_sp.col_margin_auto {
margin: auto;
}
}
.u-col_7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_7_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_7:first-child {
margin-left: 0;
}
.u-col_7.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_7_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 58.3333333333% !important;
flex: 0 0 58.3333333333% !important;
max-width: 58.3333333333% !important;
}
.u-col_7_pc:first-child {
margin-left: 0;
}
.u-col_7_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_7_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 58.3333333333% !important;
flex: 0 0 58.3333333333% !important;
max-width: 58.3333333333% !important;
}
.u-col_7_tab:first-child {
margin-left: 0;
}
.u-col_7_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_7_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 58.3333333333% !important;
flex: 0 0 58.3333333333% !important;
max-width: 58.3333333333% !important;
}
.u-col_7_sp:first-child {
margin-left: 0;
}
.u-col_7_sp.col_margin_auto {
margin: auto;
}
}
.u-col_8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_8_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_8:first-child {
margin-left: 0;
}
.u-col_8.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_8_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 66.6666666667% !important;
flex: 0 0 66.6666666667% !important;
max-width: 66.6666666667% !important;
}
.u-col_8_pc:first-child {
margin-left: 0;
}
.u-col_8_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_8_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 66.6666666667% !important;
flex: 0 0 66.6666666667% !important;
max-width: 66.6666666667% !important;
}
.u-col_8_tab:first-child {
margin-left: 0;
}
.u-col_8_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_8_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 66.6666666667% !important;
flex: 0 0 66.6666666667% !important;
max-width: 66.6666666667% !important;
}
.u-col_8_sp:first-child {
margin-left: 0;
}
.u-col_8_sp.col_margin_auto {
margin: auto;
}
}
.u-col_9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_9_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_9:first-child {
margin-left: 0;
}
.u-col_9.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_9_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 75% !important;
flex: 0 0 75% !important;
max-width: 75% !important;
}
.u-col_9_pc:first-child {
margin-left: 0;
}
.u-col_9_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_9_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 75% !important;
flex: 0 0 75% !important;
max-width: 75% !important;
}
.u-col_9_tab:first-child {
margin-left: 0;
}
.u-col_9_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_9_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 75% !important;
flex: 0 0 75% !important;
max-width: 75% !important;
}
.u-col_9_sp:first-child {
margin-left: 0;
}
.u-col_9_sp.col_margin_auto {
margin: auto;
}
}
.u-col_10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_10_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_10:first-child {
margin-left: 0;
}
.u-col_10.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_10_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 83.3333333333% !important;
flex: 0 0 83.3333333333% !important;
max-width: 83.3333333333% !important;
}
.u-col_10_pc:first-child {
margin-left: 0;
}
.u-col_10_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_10_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 83.3333333333% !important;
flex: 0 0 83.3333333333% !important;
max-width: 83.3333333333% !important;
}
.u-col_10_tab:first-child {
margin-left: 0;
}
.u-col_10_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_10_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 83.3333333333% !important;
flex: 0 0 83.3333333333% !important;
max-width: 83.3333333333% !important;
}
.u-col_10_sp:first-child {
margin-left: 0;
}
.u-col_10_sp.col_margin_auto {
margin: auto;
}
}
.u-col_11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_11_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_11:first-child {
margin-left: 0;
}
.u-col_11.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_11_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 91.6666666667% !important;
flex: 0 0 91.6666666667% !important;
max-width: 91.6666666667% !important;
}
.u-col_11_pc:first-child {
margin-left: 0;
}
.u-col_11_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_11_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 91.6666666667% !important;
flex: 0 0 91.6666666667% !important;
max-width: 91.6666666667% !important;
}
.u-col_11_tab:first-child {
margin-left: 0;
}
.u-col_11_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_11_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 91.6666666667% !important;
flex: 0 0 91.6666666667% !important;
max-width: 91.6666666667% !important;
}
.u-col_11_sp:first-child {
margin-left: 0;
}
.u-col_11_sp.col_margin_auto {
margin: auto;
}
}
.u-col_12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0.25%;
padding-right: 0.25%;
}
.u-col_12_pd0 {
padding-left: 0;
padding-right: 0;
}
.u-col_12:first-child {
margin-left: 0;
}
.u-col_12.col_margin_auto {
margin: auto;
}
@media screen and (min-width: 1025px) {
.u-col_12_pc {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.u-col_12_pc:first-child {
margin-left: 0;
}
.u-col_12_pc.col_margin_auto {
margin: auto;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.u-col_12_tab {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.u-col_12_tab:first-child {
margin-left: 0;
}
.u-col_12_tab.col_margin_auto {
margin: auto;
}
}
@media screen and (max-width: 767px) {
.u-col_12_sp {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.u-col_12_sp:first-child {
margin-left: 0;
}
.u-col_12_sp.col_margin_auto {
margin: auto;
}
} .u-midashi_1 {
text-align: center;
font-size: 3.2rem;
font-weight: 700;
}
.u-midashi_1__big {
font-size: 4.6rem;
}
@media screen and (max-width: 1024px) {
.u-midashi_1 {
font-size: 2.6rem;
}
.u-midashi_1__big {
font-size: 3.2rem;
}
}
@media screen and (max-width: 767px) {
.u-midashi_1 {
font-size: 2.2rem;
}
.u-midashi_1__big {
font-size: 2.2rem;
}
}
.u-midashi_2 {
font-size: 2.7rem;
font-weight: 700;
color: #1C62E9;
position: relative;
}
.u-midashi_2:before {
display: block;
width: 83px;
height: 1px;
background: #1C62E9;
content: "";
position: absolute;
top: 50%;
-webkit-transform: translate(-120%, -50%);
transform: translate(-120%, -50%);
left: 0;
}
@media screen and (max-width: 1024px) {
.u-midashi_2 {
font-size: 2.3rem;
text-align: center;
}
.u-midashi_2:before {
display: none;
}
}
@media screen and (max-width: 767px) {
.u-midashi_2 {
font-size: 2rem;
text-align: center;
}
.u-midashi_2:before {
display: none;
}
} .c-linkbtn {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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: 340px;
height: 64px;
max-width: 100%;
font-size: 2.2rem;
font-weight: 700;
position: relative;
overflow: hidden;
color: #fff;
background: #1D79E4;
background: -webkit-gradient(linear, right top, left top, from(#1d79e4), to(#1d79e4));
background: linear-gradient(270deg, #1d79e4 0%, #1d79e4 100%);
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.c-linkbtn__auto {
margin-left: auto;
margin-right: auto;
}
.c-linkbtn::before {
content: ""; position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; background: radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;
-webkit-transform: scale(10, 10);
transform: scale(10, 10); opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 0.3s;
transition: opacity 1s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 1s;
transition: transform 0.3s, opacity 1s, -webkit-transform 0.3s;
}
.c-linkbtn:after {
display: block;
width: 15px;
height: 15px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: calc(50% - 10px);
right: 20px;
position: absolute;
}
.c-linkbtn:active::before {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: 0s;
transition: 0s;
opacity: 0.3;
}
.c-linkbtn:hover {
opacity: 0.8;
}
@media screen and (max-width: 1024px) {
.c-linkbtn {
height: 50px;
max-width: 100%;
font-size: 1.8rem;
}
} #c-topcontrol {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
position: fixed;
bottom: 25px;
right: 25px;
opacity: 1;
z-index: 10;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
#c-topcontrol a {
content: "";
display: block;
width: 75px;
height: 75px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/back.svg) 50% 50% no-repeat;
background-size: contain;
cursor: pointer;
}
#c-topcontrol a:hover {
opacity: 0.8;
}
@media screen and (max-width: 767px) {
#c-topcontrol.hidden {
opacity: 0;
visibility: hidden;
z-index: -1;
}
#c-topcontrol a {
pointer-events: none;
}
}
@-webkit-keyframes mochimochi {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
20% {
-webkit-transform: scale(0.8, 1.1);
transform: scale(0.8, 1.1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@keyframes mochimochi {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
20% {
-webkit-transform: scale(0.8, 1.1);
transform: scale(0.8, 1.1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
} .fade_in_op, .fade_in_once {
position: relative;
opacity: 0;
visibility: hidden;
top: 20px;
-webkit-transition: all 0.6s ease 0.4s;
transition: all 0.6s ease 0.4s;
}
.fade_in_op.fade_in_up, .fade_in_once.fade_in_up {
opacity: 1;
visibility: visible;
top: 0;
}
.fade_in_once_2 {
position: relative;
opacity: 0;
visibility: hidden;
top: 20px;
-webkit-transition: all 0.6s ease 0.8s;
transition: all 0.6s ease 0.8s;
}
.fade_in_once_2.fade_in_2 {
opacity: 1;
top: 0;
visibility: visible;
}
a {
color: #434343;
}
.c-header {
background: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
padding: 0px 0;
height: 98px;
position: fixed;
z-index: 5;
top: 0;
width: 100%;
}
.c-header__logo {
width: 262px;
max-width: 25%;
margin-right: auto;
}
.c-header__logo img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.c-header {
padding: 0px 0;
}
.c-header__logo {
padding-top: 5px;
width: 262px;
max-width: 30%;
}
}
@media screen and (max-width: 1024px) {
.c-header {
background: none;
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
padding: 10px 0px 5px 0px;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
height: 65px;
z-index: 11;
}
.c-header__logo {
width: 212px;
max-width: 80%;
}
.c-header.isActive {
top: -100%;
}
}
.l-header-inner {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1340px;
margin: auto;
height: 100%;
max-width: calc(100% - 100px);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.l-header-inner {
max-width: calc(100% - 100px);
}
}
@media screen and (max-width: 1024px) {
.l-header-inner {
max-width: calc(100% - 30px);
}
}
.dropdown-btn button {
font-weight: 400;
text-transform: none;
background: #FBFBFB;
position: relative;
border: 1px solid #C7C7C7;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
padding: 8px 10px;
font-size: 15px;
line-height: 20px;
width: 300px;
color: #1A1A1A;
text-align: left;
}
.dropdown-btn button i {
position: absolute;
right: 12px;
font-size: 18px;
top: 12px;
}
.dropdown-menu {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding: 10px;
}
.dropdown-menu a {
margin: 2px 0px;
}
.dropdown-btn.show .dropdown-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.p-header__lang__sp {
display: none !important;
visibility: hidden;
opacity: 0;
z-index: -2;
}
.language_switch {
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.5rem;
white-space: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.language_switch label {
display: none;
}
.language_switch select {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 13px;
position: relative;
line-height: 24px;
border-radius: 0px;
padding-bottom: 0px !important;
padding-top: 0px !important;
outline: none;
text-align: center;
}
.language_switch .widget_polylang {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
position: relative;
padding: 5px 10px 5px 5px;
border-radius: 5px;
background: #efefef;
min-width: 76px;
}
.language_switch .widget_polylang ul > li > a {
display: block;
padding-left: 25px;
position: relative;
z-index: 3;
}
.language_switch .widget_polylang:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/globe.svg) 0 0 no-repeat;
background-size: contain;
content: "";
position: absolute;
height: 17px;
left: 8px;
z-index: 9;
top: 9px;
z-index: 1;
width: 17px;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.language_switch {
font-size: 1.4rem;
}
.language_switch .widget_polylang:before {
top: 8.5px;
}
}
@media screen and (max-width: 1024px) {
.p-header__lang__pc {
display: none !important;
visibility: hidden;
opacity: 0;
z-index: -2;
}
.p-header__lang__sp {
display: -ms-flex !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
visibility: visible;
opacity: 1;
z-index: 1;
}
.language_switch {
font-size: 1.4rem;
width: 20px;
height: 20px;
}
.language_switch .wp-block-group__inner-container {
height: 100%;
width: 100%;
}
.language_switch .widget_polylang {
background: none;
width: 20px;
height: 20px;
min-width: auto;
padding: 0;
}
.language_switch .widget_polylang:before {
top: 0;
left: 0;
}
.language_switch .widget_polylang ul {
width: 60px;
height: auto;
position: fixed;
padding: 5px 8px;
top: 50px;
right: 17px;
z-index: -1;
opacity: 0;
visibility: hidden;
border-radius: 3px;
background: #fff;
overflow: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
box-shadow: 0 0 6px rgba(0,0,0,0.25);
}
.language_switch .widget_polylang ul.open {
top: 50px;
right: 17px;
z-index: 2;
opacity: 1;
visibility: visible;
}
.language_switch .widget_polylang ul li {
display: block;
width: 100%;
height: 100%;
}
.language_switch .widget_polylang ul li a {
display: block;
width: 100%;
height: 100%;
font-size: 1.2rem;
padding-left: 0;
text-align: center;
}
.language_switch .widget_polylang ul li a:before {
display: block;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/globe.svg) 0 0 no-repeat;
background-size: contain;
content: "";
height: 20px;
z-index: 9;
width: 20px;
display: none;
}
}
.searchwp-live-search-results { }
.p-header__search {
width: 32%;
margin-right: 50px;
margin-left: 3%;
}
.p-header__search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 0 !important;
}
.p-header__search label {
display: none;
}
.p-header__search .wp-block-search {
width: 100%;
height: 46px;
padding: 7px 0px 7px 7px;
border-radius: 8px;
font-size: 1.8rem;
border: 1px solid #c2c2c2;
}
.searchwp-live-search-no-results{
padding-top: 1.0em!important;
}
.searchwp-live-search-results{
min-height: 60px!important;
}
.searchwp-live-search-results-showing{
transform: translateY(10px);
}
.p-header__search .wp-block-search .wp-block-search__inside-wrapper {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.p-header__search .wp-block-search .wp-block-search__input {
width: calc(100% - 30px);
font-size: 1.8rem;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-header__search .wp-block-search button[type=submit] {
background: none;
}
.p-header__search .wp-block-search button[type=submit]:before {
display: block;
width: 22px;
height: 22px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/search.svg) 0 0 no-repeat;
content: "";
background-size: cover;
position: relative;
z-index: 2;
}
.p-header__search .wp-block-search button[type=submit] svg {
display: none;
}
.wp-block-search__button{
pointer-events: none!important;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.p-header__search {
max-width: 35%;
}
.p-header__search .wp-block-search {
font-size: 1.6rem;
}
.p-header__search .wp-block-search .wp-block-search__input {
width: calc(100% - 30px);
font-size: 1.6rem;
}
}
@media screen and (max-width: 1024px) {
.p-header__search {
display: none;
}
}
.p-header__menu {
position: relative;
margin-right: 70px;
max-width: 30%;
height: 100%;
}
.p-header__menu div {
height: 100%;
}
.p-header__menu .menu-main-navigation-en-container {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-header__menu .menu {
width: 100%;
height: 100%;
max-width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-header__menu .menu > .menu-item {
height: 100%;
width: 49%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-header__menu .menu > .menu-item > a, .p-header__menu .menu > .menu-item > span {
font-size: 1.8rem;
font-weight: 500;
color: #000;
cursor: pointer;
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-header__menu .menu > .menu-item.menu_toggle {
position: relative;
margin-right: 60px;
}
.p-header__menu .menu > .menu-item.menu_toggle {
position: relative;
margin-right: 60px;
}
.p-header__menu .menu > .menu-item.menu_toggle > a:after {
display: block;
width: 11px;
height: 8px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/menu_point.svg) 0 0 no-repeat;
content: "";
background-size: cover;
position: relative;
z-index: 2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -17px;
}
.p-header__menu .menu > .menu-item.menu_toggle:hover .sub-menu {
z-index: 2;
visibility: visible;
opacity: 1;
top: 100%;
}
.p-header__menu .menu > .menu-item .sub-menu {
border-radius: 15px;
position: absolute;
top: 30px;
z-index: -10;
visibility: hidden;
opacity: 0;
padding: 15px 0;
width: 280px;
background: #fff;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.p-header__menu .menu > .menu-item .sub-menu a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
padding: 7px 15px;
font-weight: 400;
position: relative;
color: #000;
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
overflow: hidden;
}
.p-header__menu .menu > .menu-item .sub-menu a:before {
display: block;
width: 100%;
height: 100%;
background: #1ca6e1;
background: -webkit-gradient(linear, right top, left top, from(#1ca6e1), to(#0777de));
background: linear-gradient(270deg, #1ca6e1 0%, #0777de 100%);
content: "";
z-index: -1;
position: absolute;
top: 0;
left: -100%;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.p-header__menu .menu > .menu-item .sub-menu a:hover {
color: #fff;
opacity: 1;
}
.p-header__menu .menu > .menu-item .sub-menu a:hover:before {
left: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.p-header__menu .menu > .menu-item > a, .p-header__menu .menu > .menu-item > span {
font-size: 1.6rem;
}
.p-header__menu .menu > .menu-item .sub-menu a {
font-size: 1.5rem;
}
}
@media screen and (max-width: 1024px) {
.p-header__menu {
display: none;
}
}
#l-footerwrap {
background: #2E6CE4;
padding-top: 50px !important;
color: #fff;
}
.l-footer__inner {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1340px;
max-width: calc(100% - 80px);
margin: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 70px;
}
.l-footer__inner .menu .menu-item a {
display: block;
padding-left: 15px;
font-size: 1.5rem;
position: relative;
color: #fff;
margin-bottom: 9px;
}
.l-footer__inner .menu .menu-item a:before {
display: block;
content: "";
width: 6px;
height: 12px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/footer_menu.svg) 0 0 no-repeat;
background-size: cover;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.l-footer__inner .menu .menu-item a:hover {
color: #fff;
}
.l-footer__inner .menu .menu-item a:hover:before {
left: 5px;
}
.l-footer__inner .footer_sns {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-footer__inner .footer_sns > div {
max-width: 31%;
margin-right: 10px;
}
.l-footer__inner .c-footer__txt {
font-size: 1.7rem;
padding-top: 20px;
}
.font_jp .c-footer__txt__en,
.font_jp #footer_party__en,
.font_jp .footre_lang__title__en {
display: none;
}
.font_en .c-footer__txt__jp, .font_en #footer_party__jp, .font_en .footre_lang__title__jp {
display: none;
}
@media screen and (max-width: 1024px) {
#l-footerwrap {
padding: 20px 15px 0px 15px !important;
}
.l-footer__inner {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
padding-bottom: 25px;
}
.l-footer__inner .footer_sns {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-footer__inner .footer_sns > div {
max-width: 31%;
margin-right: 10px;
}
.l-footer__inner .c-footer__txt {
font-size: 1.5rem;
padding-top: 15px;
letter-spacing: 0.02em;
}
}
.l-footer__1 {
width: 550px;
max-width: 50%;
margin-right: auto;
}
.l-footer__2 {
width: 130px;
max-width: 13%;
margin-right: 2%;
}
.l-footer__3 {
width: 160px;
margin-right: 2%;
max-width: 17%;
}
.l-footer__3 h5 {
font-weight: 500;
margin-bottom: 5px;
font-size: 1.7rem;
}
.l-footer__4 {
width: 180px;
max-width: 20%;
}
.l-footer__4 h5 {
font-weight: 500;
margin-bottom: 5px;
font-size: 1.7rem;
}
@media screen and (max-width: 1024px) {
.l-footer__1 {
width: 100%;
max-width: 100%;
}
.l-footer__1 figure {
display: block;
width: 212px;
margin: auto;
}
.l-footer__1 figure img {
width: 100%;
height: auto;
}
.l-footer__2, .l-footer__3 {
display: none;
}
.l-footer__4 {
width: 100%;
max-width: 100%;
padding-top: 25px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.footer_lang {
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
width: 100%;
}
.footer_lang > div {
width: 100%;
}
.footer_lang label {
display: none;
}
.footer_lang select {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 13px;
position: relative;
line-height: 24px;
border-radius: 0px;
width: 90%;
padding-bottom: 0px !important;
padding-top: 0px !important;
outline: none;
}
.footer_lang .widget_polylang {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 0;
border-radius: 5px;
width: 100%;
background: #efefef;
font-size: 1.5rem;
width: 100%;
}
.footer_lang .widget_polylang ul {
display: block;
width: 100%;
}
.footer_lang .widget_polylang ul li {
display: block;
width: 100%;
}
.footer_lang .widget_polylang ul li a {
display: block;
width: 100%;
height: 100%;
padding: 5px 0px 5px 35px;
}
.footer_lang .widget_polylang:after {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/footer_lang.svg) 0 0 no-repeat;
-webkit-background-size: contain;
display: none;
content: "";
position: absolute;
height: 8px;
right: 8px;
z-index: 9;
top: 15px;
width: 11px;
}
.footer_lang .widget_polylang:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/globe.svg) 0 0 no-repeat;
-webkit-background-size: cover;
content: "";
position: absolute;
height: 17px;
left: 8px;
z-index: 9;
top: 9px;
width: 17px;
}
@media screen and (max-width: 1024px) {
.footer_lang {
max-width: 100%;
width: 170px;
margin-bottom: 0;
}
.footer_lang h5 {
display: none;
}
.footer_lang .widget_polylang {
padding: 0;
font-size: 1.4rem;
}
.footer_lang .widget_polylang:before {
top: 10px;
}
.footer_lang .widget_polylang:after {
top: 16px;
}
.footer_lang .widget_polylang ul li a {
padding: 7px 0px 7px 35px;
}
}
.footer_copyright {
text-align: center;
display: block;
max-width: calc(100% - 80px);
margin: auto;
padding: 10px;
border-top: 1px solid #CAE6FF;
color: #fff;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
.footer_copyright {
max-width: 100%;
font-size: 1.5rem;
}
}
.footer_party {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background: #fff;
margin-top: 40px;
padding: 14px 25px 17px 25px;
width: 440px;
max-width: 100%;
color: #1C62E9;
text-align: center;
}
.footer_party_top {
display: -ms-flex;
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;
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 9px;
}
.footer_party_top:before {
display: block;
content: "";
width: 20px;
height: 16px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/heart.svg) 0 0 no-repeat;
background-size: cover;
margin-right: 10px;
}
.footer_party_bottom {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
padding: 3px 6px;
}
.footer_party_bottom .footer_party_link {
display: block;
content: "";
width: 13px;
height: 13px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/new_tab.svg) 0 0 no-repeat;
background-size: cover;
}
@media screen and (max-width: 1024px) {
.footer_party {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 12px 15px 16px 15px;
}
.footer_party_top {
padding-bottom: 0;
}
.footer_party_bottom {
padding: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.footer_party_bottom {
font-size: 1.4rem;
}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.footer_party_bottom {
font-size: 3vw;
}
}
@media screen and (max-width: 320px) {
.footer_party_bottom {
font-size: 1.5vw;
letter-spacing: -0.2em;
}
}
.sharethis-inline-share-buttons {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sharethis-inline-share-buttons__item {
margin-right: 10px;
}
.sharethis-inline-share-buttons .st-btn a{
display:block;
height:100%;
}
.sharethis-inline-share-buttons .st-btn:nth-of-type(1) {
display: inline-block !important;
border: none !important;
width: 43px !important;
height: 43px !important;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/footer_twitter_1_.svg) 0 0 no-repeat !important;
background-size: cover;
position: relative;
margin-right: 13px !important;
}
.sharethis-inline-share-buttons .st-btn:nth-of-type(1) img {
opacity: 0;
visibility: hidden;
}
.sharethis-inline-share-buttons .st-btn:nth-of-type(2) {
display: inline-block !important;
border: none !important;
width: 43px !important;
height: 43px !important;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/footer_mail.svg) 0 0 no-repeat !important;
background-size: cover;
}
.sharethis-inline-share-buttons .st-btn:nth-of-type(2) img {
opacity: 0;
visibility: hidden;
}
.u-anker {
position: relative;
height: 0;
visibility: hidden;
opacity: 0;
display: block;
clear: both;
content: "";
width: 100%;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
@media screen and (max-width: 767px) {
.u-anker {
clear: both;
-webkit-transform: translateY(-95px);
transform: translateY(-95px);
}
} .footer_contact {
background: #f5f5f5;
}
.footer_contact__toggle {
text-align: center;
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;
cursor: pointer;
color: #242424;
font-weight: 700;
font-size: 130%;
letter-spacing: 0.1em;
padding: 20px 50px;
overflow: hidden;
position: relative;
}
.footer_contact__toggle span {
position: relative;
z-index: 2;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.footer_contact__toggle span br {
display: none;
}
.footer_contact__toggle:after {
display: block;
content: "";
width: 23px;
height: 18px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/email.svg) 0 0 no-repeat;
background-size: cover;
margin-left: 10px;
-webkit-transform: translateY(2px);
transform: translateY(2px);
position: relative;
z-index: 2;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.footer_contact__toggle:before {
position: absolute;
bottom: -100%;
left: 0;
content: "";
background: #4f4f4f;
width: 100%;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
height: 100%;
z-index: 1;
}
.footer_contact__toggle:hover span {
color: #5aceff;
}
.footer_contact__toggle:hover:after {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/email_on.svg) 0 0 no-repeat;
background-size: cover;
}
.footer_contact__toggle:hover:before {
bottom: 0;
}
.footer_contact__form { padding: 20px 50px 50px 50px;
width: 100%;
max-width: 1340px;
margin: auto;
}
.footer_contact__form .form_inner {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
max-width: 100%;
height: 130px;
}
.footer_contact__form .form_inner .form_l {
width: 380px;
max-width: 35%;
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.footer_contact__form .form_inner .form_r {
width: 720px;
max-width: 55%;
height: 100%;
}
.footer_contact__form .form_inner .form_r * {
height: 100%;
}
.footer_contact__form .form_inner .form_send {
width: 140px;
max-width: 10%;
height: 100%;
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
}
.footer_contact__form .form_inner .form_send .wpcf7-spinner {
position: absolute;
bottom: -25px;
}
.footer_contact__form .form_inner dl {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer_contact__form .form_inner dl dt {
width: 5em;
padding-right: 1em;
}
.footer_contact__form .form_inner dl dd {
width: calc(100% - 6em );
}
.footer_contact__form .form_inner dl input[type=text], .footer_contact__form .form_inner dl input[type=email], .footer_contact__form .form_inner dl textarea {
border: 1px solid #e4e4e4 !important;
border-radius: 0 !important;
max-height: 100%;
width: 100%;
padding: 10px;
background: #fff;
min-height: auto;
}
.footer_contact__form .form_inner dl input[type=text], .footer_contact__form .form_inner dl input[type=email] {
height: 48px;
}
.footer_contact__form .form_inner input[type=submit] {
background-color: #878787;
color: #fff;
width: 100%;
padding: 0;
cursor: pointer;
border-radius: 0;
font-weight: 700;
letter-spacing: 0.065em;
-webkit-appearance: none;
-webkit-transition: background 0.3s, color 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, color 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, color 0.3s, transform 0.3s;
transition: background 0.3s, color 0.3s, transform 0.3s, -webkit-transform 0.3s;
height: 40px;
display: -ms-flex;
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;
}
.footer_contact__form .form_inner .wpcf7-not-valid-tip {
font-size: 1.4rem !important;
position: absolute;
}
@media screen and (max-width: 1024px) {
.footer_contact__toggle {
font-size: 1.5rem;
letter-spacing: 0em;
padding: 15px 5px;
}
.footer_contact__toggle span {
white-space: nowrap;
letter-spacing: 0.1em;
}
.footer_contact__form { padding: 15px 20px 20px 20px;
}
.footer_contact__form .form_inner {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
}
.footer_contact__form .form_inner .form_l {
width: 100%;
max-width: 100%;
}
.footer_contact__form .form_inner .form_r {
width: 100%;
max-width: 100%;
height: auto;
}
.footer_contact__form .form_inner .form_send {
width: 210px;
max-width: 100%;
height: 100%;
margin: 20px auto auto auto;
}
.footer_contact__form .form_inner dl {
margin-bottom: 5px;
}
.footer_contact__form .form_inner dl dt {
width: 5em;
padding-right: 1em;
}
.footer_contact__form .form_inner dl dd {
width: calc(100% - 6em );
}
.footer_contact__form .form_inner dl input[type=text], .footer_contact__form .form_inner dl input[type=email], .footer_contact__form .form_inner dl textarea {
padding: 5px 10px;
}
.footer_contact__form .form_inner dl input[type=text], .footer_contact__form .form_inner dl input[type=email] {
height: 40px;
}
.footer_contact__form .form_inner input[type=submit] {
background-color: #878787;
color: #fff;
width: 100%;
padding: 0;
cursor: pointer;
border-radius: 0;
font-weight: 700;
letter-spacing: 0.065em;
-webkit-appearance: none;
-webkit-transition: background 0.3s, color 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, color 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, color 0.3s, transform 0.3s;
transition: background 0.3s, color 0.3s, transform 0.3s, -webkit-transform 0.3s;
height: 40px;
display: -ms-flex;
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 screen and (min-width: 320px) and (max-width: 480px) {
.footer_contact__toggle {
font-size: 1.4rem;
padding: 15px 5px;
}
.font_jp  .footer_contact__toggle {
font-size: 1.25rem;
padding: 15px 5px;
}
.footer_contact__toggle span { white-space:normal;
width: 100%;
padding-right: 35px;
}
.footer_contact__toggle:after{
position: absolute;
right: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.footer_contact__toggle span {
white-space:normal;
letter-spacing: -0.05em;
width: 100%;
padding-right: 35px;
}
}
}
@media screen and (max-width: 320px) {
.footer_contact__toggle {
font-size: 1.2rem;
letter-spacing: 0em;
padding: 15px 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.font_jp  .footer_contact__toggle {
font-size: 1.25rem;
padding: 15px 5px;
}
.footer_contact__toggle:after{
position: absolute;
right: 10px;
}
.footer_contact__toggle span {
white-space:normal;
width: 100%;
padding-right: 35px;
}
.footer_contact__form { padding: 15px 15px 20px 15px;
}
.footer_contact__form .form_inner dl dd {
width: calc(100% - 5em );
}
} .l-top__hero {
width: 1440px;
max-width: calc(100% - 80px);
margin: 180px auto 60px auto;
}
@media screen and (max-width: 1024px) {
.l-top__hero {
max-width: calc(100% - 40px);
margin: 160px auto 50px auto;
}
}
.p-top__hero {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 80px;
width: 100%;
}
.p-top__hero__mask {
display: inline-block;
z-index: 2;
position: relative;
margin-bottom: 15px;
line-height: 1;
}
.p-top__hero__mask span {
position: relative;
z-index: 2;
}
.p-top__hero__mask__2, .p-top__hero__mask__3, .p-top__hero__mask__4 {
color: #1C62E9;
position: relative;
overflow: hidden;
z-index: 2;
margin-bottom: 1px;
line-height: 1.2;
}
.p-top__hero__mask__2 span, .p-top__hero__mask__3 span, .p-top__hero__mask__4 span {
display: inline-block;
-webkit-transform: translateY(100%);
transform: translateY(100%);
position: relative;
z-index: 1;
}
.p-top__hero__mask__2 span:nth-of-type(1), .p-top__hero__mask__3 span:nth-of-type(1), .p-top__hero__mask__4 span:nth-of-type(1) {
-webkit-animation: hero_tit 1s 0.1s ease-out forwards;
animation: hero_tit 1s 0.1s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(2), .p-top__hero__mask__3 span:nth-of-type(2), .p-top__hero__mask__4 span:nth-of-type(2) {
-webkit-animation: hero_tit 0.98s 0.17s ease-out forwards;
animation: hero_tit 0.98s 0.17s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(3), .p-top__hero__mask__3 span:nth-of-type(3), .p-top__hero__mask__4 span:nth-of-type(3) {
-webkit-animation: hero_tit 0.96s 0.24s ease-out forwards;
animation: hero_tit 0.96s 0.24s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(4), .p-top__hero__mask__3 span:nth-of-type(4), .p-top__hero__mask__4 span:nth-of-type(4) {
-webkit-animation: hero_tit 0.94s 0.31s ease-out forwards;
animation: hero_tit 0.94s 0.31s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(5), .p-top__hero__mask__3 span:nth-of-type(5), .p-top__hero__mask__4 span:nth-of-type(5) {
-webkit-animation: hero_tit 0.92s 0.38s ease-out forwards;
animation: hero_tit 0.92s 0.38s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(6), .p-top__hero__mask__3 span:nth-of-type(6), .p-top__hero__mask__4 span:nth-of-type(6) {
-webkit-animation: hero_tit 0.9s 0.45s ease-out forwards;
animation: hero_tit 0.9s 0.45s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(7), .p-top__hero__mask__3 span:nth-of-type(7), .p-top__hero__mask__4 span:nth-of-type(7) {
-webkit-animation: hero_tit 0.88s 0.52s ease-out forwards;
animation: hero_tit 0.88s 0.52s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(8), .p-top__hero__mask__3 span:nth-of-type(8), .p-top__hero__mask__4 span:nth-of-type(8) {
-webkit-animation: hero_tit 0.86s 0.59s ease-out forwards;
animation: hero_tit 0.86s 0.59s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(9), .p-top__hero__mask__3 span:nth-of-type(9), .p-top__hero__mask__4 span:nth-of-type(9) {
-webkit-animation: hero_tit 0.84s 0.66s ease-out forwards;
animation: hero_tit 0.84s 0.66s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(10), .p-top__hero__mask__3 span:nth-of-type(10), .p-top__hero__mask__4 span:nth-of-type(10) {
-webkit-animation: hero_tit 0.82s 0.73s ease-out forwards;
animation: hero_tit 0.82s 0.73s ease-out forwards;
}
.p-top__hero__mask__2 span:nth-of-type(11), .p-top__hero__mask__3 span:nth-of-type(11), .p-top__hero__mask__4 span:nth-of-type(11) {
-webkit-animation: hero_tit 0.8s 0.8s ease-out forwards;
animation: hero_tit 0.8s 0.8s ease-out forwards;
}
.p-top__hero__l {
width: 430px;
max-width: 35%;
text-align: right;
font-size: 7.5rem;
line-height: 1;
position: relative;
}
.p-top__hero__l__circle {
content: "";
width: 90px;
height: 90px;
border-radius: 50px;
background: #F73434;
position: absolute !important;
top: -50px;
left: -75%;
z-index: 0 !important;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
-webkit-transition-duration: 2s;
transition-duration: 2s;
opacity: 0;
}
body.loaded .p-top__hero__l__circle {
top: -50px;
left: -66px;
opacity: 1;
}
.p-top__hero__r {
width: 900px;
max-width: calc(100% - 35%);
font-size: 2.8rem;
padding-top: 4%;
padding-left: 6%;
z-index: 2;
position: relative;
}
.p-top__hero__r__circle {
content: "";
width: 420px;
height: 420px;
border-radius: 210px;
background: #F73434;
position: absolute;
top: -23%;
right: -55%;
z-index: 0 !important;
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
body.loaded .p-top__hero__r__circle {
opacity: 1;
top: -23%;
right: -80px;
}
.p-top__hero__r__txt {
width: 650px;
max-width: 90%;
position: relative;
z-index: 2;
margin-bottom: 30px;
}
.p-top__hero__r__img {
z-index: 1;
position: relative;
height: 750px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.p-top__hero__r__img__item {
display: block;
position: absolute;
opacity: 0;
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.p-top__hero__r__img__item img {
display: block;
max-width: 100%;
height: auto;
}
.p-top__hero__r__img__item__1 {
top: 40px;
left: 80px;
width: calc(251px / 2);
height: calc(360px / 2);
z-index: 2;
}
.p-top__hero__r__img__item__2 {
top: 300px;
left: -40px;
width: calc(144px / 2);
height: calc( 207px / 2);
z-index: 2;
}
.p-top__hero__r__img__item__3 {
top: 510px;
left: 40px;
width: calc(135px / 2);
height: calc(194px /2);
z-index: 2;
}
.p-top__hero__r__img__item__4 {
top: 170px;
left: 220px;
width: calc(178px / 2);
height: calc(256px /2);
z-index: 2;
}
.p-top__hero__r__img__item__5 {
top: 390px;
left: 80px;
width: calc(116px / 2);
height: calc(167px /2);
z-index: 2;
}
.p-top__hero__r__img__item__6 {
bottom: 90px;
left: 120px;
width: calc(84px / 2);
height: calc(120px /2);
z-index: 2;
}
.p-top__hero__r__img__item__7 {
top: 10px;
left: 280px;
width: calc(162px / 2);
height: calc(232px /2);
z-index: 2;
}
.p-top__hero__r__img__item__8 {
top: 410px;
right: -40px;
width: calc(95px / 2);
height: calc(136px /2);
z-index: 2;
}
.p-top__hero__r__img__item__9 {
top: 100px;
left: 370px;
width: calc(143px / 2);
height: calc(205px /2);
z-index: 2;
}
.p-top__hero__r__img__item__10 {
bottom: 40px;
left: 220px;
width: calc(191px / 2);
height: calc(274px /2);
z-index: 3;
}
.p-top__hero__r__img__item__11 {
top: 480px;
left: 250px;
width: calc(95px / 2);
height: calc(136px /2);
z-index: 2;
}
.p-top__hero__r__img__item__12 {
top: 200px;
left: 400px;
width: calc(106px / 2);
height: calc(152px /2);
z-index: 2;
}
.p-top__hero__r__img__item__13 {
top: 350px;
left: 300px;
width: calc(95px / 2);
height: calc(136px /2);
z-index: 2;
}
.p-top__hero__r__img__item__14 {
top: 180px;
left: 530px;
width: calc(217px / 2);
height: calc(312px /2);
z-index: 2;
}
.p-top__hero__r__img__item__15 {
top: 460px;
left: 340px;
width: calc(134px / 2);
height: calc(192px /2);
z-index: 2;
}
.p-top__hero__r__img__item__16 {
top: 210px;
right: 0px;
width: calc(262px / 2);
height: calc(376px /2);
z-index: 3;
}
.p-top__hero__r__img__item__17 {
top: 15px;
left: 490px;
width: calc(173px / 2);
height: calc(248px /2);
z-index: 2;
}
.p-top__hero__r__img__item__18 {
bottom: -20px;
right: 100px;
width: calc(210px / 2);
height: calc(303px /2);
z-index: 3;
}
.p-top__hero__r__img__item__19 {
bottom: 20px;
left: 400px;
width: calc(169px / 2);
height: calc(242px /2);
z-index: 2;
}
.p-top__hero__r__img__item__20 {
top: 370px;
left: 530px;
width: calc(96px / 2);
height: calc(136px /2);
z-index: 2;
}
.p-top__hero__r__img__item__21 {
top: 480px;
left: 500px;
width: calc(169px / 2);
height: calc(242px /2);
z-index: 2;
}
.p-top__hero__r__img__item__22 {
top: 350px;
left: 600px;
width: calc(109px / 2);
height: calc(157px /2);
z-index: 2;
}
.p-top__hero__r__img__item__23 {
top: 430px;
left: -130px;
width: calc(123px / 2);
height: calc(176px /2);
z-index: 2;
}
.p-top__hero__r__img__item__24 {
top: 350px;
left: 160px;
width: calc(239px / 2);
height: calc(343px /2);
z-index: 2;
}
.p-top__hero__r__img__item__25 {
top: 460px;
right: 170px;
width: calc(95px / 2);
height: calc(136px /2);
z-index: 1;
}
.p-top__hero__r__img__item__26 {
bottom: 20px;
right: 0px;
width: calc(99px / 2);
height: calc(143px /2);
z-index: 2;
}
.p-top__hero__r__img__item__27 {
top: 470px;
right: 30px;
width: calc(148px / 2);
height: calc(213px /2);
z-index: 2;
}
.p-top__hero__r__img__item__28 {
top: 70px;
right: 30px;
width: calc(94px / 2);
height: calc(136px /2);
z-index: 2;
}
.p-top__hero__r__img__item__29 {
top: 620px;
left: -70px;
width: calc(94px / 2);
height: calc(134px /2);
z-index: 2;
}
.p-top__hero__r__img__item__30 {
top: 260px;
left: 120px;
width: calc(139px / 2);
height: calc(199px /2);
z-index: 1;
}
.p-top__hero__r__img__item__31 {
top: 300px;
left: 380px;
width: calc(267px / 2);
height: calc(382px /2);
z-index: 2;
}
@-webkit-keyframes hero_tit {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}
}
@keyframes hero_tit {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}
}
.loftloader-lite-enabled.loaded .p-top__hero__r__img {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.p-top__hero__l {
font-size: 5.5rem;
z-index: 3;
white-space: nowrap;
}
.p-top__hero__l__circle {
width: 70px;
height: 70px;
}
.p-top__hero__l__circle.loaded {
top: -42px;
left: -44px;
opacity: 1;
}
.p-top__hero__r {
font-size: 2.3rem;
z-index: 2;
}
.p-top__hero__r__circle {
content: "";
width: 27vw;
height: 27vw;
}
.p-top__hero__r__circle.loaded {
top: -13%;
}
.p-top__hero__r__txt {
max-width: 100%;
}
.p-top__hero__r__img {
height: 700px;
-webkit-transform: translateX(-6vw);
transform: translateX(-6vw);
}
}
@media screen and (max-width: 767px) {
.p-top__hero {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
width: 100%;
}
.p-top__hero__l {
width: 100%;
max-width: 100%;
text-align: center;
font-size: 3.4rem;
position: relative;
z-index: 3;
}
.p-top__hero__l__circle {
content: "";
width: 34px;
height: 34px;
top: -19%;
}
.p-top__hero__l__circle.loaded {
top: -22%;
left: -19%;
}
body.loaded .p-top__hero__l__circle {
top: -23%;
z-index: 0;
left: -12%;
}
.p-top__hero__r {
width: 100%;
max-width: 100%;
font-size: 1.7rem;
padding-top: 5%;
padding-left: 0;
}
.p-top__hero__r__circle {
content: "";
width: 165px;
height: 165px;
top: -46%;
}
.p-top__hero__r__circle.loaded {
top: -46%;
right: -80px;
}
.p-top__hero__r__txt {
max-width: 100%;
margin-bottom: 25px;
}
.p-top__hero__r__img {
z-index: 1;
position: relative;
height: 100vw;
}
.p-top__hero__r__img__item__1 {
top: 5%;
left: 77%;
width: calc(251px / 4);
height: calc(360px / 4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__1 img {
display: block;
}
.p-top__hero__r__img__item__2 {
top: 40%;
left: 100%;
width: calc(144px / 4);
height: calc( 207px / 4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__2 img {
display: block;
}
.p-top__hero__r__img__item__3 {
top: 85%;
left: 90%;
width: calc(135px / 4);
height: calc(194px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__3 img {
display: block;
}
.p-top__hero__r__img__item__4 {
top: 24%;
left: 61%;
width: calc(178px / 4);
height: calc(256px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__4 img {
display: block;
}
.p-top__hero__r__img__item__5 {
top: 50%;
left: 85%;
width: calc(116px / 4);
height: calc(167px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__5 img {
display: block;
}
.p-top__hero__r__img__item__6 {
bottom: -4%;
left: 83%;
width: calc(84px / 4);
height: calc(120px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__6 img {
display: block;
}
.p-top__hero__r__img__item__7 {
top: 2%;
left: 57%;
width: calc(162px / 4);
height: calc(232px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__7 img {
display: block;
}
.p-top__hero__r__img__item__8 {
top: 60%;
right: 99%;
width: calc(95px / 4);
height: calc(136px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__8 img {
display: block;
}
.p-top__hero__r__img__item__9 {
top: 12%;
left: 45%;
width: calc(143px / 4);
height: calc(205px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__9 img {
display: block;
}
.p-top__hero__r__img__item__10 {
bottom: -4%;
left: 66%;
width: calc(191px / 4);
height: calc(274px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__10 img {
display: block;
}
.p-top__hero__r__img__item__11 {
top: 74%;
left: 70%;
width: calc(95px / 4);
height: calc(136px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__11 img {
display: block;
}
.p-top__hero__r__img__item__12 {
top: 23%;
left: 40%;
width: calc(106px / 4);
height: calc(152px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__12 img {
display: block;
}
.p-top__hero__r__img__item__13 {
top: 44%;
left: 57%;
width: calc(95px / 4);
height: calc(136px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__13 img {
display: block;
}
.p-top__hero__r__img__item__14 {
top: 17%;
left: 22%;
width: calc(217px / 4);
height: calc(312px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__14 img {
display: block;
}
.p-top__hero__r__img__item__15 {
top: 59%;
left: 53%;
width: calc(134px / 4);
height: calc(192px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__15 img {
display: block;
}
.p-top__hero__r__img__item__16 {
top: 25%;
right: 80%;
width: calc(262px / 4);
height: calc(376px /4);
z-index: 2;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__16 img {
display: block;
}
.p-top__hero__r__img__item__17 {
top: 3%;
left: 25%;
width: calc(173px / 4);
height: calc(248px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__17 img {
display: block;
}
.p-top__hero__r__img__item__18 {
bottom: -20px;
right: 73%;
width: calc(210px / 4);
height: calc(303px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__18 img {
display: block;
}
.p-top__hero__r__img__item__19 {
bottom: 10px;
left: 42%;
width: calc(169px / 4);
height: calc(242px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__19 img {
display: block;
}
.p-top__hero__r__img__item__20 {
top: 44%;
left: 30%;
width: calc(96px / 4);
height: calc(136px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__20 img {
display: block;
}
.p-top__hero__r__img__item__21 {
top: 57%;
left: 30%;
width: calc(169px / 4);
height: calc(242px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__21 img {
display: block;
}
.p-top__hero__r__img__item__22 {
top: 41%;
left: 21%;
width: calc(109px / 4);
height: calc(157px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__22 img {
display: block;
}
.p-top__hero__r__img__item__23 {
top: 54%;
left: 18%;
width: calc(123px / 4);
height: calc(176px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__23 img {
display: block;
}
.p-top__hero__r__img__item__24 {
top: 45%;
left: 70%;
width: calc(239px / 4);
height: calc(343px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__24 img {
display: block;
}
.p-top__hero__r__img__item__25 {
display: none;
top: 460px;
right: 170px;
width: calc(95px / 4);
height: calc(136px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__25 img {
display: block;
}
.p-top__hero__r__img__item__26 {
bottom: 10px;
right: 94%;
width: calc(99px / 4);
height: calc(143px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__26 img {
display: block;
}
.p-top__hero__r__img__item__27 {
top: 69%;
right: 85%;
width: calc(148px / 4);
height: calc(213px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__27 img {
display: block;
}
.p-top__hero__r__img__item__28 {
top: 9%;
right: 90%;
width: calc(94px / 4);
height: calc(136px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__28 img {
display: block;
}
.p-top__hero__r__img__item__29 {
display: none;
top: 620px;
left: -70px;
width: calc(94px / 4);
height: calc(134px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__29 img {
display: block;
}
.p-top__hero__r__img__item__30 {
top: 35%;
left: 80%;
width: calc(139px / 4);
height: calc(199px /4);
z-index: 0;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__30 img {
display: block;
}
.p-top__hero__r__img__item__31 {
top: 33%;
left: 39%;
width: calc(267px / 4);
height: calc(382px /4);
z-index: 1;
-webkit-transform: perspective();
transform: perspective();
}
.p-top__hero__r__img__item__31 img {
display: block;
}
.p-top__hero__mask {
display: inline-block;
position: relative;
z-index: 2;
margin-bottom: 15px;
}
.p-top__hero__mask__2, .p-top__hero__mask__3, .p-top__hero__mask__4 {
color: #1C62E9;
}
}
.p-top__why {
position: relative;
}
.p-top__why__tit {
font-size: 3.6rem;
font-weight: 700;
text-align: center;
margin-bottom: 40px;
color: #1C62E9;
}
.p-top__why__txt {
font-size: 1.8rem;
text-align: center;
margin-bottom: 30px;
}
.p-top__why__link {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 60px;
padding: 0 50px;
}
.p-top__why__link li {
display: block;
width: 560px;
max-width: 48%;
height: 72px;
}
.p-top__why__link li a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.3rem;
position: relative;
border: 1px solid #434343;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-top__why__link li a:hover {
background: #1C62E9;
opacity: 1;
color: #fff;
border-color: #1C62E9;
}
.p-top__why__link li a:after {
display: block;
content: "";
width: 17px;
height: 9px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/link_bottom.svg) 0 0 no-repeat;
background-size: cover;
margin-left: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media screen and (max-width: 1024px) {
.p-top__why__tit {
font-size: 2.4rem;
margin-bottom: 30px;
}
.p-top__why__txt {
font-size: 1.5rem;
margin-bottom: 25px;
}
.p-top__why__link {
margin-top: 40px;
padding: 0;
}
.p-top__why__link li {
height: 90px;
}
.p-top__why__link li a {
text-align: center;
line-height: 1.2;
font-size: 1.6rem;
font-weight: 700;
}
.p-top__why__link li a:after {
display: block;
content: "";
width: 12px;
height: 7px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/link_bottom.svg) 0 0 no-repeat;
background-size: cover;
margin-left: 10px;
position: absolute;
top: 90%;
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
}
.p-feature__slide {
position: relative;
}
.p-feature__slide__item {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
padding: 40px 0 30px 0;
width: 260px;
max-width: 25%;
}
.p-feature__slide__item picture {
display: block;
-webkit-transform: perspective(310px) rotateY(9deg) translateZ(-20px);
transform: perspective(310px) rotateY(9deg) translateZ(-20px);
position: relative;
mix-blend-mode: multiply;
}
.p-feature__slide__item picture a {
display: block;
position: relative;
mix-blend-mode: multiply;
background-size: contain !important;
}
.p-feature__slide__item picture img {
display: block;
position: relative;
z-index: 2;
mix-blend-mode: multiply;
max-width: 100%;
height: auto;
}
.p-feature__slide__item__shadow {
display: block;
position: relative;
padding: 10px;
mix-blend-mode: multiply;
}
.p-feature__slide .slick-dots {
top: -20px;
height: 20px;
}
.p-feature__slide .slick-dots li {
width: 12px;
height: 12px;
margin: 0 5px;
border-radius: 10px;
border: 1px solid #c2c2c2;
overflow: hidden;
}
.p-feature__slide .slick-dots li.slick-active {
border: 1px solid #1C62E9;
background: #1C62E9;
}
.p-feature__slide .slick-dots li.slick-active button {
background: #1C62E9;
}
.p-feature__slide .slick-dots button {
padding: 0;
width: 14px;
height: 14px;
border-radius: 10px;
overflow: hidden;
}
.p-feature__slide .slick-dots button:before {
color: #fff;
content: "";
font-size: 3rem;
width: 12px;
height: 12px;
}
@media screen and (max-width: 1024px) {
.p-feature__slide__item picture {
display: block;
display: inline-block; -webkit-transform: perspective(310px) rotateY(15deg) translateZ(0px);
transform: perspective(310px) rotateY(15deg) translateZ(0px);
padding: 0 10px;
}
.p-feature__slide__item picture img {
display: block;
width: 100%;
}
.p-feature__slide .slick-dots {
top: 0px;
}
.p-feature__slide .slick-dots li {
width: 12px;
height: 12px;
margin: 0 5px;
border-radius: 10px;
border: 1px solid #c2c2c2;
overflow: hidden;
}
.p-feature__slide .slick-dots li.slick-active {
border: 1px solid #1C62E9;
background: #1C62E9;
}
.p-feature__slide .slick-dots li.slick-active button {
background: #1C62E9;
}
.p-feature__slide .slick-dots button {
padding: 0;
width: 14px;
height: 14px;
border-radius: 10px;
overflow: hidden;
}
.p-feature__slide .slick-dots button:before {
color: #fff;
content: "";
font-size: 3rem;
width: 12px;
height: 12px;
}
}
.p-collections {
padding-bottom: 30px;
}
.p-collections__box {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-collections__item {
max-width: 48%;
padding-left: 100px;
margin-bottom: 80px;
}
.p-collections__item__tit a {
color: #1C62E9;
}
.p-collections__item__txt {
padding: 10px 0 25px 0;
}
.p-collections__item__img {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px;
}
.p-collections__item__img figure {
display: block;
width: 23.5%;
}
.p-collections__item__img figure img {
display: block;
width: 100%;
height: auto;
}
.p-collections__item__link {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 2rem;
position: relative;
}
.p-collections__item__link span {
display: block;
width: 40px;
height: 40px;
position: relative;
content: "";
border: 1px solid #bbb;
border-radius: 20px;
margin-left: 20px;
-webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-collections__item__link span:after {
display: block;
content: "";
width: 18px;
height: 10px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/link_bottom.svg) 0 0 no-repeat;
background-size: cover;
margin-left: 10px;
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -40%) rotate(-90deg);
transform: translate(50%, -40%) rotate(-90deg);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.p-collections__item__link:hover span {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
@media screen and (max-width: 1024px) {
.p-collections {
padding-bottom: 5%;
}
.p-collections__box {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
}
.p-collections__item {
width: 100%;
max-width: 100%;
padding-left: 0;
padding: 10px 15px 20px 15px;
border: 1px solid #bcbcbc;
border-radius: 9px;
margin-bottom: 15px;
}
.p-collections__item__hidden {
padding: 0;
border: none;
margin-bottom: 0;
}
.p-collections__item__txt {
padding: 10px 0 25px 0;
}
.p-collections__item__img {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0;
}
.p-collections__item__link {
display: none;
}
.p-morecollection {
display: none;
}
.p-morecollection__btn {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
position: relative;
padding: 20px;
margin-bottom: 50px;
width: calc(100% + 60px);
max-width: calc(100% + 60px);
min-width: calc(100% + 60px);
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
background: #fff;
-webkit-box-shadow: 0 7px 6px rgba(0, 0, 0, 0.17);
box-shadow: 0 7px 6px rgba(0, 0, 0, 0.17);
}
.p-morecollection__btn:after {
display: block;
width: 60px;
height: 16px;
content: "";
position: absolute;
bottom: -15px;
z-index: 1;
left: calc(50% - 30px);
background: #fff;
-webkit-box-shadow: 0 7px 6px rgba(0, 0, 0, 0.17);
box-shadow: 0 7px 6px rgba(0, 0, 0, 0.17);
}
.p-morecollection__btn:before {
display: block;
width: 18px;
height: 7px;
content: "";
position: absolute;
bottom: -10px;
z-index: 2;
left: calc(50% - 9px);
background: #fff;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/top/more_collection_btn.svg) 0 0 no-repeat;
background-size: cover;
}
}
.p-resourse {
padding-bottom: 120px;
position: relative;
}
.p-resourse__box {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-resourse__item {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 430px;
max-width: 32%;
height: 280px;
max-height: 100%;
border: 1px solid #1C62E9;
border-radius: 10px;
padding: 20px;
margin-bottom: 50px;
}
.p-resourse__item__img {
display: block;
margin-bottom: 35px;
text-align: center;
}
.p-resourse__item__img img {
max-width: 100%;
height: auto;
}
.p-resourse__item__tit {
text-align: center;
font-weight: 500;
font-size: 2rem;
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.p-resourse {
padding-bottom: 80px;
}
.p-resourse__item {
width: 430px;
max-width: 32%;
height: 280px;
padding: 20px;
margin-bottom: 40px;
}
.p-resourse__item__img {
margin-bottom: 25px;
}
.p-resourse__item__img img {
max-width: 100%;
height: auto;
max-height: 9vw;
display: block;
margin: auto;
}
.p-resourse__item__tit {
font-size: 1.8rem;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.p-resourse {
padding-bottom: 50px;
}
.p-resourse__box {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 5px;
}
.p-resourse__item {
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
padding: 20px;
font-size: 4rem;
margin-bottom: 10px;
}
.p-resourse__item__img {
margin: auto auto 10px auto;
text-align: center;
}
.p-resourse__item__img__1 {
width: 68px;
height: 51px;
}
.p-resourse__item__img__2 {
width: 81px;
height: 43px;
}
.p-resourse__item__img__3 {
width: 71px;
height: 58px;
}
.p-resourse__item__tit {
text-align: center;
font-size: 4.3vw;
}
}
.c-menu {
visibility: hidden;
opacity: 0;
display: none;
position: fixed;
top: 80px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.c-nav__sp, .c-search__sp {
display: none;
position: fixed;
left: -100%;
top: 0;
}
@media screen and (max-width: 1024px) {
.c-menu {
max-width: calc(100% - 30px);
width: 100%;
height: 45px;
visibility: visible;
opacity: 1;
z-index: 10;
top: 75px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
border-radius: 50px;
overflow: hidden;
font-family: "Montserrat", sans-serif;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.c-menu.isActive {
top: 0;
width: 100%;
max-width: 100%;
border-radius: 0;
background: white;
height: 60px;
}
.c-menu.open {
opacity: 0;
}
.c-nav__toggle {
width: 50%;
padding: 0 0px 0 25px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
border-right: 1px solid #bcbcbc;
}
.c-nav__toggle__box__position{
width: 20px;
height: 15px;
display: block;
position: absolute;
top: calc(50% - 7px);
left: 25px;
}
.c-nav__toggle__box {
position: relative;
width: 20px;
height: 15px;
cursor: pointer;
background-size: 2.25em;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.c-nav__toggle .c-nav__txt {
font-size: 1.5rem;
width: 100%;
text-align: center; }
.c-nav__toggle .c-nav__line {
display: block;
height: 3px;
background: #1C62E9;
position: absolute;
width: 20px;
right: 0;
-webkit-transition: 0.3s ease-in-out 0.05s;
-webkit-transition: 0.3s ease-in-out 0.06s;
transition: 0.3s ease-in-out 0.06s;
}
.c-nav__toggle .c-nav__line_1 {
top: 0px;
}
.c-nav__toggle .c-nav__line_2 {
top: 6px;
}
.c-nav__toggle .c-nav__line_3 {
top: 12px;
}
.c-nav__toggle .c-nav__line_menu {
display: block;
color: #000;
right: auto;
position: absolute;
bottom: 15px;
left: 0;
font-size: 0.9rem;
}
.c-nav__toggle .c-nav__line_menu > span {
display: inline-block;
position: relative;
-webkit-transition: 0.3s ease-in-out 0.05s;
transition: 0.3s ease-in-out 0.05s;
}
.c-nav__toggle .c-nav__line_menu > span:nth-of-type(1) {
opacity: 1;
}
.c-nav__toggle .c-nav__line_menu > span:nth-of-type(2) {
-webkit-transform: translateX(-3.5em);
transform: translateX(-3.5em);
opacity: 0;
}
.c-nav__toggle .c-nav__line_menu.open > span:nth-of-type(1) {
opacity: 0;
}
.c-nav__toggle .c-nav__line_menu.open > span:nth-of-type(2) {
-webkit-transform: translateX(-3.5em);
transform: translateX(-3.5em);
opacity: 1;
}
.c-nav__search {
width: 50%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0 0px 0 25px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.5rem;
}
.c-nav__search__box {
display: block;
position: absolute;
width: 21px;
height: 21px;
top: calc(50% - 11px);
left: 25px;
cursor: pointer;
content: "";
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/search.svg) 0 0 no-repeat;
background-size: cover;
}
.c-nav__search__txt {
width: 100%;
text-align: center;
}
.c-search__sp, .c-nav__sp {
display: block;
top: 0;
height: 100vh;
width: 90%;
z-index: 20;
padding-top: 40px;
background: #fff;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.c-search__sp__box, .c-nav__sp__box {
position: relative;
height: 100%;
}
.c-search__sp.open, .c-nav__sp.open {
left: 0;
}
.c-search__sp__box {
height: 100%;
width: 100%;
padding: 20px;
}
.c-nav__sp__menu {
position: relative;
}
.c-nav__sp__menu div {
height: 100%;
}
.c-nav__sp__menu .menu {
width: 100%;
height: 100%;
max-width: 100%;
}
.c-nav__sp__menu .menu > .menu-item {
height: 100%;
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.c-nav__sp__menu .menu > .menu-item > a, .c-nav__sp__menu .menu > .menu-item > span {
font-size: 1.8rem;
width: 100%;
color: #000;
position: relative;
padding: 8px 20px;
border-bottom: 1px solid #C7C7C7;
}
.c-nav__sp__menu .menu > .menu-item.menu_toggle a{
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
position: relative;
}
.c-nav__sp__menu .menu > .menu-item.menu_toggle > a:after {
display: block;
width: 11px;
height: 8px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/menu_point.svg) 0 0 no-repeat;
content: "";
background-size: cover;
position: relative;
z-index: 2; top: 2px;
left: 0.5em;
}
.c-nav__sp__menu .menu > .menu-item .sub-menu {
width: 100%;
display: none;
background: #fff;
}
.c-nav__sp__menu .menu > .menu-item .sub-menu a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
padding: 7px 15px 7px 30px;
font-weight: 400;
position: relative;
color: #000;
position: relative;
background: #e7e7e7;
border-bottom: 1px solid #C7C7C7;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
overflow: hidden;
}
.c-nav__sp__menu .menu > .menu-item .sub-menu a:before {
display: block;
width: 100%;
height: 100%;
background: #1ca6e1;
background: -webkit-gradient(linear, right top, left top, from(#1ca6e1), to(#0777de));
background: linear-gradient(270deg, #1ca6e1 0%, #0777de 100%);
content: "";
z-index: -1;
position: absolute;
top: 0;
left: -100%;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.c-nav__sp__menu .menu > .menu-item .sub-menu a:hover {
color: #fff;
opacity: 1;
}
.c-nav__sp__menu .menu > .menu-item .sub-menu a:hover:before {
left: 0;
}
.c-nav__sp__close, .c-search__sp__close {
position: absolute;
z-index: 10;
width: 22px;
top: -20px;
right: 15px;
height: 22px;
}
.c-nav__sp__close span, .c-search__sp__close span {
position: relative;
display: block;
width: 22px;
height: 22px;
}
.c-nav__sp__close span:before, .c-nav__sp__close span:after, .c-search__sp__close span:before, .c-search__sp__close span:after {
display: block;
content: "";
width: 100%;
height: 1px;
background: #434343;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 0;
}
.c-nav__sp__close span:after, .c-search__sp__close span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.p-sp__search {
padding-top: 5px;
}
.p-sp__search label {
display: none;
}
.p-sp__search .wp-block-search {
width: 420px;
max-width: 100%;
height: 46px;
padding: 2px 0px 2px 7px;
border-radius: 5px;
border: 1px solid #c2c2c2;
}
.p-sp__search .wp-block-search .wp-block-search__inside-wrapper {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
border: 0 !important;
color: #969696;
}
.p-sp__search .wp-block-search .wp-block-search__input {
width: calc(100% - 30px);
font-size: 1.6rem;
}
.p-sp__search .wp-block-search button[type=submit] {
background: none;
}
.p-sp__search .wp-block-search button[type=submit]:before {
display: block;
width: 22px;
height: 22px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/search.svg) 0 0 no-repeat;
content: "";
background-size: cover;
position: relative;
z-index: 2;
}
.p-sp__search .wp-block-search button[type=submit] svg {
display: none;
}
}
@media screen and (max-width: 320px) {
.c-menu.isActive {
height: 50px;
}
.c-menu.isActive .c-nav__toggle { }
.c-menu.isActive .c-nav__toggle .c-nav__txt { }
.c-menu.isActive .c-nav__search { }
.c-menu.isActive .c-nav__search__txt { }
.c-nav__toggle { }
.c-nav__toggle .c-nav__txt { }
.c-nav__search { }
.c-nav__search__txt { }
} .p-project {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-project a {
display: block;
}
.p-project a img {
display: block;
max-width: 100%;
height: auto;
} .p-nftdetail {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding-top: 125px;
}
.p-nftdetail__l {
width: 451px;
max-width: 35%;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-nftdetail__r {
width: calc(100% - 451px);
max-width: 67%;
padding-left: calc(100% / 12 * 0.7);
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-nftdetail__img {
border-radius: 10px;
padding: 20px;
border: 1px solid #BFBFBF;
}
.p-nftdetail__img img {
display: block;
width: 100%;
height: auto;
}
.p-nftdetail__tit {
font-size: 4.2rem;
font-weight: 600;
line-height: 1;
color: #242424;
margin-bottom: 20px;
}
.p-nftdetail__meta {
height: 50px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
.p-nftdetail__meta__collection {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 30px;
color: #747474;
font-size: 1.5rem;
font-weight: 400;
border-right: 1px solid #c9c9c9;
}
.p-nftdetail__meta__collection__cat {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
position: relative;
}
.p-nftdetail__meta__collection__cat a {
font-size: 2.4rem;
font-weight: 600;
color: #2AA6FF;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-nftdetail__meta__curdnum {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 30px;
padding-left: 30px;
color: #747474;
font-size: 1.5rem;
font-weight: 400;
white-space: nowrap;
border-right: 1px solid #c9c9c9;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-nftdetail__meta__curdnum__txt {
font-size: 2.6rem;
font-weight: 600;
color: #242424;
display: inline-block;
padding-left: 20px;
font-family: "Noto Sans";
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-nftdetail__meta__seriesnum {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
color: #747474;
font-size: 1.5rem;
font-weight: 400;
white-space: nowrap;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-nftdetail__meta__seriesnum__txt {
font-size: 2rem;
font-weight: 400;
color: #242424;
display: inline-block;
padding-left: 20px;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
letter-spacing: -0.05em;
}
.p-nftdetail__meta__question {
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-nftdetail__meta__question__switch {
content: "";
display: block;
width: 22px;
height: 22px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/hatena.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__meta__question__txt {
position: absolute;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
top: 63px;
right: -20px;
width: 570px;
padding: 23px 23px 23px 50px;
color: #fff;
border-radius: 7px;
background: #424242;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.p-nftdetail__meta__question__txt ul {
display: block;
margin-bottom: 15px;
}
.p-nftdetail__meta__question__txt ul li {
display: block;
position: relative;
font-size: 1.4rem;
margin-bottom: 7px;
}
.p-nftdetail__meta__question__txt ul li span {
display: inline-block;
margin-right: 5px;
font-weight: 700;
}
.p-nftdetail__meta__question__txt ul li:before {
position: absolute;
top: 7px;
left: -20px;
width: 0.6em;
height: 0.6em;
background: #fff;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.p-nftdetail__meta__question__txt table {
background: #ECECEC;
font-size: 1.4rem;
}
.p-nftdetail__meta__question__txt table tr {
border-bottom: 1px solid #424242;
}
.p-nftdetail__meta__question__txt table tr th {
width: 140px;
padding: 5px 10px;
font-weight: 700;
text-align: left;
color: #424242;
border-right: 1px solid #424242;
}
.p-nftdetail__meta__question__txt table tr td {
color: #424242;
padding: 5px 10px;
}
.p-nftdetail__meta__question.infoactive .p-nftdetail__meta__question__txt {
opacity: 1;
visibility: visible;
z-index: 2;
}
.p-nftdetail__info {
width: 100%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
border-bottom: 1px solid #A4A4A4;
}
.p-nftdetail__info dt {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 260px;
max-width: 30%;
padding: 15px;
font-weight: 400;
background: #EBEBEB;
border-top: 1px solid #A4A4A4;
}
.p-nftdetail__info dt:before {
display: block;
content: "";
width: 15px;
margin-right: 15px;
height: 15px;
background-size: contain;
}
.p-nftdetail__info dd {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
width: 650px;
max-width: 70%;
padding: 15px 15px 15px 20px;
font-weight: 500;
background: #fff;
border-top: 1px solid #A4A4A4;
}
.p-nftdetail__info dd a {
color: #2AA6FF;
text-decoration: none;
display: inline-block;
margin-right: 30px;
}
.p-nftdetail__info dd a[target=_blank]:after {
display: inline-block;
content: "";
width: 12px;
margin-left: 6px;
height: 12px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/send_1_.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__info__supply:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/images.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__info__artist:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/edit.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__info__date:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/calendar.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__info__blockchain:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/url.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__info__status:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/star_favorite.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__desc {
padding: 15px 20px 20px 25px;
border: 10px;
margin-bottom: 30px;
border-radius: 10px;
border: 1px solid #BFBFBF;
}
.p-nftdetail__desc__tit {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.8rem;
position: relative;
font-weight: 400;
margin-bottom: 11px;
}
.p-nftdetail__desc__tit:before {
display: block;
content: "";
width: 17px;
height: 9px;
margin-right: 10px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/list.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__desc__txt {
height: 100px;
overflow-y: scroll;
overflow-x: hidden;
font-size: 1.6rem;
word-break: break-all;
padding-right: 20px;
font-weight: 400;
}
.p-nftdetail__desc__txt::-webkit-scrollbar {
width: 4px;
border-radius: 20px;
}
.p-nftdetail__desc__txt::-webkit-scrollbar-track {
background-color: #fff;
}
.p-nftdetail__desc__txt::-webkit-scrollbar-thumb {
background-color: #C4C4C4;
border-radius: 100px;
height: 60px;
}
.p-nftdetail__link {
margin-bottom: 20px;
}
.p-nftdetail__link__item {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 20px;
margin-bottom: 20px;
align-items: center;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
color: #242424;
font-size: 2rem;
font-weight: 600;
}
.p-nftdetail__link__ico {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 38px;
height: 38px;
margin-right: 20px;
}
.p-nftdetail__link__ico__relics {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_nft_relics.svg) 50% 50% no-repeat;
background-size: contain;
}
.p-nftdetail__link__ico__opensea {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_opensea.svg) 50% 50% no-repeat;
background-size: contain;
}
.p-nftdetail__link__ico__xchain {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_xchain_detail.png) 50% 50% no-repeat;
background-size: calc(74px / 2) calc(45px / 2);
}
.p-nftdetail__link__ico__scarcecity {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_scarcecity.svg) 50% 50% no-repeat;
background-size: contain;
}
.p-nftdetail__link__l {
width: 50%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-nftdetail__link__r {
width: 50%;
}
.p-nftdetail__link__btn {
display: -moz-flex;
display: -ms-flex;
display: -o-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;
width: 160px;
height: 35px;
text-align: center;
font-weight: 500;
color: #fff;
font-size: 1.7rem;
border-radius: 39px;
margin-left: auto;
-webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.15);
}
.p-nftdetail__link__btn__check {
background: #53c164;
background: -webkit-gradient(linear, right top, left top, from(#53c164), to(#4bb55c));
background: linear-gradient(270deg, #53c164 0%, #4bb55c 100%);
}
.p-nftdetail__link__btn__buy {
background: #f68f2f;
background: -webkit-gradient(linear, right top, left top, from(#f68f2f), to(#f8861d));
background: linear-gradient(270deg, #f68f2f 0%, #f8861d 100%);
}
.p-nftdetail__link__buy {
display: block;
text-align: right;
font-size: 1.3rem;
font-weight: 300;
width: 100%;
padding-top: 4px;
padding-right: 5px;
}
.p-nftdetail__other {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.p-nftdetail__other ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.p-nftdetail__other ul li {
display: block;
margin-left: 35px;
}
.p-nftdetail__other ul li a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #6a6a6a;
font-weight: 400;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.5rem;
}
.p-nftdetail__other ul li a:before {
display: block;
content: "";
width: 7px;
height: 11px;
margin-right: 10px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/other.svg) 0 0 no-repeat;
background-size: contain;
}
.p-nftdetail__randam {
margin-top: 100px;
padding: 20px 50px 60px 50px;
background: #E2EEF4;
text-align: center;
}
.p-nftdetail__randam__tit {
font-size: 2.6rem;
font-weight: 600;
margin-bottom: 20px;
color: #242424;
}
.p-nftdetail__randam__list {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1030px;
max-width: 100%;
margin: auto;
}
.p-nftdetail__randam__list li {
width: 166px;
max-width: 18%;
}
.p-nftdetail__randam__list li a {
display: block;
}
.p-nftdetail__randam__list li a img {
display: block;
max-width: 100%;
height: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.p-nftdetail {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 125px;
}
.p-nftdetail__r {
width: calc(100% - 30vw);
}
.p-nftdetail__tit {
font-size: 4rem;
}
.p-nftdetail__meta__collection {
padding-right: 13px;
font-size: 1.4rem;
max-width: 50%;
}
.p-nftdetail__meta__collection__cat {
padding-left: 10px;
white-space: nowrap;
}
.p-nftdetail__meta__collection__cat a {
font-size: 1.9rem;
}
.p-nftdetail__meta__curdnum {
max-width: 32%;
padding-right: 13px;
padding-left: 13px;
font-size: 1.4rem;
}
.p-nftdetail__meta__curdnum__txt {
font-size: 1.9rem;
padding-left: 13px;
}
.p-nftdetail__meta__seriesnum {
max-width: 32%;
padding-left: 13px;
font-size: 1.4rem;
}
.p-nftdetail__meta__seriesnum__txt {
font-size: 1.65rem;
padding-left: 15px;
}
.p-nftdetail__meta__question {
position: relative;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto;
padding-left: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-nftdetail__meta__question__txt {
max-width: 100vw;
}
.p-nftdetail__meta__question__txt ul li {
font-size: 1.3rem;
}
.p-nftdetail__meta__question__txt table {
font-size: 1.3rem;
}
.p-nftdetail__info dt {
padding: 13px;
}
.p-nftdetail__info dd {
padding: 13px;
}
.p-nftdetail__desc {
padding: 18px;
margin-top: 30px;
margin-bottom: 30px;
}
.p-nftdetail__desc__tit {
font-size: 1.8rem;
}
.p-nftdetail__desc__tit:before {
margin-right: 10px;
}
.p-nftdetail__link__item {
font-size: 1.8rem;
}
.p-nftdetail__link__btn {
max-width: 100%;
font-size: 1.6rem;
}
.p-nftdetail__other ul li a {
font-size: 1.4rem;
}
.p-nftdetail__other ul li a:before {
margin-right: 10px;
}
.p-nftdetail__randam__tit {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1024px) {
.p-nftdetail {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 140px;
}
.p-nftdetail__l {
width: 100%;
margin-bottom: 30px;
max-width: 100%;
}
.p-nftdetail__r {
width: 100%;
max-width: 100%;
padding-left: 0;
}
.p-nftdetail__tit {
font-size: 2.6rem;
text-align: center;
margin-bottom: 25px;
}
.p-nftdetail__img {
padding: 15px;
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.p-nftdetail__meta {
height: auto;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
margin-bottom: 25px;
}
.p-nftdetail__meta__collection {
padding-right: 0;
font-size: 1.5rem;
width: 100%;
text-align: center;
max-width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-right: 0;
}
.p-nftdetail__meta__collection__cat {
padding-left: 12px;
}
.p-nftdetail__meta__collection__cat:before {
margin-right: 10px;
}
.p-nftdetail__meta__collection__cat a {
font-size: 1.8rem;
}
.p-nftdetail__meta__curdnum {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
padding-right: 10px;
padding-left: 0;
font-size: 1.5rem;
max-width: 45%;
border-right: 0;
}
.p-nftdetail__meta__curdnum__txt {
font-size: 2rem;
padding-left: 10px;
}
.p-nftdetail__meta__seriesnum {
padding-left: 10px;
width: auto;
max-width: 45%;
font-size: 1.5rem;
}
.p-nftdetail__meta__seriesnum__txt {
font-size: 1.8rem;
padding-left: 10px;
}
.p-nftdetail__meta__question {
padding-left: 25px;
padding-top: 3px;
margin-left: 0;
}
.p-nftdetail__meta__question__txt {
right: 0;
max-width: calc(100vw - 40px);
padding: 15px 18px 18px 40px;
}
.p-nftdetail__meta__question__txt ul li {
font-size: 1.3rem;
}
.p-nftdetail__meta__question__txt table {
font-size: 1.2rem;
margin-bottom: 5px;
}
.p-nftdetail__meta__question__txt table tr th,
.p-nftdetail__meta__question__txt table tr td{
padding: 4px 8px;
}
.p-nftdetail__meta__question__txt ul {
position: relative;
}
.p-nftdetail__meta__question__close {
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
top: -35px;
right: -35px;
content: '';
position: absolute;
width: 40px;
height: 40px;
}
.p-nftdetail__meta__question__close span{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
content: '';
align-items: center;
width: 40px;
height: 40px;
padding: 10px;
border-radius: 25px;
position: relative;
background: #fff;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25);
box-shadow: 0 0 8px rgba(0,0,0,0.25);
}
.p-nftdetail__meta__question__close span:before,.p-nftdetail__meta__question__close span:after{
display: block;
width: 24px;
height: 2px;
content: '';
background: #424242;
left: calc(50% - 12px);
top: calc(50% - 1px);
position: absolute;
}
.p-nftdetail__meta__question__close span:before{
transform: rotate(45deg) ;
}
.p-nftdetail__meta__question__close span:after{
transform: rotate(-45deg);
}
.p-nftdetail__info {
display: block;
border-bottom-color: #7D7D7D;
}
.p-nftdetail__info dt {
width: 100%;
max-width: 100%;
border-bottom: 0;
font-size: 1.5rem;
padding: 9px 15px;
border-top-color: #7D7D7D;
}
.p-nftdetail__info dd {
width: 100%;
max-width: 100%;
border-top: 0;
padding: 9px 15px;
font-weight: 500;
font-size: 1.8rem;
}
.p-nftdetail__desc {
padding: 20px 15px;
margin-top: 25px;
margin-bottom: 25px;
}
.p-nftdetail__desc__tit {
font-size: 1.8rem;
margin-bottom: 10px;
}
.p-nftdetail__desc__tit:before {
margin-right: 10px;
}
.p-nftdetail__desc__txt {
height: 140px;
}
.p-nftdetail__link__l {
width: 60%;
}
.p-nftdetail__link__r {
width: 40%;
}
.p-nftdetail__link__item {
font-size: 1.6rem;
padding: 13px 15px;
}
.p-nftdetail__link__btn {
max-width: 100%;
font-size: 1.5rem;
height: 28px;
}
.p-nftdetail__other {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-nftdetail__other ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
}
.p-nftdetail__other ul li {
width: 100%;
margin-left: 0;
margin-bottom: 15px;
}
.p-nftdetail__other ul li:last-child {
margin-bottom: 0;
}
.p-nftdetail__other ul li a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.5rem;
}
.p-nftdetail__other ul li a:before {
margin-right: 10px;
}
.p-nftdetail__randam {
margin-top: 60px;
padding: 20px 20px 25px 20px;
}
.p-nftdetail__randam__tit {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.p-nftdetail__img {
max-width: 100%;
}
.p-nftdetail__randam__list li {
width: 31%;
max-width: 31%;
}
}
@media screen and (max-width: 320px) {
.p-nftdetail__tit {
font-size: 2.5rem;
}
.p-nftdetail__meta {
margin-bottom: 20px;
}
.p-nftdetail__meta__collection {
font-size: 1.3rem;
}
.p-nftdetail__meta__collection__cat a {
font-size: 1.6rem;
letter-spacing: -0.02em;
}
.p-nftdetail__meta__curdnum {
font-size: 1.3rem;
max-width: 45%;
letter-spacing: -0.02em;
}
.p-nftdetail__meta__curdnum__txt {
font-size: 1.8rem;
padding-left: 5px;
}
.p-nftdetail__meta__seriesnum {
max-width: 45%;
font-size: 1.3rem;
letter-spacing: -0.02em;
}
.p-nftdetail__meta__seriesnum__txt {
font-size: 1.6rem;
padding-left: 5px;
}
.p-nftdetail__meta__question {
padding-left: 7px;
margin-left: 0;
width: 10%;
padding-top: 1px;
margin-left: auto;
}
.p-nftdetail__meta__question__switch{
width: 18px;
height: 18px;
}
.p-nftdetail__meta__question__txt {
right: -30px;
max-width: calc(100vw - 40px);
}
.p-nftdetail__meta__question__txt ul li {
font-size: 1.2rem;
}
.p-nftdetail__meta__question__txt table {
font-size: 1.2rem;
}
.p-nftdetail__info {
display: block;
border-bottom-color: #7D7D7D;
}
.p-nftdetail__info dt {
font-size: 1.4rem;
}
.p-nftdetail__info dd {
padding: 15px 18px;
font-size: 1.7rem;
}
.p-nftdetail__desc {
padding: 20px 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.p-nftdetail__desc__tit {
font-size: 1.7rem;
}
.p-nftdetail__desc__tit:before {
margin-right: 10px;
}
.p-nftdetail__desc__txt {
font-size: 1.4rem;
}
.p-nftdetail__link__item {
padding: 15px 15px;
font-size: 1.5rem;
}
.p-nftdetail__link__btn {
max-width: 100%;
font-size: 1.3rem;
}
.p-nftdetail__other ul li {
margin-bottom: 10px;
}
.p-nftdetail__other ul li a {
font-size: 1.4rem;
}
.p-nftdetail__randam__tit {
font-size: 1.9rem;
}
.p-nftdetail__randam__list li {
width: 31%;
max-width: 31%;
}
} .p-collection__archive {
position: relative;
background: #fff;
z-index: 2;
}
.p-collection__archive__artist {
background: none;
}
.p-collection__archive__header {
width: 100%;
position: relative;
margin-top: 100px;
padding-top: calc(600/ 2880 * 100%);
z-index: 1;
overflow: hidden;
}
.p-collection__archive__header img {
display: block;
width: 100%;
height: auto;
position: absolute;
z-index: 1;
top: -10%;
left: 0;
transition: all 1.2s ease 0.01s;
}
.p-collection__archive__header__dummy{
display: block;
min-width: 100%;
height: 115%;
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
background: #e6e6e6;
transition: all 1.2s ease 0.02s;
-webkit-background-size: cover!important;
background-size: cover!important;
}
.p-collection__archive__header__artist {
margin-bottom: -16vw;
z-index: 0;
}
.p-collection__archive__header__artist img {
-webkit-filter: blur(12px);
filter: blur(12px);
}
.p-collection__archive__header__artist:before {
display: block;
width: 100%;
height: 100%;
content: "";
background: white;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(83%, white), to(white));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.5) 30%, white 83%, white 100%);
position: absolute;
z-index: 2;
top: 0;
left: 0;
backdrop-filter:blur(30px);
}
.p-collection__archive__content {
position: relative;
z-index: 2;
}
.p-collection__archive__meta {
padding: 55px 0 70px 0;
text-align: center;
width: 1120px;
max-width: calc(100% - 60px);
margin-left: auto;
margin-right: auto;
}
.p-collection__archive__meta__artist {
background: #fff;
border-radius: 30px;
padding-top: 0;
position: relative;
z-index: 2;
width: 100%;
max-width: 100%;
}
.p-collection__archive__meta__tit {
font-size: 4.2rem;
font-weight: 400;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #424242;
margin-bottom: 20px;
line-height: 1;
}
.p-collection__archive__meta__tit span {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.9rem;
font-weight: 300;
line-height: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 3px;
color: #747474;
}
.p-collection__archive__meta__tit span:before, .p-collection__archive__meta__tit span:after {
display: block;
content: "";
width: 20px;
height: 1px;
background: #747474;
margin: 0 4px 0 4px;
}
.p-collection__archive__meta__img {
width: 100%;
height: 78px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
margin: auto auto 30px auto;
border-radius: 100px;
text-align: center;
}
.p-collection__archive__meta__img__artist {
width: 120px;
height: 120px;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
border-radius: 100%;
overflow: hidden;
position: relative;
}
.p-collection__archive__meta__img__artist:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
z-index: 2;
top: 0;
left: 0;
border-radius: 100%;
background: black;
background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 80%, black 100%);
}
.p-collection__archive__meta__img img {
display: block; height: 100%;
}
.p-collection__archive__meta__img__artist  img {
display: block;
max-width: 100%;
height: auto;
}
.p-collection__archive__meta__desc {
width: 1140px;
max-width: 90%;
margin: auto;
}
.p-collection__archive__meta__desc p {
font-weight: 300;
line-height: calc(32/17);
margin-bottom: 50px;
}
.p-collection__archive__meta__link {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
margin-bottom: 40px;
}
.p-collection__archive__meta__link li {
margin: 0 25px;
display: block;
}
.p-collection__archive__meta__link li a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #242424;
font-size: 1.8rem;
}
.p-collection__archive__meta__link li a:before {
display: block;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/other_blue.svg) 0 0 no-repeat;
background-size: contain;
content: "";
height: 13px;
z-index: 1;
width: 11px;
margin-right: 5px;
}
.p-collection__archive__meta__info {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1110px;
max-width: 100%;
margin: auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-collection__archive__meta__info__item {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 20px;
width: 350px;
color: #242424;
max-width: 32%;
font-size: 2.4rem;
font-weight: 600;
}
.p-collection__archive__meta__info__item .p-collection__archive__meta__info__release, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__list, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__block {
font-size: 1.8rem;
font-weight: 400;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
line-height: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-collection__archive__meta__info__item .p-collection__archive__meta__info__release:before, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__list:before, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__block:before {
display: block;
content: "";
height: 15px;
z-index: 1;
width: 15px;
margin-right: 10px;
}
.p-collection__archive__meta__info__item .p-collection__archive__meta__info__release:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/calendar.svg) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__meta__info__item .p-collection__archive__meta__info__list:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/grid.svg) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__meta__info__item .p-collection__archive__meta__info__block:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/url.svg) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__meta__other {
width: 570px;
max-width: 100%;
margin: auto auto 40px auto;
border-radius: 50px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 42px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
}
.p-collection__archive__meta__other__item {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
overflow: hidden;
width: 25%;
position: relative;
border-right: 1px solid #e7e7e7;
}
.p-collection__archive__meta__other__item a:before {
display: block;
content: "";
position: relative;
}
.p-collection__archive__meta__other__item:nth-of-type(1) {
border-radius: 20px 0 0 20px;
}
.p-collection__archive__meta__other__item:nth-of-type(1) a:before {
width: 24px;
height: 19px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_twitter.svg) 0 0 no-repeat;
background-size: contain;
margin-right: 5px;
}
.p-collection__archive__meta__other__item:nth-of-type(1).empty a:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_twitter_off.svg) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__meta__other__item:nth-of-type(2) a:before {
width: 24px;
height: 22px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_opensea.svg) 0 0 no-repeat;
background-size: contain;
margin-right: 5px;
}
.p-collection__archive__meta__other__item:nth-of-type(2).empty a:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_opensea_off.svg) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__meta__other__item:nth-of-type(3) a:before {
width: 32px;
height: 14px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_xchain.png) 0 0 no-repeat;
background-size: contain;
margin-right: 7px;
}
.p-collection__archive__meta__other__item:nth-of-type(3).empty a:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_xchain_off.png) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__meta__other__item:nth-of-type(4) {
border-radius: 0 20px 20px 0;
border-right: 0;
}
.p-collection__archive__meta__other__item:nth-of-type(4) a:before {
width: 20px;
height: 20px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_hp.svg) 0 0 no-repeat;
background-size: contain;
margin-right: 8px;
}
.p-collection__archive__meta__other__item:nth-of-type(4).empty a:before {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/ico_hp_off.svg) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__meta__other__item.empty a {
pointer-events: auto;
color: #C5C5C5;
pointer-events: none;
}
.p-collection__archive__meta__other__item a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
font-size: 1.6rem;
width: 100%;
height: 100%; }
.p-collection__archive__list {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 7px;
}
.p-collection__archive__list__item {
width: 295px;
width: calc(100% / 4 );
max-width: calc(100% / 4 - 10px );
margin-bottom: 70px;
padding: 12px;
margin-right: 5px;
margin-left: 5px;
border-radius: 15px;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-collection__archive__list__item:hover {
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.p-collection__archive__list__item:nth-of-type(4n) {
margin-right: 0;
}
.p-collection__archive__list__item__link {
display: block;
}
.p-collection__archive__list__item__link:hover {
opacity: 1;
}
.p-collection__archive__list__item__link:hover .p-collection__archive__list__item__img {
opacity: 0.8;
}
.p-collection__archive__list__item__img {
display: block;
margin-bottom: 15px;
aspect-ratio: 3/4.21;
width: 100%; -webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-collection__archive__list__item__img picture {
display: block;
max-width: 100%;
height: auto;
text-align: center;
}
.p-collection__archive__list__item__img img {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.p-collection__archive__list__item__tit {
font-size: 2rem;
color: #000;
padding-bottom: 3px;
border-bottom: 1px dotted #969696;
margin-bottom: 7px;
}
.p-collection__archive__list__item__meta {
display: block;
}
.p-collection__archive__list__item__meta__ul {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-collection__archive__list__item__meta__ul__card {
display: inline-block;
font-size: 1.8rem;
font-weight: 600;
position: relative;
}
.p-collection__archive__list__item__meta__ul__card span {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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: #424242;
padding: 5px;
height: 26px;
width: 104px;
color: #fff;
font-size: 1.4rem;
position: absolute;
top: -35px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
font-weight: 500;
border-radius: 3px;
}
.p-collection__archive__list__item__meta__ul__card span:after {
display: block;
content: "";
width: 0;
height: 0;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
bottom: -3px;
border-style: solid;
border-width: 3px 3px 0 3px;
border-color: #424242 transparent transparent transparent;
}
.p-collection__archive__list__item__meta__ul__card:hover span {
top: -30px;
opacity: 1;
visibility: visible;
}
.p-collection__archive__list__item__meta__ul__supply {
display: inline-block;
font-size: 1.5rem;
font-weight: 400;
position: relative;
}
.p-collection__archive__list__item__meta__ul__supply:before {
display: inline-block;
content: "";
height: 13px;
z-index: 1;
width: 13px;
margin-right: 10px;
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/nft/images.svg) 0 0 no-repeat;
background-size: contain;
}
.p-collection__archive__list__item__meta__ul__supply span {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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: #424242;
padding: 5px;
height: 26px;
width: 66px;
color: #fff;
font-size: 1.4rem;
position: absolute;
top: -35px;
left: 50%;
font-weight: 500;
border-radius: 3px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
transition: all 0.4s cubic-bezier(0.51, 0.11, 0.4, 0.9);
}
.p-collection__archive__list__item__meta__ul__supply span:after {
display: block;
content: "";
width: 0;
height: 0;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
bottom: -3px;
border-style: solid;
border-width: 3px 3px 0 3px;
border-color: #424242 transparent transparent transparent;
}
.p-collection__archive__list__item__meta__ul__supply:hover span {
opacity: 1;
visibility: visible;
top: -30px;
}
.p-collection__archive__list__item__meta__dl {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-collection__archive__list__item__meta__dl dt {
color: #747474; font-size: 1.5rem;
white-space: nowrap;
letter-spacing: -0.03em;
}
.p-collection__archive__list__item__meta__dl dt.small_size {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: flex-start; }
.p-collection__archive__list__item__meta__dl dd { text-align: right;
}
.p-collection__archive__list__item__meta__dl dd.collection a {
font-size: 1.8rem;
font-weight: 600;
color: #2AA6FF;
line-height: 1.2;
}
.p-collection__archive__list__item__meta__dl dd.collection a.small_size { }
.p-collection__archive__list__item__meta__dl dd.card {
font-size: 1.8rem;
font-weight: 600;
color: #242424;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.p-collection__archive__list__item {
padding: 15px;
}
.p-collection__archive__list__item__img { }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.p-collection__archive__header {
margin-top: 135px;
padding-top: calc(600/ 2880 * 100%);
}
.p-collection__archive__header img {
top: 0;
}
.p-collection__archive__meta {
padding: 55px 0 70px 0;
}
.p-collection__archive__meta__tit {
font-size: 2.8rem;
margin-bottom: 20px;
}
.p-collection__archive__meta__tit span {
font-size: 1.5rem;
margin-bottom: 5px;
}
.p-collection__archive__meta__img {
width: 78px;
height: 78px;
margin: auto auto 20px auto;
}
.p-collection__archive__meta__desc p {
font-weight: 300;
line-height: calc(32/17);
margin-bottom: 30px;
}
.p-collection__archive__meta__link {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
margin-bottom: 40px;
}
.p-collection__archive__meta__link li {
margin: 0 25px;
display: block;
}
.p-collection__archive__meta__link li a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex; font-size: 1.4rem;
}
.p-collection__archive__meta__info {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
justify-content: space-between;
}
.p-collection__archive__meta__info__item {
width: 49%;
max-width: 100%;
font-size: 2rem;
margin-bottom: 15px;
}
.p-collection__archive__meta__info__item:last-child {
width: 100%;
}
.p-collection__archive__meta__info__item .p-collection__archive__meta__info__release, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__list, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__block {
font-size: 1.4rem;
}
.p-collection__archive__list__item {
padding: 10px;
margin: 0 0 50px 0 !important;
width: calc(100% / 3);
max-width: calc(100% / 3);
}
.p-collection__archive__list__item__img {
margin-bottom: 10px; width: 100%;
}
.p-collection__archive__list__item__tit {
font-size: 1.8rem;
margin-bottom: 5px;
}
.p-collection__archive__list__item__meta__ul__card {
font-size: 1.6rem;
}
.p-collection__archive__list__item__meta__ul__card span {
font-size: 1.2rem;
}
.p-collection__archive__list__item__meta__ul__supply {
font-size: 1.3rem;
}
.p-collection__archive__list__item__meta__ul__supply span {
font-size: 1.2rem;
}
.p-collection__archive__list__item__meta__dl dt { }
.p-collection__archive__list__item__meta__dl dd { }
}
@media screen and (max-width: 767px) {
.p-collection__archive__header {
margin-top: 135px;
padding-top: calc(600/ 2880 * 200%);
}
.p-collection__archive__header img {
top: 0;
}
.p-collection__archive__meta {
padding: 55px 0 40px 0;
}
.p-collection__archive__meta__artist {
padding-top: 0;
}
.p-collection__archive__meta__tit {
font-size: 2.8rem;
margin-bottom: 20px;
}
.p-collection__archive__meta__tit span {
font-size: 1.5rem;
margin-bottom: 5px;
}
.p-collection__archive__meta__img {
width: 78px;
height: 78px;
margin: auto auto 20px auto;
}
.p-collection__archive__meta__other{
height: 50px;
}
.p-collection__archive__meta__other__item a{
display: block;
}
.p-collection__archive__meta__other__item:nth-of-type(1) {
padding-left: 8px;
}
.p-collection__archive__meta__other__item:nth-of-type(1) a:before {   margin: 5px auto 5px;
height:15px;
}
.p-collection__archive__meta__other__item:nth-of-type(2) a:before {
display: block;
content: "";   margin: 5px auto 5px;
height:15px;
}
.p-collection__archive__meta__other__item:nth-of-type(3) a:before {   margin: 5px auto 5px;
height:15px;
}
.p-collection__archive__meta__other__item:nth-of-type(4) {
padding-right: 8px;
}
.p-collection__archive__meta__other__item:nth-of-type(4) a:before {   margin: 5px auto 5px;
height:15px;
}
.p-collection__archive__meta__other__item a {
font-size: 1.15rem;
padding-left: 0;
height: auto;
}
.p-collection__archive__meta__desc p {
font-weight: 300;
line-height: calc(32/17);
margin-bottom: 30px;
}
.p-collection__archive__meta__link {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
margin-bottom: 40px;
}
.p-collection__archive__meta__link li {
margin: 0 25px;
display: block;
}
.p-collection__archive__meta__link li a {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.4rem;
}
.p-collection__archive__meta__info {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
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;
justify-content: space-between;
}
.p-collection__archive__meta__info__item {
width: 49%;
max-width: 100%;
font-size: 1.6rem;
margin-bottom: 8px;
padding: 10px 10px 6px 10px;
}
.p-collection__archive__meta__info__item:last-child {
width: 100%;
}
.p-collection__archive__meta__info__item .p-collection__archive__meta__info__release, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__list, .p-collection__archive__meta__info__item .p-collection__archive__meta__info__block {
font-size: 1.4rem;
margin-bottom: 3px;
}
.p-collection__archive__list {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.p-collection__archive__list__item {
width: 295px;
max-width: calc(100% / 2);
aspect-ratio: auto;
padding: 9px;
margin: 0 0 50px 0 !important;
}
.p-collection__archive__list__item__img {
margin-bottom: 10px;
height: auto;
}
.p-collection__archive__list__item__tit {
font-size: 1.8rem;
margin-bottom: 5px;
}
.p-collection__archive__list__item__meta__ul__card {
font-size: 1.6rem;
}
.p-collection__archive__list__item__meta__ul__card span {
font-size: 1.2rem;
}
.p-collection__archive__list__item__meta__ul__supply {
font-size: 1.3rem;
}
.p-collection__archive__list__item__meta__ul__supply span {
font-size: 1.2rem;
}
.p-collection__archive__list__item__meta__dl dt {
width: 48%;
font-size: 1.4rem;
}
.p-collection__archive__list__item__meta__dl dt.small_size {
height: 3.3em;
}
.p-collection__archive__list__item__meta__dl dd {
width: 52%;
padding-left: 2%;
}
.p-collection__archive__list__item__meta__dl dd.collection a{
font-size: 1.7rem;
word-break: break-all;
}
.p-collection__archive__list__item__meta__dl dd.collection a.small_size{
font-size: 1.55rem;
}
.p-collection__archive__list__item__meta__dl dd.card{
font-size: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.p-collection__archive__list__item__meta__dl{
align-items: flex-start;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.p-collection__archive__list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.p-collection__archive__list__item {
padding: 10px;
width: calc(100% / 2);
max-width: calc(100% / 2);
}
.p-collection__archive__list__item__img {
margin-bottom: 10px; width: 100%;
}
.p-collection__archive__list__item__img img {
width: 100%;
display: block;
height: auto;
}
}
@media screen and (max-width: 320px) {
.p-collection__archive__list__item__tit{
font-size: 1.5rem;
}
.p-collection__archive__list__item__meta__ul__card{
font-size: 1.45rem;
}
.p-collection__archive__list__item__meta__ul__supply{
font-size: 1.25rem;
}
.p-collection__archive__list__item__meta__dl dt {
width: 48%;
font-size: 1.1rem;
}
.p-collection__archive__list__item__meta__dl dt.small_size {
height: 3.6em;
}
.p-collection__archive__list__item__meta__dl dd {
padding-left: 2%;
font-size: 1.3rem;
}
.p-collection__archive__list__item__meta__dl dd.collection a{
font-size: 1.5rem;
}
.p-collection__archive__list__item__meta__dl dd.collection a.small_size{
font-size: 1.3rem;
}
.p-collection__archive__list__item__meta__dl dd.card{
font-size: 1.4rem;
}
.p-collection__archive__meta__other__item a{
font-size: 1.0rem; }
.p-collection__archive__meta__other__item:nth-of-type(1) a:before {
width: calc(24px / 1.3);
height: calc(19px / 1.3); }
.p-collection__archive__meta__other__item:nth-of-type(2) a:before {
width: calc(24px / 1.3);
height: calc(22px / 1.3); }
.p-collection__archive__meta__other__item:nth-of-type(3) a:before {
width: calc(32px / 1.4);
height: calc(14px / 1.4); }
.p-collection__archive__meta__other__item:nth-of-type(4) a:before {
width: calc(20px/ 1.3);
height: calc(20px/ 1.3); }
}
.p-common__header {
margin-top: 100px;
max-width: 100%;
width: 100%;
position: relative;
background: #F2F2F2;
height: calc(2880 / 412 * 3vw);
overflow: hidden;
max-height: 205px;
}
.p-common__header__inner {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 1120px;
max-width: calc(100% - 100px);
margin: auto;
}
.p-common__header__h1 {
color: #1C62E9;
font-size: 3.6rem;
font-weight: 600;
position: relative;
z-index: 2;
}
.p-common__header__img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: auto;
z-index: 0;
min-width: 100%;
-webkit-transition: all 0.25s cubic-bezier(0, 0.45, 0.25, 1);
transition: all 0.25s cubic-bezier(0, 0.45, 0.25, 1);
}
.p-common__header__img__default {
right: 0;
left: auto;
}
.c-breadcrumbs {
padding: 15px 0 45px 0;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1120px;
max-width: calc(100% - 100px);
margin: auto;
font-size: 1.6rem;
color: #9D9D9D;
}
.c-breadcrumbs a, .c-breadcrumbs > span {
display: block;
margin-right: 5px;
color: #2AA6FF;
}
.c-breadcrumbs a.home, .c-breadcrumbs > span.home {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/home.svg) 0 0 no-repeat;
background-size: contain;
content: "";
height: 17px;
text-indent: -9999px;
z-index: 1;
width: 17px;
}
.c-breadcrumbs > span {
margin-left: 5px;
}
.p-pagecontents {
width: 1120px;
max-width: calc(100% - 100px);
margin: auto;
padding-bottom: 90px;
}
.p-pagecontents h2 {
font-size: 2.8rem;
font-weight: 600;
margin-bottom: 40px;
}
.p-pagecontents h3 {
font-size: 2.2rem;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #dddddd;
position: relative;
}
.p-pagecontents h3:after {
content: "";
background: #1C62E9;
width: 100px;
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
z-index: 2;
}
.p-pagecontents p {
line-height: calc(31 / 16);
margin-bottom: 25px;
}
.p-pagecontents a {
color: #2AA6FF;
}
.p-pagecontents img {
max-width: 100%;
height: auto;
}
.p-pagecontents table {
border: 1px solid #c2c2c2;
border-bottom: 0;
table-layout: fixed;
width: 100%;
}
.p-pagecontents table th {
background: #F8F8F8;
text-align: left;
width: 20% !important;
max-width: 300px;
padding: 13px 15px;
border-bottom: 1px solid #c2c2c2;
font-weight: 400;
}
.p-pagecontents table td {
text-align: left;
padding: 13px 15px;
border-bottom: 1px solid #c2c2c2;
font-weight: 400;
word-break: break-all;
}
.p-pagecontents ul {
display: block;
margin-bottom: 25px;
}
.p-pagecontents ul li {
display: block;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px dashed #B6B6B6;
}
@media screen and (min-width: 1025px) {
.p-common__header {
height: calc(2880 / 412 * 2vw);
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
.p-common__header {
margin-top: 135px;
height: calc(2880 / 412 * 2vw);
overflow: hidden;
}
.p-common__header__inner {
max-width: calc(100% - 30px);
}
.p-common__header__h1 {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.p-common__header {
margin-top: 135px;
height: calc(2880 / 412 * 3vw);
overflow: hidden;
}
.p-common__header__inner {
max-width: calc(100% - 30px);
}
.p-common__header__h1 {
font-size: 1.8rem;
}
.p-common__header__img {
width: auto;
max-width: 155%;
height: auto;
}
.c-breadcrumbs {
padding: 15px 0 30px 0;
max-width: calc(100% - 30px);
margin: auto;
font-size: 1.2rem;
}
.c-breadcrumbs a.home, .c-breadcrumbs > span.home {
background: url(//rarejapanesenfts.com/wp-content/themes/nft/images/common/home.svg) 0 0 no-repeat;
background-size: contain;
content: "";
height: 14px;
text-indent: -9999px;
z-index: 1;
margin-right: 6px;
width: 14px;
}
.c-breadcrumbs span.current-item {
margin-left: 8px;
}
.p-pagecontents {
max-width: calc(100% - 30px);
padding-bottom: 80px;
}
.p-pagecontents h2 {
font-size: 1.8rem;
margin-bottom: 25px;
}
.p-pagecontents h3 {
font-size: 1.4rem;
margin-bottom: 20px;
border-bottom: 1px solid #dddddd;
}
.p-pagecontents p {
line-height: calc(28 / 16);
margin-bottom: 25px;
}
.p-pagecontents table th {
width: 30% !important;
max-width: 150px;
padding: 12px 15px;
}
.p-pagecontents table td {
padding: 12px 15px;
}
.p-pagecontents ul li {
padding-bottom: 6px;
padding-top: 6px;
}
}
.grecaptcha-badge{
display:none!important;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//rarejapanesenfts.com/wp-content/themes/nft/images/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//rarejapanesenfts.com/wp-content/themes/nft/fonts/slick.eot);
src: url(//rarejapanesenfts.com/wp-content/themes/nft/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//rarejapanesenfts.com/wp-content/themes/nft/fonts/slick.woff) format('woff'), url(//rarejapanesenfts.com/wp-content/themes/nft/fonts/slick.ttf) format('truetype'), url(//rarejapanesenfts.com/wp-content/themes/nft/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 -1px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: #02328d;
}
 .animated {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce {
100%, 20%, 53%, 80%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
100%, 20%, 53%, 80%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
animation-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
100%, 50%, from {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
100%, 50%, from {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
100%, from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
100%, from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
from {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble {
from {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
100%, 11.1%, from {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
100%, 11.1%, from {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
100%, 20%, 40%, 60%, 80%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
100%, 20%, 40%, 60%, 80%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
100%, 60%, 75%, 90%, from {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -25%, 0);
transform:translate3d(0, -25%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -25%, 0);
transform:translate3d(0, -25%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
from {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
from {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}.swp-flex--col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.swp-flex--col,form.searchwp-form .swp-flex--row{-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:1}form.searchwp-form .swp-flex--row{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:flex-start}form.searchwp-form .swp-flex--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}form.searchwp-form .swp-flex--gap-sm{gap:.25em}form.searchwp-form .swp-flex--gap-md{gap:.5em}form.searchwp-form .swp-items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}form.searchwp-form .swp-margin-l-auto{margin-left:auto}form.searchwp-form input.swp-input{color:rgba(14,33,33,.8)}form.searchwp-form input.swp-input--search{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23CFCFCF' d='M6.068 12.136c1.31 0 2.533-.426 3.527-1.136l3.74 3.74c.174.173.402.26.64.26.512 0 .883-.395.883-.9a.87.87 0 0 0-.253-.63L10.89 9.744a6.04 6.04 0 0 0 1.247-3.677C12.136 2.73 9.406 0 6.068 0 2.722 0 0 2.73 0 6.068s2.722 6.068 6.068 6.068m0-1.31c-2.612 0-4.758-2.154-4.758-4.758S3.456 1.31 6.068 1.31c2.604 0 4.758 2.154 4.758 4.758s-2.154 4.758-4.758 4.758'/%3E%3C/svg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;background-size:15px auto;padding-left:.7em;padding-right:38px}form.searchwp-form .searchwp-form-input-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;flex-grow:1;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:flex-start}form.searchwp-form .searchwp-form-input-container .swp-input{margin:0;width:100%}.searchwp-live-search-results{background:#fff;border-radius:3px;-webkit-box-shadow:0 0 2px 0 rgba(30,30,30,.4);box-shadow:0 0 2px 0 rgba(30,30,30,.4);-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;max-height:300px;min-height:175px;min-width:315px;width:315px}.searchwp-live-search-result{border-bottom:1px solid rgba(30,30,30,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:10px}.searchwp-live-search-result:last-child{border-bottom:none}.searchwp-live-search-result--img{-ms-flex-negative:0;flex-shrink:0}.searchwp-live-search-result--img,.searchwp-live-search-results-container.swp-ls--img-sm .searchwp-live-search-result--img{-ms-flex-preferred-size:70px;flex-basis:70px}.searchwp-live-search-results-container.swp-ls--img-m .searchwp-live-search-result--img{-ms-flex-preferred-size:110px;flex-basis:110px}.searchwp-live-search-results-container.swp-ls--img-l .searchwp-live-search-result--img{-ms-flex-preferred-size:150px;flex-basis:150px}.searchwp-live-search-result--img img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:100%}.searchwp-live-search-result--info{-webkit-box-flex:1;-ms-flex:1 1 250px;flex:1 1 250px;overflow:hidden;text-overflow:ellipsis}.searchwp-live-search-result--title{font-size:1.1em;font-weight:700;margin-top:0}.searchwp-live-search-result--desc{font-size:.9em}.searchwp-live-search-result--ecommerce{-ms-flex-negative:0;flex-shrink:0;margin-left:auto;text-align:end}.searchwp-live-search-result--ecommerce *{font-size:1em}.searchwp-live-search-no-min-chars .spinner{opacity:.3}.searchwp-live-search-result--focused{background:#f7f7f7}.searchwp-live-search-instructions{clip:rect(1px,1px,1px,1px)!important;border:0!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@-webkit-keyframes searchwp-spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@keyframes searchwp-spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@-webkit-keyframes searchwp-spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@keyframes searchwp-spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@-webkit-keyframes searchwp-spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}@keyframes searchwp-spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}