.alertify .ajs-dimmer {
margin: 0;
background-color: #252525;
opacity: .5
}
.alertify .ajs-dimmer,
.alertify .ajs-modal {
position: fixed;
z-index: 1981;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0
}
.alertify .ajs-modal {
overflow-y: auto
}
.alertify .ajs-dialog {
position: relative;
margin: 5% auto;
min-height: 110px;
max-width: 500px;
padding: 24px 24px 0;
outline: 0
}
.alertify .ajs-dialog.ajs-capture:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1
}
.alertify .ajs-reset {
position: absolute !important;
display: inline !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important
}
.alertify .ajs-commands {
position: absolute;
right: 4px;
margin: -14px 24px 0 0;
z-index: 2
}
.alertify .ajs-commands button {
display: none;
width: 10px;
height: 10px;
margin-left: 10px;
padding: 10px;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer
}
.alertify .ajs-commands button.ajs-close {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)
}
.alertify .ajs-commands button.ajs-maximize {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)
}
.alertify .ajs-header {
margin: -24px -24px 0;
padding: 16px 24px;
background-color: #fff
}
.alertify .ajs-body {
min-height: 56px
}
.alertify .ajs-body .ajs-content {
padding: 16px 24px 16px 16px
}
.alertify .ajs-footer {
padding: 4px;
margin-left: -24px;
margin-right: -24px;
min-height: 43px;
background-color: #fff
}
.alertify .ajs-footer .ajs-buttons.ajs-primary {
text-align: right
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
margin: 4px
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
float: left;
clear: none;
text-align: left
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
margin: 4px
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
min-width: 88px;
min-height: 35px
}
.alertify .ajs-handle {
position: absolute;
display: none;
width: 10px;
height: 10px;
right: 0;
bottom: 0;
z-index: 1;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
transform: scaleX(1);
cursor: se-resize
}
.alertify.ajs-no-overflow .ajs-body .ajs-content {
overflow: hidden !important
}
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
left: 0;
right: 0;
padding: 0
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
margin-left: -24px;
margin-right: -24px
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
padding: 0
}
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
left: 0;
right: 0
}
.alertify.ajs-closable .ajs-commands button.ajs-close,
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
display: inline-block
}
.alertify.ajs-maximized .ajs-dialog {
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 auto !important;
top: 0 !important;
left: 0 !important
}
.alertify.ajs-maximized.ajs-modeless .ajs-modal {
position: fixed !important;
min-height: 100% !important;
max-height: none !important;
margin: 0 !important
}
.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)
}
.alertify.ajs-maximized .ajs-dialog,
.alertify.ajs-resizable .ajs-dialog {
padding: 0
}
.alertify.ajs-maximized .ajs-commands,
.alertify.ajs-resizable .ajs-commands {
margin: 14px 24px 0 0
}
.alertify.ajs-maximized .ajs-header,
.alertify.ajs-resizable .ajs-header {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
padding: 16px 24px
}
.alertify.ajs-maximized .ajs-body,
.alertify.ajs-resizable .ajs-body {
min-height: 224px;
display: inline-block
}
.alertify.ajs-maximized .ajs-body .ajs-content,
.alertify.ajs-resizable .ajs-body .ajs-content {
position: absolute;
top: 50px;
right: 24px;
bottom: 50px;
left: 24px;
overflow: auto
}
.alertify.ajs-maximized .ajs-footer,
.alertify.ajs-resizable .ajs-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
min-width: 548px
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
display: block
}
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
cursor: move
}
.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
display: none
}
.alertify.ajs-modeless .ajs-modal {
overflow: visible;
max-width: none;
max-height: 0
}
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}
.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
position: absolute
}
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
max-height: 500px;
overflow: auto
}
.alertify.ajs-basic .ajs-header {
opacity: 0
}
.alertify.ajs-basic .ajs-footer {
visibility: hidden
}
.alertify.ajs-frameless .ajs-header {
position: absolute;
top: 0;
left: 0;
right: 0;
min-height: 60px;
margin: 0;
padding: 0;
opacity: 0;
z-index: 1
}
.alertify.ajs-frameless .ajs-footer {
display: none
}
.alertify.ajs-frameless .ajs-body .ajs-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
padding-top: 0
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
margin-top: 0
}
.ajs-no-overflow {
overflow: hidden !important;
outline: none
}
.ajs-no-overflow.ajs-fixed {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll !important
}
.ajs-no-selection,
.ajs-no-selection * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media screen and (max-width:568px) {
.alertify .ajs-dialog {
min-width: 150px
}
.alertify:not(.ajs-maximized) .ajs-modal {
padding: 0 5%
}
.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
min-width: 0;
min-width: auto
}
}
@-moz-document url-prefix() {
.alertify button:focus {
outline: 1px dotted #3593d2
}
}
.alertify .ajs-dimmer,
.alertify .ajs-modal {
transform: translateZ(0);
transition-property: opacity, visibility;
transition-timing-function: linear;
transition-duration: .25s
}
.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
visibility: hidden;
opacity: 0
}
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.alertify.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-duration: .25s;
animation-duration: .25s
}
.alertify .ajs-dialog.ajs-shake {
-webkit-animation-name: ajs-shake;
animation-name: ajs-shake;
-webkit-animation-duration: .1s;
animation-duration: .1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes ajs-shake {
0%,
to {
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0)
}
}
@keyframes ajs-shake {
0%,
to {
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0)
}
}
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-slideIn;
animation-name: ajs-slideIn;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-slideOut;
animation-name: ajs-slideOut;
-webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-zoomIn;
animation-name: ajs-zoomIn
}
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-zoomOut;
animation-name: ajs-zoomOut
}
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-fadeIn;
animation-name: ajs-fadeIn
}
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-fadeOut;
animation-name: ajs-fadeOut
}
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-pulseIn;
animation-name: ajs-pulseIn
}
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-pulseOut;
animation-name: ajs-pulseOut
}
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-flipInX;
animation-name: ajs-flipInX
}
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-flipOutX;
animation-name: ajs-flipOutX
}
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-flipInY;
animation-name: ajs-flipInY
}
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-flipOutY;
animation-name: ajs-flipOutY
}
@-webkit-keyframes ajs-pulseIn {
0%,
20%,
40%,
60%,
80%,
to {
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
@keyframes ajs-pulseIn {
0%,
20%,
40%,
60%,
80%,
to {
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
@-webkit-keyframes ajs-pulseOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
@keyframes ajs-pulseOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
@-webkit-keyframes ajs-zoomIn {
0% {
opacity: 0;
transform: scale3d(.25, .25, .25)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
@keyframes ajs-zoomIn {
0% {
opacity: 0;
transform: scale3d(.25, .25, .25)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
@-webkit-keyframes ajs-zoomOut {
0% {
opacity: 1;
transform: scaleX(1)
}
to {
opacity: 0;
transform: scale3d(.25, .25, .25)
}
}
@keyframes ajs-zoomOut {
0% {
opacity: 1;
transform: scaleX(1)
}
to {
opacity: 0;
transform: scale3d(.25, .25, .25)
}
}
@-webkit-keyframes ajs-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes ajs-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes ajs-fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes ajs-fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes ajs-flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
transition-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-20deg);
transition-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateX(-5deg)
}
to {
transform: perspective(400px)
}
}
@keyframes ajs-flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
transition-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-20deg);
transition-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateX(-5deg)
}
to {
transform: perspective(400px)
}
}
@-webkit-keyframes ajs-flipOutX {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes ajs-flipOutX {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-webkit-keyframes ajs-flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
transition-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-20deg);
transition-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateY(-5deg)
}
to {
transform: perspective(400px)
}
}
@keyframes ajs-flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
transition-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-20deg);
transition-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateY(-5deg)
}
to {
transform: perspective(400px)
}
}
@-webkit-keyframes ajs-flipOutY {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes ajs-flipOutY {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-webkit-keyframes ajs-slideIn {
0% {
margin-top: -100%
}
to {
margin-top: 5%
}
}
@keyframes ajs-slideIn {
0% {
margin-top: -100%
}
to {
margin-top: 5%
}
}
@-webkit-keyframes ajs-slideOut {
0% {
margin-top: 5%
}
to {
margin-top: -100%
}
}
@keyframes ajs-slideOut {
0% {
margin-top: 5%
}
to {
margin-top: -100%
}
}
.alertify-notifier {
position: fixed;
width: 0;
overflow: visible;
z-index: 1982;
transform: translateZ(0)
}
.alertify-notifier .ajs-message {
position: relative;
width: 260px;
max-height: 0;
padding: 0;
opacity: 0;
margin: 0;
transform: translateZ(0);
transition-duration: .25s;
transition-timing-function: linear
}
.alertify-notifier .ajs-message.ajs-visible {
transition-duration: .5s;
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
opacity: 1;
max-height: 100%;
padding: 15px;
margin-top: 10px
}
.alertify-notifier .ajs-message .ajs-close {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 50%;
background-color: rgba(0, 0, 0, .5);
border-top-right-radius: 2px
}
.alertify-notifier.ajs-top {
top: 10px
}
.alertify-notifier.ajs-bottom {
bottom: 10px
}
.alertify-notifier.ajs-right {
right: 10px
}
.alertify-notifier.ajs-right .ajs-message {
right: -320px
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible {
right: 290px
}
.alertify-notifier.ajs-left {
left: 10px
}
.alertify-notifier.ajs-left .ajs-message {
left: -300px
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible {
left: 0
}
.alertify-notifier.ajs-center {
left: 50%
}
.alertify-notifier.ajs-center .ajs-message {
transform: translateX(-50%)
}
.alertify-notifier.ajs-center .ajs-message.ajs-visible {
left: 50%;
transition-timing-function: cubic-bezier(.57, .43, .1, .65)
}
.alertify-notifier.ajs-center.ajs-top .ajs-message {
top: -300px
}
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
top: 0
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
bottom: -300px
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
bottom: 0
}
.alertify .ajs-dialog {
background-color: #fff;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25);
border-radius: 2px
}
.alertify .ajs-header {
color: #000;
font-weight: 700;
background: #fafafa;
border-bottom: 1px solid #eee;
border-radius: 2px 2px 0 0
}
.alertify .ajs-body {
color: #000
}
.alertify .ajs-body .ajs-content .ajs-input {
display: block;
width: 100%;
padding: 8px;
margin: 4px;
border-radius: 2px;
border: 1px solid #ccc
}
.alertify .ajs-body .ajs-content p {
margin: 0
}
.alertify .ajs-footer {
background: #fbfbfb;
border-top: 1px solid #eee;
border-radius: 0 0 2px 2px
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
background-color: transparent;
color: #000;
border: 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
color: #3593d2
}
.alertify-notifier .ajs-message {
background: hsla(0, 0%, 100%, .95);
color: #000;
text-align: center;
border: 1px solid #ddd;
border-radius: 2px
}
.alertify-notifier .ajs-message.ajs-success {
color: #fff;
background: rgba(91, 189, 114, .95);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}
.alertify-notifier .ajs-message.ajs-error {
color: #fff;
background: rgba(217, 92, 92, .95);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}
.alertify-notifier .ajs-message.ajs-warning {
background: rgba(252, 248, 215, .95);
border-color: #999
}
@-webkit-keyframes shake {
59% {
margin-left: 0
}
60%,
80% {
margin-left: 2px
}
70%,
90% {
margin-left: -2px
}
}
@keyframes shake {
59% {
margin-left: 0
}
60%,
80% {
margin-left: 2px
}
70%,
90% {
margin-left: -2px
}
}
summary {
display: block;
display: list-item
}
small {
font-size: 80%
}
[hidden],
template {
display: none
}
abbr[title] {
border-bottom: 1px dotted;
text-decoration: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace
}
b,
strong {
font-weight: bolder
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
input {
border-radius: 0
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button {
cursor: pointer
}
[disabled] {
cursor: default
}
[type=number] {
width: auto
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto;
resize: vertical
}
button,
input,
optgroup,
select,
textarea {
font: inherit
}
optgroup {
font-weight: 700
}
button {
overflow: visible
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: 0;
padding: 0
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
outline: 0;
border: 0
}
select::-ms-value {
color: currentColor
}
legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
.bottom-sheet-transition-enter,
.bottom-sheet-transition-leave-to {
transform: translateY(100%)
}
.carousel-transition-enter {
transform: translate(100%)
}
.carousel-transition-leave,
.carousel-transition-leave-to {
position: absolute;
top: 0;
transform: translate(-100%)
}
.carousel-reverse-transition-enter {
transform: translate(-100%)
}
.carousel-reverse-transition-leave,
.carousel-reverse-transition-leave-to {
position: absolute;
top: 0;
transform: translate(100%)
}
.dialog-transition-enter,
.dialog-transition-leave-to {
transform: scale(.5);
opacity: 0
}
.dialog-transition-enter-to,
.dialog-transition-leave {
opacity: 1
}
.dialog-bottom-transition-enter,
.dialog-bottom-transition-leave-to {
transform: translateY(100%)
}
.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active,
.picker-transition-enter-active,
.picker-transition-leave-active {
transition: .3s cubic-bezier(0, 0, .2, 1)
}
.picker-reverse-transition-enter,
.picker-reverse-transition-leave-to,
.picker-transition-enter,
.picker-transition-leave-to {
opacity: 0
}
.picker-reverse-transition-leave,
.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-to,
.picker-transition-leave,
.picker-transition-leave-active,
.picker-transition-leave-to {
position: absolute !important
}
.picker-transition-enter {
transform: translateY(100%)
}
.picker-reverse-transition-enter,
.picker-transition-leave-to {
transform: translateY(-100%)
}
.picker-reverse-transition-leave-to {
transform: translateY(100%)
}
.picker-title-transition-enter-to,
.picker-title-transition-leave {
transform: translate(0)
}
.picker-title-transition-enter {
transform: translate(-100%)
}
.picker-title-transition-leave-to {
opacity: 0;
transform: translate(100%)
}
.picker-title-transition-leave,
.picker-title-transition-leave-active,
.picker-title-transition-leave-to {
position: absolute !important
}
.tab-transition-enter {
transform: translate(100%)
}
.tab-transition-leave,
.tab-transition-leave-active {
position: absolute;
top: 0
}
.tab-transition-leave-to {
position: absolute
}
.tab-reverse-transition-enter,
.tab-transition-leave-to {
transform: translate(-100%)
}
.tab-reverse-transition-leave,
.tab-reverse-transition-leave-to {
top: 0;
position: absolute;
transform: translate(100%)
}
.expand-transition-enter-active,
.expand-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.expand-transition-move {
transition: transform .6s
}
.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.expand-x-transition-move {
transition: transform .6s
}
.scale-transition-enter-active,
.scale-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.scale-transition-move {
transition: transform .6s
}
.scale-transition-enter,
.scale-transition-leave,
.scale-transition-leave-to {
opacity: 0;
transform: scale(0)
}
.message-transition-enter-active,
.message-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.message-transition-move {
transition: transform .6s
}
.message-transition-enter,
.message-transition-leave-to {
opacity: 0;
transform: translateY(-15px)
}
.message-transition-leave,
.message-transition-leave-active {
position: absolute
}
.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.slide-y-transition-move {
transition: transform .6s
}
.slide-y-transition-enter,
.slide-y-transition-leave-to {
opacity: 0;
transform: translateY(-15px)
}
.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.slide-y-reverse-transition-move {
transition: transform .6s
}
.slide-y-reverse-transition-enter,
.slide-y-reverse-transition-leave-to {
opacity: 0;
transform: translateY(15px)
}
.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.scroll-y-transition-move {
transition: transform .6s
}
.scroll-y-transition-enter,
.scroll-y-transition-leave-to {
opacity: 0
}
.scroll-y-transition-enter {
transform: translateY(-15px)
}
.scroll-y-transition-leave-to {
transform: translateY(15px)
}
.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.scroll-y-reverse-transition-move {
transition: transform .6s
}
.scroll-y-reverse-transition-enter,
.scroll-y-reverse-transition-leave-to {
opacity: 0
}
.scroll-y-reverse-transition-enter {
transform: translateY(15px)
}
.scroll-y-reverse-transition-leave-to {
transform: translateY(-15px)
}
.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.scroll-x-transition-move {
transition: transform .6s
}
.scroll-x-transition-enter,
.scroll-x-transition-leave-to {
opacity: 0
}
.scroll-x-transition-enter {
transform: translateX(-15px)
}
.scroll-x-transition-leave-to {
transform: translateX(15px)
}
.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.scroll-x-reverse-transition-move {
transition: transform .6s
}
.scroll-x-reverse-transition-enter,
.scroll-x-reverse-transition-leave-to {
opacity: 0
}
.scroll-x-reverse-transition-enter {
transform: translateX(15px)
}
.scroll-x-reverse-transition-leave-to {
transform: translateX(-15px)
}
.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.slide-x-transition-move {
transition: transform .6s
}
.slide-x-transition-enter,
.slide-x-transition-leave-to {
opacity: 0;
transform: translateX(-15px)
}
.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.slide-x-reverse-transition-move {
transition: transform .6s
}
.slide-x-reverse-transition-enter,
.slide-x-reverse-transition-leave-to {
opacity: 0;
transform: translateX(15px)
}
.fade-transition-enter-active,
.fade-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.fade-transition-move {
transition: transform .6s
}
.fade-transition-enter,
.fade-transition-leave-to {
opacity: 0
}
.fab-transition-enter-active,
.fab-transition-leave-active {
transition: .3s cubic-bezier(.25, .8, .5, 1)
}
.fab-transition-move {
transition: transform .6s
}
.fab-transition-enter,
.fab-transition-leave-to {
transform: scale(0) rotate(-45deg)
}
.blockquote {
padding: 16px 0 16px 24px;
font-size: 18px;
font-weight: 300
}
code,
kbd {
display: inline-block;
border-radius: 3px;
white-space: pre-wrap;
font-size: 85%;
font-weight: 900
}
code:after,
code:before,
kbd:after,
kbd:before {
content: "\A0";
letter-spacing: -1px
}
code {
background-color: #f5f5f5;
color: #bd4147;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}
kbd {
background: #616161;
color: #fff
}
html {
font-size: 14px;
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.application {
font-family: Roboto, sans-serif;
line-height: 1.5
}
::-ms-clear,
::-ms-reveal {
display: none
}
ol,
ul {
padding-left: 24px
}
.transition-fast-out-slow-in {
transition: .3s cubic-bezier(.4, 0, .2, 1) !important
}
.transition-linear-out-slow-in {
transition: .3s cubic-bezier(0, 0, .2, 1) !important
}
.transition-fast-out-linear-in {
transition: .3s cubic-bezier(.4, 0, 1, 1) !important
}
.transition-ease-in-out {
transition: .3s cubic-bezier(.4, 0, .6, 1) !important
}
.transition-fast-in-fast-out {
transition: .3s cubic-bezier(.25, .8, .25, 1) !important
}
.transition-swing {
transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}
@media screen {
[hidden~=screen] {
display: inherit
}
[hidden~=screen]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important
}
}
@media only print {
.hidden-print-only {
display: none !important
}
}
@media only screen {
.hidden-screen-only {
display: none !important
}
}
@media only screen and (max-width:599px) {
.hidden-xs-only {
display: none !important
}
}
@media only screen and (min-width:600px) and (max-width:959px) {
.hidden-sm-only {
display: none !important
}
}
@media only screen and (max-width:959px) {
.hidden-sm-and-down {
display: none !important
}
}
@media only screen and (min-width:600px) {
.hidden-sm-and-up {
display: none !important
}
}
@media only screen and (min-width:960px) and (max-width:1263px) {
.hidden-md-only {
display: none !important
}
}
@media only screen and (max-width:1263px) {
.hidden-md-and-down {
display: none !important
}
}
@media only screen and (min-width:960px) {
.hidden-md-and-up {
display: none !important
}
}
@media only screen and (min-width:1264px) and (max-width:1903px) {
.hidden-lg-only {
display: none !important
}
}
@media only screen and (max-width:1903px) {
.hidden-lg-and-down {
display: none !important
}
}
@media only screen and (min-width:1264px) {
.hidden-lg-and-up {
display: none !important
}
}
@media only screen and (min-width:1904px) {
.hidden-xl-only {
display: none !important
}
}
@media (min-width:0) {
.text-xs-left {
text-align: left !important
}
.text-xs-center {
text-align: center !important
}
.text-xs-right {
text-align: right !important
}
.text-xs-justify {
text-align: justify !important
}
}
@media (min-width:600px) {
.text-sm-left {
text-align: left !important
}
.text-sm-center {
text-align: center !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-justify {
text-align: justify !important
}
}
@media (min-width:960px) {
.text-md-left {
text-align: left !important
}
.text-md-center {
text-align: center !important
}
.text-md-right {
text-align: right !important
}
.text-md-justify {
text-align: justify !important
}
}
@media (min-width:1264px) {
.text-lg-left {
text-align: left !important
}
.text-lg-center {
text-align: center !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-justify {
text-align: justify !important
}
}
@media (min-width:1904px) {
.text-xl-left {
text-align: left !important
}
.text-xl-center {
text-align: center !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-justify {
text-align: justify !important
}
}
@media only screen and (min-width:960px) {
.container {
max-width: 900px
}
}
@media only screen and (min-width:1264px) {
.container {
max-width: 1185px
}
}
@media only screen and (min-width:1904px) {
.container {
max-width: 1785px
}
}
@media only screen and (max-width:959px) {
.container {
padding: 16px
}
}
@media (min-width:0) {
.flex.xs1 {
flex-basis: 8.333333333333332%;
flex-grow: 0;
max-width: 8.333333333333332%
}
.flex.order-xs1 {
order: 1
}
.flex.xs2 {
flex-basis: 16.666666666666664%;
flex-grow: 0;
max-width: 16.666666666666664%
}
.flex.order-xs2 {
order: 2
}
.flex.xs3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%
}
.flex.order-xs3 {
order: 3
}
.flex.xs4 {
flex-basis: 33.33333333333333%;
flex-grow: 0;
max-width: 33.33333333333333%
}
.flex.order-xs4 {
order: 4
}
.flex.xs5 {
flex-basis: 41.66666666666667%;
flex-grow: 0;
max-width: 41.66666666666667%
}
.flex.order-xs5 {
order: 5
}
.flex.xs6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%
}
.flex.order-xs6 {
order: 6
}
.flex.xs7 {
flex-basis: 58.333333333333336%;
flex-grow: 0;
max-width: 58.333333333333336%
}
.flex.order-xs7 {
order: 7
}
.flex.xs8 {
flex-basis: 66.66666666666666%;
flex-grow: 0;
max-width: 66.66666666666666%
}
.flex.order-xs8 {
order: 8
}
.flex.xs9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%
}
.flex.order-xs9 {
order: 9
}
.flex.xs10 {
flex-basis: 83.33333333333334%;
flex-grow: 0;
max-width: 83.33333333333334%
}
.flex.order-xs10 {
order: 10
}
.flex.xs11 {
flex-basis: 91.66666666666666%;
flex-grow: 0;
max-width: 91.66666666666666%
}
.flex.order-xs11 {
order: 11
}
.flex.xs12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%
}
.flex.order-xs12 {
order: 12
}
.flex.offset-xs0 {
margin-left: 0
}
.flex.offset-xs1 {
margin-left: 8.333333333333332%
}
.flex.offset-xs2 {
margin-left: 16.666666666666664%
}
.flex.offset-xs3 {
margin-left: 25%
}
.flex.offset-xs4 {
margin-left: 33.33333333333333%
}
.flex.offset-xs5 {
margin-left: 41.66666666666667%
}
.flex.offset-xs6 {
margin-left: 50%
}
.flex.offset-xs7 {
margin-left: 58.333333333333336%
}
.flex.offset-xs8 {
margin-left: 66.66666666666666%
}
.flex.offset-xs9 {
margin-left: 75%
}
.flex.offset-xs10 {
margin-left: 83.33333333333334%
}
.flex.offset-xs11 {
margin-left: 91.66666666666666%
}
.flex.offset-xs12 {
margin-left: 100%
}
}
@media (min-width:600px) {
.flex.sm1 {
flex-basis: 8.333333333333332%;
flex-grow: 0;
max-width: 8.333333333333332%
}
.flex.order-sm1 {
order: 1
}
.flex.sm2 {
flex-basis: 16.666666666666664%;
flex-grow: 0;
max-width: 16.666666666666664%
}
.flex.order-sm2 {
order: 2
}
.flex.sm3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%
}
.flex.order-sm3 {
order: 3
}
.flex.sm4 {
flex-basis: 33.33333333333333%;
flex-grow: 0;
max-width: 33.33333333333333%
}
.flex.order-sm4 {
order: 4
}
.flex.sm5 {
flex-basis: 41.66666666666667%;
flex-grow: 0;
max-width: 41.66666666666667%
}
.flex.order-sm5 {
order: 5
}
.flex.sm6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%
}
.flex.order-sm6 {
order: 6
}
.flex.sm7 {
flex-basis: 58.333333333333336%;
flex-grow: 0;
max-width: 58.333333333333336%
}
.flex.order-sm7 {
order: 7
}
.flex.sm8 {
flex-basis: 66.66666666666666%;
flex-grow: 0;
max-width: 66.66666666666666%
}
.flex.order-sm8 {
order: 8
}
.flex.sm9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%
}
.flex.order-sm9 {
order: 9
}
.flex.sm10 {
flex-basis: 83.33333333333334%;
flex-grow: 0;
max-width: 83.33333333333334%
}
.flex.order-sm10 {
order: 10
}
.flex.sm11 {
flex-basis: 91.66666666666666%;
flex-grow: 0;
max-width: 91.66666666666666%
}
.flex.order-sm11 {
order: 11
}
.flex.sm12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%
}
.flex.order-sm12 {
order: 12
}
.flex.offset-sm0 {
margin-left: 0
}
.flex.offset-sm1 {
margin-left: 8.333333333333332%
}
.flex.offset-sm2 {
margin-left: 16.666666666666664%
}
.flex.offset-sm3 {
margin-left: 25%
}
.flex.offset-sm4 {
margin-left: 33.33333333333333%
}
.flex.offset-sm5 {
margin-left: 41.66666666666667%
}
.flex.offset-sm6 {
margin-left: 50%
}
.flex.offset-sm7 {
margin-left: 58.333333333333336%
}
.flex.offset-sm8 {
margin-left: 66.66666666666666%
}
.flex.offset-sm9 {
margin-left: 75%
}
.flex.offset-sm10 {
margin-left: 83.33333333333334%
}
.flex.offset-sm11 {
margin-left: 91.66666666666666%
}
.flex.offset-sm12 {
margin-left: 100%
}
}
@media (min-width:960px) {
.flex.md1 {
flex-basis: 8.333333333333332%;
flex-grow: 0;
max-width: 8.333333333333332%
}
.flex.order-md1 {
order: 1
}
.flex.md2 {
flex-basis: 16.666666666666664%;
flex-grow: 0;
max-width: 16.666666666666664%
}
.flex.order-md2 {
order: 2
}
.flex.md3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%
}
.flex.order-md3 {
order: 3
}
.flex.md4 {
flex-basis: 33.33333333333333%;
flex-grow: 0;
max-width: 33.33333333333333%
}
.flex.order-md4 {
order: 4
}
.flex.md5 {
flex-basis: 41.66666666666667%;
flex-grow: 0;
max-width: 41.66666666666667%
}
.flex.order-md5 {
order: 5
}
.flex.md6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%
}
.flex.order-md6 {
order: 6
}
.flex.md7 {
flex-basis: 58.333333333333336%;
flex-grow: 0;
max-width: 58.333333333333336%
}
.flex.order-md7 {
order: 7
}
.flex.md8 {
flex-basis: 66.66666666666666%;
flex-grow: 0;
max-width: 66.66666666666666%
}
.flex.order-md8 {
order: 8
}
.flex.md9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%
}
.flex.order-md9 {
order: 9
}
.flex.md10 {
flex-basis: 83.33333333333334%;
flex-grow: 0;
max-width: 83.33333333333334%
}
.flex.order-md10 {
order: 10
}
.flex.md11 {
flex-basis: 91.66666666666666%;
flex-grow: 0;
max-width: 91.66666666666666%
}
.flex.order-md11 {
order: 11
}
.flex.md12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%
}
.flex.order-md12 {
order: 12
}
.flex.offset-md0 {
margin-left: 0
}
.flex.offset-md1 {
margin-left: 8.333333333333332%
}
.flex.offset-md2 {
margin-left: 16.666666666666664%
}
.flex.offset-md3 {
margin-left: 25%
}
.flex.offset-md4 {
margin-left: 33.33333333333333%
}
.flex.offset-md5 {
margin-left: 41.66666666666667%
}
.flex.offset-md6 {
margin-left: 50%
}
.flex.offset-md7 {
margin-left: 58.333333333333336%
}
.flex.offset-md8 {
margin-left: 66.66666666666666%
}
.flex.offset-md9 {
margin-left: 75%
}
.flex.offset-md10 {
margin-left: 83.33333333333334%
}
.flex.offset-md11 {
margin-left: 91.66666666666666%
}
.flex.offset-md12 {
margin-left: 100%
}
}
@media (min-width:1264px) {
.flex.lg1 {
flex-basis: 8.333333333333332%;
flex-grow: 0;
max-width: 8.333333333333332%
}
.flex.order-lg1 {
order: 1
}
.flex.lg2 {
flex-basis: 16.666666666666664%;
flex-grow: 0;
max-width: 16.666666666666664%
}
.flex.order-lg2 {
order: 2
}
.flex.lg3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%
}
.flex.order-lg3 {
order: 3
}
.flex.lg4 {
flex-basis: 33.33333333333333%;
flex-grow: 0;
max-width: 33.33333333333333%
}
.flex.order-lg4 {
order: 4
}
.flex.lg5 {
flex-basis: 41.66666666666667%;
flex-grow: 0;
max-width: 41.66666666666667%
}
.flex.order-lg5 {
order: 5
}
.flex.lg6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%
}
.flex.order-lg6 {
order: 6
}
.flex.lg7 {
flex-basis: 58.333333333333336%;
flex-grow: 0;
max-width: 58.333333333333336%
}
.flex.order-lg7 {
order: 7
}
.flex.lg8 {
flex-basis: 66.66666666666666%;
flex-grow: 0;
max-width: 66.66666666666666%
}
.flex.order-lg8 {
order: 8
}
.flex.lg9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%
}
.flex.order-lg9 {
order: 9
}
.flex.lg10 {
flex-basis: 83.33333333333334%;
flex-grow: 0;
max-width: 83.33333333333334%
}
.flex.order-lg10 {
order: 10
}
.flex.lg11 {
flex-basis: 91.66666666666666%;
flex-grow: 0;
max-width: 91.66666666666666%
}
.flex.order-lg11 {
order: 11
}
.flex.lg12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%
}
.flex.order-lg12 {
order: 12
}
.flex.offset-lg0 {
margin-left: 0
}
.flex.offset-lg1 {
margin-left: 8.333333333333332%
}
.flex.offset-lg2 {
margin-left: 16.666666666666664%
}
.flex.offset-lg3 {
margin-left: 25%
}
.flex.offset-lg4 {
margin-left: 33.33333333333333%
}
.flex.offset-lg5 {
margin-left: 41.66666666666667%
}
.flex.offset-lg6 {
margin-left: 50%
}
.flex.offset-lg7 {
margin-left: 58.333333333333336%
}
.flex.offset-lg8 {
margin-left: 66.66666666666666%
}
.flex.offset-lg9 {
margin-left: 75%
}
.flex.offset-lg10 {
margin-left: 83.33333333333334%
}
.flex.offset-lg11 {
margin-left: 91.66666666666666%
}
.flex.offset-lg12 {
margin-left: 100%
}
}
@media (min-width:1904px) {
.flex.xl1 {
flex-basis: 8.333333333333332%;
flex-grow: 0;
max-width: 8.333333333333332%
}
.flex.order-xl1 {
order: 1
}
.flex.xl2 {
flex-basis: 16.666666666666664%;
flex-grow: 0;
max-width: 16.666666666666664%
}
.flex.order-xl2 {
order: 2
}
.flex.xl3 {
flex-basis: 25%;
flex-grow: 0;
max-width: 25%
}
.flex.order-xl3 {
order: 3
}
.flex.xl4 {
flex-basis: 33.33333333333333%;
flex-grow: 0;
max-width: 33.33333333333333%
}
.flex.order-xl4 {
order: 4
}
.flex.xl5 {
flex-basis: 41.66666666666667%;
flex-grow: 0;
max-width: 41.66666666666667%
}
.flex.order-xl5 {
order: 5
}
.flex.xl6 {
flex-basis: 50%;
flex-grow: 0;
max-width: 50%
}
.flex.order-xl6 {
order: 6
}
.flex.xl7 {
flex-basis: 58.333333333333336%;
flex-grow: 0;
max-width: 58.333333333333336%
}
.flex.order-xl7 {
order: 7
}
.flex.xl8 {
flex-basis: 66.66666666666666%;
flex-grow: 0;
max-width: 66.66666666666666%
}
.flex.order-xl8 {
order: 8
}
.flex.xl9 {
flex-basis: 75%;
flex-grow: 0;
max-width: 75%
}
.flex.order-xl9 {
order: 9
}
.flex.xl10 {
flex-basis: 83.33333333333334%;
flex-grow: 0;
max-width: 83.33333333333334%
}
.flex.order-xl10 {
order: 10
}
.flex.xl11 {
flex-basis: 91.66666666666666%;
flex-grow: 0;
max-width: 91.66666666666666%
}
.flex.order-xl11 {
order: 11
}
.flex.xl12 {
flex-basis: 100%;
flex-grow: 0;
max-width: 100%
}
.flex.order-xl12 {
order: 12
}
.flex.offset-xl0 {
margin-left: 0
}
.flex.offset-xl1 {
margin-left: 8.333333333333332%
}
.flex.offset-xl2 {
margin-left: 16.666666666666664%
}
.flex.offset-xl3 {
margin-left: 25%
}
.flex.offset-xl4 {
margin-left: 33.33333333333333%
}
.flex.offset-xl5 {
margin-left: 41.66666666666667%
}
.flex.offset-xl6 {
margin-left: 50%
}
.flex.offset-xl7 {
margin-left: 58.333333333333336%
}
.flex.offset-xl8 {
margin-left: 66.66666666666666%
}
.flex.offset-xl9 {
margin-left: 75%
}
.flex.offset-xl10 {
margin-left: 83.33333333333334%
}
.flex.offset-xl11 {
margin-left: 91.66666666666666%
}
.flex.offset-xl12 {
margin-left: 100%
}
}
.v-content {
transition: none;
display: flex;
flex: 1 0 auto;
max-width: 100%
}
.v-content[data-booted=true] {
transition: .2s cubic-bezier(.4, 0, .2, 1)
}
.v-content__wrap {
flex: 1 1 auto;
max-width: 100%;
position: relative
}
@media print {
@-moz-document url-prefix() {
.v-content {
display: block
}
}
}
.theme--light.v-jumbotron .v-jumbotron__content {
color: rgba(0, 0, 0, .87)
}
.theme--dark.v-jumbotron .v-jumbotron__content {
color: #fff
}
.v-jumbotron {
display: block;
top: 0;
transition: .3s cubic-bezier(.25, .8, .5, 1);
width: 100%
}
.v-jumbotron__wrapper {
height: 100%;
overflow: hidden;
position: relative;
transition: inherit;
width: 100%
}
.v-jumbotron__background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
contain: strict;
transition: inherit
}
.v-jumbotron__image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
will-change: transform;
transition: inherit
}
.v-jumbotron__content {
height: 100%;
position: relative;
transition: inherit
}
.theme--light.v-navigation-drawer {
background-color: #fff
}
.theme--light.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border {
background-color: rgba(0, 0, 0, .12)
}
.theme--light.v-navigation-drawer .v-divider {
border-color: rgba(0, 0, 0, .12)
}
.theme--dark.v-navigation-drawer {
background-color: #424242
}
.theme--dark.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border {
background-color: hsla(0, 0%, 100%, .12)
}
.theme--dark.v-navigation-drawer .v-divider {
border-color: hsla(0, 0%, 100%, .12)
}
.v-navigation-drawer {
transition: none;
display: block;
left: 0;
max-width: 100%;
overflow-y: auto;
overflow-x: hidden;
pointer-events: auto;
top: 0;
will-change: transform;
z-index: 3;
-webkit-overflow-scrolling: touch
}
.v-navigation-drawer[data-booted=true] {
transition: .2s cubic-bezier(.4, 0, .2, 1);
transition-property: transform, width
}
.v-navigation-drawer__border {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1px
}
.v-navigation-drawer.v-navigation-drawer--right:after {
left: 0;
right: auto
}
.v-navigation-drawer--right {
left: auto;
right: 0
}
.v-navigation-drawer--right>.v-navigation-drawer__border {
right: auto;
left: 0
}
.v-navigation-drawer--absolute {
position: absolute
}
.v-navigation-drawer--fixed {
position: fixed
}
.v-navigation-drawer--floating:after {
display: none
}
.v-navigation-drawer--mini-variant {
overflow: hidden
}
.v-navigation-drawer--mini-variant .v-list__group__header__prepend-icon {
flex: 1 0 auto;
justify-content: center;
width: 100%
}
.v-navigation-drawer--mini-variant .v-list__tile__action,
.v-navigation-drawer--mini-variant .v-list__tile__avatar {
justify-content: center;
min-width: 48px
}
.v-navigation-drawer--mini-variant .v-list__tile:after,
.v-navigation-drawer--mini-variant .v-list__tile__content {
opacity: 0
}
.v-navigation-drawer--mini-variant .v-divider,
.v-navigation-drawer--mini-variant .v-list--group,
.v-navigation-drawer--mini-variant .v-subheader {
display: none !important
}
.v-navigation-drawer--is-mobile,
.v-navigation-drawer--temporary {
z-index: 6
}
.v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),
.v-navigation-drawer--temporary:not(.v-navigation-drawer--close) {
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}
.v-navigation-drawer .v-list {
background: inherit
}
.v-navigation-drawer>.v-list .v-list__tile {
transition: none;
font-weight: 500
}
.v-navigation-drawer>.v-list .v-list__tile--active .v-list__tile__title {
color: inherit
}
.v-navigation-drawer>.v-list .v-list--group .v-list__tile {
font-weight: 400
}
.v-navigation-drawer>.v-list .v-list--group__header--active:after {
background: transparent
}
.v-navigation-drawer>.v-list:not(.v-list--dense) .v-list__tile {
font-size: 14px
}
.theme--light.v-pagination .v-pagination__item {
background: #fff;
color: #000;
width: auto;
min-width: 34px;
padding: 0 5px
}
.theme--light.v-pagination .v-pagination__item--active {
color: #fff
}
.theme--light.v-pagination .v-pagination__navigation {
background: #fff
}
.theme--light.v-pagination .v-pagination__navigation .v-icon {
color: rgba(0, 0, 0, .54)
}
.theme--dark.v-pagination .v-pagination__item {
background: #424242;
color: #fff;
width: auto;
min-width: 34px;
padding: 0 5px
}
.theme--dark.v-pagination .v-pagination__item--active {
color: #fff
}
.theme--dark.v-pagination .v-pagination__navigation {
background: #424242
}
.theme--dark.v-pagination .v-pagination__navigation .v-icon {
color: #fff
}
.v-pagination {
align-items: center;
display: inline-flex;
list-style-type: none;
margin: 0;
max-width: 100%;
padding: 0
}
.v-pagination>li {
align-items: center;
display: flex
}
.v-pagination--circle .v-pagination__item,
.v-pagination--circle .v-pagination__more,
.v-pagination--circle .v-pagination__navigation {
border-radius: 50%
}
.v-pagination--disabled {
pointer-events: none;
opacity: .6
}
.v-pagination__item {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
border-radius: 4px;
font-size: 14px;
background: transparent;
height: 34px;
width: 34px;
margin: .3rem;
text-decoration: none;
transition: .3s cubic-bezier(0, 0, .2, 1)
}
.v-pagination__item--active {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}
.v-pagination__navigation {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
height: 2rem;
border-radius: 4px;
width: 2rem;
margin: .3rem 10px
}
.v-pagination__navigation .v-icon {
font-size: 2rem;
transition: .2s cubic-bezier(.4, 0, .6, 1);
vertical-align: middle
}
.v-pagination__navigation--disabled {
opacity: .6;
pointer-events: none
}
.v-pagination__more {
margin: .3rem;
display: inline-flex;
align-items: flex-end;
justify-content: center;
height: 2rem;
width: 2rem
}
.js-hiraku-offcanvas-body-active .js-hiraku-offcanvas-sidebar-right {
left: auto;
min-height: 100vh;
transform: translateX(100%)
}
.js-hiraku-offcanvas-body-active .js-hiraku-offcanvas-sidebar-left {
right: auto;
min-height: 100vh;
transform: translateX(-100%)
}
.js-hiraku-offcanvas-body-active .js-hiraku-offcanvas-sidebar-left,
.js-hiraku-offcanvas-body-active .js-hiraku-offcanvas-sidebar-right {
display: block;
width: 70%;
z-index: 10002;
position: fixed;
top: 0;
max-width: 100%;
background-color: #fff;
overflow-y: scroll;
box-sizing: border-box
}
.js-hiraku-offcanvas-body-active .js-hiraku-offcanvas-sidebar-left {
left: 0
}
.js-hiraku-offcanvas-body-active .js-hiraku-offcanvas-sidebar-right {
right: 0
}
.js-hiraku-offcanvas-open {
display: block
}
.js-hiraku-offcanvas-body {
width: 100%;
transition: transform .3s ease-in-out;
z-index: 0
}
.js-hiraku-offcanvas:focus {
background-color: rgba(0, 0, 0, .3)
}
.js-hiraku-offcanvas-body-left,
.js-hiraku-offcanvas-body-right {
overflow: hidden
}
.js-hiraku-offcanvas-body-right {
overflow-y: hidden;
transform: translateX(-70%)
}
.js-hiraku-offcanvas-body-left {
overflow-y: hidden;
transform: translateX(70%)
}
.js-hiraku-offcanvas {
transition: opacity .3s ease-in-out
}
.js-hiraku-offcanvas-body [aria-hidden=false]+.js-hiraku-offcanvas {
display: block;
position: fixed;
top: 0;
z-index: 100001;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
opacity: 0
}
.js-hiraku-offcanvas-body-left [aria-hidden=false]+.js-hiraku-offcanvas,
.js-hiraku-offcanvas-body-right [aria-hidden=false]+.js-hiraku-offcanvas {
opacity: 1
}
.js-hiraku-offcanvas-body-right .js-hiraku-offcanvas {
right: 0
}
.js-hiraku-offcanvas-body-left .js-hiraku-offcanvas {
left: 0
}
.js-hiraku-offcanvas-close-btn {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0 0 0 0)
}
.js-hiraku-fixed {
z-index: 1000
}
.js-hiraku-offcanvas-body-ie .js-hiraku-fixed,
.js-hiraku-offcanvas-body-ie .js-hiraku-offcanvas-sidebar-left,
.js-hiraku-offcanvas-body-ie .js-hiraku-offcanvas-sidebar-right {
transition: transform .3s ease-in-out
}
.hiraku-open-btn {
background: transparent;
border: 1px solid #ccc;
padding: 6px;
cursor: pointer;
border-radius: 3px
}
.hiraku-open-btn-line {
display: block;
position: relative;
width: 18px;
height: 2px;
margin: 6px 0;
background-color: #fff;
border-radius: 1px;
transition: all .1s
}
.hiraku-open-btn-line:after,
.hiraku-open-btn-line:before {
content: "";
display: block;
position: absolute;
background-color: #fff;
width: 100%;
height: 2px;
border-radius: 1px;
transition: all .3s
}
.hiraku-open-btn-line:before {
top: -6px
}
.hiraku-open-btn-line:after {
bottom: -6px
}
[aria-expanded=true] .hiraku-open-btn-line {
background-color: transparent
}
[aria-expanded=true] .hiraku-open-btn-line:after,
[aria-expanded=true] .hiraku-open-btn-line:before {
width: 22px
}
[aria-expanded=true] .hiraku-open-btn-line:before {
transform: translate(-2px, 6px) rotate(45deg)
}
[aria-expanded=true] .hiraku-open-btn-line:after {
transform: translate(-2px, -6px) rotate(-45deg)
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%
}
@media (max-width:767px) {
html {
font-size: 3.125vw
}
}
@media (max-width:767px) {
.is--pc {
display: none !important
}
}
@media (min-width:768px) {
.is--sp {
display: none !important
}
}
body {
font-family: Noto Sans Japanese, "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, Osaka, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", MS PGothic, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.875;
color: #333
}
@media (max-width:767px) {
body {
min-width: 100%
}
}
a {
transition: all .3s linear;
color: #333;
text-decoration: none
}
a:hover {
opacity: .75;
filter: alpha(opacity=75)
}
@media (max-width:767px) {
#wrapper {
margin-top: 13.33333333vw
}
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box
}
select::-ms-expand {
display: none
}
.container {
padding: 60px 0
}
.container-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.container-item-main {
width: 790px
}
.container-item-sub {
width: 300px;
margin-left: auto
}
@media (max-width:767px) {
.container {
padding: 0
}
.container-flex {
flex-direction: column;
width: 100%
}
.container-item-main {
width: 100%
}
.container-item-sub {
width: 100%;
margin-left: 0
}
}
.content,
.content--primary,
.content--secondary,
.content--tertiary {
padding: 60px 0
}
.content-title {
font-weight: 700
}
.content--primary {
background: #ffe172
}
.content--primary+.content--primary {
padding-top: 0
}
.content--secondary {
background: #f1f0eb
}
.content--tertiary {
padding: 0
}
.content-head {
margin-bottom: 40px;
font-size: 24px;
font-size: 2.4rem;
line-height: 1
}
.content-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.content-flex.a-center {
align-items: center
}
.content-flex.end {
justify-content: flex-end
}
@media (max-width:767px) {
.content,
.content--primary,
.content--secondary,
.content--tertiary {
padding: 8vw 5.33333333vw
}
.content-head {
margin-bottom: 4vw;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
font-size: 1.5rem;
font-weight: 700
}
}
.footer>p {
padding: 20px;
text-align: center
}
.footer>p small {
font-size: 10px;
font-size: 1rem;
line-height: 1
}
@media (max-width:767px) {
.footer>p {
padding: 2.66666667vw
}
.footer>p small {
font-size: 2.66666667vw
}
}
.sitemap {
margin-bottom: 70px
}
.sitemap-flex {
align-items: stretch
}
.sitemap-main {
width: auto
}
.sitemap-item {
padding-left: 20px;
border-left: 4px solid #ececec;
box-sizing: border-box;
margin-bottom: 40px
}
.sitemap-item-01 {
width: 560px
}
.sitemap-item-02 {
width: 300px
}
.sitemap-item-03 {
width: auto
}
.sitemap-title {
margin-bottom: 20px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
pointer-events: none
}
.sitemap-flex {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.sitemap-flex,
.sitemap-flex li {
margin-bottom: 8px
}
.sitemap-flex dt {
margin-right: 15px;
font-weight: 700
}
.sitemap-flex dd a {
display: inline-block;
margin: 0 10px 10px 0
}
.sitemap-sub {
width: 390px;
margin-left: auto;
height: 450px;
overflow: auto;
border: 1px solid #ccc;
box-sizing: border-box
}
@media (max-width:767px) {
.sitemap-main {
width: 100%;
border-right: none;
padding: 5.33333333vw 0
}
.sitemap-item {
padding: 0 5.33333333vw;
border-left: none;
box-sizing: border-box;
margin-bottom: 0
}
.sitemap-item-01,
.sitemap-item-02,
.sitemap-item-03 {
width: 100%
}
.sitemap-flex {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 0
}
.sitemap-flex li {
width: 100%;
margin-bottom: 0
}
.sitemap-flex li a {
display: block;
padding: 4vw 0;
font-size: 3.2vw;
position: relative;
border-bottom: 1px solid #ccc;
margin: 0
}
.sitemap-flex li a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #444;
border-right: 1px solid #444;
transform: rotate(45deg);
content: ""
}
.sitemap-flex dt {
width: 100%
}
.sitemap-flex dt a {
display: block;
padding: 4vw 0;
font-size: 3.2vw;
position: relative;
border-bottom: 1px solid #ccc;
margin: 0
}
.sitemap-flex dt a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #444;
border-right: 1px solid #444;
transform: rotate(45deg);
content: ""
}
.sitemap-flex dd {
width: 100%
}
.sitemap-flex dd a {
display: block;
margin: 0;
padding: 4vw 0;
font-size: 3.2vw;
position: relative;
border-bottom: 1px solid #ccc
}
.sitemap-flex dd a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #444;
border-right: 1px solid #444;
transform: rotate(45deg);
content: ""
}
.sitemap-list {
display: none
}
.sitemap-list li {
border-bottom: 1px solid #ccc;
margin-bottom: 0
}
.sitemap-list li a {
display: block;
padding: 4vw 0;
font-size: 3.2vw;
position: relative
}
.sitemap-list li a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #444;
border-right: 1px solid #444;
transform: rotate(45deg);
content: ""
}
.sitemap-container {
display: none
}
.sitemap-title {
pointer-events: auto;
border-bottom: 1px solid #ccc;
margin-bottom: 0;
padding: 4vw 0;
font-size: 3.46666667vw;
cursor: pointer;
position: relative
}
.sitemap-title:after {
margin-top: -2.66666667vw;
transform: rotate(135deg)
}
.sitemap-title.is-active:after,
.sitemap-title:after {
display: block;
position: absolute;
top: 50%;
right: 2.66666667vw;
width: 3.46666667vw;
height: 3.46666667vw;
border-top: 1px solid #444;
border-right: 1px solid #444;
content: ""
}
.sitemap-title.is-active:after {
margin-top: 0;
transform: rotate(315deg)
}
.sitemap-sub {
width: 90%;
margin: 0 auto 9.33333333vw;
height: 106.66666667vw;
padding: 0 5.33333333vw;
overflow: auto;
border: 1px solid #ccc;
box-sizing: border-box
}
}
.menu {
background: #333;
padding: 40px
}
.menu,
.menu-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.menu-list li a {
color: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
display: inline-block;
padding: 5px 15px;
border-left: 1px solid #fff
}
.menu-list li a:last-child {
border-right: 1px solid #fff
}
.menu-sns {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
width: 90px
}
.menu-sns li {
width: 40px
}
.menu-sns li img {
width: 100%;
height: auto;
vertical-align: bottom
}
.menu-sns li+li {
margin-left: 10px
}
@media (max-width:767px) {
.menu {
padding: 5.33333333vw 2.66666667vw
}
.menu,
.menu-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column
}
.menu-list li a {
color: #fff;
font-size: 3.46666667vw;
padding: 5px 15px;
border-left: none
}
.menu-list li a:last-child {
border-right: none
}
.menu-sns {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
margin: 12vw 0 8vw;
width: 100%
}
.menu-sns li {
width: 10.66666667vw
}
.menu-sns li img {
width: 100%;
height: auto;
vertical-align: bottom
}
.menu-sns li+li {
margin-left: 5.33333333vw
}
}
.phone_number span {
font-weight: 700;
color: #f90;
font-size: 1.5em
}
@media (max-width:767px) {
.phone_number span {
font-size: 1.3em
}
}
.header {
border-top: 3px solid #fb9425
}
.header-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
padding: 10px 40px
}
.header-flex h1 {
font-family: Noto Sans Japanese, sans-serif;
font-size: 13px;
font-size: 1.3rem;
line-height: 1;
font-weight: 700
}
@media (max-width:767px) {
.header-upper {
display: none
}
}
.header-menu {
margin-left: auto;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.header-menu .custom--select {
width: 180px
}
.header-menu li a {
color: #333;
text-decoration: none;
font-size: 12px;
font-size: 1.2rem;
line-height: 1
}
.header-menu li+li {
margin-left: 20px
}
.header-main {
border-top: 1px solid #ccc;
padding: 30px 40px;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
@media (max-width:767px) {
.header-main {
padding: 1.33333333vw 5.33333333vw
}
}
@media (max-width:767px) {
.header-logo {
width: 21.33333333vw;
height: auto
}
.header-logo a {
display: block
}
.header-logo a img {
width: 100%;
height: auto;
vertical-align: middle
}
}
.header-utility {
margin-left: auto;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.header-contact {
margin-right: 50px;
text-align: center
}
.header-contact .label {
font-size: 10px;
font-size: 1rem;
line-height: 1;
color: #444;
margin-bottom: 5px;
letter-spacing: .1em
}
.header-contact .tel {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
color: #fb9425;
font-size: 26px;
font-size: 2.6rem;
line-height: 1;
font-family: Noto Sans Japanese, sans-serif;
font-weight: 700
}
.header-contact .tel svg {
width: 16px;
height: 23px;
margin-right: 5px;
vertical-align: bottom
}
.header-btns {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.header-btns li a {
display: block;
text-align: center;
font-size: 10px;
font-size: 1rem;
line-height: 1;
font-weight: 700
}
.header-btns li a .ico {
margin-bottom: 5px
}
.header-btns li a .ico img {
width: auto;
height: 30px
}
.header-btns li+li {
margin-left: 20px
}
@media (max-width:767px) {
.header-btns li {
margin-right: 8vw
}
.header-btns li:last-child {
margin-right: 0
}
.header-btns li a .ico {
margin-bottom: 0
}
.header-btns li a .ico img {
width: auto;
height: 4.8vw
}
}
@media (max-width:767px) and (max-width:767px) {
.header-btns li a p {
display: none
}
}
@media (max-width:767px) {
.header-btns li+li {
margin-left: 0
}
}
.header-menu-sp {
display: none
}
@media (max-width:767px) {
.header {
height: 13.33333333vw;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
background: #fff;
width: 100%;
box-sizing: border-box
}
.header-menu-sp {
display: block;
width: 6.13333333vw;
height: 5.33333333vw;
margin-right: 4.53333333vw
}
.header-menu-sp a {
display: block;
height: 4.8vw;
position: relative
}
.header-menu-sp a span {
transition: all .4s;
display: block;
height: .8vw;
width: 100%;
background: #fb9425;
position: absolute
}
.header-menu-sp a span:first-of-type {
top: 0
}
.header-menu-sp a span:nth-of-type(2) {
top: 2vw
}
.header-menu-sp a span:nth-of-type(3) {
bottom: 0
}
.header-menu-sp a.active span:first-of-type {
transform: translateY(2.4vw) rotate(-45deg)
}
.header-menu-sp a.active span:nth-of-type(2) {
opacity: 0
}
.header-menu-sp a.active span:nth-of-type(3) {
transform: translateY(-1.6vw) rotate(45deg)
}
}
.custom-select {
border: 1px solid #ccc;
position: relative;
overflow: hidden
}
.custom-select label {
position: relative;
height: 25px;
display: block
}
.custom-select label:before {
width: 1px;
height: 100%;
background: #ccc;
position: absolute;
top: 0;
right: 20px;
content: "";
display: block
}
.renew2024 .custom-select label:before {
width: 0;
}
.custom-select label:after {
display: block;
position: absolute;
top: 50%;
right: 5px;
width: 7px;
height: 7px;
margin-top: -6px;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
transform: rotate(135deg);
content: "";
z-index: 10
}
.renew2024 .custom-select label:after {
width: 10px;
height: 10px;
right: 25px;
}
.custom-select select {
height: 25px;
padding: 0 40px 0 10px;
font-size: 12px;
font-size: 1.2rem;
line-height: 2.08333333;
width: 150%;
outline: none;
display: block
}
.renew2024 .custom-select select {
width: 100%;
padding: 0 0 0 10px;
box-sizing: border-box;
}
.sp-menu {
display: none
}
@media (max-width:767px) {
.sp-menu {
position: fixed;
top: 13.06666667vw;
height: calc(100vh - 50px);
z-index: 1000;
background: #fff;
width: 100%;
padding: 5.33333333vw;
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.sp-menu-wrap {
padding-bottom: 10.66666667vw
}
.sp-menu-head {
border-bottom: .8vw solid #fb9425;
padding-bottom: 2.66666667vw;
font-size: 3.2vw;
font-weight: 700
}
.sp-menu-group+.sp-menu-group {
margin-top: 8vw
}
.sp-menu-label.user {
background: url(/assets/images/icon/ico_menu_user.png) no-repeat 0;
background-size: auto 4.53333333vw;
padding-left: 8vw
}
.sp-menu-label.plan {
background: url(/assets/images/icon/ico_menu_search.png) no-repeat 0;
background-size: auto 4.53333333vw;
padding-left: 5.33333333vw
}
.sp-menu-label.info {
background: url(/assets/images/icon/ico_menu_info.png) no-repeat 0;
background-size: auto 4.53333333vw;
padding-left: 5.33333333vw
}
.sp-menu-label.language {
background: url(/assets/images/icon/ico_menu_language.png) no-repeat 0;
background-size: auto 4.53333333vw;
padding-left: 5.33333333vw
}
.sp-menu-label.avator {
background: url(/assets/images/icon/ico_menu_avator.png) no-repeat 0;
background-size: auto 4.53333333vw;
padding-left: 5.33333333vw
}
.sp-menu-list li {
border-bottom: 1px solid #ccc
}
.sp-menu-list li a {
display: block;
padding: 2.66666667vw;
position: relative;
font-size: 3.73333333vw
}
.sp-menu-list li a:after {
display: block;
position: absolute;
right: 2.66666667vw;
top: 50%;
margin-top: -.66666667vw;
width: 0;
height: 0;
border-color: transparent transparent transparent #222;
border-style: solid;
border-width: .66666667vw 0 .66666667vw 1.33333333vw;
content: ""
}
.sp-menu .js-trigger {
border-bottom: 1px solid #ccc;
display: block;
padding: 2.66666667vw;
position: relative;
font-size: 3.73333333vw
}
.sp-menu .js-pannel {
padding-left: 13.33333333vw
}
.sp-menu-box {
margin-top: 2.66666667vw;
border: .53333333vw solid #fb9425;
padding: 4vw;
border-radius: 1.33333333vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.sp-menu-box-label {
font-size: 3.73333333vw;
color: #444;
border-bottom: 1px solid #ccc;
padding-bottom: 2.66666667vw;
font-weight: 700
}
.sp-menu-box-info {
padding: 2.66666667vw 0;
border-bottom: 1px solid #ccc;
margin-bottom: 4vw
}
.sp-menu-box-info .tel {
color: #fb9425;
background: url(/assets/images/icon/ico_tel.png) no-repeat 0;
background-size: auto 5.33333333vw;
padding-left: 6.66666667vw;
font-family: Source Sans Pro, sans-serif;
font-weight: 700;
font-size: 6.4vw;
line-height: 1
}
.sp-menu-box-info .note {
margin-top: 1.33333333vw;
color: #444;
font-size: 3.2vw;
line-height: 1
}
.sp-menu-box-btn a {
display: block;
text-align: center;
font-size: 3.73333333vw;
font-weight: 700;
padding: 2.66666667vw 0;
position: relative
}
.sp-menu-box-btn a i {
margin-right: 1.33333333vw
}
.sp-order-01 {
order: 1
}
.sp-order-02 {
order: 2
}
.sp-order-03 {
order: 3
}
.renew2024 .custom-select label:after {
right: 20px;
}
}
.outer-in {
width: 1120px;
margin: 0 auto
}
.outer-in--full_width {
width: 100%
}
.outer-title {
background: #f4f1ed;
padding: 50px 0;
border-bottom: 5px solid #fb9425;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
font-weight: 700
}
@media (max-width:767px) {
.outer {
margin-bottom: 0
}
.outer-in {
margin: 0
}
.outer-in,
.outer-in--full_width {
width: 100%
}
.outer-title {
background: none;
border-bottom-width: .53333333vw;
padding: 6.66666667vw 5.33333333vw;
font-size: 4.26666667vw
}
}
.page {
width: 100%;
max-width: 1120px;
margin: 0 auto 100px
}
.page-head {
padding: 60px 10px 20px 0;
font-size: 32px;
font-size: 3.2rem;
line-height: 1;
font-weight: 700;
border-bottom: 2px solid #fb9425;
margin-bottom: 40px
}
.page-body {
padding: 0
}
.page-photo {
margin: 20px 0;
text-align: center
}
.page-photo img {
max-width: 100%;
height: auto;
vertical-align: bottom
}
.page-stitle {
font-size: 28px;
font-size: 2.8rem
}
.page-stitle,
.page-stitle-02 {
font-weight: 700;
margin-bottom: 30px;
line-height: 1
}
.page-stitle-02 {
font-size: 24px;
font-size: 2.4rem;
color: #fb9425;
padding-bottom: 30px;
border-bottom: 2px solid #fb9425
}
.page-area {
background: url(/assets/images/icon/ico_marker.png) no-repeat 0;
background-size: 16px auto;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
padding: 10px 0 10px 20px;
margin-bottom: 10px
}
.page-sec {
margin-bottom: 80px;
zoom: 1
}
.page-sec:after {
content: "";
display: block;
clear: both
}
.page-sec>p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143
}
.page-sec>p+p {
margin-top: 20px
}
.page-foot {
padding: 0
}
.page-foot .btn {
display: block;
width: 200px;
padding: 15px 0;
text-align: center;
font-size: 20px;
font-size: 2rem;
line-height: 1;
margin: 0 auto
}
.page-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.page-summary {
font-weight: 700
}
.page-visual {
position: relative;
margin-bottom: 30px
}
.page-visual-txt {
position: absolute;
width: 100%;
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
font-weight: 700;
left: 0;
bottom: 0;
padding: 20px;
background: rgba(0, 0, 0, .5)
}
.page-visual img {
width: 100%;
height: auto;
vertical-align: bottom
}
.page-lead {
margin-bottom: 40px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.55555556
}
.page-section .content-head {
padding: 0 20px
}
@media (max-width:767px) {
.page {
width: 100%;
margin: 0 0 12vw
}
.page-head {
padding: 5.33333333vw;
font-size: 4.26666667vw;
border-bottom: .53333333vw solid #fb9425;
margin-bottom: 5.33333333vw
}
.page-body {
padding: 0 5.33333333vw
}
.page-photo {
margin-bottom: 5.33333333vw
}
.page-photo img {
width: 100%;
height: auto;
vertical-align: bottom
}
.page-stitle {
border-bottom: none;
padding-bottom: 0
}
.page-stitle,
.page-stitle-02 {
font-weight: 700;
margin-bottom: 5.33333333vw;
font-size: 4.26666667vw
}
.page-stitle-02 {
padding-bottom: 4vw
}
.page-area {
background-size: 2.93333333vw auto;
font-size: 2.93333333vw;
padding: 1.33333333vw 0 1.33333333vw 4vw;
margin-bottom: 1.33333333vw
}
.page-sec {
margin-bottom: 10.66666667vw
}
.page-sec>p {
font-size: 3.73333333vw;
line-height: 5.33333333vw
}
.page-sec>p+p {
margin-top: 5.33333333vw
}
.page-foot {
padding: 0 5.33333333vw
}
.page-foot .btn {
width: 60%;
margin: 0 auto;
font-size: 5.33333333vw
}
.page-summary {
font-size: 3.73333333vw;
font-weight: 700
}
.page-visual {
margin-bottom: 0
}
.page-visual-txt {
font-size: 4.8vw;
padding: 5.33333333vw
}
.page-lead {
padding: 5.33333333vw;
margin-bottom: 0;
font-size: 3.46666667vw
}
.page-section .content-head {
padding: 0
}
}
.sub-content-head {
font-weight: 700;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
margin-bottom: 25px
}
.sub-content .category-list {
border-top: 1px solid #ccc
}
.sub-content .category-list li {
width: 100%
}
.sub-content .category-list li a {
padding: 15px 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1
}
.sub-content .category-list li a:after {
width: 7px;
height: 7px;
margin-top: -4px
}
.sub-content .category-list li+li {
margin-left: 0
}
.sub-content .area-list {
border-top: 1px solid #ccc
}
.sub-content .area-list li {
border-bottom: 1px solid #ccc;
width: 100%
}
.sub-content .area-list li a {
padding: 15px 10px 15px 25px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
display: block;
position: relative;
color: #333
}
.sub-content .area-list li a span {
color: #fb9425
}
.sub-content .area-list li a:before {
display: block;
position: absolute;
left: 10px;
top: 50%;
margin-top: -4px;
width: 0;
height: 0;
border-color: transparent transparent transparent #222;
border-style: solid;
border-width: 4px 0 4px 7px;
content: ""
}
.sub-content .area-list li a:after {
width: 7px;
height: 7px;
margin-top: -4px
}
.sub-content .area-box li {
border: 1px solid #ccc
}
.sub-content .area-box li a {
display: block;
padding: 10px
}
.sub-content .area-box li a>div {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.sub-content .area-box li+li {
margin-top: 15px
}
.sub-content .area-box-ph {
width: 60px;
margin-right: 20px
}
.sub-content .area-box-ph img {
vertical-align: bottom
}
.sub-content .area-box-txt {
width: calc(100% - 80px);
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
margin-left: auto
}
@media (max-width:767px) {
.sub-content {
padding: 5.33333333vw
}
.sub-content-head {
font-size: 4.26666667vw;
margin-bottom: 5.33333333vw
}
.sub-content .category-list {
border-top: 1px solid #ccc
}
.sub-content .category-list li {
width: 100%
}
.sub-content .category-list li a {
padding: 4vw 2.66666667vw;
font-size: 3.2vw
}
.sub-content .category-list li a:after {
width: 7px;
height: 7px;
margin-top: -4px
}
.sub-content .category-list li+li {
margin-left: 0
}
}
.sub-content+.sub-content {
margin-top: 60px
}
@media (max-width:767px) {
.sub-content+.sub-content {
margin-top: 16vw
}
}
.swiper-pagination .swiper-pagination-bullet {
position: relative;
width: 14px;
height: 14px;
background: none;
border: 3px solid #fff;
box-sizing: border-box;
opacity: 1;
filter: alpha(opacity=100)
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff
}
@media (max-width:767px) {
.swiper-pagination.swiper-pagination-bullets {
bottom: 0 !important
}
.swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: none;
border: 1px solid #fff;
box-sizing: border-box;
opacity: 1;
filter: alpha(opacity=100)
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff
}
}
.main-slide .swiper-slide {
height: 28vw !important;
max-height: 420px !important;
overflow: hidden
}
@media (max-width:767px) {
.main-slide .swiper-slide {
height: 50vw !important;
overflow: hidden
}
}
.swiper-container-horizontal>.swiper-scrollbar {
display: none
}
@media (max-width:767px) {
.swiper-container-horizontal>.swiper-scrollbar {
display: block;
width: 100%;
left: 0;
margin-top: 5.33333333vw;
background: #fff
}
.swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
background: #fb982f
}
}
.slider-nav .next,
.slider-nav .prev {
font-size: 30px;
padding-top: 16px
}
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
touch-action: manipulation;
box-shadow: 0 3px 13px rgba(0, 0, 0, .08)
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
opacity: 1;
max-height: 640px;
visibility: visible
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px)
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
box-shadow: none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #eceef1
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-innerContainer {
border-bottom: 0
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
border: 1px solid #eceef1
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto
}
.flatpickr-calendar:after,
.flatpickr-calendar:before {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: "";
height: 0;
width: 0;
left: 22px
}
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
left: auto;
right: 22px
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
bottom: 100%
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #eceef1
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
top: 100%
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
border-top-color: #eceef1
}
.flatpickr-calendar:focus {
outline: 0
}
.flatpickr-wrapper {
position: relative;
display: inline-block
}
.flatpickr-months .flatpickr-month {
border-radius: 5px 5px 0 0;
background: #eceef1;
color: #5a6171;
fill: #5a6171;
height: 28px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
flex: 1
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
line-height: 16px;
height: 28px;
padding: 10px;
z-index: 3;
color: #5a6171;
fill: #5a6171
}
.flatpickr-months .flatpickr-next-month.disabled,
.flatpickr-months .flatpickr-prev-month.disabled {
display: none
}
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
position: relative
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
left: 0
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
right: 0
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
color: #bbb
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
fill: #f64747
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
width: 14px;
height: 14px
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
transition: fill .1s;
fill: inherit
}
.numInputWrapper {
position: relative;
height: auto
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block
}
.numInputWrapper input {
width: 100%
}
.numInputWrapper input::-ms-clear {
display: none
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(72, 72, 72, .15);
box-sizing: border-box
}
.numInputWrapper span:hover {
background: rgba(0, 0, 0, .1)
}
.numInputWrapper span:active {
background: rgba(0, 0, 0, .2)
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(72, 72, 72, .6);
top: 26%
}
.numInputWrapper span.arrowDown {
top: 50%
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(72, 72, 72, .6);
top: 40%
}
.numInputWrapper span svg {
width: inherit;
height: auto
}
.numInputWrapper span svg path {
fill: rgba(90, 97, 113, .5)
}
.numInputWrapper:hover {
background: rgba(0, 0, 0, .05)
}
.numInputWrapper:hover span {
opacity: 1
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 6.16px 0 0;
height: 28px;
display: inline-block;
text-align: center;
transform: translateZ(0)
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: .5ch;
padding: 0
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, .05)
}
.flatpickr-current-month .numInputWrapper {
display: inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: #5a6171
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: #5a6171
}
.flatpickr-current-month input.cur-year {
background: transparent;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 .5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial
}
.flatpickr-current-month input.cur-year:focus {
outline: 0
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(90, 97, 113, .5);
background: transparent;
pointer-events: none
}
.flatpickr-weekdays {
background: #eceef1;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
height: 28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: flex;
flex: 1
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: #eceef1;
color: #5a6171;
margin: 0;
text-align: center;
display: block;
flex: 1;
font-weight: bolder
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0
}
.flatpickr-days {
overflow: hidden;
display: flex;
align-items: flex-start;
width: 307.875px;
border-left: 1px solid #eceef1;
border-right: 1px solid #eceef1
}
.flatpickr-days:focus {
outline: 0
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
box-sizing: border-box;
display: inline-block;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-around;
transform: translateZ(0);
opacity: 1
}
.dayContainer+.dayContainer {
box-shadow: -1px 0 0 #eceef1
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
box-sizing: border-box;
color: #484848;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
text-align: center
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
cursor: pointer;
outline: 0;
background: #e2e2e2;
border-color: #e2e2e2
}
.flatpickr-day.today {
border-color: #bbb
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
border-color: #bbb;
background: #bbb;
color: #fff
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: #ff5a5f;
color: #fff;
border-color: #ff5a5f
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
border-radius: 0 50px 50px 0
}
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
box-shadow: -10px 0 0 #ff5a5f
}
.flatpickr-day.inRange {
box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
color: rgba(72, 72, 72, .3);
background: transparent;
border-color: transparent;
cursor: default
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
cursor: not-allowed;
color: rgba(72, 72, 72, .1)
}
.flatpickr-day.week.selected {
border-radius: 0;
box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f
}
.flatpickr-day.hidden {
visibility: hidden
}
.rangeMode .flatpickr-day {
margin-top: 1px
}
.flatpickr-weekwrapper {
display: inline-block;
float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
border-left: 1px solid #eceef1
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(72, 72, 72, .3);
background: transparent;
cursor: default;
border: none
}
.flatpickr-innerContainer {
display: block;
display: flex;
box-sizing: border-box;
overflow: hidden;
background: #fff;
border-bottom: 1px solid #eceef1
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
box-sizing: border-box;
overflow: hidden;
display: flex;
background: #fff;
border-radius: 0 0 5px 5px
}
.flatpickr-time:after {
content: "";
display: table;
clear: both
}
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: 40px;
float: left
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #484848
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #484848
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%
}
.flatpickr-time input {
background: transparent;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #484848;
font-size: 14px;
position: relative;
box-sizing: border-box
}
.flatpickr-time input.flatpickr-hour {
font-weight: 700
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400
}
.flatpickr-time input:focus {
outline: 0;
border: 0
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
height: inherit;
display: inline-block;
float: left;
line-height: inherit;
color: #484848;
font-weight: 700;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
align-self: center
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
background: #efefef
}
.flatpickr-input[readonly] {
cursor: pointer
}
@-webkit-keyframes fpFadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fpFadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
span.flatpickr-day.selected {
font-weight: 700
}
.flatpickr-calendar {
padding: 0 12px 15px;
border: 2px solid #ccc;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
box-sizing: border-box;
z-index: 105
}
@media (max-width:768px) {
.flatpickr-calendar {
width: 90%
}
}
.flatpickr-calendar.arrowTop:before {
width: 20px;
height: 20px;
border: 2px solid #ccc;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
transform: rotate(45deg) skew(20deg, 20deg);
top: -5px;
z-index: 4
}
.flatpickr-calendar.arrowTop:after {
width: 20px;
height: 2px;
border-bottom: 2px solid #fff;
background: transparent;
top: 0;
z-index: 110
}
.flatpickr-calendar.arrowBottom:before {
width: 20px;
height: 20px;
border: 2px solid #ccc;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
transform: rotate(45deg) skew(20deg, 20deg);
top: auto;
bottom: 0;
z-index: 4
}
.flatpickr-calendar.arrowBottom:after {
width: 32px;
height: 16px;
border: none;
background: #fff;
top: auto;
bottom: 0;
left: 19px;
z-index: 110
}
.flatpickr-months {
padding: 15px 0 9px;
background: #fff;
display: flex;
justify-content: space-between;
position: relative;
z-index: 100
}
.flatpickr-months .flatpickr-month {
background: #fff
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
width: 55px;
height: 30px;
padding: 0;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
position: static;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box
}
.flatpickr-rContainer {
width: 100%
}
.flatpickr-weekdays {
border: 2px solid #ccc;
border-bottom: none;
background: #fff;
box-sizing: border-box;
align-items: stretch
}
span.flatpickr-weekday {
width: 14.2857143%;
padding-bottom: 2px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
font-weight: 700;
display: flex;
flex-basis: 14.2857143%;
justify-content: center;
align-items: center
}
span.flatpickr-weekday:nth-of-type(6) {
background: #e0ffff
}
span.flatpickr-weekday:last-of-type {
background: #ffd6d6;
border-right-color: transparent
}
.flatpickr-current-month {
padding: 0;
background: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0
}
.flatpickr-current-month input.cur-year {
padding-left: 0;
order: 1;
font-weight: 700
}
.flatpickr-current-month span.cur-month {
margin-left: 0;
order: 2
}
.flatpickr-current-month span.cur-month:before {
content: "\5E74 "
}
.numInputWrapper span.arrowDown,
.numInputWrapper span.arrowUp {
display: none
}
.flatpickr-days {
width: 100%;
border: 2px solid #ccc;
border-top: none;
border-bottom: 1px solid #ccc;
background: #fff;
box-sizing: border-box;
position: relative;
z-index: 100
}
.dayContainer {
max-width: 100%;
min-width: 100%;
width: 100%
}
.flatpickr-day {
max-width: none;
border-radius: 0;
border: 1px solid #ccc;
border-top: none;
border-left: none;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center
}
.rangeMode .flatpickr-day {
margin-top: 0
}
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
.flatpickr-day.today {
background: #ffc758
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: #ffc758;
box-shadow: none;
color: #484848;
border-right-color: #ccc;
border-bottom-color: #ccc
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.startRange.startRange {
border-radius: 0
}
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
box-shadow: none
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
border-radius: 50px
}
.flatpickr-day.inRange {
background: #ffe172;
border-radius: 0;
box-shadow: none
}
.flatpickr-day:nth-child(6),
.flatpickr-day:nth-child(13),
.flatpickr-day:nth-child(20),
.flatpickr-day:nth-child(27),
.flatpickr-day:nth-child(34),
.flatpickr-day:nth-child(41) {
color: #59bcfa
}
.flatpickr-day:nth-child(6).nextMonthDay,
.flatpickr-day:nth-child(6).prevMonthDay,
.flatpickr-day:nth-child(13).nextMonthDay,
.flatpickr-day:nth-child(13).prevMonthDay,
.flatpickr-day:nth-child(20).nextMonthDay,
.flatpickr-day:nth-child(20).prevMonthDay,
.flatpickr-day:nth-child(27).nextMonthDay,
.flatpickr-day:nth-child(27).prevMonthDay,
.flatpickr-day:nth-child(34).nextMonthDay,
.flatpickr-day:nth-child(34).prevMonthDay,
.flatpickr-day:nth-child(41).nextMonthDay,
.flatpickr-day:nth-child(41).prevMonthDay {
color: rgba(72, 72, 72, .3)
}
.flatpickr-day:nth-child(7n) {
border-right: none;
color: #f96262
}
.flatpickr-day:nth-child(7n).nextMonthDay,
.flatpickr-day:nth-child(7n).prevMonthDay {
color: rgba(72, 72, 72, .3)
}
.flatpickr-below {
text-align: center;
padding-top: 5px
}
.below-close {
text-align: right
}
.clear,
.close {
width: 55px;
height: 30px;
padding: 0;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
position: static;
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
cursor: pointer
}
.clear:hover,
.close:hover {
color: #bbb
}
.close {
margin-right: 10px
}
.remodal {
background: none
}
.remodal,
.remodal-wrapper {
padding: 0
}
.remodal-close {
left: calc(100% - 35px);
top: -35px
}
.remodal-close:before {
color: #fff
}
.remodal__ph img {
width: 100%;
height: auto
}
.is_clickable,
.nstSlider {
cursor: hand;
cursor: pointer
}
.nstSlider {
border-radius: 10px;
position: relative;
width: 300px;
height: 20px
}
.nstSlider,
.nstSlider .leftGrip.gripHighlighted,
.nstSlider .rightGrip.gripHighlighted {
background: #134
}
.nstSlider .leftGrip,
.nstSlider .rightGrip {
position: absolute;
border-radius: 10px;
width: 20px;
height: 20px;
background: #fff
}
.nstSlider .bar {
border-radius: 10px;
position: absolute;
background: #fff;
height: 8px;
top: 6px
}
.nstSlider .highlightPanel {
transition: all .5s ease-in-out;
border-radius: 10px;
position: absolute;
background: #e87722;
height: 20px;
top: 0
}
.nstSlider {
height: 5px;
margin: 21px 0 73px;
background: #ccc
}
@media (max-width:767px) {
.nstSlider {
width: calc(80vw - 10px);
margin: 4vw 0 16vw
}
}
.nstSlider .bar {
height: 5px;
background: #fb982f;
top: 0
}
.nstSlider .leftGrip {
border: 1px solid #ccc;
top: -8px
}
.nstSlider .leftGrip:focus {
outline: none
}
.nstSlider .rightGrip {
border: 1px solid #ccc;
top: -8px
}
.nstSlider .rightGrip:focus {
outline: none
}
.label-field {
position: absolute;
top: 27px
}
@media (max-width:767px) {
.label-field {
font-size: 3.73333333vw;
line-height: 6.66666667vw
}
}
.label-field.left-label-field {
left: 0
}
.label-field.right-label-field {
right: 0
}
.label-field input[type=text] {
width: 95px;
height: 40px;
padding: 0 5px;
margin-right: 5px;
border: 1px solid #ccc;
font-size: 14px;
font-size: 1.4rem;
line-height: 2.85714286;
text-align: center
}
@media (max-width:767px) {
.label-field input[type=text] {
width: 22.66666667vw;
height: 8.53333333vw;
font-size: 3.46666667vw;
line-height: 10.66666667vw
}
}
.accordion-head {
position: relative
}
.accordion-head:after {
display: block;
position: absolute;
top: 50%;
right: 0;
width: 14px;
height: 14px;
margin-top: -14px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(135deg);
content: ""
}
.accordion-head.js-active:after {
margin-top: -5px;
transform: rotate(315deg)
}
@media (max-width:767px) {
.accordion-head {
position: relative
}
.accordion-head:after {
display: block;
position: absolute;
top: 50%;
right: 0;
width: 2.66666667vw;
height: 2.66666667vw;
margin-top: -2.66666667vw;
border-top: .53333333vw solid #333;
border-right: .53333333vw solid #333;
content: ""
}
.accordion-head.js-active:after {
margin-top: -.8vw;
transform: rotate(315deg)
}
}
.alert-in {
border: 3px solid #f95757;
padding: 20px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.alert-notice {
color: #f95757;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
font-weight: 700;
position: relative;
padding-left: 30px
}
.alert-notice:before {
display: block;
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
background: url(/assets/images/icon/ico_alert.png) no-repeat 0 0;
background-size: 20px 20px;
content: ""
}
.alert-num {
text-align: center;
color: #f95757;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
font-weight: 700
}
.alert-num span {
margin-left: 10px
}
@media (max-width:767px) {
.alert-in {
padding: 4vw
}
.alert-notice {
font-size: 3.73333333vw;
padding-left: 9.33333333vw
}
.alert-notice:before {
width: 6.66666667vw;
height: 6.66666667vw;
background-size: 6.66666667vw 6.66666667vw
}
.alert-num {
font-size: 3.73333333vw;
font-weight: 400
}
.alert-num span {
display: block;
font-weight: 700;
margin-left: 0;
margin-top: 1.33333333vw
}
}
.anchor {
border-bottom: 1px solid #ccc;
padding: 25px 0
}
.anchor-list {
display: table;
width: 1120px;
margin: 0 auto;
table-layout: fixed;
border-right: 1px solid #ccc
}
.anchor-list li {
display: table-cell;
vertical-align: bottom;
border-left: 1px solid #ccc
}
.anchor-list li a {
text-align: center;
display: block;
font-weight: 700
}
.anchor-list li a .ico {
width: 30px;
margin: 0 auto
}
.anchor-list li a .ico img {
width: 100%;
height: auto;
vertical-align: bottom
}
.anchor-list li.emptyMore0,
.anchor-list li.emptyMore1 {
width: 0
}
@media (max-width:767px) {
.anchor {
border-top: 1px solid #ccc;
padding: 0
}
.anchor-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
border-right: none
}
.anchor-list li {
width: 33%
}
.anchor-list li a {
text-align: center;
display: block;
font-weight: 700;
padding: 4vw 0
}
.anchor-list li a .ico {
margin-bottom: 2.66666667vw
}
.anchor-list li a .ico img {
width: auto;
height: 6.66666667vw;
vertical-align: bottom
}
.anchor-list li a .label {
font-size: 10px;
font-size: 1rem;
line-height: 1
}
.anchor-list li+li+li+li {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc
}
.anchor li.emptyMore0,
.anchor li.emptyMore1 {
width: 33%;
height: 7.3rem
}
.anchor li.emptyMore1 {
border-left: none
}
}
.avator-photo,
.avator-photo img {
width: 114px;
height: 115px
}
.avator-photo img {
vertical-align: bottom
}
.avator-info {
padding: 15px
}
.avator-info .bold {
font-weight: 700;
font-size: 14px;
font-size: 1.4rem;
line-height: 1
}
.avator-info .bold span {
display: block;
font-weight: 400;
margin-top: 7px
}
.avator-score {
width: 96px;
height: 40px;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.6;
font-family: Noto Sans Japanese, sans-serif;
font-weight: 700;
text-align: center;
margin: 15px auto 0;
color: #fb9425;
border: 2px solid #fb9425
}
.avator-score img {
width: 21px;
height: auto;
margin-right: 5px
}
@media (max-width:767px) {
.avator-photo {
width: 18%;
height: auto
}
.avator-photo img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover
}
.avator-info {
width: 75%;
margin-left: auto;
padding: 0;
border-bottom: none
}
.avator-info .bold {
display: inline-block;
color: #fb9425;
font-weight: 400;
font-size: 3.73333333vw
}
.avator-info .bold span {
margin-top: 0;
display: inline-block
}
.avator-wrap {
overflow: hidden
}
.avator-wrap .card-04-title {
border-top: 1px solid #ccc;
padding-top: 1.33333333vw;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis
}
.avator-score {
display: inline-block;
width: auto;
font-weight: 400;
height: auto;
font-size: 3.73333333vw;
font-family: Noto Sans Japanese, "\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, Osaka, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", MS PGothic, sans-serif;
border: none;
margin: 0 0 0 2.66666667vw;
color: #666
}
.avator-score img {
width: 2.4vw;
height: 2.4vw;
margin-right: 1.33333333vw
}
}
.btn-default {
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-weight: 700;
box-sizing: border-box
}
.btn-primary {
background: #fb9425;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #fff
}
.renew2024 .btn-primary {
background: #dd5355;
font-weight: bold;
}
.btn-primary,
.btn-primary-border {
display: inline-block;
border-radius: 5px;
border: 3px solid #fb9425;
box-sizing: border-box
}
.renew2024 .btn-primary,
.renew2024 .btn-primary-border {
border: 3px solid #DD5355;
box-sizing: border-box
}
.btn-primary-border {
background: #fff;
color: #fb9425;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.renew2024 .btn-primary-border {
color: #fff;
}
.btn-secondary {
background: #f95757;
display: inline-block;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 3px solid #f95757;
color: #fff;
box-sizing: border-box
}
.renew2024 .btn-secondary {
background: #DD5355;
display: inline-block;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 3px solid #DD5355;
color: #fff;
box-sizing: border-box
}
.btn-list {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: flex-start
}
.btn-list li {
margin: 0 10px 10px
}
.btn-list li a {
background: #fff;
border: 2px solid #ccc;
padding: 8px 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
box-sizing: border-box
}
.btn-global {
background: #333;
color: #fff;
text-align: center;
display: inline-block;
border-radius: 100px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
@media (max-width:767px) {
.btn-default,
.btn-primary,
.btn-secondary {
display: block;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 3.73333333vw
}
.btn-list {
flex-wrap: wrap;
justify-content: flex-start
}
.btn-list li {
margin: 0 1.33333333vw 1.33333333vw 0
}
.btn-list li a {
background: #fff;
padding: 1.33333333vw 2.66666667vw;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
border-radius: .8vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
}
.card,
.card-02 {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap
}
.card-item {
background: #fff;
padding: 20px;
box-sizing: border-box;
flex: 0 0 240px
}
.card-photo {
margin-bottom: 20px;
height: 128px;
overflow: hidden
}
.card-photo img {
width: 100%;
height: auto;
vertical-align: bottom;
min-height: 128px
}
.card-info {
color: #444
}
.card-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.33333333;
margin-bottom: 20px;
font-weight: 700
}
.card-excerpt {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.28571429
}
.card-small {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #ccc;
margin-right: 15px
}
.card-small a {
color: #ccc
}
.card-02 {
flex-wrap: wrap
}
.card-02-item {
background: #fff;
padding: 0;
box-sizing: border-box;
border: 1px solid #ccc;
margin-bottom: 50px
}
.card-02-info {
padding: 15px
}
.card-02-photo img {
width: 100%;
height: auto;
vertical-align: bottom
}
.card-02-sttle {
line-height: 1.33333333;
font-size: 1.5rem;
margin-bottom: 10px;
font-weight: 700
}
.card-02-sttle a {
color: #444
}
.card-02-notice {
font-weight: 700
}
.card-02-notice a {
display: block;
text-align: right;
color: #f95757;
font-size: 20px
}
.card-02-notice a,
.card-02-notice a span {
font-size: 2rem;
line-height: 1
}
.card-03 {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap
}
.card-03-item {
width: 48.5%;
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
position: relative;
margin-bottom: 25px
}
.card-03-item:before {
position: absolute;
left: 0;
top: 0;
min-width: 95px;
background: #f95757;
font-family: Noto Sans Japanese, sans-serif;
color: #fff;
font-size: 20px;
font-size: 2rem;
line-height: 1;
font-weight: 700;
padding: 10px;
text-align: center;
content: attr(data-discount);
z-index: 10
}
.card-03-item:nth-child(2n) {
margin-left: auto
}
.card-03-item>div {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
padding: 15px
}
.card-03-item>div .line-through {
text-decoration: line-through
}
.card-03-photo {
width: 168px;
margin-right: 15px
}
.card-03-photo img {
width: 168px;
height: auto;
vertical-align: bottom
}
.card-03-info {
width: calc(100% - 183px);
margin-left: auto
}
.card-03-sttle {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.1875;
font-weight: 700;
color: #444;
margin-bottom: 10px
}
.card-04 {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.card-04-item {
width: 265px;
border: 1px solid #ccc;
box-sizing: border-box
}
.card-04-item+.card-04-item {
margin-left: 20px
}
.card-04-head {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.card-04-body {
padding: 15px
}
.card-04-title {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25
}
.card-04-foot {
padding: 0 15px 15px
}
.card-04-foot .tags {
border-top: 1px solid #ccc;
padding-top: 15px
}
.card-04 .more {
text-align: right
}
.card-04 .more a {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
text-decoration: underline
}
@media (max-width:767px) {
.card-item {
width: 41.33333333vw;
padding: 0;
box-sizing: border-box;
flex: 0 0 48%;
margin-right: 10px
}
.card-photo {
margin-bottom: 0;
height: 110px
}
.card-photo img {
min-height: 110px
}
.card-info {
padding: 2.66666667vw;
color: #444
}
.card-title {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.33333333;
margin-bottom: 10px
}
.card-excerpt {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.27272727
}
.card-small {
font-size: 9px;
font-size: .9rem;
line-height: 1;
color: #ccc;
white-space: nowrap;
margin-right: 1.33333333vw
}
.card-small a {
color: #ccc
}
.card-02-item {
background: #fff;
box-sizing: border-box;
border: 1px solid #ccc;
margin-bottom: 15px;
margin-right: 8px;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: top
}
.card-02-info {
padding: 10px;
margin-left: auto
}
.card-02-sttle {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.33333333;
margin-bottom: 5px
}
.card-02-sttle a {
font-weight: 700;
color: #444
}
.card-02-notice {
padding: 0;
box-sizing: border-box
}
.card-02-notice a {
font-size: 10px;
font-size: 1rem;
line-height: 1
}
.card-02-notice a span {
font-size: 1.3rem;
line-height: 1
}
.card-03 {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap
}
.card-03-item {
margin-bottom: 2.66666667vw
}
.card-03-item:before {
min-width: 18.66666667vw;
color: #fff;
font-size: 10px;
font-size: 1rem;
line-height: 1;
padding: 1.86666667vw 0
}
.card-03-item:nth-child(2n) {
margin-left: auto
}
.card-03-item>div {
flex-direction: column;
padding: 0
}
.card-03-photo {
width: 100%;
margin-right: 0
}
.card-03-photo img {
width: 100%
}
.card-03-info {
width: 100%;
margin-left: 0;
padding: 2.66666667vw;
box-sizing: border-box
}
.card-03-sttle {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.36363636;
margin-bottom: 1.33333333vw
}
.card-04 {
flex-direction: column
}
.card-04-item {
width: 100%;
padding: 2.66666667vw;
box-sizing: border-box
}
.card-04-item+.card-04-item {
margin-top: 4vw;
margin-left: 0
}
.card-04-head {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.card-04-body {
padding: 0
}
.card-04-title {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.33333333;
font-weight: 700;
color: #444
}
.card-04-foot {
padding: 0
}
.card-04-foot .tags {
border-top: none;
padding-top: 15px
}
.card-04 .more {
display: none
}
}
.form-group {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center
}
.form-group+.form-group {
margin-top: 25px
}
.form-label {
width: 100px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700
}
.form-input-text {
border: 1px solid #ccc;
padding: 5px 10px;
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
outline: none;
box-sizing: border-box
}
.form-input-text:focus {
outline: #fb9425
}
.form-table {
border: 1px solid #ccc
}
.form-table tr {
border-bottom: 1px solid #ccc
}
.form-table tr:nth-child(odd) {
background: #fafafa
}
.form-table tr.is-error {
background: #fff4f4
}
.form-table tr th {
text-align: left;
vertical-align: middle;
padding: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
font-weight: 700;
width: 290px;
box-sizing: border-box
}
.form-table tr th span {
display: block;
margin-top: 10px;
color: #444;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.66666667;
font-weight: 400;
padding-right: 50px
}
.form-table tr th.is-reqired {
position: relative
}
.form-table tr th.is-reqired:after {
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
display: block;
vertical-align: middle;
width: 45px;
height: 20px;
background: #f95757;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 10px;
font-size: 1rem;
line-height: 2;
color: #fff;
text-align: center;
content: "\5FC5\9808"
}
.form-table tr td {
padding: 20px 30px;
vertical-align: middle
}
.form-table tr td,
.form-table tr td span {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143
}
.form-table tr td span {
margin: 0 10px;
color: #444
}
.form-rows {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.form-radio {
display: none
}
.form-radio-label {
position: relative;
padding-left: 25px;
margin-right: 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1
}
.form-radio-label:before {
content: "";
display: block;
position: absolute;
top: -1px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #ccc;
border-radius: 50%
}
.form-radio:checked+label:after {
content: "";
display: block;
position: absolute;
top: 2px;
left: 3px;
width: 11px;
height: 11px;
background: #666;
border-radius: 50%
}
.form-radio-btn {
display: none
}
.form-radio-btn-label {
border: 1px solid #ccc;
padding: 5px 15px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
margin-right: 5px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
color: #fb9425;
font-weight: 700
}
.form-radio-btn:checked+label {
border: 1px solid #fb9425;
background: #fb9425;
color: #fff
}
.form-select {
border: 1px solid #ccc;
position: relative;
overflow: hidden;
background: #fff
}
.form-select select {
padding: 10px;
width: 100%;
text-overflow: "";
outline: none;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
background: none transparent
}
.form-select:before {
width: 1px;
height: 100%;
background: #ccc;
top: 0;
right: 30px
}
.form-select:after,
.form-select:before {
position: absolute;
display: block;
content: ""
}
.form-select:after {
pointer-events: none;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -7px;
border-top: 2px solid #7f7f7f;
border-right: 2px solid #7f7f7f;
transform: rotate(135deg)
}
.form-note {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #999;
margin-left: 20px
}
.form-block>p {
margin-bottom: 10px
}
.form-block+.form-block {
margin-top: 20px
}
.form-error {
padding: 0 10px;
border: 3px solid #f95757;
margin-bottom: 20px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.form-error-text {
color: #f95757;
font-weight: 700;
background: url(/assets/images/icon/ico_error.png) no-repeat 0;
background-size: 20px 20px;
padding: 10px 10px 10px 30px
}
.form-checkbox {
display: none
}
.form-checkbox+label {
position: relative
}
.form-checkbox+label:before {
width: 15px;
height: 15px;
display: inline-block;
border: 1px solid #ccc;
vertical-align: middle;
margin-right: 10px;
content: ""
}
.form-checkbox:checked+label:after {
content: "";
display: block;
position: absolute;
top: -5px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #fb9425;
border-right: 3px solid #fb9425
}
.form-box,
.form-box-scrolled {
border: 1px solid #ccc;
background: #fafafa;
padding: 15px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.71428571
}
.form-box-scrolled {
overflow: auto;
max-height: 200px;
font-size: 14px;
font-size: 1.4rem;
line-height: 2
}
.form-check-area {
text-align: center
}
.form-check-area p {
margin-bottom: 20px
}
.form-textarea {
border: 1px solid #ccc;
outline: none;
width: 100%;
padding: 15px;
box-sizing: border-box;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143
}
.form-date-picker {
position: relative
}
.form-date-picker input {
font-size: 12px;
font-size: 1.2rem;
line-height: 1
}
.form-date-picker:after {
display: none;
position: absolute;
right: 10px;
top: 50%;
margin-top: -8px;
width: 16px;
height: 16px;
background: url(/assets/images/icon/ico_calendar_bl.png) no-repeat 0 0;
background-size: 16px 16px;
content: ""
}
@media (max-width:767px) {
.form-group {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%
}
.form-group+.form-group {
margin-top: 5.33333333vw
}
.form-label {
width: 100%;
font-size: 3.73333333vw;
margin-bottom: 2.66666667vw
}
.form-item {
width: 100%
}
.form-input-text {
box-sizing: border-box;
padding: 1.33333333vw 2.66666667vw;
font-size: 4.26666667vw;
width: 100%
}
.form-table {
width: 100%
}
.form-table tr th {
text-align: left;
vertical-align: middle;
padding: 4vw 4vw 1.33333333vw;
font-size: 3.73333333vw;
width: 100%;
display: block
}
.form-table tr th span {
display: block;
margin-top: 10px;
color: #444;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.66666667;
font-weight: 400
}
.form-table tr th.is-reqired:after {
position: absolute;
right: 2.66666667vw;
top: 4vw;
margin-top: 0;
display: block;
vertical-align: middle;
width: 12vw;
height: 5.33333333vw;
font-size: 2.66666667vw;
border-radius: .8vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.form-table tr td {
width: 100%;
display: block;
padding: 4vw;
font-size: 3.73333333vw;
box-sizing: border-box
}
.form-table tr td span {
font-size: 3.46666667vw;
margin: 0 0 2.66666667vw
}
.form-rows,
.form-rows.only-pc {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.form-rows.only-pc {
flex-direction: column;
width: 100%
}
.form-rows.only-pc>div {
width: 100%
}
.form-rows.only-pc .form-parts+.form-parts {
margin-top: 5.33333333vw
}
.form-rows.only-sp>div+div {
margin-left: 2.66666667vw
}
.form-parts span {
display: inline-block
}
.form-radio-label {
padding-left: 6.66666667vw;
margin-right: 2.66666667vw;
font-size: 3.73333333vw
}
.form-radio-label:before {
top: -1px;
left: 0;
width: 4vw;
height: 4vw
}
.form-radio:checked+label:after {
top: .66666667vw;
left: .93333333vw;
width: 2.93333333vw;
height: 2.93333333vw
}
.form-radio-btn-label {
padding: 1.33333333vw 4vw;
border-radius: .8vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-right: 1.33333333vw;
font-size: 3.73333333vw;
cursor: pointer
}
.form-select select {
padding: 2.66666667vw;
font-size: 4.26666667vw
}
.form-select:before {
right: 8vw
}
.form-select:after {
display: block;
pointer-events: none;
position: absolute;
top: 50%;
right: 2.66666667vw;
width: 1.86666667vw;
height: 1.86666667vw;
margin-top: -1.86666667vw;
border-top: .53333333vw solid #7f7f7f;
border-right: .53333333vw solid #7f7f7f
}
.form-note {
font-size: 3.2vw;
margin-left: 0;
margin-top: 2.66666667vw
}
.form-error {
padding: 0 2.66666667vw;
border: .8vw solid #f95757;
margin-bottom: 5.33333333vw
}
.form-error-text {
font-size: 3.73333333vw;
background-size: 4.26666667vw 4.26666667vw;
padding: 2.66666667vw 2.66666667vw 2.66666667vw 5.33333333vw
}
.form-checkbox+label {
position: relative;
font-size: 3.73333333vw;
font-weight: 700
}
.form-checkbox+label:before {
width: 4vw;
height: 4vw;
margin-right: 1.33333333vw
}
.form-checkbox:checked+label:after {
content: "";
display: block;
position: absolute;
top: -1.33333333vw;
left: 1.6vw;
width: 1.86666667vw;
height: 3.73333333vw;
border-bottom: .8vw solid #fb9425;
border-right: .8vw solid #fb9425
}
.form-box,
.form-box-scrolled {
padding: 4vw;
font-size: 3.73333333vw
}
.form-box-scrolled {
max-height: 53.33333333vw;
background: #fff
}
.form-box-scrolled::-webkit-scrollbar {
width: 1.33333333vw;
background: #e5e5e5
}
.form-box-scrolled::-webkit-scrollbar-track {
border-radius: .8vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #fafafa
}
.form-box-scrolled::-webkit-scrollbar-thumb {
background: #fb9425;
border-radius: .8vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.form-check-area p {
margin-bottom: 2.66666667vw;
font-size: 3.73333333vw
}
.form-textarea {
width: 100%;
padding: 4vw;
box-sizing: border-box;
font-size: 4.26666667vw
}
}
@media (min-width:768px) {
.flow {
margin: 40px 0
}
.flow-list {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
width: 100%;
overflow: hidden
}
.flow-item {
box-flex: 1;
height: 100px;
width: 340px;
position: relative;
font-size: 20px;
font-size: 2rem;
line-height: 1;
font-weight: 700;
color: #fb9425;
background: #fb9425;
padding-top: 3px;
padding-bottom: 3px
}
.flow-item,
.flow-item>div {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
box-sizing: border-box
}
.flow-item>div {
background: #fff;
height: 96px;
width: 100%
}
.flow-item.current>div {
background: #fb9425;
color: #fff
}
.flow-item p+p {
margin-top: 10px
}
.flow-item-01 {
padding-left: 3px
}
.flow-item-01:after {
position: absolute;
display: block;
top: 50%;
margin-top: -50px;
left: 100%;
width: 0;
height: 0;
border-color: transparent transparent transparent #fb9425;
border-style: solid;
border-width: 50px 0 50px 30px;
content: ""
}
.flow-item-01>div {
padding-left: 30px
}
.flow-item-01>div:after {
position: absolute;
display: block;
top: 50%;
margin-top: -45px;
left: 100%;
width: 0;
height: 0;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 45px 0 45px 27px;
content: "";
z-index: 10
}
.flow-item-01.current>div:after {
border-color: transparent transparent transparent #fb9425
}
.flow-item-02:before {
left: 0;
z-index: 10
}
.flow-item-02:after,
.flow-item-02:before {
position: absolute;
display: block;
top: 50%;
margin-top: -50px;
width: 0;
height: 0;
border-color: transparent transparent transparent #fb9425;
border-style: solid;
border-width: 50px 0 50px 30px;
content: ""
}
.flow-item-02:after {
left: 100%
}
.flow-item-02>div {
padding-left: 50px;
position: relative;
display: block;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: flex-start;
flex-direction: column
}
.flow-item-02>div:before {
left: 0
}
.flow-item-02>div:after,
.flow-item-02>div:before {
position: absolute;
display: block;
top: 50%;
margin-top: -45px;
width: 0;
height: 0;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 45px 0 45px 27px;
content: "";
z-index: 10
}
.flow-item-02>div:after {
left: 100%
}
.flow-item-02.current {
color: #fff;
background: #fb9425
}
.flow-item-02.current:before {
border-color: transparent transparent transparent #fff
}
.flow-item-02.current>div:after,
.flow-item-02.current>div:before {
display: none
}
.flow-item-03 {
padding-right: 3px
}
.flow-item-03:before {
position: absolute;
display: block;
top: 50%;
margin-top: -50px;
left: 0;
width: 0;
height: 0;
border-color: transparent transparent transparent #fb9425;
border-style: solid;
border-width: 50px 0 50px 30px;
z-index: 10;
content: ""
}
.flow-item-03>div {
position: relative;
display: block;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
padding-left: 50px
}
.flow-item-03>div:before {
position: absolute;
display: block;
top: 50%;
margin-top: -45px;
left: 0;
width: 0;
height: 0;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 45px 0 45px 27px;
content: "";
z-index: 10
}
.flow-item-03.current {
color: #fff;
background: #fb9425
}
.flow-item-03.current:before {
border-color: transparent transparent transparent #fff
}
.flow-item-03.current>div:before {
display: none
}
}
@media (max-width:767px) {
.flow {
margin-top: 5.33333333vw;
padding: 0 5.33333333vw;
margin-bottom: 5.33333333vw
}
.flow-item,
.flow-list {
display: block
}
.flow-item {
width: 100%;
position: relative;
overflow: hidden
}
.flow-item>div {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center
}
.flow-item.current p {
color: #fff;
background: #fb9425
}
.flow-item.current p.flow-step:before {
display: none
}
.flow-item+.flow-item {
margin-top: 5.33333333vw
}
.flow-item+.flow-item:before {
display: block;
position: absolute;
left: 50%;
top: -4vw;
width: 4.53333333vw;
height: 2.13333333vw;
margin-left: -8.5px;
width: 0;
height: 0;
border-color: #fb9425 transparent transparent;
border-style: solid;
border-width: 8px 8.5px 0;
content: ""
}
.flow-step {
height: 13.33333333vw;
width: 17%;
color: #fb9425;
text-align: center;
font-size: 4vw;
font-weight: 700;
padding: 0 2.66666667vw;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
border: .53333333vw solid #fb9425;
border-right: none;
position: relative
}
.flow-step:before {
top: 0;
border-color: transparent transparent transparent #fff;
border-width: 6.13333333vw 0 6.13333333vw 1.86666667vw;
z-index: 10
}
.flow-step:after,
.flow-step:before {
display: block;
position: absolute;
left: 100%;
width: 0;
height: 0;
border-style: solid;
content: ""
}
.flow-step:after {
top: 50%;
margin-top: -8vw;
border-color: transparent transparent transparent #fb9425;
border-width: 8vw 0 8vw 2.66666667vw
}
.flow-label {
height: 13.33333333vw;
width: 80%;
color: #fb9425;
margin-left: auto;
font-size: 4vw;
font-weight: 700;
box-sizing: border-box;
line-height: 4.26666667vw;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
position: relative;
padding: 0 2.66666667vw 0 5.33333333vw;
border: .53333333vw solid #fb9425;
border-left: none
}
.flow-label:before {
top: 0;
border-color: transparent transparent transparent #fff;
border-width: 6.13333333vw 0 6.13333333vw 2.66666667vw;
z-index: 10
}
.flow-label:after,
.flow-label:before {
display: block;
position: absolute;
left: 0;
width: 0;
height: 0;
border-style: solid;
content: ""
}
.flow-label:after {
top: 50%;
margin-top: -8vw;
border-color: transparent transparent transparent #fb9425;
border-width: 8vw 0 8vw 3.46666667vw
}
}
.js-trigger {
position: relative
}
.js-trigger:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 14px;
height: 14px;
margin-top: -12px;
border-top: 1px solid #595959;
border-right: 1px solid #595959;
transform: rotate(135deg);
content: ""
}
.js-trigger.is-active:after {
margin-top: 0;
transform: rotate(315deg)
}
.js-pannel {
display: none
}
.list-box-item+.list-box-item {
margin-left: 23px
}
.list-box-item+.list-box-item+.list-box-item+.list-box-item {
margin-top: 70px
}
.list-box-item:nth-child(4n) {
margin-left: 0
}
.list-box-trigger {
pointer-events: none;
position: relative;
background: #000;
margin-bottom: 30px
}
.list-box-trigger img {
opacity: .45;
filter: alpha(opacity=45);
vertical-align: bottom
}
.list-box-head {
position: absolute;
z-index: 10;
color: #fff;
padding: 0;
text-align: center;
top: 50%;
width: 100%;
box-sizing: border-box;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.list-box-head p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143
}
.list-box-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
margin-bottom: 10px
}
.list-box-pannel ul li a {
display: block;
padding: 0 0 15px 20px;
border-bottom: 1px solid #ccc;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
position: relative
}
.list-box-pannel ul li a:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
width: 0;
height: 0;
border-color: transparent transparent transparent #000;
border-style: solid;
border-width: 4px 0 4px 7px;
content: ""
}
.list-box-pannel ul li+li {
padding-top: 15px
}
@media (max-width:767px) {
.list-box-item+.list-box-item {
margin-left: 0;
margin-top: .8vw
}
.list-box-item+.list-box-item+.list-box-item+.list-box-item {
margin-top: 0
}
.list-box-trigger {
margin-bottom: 1.33333333vw;
padding-top: 36%;
position: relative;
overflow: hidden;
pointer-events: auto
}
.list-box-trigger img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.list-box-trigger:before {
width: 11.73333333vw;
height: 11.73333333vw;
background: #fff;
bottom: -5.86666667vw;
left: 50%;
margin-left: -5.86666667vw;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
content: "";
z-index: 10
}
.list-box-trigger:after {
width: 5.06666667vw;
height: 2.66666667vw;
background: url(/assets/images/icon/ico_arrow_down.png) no-repeat 0 0;
background-size: 5.06666667vw 2.66666667vw;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -2.4vw;
content: "";
z-index: 11
}
.list-box-trigger.js-active:after {
transform: rotate(-180deg)
}
.list-box-head {
height: auto;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
padding: 0 2.66666667vw 5.33333333vw;
box-sizing: border-box
}
.list-box-head p {
font-size: 3.2vw
}
.list-box-title {
font-size: 4.8vw;
margin-bottom: 2.66666667vw
}
.list-box-pannel {
display: none;
padding-top: 5.33333333vw;
margin-bottom: 35px
}
.list-box-pannel ul {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.list-box-pannel ul li {
width: 48%
}
.list-box-pannel ul li:nth-child(2n) {
margin-left: auto
}
.list-box-pannel ul li a {
display: block;
padding: 2.66666667vw 0 2.66666667vw 2.66666667vw;
border-bottom: none;
font-size: 3.2vw;
position: relative
}
.list-box-pannel ul li a:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -.53333333vw;
width: 0;
height: 0;
border-color: transparent transparent transparent #000;
border-style: solid;
border-width: .53333333vw 0 .53333333vw 1.06666667vw;
content: ""
}
.list-box-pannel ul li+li {
padding-top: 0
}
}
.squer-box {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap
}
.squer-box a {
position: relative;
display: block;
height: 240px;
color: #fff
}
.squer-box a img {
opacity: .8;
filter: alpha(opacity=80);
width: 100%;
height: 240px;
-o-object-fit: cover;
object-fit: cover
}
.squer-box-item {
margin-bottom: 20px
}
.squer-box-1 {
width: 265px
}
.squer-box-2 {
width: 360px
}
.squer-box-3 {
width: 549px
}
.squer-box-txt {
font-weight: 700;
position: absolute;
text-align: center;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 10;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.42857143
}
.squer-box .squer-img {
background: #000;
height: 240px
}
.squer-box .feature_text {
font-size: 1.4rem;
line-height: 1.3em;
margin-top: 5px
}
@media (max-width:767px) {
.squer-box a {
height: auto
}
.squer-box a img {
height: 120px;
display: block
}
.squer-box-item {
width: 48.5%;
margin-bottom: 2.66666667vw
}
.squer-box-1 {
grid-row: span 1;
grid-column: span 2
}
.squer-box-2 {
grid-row: span 2;
grid-column: span 2
}
.squer-box-3 {
grid-row: span 2;
grid-column: span 4
}
.squer-box-txt {
position: absolute;
text-align: center;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 10;
font-size: 14px;
font-size: 1.4rem;
line-height: 1
}
.squer-box .squer-img {
height: 120px
}
.squer-box .feature_text {
font-size: 1rem;
text-align: left
}
}
.tab-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.tab-list li {
background: #ccc;
width: 50%
}
.tab-list li a {
display: block;
padding: 20px 0;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
color: #fff;
position: relative;
font-weight: 700
}
.tab-list li a img {
margin-right: 15px;
height: 30px;
width: auto;
vertical-align: bottom
}
.tab-active {
background: #fb9425
}
.tab-active:after {
display: block;
position: absolute;
top: 100%;
left: 50%;
margin-left: -16.5px;
width: 0;
height: 0;
border-color: #fb9425 transparent transparent;
border-style: solid;
border-width: 15px 16.5px 0;
content: ""
}
.tab-content {
display: none
}
@media (max-width:767px) {
.tab-list li a {
display: block;
padding: 2.66666667vw 0;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #fff;
position: relative
}
.tab-list li a img {
height: 5.06666667vw;
width: auto;
display: block;
margin: 0 auto 1.33333333vw;
vertical-align: bottom
}
.tab-active {
background: #fb9425
}
.tab-active:after {
display: block;
position: absolute;
top: 100%;
left: 50%;
margin-left: -1.86666667vw;
width: 0;
height: 0;
border-color: #fb9425 transparent transparent;
border-style: solid;
border-width: 1.86666667vw 1.86666667vw 0;
content: ""
}
}
.tag-box {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
padding-left: 50px
}
.tag-box:before {
position: absolute;
left: 0;
top: 5px;
content: "\7279\5FB4";
font-weight: 700
}
.tag-box-item {
margin: 0 10px 0 0
}
.tag-box-item a,
.tag-box-item p {
display: block;
padding: 10px 15px;
background: #efefef;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700
}
.tag-box-item p {
cursor: default
}
@media (max-width:767px) {
.tag-box {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
position: relative;
padding-left: 9.33333333vw
}
.tag-box:before {
position: absolute;
left: 0;
top: 40%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-size: 3.2vw
}
.tag-box-item {
margin: 0 2.66666667vw 2.66666667vw 0
}
.tag-box-item a {
padding: 2.66666667vw;
font-size: 3.2vw
}
}
.tags {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.tags li {
padding: 5px 0 5px 15px;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
margin: 0 10px 0 0
}
.tags li.location {
background: url(/assets/images/icon/ico_location.png) no-repeat 0;
background-size: 11px 15px;
padding-left: 20px
}
.tags li.tag {
background: url(/assets/images/icon/ico_tag.png) no-repeat 0;
background-size: 12px 15px;
padding-left: 20px
}
.tags li.calendar {
background: url(/assets/images/icon/ico_calendar.png) no-repeat 0;
background-size: 14px 14px;
padding-left: 20px
}
.tags li a {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #666
}
@media (max-width:767px) {
.tags li {
padding: 1.33333333vw 1.33333333vw 0 0;
font-size: 3.2vw
}
.tags li.location {
background-size: 2.93333333vw 4vw;
padding-left: 5.33333333vw
}
.tags li.calendar {
background-size: 3.73333333vw 3.73333333vw;
padding-left: 5.33333333vw
}
.tags li a {
font-size: 2.93333333vw;
color: #666
}
}
#contentLoader {
opacity: .3;
background: grey
}
#contentConfirmLoad,
#contentLoader {
margin: 0;
padding: 0;
text-decoration: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
display: none
}
#contentConfirmLoad {
background: rgba(0, 0, 0, .3)
}
#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 16px solid #f3f3f3;
border-top-color: #0083fd;
width: 50px;
height: 50px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn)
}
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}
@-webkit-keyframes animatebottom {
0% {
bottom: -100px;
opacity: 0
}
to {
bottom: 0;
opacity: 1
}
}
@keyframes animatebottom {
0% {
bottom: -100px;
opacity: 0
}
to {
bottom: 0;
opacity: 1
}
}
.site-dialog {
position: absolute;
left: 35%;
top: 35%;
z-index: 1;
width: 100%;
max-width: 500px;
padding: 0;
border-width: 0;
background: rgba(0, 0, 0, .5);
opacity: 1
}
.site-dialog p {
font-size: 14px
}
.site-dialog .dialog-content {
padding: 30px 20px;
color: #555;
background-color: #fff
}
.site-dialog .dialog-content p:last-of-type,
.site-dialog .dialog-content p:only-child {
margin-top: 0;
margin-bottom: 0
}
.site-dialog .btn-group {
padding: 15px 20px;
text-align: right;
background-color: #f5f6f8
}
.site-dialog .btn-group .btn {
padding: 10px 15px;
cursor: pointer;
color: #555;
border-width: 1px;
border-style: solid;
border-radius: 3px;
background-color: #f3f3f3
}
.site-dialog .btn-group .btn-primary {
color: #fff;
border-color: #0066c0;
background-color: #0074d9
}
.site-dialog .btn-group .btn-primary:hover {
background-color: #0066c0
}
.site-dialog .btn-group .btn-danger {
color: #fff;
border-color: #ab3326;
background-color: #c0392b
}
.site-dialog .btn-group .btn-danger:hover {
background-color: #ab3326
}
.site-dialog .btn-group .btn-cancel {
color: #999;
border-color: #ddd
}
.site-dialog .btn-group .btn-cancel:hover {
background-color: #e6e6e6
}
#modalDialog {
margin: 0;
padding: 0;
text-decoration: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: rgba(0, 0, 0, .3);
display: none
}
.calendar-dialog {
position: absolute;
top: 35%;
z-index: 1;
width: 100%;
max-width: 299px;
padding: 0;
border-width: 0;
opacity: 1;
margin-left: 10px
}
.calendar-dialog p {
font-size: 14px
}
.calendar-dialog .dialog-content {
padding: 30px 20px;
color: #555;
background-color: #fff
}
.calendar-dialog .dialog-content p:last-of-type,
.calendar-dialog .dialog-content p:only-child {
margin-top: 0;
margin-bottom: 0
}
.calendar-dialog .btn-group {
padding: 15px 20px;
text-align: right;
background-color: #f5f6f8
}
.calendar-dialog .btn-group .btn {
padding: 10px 15px;
cursor: pointer;
color: #555;
border-width: 1px;
border-style: solid;
border-radius: 3px;
background-color: #f3f3f3
}
.calendar-dialog .btn-group .btn-primary {
color: #fff;
border-color: #0066c0;
background-color: #0074d9
}
.calendar-dialog .btn-group .btn-primary:hover {
background-color: #0066c0
}
.calendar-dialog .btn-group .btn-danger {
color: #fff;
border-color: #ab3326;
background-color: #c0392b;
border-radius: 50%
}
.calendar-dialog .btn-group .btn-danger:hover {
background-color: #ab3326
}
.calendar-dialog .btn-group .btn-cancel {
color: #fff;
border-color: #ddd;
border-radius: 50%
}
.calendar-dialog .btn-group .btn-cancel:hover {
background-color: #e6e6e6
}
@media only screen and (max-width:600px) {
.calendar-dialog {
margin-left: 35px;
max-width: 530px
}
}
@media only screen and (max-width:425px) {
.calendar-dialog {
margin-left: 25px;
max-width: 375px
}
}
@media only screen and (max-width:414px) {
.calendar-dialog {
margin-left: 57px;
max-width: 299px
}
}
@media only screen and (max-width:411px) {
.calendar-dialog {
margin-left: 25px;
max-width: 361px
}
}
@media only screen and (max-width:375px) {
.calendar-dialog {
margin-left: 22px;
max-width: 330px
}
}
@media only screen and (max-width:360px) {
.calendar-dialog {
margin-left: 30px;
max-width: 299px
}
}
@media only screen and (max-width:320px) {
.calendar-dialog {
margin-left: 12px;
max-width: 299px
}
}
.activity-title {
position: relative;
padding-left: 60px
}
.activity-title:before {
width: 42px;
height: 34px;
position: absolute;
top: 50%;
left: 0;
margin-top: -17px;
display: block;
background: url(/assets/images/icon/ico_activity.png) no-repeat 0 0;
background-size: 42px 34px;
content: ""
}
.area-title {
position: relative;
padding-left: 60px
}
.area-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: block;
background: url(/assets/images/icon/ico_area.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.area-img {
width: 570px;
height: 535px;
border: 1px solid #ccc;
background: url(/assets/images/top/bg_area.png) no-repeat 55px;
background-size: 508px 457px;
position: relative
}
.area-primary {
margin-left: auto;
width: 510px
}
.area-stitle {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
margin-bottom: 20px
}
.area-search {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 30px
}
.area-search li {
width: 240px
}
.area-search li:nth-child(2n) {
margin-left: auto
}
.area-search li a {
display: block;
position: relative;
background: #000;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
border: 1px solid #ccc;
box-sizing: border-box
}
.area-search li a>div {
position: absolute;
letter-spacing: .1em;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 1;
color: #fff;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
font-weight: 700
}
.area-search li a img {
vertical-align: bottom;
opacity: .5;
filter: alpha(opacity=50);
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.area-search li+li+li {
margin-top: 10px
}
.area-button {
margin-left: auto;
text-align: right
}
.area-button a {
margin-left: auto;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
width: 250px;
padding: 10px 0;
text-align: center;
display: block;
height: auto;
position: relative
}
.area-button a:after {
position: absolute;
right: 15px;
top: 50%;
margin-top: -3.5px;
width: 0;
height: 0;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 3.5px 0 3.5px 7px;
content: ""
}
.area-btn {
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 80px;
height: 35px;
font-weight: 700;
font-size: 13px;
font-size: 1.3rem;
line-height: 2.69230769;
text-align: center;
display: block;
position: absolute
}
.area-01 {
background: #cbe07e;
top: 100px;
right: 50px
}
.area-02 {
background: #9bdd9f;
top: 240px;
right: 95px
}
.area-03 {
background: #7fd0dd;
top: 330px;
right: 115px
}
.area-04 {
background: #7fc4f7;
bottom: 110px;
right: 195px
}
.area-05 {
background: #c09fce;
top: 250px;
right: 205px
}
.area-06 {
background: #a3a8d3;
top: 295px;
right: 270px
}
.area-07 {
background: #fcd0f9;
bottom: 140px;
right: 285px
}
.area-08 {
background: #ffae43;
top: 310px;
left: 110px
}
.area-09 {
background: #fce24c;
bottom: 85px;
left: 155px
}
.area-10 {
background: #e0c582;
bottom: 85px;
left: 45px
}
.area-11 {
background: #f19ca6;
top: 110px;
left: 145px
}
@media (max-width:767px) {
.area-title {
position: relative;
padding-left: 7.73333333vw
}
.area-title:before {
width: 5.33333333vw;
height: 5.33333333vw;
position: absolute;
top: 50%;
left: 0;
margin-top: -2.66666667vw;
display: block;
background-size: 5.33333333vw 5.33333333vw;
content: ""
}
}
.article-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 40px
}
.article-card {
background: #fff;
border: 1px solid #ccc;
padding: 15px;
width: 265px;
box-sizing: border-box
}
.article-photo {
width: 100%;
height: 160px;
position: relative;
overflow: hidden
}
.article-photo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
min-height: 160px
}
.article-card+.article-card {
margin-left: 20px
}
.article-btn {
width: 270px;
display: block;
margin: 0 auto;
font-weight: 700;
text-align: center
}
.article-date {
text-align: right;
color: #ccc;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
margin-top: 20px
}
.article-post-title {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.625;
font-weight: 700
}
@media (max-width:767px) {
.article-list {
flex-direction: column;
margin-bottom: 5.33333333vw
}
.article-card {
padding: 2.66666667vw;
width: 100%
}
.article-card a {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.article-photo {
width: 30%
}
.article-photo img {
width: 100%;
height: auto;
vertical-align: bottom
}
.article-info {
width: 65%;
margin-left: auto
}
.article-post-title {
font-size: 3.2vw;
line-height: 4.26666667vw
}
.article-card+.article-card {
margin-top: 4vw;
margin-left: 0
}
.article-date {
text-align: left;
color: #ccc;
font-size: 3.2vw;
margin-top: 2.66666667vw
}
}
.banners {
background: #f1f0eb;
margin-top: 60px
}
.banners-in {
width: 930px;
margin: 0 auto
}
.banners-in ul {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.banners-in ul li {
margin: 0 10px 0 0
}
.banners-in ul li:nth-child(5n) {
margin: 0
}
.banners-in ul li+li+li+li+li {
margin-top: 20px
}
.banners-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
padding: 0 20px
}
.banners-list li {
width: 48.5%;
margin-bottom: 20px
}
.banners-list li:nth-child(2n) {
margin-left: auto
}
@media (max-width:767px) {
.banners {
margin-top: 8vw
}
.banners-in {
width: 100%
}
.banners-in ul {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.banners-in ul li {
width: 48.5%;
margin: 0
}
.banners-in ul li:nth-child(2n) {
margin-left: auto
}
.banners-in ul li:nth-child(5n) {
margin: 0
}
.banners-in ul li+li+li+li+li {
margin-top: 0
}
.banners-list {
flex-direction: column;
flex-wrap: wrap;
padding: 0
}
.banners-list li {
width: 100%;
margin-bottom: 0
}
.banners-list li img {
width: 100%;
height: auto;
vertical-align: bottom
}
.banners-list li:nth-child(2n) {
margin-left: 0
}
.banners-list li+li {
margin-top: 4vw
}
}
.box {
border: 3px solid #fb9425;
padding: 30px 20px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
width: 50%;
margin: 0 auto 10px;
background: #fff
}
.box-label {
font-size: 20px;
font-size: 2rem;
line-height: 1;
margin-bottom: 0;
font-weight: 700;
color: #444
}
.box-inner {
padding: 20px 0 10px;
margin-bottom: 15px
}
.box-tel a {
color: #fb9425;
font-weight: 700;
font-size: 40px;
font-size: 4rem;
line-height: 1;
letter-spacing: .1em
}
.box-small {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #666;
margin-left: 10px
}
.box-btn {
display: block;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
padding: 10px 30px;
width: 300px
}
@media (max-width:767px) {
.box {
border: .8vw solid #fb9425;
padding: 5.33333333vw;
border-radius: 2.13333333vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 100%;
box-sizing: border-box
}
.box,
.box-label {
margin-bottom: 2.66666667vw
}
.box-label {
font-size: 3.73333333vw;
font-weight: 700;
color: #444
}
.box-inner {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 2.66666667vw 0;
margin-bottom: 4vw
}
.box-tel {
line-height: 8vw
}
.box-tel a {
color: #fb9425;
font-weight: 700;
font-size: 6.4vw;
letter-spacing: .1em
}
.box-small {
font-size: 3.2vw;
color: #666
}
.box-btn {
display: block;
text-align: center;
font-size: 3.73333333vw;
padding: 2.66666667vw
}
}
.breadcrumb {
overflow: hidden;
width: 100%
}
.breadcrumb-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
background: #ffe172
}
.breadcrumb-list li a {
height: 45px;
background: #f4f1ed;
padding: 0 30px;
font-size: 12px;
font-size: 1.2rem;
line-height: 3.75;
display: block;
position: relative;
white-space: nowrap
}
.breadcrumb-list li a:before {
margin-right: -12px;
border-color: transparent transparent transparent #fff;
z-index: 9
}
.breadcrumb-list li a:after,
.breadcrumb-list li a:before {
position: absolute;
width: 0;
right: 0;
height: 0;
border-style: solid;
border-width: 22.5px 0 22.5px 11px;
content: ""
}
.breadcrumb-list li a:after {
margin-right: -11px;
border-color: transparent transparent transparent #f4f1ed;
z-index: 10
}
.breadcrumb-list li a:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.breadcrumb-list li a.breadcrumb-special {
cursor: default
}
.breadcrumb-current {
height: 45px;
font-size: 12px;
font-size: 1.2rem;
line-height: 3.75;
padding-left: 30px;
font-weight: 700;
position: relative;
background: #ffe172
}
.breadcrumb-current:before {
display: block;
width: 100vw;
height: 45px;
background: #ffe172;
position: absolute;
top: 0;
left: 100%;
z-index: 0;
content: ""
}
@media (max-width:767px) {
.breadcrumb {
border-bottom: 1px solid #ccc
}
.breadcrumb-list li a {
height: 8vw;
background: #f4f1ed;
padding: 0 5.33333333vw;
font-size: 10px;
font-size: 1rem;
line-height: 1;
line-height: 8.53333333vw;
display: block;
position: relative
}
.breadcrumb-list li a:before {
margin-right: -12px;
border-color: transparent transparent transparent #fff;
z-index: 9
}
.breadcrumb-list li a:after,
.breadcrumb-list li a:before {
position: absolute;
width: 0;
right: 0;
height: 0;
border-style: solid;
border-width: 4vw 0 4vw 2.66666667vw;
content: ""
}
.breadcrumb-list li a:after {
margin-right: -11px;
border-color: transparent transparent transparent #f4f1ed;
z-index: 10
}
.breadcrumb-current {
height: 8vw;
font-size: 10px;
font-size: 1rem;
line-height: 1;
line-height: 8.53333333vw;
padding-left: 5.33333333vw
}
.breadcrumb-current:before {
display: block;
width: 100vw;
height: 8vw;
background: #ffe172;
position: absolute;
top: 0;
left: 100%;
z-index: 0;
content: ""
}
}
.category-title {
position: relative;
padding-left: 60px
}
.category-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -17px;
display: block;
background: url(/assets/images/icon/ico_tag.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.category-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.category-list li a {
display: block;
padding: 15px 30px;
border-bottom: 1px solid #ccc
}
.category-list li span {
color: #fb9425
}
.category-list>li+li {
margin-left: 25px
}
.category-list>li {
width: 356px
}
.category-list>li:nth-child(3n+1) {
margin-left: 0
}
@media (max-width:767px) {
.category-title {
padding-left: 8vw
}
.category-title:before {
width: 5.33333333vw;
height: 5.33333333vw;
margin-top: -2.66666667vw;
background-size: 5.33333333vw 5.33333333vw
}
.category-list {
flex-direction: column
}
.category-list li {
width: 100%
}
.category-list li a {
display: block;
padding: 2.66666667vw;
border-bottom: 1px solid #ccc;
font-size: 3.2vw
}
.category-list li .js-pannel {
padding-left: 6.66666667vw
}
.category-list li span {
color: #fb9425
}
.category-list>li+li {
margin-left: 0
}
.category-list>li {
width: 100%
}
.category-list>li:nth-child(3n+1) {
margin-left: 0
}
}
.course-list-title {
font-weight: 700;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
margin-bottom: 20px;
background: url(/assets/images/icon/ico_course.png) no-repeat 0;
background-size: 16px auto;
padding-left: 20px
}
.course-list-flex {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center
}
.course-list-flex .btn {
width: 130px;
padding-left: 10px;
position: relative
}
.course-list-flex .btn:after {
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -4.5px;
width: 0;
height: 0;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 4.5px 0 4.5px 8px;
content: ""
}
.course-list-inner {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.course-list-name {
width: 500px;
box-sizing: border-box;
border-left: 5px solid #fb9425;
font-weight: 700;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
padding-left: 10px;
flex-grow: 3;
margin-right: 70px
}
.course-list-price {
width: 330px;
margin-right: 15px;
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
font-weight: 700;
color: #f95757
}
.course-list-price span {
display: block;
font-weight: 400;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
color: #333;
margin-bottom: 5px
}
.course-list-lineup {
padding: 15px 0
}
.course-list-lineup+.course-list-lineup {
border-top: 1px solid #ccc
}
@media (max-width:767px) {
.course-list-title {
font-size: 3.73333333vw;
margin-bottom: 0;
background-size: 3.73333333vw auto;
padding-left: 5.33333333vw
}
.course-list-name {
width: 100%;
margin-bottom: 4vw;
border-left: .8vw solid #fb9425;
font-size: 3.2vw;
padding-left: 1.33333333vw;
margin-right: 0
}
.course-list-inner {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
width: 100%
}
.course-list-price {
width: auto;
margin-right: 0;
font-size: 4.8vw
}
.course-list-price span {
font-size: 2.66666667vw;
color: #333;
margin-bottom: 1.33333333vw
}
.course-list-price span br {
display: none
}
.course-list-flex {
flex-direction: column
}
.course-list-flex .btn {
margin-left: auto;
font-size: 3.73333333vw;
padding: 1.33333333vw 2.66666667vw;
width: 30.66666667vw;
position: relative
}
.course-list-flex .btn:after {
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -4.5px;
width: 0;
height: 0;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 4.5px 0 4.5px 8px;
content: ""
}
}
.cta {
background: #fb9425;
padding: 75px 0;
margin-bottom: 70px
}
.cta-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.cta-item-01 {
width: 440px
}
.cta-item-02 {
width: 630px;
margin-left: auto
}
.cta-title {
font-size: 28px;
font-size: 2.8rem;
line-height: 1;
font-weight: 700;
padding: 10px 0 10px 45px;
margin-bottom: 25px;
color: #fff
}
.cta-title-01 {
background: url(https://column.tabione.com/img/taiwan/logo_dog.png) no-repeat 0
}
.cta-title-02 {
background: url(/assets/images/icon/ico_support.png) no-repeat 0
}
.cta-lead {
margin-bottom: 15px;
line-height: 1
}
.cta-descrpition,
.cta-lead {
color: #fff;
font-size: 16px;
font-size: 1.6rem
}
.cta-descrpition {
padding-left: 45px;
line-height: 1.875
}
.cta-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 20px
}
.cta-btn {
background: #fff;
width: 48.5%;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
padding: 20px 25px;
box-sizing: border-box
}
.cta-btn .bold {
font-weight: 700;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
margin-bottom: 5px
}
.cta-btn:nth-child(2n) {
margin-left: auto
}
.cta-tel {
font-family: Noto Sans Japanese, sans-serif;
color: #fb9425;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
margin-top: 10px;
display: inline-block;
background: url(/assets/images/icon/ico_cta_tel.png) no-repeat 0;
background-size: 14px 24px;
padding-left: 20px
}
.cta-mail a,
.cta-tel {
line-height: 1;
position: relative
}
.cta-mail a {
font-size: 16px;
font-size: 1.6rem;
display: block;
padding: 10px 0
}
.cta-mail a:before {
display: inline-block;
background: url(/assets/images/icon/ico_cta_mail.png) no-repeat 0 0;
background-size: 18px 13px;
width: 18px;
height: 13px;
margin-right: 10px;
content: ""
}
.cta-note {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
color: #fff
}
@media (max-width:767px) {
.cta {
padding: 8vw 5.33333333vw;
margin-bottom: 0
}
.cta-flex {
flex-direction: column
}
.cta-item-01 {
width: 100%
}
.cta-item-02 {
width: 100%;
margin-left: 0;
margin-top: 10.66666667vw
}
.cta-title {
font-size: 4.26666667vw;
padding: 2.66666667vw 0 2.66666667vw 12vw;
margin-bottom: 5.33333333vw
}
.cta-descrpition,
.cta-lead {
font-size: 3.46666667vw
}
.cta-descrpition {
padding-left: 0
}
.cta-list {
flex-direction: column;
margin-bottom: 2.66666667vw
}
.cta-btn {
width: 100%;
text-align: center;
padding: 5.33333333vw 13.33333333vw;
box-sizing: border-box
}
.cta-btn .bold {
font-weight: 700;
font-size: 3.46666667vw;
margin-bottom: 2.66666667vw
}
.cta-btn:nth-child(2n) {
margin-left: 0;
margin-top: 5.33333333vw
}
.cta-tel {
font-family: Noto Sans Japanese, sans-serif;
font-size: 7.46666667vw;
margin-top: 2.66666667vw
}
.cta-mail a {
font-size: 3.46666667vw;
padding: 2.66666667vw 0
}
.cta-note {
font-size: 2.93333333vw
}
}
.box-top-ctt {
position: fixed;
right: 0;
bottom: 0;
z-index: 999999
}
.page-top {
text-align: right;
margin: 0 6px 2px 0
}
.page-top a {
width: 40px;
height: 40px;
background: rgba(30, 30, 30, .8);
display: inline-block;
position: relative
}
.page-top a:after {
content: "";
width: 14px;
height: 14px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(315deg);
position: absolute;
top: 50%;
left: 50%;
margin: -3px 0 0 -7px
}
.page-top a:hover {
background: hsla(0, 0%, 39.2%, .9)
}
.box-ctt {
background: rgba(51, 51, 51, .7);
text-decoration: none;
color: #fff;
padding: 13px 35px;
text-align: center;
display: block;
position: relative
}
.box-ctt #ctt {
position: fixed;
bottom: 20px;
width: 100%
}
.box-ctt label {
position: absolute;
top: auto;
bottom: 57%;
right: 15px;
color: #fff;
opacity: 1
}
.box-ctt .close:hover {
color: #fff
}
.box-ctt .btn-ctt {
background-color: #ff9500;
position: relative
}
.box-ctt .btn-ctt:hover {
color: #fff;
background: #ff5600
}
.box-ctt .btn-ctt:after {
content: "";
width: 14px;
height: 14px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(-45deg);
position: absolute;
top: 50%;
right: 7%;
margin: -10px 0 0 -10px
}
.box-top-ctt input,
.box-top-ctt input[type=checkbox]:checked+.box-cta {
display: none
}
.discount-title {
position: relative;
padding-left: 60px
}
.discount-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: block;
background: url(/assets/images/icon/ico_discount.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.faq-title {
position: relative;
padding-left: 40px
}
.faq-title:before {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
display: block;
background: url(/assets/images/icon/ico_question03.png) no-repeat 0 0;
background-size: 30px 30px;
content: ""
}
.faq-box {
border: 1px solid #ccc;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 20px;
margin-bottom: 20px
}
.faq-head {
position: relative;
padding: 0 40px;
font-weight: 700;
cursor: pointer
}
.faq-head:before {
width: 25px;
height: 25px;
display: block;
position: absolute;
top: 3px;
left: 0;
background: url(/assets/images/icon/ico_question02.png) no-repeat 0 0;
background-size: 25px 25px;
content: ""
}
.faq-detail {
display: none;
margin-top: 15px;
padding: 15px 40px 0;
border-top: 1px solid #ccc;
background: url(/assets/images/icon/ico_answer02.png) no-repeat 0 15px;
background-size: 25px 25px
}
.faq-detail p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143
}
@media (max-width:767px) {
.faq-box {
border: 1px solid #ccc;
border-radius: 1.33333333vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 2.66666667vw;
margin-bottom: 4vw
}
.faq-head {
padding: 0 8vw;
font-size: 3.73333333vw
}
.faq-head:before {
width: 6.66666667vw;
height: 6.66666667vw;
top: 0;
background-size: 6.66666667vw 6.66666667vw
}
.faq-detail {
margin-top: 2.13333333vw;
padding: 4vw 0 0 8vw;
border-top: 1px solid #ccc;
background: url(/assets/images/icon/ico_answer02.png) no-repeat 0 15px;
background-size: 25px 25px
}
.faq-detail p {
font-size: 3.2vw
}
}
.plan-title {
position: relative;
padding-left: 40px
}
.plan-title:before {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
display: block;
background: url(/assets/images/icon/ico_course.png) no-repeat 0 0;
background-size: 30px 30px;
content: ""
}
.plan-box {
border: 1px solid #ccc;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 20px;
margin-bottom: 20px
}
.plan-head {
position: relative;
padding: 0 40px;
font-weight: 700;
cursor: pointer
}
.plan-head:before {
width: 25px;
height: 25px;
display: block;
position: absolute;
top: 3px;
left: 0;
background: url(/assets/images/icon/ico_course.png) no-repeat 0 0;
background-size: 25px 25px;
content: ""
}
.plan-detail {
display: none;
margin-top: 15px;
padding: 15px 40px 0;
border-top: 1px solid #ccc;
background: url(/assets/images/icon/ico_course.png) no-repeat 0 15px;
background-size: 25px 25px
}
.plan-detail p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143
}
@media (max-width:767px) {
.plan-box {
border: 1px solid #ccc;
border-radius: 1.33333333vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 2.66666667vw;
margin-bottom: 4vw
}
.plan-head {
padding: 0 8vw;
font-size: 3.73333333vw
}
.plan-head:before {
width: 6.66666667vw;
height: 6.66666667vw;
top: 0;
background-size: 6.66666667vw 6.66666667vw
}
.plan-detail {
margin-top: 2.13333333vw;
padding: 4vw 0 0 8vw;
border-top: 1px solid #ccc;
background: url(/assets/images/icon/ico_course.png) no-repeat 0 15px;
background-size: 25px 25px
}
.plan-detail p {
font-size: 3.2vw
}
}
.login-lead {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25
}
.login-box {
background: #fafafa;
border: 1px solid #ccc;
margin-top: 10px;
padding: 50px 0
}
.login-btn {
width: 175px;
margin: 40px auto;
display: block;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
padding: 15px 0;
position: relative
}
.login-btn:before {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
width: 17px;
height: 20px;
background: url(/assets/images/icon/ico_key.png) no-repeat 0 0;
background-size: 17px 20px;
content: ""
}
.login-btn-reg {
width: 175px;
text-align: center;
margin: 40px auto;
display: block;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
padding: 15px 0;
position: relative
}
.login-btn-reg:before {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
width: 15px;
height: 20px;
background: url(/assets/images/icon/ico_beginner.png) no-repeat 0 0;
background-size: 15px 20px;
content: ""
}
.login-small {
text-align: center
}
.login-small a {
text-decoration: underline
}
@media (max-width:767px) {
.login-lead {
font-size: 3.73333333vw
}
.login-box {
margin-top: 1.33333333vw;
padding: 5.33333333vw 4vw
}
.login-btn,
.login-btn-reg {
width: 60%;
margin: 5.33333333vw auto;
font-size: 4.8vw;
padding: 1.33333333vw 0
}
.login-small a {
font-size: 3.2vw
}
}
.main-search {
background: #fafafa;
border: 1px solid #ccc;
margin-bottom: 60px;
padding: 0 20px;
box-sizing: border-box;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.main-search-head {
padding: 20px 0;
position: relative;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
font-weight: 700;
cursor: pointer;
}
.renew2024 .main-search-head {
padding: 0 0 20px 0;
}
.renew2024 .main-search-wh-title {
text-align: center;
}
.main-search-body {
border-top: 1px solid #ccc;
padding: 0 10px;
}
.renew2024 .main-search-body {
border: none;
border: 0;
}
.main-search-row {
padding: 15px 0;
}
.renew2024 .main-search-row {
padding: 5px 0;
}
.main-search-group {
align-items: center;
}
.renew2024 .main-search-group {
width: 100%;
}
.main-search-group,
.main-search-group.range-group {
display: flex;
display: -webkit-flex;
justify-content: flex-start
}
.main-search-group.range-group {
align-items: flex-start
}
.main-search-group.range-group .main-search-label {
padding-top: 16px
}
@media (max-width:767px) {
.main-search-group.range-group .main-search-label {
padding-top: 0
}
}
.main-search-group+.main-search-group {
margin-left: 30px
}
.main-search-label {
font-weight: 700;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
margin-right: 15px
}
.main-search-select {
width: 200px;
}
.renew2024 .main-search-select {
width: 100%;
border-radius: 5px;
}
.main-search-select label {
height: 40px
}
.main-search-select select {
background: #fff;
height: 40px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
}
.renew2024 .main-search-select select {
display: flex;
align-items: center;
}
.main-search-cal {
width: 230px;
height: 40px;
font-size: 14px;
font-size: 1.4rem;
line-height: 2.85714286;
display: block;
text-align: center;
font-weight: 400
}
.main-search-flex {
align-items: center
}
.main-search-flex,
.main-search-flex-top {
display: flex;
display: -webkit-flex;
justify-content: flex-start
}
.main-search-flex-top {
align-items: flex-start
}
.main-search-flex li label {
font-size: 14px;
font-size: 1.4rem;
line-height: 1
}
.main-search-flex li+li {
margin-left: 30px
}
.main-search-top {
margin-bottom: 30px;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.main-search-result {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700
}
.main-search-filter {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
margin-left: auto
}
.main-search-filter-label {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
margin-right: 10px
}
.main-search-filter .form-select {
width: 180px
}
.main-search-input {
width: 425px;
padding: 5px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1
}
.renew2024 .main-search-input {
width: 100%;
padding: 10px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #bcbcbc;
}
.main-search-date {
display: inline-block;
background: #fff url(/assets/images/icon/ico_calendar_bl.png) no-repeat 97%;
background-size: auto 16px;
padding: 0 20px 0 0;
width: 230px;
height: 40px;
color: #333;
box-sizing: border-box;
border-radius: 5px;
background-clip: padding-box;
border: 1px solid #ccc;
position: relative
}
.renew2024 .main-search-date {
position: relative;
background: #fff;
padding: 0 20px 0 0;
width: 100%;
border: 1px solid #bcbcbc;
height: 45px;
}
.renew2024 .main-search-date::after {
content: '';
width: 20px;
height: 22px;
background-image: url(/assets/images/test_top/calendar.png);
background-size: cover;
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
}
.main-search-date,
.main-search-date input {
-moz-background-clip: padding;
-webkit-background-clip: padding-box
}
.main-search-date input {
height: 35px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
text-align: center;
width: 200px;
border: none;
border-radius: 5px;
background-clip: padding-box;
outline: none
}
.renew2024 .main-search-date input {
height: 42px;
width: 105%;
padding: 0 10px;
text-align: left;
}
.main-search-btn {
padding: 30px 0
}
.main-search-btn button {
display: block;
width: 245px;
height: 45px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
text-align: center;
margin: 0 auto
}
.renew2024 .main-search-btn button {
width: 100%;
}
.main-search-row+.main-search-row {
border-top: 1px solid #ccc
}
.renew2024 .main-search-row+.main-search-row {
border: none;
}
.main-search-box {
border: 1px solid #ccc;
padding: 30px;
margin-bottom: 50px
}
.main-search-box-head {
border-bottom: 2px solid #fb9425;
padding-bottom: 20px;
margin-bottom: 30px
}
.main-search-box-body {
margin-bottom: 30px
}
.main-search-box-area {
background: url(/assets/images/icon/ico_marker.png) no-repeat 0;
background-size: 14px auto;
padding: 5px 0 5px 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
font-weight: 700;
margin-right: 20px
}
.main-search-box-tags li {
margin-bottom: 0
}
.main-search-box-tags li a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
font-weight: 700
}
.main-search-box-favorite {
width: 175px;
text-align: center;
margin-left: auto;
display: block;
color: #999;
font-weight: 400
}
.main-search-box-favorite i {
margin-right: 5px
}
.main-search-box-title {
margin-top: 30px;
font-weight: 700;
font-size: 20px;
font-size: 2rem;
line-height: 1.5
}
.main-search-box-ph {
width: 320px
}
.main-search-box-ph p+p {
margin-top: 20px
}
.main-search-box-ph img {
width: 100%;
height: auto;
vertical-align: bottom
}
.main-search-box-info {
width: calc(100% - 340px);
margin-left: auto
}
.main-search-box-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.main-search-box-flex .label {
margin-right: 20px
}
.main-search-box-flex .item,
.main-search-box-flex .label {
font-size: 16px;
font-size: 1.6rem;
line-height: 1
}
.main-search-box-group {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ccc
}
.main-search-box-group .area-label {
background: url(/assets/images/icon/ico_marker.png) no-repeat 0;
background-size: 14px auto;
padding: 5px 0 5px 20px
}
.main-search-box-group .area-label,
.main-search-box-group .shop-label {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
margin-right: 20px
}
.main-search-box-group .item {
font-size: 16px;
font-size: 1.6rem;
line-height: 1
}
.main-search-box-group .item a {
text-decoration: underline
}
.main-search-box-feature {
padding: 15px 0 0;
border-bottom: 1px solid #ccc;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.main-search-box-excerpt {
border-bottom: 1px solid #ccc;
overflow: hidden;
height: auto;
margin-bottom: 20px;
padding-bottom: 15px
}
.main-search-box-excerpt p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden
}
.main-search-box-foot {
border-top: 1px solid #ccc;
padding-top: 30px
}
.main-search-box-foot a {
display: block;
padding: 15px 0;
font-size: 20px;
font-size: 2rem;
line-height: 1;
text-align: center;
font-weight: 700;
width: 60%;
margin: 0 auto
}
.main-search-wh {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 65%;
background: #fff
}
.renew2024 .main-search-wh {
display: block;
position: static;
background-color: rgba(255, 255, 255, .85);
border-radius: 10px;
padding: 30px 40px;
}
.main-search-wh-close {
text-align: right;
font-size: 20px;
font-size: 2rem;
line-height: 1
}
.main-search-wh-close i {
color: #ccc
}
.main-search-wh-title i {
color: #fb9425;
margin-right: 10px
}
.main-search-wh .main-search-body,
.main-search-wh .main-search-head {
width: 800px;
margin: 0 auto
}
.renew2024 .main-search-wh .main-search-body,
.renew2024 .main-search-wh .main-search-head {
width: 100%;
}
.main-search-btns {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.main-search-btns li a {
display: block;
border: 1px solid #ccc;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding: 5px 10px;
margin: 0 10px 10px 0
}
.main-search-add {
display: block;
text-decoration: underline;
border-top: 1px solid #ccc;
padding-top: 30px;
text-align: center
}
.main-search-pannel {
display: none;
border-top: 1px solid #ccc
}
@media (max-width:767px) {
.main-search {
margin: 8vw 0;
padding: 0 4vw
}
.main-search-head {
padding: 5.33333333vw 0;
font-size: 3.73333333vw
}
.main-search-head:after {
display: block;
position: absolute;
top: 50%;
right: 2.66666667vw;
width: 3.73333333vw;
height: 3.73333333vw;
margin-top: 0
}
.main-search-body {
padding: 0
}
.main-search-row {
padding: 4vw 0
}
.main-search-group {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%
}
.main-search-group+.main-search-group {
margin-left: 0;
margin-top: 6.66666667vw
}
.main-search-label {
width: 100%;
font-weight: 700;
font-size: 3.73333333vw;
margin-right: 0;
margin-bottom: 2.66666667vw
}
.main-search-flex {
width: 100%
}
.main-search-flex,
.main-search-flex-top {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column
}
.main-search-flex li label {
font-size: 3.46666667vw;
font-weight: 400
}
.main-search-flex li label:before {
position: relative;
margin: -.53333333vw 2.66666667vw 0 0;
width: 3.46666667vw;
height: 3.46666667vw
}
.main-search-flex li+li {
margin-left: 0;
margin-top: 0
}
.main-search-top {
margin-bottom: 4vw;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column
}
.main-search-result {
font-size: 3.73333333vw;
margin-bottom: 2.66666667vw
}
.main-search-filter {
margin-left: auto;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.main-search-filter-label {
font-size: 3.73333333vw;
font-weight: 700;
margin-right: 2.66666667vw
}
.main-search-filter .form-select {
width: 44vw;
font-size: 3.46666667vw
}
.main-search-select {
width: 100%
}
.main-search-select label {
height: 10.66666667vw;
width: 100%
}
.main-search-cal,
.main-search-select select {
height: 10.66666667vw;
font-size: 3.46666667vw
}
.main-search-cal {
width: 53.33333333vw;
line-height: 10.66666667vw
}
.main-search-input {
width: 100%;
box-sizing: border-box;
padding: 1.33333333vw;
font-size: 3.46666667vw
}
.main-search-btn {
padding: 4vw 0
}
.main-search-btn button {
display: block;
width: 62.66666667vw;
height: 8.53333333vw;
font-size: 4.26666667vw
}
.main-search-row+.main-search-row {
border-top: none
}
.main-search-box {
padding: 3.5vw;
margin-bottom: 20px
}
.main-search-box-head {
border-bottom: .53333333vw solid #fb9425;
padding-bottom: 8px;
margin-bottom: 8px;
position: relative
}
.main-search-box-body {
margin-bottom: 4vw
}
.main-search-box-tags li {
margin-bottom: 0
}
.main-search-box-tags li a {
font-size: 3.2vw
}
.main-search-box-favorite {
width: 9.33333333vw;
height: 9.33333333vw;
right: 0;
background: #999;
position: absolute
}
.main-search-box-favorite i {
margin-right: 0;
color: #fff;
line-height: 9.33333333vw;
font-size: 5.33333333vw
}
.main-search-box-title {
margin-top: 2.66666667vw;
font-size: 3.73333333vw
}
.main-search-box-ph {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 8px
}
.main-search-box-ph p {
width: 48.5%
}
.main-search-box-ph p:nth-child(2n) {
margin-left: auto
}
.main-search-box-ph p+p {
margin-top: 0
}
.main-search-box-ph img {
width: 100%;
height: auto;
vertical-align: bottom
}
.main-search-box-info {
width: 100%;
margin-left: 0
}
.main-search-box-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.main-search-box-flex .label {
margin-right: 20px
}
.main-search-box-flex .item,
.main-search-box-flex .label {
font-size: 16px;
font-size: 1.6rem;
line-height: 1
}
.main-search-box-group {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 3vw;
margin-bottom: 3vw
}
.main-search-box-group .area-label {
background-size: 3.73333333vw auto;
padding: 1.33333333vw 0 1.33333333vw 5.33333333vw;
font-size: 3.2vw;
margin-right: 2.66666667vw;
white-space: nowrap
}
.main-search-box-group .area-item {
font-size: 3.2vw;
width: 70%
}
.main-search-box-group .shop-label {
font-size: 3.2vw;
margin-right: 2.66666667vw
}
.main-search-box-group .item {
font-size: 3.2vw
}
.main-search-box-group .item a {
text-decoration: underline
}
.main-search-box-feature {
padding: 4vw 0 0;
flex-wrap: wrap
}
.main-search-box-excerpt {
border-bottom: 1px solid #ccc;
overflow: hidden;
height: auto;
margin-bottom: 8px;
padding: 8px 0
}
.main-search-box-excerpt p {
font-size: 3.2vw
}
.main-search-box-trigger {
font-size: 3.73333333vw;
padding-bottom: 2.66666667vw;
position: relative;
cursor: pointer
}
.main-search-box-trigger:after {
display: block;
position: absolute;
top: 50%;
right: 2.66666667vw;
width: 3.73333333vw;
height: 3.73333333vw;
margin-top: -1.86666667vw;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(315deg);
content: ""
}
.main-search-box-pannel {
border-top: 2px solid #ccc;
padding-top: 4vw
}
.main-search-wh {
position: absolute;
border-top: 1px solid #ccc;
top: 13.33333333vw;
left: 0;
z-index: 1000;
width: 100%;
background: #fff
}
.renew2024 {
width: 90%;
position: absolute;
top: calc(80vh - 30px);
left: 50%;
transform: translateX(-50%);
}
.renew2024 .main-search-wh {
padding: 10px;
border: 1px solid #ccc;
position: absolute;
top: 600%;
left: 0;
width: 95%;
transform: translateX(10px);
}
.main-search-wh-close {
text-align: right;
font-size: 20px;
font-size: 2rem;
line-height: 1
}
.main-search-wh-close i {
color: #ccc
}
.main-search-wh-title i {
color: #fb9425;
margin-right: 10px
}
.main-search-wh .main-search-body,
.main-search-wh .main-search-head {
width: 100%;
padding: 5.33333333vw;
box-sizing: border-box;
margin: 0
}
.renew2024 .main-search-wh .main-search-body,
.renew2024 .main-search-wh .main-search-head {
padding: 10px;
}
.main-search-btns {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
.main-search-btns li a {
border-radius: .8vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 3.73333333vw;
padding: 1.33333333vw 2.66666667vw;
margin: 0 2.66666667vw 2.66666667vw 0
}
.main-search-add {
padding-top: 8vw;
font-size: 3.73333333vw
}
.main-search-date {
background-size: auto 4.26666667vw;
padding: 0 5.33333333vw 0 0;
width: 64vw;
height: 10.66666667vw;
border-radius: 1.33333333vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.main-search-date input {
font-family: 3.73333333vw;
height: 9.33333333vw;
text-align: center;
width: 53.33333333vw
}
.renew2024 .main-search-date input {
font-size: 14px;
}
}
#popular-keyword {
padding-left: 85px
}
#popular-keyword .main-search-label {
margin-bottom: 10px
}
@media (max-width:767px) {
#popular-keyword {
padding-left: 0
}
#popular-keyword .main-search-label {
margin-bottom: 2.66666667vw
}
}
.searchInner .main-search-row {
border-top: none
}
.searchInner .main-search-flex {
padding: 5px 0;
display: block
}
.searchInner .main-search-group {
margin-left: 10px
}
.searchInner .main-search-group-hide {
display: none
}
.searchInner .main-search-label {
font-weight: 400;
margin-right: 8px;
font-size: inherit;
height: 30px
}
.searchInner .main-search-select label,
.searchInner .main-search-select select {
height: 30px;
font-size: 13px
}
.modal {
display: none;
-webkit-overflow-scrolling: touch;
padding: 5.33333333vw;
position: fixed;
width: 100%;
top: 0;
box-sizing: border-box;
left: 0;
background: #fff;
z-index: 10000;
overflow-y: auto;
height: 100vh
}
.modal-inner {
padding-bottom: 21.33333333vw
}
.modal-head {
border-bottom: 1px solid #ccc;
padding-bottom: 4vw;
margin-bottom: 5.33333333vw
}
.modal-close {
text-align: right;
line-height: 1
}
.modal-close a i {
font-size: 5.33333333vw;
color: #ccc
}
.modal-label,
.modal-title {
font-size: 3.73333333vw;
font-weight: 700;
color: #444
}
.modal-label {
margin-bottom: 6.66666667vw
}
.modal-foot a {
display: block;
width: 17.33333333vw;
text-align: center;
color: #444;
padding: 2.66666667vw 0;
margin: 0 auto
}
.area-buttons {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 13.33333333vw
}
.area-buttons li {
width: 48.5%
}
.area-buttons li:nth-child(2n) {
margin-left: auto
}
.area-buttons li a {
display: block;
padding: 2.66666667vw 0;
text-align: center;
color: #444;
font-weight: 700;
font-size: 4vw;
border-radius: 1.33333333vw;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.area-buttons li+li+li {
margin-top: 5.33333333vw
}
.area-name {
position: absolute;
color: #fff;
font-size: 3.73333333vw;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 1000;
font-weight: 700
}
.area-mains {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 8vw
}
.area-mains li {
width: 28vw;
margin: 0 2.66666667vw 2.66666667vw 0
}
.area-mains li:nth-child(3n) {
margin: 0 0 2.66666667vw
}
.area-mains li a {
display: block;
background: #000;
position: relative
}
.area-mains li a>img {
opacity: .95;
filter: alpha(opacity=95);
vertical-align: bottom;
width: 100%;
height: auto
}
.news {
border-left: 4px solid #f95757;
padding: 10px 0 20px 45px;
width: 1120px;
margin: 0 auto 30px
}
.news-title {
color: #f95757;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.875;
font-weight: 700
}
.news-list {
flex-wrap: wrap
}
.news-list li a {
display: block;
padding: 10px;
border-bottom: 1px solid #ccc
}
.news-list li a>div {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.news-list li a>div .date {
margin-right: 20px
}
@media (max-width:767px) {
.news {
border-left: none;
padding: 0 5.33333333vw 4vw;
width: 100%;
box-sizing: border-box;
margin: 0
}
.news-title {
background: #f95757;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
display: inline-block;
padding: 1.33333333vw 2.66666667vw
}
.news-list {
flex-wrap: wrap
}
.news-list li a {
padding: 1.33333333vw;
font-size: 10px;
font-size: 1rem;
line-height: 3
}
.news-list li a>div {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.news-list li a>div .title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.news-list li a>div .date {
margin-right: 2.66666667vw
}
}
.notice {
margin-top: 50px;
background: #f0f0f0;
padding-bottom: 30px
}
.notice-title {
position: relative;
background: #ffe172;
padding: 20px 0;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
margin-bottom: 0
}
.notice-title:after {
display: block;
position: absolute;
left: 50%;
top: 100%;
margin-left: -9px;
width: 0;
height: 0;
border-color: #ffe172 transparent transparent;
border-style: solid;
border-width: 11px 9px 0;
content: ""
}
.notice-inner {
padding: 30px 0
}
.notice-inner>p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857143;
margin-bottom: 20px;
text-align: center
}
.notice-inner>p a {
text-decoration: underline
}
.notice-btn {
display: block;
position: relative;
width: 50%;
margin: 0 auto 40px;
text-align: center
}
.notice-btn:after {
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -4px;
width: 0;
height: 0;
border-color: transparent transparent transparent #222;
border-style: solid;
border-width: 4px 0 4px 8px;
content: ""
}
.notice-small {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.33333333;
color: #666;
text-align: center
}
@media (max-width:767px) {
.notice {
margin-top: 13.33333333vw;
background: none
}
.notice-title {
padding: 2.66666667vw 0;
font-size: 4.26666667vw;
margin-bottom: 8vw
}
.notice-title:after {
display: block;
position: absolute;
left: 50%;
top: 100%;
margin-left: -2.4vw;
width: 0;
height: 0;
border-color: #ffe172 transparent transparent;
border-style: solid;
border-width: 11px 9px 0;
content: ""
}
.notice-inner {
padding: 0
}
.notice-inner>p {
font-size: 3.2vw
}
.notice-btn,
.notice-inner>p {
margin-bottom: 5.33333333vw;
text-align: left
}
.notice-btn {
padding: 4vw;
width: 100%;
box-sizing: border-box
}
.notice-btn:after {
right: 2.66666667vw;
margin-top: -1.06666667vw;
border-width: 1.06666667vw 0 1.06666667vw 2.13333333vw
}
.notice-small {
font-size: 3.2vw;
color: #666
}
}
.pickup,
.pickup-title {
position: relative
}
.pickup-title {
padding-left: 60px
}
.pickup-title:before {
width: 41px;
height: 38px;
position: absolute;
top: 50%;
left: 0;
margin-top: -22px;
display: block;
background: url(/assets/images/icon/ico_star.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.pickup-item {
width: 260px
}
.pickup-pagination {
text-align: center;
margin-top: 40px
}
.pickup-pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
background: none;
border: 3px solid #666;
box-sizing: border-box;
opacity: 1;
filter: alpha(opacity=100)
}
.pickup-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #666
}
.pickup-arrow {
position: absolute;
cursor: pointer;
width: 60px;
height: 90px;
background: rgba(0, 0, 0, .5);
z-index: 10;
text-align: center;
line-height: 90px;
top: 40%;
margin-top: -45px
}
.pickup-arrow img {
width: 13px;
height: 24px;
vertical-align: middle
}
.pickup-prev {
left: 0
}
.pickup-next {
right: 0
}
@media (max-width:767px) {
.pickup-title {
padding-left: 8vw
}
.pickup-title:before {
width: 5.06666667vw;
height: 5.06666667vw;
position: absolute;
top: 50%;
left: 0;
margin-top: -2.4vw;
display: block;
background: url(/assets/images/icon/ico_star.png) no-repeat 0 0;
background-size: 5.06666667vw 5.06666667vw;
content: ""
}
.pickup-arrow,
.pickup-pagination {
display: none
}
}
.ranking-title {
position: relative;
padding-left: 58px
}
.ranking-title:before {
width: 37px;
height: 41px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: block;
background: url(/assets/images/icon/ico_ranking_title.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.ranking-card-01 {
width: 360px;
margin-bottom: 25px
}
.ranking-card-01,
.ranking-card-02 {
position: relative;
border: 1px solid #ccc
}
.ranking-card-02 {
width: 265px
}
.ranking-flex {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: stretch
}
.ranking-flex .tags {
margin-bottom: 15px
}
.ranking-ribbon-01,
.ranking-ribbon-02,
.ranking-ribbon-03 {
width: 60px;
height: 70px;
display: block;
position: absolute;
top: -10px;
left: 10px;
z-index: 10;
text-align: center;
color: #fff;
font-size: 30px;
font-size: 3rem;
line-height: 2.66666667;
font-weight: 700;
font-family: Noto Sans Japanese, sans-serif
}
.ranking-ribbon-01 span,
.ranking-ribbon-02 span,
.ranking-ribbon-03 span {
position: relative;
display: block
}
.ranking-ribbon-01 span:before,
.ranking-ribbon-02 span:before,
.ranking-ribbon-03 span:before {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 10px 0 0 10px;
content: "";
left: 100%;
top: 0
}
.ranking-ribbon-01 span:after,
.ranking-ribbon-02 span:after,
.ranking-ribbon-03 span:after {
content: "";
position: absolute;
left: 0;
top: calc(100% - 10px);
height: 0;
width: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 10px solid transparent
}
.ranking-ribbon-01 {
background: #ffdd20
}
.ranking-ribbon-01 span:before {
border-left-color: #c2af48
}
.ranking-ribbon-01 span:after {
border-left-color: #ffdd20;
border-right-color: #ffdd20
}
.ranking-ribbon-02 {
background: #b1c5e0
}
.ranking-ribbon-02 span:before {
border-left-color: #738093
}
.ranking-ribbon-02 span:after {
border-left-color: #b1c5e0;
border-right-color: #b1c5e0
}
.ranking-ribbon-03 {
background: #d99b42
}
.ranking-ribbon-03 span:before {
border-left-color: #924e1b
}
.ranking-ribbon-03 span:after {
border-left-color: #d99b42;
border-right-color: #d99b42
}
.ranking-ribbon-04,
.ranking-ribbon-05,
.ranking-ribbon-06,
.ranking-ribbon-07 {
width: 46px;
height: 50px;
display: block;
position: absolute;
top: -10px;
left: 10px;
z-index: 10;
text-align: center;
color: #fff;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.78571429;
font-weight: 700;
font-family: Noto Sans Japanese, sans-serif;
background: #aaa
}
.ranking-ribbon-04 span,
.ranking-ribbon-05 span,
.ranking-ribbon-06 span,
.ranking-ribbon-07 span {
position: relative;
display: block
}
.ranking-ribbon-04 span:before,
.ranking-ribbon-05 span:before,
.ranking-ribbon-06 span:before,
.ranking-ribbon-07 span:before {
position: absolute;
width: 0;
height: 0;
border-color: transparent transparent transparent #666;
border-style: solid;
border-width: 10px 0 0 10px;
content: "";
left: 100%;
top: 0
}
.ranking-ribbon-04 span:after,
.ranking-ribbon-05 span:after,
.ranking-ribbon-06 span:after,
.ranking-ribbon-07 span:after {
content: "";
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 23px solid #aaa;
border-right: 23px solid #aaa;
border-bottom: 10px solid transparent
}
@media (max-width:767px) {
.ranking-title {
position: relative;
padding-left: 7.73333333vw
}
.ranking-title:before {
width: 5.33333333vw;
height: 5.33333333vw;
position: absolute;
top: 50%;
left: 0;
margin-top: -2.66666667vw;
display: block;
background-size: 5.33333333vw 5.33333333vw;
content: ""
}
.ranking-card {
padding: 2.66666667vw;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.ranking-card-01 {
width: 100%;
position: relative;
margin-bottom: 15px
}
.ranking-card-01-01 {
width: 360px;
position: relative;
border: 1px solid #ccc;
margin-bottom: 25px
}
.ranking-card-01-02 {
width: 265px;
position: relative;
border: 1px solid #ccc
}
.ranking-card-02 {
width: 100%;
position: relative
}
.ranking-card-02-01 {
width: 360px;
position: relative;
border: 1px solid #ccc;
margin-bottom: 25px
}
.ranking-card-02-02 {
width: 265px;
position: relative;
border: 1px solid #ccc
}
.ranking-flex {
flex-direction: column
}
.ranking-flex .tags {
margin-bottom: 0
}
.ranking-flex .tags li {
margin: 0 5px 5px 0
}
.ranking-ribbon-01,
.ranking-ribbon-02,
.ranking-ribbon-03 {
width: 6vw;
height: 6vw;
top: 0;
left: 1.33333333vw;
color: #fff;
font-size: 1rem;
line-height: 6vw
}
.ranking-ribbon-01 span,
.ranking-ribbon-02 span,
.ranking-ribbon-03 span {
position: relative;
display: block
}
.ranking-ribbon-01 span:before,
.ranking-ribbon-02 span:before,
.ranking-ribbon-03 span:before {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 1.6vw 0 0 1.6vw;
content: "";
left: 100%;
top: 0
}
.ranking-ribbon-01 span:after,
.ranking-ribbon-02 span:after,
.ranking-ribbon-03 span:after {
content: "";
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 3vw solid transparent;
border-right: 3vw solid transparent;
border-bottom: 1.33333333vw solid transparent
}
.ranking-ribbon-01 {
background: #ffdd20
}
.ranking-ribbon-01 span:after {
border-left-color: #ffdd20;
border-right-color: #ffdd20
}
.ranking-ribbon-02 {
background: #b1c5e0
}
.ranking-ribbon-02 span:after {
border-left-color: #b1c5e0;
border-right-color: #b1c5e0
}
.ranking-ribbon-03 {
background: #d99b42
}
.ranking-ribbon-03 span:after {
border-left-color: #d99b42;
border-right-color: #d99b42
}
.ranking-ribbon-04,
.ranking-ribbon-05,
.ranking-ribbon-06,
.ranking-ribbon-07 {
width: 6vw;
height: 6vw;
top: 0;
left: 1.33333333vw;
display: block;
font-size: 1rem;
line-height: 6vw
}
.ranking-ribbon-04 span,
.ranking-ribbon-05 span,
.ranking-ribbon-06 span,
.ranking-ribbon-07 span {
position: relative;
display: block
}
.ranking-ribbon-04 span:before,
.ranking-ribbon-05 span:before,
.ranking-ribbon-06 span:before,
.ranking-ribbon-07 span:before {
position: absolute;
width: 0;
height: 0;
border-color: transparent transparent transparent #666;
border-style: solid;
border-width: 10px 0 0 10px;
content: none;
left: 100%;
top: 0
}
.ranking-ribbon-04 span:after,
.ranking-ribbon-05 span:after,
.ranking-ribbon-06 span:after,
.ranking-ribbon-07 span:after {
content: "";
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 3vw solid #aaa;
border-right: 3vw solid #aaa;
border-bottom: 1.33333333vw solid transparent
}
.ranking .slick-list {
padding-right: 30px
}
}
.review-title {
position: relative;
padding-left: 60px
}
.review-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: block;
background: url(/assets/images/icon/ico_review.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.review .content-body {
margin-bottom: 45px
}
.review-btn {
width: 270px;
display: block;
margin: 0 auto;
text-align: center
}
@media (max-width:767px) {
.review .content-body {
margin-bottom: 5.33333333vw
}
.review-btn {
width: 53%;
margin: 0 auto
}
}
.search-box {
padding: 60px 0;
background: #f1f0eb
}
.search-box-inner {
width: 800px;
margin: 0 auto
}
.search-box-input {
width: 655px;
outline: none;
font-size: 18px;
font-size: 1.8rem;
line-height: 2.77777778;
padding: 0 15px
}
.search-box-input,
.search-box-submit {
vertical-align: middle;
height: 50px;
box-sizing: border-box
}
.search-box-submit {
width: 110px;
padding-left: 15px;
text-align: left;
position: relative;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.66666667;
background: #fb9425 url(/assets/images/icon/ico_search.png) no-repeat 90%
}
.search-box-title {
margin: 35px 0 20px;
text-align: center;
font-weight: 700;
color: #666
}
@media (max-width:767px) {
.search-box {
padding: 8vw 5.33333333vw
}
.search-box-inner {
width: 100%;
margin: 0
}
.search-box-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.search-box-input {
vertical-align: middle;
width: 64vw;
height: 8.8vw;
outline: none;
font-size: 13px;
font-size: 1.3rem;
line-height: 1;
line-height: 8.8vw;
padding: 0 4vw
}
.search-box-submit {
vertical-align: middle;
height: 8.8vw;
width: 21.86666667vw;
margin-left: auto;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
background-size: 3.46666667vw 3.73333333vw
}
.search-box-title {
margin: 5.33333333vw 0;
text-align: left;
font-weight: 700;
font-size: 14px;
font-size: 1.4rem;
line-height: 1
}
}
.search {
padding: 50px 20px;
background: #f4f1ed
}
.search-title {
text-align: center;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
margin-bottom: 25px
}
.search-title span {
color: #fb9425;
margin-left: 30px
}
.search-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.search-flex.top {
margin-right: 10px
}
@media (max-width:767px) {
.search {
padding: 5.33333333vw
}
.search-title {
text-align: center;
font-size: 3.2vw;
margin-bottom: 4vw
}
.search-title span {
color: #fb9425;
margin-left: 30px
}
.search-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.search-flex.wrap {
flex-direction: column
}
.search-flex.top {
margin-right: 0;
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: center
}
.search-flex.top>div {
width: 48.5%
}
.search-flex.top>div:nth-child(2n) {
margin-left: auto
}
.search-flex.top>div .custom-date {
line-height: 1
}
.search-flex.top>div .picker-calendar {
padding: 0 1.33333333vw;
height: 8vw;
width: 100%;
box-sizing: border-box
}
.search-flex.top>div label {
height: 8vw;
background: #fff
}
.search-flex.top>div label select {
height: 8vw
}
.search-flex.bottom {
width: 100%;
flex-direction: column
}
.search-flex.bottom>div {
width: 100%
}
.search-flex.bottom>div .search-input {
width: 100%;
box-sizing: border-box;
height: 8vw
}
.search-flex.bottom>div button {
width: 60%;
margin: 5.33333333vw auto 0
}
}
.shop-title {
position: relative;
padding-left: 60px
}
.shop-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: block;
background: url(/assets/images/icon/ico_shop.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.shop-list {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap
}
.shop-item {
border: 1px solid #ccc;
box-sizing: border-box;
margin-bottom: 20px;
width: 48.5%
}
.shop-item:nth-child(2n) {
margin-left: auto
}
.shop-flex {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.shop-logo {
text-align: center
}
.shop-logo p {
font-size: 20px;
font-size: 2rem;
line-height: 1;
color: #fb9425;
font-weight: 700
}
.shop-logo p.score {
display: inline-block;
background: url(/assets/images/icon/ico_star.png) no-repeat 0 0;
padding-left: 25px;
background-size: 20px 20px
}
.shop-info {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%
}
.shop-pr {
line-height: 1;
padding: 5px 15px;
color: #fff;
background: #f95757;
display: inline-block;
margin-left: auto
}
.shop-name,
.shop-pr {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700
}
.shop-name {
padding: 10px 15px;
line-height: 1.25
}
.shop-excerpt {
padding: 0 15px;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.33333333
}
.shop-body {
padding: 15px 15px 0
}
.shop-foot {
margin: 0 15px;
padding: 15px 0;
border-top: 1px solid #ccc
}
.shop-foot p {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #666
}
@media (max-width:767px) {
.shop-title {
padding-left: 8vw
}
.shop-title:before {
width: 5.33333333vw;
height: 5.33333333vw;
margin-top: -2.66666667vw;
background-size: 5.33333333vw 5.33333333vw
}
.shop-list {
flex-direction: column
}
.shop-item {
margin-bottom: 5.33333333vw;
padding: 2.66666667vw;
box-sizing: border-box;
width: 100%
}
.shop-item:nth-child(2n) {
margin-left: 0
}
.shop-logo {
width: 21.33333333vw;
margin-right: 2.66666667vw
}
.shop-logo p {
font-size: 3.73333333vw
}
.shop-logo p.logo img {
width: 100%;
height: auto;
vertical-align: bottom
}
.shop-logo p.score {
padding-left: 4vw;
background-size: 2.66666667vw 2.66666667vw
}
.shop-info {
margin-left: auto
}
.shop-pr {
padding: .53333333vw 2.66666667vw;
margin-left: 0
}
.shop-name,
.shop-pr {
font-size: 3.2vw;
margin-bottom: 2.66666667vw
}
.shop-name {
padding: 0
}
.shop-excerpt {
padding: 0;
font-size: 3.2vw
}
.shop-body {
padding: 2.66666667vw 0
}
.shop-foot {
margin: 0
}
.shop-foot p {
font-size: 2.66666667vw;
color: #666
}
}
.slide {
position: relative
}
.slide-list>li {
width: 800px
}
.slide-list a {
display: block;
position: relative;
height: 500px
}
.slide-list a img {
vertical-align: bottom
}
.slide-text {
background: rgba(0, 0, 0, .3);
padding: 30px 40px 60px;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
box-sizing: border-box
}
.slide-title {
color: #fff;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.25
}
.slide-arrows {
width: 1120px;
position: relative;
margin: 0 auto
}
@media (max-width:767px) {
.slide-list>li {
width: 100%
}
.slide-list a {
height: auto
}
.slide-list a img {
width: 100%;
height: auto;
vertical-align: bottom
}
.slide-text {
padding: 4vw 5.33333333vw 8vw
}
.slide-title {
color: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.35714286
}
.slide-arrows {
width: 1120px;
position: relative;
margin: 0 auto
}
}
.special {
margin-bottom: 70px
}
.special-title {
position: relative;
padding-left: 60px
}
.special-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -17px;
display: block;
background: url(/assets/images/icon/ico_special.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.special .tab-list {
margin-bottom: 40px
}
.special-content {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap
}
@media (max-width:767px) {
.special {
margin-bottom: 35px
}
.special-title {
padding-left: 8vw
}
.special-title:before {
width: 5.33333333vw;
height: 5.33333333vw;
margin-top: -2.66666667vw;
background-size: 5.33333333vw 5.33333333vw
}
.special .tab-list {
margin-bottom: 5.33333333vw
}
.special-content {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column
}
.special-item {
width: 100%
}
}
.spot-title {
position: relative;
padding-left: 60px
}
.spot-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: block;
background: url(/assets/images/icon/ico_spot.png) no-repeat 0 0;
background-size: 40px auto;
content: ""
}
.spot-list {
margin: 0 auto;
padding: 0 65px;
position: relative
}
.spot-arrow {
position: absolute;
top: 50%;
z-index: 100;
margin-top: -26px;
width: 19px;
height: 36px;
outline: none;
cursor: pointer
}
.spot-arrow img {
width: 100%;
height: auto;
vertical-align: bottom
}
.spot-prev {
left: 0
}
.spot-next {
right: 0
}
.spot-item {
float: left
}
.spot-photo {
margin-bottom: 10px
}
.spot-name {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
font-weight: 700;
margin-bottom: 15px
}
.spot-excerpt {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.28571429
}
.spot .swiper-scrollbar {
display: none
}
@media (max-width:767px) {
.spot-title {
padding-left: 8vw
}
.spot-title:before {
width: 5.33333333vw;
height: 5.33333333vw;
margin-top: -3.2vw;
background-size: 5.33333333vw 5.33333333vw
}
.spot-list {
margin: 0 auto;
padding: 0;
position: relative
}
.spot-arrow {
display: none
}
.spot-item {
width: auto
}
.spot-photo {
margin-bottom: 2.66666667vw
}
.spot-photo img {
width: 100%;
height: auto;
vertical-align: bottom
}
.spot-name {
font-size: 3.2vw;
font-weight: 700;
margin-bottom: 1.33333333vw
}
.spot-excerpt {
font-size: 2.93333333vw
}
.spot .swiper-scrollbar {
background: #e5e5e5;
display: block
}
}
.thema-title {
position: relative;
padding-left: 30px
}
.thema-title:before {
width: 18px;
height: 30px;
position: absolute;
top: 50%;
left: 0;
margin-top: -17px;
display: block;
background: url(/assets/images/icon/ico_thema.png) no-repeat 0 0;
background-size: 18px 30px;
content: ""
}
.thema-item a {
display: block;
position: relative
}
.thema-item a>img {
vertical-align: bottom;
width: 100%;
height: auto
}
.thema-txt {
padding: 10px;
background: rgba(0, 0, 0, .5);
color: #fff;
font-size: 19px;
font-size: 1.9rem;
line-height: 1.57894737;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
box-sizing: border-box
}
.thema-pagination {
text-align: center;
margin-top: 20px
}
.thema-pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
background: none;
border: 3px solid #666;
box-sizing: border-box;
opacity: 1;
filter: alpha(opacity=100)
}
.thema-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #666
}
.thema-arrow {
position: absolute;
cursor: pointer;
width: 60px;
height: 90px;
background: hsla(0, 0%, 100%, .5);
z-index: 10;
text-align: center;
line-height: 90px;
top: 40%;
margin-top: -45px
}
.thema-arrow img {
width: 13px;
height: 24px;
vertical-align: middle
}
.thema-prev {
left: 0
}
.thema-next {
right: 0
}
@media (max-width:767px) {
.thema-txt {
padding: 2.66666667vw;
font-size: 3.73333333vw
}
.thema-arrow,
.thema-pagination {
display: none
}
.thema .swiper-scrollbar {
background: #e5e5e5;
display: block
}
}
.tour-title {
position: relative;
padding-left: 60px
}
.tour-title:before {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: block;
background: url(/assets/images/icon/ico_new.png) no-repeat 0 0;
background-size: 40px 40px;
content: ""
}
.tour-item {
width: 360px;
padding: 0;
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box
}
.tour-photo img {
width: 100%;
height: auto;
vertical-align: bottom
}
.tour-info {
padding: 20px
}
.tour-sttle {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.27777778;
font-weight: 700;
margin-bottom: 10px
}
.tour-holder {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
margin-bottom: 5px
}
.tour-holder a {
color: #ccc
}
.tour-price {
text-align: right
}
.tour-price a {
color: #f95757;
font-weight: 700;
margin-bottom: 30px
}
.tour-price span {
font-size: 25px;
font-size: 2.5rem;
line-height: 1
}
.tour-btn {
display: block;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
padding: 10px 0
}
.tour-pagination {
text-align: center;
margin-top: 40px
}
.tour-pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
background: none;
border: 3px solid #666;
box-sizing: border-box;
opacity: 1;
filter: alpha(opacity=100)
}
.tour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #666
}
.tour-arrow {
position: absolute;
cursor: pointer;
width: 60px;
height: 90px;
background: rgba(0, 0, 0, .5);
z-index: 10;
text-align: center;
line-height: 90px;
top: 40%;
margin-top: -45px
}
.tour-arrow img {
width: 13px;
height: 24px;
vertical-align: middle
}
.tour-prev {
left: 0
}
.tour-next {
right: 0
}
@media (max-width:767px) {
.tour {
padding-right: 0
}
.tour-title {
padding-left: 8vw
}
.tour-title:before {
width: 5.33333333vw;
height: 5.33333333vw;
margin-top: -2.66666667vw;
background-size: 5.33333333vw 5.33333333vw
}
.tour-item {
width: 62.66666667vw !important;
padding: 0
}
.tour-info {
padding: 2.66666667vw
}
.tour-sttle {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.23076923;
margin-bottom: 2.66666667vw
}
.tour-holder a {
font-size: 2.66666667vw;
line-height: 3.73333333vw;
margin-bottom: 2.66666667vw
}
.tour-price a {
margin-bottom: 4vw
}
.tour-price span {
font-size: 20px;
font-size: 2rem;
line-height: 1
}
.tour-btn {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding: 4vw 0
}
.tour-arrow,
.tour-pagination {
display: none
}
}
.u-fill {
width: 100%
}
.u-half {
width: 50%
}
.u-quarter {
width: 25%
}
.u-third {
width: 33.33%
}
.u-twoThirds {
width: 66.66%
}
.u-table {
display: table;
table-layout: fixed;
position: relative
}
.u-row {
display: table-row
}
.u-cell {
display: table-cell
}
.u-inline {
display: inline
}
.u-inlineBlock {
display: inline-block
}
.u-flex,
.u-flex--h-center,
.u-flex--h-end,
.u-flex--space-arround,
.u-flex--space-betweem,
.u-flex--v-center,
.u-flex--v-end {
display: flex;
display: -webkit-flex;
justify-content: flex-start;
align-items: flex-start
}
.u-flex--v-center {
align-items: center
}
.u-flex--h-center {
justify-content: center
}
.u-flex--space-arround {
justify-content: space-around
}
.u-flex--space-betweem {
justify-content: space-between
}
.u-flex--h-end {
justify-content: flex-end
}
.u-flex--v-end {
align-content: flex-end
}
.u-flex--grow-1 {
flex-grow: 1
}
.u-flex--grow-2 {
flex-grow: 2
}
.u-flex--grow-3 {
flex-grow: 3
}
.u-relative {
position: relative
}
.u-absolute {
position: absolute
}
.u-fixed {
position: fixed
}
.u-object-fit-cover {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;"
}
.u-object-fit-contain {
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit: contain;"
}
.u-order-1 {
order: 1
}
.u-order-2 {
order: 2
}
.u-order-3 {
order: 3
}
.u-order-4 {
order: 4
}
.u-order-5 {
order: 5
}
.u-order-6 {
order: 6
}
.u-order-7 {
order: 7
}
.u-order-8 {
order: 8
}
.u-order-9 {
order: 9
}
.u-order-10 {
order: 10
}
.u-block {
display: block
}
.u-none {
display: none
}
.u-hidden {
visibility: hidden
}
.u-margin-top {
margin-top: auto
}
.u-margin-right {
margin-right: auto
}
.u-margin-bottom {
margin-bottom: auto
}
.u-margin-left {
margin-left: auto
}
.u-fltL {
float: left
}
.u-fltR {
float: right
}
.u-cf:after,
.u-cf:before {
content: "";
display: table
}
.u-cf:after {
clear: both
}
.u-cf {
*zoom: 1
}
.u-clear {
clear: both
}
.u-ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.u-trsfR180 {
transform: rotate(-180deg)
}
.u-overflowHidden {
text-overflow: clip
}
.u-ellipsis,
.u-overflowHidden {
white-space: nowrap;
overflow: hidden
}
.u-ellipsis {
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis
}
.u-breakAll {
word-break: break-all
}
.u-nocallout {
-webkit-touch-callout: none
}
textarea[contenteditable] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.u-invisible {
visibility: hidden
}
.u-p1 {
padding: 1px
}
.u-p2 {
padding: 2px
}
.u-p3 {
padding: 3px
}
.u-p4 {
padding: 4px
}
.u-p5 {
padding: 5px
}
.u-p10 {
padding: 10px
}
.u-p15 {
padding: 15px
}
.u-p20 {
padding: 20px
}
.u-p30 {
padding: 30px
}
.u-pt1 {
padding-top: 1px
}
.u-pt2 {
padding-top: 2px
}
.u-pt3 {
padding-top: 3px
}
.u-pt4 {
padding-top: 4px
}
.u-pt5 {
padding-top: 5px
}
.u-pt10 {
padding-top: 10px
}
.u-pt15 {
padding-top: 15px
}
.u-pt20 {
padding-top: 20px
}
.u-pt30 {
padding-top: 30px
}
.u-pb1 {
padding-bottom: 1px
}
.u-pb2 {
padding-bottom: 2px
}
.u-pb3 {
padding-bottom: 3px
}
.u-pb4 {
padding-bottom: 4px
}
.u-pb5 {
padding-bottom: 5px
}
.u-pb10 {
padding-bottom: 10px
}
.u-pb15 {
padding-bottom: 15px
}
.u-pb20 {
padding-bottom: 20px
}
.u-pb30 {
padding-bottom: 30px
}
.u-pr1 {
padding-right: 1px
}
.u-pr2 {
padding-right: 2px
}
.u-pr3 {
padding-right: 3px
}
.u-pr4 {
padding-right: 4px
}
.u-pr5 {
padding-right: 5px
}
.u-pr10 {
padding-right: 10px
}
.u-pr15 {
padding-right: 15px
}
.u-pr20 {
padding-right: 20px
}
.u-pr30 {
padding-right: 30px
}
.u-pl1 {
padding-left: 1px
}
.u-pl2 {
padding-left: 2px
}
.u-pl3 {
padding-left: 3px
}
.u-pl4 {
padding-left: 4px
}
.u-pl5 {
padding-left: 5px
}
.u-pl10 {
padding-left: 10px
}
.u-pl15 {
padding-left: 15px
}
.u-pl20 {
padding-left: 20px
}
.u-pl30 {
padding-left: 30px
}
.u-pv5 {
padding-top: 5px;
padding-bottom: 5px
}
.u-pv10 {
padding-top: 10px;
padding-bottom: 10px
}
.u-pv15 {
padding-top: 15px;
padding-bottom: 15px
}
.u-pv20 {
padding-top: 20px;
padding-bottom: 20px
}
.u-pv30 {
padding-top: 30px;
padding-bottom: 30px
}
.u-ph5 {
padding-left: 5px;
padding-right: 5px
}
.u-ph10 {
padding-left: 10px;
padding-right: 10px
}
.u-ph15 {
padding-left: 15px;
padding-right: 15px
}
.u-ph20 {
padding-left: 20px;
padding-right: 20px
}
.u-ph30 {
padding-left: 30px;
padding-right: 30px
}
.u-m0 {
margin: 0
}
.u-m1 {
margin: 1px
}
.u-m2 {
margin: 2px
}
.u-m3 {
margin: 3px
}
.u-m4 {
margin: 4px
}
.u-m5 {
margin: 5px
}
.u-m10 {
margin: 10px
}
.u-m15 {
margin: 15px
}
.u-m20 {
margin: 20px
}
.u-m30 {
margin: 30px
}
.u-mt0 {
margin-top: 0
}
.u-mt1 {
margin-top: 1px
}
.u-mt2 {
margin-top: 2px
}
.u-mt3 {
margin-top: 3px
}
.u-mt4 {
margin-top: 4px
}
.u-mt5 {
margin-top: 5px
}
.u-mt10 {
margin-top: 10px
}
.u-mt15 {
margin-top: 15px
}
.u-mt20 {
margin-top: 20px
}
.u-mt30 {
margin-top: 30px
}
.u-mb0 {
margin-bottom: 0
}
.u-mb1 {
margin-bottom: 1px
}
.u-mb2 {
margin-bottom: 2px
}
.u-mb3 {
margin-bottom: 3px
}
.u-mb4 {
margin-bottom: 4px
}
.u-mb5 {
margin-bottom: 5px
}
.u-mb10 {
margin-bottom: 10px
}
.u-mb15 {
margin-bottom: 15px
}
.u-mb20 {
margin-bottom: 20px
}
.u-mb30 {
margin-bottom: 30px
}
.u-mr0 {
margin-right: 0
}
.u-mr1 {
margin-right: 1px
}
.u-mr2 {
margin-right: 2px
}
.u-mr3 {
margin-right: 3px
}
.u-mr4 {
margin-right: 4px
}
.u-mr5 {
margin-right: 5px
}
.u-mr10 {
margin-right: 10px
}
.u-mr15 {
margin-right: 15px
}
.u-mr20 {
margin-right: 20px
}
.u-mr30 {
margin-right: 30px
}
.u-ml0 {
margin-left: 0
}
.u-ml1 {
margin-left: 1px
}
.u-ml2 {
margin-left: 2px
}
.u-ml3 {
margin-left: 3px
}
.u-ml4 {
margin-left: 4px
}
.u-ml5 {
margin-left: 5px
}
.u-ml10 {
margin-left: 10px
}
.u-ml15 {
margin-left: 15px
}
.u-ml20 {
margin-left: 20px
}
.u-ml30 {
margin-left: 30px
}
.u-mv5 {
margin-top: 5px;
margin-bottom: 5px
}
.u-mv10 {
margin-top: 10px;
margin-bottom: 10px
}
.u-mv15 {
margin-top: 15px;
margin-bottom: 15px
}
.u-mv20 {
margin-top: 20px;
margin-bottom: 20px
}
.u-mv30 {
margin-top: 30px;
margin-bottom: 30px
}
.u-mh5 {
margin-left: 5px;
margin-right: 5px
}
.u-mh10 {
margin-left: 10px;
margin-right: 10px
}
.u-mh15 {
margin-left: 15px;
margin-right: 15px
}
.u-mh20 {
margin-left: 20px;
margin-right: 20px
}
.u-mh30 {
margin-left: 30px;
margin-right: 30px
}
.u-mAuto {
margin: 0 auto
}
#noty_layout__bottom,
#noty_layout__bottomCenter,
#noty_layout__bottomLeft,
#noty_layout__bottomRight,
#noty_layout__center,
#noty_layout__centerLeft,
#noty_layout__centerRight,
#noty_layout__top,
#noty_layout__topCenter,
#noty_layout__topLeft,
#noty_layout__topRight,
.noty_layout_mixin {
position: fixed;
margin: 0;
padding: 0;
z-index: 9999999;
transform: translateZ(0) scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
filter: blur(0);
-webkit-filter: blur(0);
max-width: 90%
}
#noty_layout__top {
top: 0;
left: 5%;
width: 90%
}
#noty_layout__topLeft {
top: 20px;
left: 20px;
width: 325px
}
#noty_layout__topCenter {
top: 5%;
left: 50%;
width: 325px;
transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
}
#noty_layout__topRight {
top: 20px;
right: 20px;
width: 325px
}
#noty_layout__bottom {
bottom: 0;
left: 5%;
width: 90%
}
#noty_layout__bottomLeft {
bottom: 20px;
left: 20px;
width: 325px
}
#noty_layout__bottomCenter {
bottom: 5%;
left: 50%;
width: 325px;
transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
}
#noty_layout__bottomRight {
bottom: 20px;
right: 20px;
width: 325px
}
#noty_layout__center {
top: 50%;
left: 50%;
width: 325px;
transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1)
}
#noty_layout__centerLeft {
left: 20px
}
#noty_layout__centerLeft,
#noty_layout__centerRight {
top: 50%;
width: 325px;
transform: translateY(calc(-50% - .5px)) translateZ(0) scale(1)
}
#noty_layout__centerRight {
right: 20px
}
.noty_progressbar {
display: none
}
.noty_has_timeout.noty_has_progressbar .noty_progressbar {
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 100%;
background-color: #646464;
opacity: .2;
filter: alpha(opacity=10)
}
.noty_bar {
-webkit-backface-visibility: hidden;
transform: translate(0) scale(1);
-webkit-font-smoothing: subpixel-antialiased;
overflow: hidden
}
.noty_effects_open {
opacity: 0;
transform: translate(50%);
-webkit-animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.noty_effects_close {
-webkit-animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.noty_fix_effects_height {
-webkit-animation: noty_anim_height 75ms ease-out;
animation: noty_anim_height 75ms ease-out
}
.noty_close_with_click {
cursor: pointer
}
.noty_close_button {
position: absolute;
top: 2px;
right: 2px;
font-weight: 700;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background-color: rgba(0, 0, 0, .05);
border-radius: 2px;
cursor: pointer;
transition: all .2s ease-out
}
.noty_close_button:hover {
background-color: rgba(0, 0, 0, .1)
}
.noty_modal {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10000;
opacity: .3;
left: 0;
top: 0
}
.noty_modal.noty_modal_open {
opacity: 0;
-webkit-animation: noty_modal_in .3s ease-out;
animation: noty_modal_in .3s ease-out
}
.noty_modal.noty_modal_close {
-webkit-animation: noty_modal_out .3s ease-out;
animation: noty_modal_out .3s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes noty_modal_in {
to {
opacity: .3
}
}
@keyframes noty_modal_in {
to {
opacity: .3
}
}
@-webkit-keyframes noty_modal_out {
to {
opacity: 0
}
}
@keyframes noty_modal_out {
to {
opacity: 0
}
}
@-webkit-keyframes noty_anim_in {
to {
transform: translate(0);
opacity: 1
}
}
@keyframes noty_anim_in {
to {
transform: translate(0);
opacity: 1
}
}
@-webkit-keyframes noty_anim_out {
to {
transform: translate(50%);
opacity: 0
}
}
@keyframes noty_anim_out {
to {
transform: translate(50%);
opacity: 0
}
}
@-webkit-keyframes noty_anim_height {
to {
height: 0
}
}
@keyframes noty_anim_height {
to {
height: 0
}
}
.noty_theme__metroui.noty_bar {
margin: 4px 0;
overflow: hidden;
position: relative;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .298039)
}
.noty_theme__metroui.noty_bar .noty_progressbar {
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 100%;
background-color: #000;
opacity: .2;
filter: alpha(opacity=20)
}
.noty_theme__metroui.noty_bar .noty_body {
padding: 1.25em;
font-size: 14px
}
.noty_theme__metroui.noty_bar .noty_buttons {
padding: 0 10px .5em
}
.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
background-color: #fff;
color: #1d1d1d
}
.noty_theme__metroui.noty_type__warning {
background-color: #fa6800;
color: #fff
}
.noty_theme__metroui.noty_type__error {
background-color: #ce352c;
color: #fff
}
.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
background-color: #1ba1e2;
color: #fff
}
.noty_theme__metroui.noty_type__success {
background-color: #60a917;
color: #fff
}
.register-btn.no-icon:before {
display: none
}
.btn-wrap {
display: flex;
justify-content: space-between
}
.btn-wrap .register-btn {
width: 45%
}
@media (max-width:767px) {
.btn-wrap .register-btn:first-child {
width: 25%
}
.btn-wrap .register-btn:last-child {
width: 70%
}
}
.paginate_custom .black {
background-color: #000 !important;
border-color: #000 !important
}
.paginate_custom .black--text {
color: #000 !important;
caret-color: #000 !important
}
.paginate_custom .white {
background-color: #fff !important;
border-color: #fff !important
}
.paginate_custom .white--text {
color: #fff !important;
caret-color: #fff !important
}
.paginate_custom .transparent {
background-color: transparent !important;
border-color: transparent !important
}
.paginate_custom .transparent--text {
color: transparent !important;
caret-color: transparent !important
}
.paginate_custom .red {
background-color: #f44336 !important;
border-color: #f44336 !important
}
.paginate_custom .red--text {
color: #f44336 !important;
caret-color: #f44336 !important
}
.paginate_custom .red.lighten-5 {
background-color: #ffebee !important;
border-color: #ffebee !important
}
.paginate_custom .red--text.text--lighten-5 {
color: #ffebee !important;
caret-color: #ffebee !important
}
.paginate_custom .red.lighten-4 {
background-color: #ffcdd2 !important;
border-color: #ffcdd2 !important
}
.paginate_custom .red--text.text--lighten-4 {
color: #ffcdd2 !important;
caret-color: #ffcdd2 !important
}
.paginate_custom .red.lighten-3 {
background-color: #ef9a9a !important;
border-color: #ef9a9a !important
}
.paginate_custom .red--text.text--lighten-3 {
color: #ef9a9a !important;
caret-color: #ef9a9a !important
}
.paginate_custom .red.lighten-2 {
background-color: #e57373 !important;
border-color: #e57373 !important
}
.paginate_custom .red--text.text--lighten-2 {
color: #e57373 !important;
caret-color: #e57373 !important
}
.paginate_custom .red.lighten-1 {
background-color: #ef5350 !important;
border-color: #ef5350 !important
}
.paginate_custom .red--text.text--lighten-1 {
color: #ef5350 !important;
caret-color: #ef5350 !important
}
.paginate_custom .red.darken-1 {
background-color: #e53935 !important;
border-color: #e53935 !important
}
.paginate_custom .red--text.text--darken-1 {
color: #e53935 !important;
caret-color: #e53935 !important
}
.paginate_custom .red.darken-2 {
background-color: #d32f2f !important;
border-color: #d32f2f !important
}
.paginate_custom .red--text.text--darken-2 {
color: #d32f2f !important;
caret-color: #d32f2f !important
}
.paginate_custom .red.darken-3 {
background-color: #c62828 !important;
border-color: #c62828 !important
}
.paginate_custom .red--text.text--darken-3 {
color: #c62828 !important;
caret-color: #c62828 !important
}
.paginate_custom .red.darken-4 {
background-color: #b71c1c !important;
border-color: #b71c1c !important
}
.paginate_custom .red--text.text--darken-4 {
color: #b71c1c !important;
caret-color: #b71c1c !important
}
.paginate_custom .red.accent-1 {
background-color: #ff8a80 !important;
border-color: #ff8a80 !important
}
.paginate_custom .red--text.text--accent-1 {
color: #ff8a80 !important;
caret-color: #ff8a80 !important
}
.paginate_custom .red.accent-2 {
background-color: #ff5252 !important;
border-color: #ff5252 !important
}
.paginate_custom .red--text.text--accent-2 {
color: #ff5252 !important;
caret-color: #ff5252 !important
}
.paginate_custom .red.accent-3 {
background-color: #ff1744 !important;
border-color: #ff1744 !important
}
.paginate_custom .red--text.text--accent-3 {
color: #ff1744 !important;
caret-color: #ff1744 !important
}
.paginate_custom .red.accent-4 {
background-color: #d50000 !important;
border-color: #d50000 !important
}
.paginate_custom .red--text.text--accent-4 {
color: #d50000 !important;
caret-color: #d50000 !important
}
.paginate_custom .pink {
background-color: #e91e63 !important;
border-color: #e91e63 !important
}
.paginate_custom .pink--text {
color: #e91e63 !important;
caret-color: #e91e63 !important
}
.paginate_custom .pink.lighten-5 {
background-color: #fce4ec !important;
border-color: #fce4ec !important
}
.paginate_custom .pink--text.text--lighten-5 {
color: #fce4ec !important;
caret-color: #fce4ec !important
}
.paginate_custom .pink.lighten-4 {
background-color: #f8bbd0 !important;
border-color: #f8bbd0 !important
}
.paginate_custom .pink--text.text--lighten-4 {
color: #f8bbd0 !important;
caret-color: #f8bbd0 !important
}
.paginate_custom .pink.lighten-3 {
background-color: #f48fb1 !important;
border-color: #f48fb1 !important
}
.paginate_custom .pink--text.text--lighten-3 {
color: #f48fb1 !important;
caret-color: #f48fb1 !important
}
.paginate_custom .pink.lighten-2 {
background-color: #f06292 !important;
border-color: #f06292 !important
}
.paginate_custom .pink--text.text--lighten-2 {
color: #f06292 !important;
caret-color: #f06292 !important
}
.paginate_custom .pink.lighten-1 {
background-color: #ec407a !important;
border-color: #ec407a !important
}
.paginate_custom .pink--text.text--lighten-1 {
color: #ec407a !important;
caret-color: #ec407a !important
}
.paginate_custom .pink.darken-1 {
background-color: #d81b60 !important;
border-color: #d81b60 !important
}
.paginate_custom .pink--text.text--darken-1 {
color: #d81b60 !important;
caret-color: #d81b60 !important
}
.paginate_custom .pink.darken-2 {
background-color: #c2185b !important;
border-color: #c2185b !important
}
.paginate_custom .pink--text.text--darken-2 {
color: #c2185b !important;
caret-color: #c2185b !important
}
.paginate_custom .pink.darken-3 {
background-color: #ad1457 !important;
border-color: #ad1457 !important
}
.paginate_custom .pink--text.text--darken-3 {
color: #ad1457 !important;
caret-color: #ad1457 !important
}
.paginate_custom .pink.darken-4 {
background-color: #880e4f !important;
border-color: #880e4f !important
}
.paginate_custom .pink--text.text--darken-4 {
color: #880e4f !important;
caret-color: #880e4f !important
}
.paginate_custom .pink.accent-1 {
background-color: #ff80ab !important;
border-color: #ff80ab !important
}
.paginate_custom .pink--text.text--accent-1 {
color: #ff80ab !important;
caret-color: #ff80ab !important
}
.paginate_custom .pink.accent-2 {
background-color: #ff4081 !important;
border-color: #ff4081 !important
}
.paginate_custom .pink--text.text--accent-2 {
color: #ff4081 !important;
caret-color: #ff4081 !important
}
.paginate_custom .pink.accent-3 {
background-color: #f50057 !important;
border-color: #f50057 !important
}
.paginate_custom .pink--text.text--accent-3 {
color: #f50057 !important;
caret-color: #f50057 !important
}
.paginate_custom .pink.accent-4 {
background-color: #c51162 !important;
border-color: #c51162 !important
}
.paginate_custom .pink--text.text--accent-4 {
color: #c51162 !important;
caret-color: #c51162 !important
}
.paginate_custom .purple {
background-color: #9c27b0 !important;
border-color: #9c27b0 !important
}
.paginate_custom .purple--text {
color: #9c27b0 !important;
caret-color: #9c27b0 !important
}
.paginate_custom .purple.lighten-5 {
background-color: #f3e5f5 !important;
border-color: #f3e5f5 !important
}
.paginate_custom .purple--text.text--lighten-5 {
color: #f3e5f5 !important;
caret-color: #f3e5f5 !important
}
.paginate_custom .purple.lighten-4 {
background-color: #e1bee7 !important;
border-color: #e1bee7 !important
}
.paginate_custom .purple--text.text--lighten-4 {
color: #e1bee7 !important;
caret-color: #e1bee7 !important
}
.paginate_custom .purple.lighten-3 {
background-color: #ce93d8 !important;
border-color: #ce93d8 !important
}
.paginate_custom .purple--text.text--lighten-3 {
color: #ce93d8 !important;
caret-color: #ce93d8 !important
}
.paginate_custom .purple.lighten-2 {
background-color: #ba68c8 !important;
border-color: #ba68c8 !important
}
.paginate_custom .purple--text.text--lighten-2 {
color: #ba68c8 !important;
caret-color: #ba68c8 !important
}
.paginate_custom .purple.lighten-1 {
background-color: #ab47bc !important;
border-color: #ab47bc !important
}
.paginate_custom .purple--text.text--lighten-1 {
color: #ab47bc !important;
caret-color: #ab47bc !important
}
.paginate_custom .purple.darken-1 {
background-color: #8e24aa !important;
border-color: #8e24aa !important
}
.paginate_custom .purple--text.text--darken-1 {
color: #8e24aa !important;
caret-color: #8e24aa !important
}
.paginate_custom .purple.darken-2 {
background-color: #7b1fa2 !important;
border-color: #7b1fa2 !important
}
.paginate_custom .purple--text.text--darken-2 {
color: #7b1fa2 !important;
caret-color: #7b1fa2 !important
}
.paginate_custom .purple.darken-3 {
background-color: #6a1b9a !important;
border-color: #6a1b9a !important
}
.paginate_custom .purple--text.text--darken-3 {
color: #6a1b9a !important;
caret-color: #6a1b9a !important
}
.paginate_custom .purple.darken-4 {
background-color: #4a148c !important;
border-color: #4a148c !important
}
.paginate_custom .purple--text.text--darken-4 {
color: #4a148c !important;
caret-color: #4a148c !important
}
.paginate_custom .purple.accent-1 {
background-color: #ea80fc !important;
border-color: #ea80fc !important
}
.paginate_custom .purple--text.text--accent-1 {
color: #ea80fc !important;
caret-color: #ea80fc !important
}
.paginate_custom .purple.accent-2 {
background-color: #e040fb !important;
border-color: #e040fb !important
}
.paginate_custom .purple--text.text--accent-2 {
color: #e040fb !important;
caret-color: #e040fb !important
}
.paginate_custom .purple.accent-3 {
background-color: #d500f9 !important;
border-color: #d500f9 !important
}
.paginate_custom .purple--text.text--accent-3 {
color: #d500f9 !important;
caret-color: #d500f9 !important
}
.paginate_custom .purple.accent-4 {
background-color: #a0f !important;
border-color: #a0f !important
}
.paginate_custom .purple--text.text--accent-4 {
color: #a0f !important;
caret-color: #a0f !important
}
.paginate_custom .deep-purple {
background-color: #673ab7 !important;
border-color: #673ab7 !important
}
.paginate_custom .deep-purple--text {
color: #673ab7 !important;
caret-color: #673ab7 !important
}
.paginate_custom .deep-purple.lighten-5 {
background-color: #ede7f6 !important;
border-color: #ede7f6 !important
}
.paginate_custom .deep-purple--text.text--lighten-5 {
color: #ede7f6 !important;
caret-color: #ede7f6 !important
}
.paginate_custom .deep-purple.lighten-4 {
background-color: #d1c4e9 !important;
border-color: #d1c4e9 !important
}
.paginate_custom .deep-purple--text.text--lighten-4 {
color: #d1c4e9 !important;
caret-color: #d1c4e9 !important
}
.paginate_custom .deep-purple.lighten-3 {
background-color: #b39ddb !important;
border-color: #b39ddb !important
}
.paginate_custom .deep-purple--text.text--lighten-3 {
color: #b39ddb !important;
caret-color: #b39ddb !important
}
.paginate_custom .deep-purple.lighten-2 {
background-color: #9575cd !important;
border-color: #9575cd !important
}
.paginate_custom .deep-purple--text.text--lighten-2 {
color: #9575cd !important;
caret-color: #9575cd !important
}
.paginate_custom .deep-purple.lighten-1 {
background-color: #7e57c2 !important;
border-color: #7e57c2 !important
}
.paginate_custom .deep-purple--text.text--lighten-1 {
color: #7e57c2 !important;
caret-color: #7e57c2 !important
}
.paginate_custom .deep-purple.darken-1 {
background-color: #5e35b1 !important;
border-color: #5e35b1 !important
}
.paginate_custom .deep-purple--text.text--darken-1 {
color: #5e35b1 !important;
caret-color: #5e35b1 !important
}
.paginate_custom .deep-purple.darken-2 {
background-color: #512da8 !important;
border-color: #512da8 !important
}
.paginate_custom .deep-purple--text.text--darken-2 {
color: #512da8 !important;
caret-color: #512da8 !important
}
.paginate_custom .deep-purple.darken-3 {
background-color: #4527a0 !important;
border-color: #4527a0 !important
}
.paginate_custom .deep-purple--text.text--darken-3 {
color: #4527a0 !important;
caret-color: #4527a0 !important
}
.paginate_custom .deep-purple.darken-4 {
background-color: #311b92 !important;
border-color: #311b92 !important
}
.paginate_custom .deep-purple--text.text--darken-4 {
color: #311b92 !important;
caret-color: #311b92 !important
}
.paginate_custom .deep-purple.accent-1 {
background-color: #b388ff !important;
border-color: #b388ff !important
}
.paginate_custom .deep-purple--text.text--accent-1 {
color: #b388ff !important;
caret-color: #b388ff !important
}
.paginate_custom .deep-purple.accent-2 {
background-color: #7c4dff !important;
border-color: #7c4dff !important
}
.paginate_custom .deep-purple--text.text--accent-2 {
color: #7c4dff !important;
caret-color: #7c4dff !important
}
.paginate_custom .deep-purple.accent-3 {
background-color: #651fff !important;
border-color: #651fff !important
}
.paginate_custom .deep-purple--text.text--accent-3 {
color: #651fff !important;
caret-color: #651fff !important
}
.paginate_custom .deep-purple.accent-4 {
background-color: #6200ea !important;
border-color: #6200ea !important
}
.paginate_custom .deep-purple--text.text--accent-4 {
color: #6200ea !important;
caret-color: #6200ea !important
}
.paginate_custom .indigo {
background-color: #3f51b5 !important;
border-color: #3f51b5 !important
}
.paginate_custom .indigo--text {
color: #3f51b5 !important;
caret-color: #3f51b5 !important
}
.paginate_custom .indigo.lighten-5 {
background-color: #e8eaf6 !important;
border-color: #e8eaf6 !important
}
.paginate_custom .indigo--text.text--lighten-5 {
color: #e8eaf6 !important;
caret-color: #e8eaf6 !important
}
.paginate_custom .indigo.lighten-4 {
background-color: #c5cae9 !important;
border-color: #c5cae9 !important
}
.paginate_custom .indigo--text.text--lighten-4 {
color: #c5cae9 !important;
caret-color: #c5cae9 !important
}
.paginate_custom .indigo.lighten-3 {
background-color: #9fa8da !important;
border-color: #9fa8da !important
}
.paginate_custom .indigo--text.text--lighten-3 {
color: #9fa8da !important;
caret-color: #9fa8da !important
}
.paginate_custom .indigo.lighten-2 {
background-color: #7986cb !important;
border-color: #7986cb !important
}
.paginate_custom .indigo--text.text--lighten-2 {
color: #7986cb !important;
caret-color: #7986cb !important
}
.paginate_custom .indigo.lighten-1 {
background-color: #5c6bc0 !important;
border-color: #5c6bc0 !important
}
.paginate_custom .indigo--text.text--lighten-1 {
color: #5c6bc0 !important;
caret-color: #5c6bc0 !important
}
.paginate_custom .indigo.darken-1 {
background-color: #3949ab !important;
border-color: #3949ab !important
}
.paginate_custom .indigo--text.text--darken-1 {
color: #3949ab !important;
caret-color: #3949ab !important
}
.paginate_custom .indigo.darken-2 {
background-color: #303f9f !important;
border-color: #303f9f !important
}
.paginate_custom .indigo--text.text--darken-2 {
color: #303f9f !important;
caret-color: #303f9f !important
}
.paginate_custom .indigo.darken-3 {
background-color: #283593 !important;
border-color: #283593 !important
}
.paginate_custom .indigo--text.text--darken-3 {
color: #283593 !important;
caret-color: #283593 !important
}
.paginate_custom .indigo.darken-4 {
background-color: #1a237e !important;
border-color: #1a237e !important
}
.paginate_custom .indigo--text.text--darken-4 {
color: #1a237e !important;
caret-color: #1a237e !important
}
.paginate_custom .indigo.accent-1 {
background-color: #8c9eff !important;
border-color: #8c9eff !important
}
.paginate_custom .indigo--text.text--accent-1 {
color: #8c9eff !important;
caret-color: #8c9eff !important
}
.paginate_custom .indigo.accent-2 {
background-color: #536dfe !important;
border-color: #536dfe !important
}
.paginate_custom .indigo--text.text--accent-2 {
color: #536dfe !important;
caret-color: #536dfe !important
}
.paginate_custom .indigo.accent-3 {
background-color: #3d5afe !important;
border-color: #3d5afe !important
}
.paginate_custom .indigo--text.text--accent-3 {
color: #3d5afe !important;
caret-color: #3d5afe !important
}
.paginate_custom .indigo.accent-4 {
background-color: #304ffe !important;
border-color: #304ffe !important
}
.paginate_custom .indigo--text.text--accent-4 {
color: #304ffe !important;
caret-color: #304ffe !important
}
.paginate_custom .blue {
background-color: #2196f3 !important;
border-color: #2196f3 !important
}
.paginate_custom .blue--text {
color: #2196f3 !important;
caret-color: #2196f3 !important
}
.paginate_custom .blue.lighten-5 {
background-color: #e3f2fd !important;
border-color: #e3f2fd !important
}
.paginate_custom .blue--text.text--lighten-5 {
color: #e3f2fd !important;
caret-color: #e3f2fd !important
}
.paginate_custom .blue.lighten-4 {
background-color: #bbdefb !important;
border-color: #bbdefb !important
}
.paginate_custom .blue--text.text--lighten-4 {
color: #bbdefb !important;
caret-color: #bbdefb !important
}
.paginate_custom .blue.lighten-3 {
background-color: #90caf9 !important;
border-color: #90caf9 !important
}
.paginate_custom .blue--text.text--lighten-3 {
color: #90caf9 !important;
caret-color: #90caf9 !important
}
.paginate_custom .blue.lighten-2 {
background-color: #64b5f6 !important;
border-color: #64b5f6 !important
}
.paginate_custom .blue--text.text--lighten-2 {
color: #64b5f6 !important;
caret-color: #64b5f6 !important
}
.paginate_custom .blue.lighten-1 {
background-color: #42a5f5 !important;
border-color: #42a5f5 !important
}
.paginate_custom .blue--text.text--lighten-1 {
color: #42a5f5 !important;
caret-color: #42a5f5 !important
}
.paginate_custom .blue.darken-1 {
background-color: #1e88e5 !important;
border-color: #1e88e5 !important
}
.paginate_custom .blue--text.text--darken-1 {
color: #1e88e5 !important;
caret-color: #1e88e5 !important
}
.paginate_custom .blue.darken-2 {
background-color: #1976d2 !important;
border-color: #1976d2 !important
}
.paginate_custom .blue--text.text--darken-2 {
color: #1976d2 !important;
caret-color: #1976d2 !important
}
.paginate_custom .blue.darken-3 {
background-color: #1565c0 !important;
border-color: #1565c0 !important
}
.paginate_custom .blue--text.text--darken-3 {
color: #1565c0 !important;
caret-color: #1565c0 !important
}
.paginate_custom .blue.darken-4 {
background-color: #0d47a1 !important;
border-color: #0d47a1 !important
}
.paginate_custom .blue--text.text--darken-4 {
color: #0d47a1 !important;
caret-color: #0d47a1 !important
}
.paginate_custom .blue.accent-1 {
background-color: #82b1ff !important;
border-color: #82b1ff !important
}
.paginate_custom .blue--text.text--accent-1 {
color: #82b1ff !important;
caret-color: #82b1ff !important
}
.paginate_custom .blue.accent-2 {
background-color: #448aff !important;
border-color: #448aff !important
}
.paginate_custom .blue--text.text--accent-2 {
color: #448aff !important;
caret-color: #448aff !important
}
.paginate_custom .blue.accent-3 {
background-color: #2979ff !important;
border-color: #2979ff !important
}
.paginate_custom .blue--text.text--accent-3 {
color: #2979ff !important;
caret-color: #2979ff !important
}
.paginate_custom .blue.accent-4 {
background-color: #2962ff !important;
border-color: #2962ff !important
}
.paginate_custom .blue--text.text--accent-4 {
color: #2962ff !important;
caret-color: #2962ff !important
}
.paginate_custom .light-blue {
background-color: #03a9f4 !important;
border-color: #03a9f4 !important
}
.paginate_custom .light-blue--text {
color: #03a9f4 !important;
caret-color: #03a9f4 !important
}
.paginate_custom .light-blue.lighten-5 {
background-color: #e1f5fe !important;
border-color: #e1f5fe !important
}
.paginate_custom .light-blue--text.text--lighten-5 {
color: #e1f5fe !important;
caret-color: #e1f5fe !important
}
.paginate_custom .light-blue.lighten-4 {
background-color: #b3e5fc !important;
border-color: #b3e5fc !important
}
.paginate_custom .light-blue--text.text--lighten-4 {
color: #b3e5fc !important;
caret-color: #b3e5fc !important
}
.paginate_custom .light-blue.lighten-3 {
background-color: #81d4fa !important;
border-color: #81d4fa !important
}
.paginate_custom .light-blue--text.text--lighten-3 {
color: #81d4fa !important;
caret-color: #81d4fa !important
}
.paginate_custom .light-blue.lighten-2 {
background-color: #4fc3f7 !important;
border-color: #4fc3f7 !important
}
.paginate_custom .light-blue--text.text--lighten-2 {
color: #4fc3f7 !important;
caret-color: #4fc3f7 !important
}
.paginate_custom .light-blue.lighten-1 {
background-color: #29b6f6 !important;
border-color: #29b6f6 !important
}
.paginate_custom .light-blue--text.text--lighten-1 {
color: #29b6f6 !important;
caret-color: #29b6f6 !important
}
.paginate_custom .light-blue.darken-1 {
background-color: #039be5 !important;
border-color: #039be5 !important
}
.paginate_custom .light-blue--text.text--darken-1 {
color: #039be5 !important;
caret-color: #039be5 !important
}
.paginate_custom .light-blue.darken-2 {
background-color: #0288d1 !important;
border-color: #0288d1 !important
}
.paginate_custom .light-blue--text.text--darken-2 {
color: #0288d1 !important;
caret-color: #0288d1 !important
}
.paginate_custom .light-blue.darken-3 {
background-color: #0277bd !important;
border-color: #0277bd !important
}
.paginate_custom .light-blue--text.text--darken-3 {
color: #0277bd !important;
caret-color: #0277bd !important
}
.paginate_custom .light-blue.darken-4 {
background-color: #01579b !important;
border-color: #01579b !important
}
.paginate_custom .light-blue--text.text--darken-4 {
color: #01579b !important;
caret-color: #01579b !important
}
.paginate_custom .light-blue.accent-1 {
background-color: #80d8ff !important;
border-color: #80d8ff !important
}
.paginate_custom .light-blue--text.text--accent-1 {
color: #80d8ff !important;
caret-color: #80d8ff !important
}
.paginate_custom .light-blue.accent-2 {
background-color: #40c4ff !important;
border-color: #40c4ff !important
}
.paginate_custom .light-blue--text.text--accent-2 {
color: #40c4ff !important;
caret-color: #40c4ff !important
}
.paginate_custom .light-blue.accent-3 {
background-color: #00b0ff !important;
border-color: #00b0ff !important
}
.paginate_custom .light-blue--text.text--accent-3 {
color: #00b0ff !important;
caret-color: #00b0ff !important
}
.paginate_custom .light-blue.accent-4 {
background-color: #0091ea !important;
border-color: #0091ea !important
}
.paginate_custom .light-blue--text.text--accent-4 {
color: #0091ea !important;
caret-color: #0091ea !important
}
.paginate_custom .cyan {
background-color: #00bcd4 !important;
border-color: #00bcd4 !important
}
.paginate_custom .cyan--text {
color: #00bcd4 !important;
caret-color: #00bcd4 !important
}
.paginate_custom .cyan.lighten-5 {
background-color: #e0f7fa !important;
border-color: #e0f7fa !important
}
.paginate_custom .cyan--text.text--lighten-5 {
color: #e0f7fa !important;
caret-color: #e0f7fa !important
}
.paginate_custom .cyan.lighten-4 {
background-color: #b2ebf2 !important;
border-color: #b2ebf2 !important
}
.paginate_custom .cyan--text.text--lighten-4 {
color: #b2ebf2 !important;
caret-color: #b2ebf2 !important
}
.paginate_custom .cyan.lighten-3 {
background-color: #80deea !important;
border-color: #80deea !important
}
.paginate_custom .cyan--text.text--lighten-3 {
color: #80deea !important;
caret-color: #80deea !important
}
.paginate_custom .cyan.lighten-2 {
background-color: #4dd0e1 !important;
border-color: #4dd0e1 !important
}
.paginate_custom .cyan--text.text--lighten-2 {
color: #4dd0e1 !important;
caret-color: #4dd0e1 !important
}
.paginate_custom .cyan.lighten-1 {
background-color: #26c6da !important;
border-color: #26c6da !important
}
.paginate_custom .cyan--text.text--lighten-1 {
color: #26c6da !important;
caret-color: #26c6da !important
}
.paginate_custom .cyan.darken-1 {
background-color: #00acc1 !important;
border-color: #00acc1 !important
}
.paginate_custom .cyan--text.text--darken-1 {
color: #00acc1 !important;
caret-color: #00acc1 !important
}
.paginate_custom .cyan.darken-2 {
background-color: #0097a7 !important;
border-color: #0097a7 !important
}
.paginate_custom .cyan--text.text--darken-2 {
color: #0097a7 !important;
caret-color: #0097a7 !important
}
.paginate_custom .cyan.darken-3 {
background-color: #00838f !important;
border-color: #00838f !important
}
.paginate_custom .cyan--text.text--darken-3 {
color: #00838f !important;
caret-color: #00838f !important
}
.paginate_custom .cyan.darken-4 {
background-color: #006064 !important;
border-color: #006064 !important
}
.paginate_custom .cyan--text.text--darken-4 {
color: #006064 !important;
caret-color: #006064 !important
}
.paginate_custom .cyan.accent-1 {
background-color: #84ffff !important;
border-color: #84ffff !important
}
.paginate_custom .cyan--text.text--accent-1 {
color: #84ffff !important;
caret-color: #84ffff !important
}
.paginate_custom .cyan.accent-2 {
background-color: #18ffff !important;
border-color: #18ffff !important
}
.paginate_custom .cyan--text.text--accent-2 {
color: #18ffff !important;
caret-color: #18ffff !important
}
.paginate_custom .cyan.accent-3 {
background-color: #00e5ff !important;
border-color: #00e5ff !important
}
.paginate_custom .cyan--text.text--accent-3 {
color: #00e5ff !important;
caret-color: #00e5ff !important
}
.paginate_custom .cyan.accent-4 {
background-color: #00b8d4 !important;
border-color: #00b8d4 !important
}
.paginate_custom .cyan--text.text--accent-4 {
color: #00b8d4 !important;
caret-color: #00b8d4 !important
}
.paginate_custom .teal {
background-color: #009688 !important;
border-color: #009688 !important
}
.paginate_custom .teal--text {
color: #009688 !important;
caret-color: #009688 !important
}
.paginate_custom .teal.lighten-5 {
background-color: #e0f2f1 !important;
border-color: #e0f2f1 !important
}
.paginate_custom .teal--text.text--lighten-5 {
color: #e0f2f1 !important;
caret-color: #e0f2f1 !important
}
.paginate_custom .teal.lighten-4 {
background-color: #b2dfdb !important;
border-color: #b2dfdb !important
}
.paginate_custom .teal--text.text--lighten-4 {
color: #b2dfdb !important;
caret-color: #b2dfdb !important
}
.paginate_custom .teal.lighten-3 {
background-color: #80cbc4 !important;
border-color: #80cbc4 !important
}
.paginate_custom .teal--text.text--lighten-3 {
color: #80cbc4 !important;
caret-color: #80cbc4 !important
}
.paginate_custom .teal.lighten-2 {
background-color: #4db6ac !important;
border-color: #4db6ac !important
}
.paginate_custom .teal--text.text--lighten-2 {
color: #4db6ac !important;
caret-color: #4db6ac !important
}
.paginate_custom .teal.lighten-1 {
background-color: #26a69a !important;
border-color: #26a69a !important
}
.paginate_custom .teal--text.text--lighten-1 {
color: #26a69a !important;
caret-color: #26a69a !important
}
.paginate_custom .teal.darken-1 {
background-color: #00897b !important;
border-color: #00897b !important
}
.paginate_custom .teal--text.text--darken-1 {
color: #00897b !important;
caret-color: #00897b !important
}
.paginate_custom .teal.darken-2 {
background-color: #00796b !important;
border-color: #00796b !important
}
.paginate_custom .teal--text.text--darken-2 {
color: #00796b !important;
caret-color: #00796b !important
}
.paginate_custom .teal.darken-3 {
background-color: #00695c !important;
border-color: #00695c !important
}
.paginate_custom .teal--text.text--darken-3 {
color: #00695c !important;
caret-color: #00695c !important
}
.paginate_custom .teal.darken-4 {
background-color: #004d40 !important;
border-color: #004d40 !important
}
.paginate_custom .teal--text.text--darken-4 {
color: #004d40 !important;
caret-color: #004d40 !important
}
.paginate_custom .teal.accent-1 {
background-color: #a7ffeb !important;
border-color: #a7ffeb !important
}
.paginate_custom .teal--text.text--accent-1 {
color: #a7ffeb !important;
caret-color: #a7ffeb !important
}
.paginate_custom .teal.accent-2 {
background-color: #64ffda !important;
border-color: #64ffda !important
}
.paginate_custom .teal--text.text--accent-2 {
color: #64ffda !important;
caret-color: #64ffda !important
}
.paginate_custom .teal.accent-3 {
background-color: #1de9b6 !important;
border-color: #1de9b6 !important
}
.paginate_custom .teal--text.text--accent-3 {
color: #1de9b6 !important;
caret-color: #1de9b6 !important
}
.paginate_custom .teal.accent-4 {
background-color: #00bfa5 !important;
border-color: #00bfa5 !important
}
.paginate_custom .teal--text.text--accent-4 {
color: #00bfa5 !important;
caret-color: #00bfa5 !important
}
.paginate_custom .green {
background-color: #4caf50 !important;
border-color: #4caf50 !important
}
.paginate_custom .green--text {
color: #4caf50 !important;
caret-color: #4caf50 !important
}
.paginate_custom .green.lighten-5 {
background-color: #e8f5e9 !important;
border-color: #e8f5e9 !important
}
.paginate_custom .green--text.text--lighten-5 {
color: #e8f5e9 !important;
caret-color: #e8f5e9 !important
}
.paginate_custom .green.lighten-4 {
background-color: #c8e6c9 !important;
border-color: #c8e6c9 !important
}
.paginate_custom .green--text.text--lighten-4 {
color: #c8e6c9 !important;
caret-color: #c8e6c9 !important
}
.paginate_custom .green.lighten-3 {
background-color: #a5d6a7 !important;
border-color: #a5d6a7 !important
}
.paginate_custom .green--text.text--lighten-3 {
color: #a5d6a7 !important;
caret-color: #a5d6a7 !important
}
.paginate_custom .green.lighten-2 {
background-color: #81c784 !important;
border-color: #81c784 !important
}
.paginate_custom .green--text.text--lighten-2 {
color: #81c784 !important;
caret-color: #81c784 !important
}
.paginate_custom .green.lighten-1 {
background-color: #66bb6a !important;
border-color: #66bb6a !important
}
.paginate_custom .green--text.text--lighten-1 {
color: #66bb6a !important;
caret-color: #66bb6a !important
}
.paginate_custom .green.darken-1 {
background-color: #43a047 !important;
border-color: #43a047 !important
}
.paginate_custom .green--text.text--darken-1 {
color: #43a047 !important;
caret-color: #43a047 !important
}
.paginate_custom .green.darken-2 {
background-color: #388e3c !important;
border-color: #388e3c !important
}
.paginate_custom .green--text.text--darken-2 {
color: #388e3c !important;
caret-color: #388e3c !important
}
.paginate_custom .green.darken-3 {
background-color: #2e7d32 !important;
border-color: #2e7d32 !important
}
.paginate_custom .green--text.text--darken-3 {
color: #2e7d32 !important;
caret-color: #2e7d32 !important
}
.paginate_custom .green.darken-4 {
background-color: #1b5e20 !important;
border-color: #1b5e20 !important
}
.paginate_custom .green--text.text--darken-4 {
color: #1b5e20 !important;
caret-color: #1b5e20 !important
}
.paginate_custom .green.accent-1 {
background-color: #b9f6ca !important;
border-color: #b9f6ca !important
}
.paginate_custom .green--text.text--accent-1 {
color: #b9f6ca !important;
caret-color: #b9f6ca !important
}
.paginate_custom .green.accent-2 {
background-color: #69f0ae !important;
border-color: #69f0ae !important
}
.paginate_custom .green--text.text--accent-2 {
color: #69f0ae !important;
caret-color: #69f0ae !important
}
.paginate_custom .green.accent-3 {
background-color: #00e676 !important;
border-color: #00e676 !important
}
.paginate_custom .green--text.text--accent-3 {
color: #00e676 !important;
caret-color: #00e676 !important
}
.paginate_custom .green.accent-4 {
background-color: #00c853 !important;
border-color: #00c853 !important
}
.paginate_custom .green--text.text--accent-4 {
color: #00c853 !important;
caret-color: #00c853 !important
}
.paginate_custom .light-green {
background-color: #8bc34a !important;
border-color: #8bc34a !important
}
.paginate_custom .light-green--text {
color: #8bc34a !important;
caret-color: #8bc34a !important
}
.paginate_custom .light-green.lighten-5 {
background-color: #f1f8e9 !important;
border-color: #f1f8e9 !important
}
.paginate_custom .light-green--text.text--lighten-5 {
color: #f1f8e9 !important;
caret-color: #f1f8e9 !important
}
.paginate_custom .light-green.lighten-4 {
background-color: #dcedc8 !important;
border-color: #dcedc8 !important
}
.paginate_custom .light-green--text.text--lighten-4 {
color: #dcedc8 !important;
caret-color: #dcedc8 !important
}
.paginate_custom .light-green.lighten-3 {
background-color: #c5e1a5 !important;
border-color: #c5e1a5 !important
}
.paginate_custom .light-green--text.text--lighten-3 {
color: #c5e1a5 !important;
caret-color: #c5e1a5 !important
}
.paginate_custom .light-green.lighten-2 {
background-color: #aed581 !important;
border-color: #aed581 !important
}
.paginate_custom .light-green--text.text--lighten-2 {
color: #aed581 !important;
caret-color: #aed581 !important
}
.paginate_custom .light-green.lighten-1 {
background-color: #9ccc65 !important;
border-color: #9ccc65 !important
}
.paginate_custom .light-green--text.text--lighten-1 {
color: #9ccc65 !important;
caret-color: #9ccc65 !important
}
.paginate_custom .light-green.darken-1 {
background-color: #7cb342 !important;
border-color: #7cb342 !important
}
.paginate_custom .light-green--text.text--darken-1 {
color: #7cb342 !important;
caret-color: #7cb342 !important
}
.paginate_custom .light-green.darken-2 {
background-color: #689f38 !important;
border-color: #689f38 !important
}
.paginate_custom .light-green--text.text--darken-2 {
color: #689f38 !important;
caret-color: #689f38 !important
}
.paginate_custom .light-green.darken-3 {
background-color: #558b2f !important;
border-color: #558b2f !important
}
.paginate_custom .light-green--text.text--darken-3 {
color: #558b2f !important;
caret-color: #558b2f !important
}
.paginate_custom .light-green.darken-4 {
background-color: #33691e !important;
border-color: #33691e !important
}
.paginate_custom .light-green--text.text--darken-4 {
color: #33691e !important;
caret-color: #33691e !important
}
.paginate_custom .light-green.accent-1 {
background-color: #ccff90 !important;
border-color: #ccff90 !important
}
.paginate_custom .light-green--text.text--accent-1 {
color: #ccff90 !important;
caret-color: #ccff90 !important
}
.paginate_custom .light-green.accent-2 {
background-color: #b2ff59 !important;
border-color: #b2ff59 !important
}
.paginate_custom .light-green--text.text--accent-2 {
color: #b2ff59 !important;
caret-color: #b2ff59 !important
}
.paginate_custom .light-green.accent-3 {
background-color: #76ff03 !important;
border-color: #76ff03 !important
}
.paginate_custom .light-green--text.text--accent-3 {
color: #76ff03 !important;
caret-color: #76ff03 !important
}
.paginate_custom .light-green.accent-4 {
background-color: #64dd17 !important;
border-color: #64dd17 !important
}
.paginate_custom .light-green--text.text--accent-4 {
color: #64dd17 !important;
caret-color: #64dd17 !important
}
.paginate_custom .lime {
background-color: #cddc39 !important;
border-color: #cddc39 !important
}
.paginate_custom .lime--text {
color: #cddc39 !important;
caret-color: #cddc39 !important
}
.paginate_custom .lime.lighten-5 {
background-color: #f9fbe7 !important;
border-color: #f9fbe7 !important
}
.paginate_custom .lime--text.text--lighten-5 {
color: #f9fbe7 !important;
caret-color: #f9fbe7 !important
}
.paginate_custom .lime.lighten-4 {
background-color: #f0f4c3 !important;
border-color: #f0f4c3 !important
}
.paginate_custom .lime--text.text--lighten-4 {
color: #f0f4c3 !important;
caret-color: #f0f4c3 !important
}
.paginate_custom .lime.lighten-3 {
background-color: #e6ee9c !important;
border-color: #e6ee9c !important
}
.paginate_custom .lime--text.text--lighten-3 {
color: #e6ee9c !important;
caret-color: #e6ee9c !important
}
.paginate_custom .lime.lighten-2 {
background-color: #dce775 !important;
border-color: #dce775 !important
}
.paginate_custom .lime--text.text--lighten-2 {
color: #dce775 !important;
caret-color: #dce775 !important
}
.paginate_custom .lime.lighten-1 {
background-color: #d4e157 !important;
border-color: #d4e157 !important
}
.paginate_custom .lime--text.text--lighten-1 {
color: #d4e157 !important;
caret-color: #d4e157 !important
}
.paginate_custom .lime.darken-1 {
background-color: #c0ca33 !important;
border-color: #c0ca33 !important
}
.paginate_custom .lime--text.text--darken-1 {
color: #c0ca33 !important;
caret-color: #c0ca33 !important
}
.paginate_custom .lime.darken-2 {
background-color: #afb42b !important;
border-color: #afb42b !important
}
.paginate_custom .lime--text.text--darken-2 {
color: #afb42b !important;
caret-color: #afb42b !important
}
.paginate_custom .lime.darken-3 {
background-color: #9e9d24 !important;
border-color: #9e9d24 !important
}
.paginate_custom .lime--text.text--darken-3 {
color: #9e9d24 !important;
caret-color: #9e9d24 !important
}
.paginate_custom .lime.darken-4 {
background-color: #827717 !important;
border-color: #827717 !important
}
.paginate_custom .lime--text.text--darken-4 {
color: #827717 !important;
caret-color: #827717 !important
}
.paginate_custom .lime.accent-1 {
background-color: #f4ff81 !important;
border-color: #f4ff81 !important
}
.paginate_custom .lime--text.text--accent-1 {
color: #f4ff81 !important;
caret-color: #f4ff81 !important
}
.paginate_custom .lime.accent-2 {
background-color: #eeff41 !important;
border-color: #eeff41 !important
}
.paginate_custom .lime--text.text--accent-2 {
color: #eeff41 !important;
caret-color: #eeff41 !important
}
.paginate_custom .lime.accent-3 {
background-color: #c6ff00 !important;
border-color: #c6ff00 !important
}
.paginate_custom .lime--text.text--accent-3 {
color: #c6ff00 !important;
caret-color: #c6ff00 !important
}
.paginate_custom .lime.accent-4 {
background-color: #aeea00 !important;
border-color: #aeea00 !important
}
.paginate_custom .lime--text.text--accent-4 {
color: #aeea00 !important;
caret-color: #aeea00 !important
}
.paginate_custom .yellow {
background-color: #ffeb3b !important;
border-color: #ffeb3b !important
}
.paginate_custom .yellow--text {
color: #ffeb3b !important;
caret-color: #ffeb3b !important
}
.paginate_custom .yellow.lighten-5 {
background-color: #fffde7 !important;
border-color: #fffde7 !important
}
.paginate_custom .yellow--text.text--lighten-5 {
color: #fffde7 !important;
caret-color: #fffde7 !important
}
.paginate_custom .yellow.lighten-4 {
background-color: #fff9c4 !important;
border-color: #fff9c4 !important
}
.paginate_custom .yellow--text.text--lighten-4 {
color: #fff9c4 !important;
caret-color: #fff9c4 !important
}
.paginate_custom .yellow.lighten-3 {
background-color: #fff59d !important;
border-color: #fff59d !important
}
.paginate_custom .yellow--text.text--lighten-3 {
color: #fff59d !important;
caret-color: #fff59d !important
}
.paginate_custom .yellow.lighten-2 {
background-color: #fff176 !important;
border-color: #fff176 !important
}
.paginate_custom .yellow--text.text--lighten-2 {
color: #fff176 !important;
caret-color: #fff176 !important
}
.paginate_custom .yellow.lighten-1 {
background-color: #ffee58 !important;
border-color: #ffee58 !important
}
.paginate_custom .yellow--text.text--lighten-1 {
color: #ffee58 !important;
caret-color: #ffee58 !important
}
.paginate_custom .yellow.darken-1 {
background-color: #fdd835 !important;
border-color: #fdd835 !important
}
.paginate_custom .yellow--text.text--darken-1 {
color: #fdd835 !important;
caret-color: #fdd835 !important
}
.paginate_custom .yellow.darken-2 {
background-color: #fbc02d !important;
border-color: #fbc02d !important
}
.paginate_custom .yellow--text.text--darken-2 {
color: #fbc02d !important;
caret-color: #fbc02d !important
}
.paginate_custom .yellow.darken-3 {
background-color: #f9a825 !important;
border-color: #f9a825 !important
}
.paginate_custom .yellow--text.text--darken-3 {
color: #f9a825 !important;
caret-color: #f9a825 !important
}
.paginate_custom .yellow.darken-4 {
background-color: #f57f17 !important;
border-color: #f57f17 !important
}
.paginate_custom .yellow--text.text--darken-4 {
color: #f57f17 !important;
caret-color: #f57f17 !important
}
.paginate_custom .yellow.accent-1 {
background-color: #ffff8d !important;
border-color: #ffff8d !important
}
.paginate_custom .yellow--text.text--accent-1 {
color: #ffff8d !important;
caret-color: #ffff8d !important
}
.paginate_custom .yellow.accent-2 {
background-color: #ff0 !important;
border-color: #ff0 !important
}
.paginate_custom .yellow--text.text--accent-2 {
color: #ff0 !important;
caret-color: #ff0 !important
}
.paginate_custom .yellow.accent-3 {
background-color: #ffea00 !important;
border-color: #ffea00 !important
}
.paginate_custom .yellow--text.text--accent-3 {
color: #ffea00 !important;
caret-color: #ffea00 !important
}
.paginate_custom .yellow.accent-4 {
background-color: #ffd600 !important;
border-color: #ffd600 !important
}
.paginate_custom .yellow--text.text--accent-4 {
color: #ffd600 !important;
caret-color: #ffd600 !important
}
.paginate_custom .amber {
background-color: #ffc107 !important;
border-color: #ffc107 !important
}
.paginate_custom .amber--text {
color: #ffc107 !important;
caret-color: #ffc107 !important
}
.paginate_custom .amber.lighten-5 {
background-color: #fff8e1 !important;
border-color: #fff8e1 !important
}
.paginate_custom .amber--text.text--lighten-5 {
color: #fff8e1 !important;
caret-color: #fff8e1 !important
}
.paginate_custom .amber.lighten-4 {
background-color: #ffecb3 !important;
border-color: #ffecb3 !important
}
.paginate_custom .amber--text.text--lighten-4 {
color: #ffecb3 !important;
caret-color: #ffecb3 !important
}
.paginate_custom .amber.lighten-3 {
background-color: #ffe082 !important;
border-color: #ffe082 !important
}
.paginate_custom .amber--text.text--lighten-3 {
color: #ffe082 !important;
caret-color: #ffe082 !important
}
.paginate_custom .amber.lighten-2 {
background-color: #ffd54f !important;
border-color: #ffd54f !important
}
.paginate_custom .amber--text.text--lighten-2 {
color: #ffd54f !important;
caret-color: #ffd54f !important
}
.paginate_custom .amber.lighten-1 {
background-color: #ffca28 !important;
border-color: #ffca28 !important
}
.paginate_custom .amber--text.text--lighten-1 {
color: #ffca28 !important;
caret-color: #ffca28 !important
}
.paginate_custom .amber.darken-1 {
background-color: #ffb300 !important;
border-color: #ffb300 !important
}
.paginate_custom .amber--text.text--darken-1 {
color: #ffb300 !important;
caret-color: #ffb300 !important
}
.paginate_custom .amber.darken-2 {
background-color: #ffa000 !important;
border-color: #ffa000 !important
}
.paginate_custom .amber--text.text--darken-2 {
color: #ffa000 !important;
caret-color: #ffa000 !important
}
.paginate_custom .amber.darken-3 {
background-color: #ff8f00 !important;
border-color: #ff8f00 !important
}
.paginate_custom .amber--text.text--darken-3 {
color: #ff8f00 !important;
caret-color: #ff8f00 !important
}
.paginate_custom .amber.darken-4 {
background-color: #ff6f00 !important;
border-color: #ff6f00 !important
}
.paginate_custom .amber--text.text--darken-4 {
color: #ff6f00 !important;
caret-color: #ff6f00 !important
}
.paginate_custom .amber.accent-1 {
background-color: #ffe57f !important;
border-color: #ffe57f !important
}
.paginate_custom .amber--text.text--accent-1 {
color: #ffe57f !important;
caret-color: #ffe57f !important
}
.paginate_custom .amber.accent-2 {
background-color: #ffd740 !important;
border-color: #ffd740 !important
}
.paginate_custom .amber--text.text--accent-2 {
color: #ffd740 !important;
caret-color: #ffd740 !important
}
.paginate_custom .amber.accent-3 {
background-color: #ffc400 !important;
border-color: #ffc400 !important
}
.paginate_custom .amber--text.text--accent-3 {
color: #ffc400 !important;
caret-color: #ffc400 !important
}
.paginate_custom .amber.accent-4 {
background-color: #ffab00 !important;
border-color: #ffab00 !important
}
.paginate_custom .amber--text.text--accent-4 {
color: #ffab00 !important;
caret-color: #ffab00 !important
}
.paginate_custom .orange {
background-color: #ff9800 !important;
border-color: #ff9800 !important
}
.paginate_custom .orange--text {
color: #ff9800 !important;
caret-color: #ff9800 !important
}
.paginate_custom .orange.lighten-5 {
background-color: #fff3e0 !important;
border-color: #fff3e0 !important
}
.paginate_custom .orange--text.text--lighten-5 {
color: #fff3e0 !important;
caret-color: #fff3e0 !important
}
.paginate_custom .orange.lighten-4 {
background-color: #ffe0b2 !important;
border-color: #ffe0b2 !important
}
.paginate_custom .orange--text.text--lighten-4 {
color: #ffe0b2 !important;
caret-color: #ffe0b2 !important
}
.paginate_custom .orange.lighten-3 {
background-color: #ffcc80 !important;
border-color: #ffcc80 !important
}
.paginate_custom .orange--text.text--lighten-3 {
color: #ffcc80 !important;
caret-color: #ffcc80 !important
}
.paginate_custom .orange.lighten-2 {
background-color: #ffb74d !important;
border-color: #ffb74d !important
}
.paginate_custom .orange--text.text--lighten-2 {
color: #ffb74d !important;
caret-color: #ffb74d !important
}
.paginate_custom .orange.lighten-1 {
background-color: #ffa726 !important;
border-color: #ffa726 !important
}
.paginate_custom .orange--text.text--lighten-1 {
color: #ffa726 !important;
caret-color: #ffa726 !important
}
.paginate_custom .orange.darken-1 {
background-color: #fb8c00 !important;
border-color: #fb8c00 !important
}
.paginate_custom .orange--text.text--darken-1 {
color: #fb8c00 !important;
caret-color: #fb8c00 !important
}
.paginate_custom .orange.darken-2 {
background-color: #f57c00 !important;
border-color: #f57c00 !important
}
.paginate_custom .orange--text.text--darken-2 {
color: #f57c00 !important;
caret-color: #f57c00 !important
}
.paginate_custom .orange.darken-3 {
background-color: #ef6c00 !important;
border-color: #ef6c00 !important
}
.paginate_custom .orange--text.text--darken-3 {
color: #ef6c00 !important;
caret-color: #ef6c00 !important
}
.paginate_custom .orange.darken-4 {
background-color: #e65100 !important;
border-color: #e65100 !important
}
.paginate_custom .orange--text.text--darken-4 {
color: #e65100 !important;
caret-color: #e65100 !important
}
.paginate_custom .orange.accent-1 {
background-color: #ffd180 !important;
border-color: #ffd180 !important
}
.paginate_custom .orange--text.text--accent-1 {
color: #ffd180 !important;
caret-color: #ffd180 !important
}
.paginate_custom .orange.accent-2 {
background-color: #ffab40 !important;
border-color: #ffab40 !important
}
.paginate_custom .orange--text.text--accent-2 {
color: #ffab40 !important;
caret-color: #ffab40 !important
}
.paginate_custom .orange.accent-3 {
background-color: #ff9100 !important;
border-color: #ff9100 !important
}
.paginate_custom .orange--text.text--accent-3 {
color: #ff9100 !important;
caret-color: #ff9100 !important
}
.paginate_custom .orange.accent-4 {
background-color: #ff6d00 !important;
border-color: #ff6d00 !important
}
.paginate_custom .orange--text.text--accent-4 {
color: #ff6d00 !important;
caret-color: #ff6d00 !important
}
.paginate_custom .deep-orange {
background-color: #ff5722 !important;
border-color: #ff5722 !important
}
.paginate_custom .deep-orange--text {
color: #ff5722 !important;
caret-color: #ff5722 !important
}
.paginate_custom .deep-orange.lighten-5 {
background-color: #fbe9e7 !important;
border-color: #fbe9e7 !important
}
.paginate_custom .deep-orange--text.text--lighten-5 {
color: #fbe9e7 !important;
caret-color: #fbe9e7 !important
}
.paginate_custom .deep-orange.lighten-4 {
background-color: #ffccbc !important;
border-color: #ffccbc !important
}
.paginate_custom .deep-orange--text.text--lighten-4 {
color: #ffccbc !important;
caret-color: #ffccbc !important
}
.paginate_custom .deep-orange.lighten-3 {
background-color: #ffab91 !important;
border-color: #ffab91 !important
}
.paginate_custom .deep-orange--text.text--lighten-3 {
color: #ffab91 !important;
caret-color: #ffab91 !important
}
.paginate_custom .deep-orange.lighten-2 {
background-color: #ff8a65 !important;
border-color: #ff8a65 !important
}
.paginate_custom .deep-orange--text.text--lighten-2 {
color: #ff8a65 !important;
caret-color: #ff8a65 !important
}
.paginate_custom .deep-orange.lighten-1 {
background-color: #ff7043 !important;
border-color: #ff7043 !important
}
.paginate_custom .deep-orange--text.text--lighten-1 {
color: #ff7043 !important;
caret-color: #ff7043 !important
}
.paginate_custom .deep-orange.darken-1 {
background-color: #f4511e !important;
border-color: #f4511e !important
}
.paginate_custom .deep-orange--text.text--darken-1 {
color: #f4511e !important;
caret-color: #f4511e !important
}
.paginate_custom .deep-orange.darken-2 {
background-color: #e64a19 !important;
border-color: #e64a19 !important
}
.paginate_custom .deep-orange--text.text--darken-2 {
color: #e64a19 !important;
caret-color: #e64a19 !important
}
.paginate_custom .deep-orange.darken-3 {
background-color: #d84315 !important;
border-color: #d84315 !important
}
.paginate_custom .deep-orange--text.text--darken-3 {
color: #d84315 !important;
caret-color: #d84315 !important
}
.paginate_custom .deep-orange.darken-4 {
background-color: #bf360c !important;
border-color: #bf360c !important
}
.paginate_custom .deep-orange--text.text--darken-4 {
color: #bf360c !important;
caret-color: #bf360c !important
}
.paginate_custom .deep-orange.accent-1 {
background-color: #ff9e80 !important;
border-color: #ff9e80 !important
}
.paginate_custom .deep-orange--text.text--accent-1 {
color: #ff9e80 !important;
caret-color: #ff9e80 !important
}
.paginate_custom .deep-orange.accent-2 {
background-color: #ff6e40 !important;
border-color: #ff6e40 !important
}
.paginate_custom .deep-orange--text.text--accent-2 {
color: #ff6e40 !important;
caret-color: #ff6e40 !important
}
.paginate_custom .deep-orange.accent-3 {
background-color: #ff3d00 !important;
border-color: #ff3d00 !important
}
.paginate_custom .deep-orange--text.text--accent-3 {
color: #ff3d00 !important;
caret-color: #ff3d00 !important
}
.paginate_custom .deep-orange.accent-4 {
background-color: #dd2c00 !important;
border-color: #dd2c00 !important
}
.paginate_custom .deep-orange--text.text--accent-4 {
color: #dd2c00 !important;
caret-color: #dd2c00 !important
}
.paginate_custom .brown {
background-color: #795548 !important;
border-color: #795548 !important
}
.paginate_custom .brown--text {
color: #795548 !important;
caret-color: #795548 !important
}
.paginate_custom .brown.lighten-5 {
background-color: #efebe9 !important;
border-color: #efebe9 !important
}
.paginate_custom .brown--text.text--lighten-5 {
color: #efebe9 !important;
caret-color: #efebe9 !important
}
.paginate_custom .brown.lighten-4 {
background-color: #d7ccc8 !important;
border-color: #d7ccc8 !important
}
.paginate_custom .brown--text.text--lighten-4 {
color: #d7ccc8 !important;
caret-color: #d7ccc8 !important
}
.paginate_custom .brown.lighten-3 {
background-color: #bcaaa4 !important;
border-color: #bcaaa4 !important
}
.paginate_custom .brown--text.text--lighten-3 {
color: #bcaaa4 !important;
caret-color: #bcaaa4 !important
}
.paginate_custom .brown.lighten-2 {
background-color: #a1887f !important;
border-color: #a1887f !important
}
.paginate_custom .brown--text.text--lighten-2 {
color: #a1887f !important;
caret-color: #a1887f !important
}
.paginate_custom .brown.lighten-1 {
background-color: #8d6e63 !important;
border-color: #8d6e63 !important
}
.paginate_custom .brown--text.text--lighten-1 {
color: #8d6e63 !important;
caret-color: #8d6e63 !important
}
.paginate_custom .brown.darken-1 {
background-color: #6d4c41 !important;
border-color: #6d4c41 !important
}
.paginate_custom .brown--text.text--darken-1 {
color: #6d4c41 !important;
caret-color: #6d4c41 !important
}
.paginate_custom .brown.darken-2 {
background-color: #5d4037 !important;
border-color: #5d4037 !important
}
.paginate_custom .brown--text.text--darken-2 {
color: #5d4037 !important;
caret-color: #5d4037 !important
}
.paginate_custom .brown.darken-3 {
background-color: #4e342e !important;
border-color: #4e342e !important
}
.paginate_custom .brown--text.text--darken-3 {
color: #4e342e !important;
caret-color: #4e342e !important
}
.paginate_custom .brown.darken-4 {
background-color: #3e2723 !important;
border-color: #3e2723 !important
}
.paginate_custom .brown--text.text--darken-4 {
color: #3e2723 !important;
caret-color: #3e2723 !important
}
.paginate_custom .blue-grey {
background-color: #607d8b !important;
border-color: #607d8b !important
}
.paginate_custom .blue-grey--text {
color: #607d8b !important;
caret-color: #607d8b !important
}
.paginate_custom .blue-grey.lighten-5 {
background-color: #eceff1 !important;
border-color: #eceff1 !important
}
.paginate_custom .blue-grey--text.text--lighten-5 {
color: #eceff1 !important;
caret-color: #eceff1 !important
}
.paginate_custom .blue-grey.lighten-4 {
background-color: #cfd8dc !important;
border-color: #cfd8dc !important
}
.paginate_custom .blue-grey--text.text--lighten-4 {
color: #cfd8dc !important;
caret-color: #cfd8dc !important
}
.paginate_custom .blue-grey.lighten-3 {
background-color: #b0bec5 !important;
border-color: #b0bec5 !important
}
.paginate_custom .blue-grey--text.text--lighten-3 {
color: #b0bec5 !important;
caret-color: #b0bec5 !important
}
.paginate_custom .blue-grey.lighten-2 {
background-color: #90a4ae !important;
border-color: #90a4ae !important
}
.paginate_custom .blue-grey--text.text--lighten-2 {
color: #90a4ae !important;
caret-color: #90a4ae !important
}
.paginate_custom .blue-grey.lighten-1 {
background-color: #78909c !important;
border-color: #78909c !important
}
.paginate_custom .blue-grey--text.text--lighten-1 {
color: #78909c !important;
caret-color: #78909c !important
}
.paginate_custom .blue-grey.darken-1 {
background-color: #546e7a !important;
border-color: #546e7a !important
}
.paginate_custom .blue-grey--text.text--darken-1 {
color: #546e7a !important;
caret-color: #546e7a !important
}
.paginate_custom .blue-grey.darken-2 {
background-color: #455a64 !important;
border-color: #455a64 !important
}
.paginate_custom .blue-grey--text.text--darken-2 {
color: #455a64 !important;
caret-color: #455a64 !important
}
.paginate_custom .blue-grey.darken-3 {
background-color: #37474f !important;
border-color: #37474f !important
}
.paginate_custom .blue-grey--text.text--darken-3 {
color: #37474f !important;
caret-color: #37474f !important
}
.paginate_custom .blue-grey.darken-4 {
background-color: #263238 !important;
border-color: #263238 !important
}
.paginate_custom .blue-grey--text.text--darken-4 {
color: #263238 !important;
caret-color: #263238 !important
}
.paginate_custom .grey {
background-color: #9e9e9e !important;
border-color: #9e9e9e !important
}
.paginate_custom .grey--text {
color: #9e9e9e !important;
caret-color: #9e9e9e !important
}
.paginate_custom .grey.lighten-5 {
background-color: #fafafa !important;
border-color: #fafafa !important
}
.paginate_custom .grey--text.text--lighten-5 {
color: #fafafa !important;
caret-color: #fafafa !important
}
.paginate_custom .grey.lighten-4 {
background-color: #f5f5f5 !important;
border-color: #f5f5f5 !important
}
.paginate_custom .grey--text.text--lighten-4 {
color: #f5f5f5 !important;
caret-color: #f5f5f5 !important
}
.paginate_custom .grey.lighten-3 {
background-color: #eee !important;
border-color: #eee !important
}
.paginate_custom .grey--text.text--lighten-3 {
color: #eee !important;
caret-color: #eee !important
}
.paginate_custom .grey.lighten-2 {
background-color: #e0e0e0 !important;
border-color: #e0e0e0 !important
}
.paginate_custom .grey--text.text--lighten-2 {
color: #e0e0e0 !important;
caret-color: #e0e0e0 !important
}
.paginate_custom .grey.lighten-1 {
background-color: #bdbdbd !important;
border-color: #bdbdbd !important
}
.paginate_custom .grey--text.text--lighten-1 {
color: #bdbdbd !important;
caret-color: #bdbdbd !important
}
.paginate_custom .grey.darken-1 {
background-color: #757575 !important;
border-color: #757575 !important
}
.paginate_custom .grey--text.text--darken-1 {
color: #757575 !important;
caret-color: #757575 !important
}
.paginate_custom .grey.darken-2 {
background-color: #616161 !important;
border-color: #616161 !important
}
.paginate_custom .grey--text.text--darken-2 {
color: #616161 !important;
caret-color: #616161 !important
}
.paginate_custom .grey.darken-3 {
background-color: #424242 !important;
border-color: #424242 !important
}
.paginate_custom .grey--text.text--darken-3 {
color: #424242 !important;
caret-color: #424242 !important
}
.paginate_custom .grey.darken-4 {
background-color: #212121 !important;
border-color: #212121 !important
}
.paginate_custom .grey--text.text--darken-4 {
color: #212121 !important;
caret-color: #212121 !important
}
.paginate_custom .shades.black {
background-color: #000 !important;
border-color: #000 !important
}
.paginate_custom .shades--text.text--black {
color: #000 !important;
caret-color: #000 !important
}
.paginate_custom .shades.white {
background-color: #fff !important;
border-color: #fff !important
}
.paginate_custom [type=reset],
.paginate_custom [type=submit],
.paginate_custom button {
-webkit-appearance: button
}
.paginate_custom button,
.paginate_custom select {
text-transform: none
}
.paginate_custom button,
.paginate_custom input,
.paginate_custom select,
.paginate_custom textarea {
background-color: transparent;
border-style: none;
color: inherit
}
.paginate_custom .v-pagination__item,
.paginate_custom .v-pagination__item--active {
color: #000 !important
}
.paginate_custom .theme--light.v-pagination .v-pagination__item {
background: #d9d9d9 !important
}
.paginate_custom .theme--light.v-pagination .v-pagination__item--active {
background: #fb9425 !important
}
@media (min-width:767px) {
.paginate_custom .paginate-pc {
display: block !important
}
.paginate_custom .paginate-mobile {
display: none !important
}
}
@media (min-width:320px) {
.paginate_custom .paginate-pc {
display: none
}
.paginate_custom .paginate-mobile {
display: block
}
}