@charset "UTF-8";
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes move-right {
0% {
right: 1em;
}
30% {
right: 0.5em;
opacity: 0;
}
40% {
right: 1.25em;
opacity: 0;
}
50% {
opacity: 1;
}
60% {
right: 1em;
}
100% {
right: 1em;
}
}
@keyframes move-right {
0% {
right: 1em;
}
30% {
right: 0.5em;
opacity: 0;
}
40% {
right: 1.25em;
opacity: 0;
}
50% {
opacity: 1;
}
60% {
right: 1em;
}
100% {
right: 1em;
}
}
@-webkit-keyframes swing {
0%, 100% {
-webkit-transform-origin: bottom center;
}
10% {
-webkit-transform: rotate(-15deg);
}
20% {
-webkit-transform: rotate(10deg);
}
30% {
-webkit-transform: rotate(-5deg);
}
40% {
-webkit-transform: rotate(5deg);
}
50% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes swing {
0%, 100% {
-webkit-transform-origin: bottom center;
}
10% {
-webkit-transform: rotate(-15deg);
}
20% {
-webkit-transform: rotate(10deg);
}
30% {
-webkit-transform: rotate(-5deg);
}
40% {
-webkit-transform: rotate(5deg);
}
50% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes shake-small {
0%, 100% {
-webkit-transform-origin: center center;
}
5% {
transform: rotate(-5deg);
}
10% {
transform: rotate(5deg);
}
15% {
transform: rotate(-2.5deg);
}
20% {
transform: rotate(2.5deg);
}
25% {
transform: rotate(0);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes shake-small {
0%, 100% {
-webkit-transform-origin: center center;
}
5% {
transform: rotate(-5deg);
}
10% {
transform: rotate(5deg);
}
15% {
transform: rotate(-2.5deg);
}
20% {
transform: rotate(2.5deg);
}
25% {
transform: rotate(0);
}
100% {
-webkit-transform: rotate(0deg);
}
}
.cart {
display: flex;
justify-content: center;
}
.cartadd_select .add_check {
display: none;
}
.cart_btn {
display: inline-block;
position: relative;
}
.cart_btn.cart_disabled {
pointer-events: none;
}
.cart_btn.cart_disabled::before {
z-index: 1000;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin: auto;
transform: translate(-50%, -50%);
content: "購入できません";
color: #fff;
font-weight: 700;
font-size: 1.5em;
text-align: center;
text-shadow: 0 0 2px rgba(20, 20, 20, 0.9);
}
.cart_btn.cart_disabled::after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(3, 3, 3, 0.5);
content: "";
}
.slide-frame {
display: flex;
transition: 0.6s;
}
.fixed-bg {
-webkit-backface-visibility: hidden;
visibility: visible;
z-index: -1;
position: fixed;
top: 0;
left: 0;
width: 100%;
width: 100vw;
height: 100%;
height: 100vh;
margin-left: calc(50% - 50vw);
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
perspective: 0;
pointer-events: none;
transition: 0.5s;
}
.modaal-container {
background-color: transparent;
color: inherit;
}
.modaal-content-container {
padding: 0;
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
outline: none;
background: rgba(0, 0, 0, 0.7);
}
@media (min-width: 769px) {
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
outline: none;
background: #fff;
}
}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
background: #fff;
}
@media (min-width: 769px) {
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
background: #afb7bc;
}
}
.modaal-video-wrap {
margin: 0 auto;
}
@media (min-width: 769px) {
.modaal-video-wrap {
display: table;
}
}
@media (min-width: 769px) {
.modaal-video-container {
display: table;
width: 900px;
max-width: none;
height: 506.25px;
max-height: none;
}
}
@media only screen and (min-width: 1400px) {
.modaal-video-container {
height: none;
padding-bottom: 0;
}
}
.slick-slide {
height: auto;
}
.slick-arrow,
.slick-dots button {
z-index: 1;
position: relative;
outline: none;
font-size: 0;
touch-action: manipulation;
}
.slick-arrow::before,
.slick-dots button::before {
position: absolute;
top: -1rem;
right: -1rem;
bottom: -1rem;
left: -1rem;
content: "";
}
.slick-arrow {
display: block;
position: absolute;
top: -2rem;
bottom: 0;
width: 4rem;
height: 4rem;
margin: auto;
}
.slick-arrow.slick-disabled {
opacity: 0.5;
}
.slick-prev {
left: -2rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%234ac6f9%22%3E%3Cpath%20d%3D%22M16.67%200l2.83%202.829-9.339%209.175%209.339%209.167-2.83%202.829-12.17-11.996z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.slick-next {
right: -2rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%234ac6f9%22%3E%3Cpath%20d%3D%22M5%203l3.057-3%2011.943%2012-11.943%2012-3.057-3%209-9z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.slick-dots {
position: absolute;
right: 0;
bottom: 1em;
left: 0;
margin: 0 -1rem -1rem;
text-align: center;
pointer-events: none;
}
.slick-dots li {
display: inline-block;
margin: 1rem;
}
.slick-dots button {
display: block;
width: 1rem;
height: 1rem;
border-radius: 100px;
background-color: #7f7f7f;
pointer-events: all;
}
.slick-active button {
background-color: #4ac6f9;
}
.select2-container {
display: block;
width: 100% !important;
}
.select2-selection {
height: auto !important;
border-radius: inherit !important;
background-color: #f7f7f7 !important;
}
.select2-selection__rendered {
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
}
.select2-selection__arrow {
top: 0 !important;
width: 2em !important;
height: 100% !important;
}
.select2-selection__arrow b {
top: 0 !important;
right: 0;
bottom: 0;
left: 0 !important;
margin: auto !important;
border-width: 0.5em 0.4em 0 0.4em !important;
}
.select2-container--open .select2-selection__arrow b {
border-width: 0 0.4em 0.5em 0.4em !important;
}
.ps__rail-y {
width: 10px;
background-color: !important;
opacity: 1;
}
.ps--active-y:hover .ps__rail-y {
opacity: 1;
}
.ps__thumb-y {
right: 0;
width: 10px !important;
border-radius: 0;
background-color: currentColor !important;
}
.ps__thumb-y:hover {
background-color: currentColor;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
/* 1 */
-webkit-text-size-adjust: 100%;
line-height: 1.15;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
margin: 0.67em 0;
font-size: 2em;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
/* 1 */
font-size: 1em;
font-family: monospace, monospace;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
/* 2 */
-webkit-text-decoration: underline dotted;
border-bottom: none;
/* 1 */
text-decoration: underline;
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
/* 1 */
font-size: 1em;
font-family: monospace, monospace;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
/* 1 */
margin: 0;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
font-family: inherit;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 1 */
color: inherit;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
html {
-ms-scroll-chaining: none;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
overscroll-behavior: none;
background-color: #fff;
}
body {
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
*,
::before,
::after {
box-sizing: inherit;
}
header {
z-index: 2;
position: relative;
}
body, main, footer, aside {
z-index: 1;
position: relative;
}
section {
outline: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: inherit;
font-size: inherit;
}
ul, ol, li, dd {
margin: 0;
padding: 0;
list-style: none;
}
p, dl {
margin: 0;
}
dt {
display: inline;
}
a {
color: inherit;
text-decoration: none;
cursor: pointer;
}
strong {
font-weight: inherit;
font-size: 1.15em;
}
hr {
margin: 0;
border: none;
}
iframe {
border: none;
}
button {
padding: 0;
border-width: 0;
background-color: transparent;
color: inherit;
font-weight: inherit;
line-height: inherit;
cursor: pointer;
}
input::-moz-focus-inner {
margin: 0;
padding: 0;
border: 0;
}
html {
word-wrap: break-word;
color: #1f1f1f;
font-weight: 400;
font-size: 62.5%;
line-height: 1.75;
font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, Arial, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, Meiryo, メイリオ, sans-serif;
letter-spacing: 0.08em;
}
body {
overflow-x: hidden;
font-size: 1.2rem;
}
@media (min-width: 560px) {
body {
font-size: 1.3rem;
}
}
@media (min-width: 769px) {
body {
font-size: 1.4rem;
}
}
img, svg {
max-width: 100%;
height: auto;
vertical-align: middle;
}
[data-ruby] {
position: relative;
}
[data-ruby]::before {
position: absolute;
top: -1.2em;
left: 0;
width: 100%;
content: attr(data-ruby);
font-size: 0.6em;
letter-spacing: 0.3em;
text-align: center;
}
main {
font-weight: 400;
font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, Arial, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, Meiryo, メイリオ, sans-serif;
}
.l-main {
-webkit-animation: fade-in 1s 1s ease-in-out forwards;
animation: fade-in 1s 1s ease-in-out forwards;
opacity: 0;
}
.l-button {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.bg-base {
background-color: #eef5fd;
}
.bg-base--ptn {
background-image: url(../image/bg.jpg);
background-repeat: repeat;
}
.box {
background-color: #fff;
}
.box__inner {
padding: 1em 1em 2em;
}
@media (min-width: 769px) {
.box__inner {
padding: 3rem 3rem 5rem;
}
}
.box__title {
padding: 0.8em 1em;
background-color: #4ac6f9;
color: #fff;
font-weight: 700;
font-size: 1.6rem;
text-align: center;
}
@media (min-width: 769px) {
.box__title {
font-size: 1.8rem;
}
}
.box-turn {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
padding: 0.75em 1.5em 0.75em 1em;
background-color: #4ac6f9;
color: #fff;
}
@media (min-width: 769px) {
.box-turn {
display: table;
}
}
.box-turn::after {
position: absolute;
right: 0;
bottom: 0;
border-width: 0 0 1em 1em;
border-style: solid;
border-color: #08abef #fff #fff #08abef;
content: "";
}
.button {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: 37.6rem;
max-width: 100%;
padding: 0.5em 1em;
border-radius: 2px;
background-color: #4ac6f9;
color: #fff !important;
font-weight: 700;
font-size: 1.4rem;
text-decoration: none !important;
}
@media (min-width: 769px) {
.button {
font-size: 1.6rem;
}
}
.button:hover {
transition: 0.4s;
}
@media (min-width: 769px) {
.button:hover:hover {
opacity: 0.7;
}
}
.button:hover:active {
transform: scale(0.95);
transition: 0.2s;
}
@media (hover: hover) {
.button:hover {
opacity: 0.8;
}
}
.button--s {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.button--m {
flex-flow: row;
width: 40.5rem;
font-size: 1.6rem;
}
@media (min-width: 769px) {
.button--m {
font-size: 2.1rem;
}
}
.button--m::before {
display: inline-block;
width: 1.15em;
height: 1.15em;
margin-right: 0.5em;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20225%20212.9%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C0c15.5%2C0%2C31%2C0.1%2C46.5%2C0.1c7.7%2C0%2C11.5%2C2.8%2C12.7%2C10.4c2.5%2C15.4%2C4.5%2C30.8%2C6.7%2C46.2c2.6%2C18%2C5.2%2C36.1%2C7.8%2C54.1%20c0.5%2C3.4%2C1%2C6.9%2C1.2%2C10.4c0.2%2C2.6%2C0.9%2C3.9%2C3.9%2C3.9c35-0.1%2C70-0.1%2C105-0.1c0.6%2C0%2C1.3-0.3%2C2.2-0.5c2.7-22.1%2C5.5-44%2C8.3-66.5%20c-33%2C0-65.6%2C0-98.8%2C0c-1.1-8-2.1-15.6-3.3-24c1.9%2C0%2C3.6%2C0%2C5.4%2C0c37%2C0%2C74%2C0.1%2C111-0.1c7.6-0.1%2C13.3%2C2%2C16.6%2C9c0%2C1.7%2C0%2C3.3%2C0%2C5%20c-1.4%2C8.8-2.9%2C17.6-4%2C26.5c-2.3%2C17.8-4.4%2C35.6-6.7%2C53.4c-0.4%2C3.3-0.8%2C6.6-1.3%2C9.9c-1.1%2C8-4.7%2C11.1-13.1%2C11.1%20c-42.2%2C0-84.3%2C0.1-126.5%2C0.1c-2.3%2C0-4.7%2C0-7%2C0c-7.6-0.1-12-3.6-13.1-10.9c-1.9-12.5-3.4-25-5.2-37.5c-3.2-22.8-6.5-45.6-9.8-68.5%20c-0.4-2.6-0.7-5.2-1-8.1c-7.3%2C0-14.1-0.3-20.9%2C0.1C8.8%2C24.5%2C3.1%2C22.4%2C0%2C15C0%2C10%2C0%2C5%2C0%2C0z%22%2F%3E%3Cpath%20d%3D%22M108.9%2C189.3c0.1%2C13.1-10.2%2C23.5-23.2%2C23.6C73.1%2C213%2C62.1%2C202%2C62.1%2C189.4c0.1-12.8%2C10.8-23.3%2C23.7-23.3%20C98.6%2C166.1%2C108.8%2C176.4%2C108.9%2C189.3z%22%2F%3E%3Cpath%20d%3D%22M203.9%2C189.7c-0.1%2C13-10.5%2C23.3-23.6%2C23.2c-12.4-0.1-23.1-11-23.2-23.4c-0.1-12.5%2C10.9-23.4%2C23.7-23.4%20C193.9%2C166.1%2C204%2C176.4%2C203.9%2C189.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
content: "";
}
.button--detail {
width: 31.3rem;
max-width: 80%;
background-color: #8bceea;
}
.container {
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 2.5%;
padding-left: 2.5%;
}
@media (min-width: 769px) {
.container {
max-width: 1027px;
padding-right: 0;
padding-left: 0;
}
}
.container-fluid {
margin-right: -6%;
margin-left: -6%;
}
@media (min-width: 769px) {
.container-fluid {
margin-right: -3rem;
margin-left: -3rem;
}
}
.embed {
position: relative;
width: 100%;
height: 0;
margin-right: auto;
margin-left: auto;
padding-bottom: 56.25%;
overflow: hidden;
}
.embed * {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.grid {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 769px) {
.pc-grid {
display: flex;
flex-wrap: wrap;
}
}
.col-auto {
word-wrap: break-word;
flex: 0 0 auto;
width: auto;
min-width: 0;
max-width: 100%;
}
@media (min-width: 769px) {
.pc-col-auto {
word-wrap: break-word !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
word-wrap: break-word;
min-width: 0;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 769px) {
.pc-col-1, .pc-col-2, .pc-col-3, .pc-col-4, .pc-col-5, .pc-col-6, .pc-col-7, .pc-col-8, .pc-col-9, .pc-col-10, .pc-col-11, .pc-col-12 {
word-wrap: break-word;
min-width: 0;
}
.pc-col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.pc-col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.pc-col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.pc-col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.pc-col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.pc-col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.pc-col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.pc-col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.pc-col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.pc-col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.pc-col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.pc-col-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.hamburger {
-webkit-animation: hamburger-out 0.3s ease-out both;
display: block;
outline: none;
animation: hamburger-out 0.3s ease-out both;
cursor: pointer;
pointer-events: all;
}
.hamburger::before {
position: absolute;
top: -1em;
right: -1em;
bottom: -1em;
left: -1em;
content: "";
pointer-events: auto;
}
.hamburger.is-hamburger-active {
-webkit-animation: hamburger-in 0.3s ease-out both;
animation: hamburger-in 0.3s ease-out both;
}
.hamburger__inner {
display: block;
width: 5rem;
height: 5rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%23fff%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0v512h512V0H0z%20M400%2C390.992H112v-45h288V390.992z%20M400%2C278.492H112v-45h288V278.492z%20M400%2C165.984H112V121h288V165.984z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-size: cover;
background-repeat: no-repeat;
transition: 0s 0.15s;
}
.hamburger.is-hamburger-active .hamburger__inner {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm4.597%2017.954l-4.591-4.55-4.555%204.596-1.405-1.405%204.547-4.592-4.593-4.552%201.405-1.405%204.588%204.543%204.545-4.589%201.416%201.403-4.546%204.587%204.592%204.548-1.403%201.416z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
@-webkit-keyframes hamburger-in {
0% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(-2rem);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes hamburger-in {
0% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(-2rem);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes hamburger-out {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-2rem);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes hamburger-out {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-2rem);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.icon {
display: block;
width: 100%;
height: 0;
padding-top: 100%;
transition: 0.2s;
}
.icon--cart {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20225%20212.9%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C0c15.5%2C0%2C31%2C0.1%2C46.5%2C0.1c7.7%2C0%2C11.5%2C2.8%2C12.7%2C10.4c2.5%2C15.4%2C4.5%2C30.8%2C6.7%2C46.2c2.6%2C18%2C5.2%2C36.1%2C7.8%2C54.1%20c0.5%2C3.4%2C1%2C6.9%2C1.2%2C10.4c0.2%2C2.6%2C0.9%2C3.9%2C3.9%2C3.9c35-0.1%2C70-0.1%2C105-0.1c0.6%2C0%2C1.3-0.3%2C2.2-0.5c2.7-22.1%2C5.5-44%2C8.3-66.5%20c-33%2C0-65.6%2C0-98.8%2C0c-1.1-8-2.1-15.6-3.3-24c1.9%2C0%2C3.6%2C0%2C5.4%2C0c37%2C0%2C74%2C0.1%2C111-0.1c7.6-0.1%2C13.3%2C2%2C16.6%2C9c0%2C1.7%2C0%2C3.3%2C0%2C5%20c-1.4%2C8.8-2.9%2C17.6-4%2C26.5c-2.3%2C17.8-4.4%2C35.6-6.7%2C53.4c-0.4%2C3.3-0.8%2C6.6-1.3%2C9.9c-1.1%2C8-4.7%2C11.1-13.1%2C11.1%20c-42.2%2C0-84.3%2C0.1-126.5%2C0.1c-2.3%2C0-4.7%2C0-7%2C0c-7.6-0.1-12-3.6-13.1-10.9c-1.9-12.5-3.4-25-5.2-37.5c-3.2-22.8-6.5-45.6-9.8-68.5%20c-0.4-2.6-0.7-5.2-1-8.1c-7.3%2C0-14.1-0.3-20.9%2C0.1C8.8%2C24.5%2C3.1%2C22.4%2C0%2C15C0%2C10%2C0%2C5%2C0%2C0z%22%2F%3E%3Cpath%20d%3D%22M108.9%2C189.3c0.1%2C13.1-10.2%2C23.5-23.2%2C23.6C73.1%2C213%2C62.1%2C202%2C62.1%2C189.4c0.1-12.8%2C10.8-23.3%2C23.7-23.3%20C98.6%2C166.1%2C108.8%2C176.4%2C108.9%2C189.3z%22%2F%3E%3Cpath%20d%3D%22M203.9%2C189.7c-0.1%2C13-10.5%2C23.3-23.6%2C23.2c-12.4-0.1-23.1-11-23.2-23.4c-0.1-12.5%2C10.9-23.4%2C23.7-23.4%20C193.9%2C166.1%2C204%2C176.4%2C203.9%2C189.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.icon-twitter,
.icon-facebook {
display: block;
width: 100%;
height: 0;
padding-top: 100%;
transition: 0.2s;
}
.icon-twitter:hover,
.icon-facebook:hover {
transform: translateY(-3px);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.icon-twitter {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%200v24h24v-24h-24zm18.862%209.237c.208%204.617-3.235%209.765-9.33%209.765-1.854%200-3.579-.543-5.032-1.475%201.742.205%203.48-.278%204.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098%201.021.069%201.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394%201.486.411-1.461-.977-1.875-2.907-1.016-4.383%201.619%201.986%204.038%203.293%206.766%203.43-.479-2.053%201.079-4.03%203.198-4.03.944%200%201.797.398%202.396%201.037.748-.147%201.451-.42%202.085-.796-.245.767-.766%201.41-1.443%201.816.664-.08%201.297-.256%201.885-.517-.44.656-.997%201.234-1.638%201.697z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.icon-facebook {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%200v24h24v-24h-24zm16%207h-1.923c-.616%200-1.077.252-1.077.889v1.111h3l-.239%203h-2.761v8h-3v-8h-2v-3h2v-1.923c0-2.022%201.064-3.077%203.461-3.077h2.539v3z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.icon-loading {
-webkit-animation: loading 2s infinite linear;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 10px;
height: 10px;
margin: auto;
transform-origin: 5px 15px;
border-radius: 5px;
background-color: #4ac6f9;
color: #4ac6f9;
animation: loading 2s infinite linear;
}
@-webkit-keyframes loading {
0% {
transform: rotateZ(0deg) translate3d(0, 0, 0);
}
100% {
transform: rotateZ(720deg) translate3d(0, 0, 0);
}
}
@keyframes loading {
0% {
transform: rotateZ(0deg) translate3d(0, 0, 0);
}
100% {
transform: rotateZ(720deg) translate3d(0, 0, 0);
}
}
.icon-loading::before, .icon-loading::after {
display: inline-block;
position: absolute;
top: 15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #4ac6f9;
content: "";
color: #4ac6f9;
}
.icon-loading::before {
left: -8px;
}
.icon-loading::after {
left: 8px;
}
.line-broken {
border-bottom: 1px dashed currentColor;
}
.line-dot {
width: 100%;
height: 8px;
background-image: radial-gradient(currentColor 0, currentColor 25%, transparent 30%, transparent 100%);
background-size: 8px 8px;
background-repeat: repeat-x;
}
.line-stripe {
width: 100%;
height: 8px;
background-image: linear-gradient(-45deg, red 24.95%, blue 25%, blue 49.95%, red 50%, red 74.95%, blue 75%);
background-size: 16.9705627485px 16.9705627485px;
}
.line-y {
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
height: 30%;
margin: auto;
background-color: currentColor;
}
.list {
line-height: 1.6;
}
.list > * {
padding-left: 1em;
text-indent: -1em;
}
.list > :not(:last-child) {
margin-bottom: 0.5rem;
}
.list-inline > * {
display: inline;
}
.list-inline > *:not(:last-child) {
margin-right: 1em;
}
.list-order {
margin-left: 1em;
counter-reset: order-list;
}
.list-order > li {
position: relative;
padding-left: 1em;
text-indent: -1em;
}
.list-order > li::before {
display: inline-block;
content: counter(order-list) ".";
counter-increment: order-list;
}
.shareWidget {
display: flex;
justify-content: center;
}
.shareWidget__item {
line-height: 1;
}
.shareWidget__item:not(:last-child) {
margin-right: 0.7em;
}
.marker {
display: inline-block;
padding: 0 0.25em;
background: linear-gradient(transparent 50%, rgba(255, 240, 0, 0.3) 0%);
white-space: nowrap;
}
@media (min-width: 769px) {
.marker {
padding: 0 0.5em;
}
}
.table {
border-top: solid #fff;
border-right: solid #fff;
border-bottom: solid #fff;
border-width: 1px;
border-collapse: collapse;
}
@media (min-width: 769px) {
.table {
border-width: 2px;
}
}
.table tr:last-child > * {
border-bottom: none;
}
.table th {
padding: 0.5em;
border-bottom: solid #3c7755;
border-width: 1px;
background-color: #fff;
color: #3c7755;
vertical-align: middle;
white-space: nowrap;
}
@media (min-width: 769px) {
.table th {
min-width: 22.6rem;
min-height: 8.6rem;
padding: 1em;
border-width: 2px;
}
}
.table td {
padding: 0.5em;
border-bottom: solid #fff;
border-width: 1px;
}
@media (min-width: 769px) {
.table td {
padding: 1em;
border-width: 2px;
}
}
.table img {
display: block;
margin-top: 0.5em;
}
@media (min-width: 769px) {
.table img {
margin-top: 1em;
}
}
.hero {
display: flex;
position: relative;
align-items: center;
justify-content: center;
margin-bottom: 9%;
overflow: hidden;
pointer-events: none;
}
@media (min-width: 769px) {
.hero {
margin-bottom: 10rem;
}
}
.hero__image {
width: 1400px;
max-width: 100%;
}
.heading {
display: flex;
align-items: center;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 1rem;
border-top: 2px solid #4ac6f9;
border-bottom: 2px solid #4ac6f9;
color: #4ac6f9;
font-weight: 700;
text-align: center;
}
@media (min-width: 769px) {
.heading {
margin-bottom: 3rem;
}
}
.heading__inner {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
padding: 1em 0.5em;
}
.heading__title {
font-size: 2.5rem;
line-height: 0.9444444444;
}
@media (min-width: 769px) {
.heading__title {
font-size: 3.6rem;
}
}
.heading__caption {
padding-top: 0.8em;
line-height: 1.5714285714;
}
.heading-accents {
display: flex;
align-items: center;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 1rem;
border-top: 2px solid #e113a0;
border-bottom: 2px solid #e113a0;
color: #e113a0;
font-weight: 700;
text-align: center;
}
@media (min-width: 769px) {
.heading-accents {
margin-bottom: 3rem;
}
}
.heading-accents__inner {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
padding: 1em 0.5em;
}
.heading-accents__title {
font-size: 2.5rem;
line-height: 0.9444444444;
}
@media (min-width: 769px) {
.heading-accents__title {
font-size: 3.6rem;
}
}
.heading-accents__caption {
padding-top: 0.8em;
line-height: 1.5714285714;
}
.heading-sub {
font-size: 1.6rem;
line-height: 1.7;
}
.heading-sub--weightL {
font-weight: 700;
}
.text-xl {
font-size: 2rem;
line-height: 1.6;
}
.text-l {
font-size: 1.8rem;
line-height: 1.65;
}
.text-m {
font-size: 1.6rem;
line-height: 1.7;
}
.text-s {
font-size: 1.2rem;
line-height: 1.7;
}
.product {
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid #d6d6d6;
background-color: #fff;
line-height: 1.5;
letter-spacing: 0.05em;
}
.product__name {
display: flex;
position: relative;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
padding: 0.8em 0.2em;
font-weight: 700;
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 0.16em;
text-align: center;
}
@media (min-width: 769px) {
.product__name {
margin-bottom: 2rem;
padding: 1em 0;
font-size: 1.8rem;
}
}
.product__name::after {
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background-color: #1f1f1f;
content: "";
}
.product__inner {
display: flex;
flex-flow: column;
justify-content: stretch;
height: 100%;
height: 100%;
padding: 0 1rem 1rem;
}
@media (min-width: 769px) {
.product__inner {
padding: 0 2rem 2rem;
}
}
.product__imgOuter {
position: relative;
margin-bottom: 2rem;
text-align: center;
}
.product__img {
-o-object-fit: cover;
margin: auto;
object-fit: cover;
background-color: #8a8a8a;
}
.product__link {
display: block;
}
.product__price {
margin-bottom: 0.5em;
font-size: 1.15em;
}
.product__text {
margin-bottom: 2rem;
}
@media (min-width: 769px) {
.product__text {
font-size: 1.6rem;
}
}
.product__bottom-wrap {
display: flex;
flex: 1;
flex-flow: column;
justify-content: flex-end;
}
.product__quantity {
margin-bottom: 2rem;
}
.product__button {
display: flex;
flex-flow: column;
align-items: center;
}
.selectWrapper {
position: relative;
width: 100px;
font-size: 16px;
cursor: pointer;
}
.selectWrapper::before {
position: absolute;
top: 50%;
right: 1em;
width: 0.6em;
height: 0.6em;
transform: translateY(-75%) rotate(45deg);
border-right: 2px solid #aaa;
border-bottom: 2px solid #aaa;
content: "";
pointer-events: none;
}
.selectWrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 0.7em 1em;
border: none;
border-radius: inherit;
background-color: transparent;
color: currentColor;
font-size: inherit;
line-height: 1;
}
.selectWrapper select::-ms-expand {
display: none;
}
.label {
width: 100%;
margin-right: auto;
margin-left: auto;
padding: 0.4em 0.5em 0.5em;
background-color: red;
color: #fff;
font-weight: 700;
font-size: 2.4rem;
line-height: 1.4;
text-align: center;
}
.u-d-b {
display: block;
}
.u-d-n {
display: none;
}
.u-d-i {
display: inline;
}
.u-d-ib {
display: inline-block;
}
.u-d-t {
display: table;
}
.u-d-f {
display: flex;
}
.u-d-if {
display: inline-flex;
}
@media (min-width: 769px) {
.u-pc-d-b {
display: block;
}
.u-pc-d-n {
display: none;
}
.u-pc-d-i {
display: inline;
}
.u-pc-d-ib {
display: inline-block;
}
.u-pc-d-t {
display: table;
}
.u-pc-d-f {
display: flex;
}
.u-pc-d-if {
display: inline-flex;
}
}
.u-pos-r {
position: relative;
}
.u-z-n2 {
z-index: -2;
}
.u-z-n1 {
z-index: -1;
}
.u-z-1 {
z-index: 1;
}
.u-z-2 {
z-index: 2;
}
.u-z-3 {
z-index: 3;
}
.u-ai-b {
align-items: baseline;
}
.u-ai-c {
align-items: center;
}
.u-ai-e {
align-items: flex-end;
}
@media (min-width: 769px) {
.u-pc-ai-b {
align-items: baseline;
}
.u-pc-ai-c {
align-items: center;
}
.u-pc-ai-e {
align-items: flex-end;
}
}
.u-jc-c {
justify-content: center;
}
.u-jc-fs {
justify-content: flex-start;
}
.u-jc-e {
justify-content: flex-end;
}
.u-jc-sb {
justify-content: space-between;
}
.u-jc-sa {
justify-content: space-around;
}
@media (min-width: 769px) {
.u-pc-jc-c {
justify-content: center;
}
.u-pc-jc-fs {
justify-content: flex-start;
}
.u-pc-jc-e {
justify-content: flex-end;
}
.u-pc-jc-sb {
justify-content: space-between;
}
.u-pc-jc-sa {
justify-content: space-around;
}
}
.u-fd-c {
flex-direction: column;
}
.u-fd-cr {
flex-direction: column-reverse;
}
.u-fd-r {
flex-direction: row;
}
.u-fd-rr {
flex-direction: row-reverse;
}
@media (min-width: 769px) {
.u-pc-fd-c {
flex-direction: column;
}
.u-pc-fd-cr {
flex-direction: column-reverse;
}
.u-pc-fd-r {
flex-direction: row;
}
.u-pc-fd-rr {
flex-direction: row-reverse;
}
}
.u-fwr-w {
flex-wrap: wrap;
}
.u-fwr-nw {
flex-wrap: nowrap;
}
@media (min-width: 769px) {
.u-pc-fwr-w {
flex-wrap: wrap;
}
.u-pc-fwr-nw {
flex-wrap: nowrap;
}
}
.u-flex-auto {
flex: 0 0 auto;
}
.u-c-text {
color: #1f1f1f;
}
.u-c-link {
color: inherit;
}
.u-c-main {
color: #4ac6f9;
}
.u-c-sub {
color: #8bceea;
}
.u-c-white {
color: #fff;
}
.u-c-black {
color: #030303;
}
.u-c-red {
color: red;
}
.u-c-green {
color: #448861;
}
.u-c-blue {
color: #0090ff;
}
.u-c-yellow {
color: #fff000;
}
.u-c-orange {
color: #ff3c00;
}
.u-c-pink {
color: #e113a0;
}
.u-c-gray {
color: #8a8a8a;
}
.u-c-backBase {
color: #eef5fd;
}
.u-c-accents {
color: #e113a0;
}
.u-c-accents2 {
color: #da6eb8;
}
.u-bc-text {
background-color: #1f1f1f;
}
.u-bc-link {
background-color: inherit;
}
.u-bc-main {
background-color: #4ac6f9;
}
.u-bc-sub {
background-color: #8bceea;
}
.u-bc-white {
background-color: #fff;
}
.u-bc-black {
background-color: #030303;
}
.u-bc-red {
background-color: red;
}
.u-bc-green {
background-color: #448861;
}
.u-bc-blue {
background-color: #0090ff;
}
.u-bc-yellow {
background-color: #fff000;
}
.u-bc-orange {
background-color: #ff3c00;
}
.u-bc-pink {
background-color: #e113a0;
}
.u-bc-gray {
background-color: #8a8a8a;
}
.u-bc-backBase {
background-color: #eef5fd;
}
.u-bc-accents {
background-color: #e113a0;
}
.u-bc-accents2 {
background-color: #da6eb8;
}
.u-fs-i {
font-size: inherit !important;
}
.u-fs-10 {
font-size: 1rem !important;
}
.u-fs-12 {
font-size: 1.2rem !important;
}
.u-fs-14 {
font-size: 1.4rem !important;
}
.u-fs-16 {
font-size: 1.6rem !important;
}
.u-fs-18 {
font-size: 1.8rem !important;
}
.u-fs-20 {
font-size: 2rem !important;
}
.u-fs-22 {
font-size: 2.2rem !important;
}
.u-fs-24 {
font-size: 2.4rem !important;
}
.u-fs-27 {
font-size: 2.7rem !important;
}
.u-fs-30 {
font-size: 3rem !important;
}
.u-fs-40 {
font-size: 4rem !important;
}
.u-fs-70p {
font-size: 70% !important;
}
.u-fs-80p {
font-size: 80% !important;
}
.u-fs-90p {
font-size: 90% !important;
}
.u-fs-100p {
font-size: 100% !important;
}
.u-fs-110p {
font-size: 110% !important;
}
.u-fs-120p {
font-size: 120% !important;
}
.u-fs-130p {
font-size: 130% !important;
}
.u-fs-140p {
font-size: 140% !important;
}
.u-fs-150p {
font-size: 150% !important;
}
.u-fs-160p {
font-size: 160% !important;
}
.u-fs-170p {
font-size: 170% !important;
}
.u-fs-180p {
font-size: 180% !important;
}
@media (min-width: 769px) {
.u-pc-fs-i {
font-size: inherit !important;
}
.u-pc-fs-10 {
font-size: 1rem !important;
}
.u-pc-fs-12 {
font-size: 1.2rem !important;
}
.u-pc-fs-14 {
font-size: 1.4rem !important;
}
.u-pc-fs-16 {
font-size: 1.6rem !important;
}
.u-pc-fs-18 {
font-size: 1.8rem !important;
}
.u-pc-fs-20 {
font-size: 2rem !important;
}
.u-pc-fs-22 {
font-size: 2.2rem !important;
}
.u-pc-fs-24 {
font-size: 2.4rem !important;
}
.u-pc-fs-27 {
font-size: 2.7rem !important;
}
.u-pc-fs-30 {
font-size: 3rem !important;
}
.u-pc-fs-40 {
font-size: 4rem !important;
}
.u-pc-fs-70p {
font-size: 70% !important;
}
.u-pc-fs-80p {
font-size: 80% !important;
}
.u-pc-fs-90p {
font-size: 90% !important;
}
.u-pc-fs-100p {
font-size: 100% !important;
}
.u-pc-fs-110p {
font-size: 110% !important;
}
.u-pc-fs-120p {
font-size: 120% !important;
}
.u-pc-fs-130p {
font-size: 130% !important;
}
.u-pc-fs-140p {
font-size: 140% !important;
}
.u-pc-fs-150p {
font-size: 150% !important;
}
.u-pc-fs-160p {
font-size: 160% !important;
}
.u-pc-fs-170p {
font-size: 170% !important;
}
.u-pc-fs-180p {
font-size: 180% !important;
}
}
.u-fw-s {
font-weight: 400;
}
.u-fw-m {
font-weight: 500;
}
.u-fw-l {
font-weight: 700;
}
.u-fw-xl {
font-weight: 900;
}
.u-fw-base {
font-weight: 400;
}
.u-fsy-i {
font-style: italic;
}
.u-fsy-n {
font-style: normal;
}
.u-lh-i {
line-height: inherit !important;
}
.u-lh-10 {
line-height: 0.1 !important;
}
.u-lh-20 {
line-height: 0.2 !important;
}
.u-lh-30 {
line-height: 0.3 !important;
}
.u-lh-40 {
line-height: 0.4 !important;
}
.u-lh-50 {
line-height: 0.5 !important;
}
.u-lh-60 {
line-height: 0.6 !important;
}
.u-lh-70 {
line-height: 0.7 !important;
}
.u-lh-80 {
line-height: 0.8 !important;
}
.u-lh-90 {
line-height: 0.9 !important;
}
.u-lh-100 {
line-height: 1 !important;
}
.u-lh-110 {
line-height: 1.1 !important;
}
.u-lh-120 {
line-height: 1.2 !important;
}
.u-lh-130 {
line-height: 1.3 !important;
}
.u-lh-140 {
line-height: 1.4 !important;
}
.u-lh-150 {
line-height: 1.5 !important;
}
.u-lh-160 {
line-height: 1.6 !important;
}
.u-lh-170 {
line-height: 1.7 !important;
}
.u-lh-180 {
line-height: 1.8 !important;
}
.u-lh-190 {
line-height: 1.9 !important;
}
.u-lh-200 {
line-height: 2 !important;
}
@media (min-width: 769px) {
.u-pc-lh-i {
line-height: inherit !important;
}
.u-pc-lh-10 {
line-height: 0.1 !important;
}
.u-pc-lh-20 {
line-height: 0.2 !important;
}
.u-pc-lh-30 {
line-height: 0.3 !important;
}
.u-pc-lh-40 {
line-height: 0.4 !important;
}
.u-pc-lh-50 {
line-height: 0.5 !important;
}
.u-pc-lh-60 {
line-height: 0.6 !important;
}
.u-pc-lh-70 {
line-height: 0.7 !important;
}
.u-pc-lh-80 {
line-height: 0.8 !important;
}
.u-pc-lh-90 {
line-height: 0.9 !important;
}
.u-pc-lh-100 {
line-height: 1 !important;
}
.u-pc-lh-110 {
line-height: 1.1 !important;
}
.u-pc-lh-120 {
line-height: 1.2 !important;
}
.u-pc-lh-130 {
line-height: 1.3 !important;
}
.u-pc-lh-140 {
line-height: 1.4 !important;
}
.u-pc-lh-150 {
line-height: 1.5 !important;
}
.u-pc-lh-160 {
line-height: 1.6 !important;
}
.u-pc-lh-170 {
line-height: 1.7 !important;
}
.u-pc-lh-180 {
line-height: 1.8 !important;
}
.u-pc-lh-190 {
line-height: 1.9 !important;
}
.u-pc-lh-200 {
line-height: 2 !important;
}
}
.u-ls-xs {
letter-spacing: 0.02em;
}
.u-ls-s {
letter-spacing: 0.05em;
}
.u-ls-m {
letter-spacing: 0.08em;
}
.u-ls-l {
letter-spacing: 0.2em;
}
.u-ls-xl {
letter-spacing: 0.2em;
}
.u-ta-r {
text-align: right;
}
.u-ta-l {
text-align: left;
}
.u-ta-c {
text-align: center;
}
.u-ta-j {
text-align: justify;
}
@media (min-width: 769px) {
.u-pc-ta-r {
text-align: right;
}
.u-pc-ta-l {
text-align: left;
}
.u-pc-ta-c {
text-align: center;
}
.u-pc-ta-j {
text-align: justify;
}
}
.u-va-tb {
vertical-align: text-bottom;
}
.u-td-lt {
text-decoration: line-through;
}
.u-td-ul {
text-decoration: underline;
}
.u-sans-serif {
font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, Arial, YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, Meiryo, メイリオ, sans-serif;
}
.u-serif {
font-family: "Noto Serif JP", 游明朝体, YuMincho, 游明朝, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.u-ws-nw {
white-space: nowrap;
}
.u-w-10 {
width: 10% !important;
}
.u-w-20 {
width: 20% !important;
}
.u-w-30 {
width: 30% !important;
}
.u-w-40 {
width: 40% !important;
}
.u-w-50 {
width: 50% !important;
}
.u-w-60 {
width: 60% !important;
}
.u-w-70 {
width: 70% !important;
}
.u-w-80 {
width: 80% !important;
}
.u-w-90 {
width: 90% !important;
}
.u-w-100 {
width: 100% !important;
}
.u-w-auto {
width: auto !important;
}
@media (min-width: 769px) {
.u-pc-w-10 {
width: 10% !important;
}
.u-pc-w-20 {
width: 20% !important;
}
.u-pc-w-30 {
width: 30% !important;
}
.u-pc-w-40 {
width: 40% !important;
}
.u-pc-w-50 {
width: 50% !important;
}
.u-pc-w-60 {
width: 60% !important;
}
.u-pc-w-70 {
width: 70% !important;
}
.u-pc-w-80 {
width: 80% !important;
}
.u-pc-w-90 {
width: 90% !important;
}
.u-pc-w-100 {
width: 100% !important;
}
.u-pc-w-auto {
width: auto !important;
}
}
.u-mw-10 {
max-width: 10% !important;
}
.u-mw-20 {
max-width: 20% !important;
}
.u-mw-30 {
max-width: 30% !important;
}
.u-mw-40 {
max-width: 40% !important;
}
.u-mw-50 {
max-width: 50% !important;
}
.u-mw-60 {
max-width: 60% !important;
}
.u-mw-70 {
max-width: 70% !important;
}
.u-mw-80 {
max-width: 80% !important;
}
.u-mw-90 {
max-width: 90% !important;
}
.u-mw-100 {
max-width: 100% !important;
}
.u-mw-none {
max-width: none !important;
}
@media (min-width: 769px) {
.u-pc-mw-10 {
max-width: 10% !important;
}
.u-pc-mw-20 {
max-width: 20% !important;
}
.u-pc-mw-30 {
max-width: 30% !important;
}
.u-pc-mw-40 {
max-width: 40% !important;
}
.u-pc-mw-50 {
max-width: 50% !important;
}
.u-pc-mw-60 {
max-width: 60% !important;
}
.u-pc-mw-70 {
max-width: 70% !important;
}
.u-pc-mw-80 {
max-width: 80% !important;
}
.u-pc-mw-90 {
max-width: 90% !important;
}
.u-pc-mw-100 {
max-width: 100% !important;
}
.u-pc-mw-none {
max-width: none !important;
}
}
.u-h-10 {
height: 10% !important;
}
.u-h-20 {
height: 20% !important;
}
.u-h-30 {
height: 30% !important;
}
.u-h-40 {
height: 40% !important;
}
.u-h-50 {
height: 50% !important;
}
.u-h-60 {
height: 60% !important;
}
.u-h-70 {
height: 70% !important;
}
.u-h-80 {
height: 80% !important;
}
.u-h-90 {
height: 90% !important;
}
.u-h-100 {
height: 100% !important;
}
.u-h-auto {
height: auto !important;
}
@media (min-width: 769px) {
.u-pc-h-10 {
height: 10% !important;
}
.u-pc-h-20 {
height: 20% !important;
}
.u-pc-h-30 {
height: 30% !important;
}
.u-pc-h-40 {
height: 40% !important;
}
.u-pc-h-50 {
height: 50% !important;
}
.u-pc-h-60 {
height: 60% !important;
}
.u-pc-h-70 {
height: 70% !important;
}
.u-pc-h-80 {
height: 80% !important;
}
.u-pc-h-90 {
height: 90% !important;
}
.u-pc-h-100 {
height: 100% !important;
}
.u-pc-h-auto {
height: auto !important;
}
}
.u-m-0 {
margin: 0 !important;
}
.u-m-xxs {
margin: 0.5rem !important;
}
.u-m-xs {
margin: 1rem !important;
}
.u-m-s {
margin: 2rem !important;
}
.u-m-m {
margin: 3rem !important;
}
.u-m-l {
margin: 5rem !important;
}
.u-m-xl {
margin: 8rem !important;
}
.u-m-xxl {
margin: 10rem !important;
}
.u-m-auto {
margin: auto !important;
}
@media (min-width: 769px) {
.u-pc-m-0 {
margin: 0 !important;
}
.u-pc-m-xxs {
margin: 0.5rem !important;
}
.u-pc-m-xs {
margin: 1rem !important;
}
.u-pc-m-s {
margin: 2rem !important;
}
.u-pc-m-m {
margin: 3rem !important;
}
.u-pc-m-l {
margin: 5rem !important;
}
.u-pc-m-xl {
margin: 8rem !important;
}
.u-pc-m-xxl {
margin: 10rem !important;
}
.u-pc-m-auto {
margin: auto !important;
}
}
.u-mt-0, .u-my-0 {
margin-top: 0 !important;
}
.u-mt-xxs, .u-my-xxs {
margin-top: 0.5rem !important;
}
.u-mt-xs, .u-my-xs {
margin-top: 1rem !important;
}
.u-mt-s, .u-my-s {
margin-top: 2rem !important;
}
.u-mt-m, .u-my-m {
margin-top: 3rem !important;
}
.u-mt-l, .u-my-l {
margin-top: 5rem !important;
}
.u-mt-xl, .u-my-xl {
margin-top: 8rem !important;
}
.u-mt-xxl, .u-my-xxl {
margin-top: 10rem !important;
}
.u-mt-auto, .u-my-auto {
margin-top: auto !important;
}
@media (min-width: 769px) {
.u-pc-mt-0, .u-pc-my-0 {
margin-top: 0 !important;
}
.u-pc-mt-xxs, .u-pc-my-xxs {
margin-top: 0.5rem !important;
}
.u-pc-mt-xs, .u-pc-my-xs {
margin-top: 1rem !important;
}
.u-pc-mt-s, .u-pc-my-s {
margin-top: 2rem !important;
}
.u-pc-mt-m, .u-pc-my-m {
margin-top: 3rem !important;
}
.u-pc-mt-l, .u-pc-my-l {
margin-top: 5rem !important;
}
.u-pc-mt-xl, .u-pc-my-xl {
margin-top: 8rem !important;
}
.u-pc-mt-xxl, .u-pc-my-xxl {
margin-top: 10rem !important;
}
.u-pc-mt-auto, .u-pc-my-auto {
margin-top: auto !important;
}
}
.u-mb-0, .u-my-0 {
margin-bottom: 0 !important;
}
.u-mb-xxs, .u-my-xxs {
margin-bottom: 0.5rem !important;
}
.u-mb-xs, .u-my-xs {
margin-bottom: 1rem !important;
}
.u-mb-s, .u-my-s {
margin-bottom: 2rem !important;
}
.u-mb-m, .u-my-m {
margin-bottom: 3rem !important;
}
.u-mb-l, .u-my-l {
margin-bottom: 5rem !important;
}
.u-mb-xl, .u-my-xl {
margin-bottom: 8rem !important;
}
.u-mb-xxl, .u-my-xxl {
margin-bottom: 10rem !important;
}
.u-mb-auto, .u-my-auto {
margin-bottom: auto !important;
}
@media (min-width: 769px) {
.u-pc-mb-0, .u-pc-my-0 {
margin-bottom: 0 !important;
}
.u-pc-mb-xxs, .u-pc-my-xxs {
margin-bottom: 0.5rem !important;
}
.u-pc-mb-xs, .u-pc-my-xs {
margin-bottom: 1rem !important;
}
.u-pc-mb-s, .u-pc-my-s {
margin-bottom: 2rem !important;
}
.u-pc-mb-m, .u-pc-my-m {
margin-bottom: 3rem !important;
}
.u-pc-mb-l, .u-pc-my-l {
margin-bottom: 5rem !important;
}
.u-pc-mb-xl, .u-pc-my-xl {
margin-bottom: 8rem !important;
}
.u-pc-mb-xxl, .u-pc-my-xxl {
margin-bottom: 10rem !important;
}
.u-pc-mb-auto, .u-pc-my-auto {
margin-bottom: auto !important;
}
}
.u-mr-0, .u-mx-0 {
margin-right: 0 !important;
}
.u-mr-xxs, .u-mx-xxs {
margin-right: 0.5rem !important;
}
.u-mr-xs, .u-mx-xs {
margin-right: 1rem !important;
}
.u-mr-s, .u-mx-s {
margin-right: 2rem !important;
}
.u-mr-m, .u-mx-m {
margin-right: 3rem !important;
}
.u-mr-l, .u-mx-l {
margin-right: 5rem !important;
}
.u-mr-xl, .u-mx-xl {
margin-right: 8rem !important;
}
.u-mr-xxl, .u-mx-xxl {
margin-right: 10rem !important;
}
.u-mr-auto, .u-mx-auto {
margin-right: auto !important;
}
.u-mr-1e, .u-mx-1e {
margin-right: 1em !important;
}
@media (min-width: 769px) {
.u-pc-mr-0, .u-pc-mx-0 {
margin-right: 0 !important;
}
.u-pc-mr-xxs, .u-pc-mx-xxs {
margin-right: 0.5rem !important;
}
.u-pc-mr-xs, .u-pc-mx-xs {
margin-right: 1rem !important;
}
.u-pc-mr-s, .u-pc-mx-s {
margin-right: 2rem !important;
}
.u-pc-mr-m, .u-pc-mx-m {
margin-right: 3rem !important;
}
.u-pc-mr-l, .u-pc-mx-l {
margin-right: 5rem !important;
}
.u-pc-mr-xl, .u-pc-mx-xl {
margin-right: 8rem !important;
}
.u-pc-mr-xxl, .u-pc-mx-xxl {
margin-right: 10rem !important;
}
.u-pc-mr-auto, .u-pc-mx-auto {
margin-right: auto !important;
}
.u-pc-mr-1e, .u-pc-mx-1e {
margin-right: 1em !important;
}
}
.u-ml-0, .u-mx-0 {
margin-left: 0 !important;
}
.u-ml-xxs, .u-mx-xxs {
margin-left: 0.5rem !important;
}
.u-ml-xs, .u-mx-xs {
margin-left: 1rem !important;
}
.u-ml-s, .u-mx-s {
margin-left: 2rem !important;
}
.u-ml-m, .u-mx-m {
margin-left: 3rem !important;
}
.u-ml-l, .u-mx-l {
margin-left: 5rem !important;
}
.u-ml-xl, .u-mx-xl {
margin-left: 8rem !important;
}
.u-ml-xxl, .u-mx-xxl {
margin-left: 10rem !important;
}
.u-ml-auto, .u-mx-auto {
margin-left: auto !important;
}
.u-ml-1e, .u-mx-1e {
margin-left: 1em !important;
}
@media (min-width: 769px) {
.u-pc-ml-0, .u-pc-mx-0 {
margin-left: 0 !important;
}
.u-pc-ml-xxs, .u-pc-mx-xxs {
margin-left: 0.5rem !important;
}
.u-pc-ml-xs, .u-pc-mx-xs {
margin-left: 1rem !important;
}
.u-pc-ml-s, .u-pc-mx-s {
margin-left: 2rem !important;
}
.u-pc-ml-m, .u-pc-mx-m {
margin-left: 3rem !important;
}
.u-pc-ml-l, .u-pc-mx-l {
margin-left: 5rem !important;
}
.u-pc-ml-xl, .u-pc-mx-xl {
margin-left: 8rem !important;
}
.u-pc-ml-xxl, .u-pc-mx-xxl {
margin-left: 10rem !important;
}
.u-pc-ml-auto, .u-pc-mx-auto {
margin-left: auto !important;
}
.u-pc-ml-1e, .u-pc-mx-1e {
margin-left: 1em !important;
}
}
.u-ml-1e {
margin-left: 1em;
}
.u-nml-05e {
margin-left: -0.5em;
}
.u-nml-1e {
margin-left: -1em;
}
.u-nm-xxs {
margin: -0.5rem !important;
}
.u-nm-xs {
margin: -1rem !important;
}
.u-nm-s {
margin: -2rem !important;
}
.u-nm-m {
margin: -3rem !important;
}
.u-nm-l {
margin: -5rem !important;
}
.u-nm-xl {
margin: -8rem !important;
}
.u-nm-xxl {
margin: -10rem !important;
}
@media (min-width: 769px) {
.u-pc-nm-xxs {
margin: -0.5rem !important;
}
.u-pc-nm-xs {
margin: -1rem !important;
}
.u-pc-nm-s {
margin: -2rem !important;
}
.u-pc-nm-m {
margin: -3rem !important;
}
.u-pc-nm-l {
margin: -5rem !important;
}
.u-pc-nm-xl {
margin: -8rem !important;
}
.u-pc-nm-xxl {
margin: -10rem !important;
}
}
.u-nmt-xxs, .u-nmy-xxs {
margin-top: -0.5rem !important;
}
.u-nmt-xs, .u-nmy-xs {
margin-top: -1rem !important;
}
.u-nmt-s, .u-nmy-s {
margin-top: -2rem !important;
}
.u-nmt-m, .u-nmy-m {
margin-top: -3rem !important;
}
.u-nmt-l, .u-nmy-l {
margin-top: -5rem !important;
}
.u-nmt-xl, .u-nmy-xl {
margin-top: -8rem !important;
}
.u-nmt-xxl, .u-nmy-xxl {
margin-top: -10rem !important;
}
@media (min-width: 769px) {
.u-pc-nmt-xxs, .u-pc-nmy-xxs {
margin-top: -0.5rem !important;
}
.u-pc-nmt-xs, .u-pc-nmy-xs {
margin-top: -1rem !important;
}
.u-pc-nmt-s, .u-pc-nmy-s {
margin-top: -2rem !important;
}
.u-pc-nmt-m, .u-pc-nmy-m {
margin-top: -3rem !important;
}
.u-pc-nmt-l, .u-pc-nmy-l {
margin-top: -5rem !important;
}
.u-pc-nmt-xl, .u-pc-nmy-xl {
margin-top: -8rem !important;
}
.u-pc-nmt-xxl, .u-pc-nmy-xxl {
margin-top: -10rem !important;
}
}
.u-nmb-xxs, .u-nmy-xxs {
margin-bottom: -0.5rem !important;
}
.u-nmb-xs, .u-nmy-xs {
margin-bottom: -1rem !important;
}
.u-nmb-s, .u-nmy-s {
margin-bottom: -2rem !important;
}
.u-nmb-m, .u-nmy-m {
margin-bottom: -3rem !important;
}
.u-nmb-l, .u-nmy-l {
margin-bottom: -5rem !important;
}
.u-nmb-xl, .u-nmy-xl {
margin-bottom: -8rem !important;
}
.u-nmb-xxl, .u-nmy-xxl {
margin-bottom: -10rem !important;
}
@media (min-width: 769px) {
.u-pc-nmb-xxs, .u-pc-nmy-xxs {
margin-bottom: -0.5rem !important;
}
.u-pc-nmb-xs, .u-pc-nmy-xs {
margin-bottom: -1rem !important;
}
.u-pc-nmb-s, .u-pc-nmy-s {
margin-bottom: -2rem !important;
}
.u-pc-nmb-m, .u-pc-nmy-m {
margin-bottom: -3rem !important;
}
.u-pc-nmb-l, .u-pc-nmy-l {
margin-bottom: -5rem !important;
}
.u-pc-nmb-xl, .u-pc-nmy-xl {
margin-bottom: -8rem !important;
}
.u-pc-nmb-xxl, .u-pc-nmy-xxl {
margin-bottom: -10rem !important;
}
}
.u-nmr-xxs, .u-nmx-xxs {
margin-right: -0.5rem !important;
}
.u-nmr-xs, .u-nmx-xs {
margin-right: -1rem !important;
}
.u-nmr-s, .u-nmx-s {
margin-right: -2rem !important;
}
.u-nmr-m, .u-nmx-m {
margin-right: -3rem !important;
}
.u-nmr-l, .u-nmx-l {
margin-right: -5rem !important;
}
.u-nmr-xl, .u-nmx-xl {
margin-right: -8rem !important;
}
.u-nmr-xxl, .u-nmx-xxl {
margin-right: -10rem !important;
}
@media (min-width: 769px) {
.u-pc-nmr-xxs, .u-pc-nmx-xxs {
margin-right: -0.5rem !important;
}
.u-pc-nmr-xs, .u-pc-nmx-xs {
margin-right: -1rem !important;
}
.u-pc-nmr-s, .u-pc-nmx-s {
margin-right: -2rem !important;
}
.u-pc-nmr-m, .u-pc-nmx-m {
margin-right: -3rem !important;
}
.u-pc-nmr-l, .u-pc-nmx-l {
margin-right: -5rem !important;
}
.u-pc-nmr-xl, .u-pc-nmx-xl {
margin-right: -8rem !important;
}
.u-pc-nmr-xxl, .u-pc-nmx-xxl {
margin-right: -10rem !important;
}
}
.u-nml-xxs, .u-nmx-xxs {
margin-left: -0.5rem !important;
}
.u-nml-xs, .u-nmx-xs {
margin-left: -1rem !important;
}
.u-nml-s, .u-nmx-s {
margin-left: -2rem !important;
}
.u-nml-m, .u-nmx-m {
margin-left: -3rem !important;
}
.u-nml-l, .u-nmx-l {
margin-left: -5rem !important;
}
.u-nml-xl, .u-nmx-xl {
margin-left: -8rem !important;
}
.u-nml-xxl, .u-nmx-xxl {
margin-left: -10rem !important;
}
@media (min-width: 769px) {
.u-pc-nml-xxs, .u-pc-nmx-xxs {
margin-left: -0.5rem !important;
}
.u-pc-nml-xs, .u-pc-nmx-xs {
margin-left: -1rem !important;
}
.u-pc-nml-s, .u-pc-nmx-s {
margin-left: -2rem !important;
}
.u-pc-nml-m, .u-pc-nmx-m {
margin-left: -3rem !important;
}
.u-pc-nml-l, .u-pc-nmx-l {
margin-left: -5rem !important;
}
.u-pc-nml-xl, .u-pc-nmx-xl {
margin-left: -8rem !important;
}
.u-pc-nml-xxl, .u-pc-nmx-xxl {
margin-left: -10rem !important;
}
}
.u-mrc-0 > :not:last-child {
margin-right: 0 !important;
}
.u-mrc-xxs > :not:last-child {
margin-right: 0.5rem !important;
}
.u-mrc-xs > :not:last-child {
margin-right: 1rem !important;
}
.u-mrc-s > :not:last-child {
margin-right: 2rem !important;
}
.u-mrc-m > :not:last-child {
margin-right: 3rem !important;
}
.u-mrc-l > :not:last-child {
margin-right: 5rem !important;
}
.u-mrc-xl > :not:last-child {
margin-right: 8rem !important;
}
.u-mrc-xxl > :not:last-child {
margin-right: 10rem !important;
}
.u-mrc-auto > :not:last-child {
margin-right: auto !important;
}
@media (min-width: 769px) {
.u-pc-mrc-0 > :not:last-child {
margin-right: 0 !important;
}
.u-pc-mrc-xxs > :not:last-child {
margin-right: 0.5rem !important;
}
.u-pc-mrc-xs > :not:last-child {
margin-right: 1rem !important;
}
.u-pc-mrc-s > :not:last-child {
margin-right: 2rem !important;
}
.u-pc-mrc-m > :not:last-child {
margin-right: 3rem !important;
}
.u-pc-mrc-l > :not:last-child {
margin-right: 5rem !important;
}
.u-pc-mrc-xl > :not:last-child {
margin-right: 8rem !important;
}
.u-pc-mrc-xxl > :not:last-child {
margin-right: 10rem !important;
}
.u-pc-mrc-auto > :not:last-child {
margin-right: auto !important;
}
}
.u-mbc-0 > :not:last-child {
margin-bottom: 0 !important;
}
.u-mbc-xxs > :not:last-child {
margin-bottom: 0.5rem !important;
}
.u-mbc-xs > :not:last-child {
margin-bottom: 1rem !important;
}
.u-mbc-s > :not:last-child {
margin-bottom: 2rem !important;
}
.u-mbc-m > :not:last-child {
margin-bottom: 3rem !important;
}
.u-mbc-l > :not:last-child {
margin-bottom: 5rem !important;
}
.u-mbc-xl > :not:last-child {
margin-bottom: 8rem !important;
}
.u-mbc-xxl > :not:last-child {
margin-bottom: 10rem !important;
}
.u-mbc-auto > :not:last-child {
margin-bottom: auto !important;
}
@media (min-width: 769px) {
.u-pc-mbc-0 > :not:last-child {
margin-bottom: 0 !important;
}
.u-pc-mbc-xxs > :not:last-child {
margin-bottom: 0.5rem !important;
}
.u-pc-mbc-xs > :not:last-child {
margin-bottom: 1rem !important;
}
.u-pc-mbc-s > :not:last-child {
margin-bottom: 2rem !important;
}
.u-pc-mbc-m > :not:last-child {
margin-bottom: 3rem !important;
}
.u-pc-mbc-l > :not:last-child {
margin-bottom: 5rem !important;
}
.u-pc-mbc-xl > :not:last-child {
margin-bottom: 8rem !important;
}
.u-pc-mbc-xxl > :not:last-child {
margin-bottom: 10rem !important;
}
.u-pc-mbc-auto > :not:last-child {
margin-bottom: auto !important;
}
}
.u-p-0 {
padding: 0 !important;
}
.u-p-xxs {
padding: 0.5rem !important;
}
.u-p-xs {
padding: 1rem !important;
}
.u-p-s {
padding: 2rem !important;
}
.u-p-m {
padding: 3rem !important;
}
.u-p-l {
padding: 5rem !important;
}
.u-p-xl {
padding: 8rem !important;
}
.u-p-xxl {
padding: 10rem !important;
}
.u-p-auto {
padding: auto !important;
}
@media (min-width: 769px) {
.u-pc-p-0 {
padding: 0 !important;
}
.u-pc-p-xxs {
padding: 0.5rem !important;
}
.u-pc-p-xs {
padding: 1rem !important;
}
.u-pc-p-s {
padding: 2rem !important;
}
.u-pc-p-m {
padding: 3rem !important;
}
.u-pc-p-l {
padding: 5rem !important;
}
.u-pc-p-xl {
padding: 8rem !important;
}
.u-pc-p-xxl {
padding: 10rem !important;
}
.u-pc-p-auto {
padding: auto !important;
}
}
.u-pt-0, .u-py-0 {
padding-top: 0 !important;
}
.u-pt-xxs, .u-py-xxs {
padding-top: 0.5rem !important;
}
.u-pt-xs, .u-py-xs {
padding-top: 1rem !important;
}
.u-pt-s, .u-py-s {
padding-top: 2rem !important;
}
.u-pt-m, .u-py-m {
padding-top: 3rem !important;
}
.u-pt-l, .u-py-l {
padding-top: 5rem !important;
}
.u-pt-xl, .u-py-xl {
padding-top: 8rem !important;
}
.u-pt-xxl, .u-py-xxl {
padding-top: 10rem !important;
}
.u-pt-auto, .u-py-auto {
padding-top: auto !important;
}
@media (min-width: 769px) {
.u-pc-pt-0, .u-pc-py-0 {
padding-top: 0 !important;
}
.u-pc-pt-xxs, .u-pc-py-xxs {
padding-top: 0.5rem !important;
}
.u-pc-pt-xs, .u-pc-py-xs {
padding-top: 1rem !important;
}
.u-pc-pt-s, .u-pc-py-s {
padding-top: 2rem !important;
}
.u-pc-pt-m, .u-pc-py-m {
padding-top: 3rem !important;
}
.u-pc-pt-l, .u-pc-py-l {
padding-top: 5rem !important;
}
.u-pc-pt-xl, .u-pc-py-xl {
padding-top: 8rem !important;
}
.u-pc-pt-xxl, .u-pc-py-xxl {
padding-top: 10rem !important;
}
.u-pc-pt-auto, .u-pc-py-auto {
padding-top: auto !important;
}
}
.u-pb-0, .u-py-0 {
padding-bottom: 0 !important;
}
.u-pb-xxs, .u-py-xxs {
padding-bottom: 0.5rem !important;
}
.u-pb-xs, .u-py-xs {
padding-bottom: 1rem !important;
}
.u-pb-s, .u-py-s {
padding-bottom: 2rem !important;
}
.u-pb-m, .u-py-m {
padding-bottom: 3rem !important;
}
.u-pb-l, .u-py-l {
padding-bottom: 5rem !important;
}
.u-pb-xl, .u-py-xl {
padding-bottom: 8rem !important;
}
.u-pb-xxl, .u-py-xxl {
padding-bottom: 10rem !important;
}
.u-pb-auto, .u-py-auto {
padding-bottom: auto !important;
}
@media (min-width: 769px) {
.u-pc-pb-0, .u-pc-py-0 {
padding-bottom: 0 !important;
}
.u-pc-pb-xxs, .u-pc-py-xxs {
padding-bottom: 0.5rem !important;
}
.u-pc-pb-xs, .u-pc-py-xs {
padding-bottom: 1rem !important;
}
.u-pc-pb-s, .u-pc-py-s {
padding-bottom: 2rem !important;
}
.u-pc-pb-m, .u-pc-py-m {
padding-bottom: 3rem !important;
}
.u-pc-pb-l, .u-pc-py-l {
padding-bottom: 5rem !important;
}
.u-pc-pb-xl, .u-pc-py-xl {
padding-bottom: 8rem !important;
}
.u-pc-pb-xxl, .u-pc-py-xxl {
padding-bottom: 10rem !important;
}
.u-pc-pb-auto, .u-pc-py-auto {
padding-bottom: auto !important;
}
}
.u-pr-0, .u-px-0 {
padding-right: 0 !important;
}
.u-pr-xxs, .u-px-xxs {
padding-right: 0.5rem !important;
}
.u-pr-xs, .u-px-xs {
padding-right: 1rem !important;
}
.u-pr-s, .u-px-s {
padding-right: 2rem !important;
}
.u-pr-m, .u-px-m {
padding-right: 3rem !important;
}
.u-pr-l, .u-px-l {
padding-right: 5rem !important;
}
.u-pr-xl, .u-px-xl {
padding-right: 8rem !important;
}
.u-pr-xxl, .u-px-xxl {
padding-right: 10rem !important;
}
.u-pr-auto, .u-px-auto {
padding-right: auto !important;
}
@media (min-width: 769px) {
.u-pc-pr-0, .u-pc-px-0 {
padding-right: 0 !important;
}
.u-pc-pr-xxs, .u-pc-px-xxs {
padding-right: 0.5rem !important;
}
.u-pc-pr-xs, .u-pc-px-xs {
padding-right: 1rem !important;
}
.u-pc-pr-s, .u-pc-px-s {
padding-right: 2rem !important;
}
.u-pc-pr-m, .u-pc-px-m {
padding-right: 3rem !important;
}
.u-pc-pr-l, .u-pc-px-l {
padding-right: 5rem !important;
}
.u-pc-pr-xl, .u-pc-px-xl {
padding-right: 8rem !important;
}
.u-pc-pr-xxl, .u-pc-px-xxl {
padding-right: 10rem !important;
}
.u-pc-pr-auto, .u-pc-px-auto {
padding-right: auto !important;
}
}
.u-pl-0, .u-px-0 {
padding-left: 0 !important;
}
.u-pl-xxs, .u-px-xxs {
padding-left: 0.5rem !important;
}
.u-pl-xs, .u-px-xs {
padding-left: 1rem !important;
}
.u-pl-s, .u-px-s {
padding-left: 2rem !important;
}
.u-pl-m, .u-px-m {
padding-left: 3rem !important;
}
.u-pl-l, .u-px-l {
padding-left: 5rem !important;
}
.u-pl-xl, .u-px-xl {
padding-left: 8rem !important;
}
.u-pl-xxl, .u-px-xxl {
padding-left: 10rem !important;
}
.u-pl-auto, .u-px-auto {
padding-left: auto !important;
}
@media (min-width: 769px) {
.u-pc-pl-0, .u-pc-px-0 {
padding-left: 0 !important;
}
.u-pc-pl-xxs, .u-pc-px-xxs {
padding-left: 0.5rem !important;
}
.u-pc-pl-xs, .u-pc-px-xs {
padding-left: 1rem !important;
}
.u-pc-pl-s, .u-pc-px-s {
padding-left: 2rem !important;
}
.u-pc-pl-m, .u-pc-px-m {
padding-left: 3rem !important;
}
.u-pc-pl-l, .u-pc-px-l {
padding-left: 5rem !important;
}
.u-pc-pl-xl, .u-pc-px-xl {
padding-left: 8rem !important;
}
.u-pc-pl-xxl, .u-pc-px-xxl {
padding-left: 10rem !important;
}
.u-pc-pl-auto, .u-pc-px-auto {
padding-left: auto !important;
}
}
.u-fl-r {
float: right;
}
.u-fl-l {
float: left;
}
.u-fl-n {
float: none;
}
.u-ovf-h {
overflow: hidden;
}
.u-link {
text-decoration: underline !important;
}
.u-link:hover {
color: #4ac6f9 !important;
}
.u-pe-n {
pointer-events: none;
}
.u-line-VAL {
width: 100%;
height: 1px;
border: none;
}
.u-disable {
cursor: default;
opacity: 0.4;
pointer-events: none;
}
.u-copy {
font-size: 95%;
line-height: 1;
vertical-align: super;
}
.u-fluid {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
@media (min-width: 769px) {
.u-pc-fluid {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
}
.u-clearfix::after {
display: block;
clear: both;
content: "";
}
.u-visuallyHidden {
clip: rect(0, 0, 0, 0);
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
border: 0;
white-space: nowrap;
}
@media (min-width: 769px) {
.u-pc-visuallyHidden {
clip: rect(0, 0, 0, 0);
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
border: 0;
white-space: nowrap;
}
}
.u-bullet,
.u-bullets > * {
padding-left: 1em;
text-indent: -1em;
}
.u-bullet-off {
padding-left: 0;
text-indent: 0;
}
.u-hanging,
.u-hangings > * {
display: table;
}
.u-hanging > *,
.u-hangings > * > * {
display: table-cell;
position: relative;
right: -1px;
white-space: nowrap;
}
.u-hover {
transition: 0.4s;
}
@media (min-width: 769px) {
.u-hover:hover {
opacity: 0.7;
}
}
.u-hover:active {
transform: scale(0.95);
transition: 0.2s;
}
.u-hover-inline {
text-decoration: none;
}
.u-hover-inline:hover {
text-decoration: underline;
}
.u-underline {
background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
background-position: bottom 0 center;
background-size: 100% 1px;
background-repeat: repeat-x;
text-decoration: none;
}
.u-p_caution {
color: red;
font-size: 1.3rem;
}
@media (min-width: 769px) {
.u-p_caution {
font-size: 1.4rem;
}
}
/*! purgecss start ignore */
/*! purgecss end ignore */
/*! purgecss start ignore */
/*! purgecss end ignore */
/*! purgecss start ignore */
/*! purgecss end ignore */
/*! purgecss start ignore */
/*! purgecss end ignore */
/*# sourceMappingURL=main.css.map */