@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
@charset "UTF-8";
@charset 'UTF-8';
.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button{color:#fff}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:inherit}.wp-gs .wp-block-button__link:not(.has-background){background-color:var(--wp-block-core-button--color--background,var(--wp-color--primary,#32373c))}.is-style-squared .wp-block-button__link{border-radius:0}.no-border-radius.wp-block-button__link{border-radius:0!important}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid}.wp-block-buttons .wp-block-button{display:inline-block;margin-right:8px;margin-bottom:8px}.wp-block-buttons.alignright .wp-block-button{margin-right:none;margin-left:8px}.wp-block-buttons.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #e2e4e7}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-calendar table th{font-weight:400;background:#edeff0}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar tfoot a{color:#00739c}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;margin-bottom:28px;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:20px 30px}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column{flex-basis:calc(50% - 16px)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:32px}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:290px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:calc(100% - 70px);z-index:1;color:#f8f9f9}.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover .wp-block-subhead:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;object-fit:cover}.wp-block-cover-image-text,.wp-block-cover-text,section.wp-block-cover-image h2{color:#fff}.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:580px;padding:14px;text-align:center}.block-editor-block-list__block[data-type="core/embed"][data-align=left],.block-editor-block-list__block[data-type="core/embed"][data-align=right],.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.78%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;object-fit:cover}}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3 - 1px)}}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4 - 1px)}}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5 - 1px)}}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6 - 1px)}}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7 - 1px)}}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8 - 1px)}}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n){margin-right:0}.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n){margin-right:0}.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n){margin-right:0}.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n){margin-right:0}.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n){margin-right:0}.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n){margin-right:0}.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:290px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{margin-bottom:1em}.wp-block-image img{max-width:100%}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.is-style-circle-mask img,.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-latest-posts__post-excerpt{margin-top:8px;margin-bottom:16px}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.wp-block-media-text{ direction:ltr; display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1; margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1; padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1 }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1 }.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media>img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}}.wp-block-navigation>ul{display:block;list-style:none;margin:0;padding-left:0}@media (min-width:600px){.wp-block-navigation>ul{display:flex;flex-wrap:wrap}}.wp-block-navigation>ul ul{list-style:none;padding-left:0;margin-top:0;margin-left:0}.wp-block-navigation>ul ul li{margin:0}.wp-block-navigation>ul li{z-index:1}.wp-block-navigation>ul li:focus-within,.wp-block-navigation>ul li:hover{cursor:pointer;z-index:99999}.wp-block-navigation>ul li:focus-within>ul,.wp-block-navigation>ul li:hover>ul,.wp-block-navigation>ul li ul:focus,.wp-block-navigation>ul li ul:hover{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation>ul>li ul{position:absolute;left:0;top:100%;min-width:200px;max-width:200px;opacity:0;transition:opacity .1s linear;visibility:hidden}.wp-block-navigation,.wp-block-navigation .block-editor-block-list__layout{display:flex;flex-wrap:wrap}.wp-block-navigation .block-editor-block-list__layout .block-editor-block-list__layout{width:200px}.wp-block-navigation .block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block{margin:0;width:auto}.wp-block-navigation,.wp-block-navigation>.wp-block-navigation__container{align-items:center;width:100%}.wp-block-navigation>.wp-block-navigation-link,.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-link{display:flex;margin-top:0;margin-bottom:0}.wp-block-navigation .wp-block-navigation-link{position:relative;margin:0;min-height:56px;display:flex;line-height:1.4}.wp-block-navigation .wp-block-navigation-link .wp-block,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link{min-height:auto;padding:0}.wp-block-navigation .wp-block-navigation-link .wp-block .wp-block-navigation-link{margin:0}.wp-block-navigation .wp-block-navigation-link>.block-editor-inner-blocks{display:none}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks{display:flex;border:1px solid rgba(0,0,0,.15);position:absolute;z-index:1;top:100%;left:0}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .wp-block-navigation__container{left:100%;top:-1px}.wp-block-navigation .wp-block-navigation-link .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation__container{background-color:inherit;color:inherit}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content{display:flex;align-items:center;width:max-content;padding:6px 16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:first-child:not(:only-child) .wp-block-navigation-link__content{padding-top:8px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:last-child .wp-block-navigation-link__content{padding-bottom:8px}.wp-block-navigation .wp-block-navigation-link.has-child .wp-block-navigation-link__content{min-width:100%;padding-right:32px;position:relative}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon{position:absolute;right:16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon svg{fill:currentColor}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link svg{transform:rotate(0)}.wp-block-navigation .wp-block-navigation-link.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#111}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#333}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container{display:flex;flex-direction:column;padding:0}.wp-block-navigation>ul>li>a{display:flex;align-items:center}.wp-block-navigation>ul>li:first-of-type>a{padding-left:0}.wp-block-navigation>ul>li:last-of-type>a{padding-right:0}.wp-block-navigation.items-justified-left>ul{justify-content:flex-start}.wp-block-navigation.items-justified-center>ul{justify-content:center}.wp-block-navigation.items-justified-right>ul{justify-content:flex-end}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:290px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;max-width:360px}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-social-links{display:flex;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-social-link{display:block;width:36px;height:36px;border-radius:36px;margin-right:8px;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{padding:6px;display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1977f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0577b5;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#21a1f3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:#ff0100;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:28px;height:28px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1977f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0577b5}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#21a1f3}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:#ff0100}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:16px;padding-right:16px}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}




 @import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);
@media screen and (max-device-width: 1024px) {
html body#page_index.mode_pc {
min-width:1280px !important;
margin:0;
padding:0;
color:#000;
}
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
font-size: 10px;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block;
}
ul, ol {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
.ct {
text-align: center;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
a {
margin: 0;
padding: 0; vertical-align: baseline;
background: transparent;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
clear: both;
}
input, select {
vertical-align: middle;
}
img {
vertical-align: top;
font-size: 0;
line-height: 0;
}
.tornac {
font-family: tornac, sans-serif;
letter-spacing: 0;
}
*, ::before, ::after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
height: 100%;
width: 100%;
}
body {
width: 100%;
height: 100%;
min-width: 1020px;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
color: #333333;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
word-wrap: break-word;
overflow-wrap: break-word;
}
div.blog_col_under ul {
color: #1e366a;
padding: 0.5em 0.5em 0.5em 2em;
}
div.blog_col_under ul li{
position: relative;
line-height: 30px;
}
div.blog_col_under ul.share-list li::after{
background: none;
}
div.blog_col_under ul li::after {
display: block;
content: '';
position: absolute;
top: .8em;
left: -1em;
width: 6px;
height: 6px;
background-color: #000;
border-radius: 100%;
}
div.blog_col_under div#toc_container.toc_white.no_bullets ul.toc_list li::after {
background:none !important;
}
.breadcrumbles {
font-size: 1.2rem;
}
.breadcrumbles a{
color: #000 !important;
} .marker_yellow_hoso {
background: linear-gradient( transparent 80%, #fce20e 60%);
font-weight: 700;
}
@media screen and (max-width: 768px) {
body {
min-width: 320px;
max-width: 100%;
}
}
a {
color: inherit;
text-decoration: none;
transition: opacity 0.3s;
display: inline-block;
}
a:hover {
transition: opacity 0.3s;
}
p { letter-spacing: 1.5px;
}
.opa {
color: inherit;
text-decoration: none;
transition: opacity 0.3s;
}
.opa:not(.not):hover {
transition: opacity 0.3s;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.opa:not(.not):hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
}
.image {
max-width: 100%;
height: auto;
}
.flex {
display: -webkit-flex;
display: flex;
}
.pc_on {
display: inline;
}
@media screen and (max-width: 768px) {
.pc_on {
display: none;
}
}
.sp_on {
display: none;
}
@media screen and (max-width: 768px) {
.sp_on {
display: inline;
}
}
.pc_block {
display: block;
}
@media screen and (max-width: 768px) {
.pc_block {
display: none;
}
}
.sp_block {
display: none;
}
@media screen and (max-width: 768px) {
.sp_block {
display: block;
}
}
.deco {
position: relative;
}
.deco::before, .deco::after {
content: "";
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
}
.deco::before {
left: 0;
}
.deco::after {
right: 0;
}
.anker {
position: absolute;
top: -40px;
}
@media screen and (max-width: 768px) {
.anker {
top: -20px;
}
}
.mode_wp .panel_area .panel_wrap {
top: 32px;
}
.mode_wp .panel_area .panel_btn_box {
top: 42px;
}
@media screen and (max-width: 782px) {
.mode_wp .panel_area .panel_wrap {
top: 46px;
}
.mode_wp .panel_area .panel_btn_box {
top: 56px;
}
}
@media screen and (max-width: 600px) {
.mode_wp .panel_area .panel_wrap {
top: 0;
}
.mode_wp .panel_area .panel_btn_box {
top: 10px;
}
}
.post_content {
font-size: 16px;
font-size: 1.6rem;
text-align: justify;
line-height: 2.2;
letter-spacing: 0.1rem;
overflow: hidden;
}  .boxmemo {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.boxmemo .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.boxmemo .box-title:before {
font-family: "Font Awesome 5 Free";
content: '\f303';
font-weight: 900;
}
.boxmemo p {
margin: 0; 
padding: 0;
}
.boxblue {
margin: 2em 0;
background: #dcefff;
}
.boxblue .box-title {
font-size: 1.2em;
background: #5fb3f5;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.boxblue p {
padding: 15px 20px;
margin: 0;
}
.box1 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
border: solid 3px #000000;
}
.box1 p {
margin: 0 !important; 
padding: 0;
}
.box2 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
color: #6091d3; background: #FFF;
border: solid 3px #6091d3; border-radius: 10px; }
.box2 p {
margin: 0 !important; 
padding: 0;
}
.box3 {
padding: 0.5em 1em;
margin: 2em 0;
color: #2c2c2f;
background: #cde4ff; }
.box3 p {
margin: 0 !important; 
padding: 0;
}
.box5 {
padding: 0.5em 1em;
margin: 2em 0;
border: double 5px #4ec4d3;
}
.box5 p {
margin: 0 !important; 
padding: 0;
}
.box6 {
padding: 0.5em 1em;
margin: 2em 0;
border: dashed 2px #5b8bd0; }
.box6 p {
margin: 0 !important; 
padding: 0;
}
.box23 {
position: relative;
margin: 2em 0 2em 40px;
padding: 8px 15px;
background: #fff0c6;
border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
content: "\f111";
position: absolute;
font-size: 15px;
left: -40px;
bottom: 0;
color: #fff0c6;
}
.box23:after{
font-family: FontAwesome;
content: "\f111";
position: absolute;
font-size: 23px;
left: -23px;
bottom: 0;
color: #fff0c6;
}
.box23 p {
margin: 0 !important; 
padding: 0;
}
.box24 {
position: relative;
padding: 0.5em 0.7em;
margin: 2em 0;
background: #e6f4ff;
color: #5c98d4;
font-weight: bold;
}
.box24:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e6f4ff;
width: 0;
height: 0;
}
.box24 p {
margin: 0 !important; 
padding: 0;
font-size: 2rem;
color: #000 !important;
}
.box26 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box26 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.box26 p,.box24 p strong {
margin: 0 !important; 
padding: 0;
}
ol{
counter-reset: item;
list-style-type: none;
padding-left: 0;
}
ol{
padding-left: 1em;
}
ol li{
text-indent: -1.3em;
padding-left: 1.3em;
}
ol li:before {
counter-increment: item;
content: counter(item)'.';
padding-right: .5em;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.post_content {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
}
.pagetop {
display: none;
position: fixed;
bottom: 100px;
right: 20px;
width: 50px;
height: 50px;
z-index: 100;
}
.pagetop a {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background: #29a4e2;
color: #fff;
font-size: 22px;
line-height: 2.1;
text-indent: 0.85em;
text-decoration: none;
}
.pagetop img {
margin: 18px -3px;
}
}
.post_content img {
max-width: 100%;
height: auto;
display: block;
}
.post_content img.aligncenter {
display: block;
margin: 0 auto;
}
.post_content img.alignleft {
float: left;
margin-right: 20px;
display: inline;
}
.post_content img.alignright {
float: right;
margin-left: 20px;
display: inline;
}
.post_content a {
text-decoration: underline;
display: inline;
}
.post_content a:hover {
text-decoration: none;
}
.post_content p {
margin: 0 0 40px;
overflow: hidden;
}
.post_content .t_dubleline {
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
padding: 16px 0;
margin: 0 0 40px;
color: #333333;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
line-height: 1.5;
position: relative;
}
@media screen and (max-width: 768px) {
.post_content .t_dubleline {
margin-bottom: 30px;
font-size: 20px;
font-size: 2rem;
}
}
.post_content .t_underline {
padding: 0 0 5px;
margin: 0 0 40px;
font-size: 32px;
font-size: 3.2rem;
font-weight: bold;
line-height: 2.2;
display: block;
}
.post_content .t_underline span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 5px;
background-position: left bottom;
background-repeat: repeat-x;
padding: 0 0 10px;
display: inline;
}
@media screen and (max-width: 768px) {
.post_content .t_underline {
margin-bottom: 30px;
font-size: 22px;
font-size: 2.2rem;
}
.post_content .t_underline span {
padding-bottom: 6px;
}
}
.post_content .t_fukidashi {
padding: 38px 0;
margin: 0 0 40px;
font-size: 32px;
font-size: 3.2rem;
font-weight: bold;
line-height: 1.5;
position: relative;
}
.post_content .t_fukidashi::before, .post_content .t_fukidashi::after {
content: "";
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 44px;
height: 22px;
position: absolute;
left: 0;
}
.post_content .t_fukidashi::before {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/fukidashi_top.png);
top: 10px;
}
.post_content .t_fukidashi::after {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/fukidashi_bottom.png);
bottom: 10px;
}
@media screen and (max-width: 768px) {
.post_content .t_fukidashi {
font-size: 22px;
font-size: 2.2rem;
margin: 0 0 20px;
}
}
.post_content ul, .post_content ol {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.post_content ul li, .post_content ol li {
display: list-item;
text-align: -webkit-match-parent;
}
.post_content ul {
list-style-type: disc;
}
.post_content ol {
list-style-type: decimal;
}
#wrap {
padding: 0;
overflow: hidden;
}
@media screen and (max-width: 768px) {
#wrap {
padding: 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
}
}
.base_inner {
width: 1100px;
padding: 0;
margin: 0 auto;
}
.base_inner a {
color: #00a3e1;
}
@media screen and (max-width: 768px) {
.base_inner {
width: 100% !important;
padding: 0 20px !important;
}
}
.title_type01 {
padding: 0 0 30px;
margin: 80px auto 40px;
color: #333333;
letter-spacing: 0.26em;
font-size: 26px;
font-size: 3rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 0.26em;
position: relative;
}
.title_type01.title_type01--how-to-live-in-fiji{
margin-top: 70px;
}
.title_type01::before {
content: "";
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/wave01.png) center no-repeat;
background-size: auto 10px;
width: 142px;
height: 10px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.title_type01.white {
color: #ffffff;
}
.title_type01.white::before {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/wave02.png);
}
.title_type02 {
margin: 0 auto 40px;
color: #333333;
letter-spacing: 0.26em;
font-size: 26px;
font-size: 2.6rem;
font-weight: normal;
text-align: center;
line-height: 1.4;
} .sns_ul {
width: 90%;
justify-content: center;
display: flex;
margin: 0 auto;
}
.sns_ul li {
width: calc(100px - 10px);
margin: 20px 15px 50px 15px;
text-align: center;
}
.sns_ul li a{
color: #333 !important;
}  a.bdrlink01 {
position: relative;
display: inline-block;
transition: .3s;
}
a.bdrlink01::after {
position: absolute;
bottom: 15px;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #000;
transition: .3s;
}
a.bdrlink01:hover::after {
width: 100%;
}
a.bdrlink0102 {
position: relative;
display: inline-block;
transition: .3s;
}
a.bdrlink0102::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #000 !important;
transition: .3s;
}
a.bdrlink0102:hover::after {
width: 100%;
} a.bdrlink02 {
position: relative;
display: inline-block;
transition: .3s;
}
a.bdrlink02::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #058cff;
transition: .3s;
}
a.bdrlink02:hover::after {
width: 100%;
} .btn {
margin: 0 auto;
text-decoration: none;
display: block;
cursor: pointer;
transition: 0.3s;
}
.btn:hover {
transition: 0.3s;
}
.btn .icon {
position: relative;
}
.btn .icon::before, .btn .icon::after {
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
}
.btn02 {
margin: 0 auto;
text-decoration: none;
display: block;
cursor: pointer;
transition: 0.3s;
}
.btn02:hover {
transition: 0.3s;
}
.btn02 .icon {
position: relative;
}
.btn .icon::before, .btn .icon::after, .btn02 .icon::before, .btn02 .icon::after {
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
}
.btn_type01 {
text-align: center;
text-decoration: none;
outline: none;
}
.btn_type01::before, .btn_type01::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.btn_type01, .btn_type01::before, .btn_type01::after {
-webkit-transition: all .3s;
transition: all .3s;
}
.btn_type01 {
position: relative;
z-index: 0;
background-color: #fff;
border: 2px solid #028bd6;
color: #028bd6;
line-height: 50px;
overflow: hidden;
font-weight: bold;
}
.btn_type01:hover {
color: #fff;
}
.btn_type01::after {
top: -100%;
width: 100%;
height: 100%;
}
.btn_type01:hover::after {
top: 0;
background-color: #028bd6;
}
.btn_type01 .icon {
padding: 0 15px 0 15px;
}
.btn_type02 {
background: #279ede;
background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
border-radius: 25px;
width: 200px;
height: 50px;
margin: 15px auto;
color: #fff !important;
letter-spacing: 0.26em;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
text-align: center;
line-height: 50px;
letter-spacing: 0.2em;
position: relative;
}
.btn_type02 .icon {
padding: 0 0px 0 30px;
}
.btn_type02 .icon {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/list_ico.png) 0 50% no-repeat;
width: 9px;
height: 12px;
right: 0;
}
@media screen and (max-width: 768px) { .sns_ul {
width: 100%;
justify-content: center;
display: flex;
margin: 0 auto;
}
.sns_ul li {
width: calc(80px - 10px);
margin: 20px 12px 50px 0px;
text-align: center;
font-size: 1.1rem;
}
.sns_ul li img {
max-width: 90%;
height: auto;
}
.title_type01 {
padding: 0 0 20px;
margin: 60px auto 30px;
font-size: 20px;
font-size: 2rem;
letter-spacing: .2rem;
}
.title_type01.title_type01--how-to-live-in-fiji{
margin-top: 50px;
}
.title_type01::before {
background-size: auto 8px;
height: 8px;
}
.title_type02 {
margin: 0 auto 30px;
font-size: 18px;
font-size: 1.7rem;
}
.btn_type01 {
width: 160px;
height: 40px;
line-height: 40px;
font-size: 12px;
font-size: 1.2rem;
}
.btn_type01 .icon {
padding: 0 20px 0 0;
}
.btn_type01 .icon::after {
width: 8px;
height: 10px;
}
.btn_type02 {
width: 160px;
height: 40px;
line-height: 40px;
font-size: 12px;
font-size: 1.2rem;
}
.btn_type02 .icon {
padding: 0 30px 0 0;
}
.btn_type02 .icon::after {
width: 8px;
height: 10px;
}
}
.deco_type01 {
padding: 3px 60px 0;
position: relative;
display: inline-block;
font-weight: bold;
}
.deco_type01::before, .deco_type01::after {
content: "";
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 32px;
margin: auto;
position: absolute;
bottom: 0;
}
.deco_type01.map_ttl::before, .point_area .area_title::before {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/left01.png);
left: 0;
}
.deco_type01.map_ttl::after, .point_area .area_title::after {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/right01.png);
right: 0;
} #header {
width: 100%;
}
#header .header .mainimg_area {
background-color: rgba(7, 153, 211, 0.5);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
padding: 175px 0 0;
margin: 0 auto;
position: relative;
z-index: 0;
}
#header .header .mainimg_area.mv_index {
background-image: url(http://jibun-ryugaku.co.jp/wp/wp-content/themes/jibun-ryugaku/images/mv_index.png);
}
#header .header .mainimg_area.mv_about {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_about.jpg);
}
#header .header .mainimg_area.mv_plan {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_plan.jpg);
}
#header .header .mainimg_area.mv_school {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_school.jpg);
}
#header .header .mainimg_area.mv_applications {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_applications.jpg);
}
#header .header .mainimg_area.mv_help {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_help.jpg);
}
#header .header .mainimg_area.mv_sinro {
height: 670px;
padding-top: 0px;
background: #2fb2df; background: -moz-linear-gradient(45deg, #2fb2df 0%, #70d4d1 99%);
background: -webkit-linear-gradient(45deg, #2fb2df 0%,#70d4d1 99%);
background: linear-gradient(45deg, #2fb2df 0%,#70d4d1 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fb2df', endColorstr='#70d4d1',GradientType=1 );
}
@media screen and (max-width:768px) { 
#header .header .mainimg_area.mv_sinro { height: auto;
padding: 0 !important;
}
}
@media screen and (max-height:731px) { 
#header .header .mainimg_area.mv_sinro { height: auto;
padding: 0 !important;
}
}
@media screen and (max-height:732px) { 
#header .header .mainimg_area.mv_sinro { height: auto;
padding: 0 !important;
}
}
#header .header .mainimg_area.mv_blog {
height: 670px;
padding-top: 0px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_blog.png);
}
@media screen and (max-width:768px) { 
#header .header .mainimg_area.mv_blog {
height: 600px;
padding-top: 0px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_blog.png);
}
}
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area {
height: 280px;
padding-top: 0px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_blog.png);
}
@media screen and (max-width:768px) { 
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area {
height: 160px;
padding-top: 0px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_blog.png);
}
}
#header .header .page_title {
padding: 0;
margin: 0 auto;
color: #ffffff;
text-align: center;
line-height: 1.0;
}
#header .header .page_title .jp {
letter-spacing: 0.26em;
font-size: 36px;
font-size: 3rem;
font-weight: bold;
line-height: 1.5em;
letter-spacing: 0.24em;
}
#header .header .page_title .jp span {
font-size: 1.5rem;
}
#header .header .page_title .en {
margin: 20px auto 0;
font-family: tornac, sans-serif;
letter-spacing: 0;
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
letter-spacing: 0;
}
#header .header .slider_wrap {
width: 100%;
height: 860px;
margin: 0 auto;
position: relative;
}
#header .header .slider_wrap .slider_fixed {
padding: 180px 0 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#header .header .slider_wrap div.slider_fixed.wow.fadeInUpSmall h1 {
color: #fff;
text-align: center;
font-size: 16px;
margin-bottom: 20px;
letter-spacing: 2px;
}
#header .header .slider_wrap .slider_fixed .img {
text-align: center;
}
#header .header .slider_wrap .slider_fixed .text {
margin: 50px auto 0;
color: #ffffff;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
line-height: 2.4;
letter-spacing: 0.52em;
}
#header .header .slider_wrap .slider_fixed p.pc_on {
width: 100%;
display: block;
margin: 50px auto 0;
text-align: center;
width: inherit;
}
#header .header .slider_wrap .main_slider {
margin: 0;
overflow: hidden;
position: relative;
}
#header .header .slider_wrap .main_slider .slider_item {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 860px;
position: relative;
}
#header .header .slider_wrap .main_slider .slider_item .item_inner {
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
transition: linear 15s;
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
top: 0;
left: 0;
}
#header .header .slider_wrap .main_slider .slider_item.moving .item_inner {
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(1) .item_inner {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_index01.jpg);
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(2) .item_inner {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_index02.jpg);
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(3) .item_inner {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_index03.jpg);
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(4) .item_inner {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_index04.jpg);
}
#header .header .slider_wrap .main_slider .slider_text {
font-size: 14px;
font-size: 1.4rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
top: 12px;
right: 85px;
z-index: 2;
}
#header .header .slider_wrap .main_slider .slider_text span {
background: rgba(255, 255, 255, 0.8);
padding: 10px 5px;
line-height: 3.4;
letter-spacing: 0.34em;
}
@media screen and (max-width: 768px) {
#header .header .mainimg_area {
width: 100%;
height: 165px;
padding: 20px;
}
#header .header .page_title {
margin: auto;
position: absolute;
top: 60%;
left: 0;
right: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#header .header .page_title .jp {
font-size: 20px;
font-size: 2rem;
}
#header .header .page_title .en {
margin: 15px auto 0;
font-size: 16px;
font-size: 1.6rem;
}
#header .header .page_title.text_line3 {
line-height: 1.2;
}
#header .header .page_title.text_line3 .en {
margin-top: 10px;
}
#header .header .slider_wrap {
height: 560px;
}
#header .header .slider_wrap .slider_fixed {
padding: 185px 0 0;
}
#header .header .slider_wrap .slider_fixed .img {
max-width: 400px;
padding: 0 20px;
margin: 0 auto;
}
#header .header .slider_wrap .slider_fixed .text {
margin: 20px auto 0;
font-size: 12px;
font-size: 1.2rem;
line-height: 2.6;
}
#header .header .slider_wrap .main_slider {
margin: 0;
overflow: hidden;
position: relative;
z-index: -1;
}
#header .header .slider_wrap .main_slider .slider_item {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 560px;
position: relative;
}
#header .header .slider_wrap .main_slider .slider_text {
font-size: 14px;
font-size: 1.4rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
top: 12px;
right: 85px;
z-index: 2;
}
#header .header .slider_wrap .main_slider .slider_text span {
background: rgba(255, 255, 255, 0.8);
padding: 10px 5px;
line-height: 3.4;
letter-spacing: 0.34em;
}
#header .header .slider_wrap .slider_fixed p.pc_on {
display: none;
}
#header .header .slider_wrap .slider_fixed p.sp_on {
width: 100%;
display: block;
margin: 30px auto 0 !important;
text-align: center;
width: inherit;
}
#header .header .slider_wrap .slider_fixed p.sp_on img {
width: 80% !important;
}
#header .header .page_title .jp span {
display: block;
width: 80%!important;
margin: 10px auto;
font-size: 1rem!important;
line-height: 1.5em;
}
} #header .nav_area {
width: 100%;
padding: 30px 2% 0;
margin: 0 auto;
display: flex;
justify-content: center;
}
#header .nav_area .logo_box {
width: 150px;
height: 93px;
margin: 0 16px 0 0;
}
#header .nav_area .logo_box .logo {
padding: 20px 0 0;
}
#header .nav_area.hidden .logo_box .logo {
padding: 14px 0 0 !important;
}
#header .nav_area .logo_box .logo a {
width: 200px;
height: 93px;
display: block;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/logo01.png) no-repeat;
background-size: 150px auto;
}
#header .nav_area.hidden .logo_box .logo a {
width: 200px;
height: 93px;
display: block;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/logo02.png) no-repeat;
background-size: 150px auto;
}
#header .nav_area .h_nav {
display: -webkit-flex;
display: flex;
padding-top: .7em;
margin-right: 4em;
}
#header .nav_area .h_nav li {
margin: 0 15px;
}
@media only screen and (min-width: 1601px) and (max-width: 5000px) {
#header .nav_area .h_nav li:first-child {
margin-left: 6em;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
#header .nav_area .h_nav li:first-child {
margin-left: 6em;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
#header .nav_area .h_nav li:first-child {
margin-left: 6em;
}
}
@media screen and (max-width:1299px) { 
#header .nav_area .h_nav li:first-child {
margin-left: 0;
}
}
#header .nav_area .h_nav li:last-child {
margin-right: 0;
}
#header .nav_area .h_nav li a {
background-position: center top;
background-repeat: no-repeat;
background-size: auto 30px;
padding: 5px 6px 0;
color: #fff;
text-align: center;
line-height: 62px;
white-space: nowrap;
display: inline-block;
cursor: pointer;
font-weight: bold;
position:relative;
}
#header .nav_area .h_nav li a.ar::after {
content: '';    
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/dwn_ico02.png);
background-size: auto;
background-size: 9px auto;
position: absolute;
bottom: -20px;
z-index: 10;
left: 50%;
transform: translate(-23%, -1%);
width: 10px;
height: 10px;
background-repeat: no-repeat;
}
#header .nav_area.hidden li a.ar::after {
content: '';    
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/dwn_ico.png);
background-size: auto;
background-size: 9px auto;
position: absolute;
bottom: -20px;
z-index: 10;
left: 50%;
transform: translate(-23%, -1%);
width: 10px;
height: 10px;
background-repeat: no-repeat;
}
#header .nav_area .h_nav li a .jp {
font-size: .97vw;
font-weight: bold;
letter-spacing: 0.05em;
display: block;
line-height: 1.3;
}
#header .nav_area .h_nav li.about a {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav01.png);
background-position: 0 53%;
background-size: 20px auto;
padding-left: 30px;
}
#header .nav_area .h_nav li.beginner a {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav02.png);
background-position: 0 53%;
background-size: 15px auto;
padding-left: 30px;
}
#header .nav_area .h_nav li.plan a {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav03.png);
background-position: 0 53%;
background-size: 22px auto;
padding-left: 30px;
}
#header .nav_area .h_nav li.faq a {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav04.png);
background-position: 0 53%;
background-size: 22px auto;
padding-left: 30px;
}
#header .nav_area .h_nav li.blog a {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav05.png);
background-position: 0 53%;
background-size: 23px auto;
padding-left: 30px;
}
#header .nav_area .h_nav li.guardian a {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav06.svg);
background-position: 0 53%;
background-size: 23px auto;
padding-left: 30px;
}
#header .header .nav_area.hidden .h_nav li.about a {
color: #000 !important;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav01_scl.png);
background-position: 0 53%;
background-size: 20px auto;
padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.beginner a {
color: #000 !important;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav02_scl.png);
background-position: 0 53%;
background-size: 15px auto;
padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.plan a {
color: #000 !important;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav03_scl.png);
background-position: 0 53%;
background-size: 22px auto;
padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.faq a {
color: #000 !important;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav04_scl.png);
background-position: 0 53%;
background-size: 22px auto;
padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.blog a {
color: #000 !important;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav05_scl.png);
background-position: 0 53%;
background-size: 23px auto;
padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.guardian a {
color: #000 !important;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav06_scl.svg);
background-position: 0 53%;
background-size: 23px auto;
padding-left: 30px;
}
.header-banner {
width: 100%;
max-width: 110px;
line-height: 1.4;
}
.header-banner a span{
font-size:1rem;
}
.header-banner a {
display: inline-block;
line-height:1.2;
width: 100%;
max-width: 174px;
padding:9px;
border-radius:5px;
background:#fff;
color: #3A9CCE;
font-size: 14px;
font-weight: 700;
text-align: center;
transition:.8s;
margin-top:.2em;
}
#header .nav_area.hidden .header-banner a {
display: inline-block;
width: 100%;
max-width: 174px;
line-height:1.2;
padding:9px;
border-radius:5px;
background:#3A9CCE;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
transition:.8s;
} .h_nav > li:hover .megamenu {
max-height: 9999px;
opacity: 1;
padding: 30px 0;
}
.megamenu {
background: #e9f8ff;
width: 100%;
max-height: 0;
opacity: 0;
overflow: hidden;
width: 100%;
position: absolute;
top: 100px;
left: 0;
transition: all .2s ease-in;
z-index: 999;
}
.megamenu-inner {
width: 75%;
justify-content: flex-start;
display: flex;
flex-wrap: wrap;
margin: 0px 0px 0px 20%;
}
.megamenu .megamenu-inner li {
width: calc(31% - 10px);
margin: 10px 15px 0px 15px !important;
padding-left: 25px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mrga_li_ico.png) 0 50% no-repeat;
}
.megamenu .megamenu-inner li:first-child {
margin: 10px 15px 0px 15px !important;
}
.megamenu .megamenu-inner li a {
background: none !important;
padding: 0!important;
margin: 0!important;
text-align: left!important;
}
#page_index.mode_pc div#wrap header#header div.header div.nav_area ul.h_nav li div.megamenu ul.megamenu-inner.main-wrapper li a {
color: #000 !important;
} .oe_overlay.hovered {
background: rgba(39, 158, 222, 0.7) !important;
background-blend-mode: multiply !important;
position: fixed !important;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
z-index: 1 !important;
}
.oe_overlay {
background: none !important;
width: 0% !important;
height: 0% !important;
z-index: -1;
}
ul.oe_menu {
width: 100%;
position: relative;
}
.oe_wrapper ul.hovered > li > a {
background: #fff;
text-shadow: 0px 0px 1px #FFF;
}
ul.oe_menu div ul li a {
text-decoration: none;
color: #222;
margin: 0;
display: block;
}
@media screen and (max-width: 768px) {
#header .nav_area {
display: none;
}
.header_sp {
width: 100%;
height: 73px;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
.header_sp.hidden02 {
width: 100%;
height: 73px;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: #fff !important;
}
.header_sp .logo {
width: 130px;
height: 50px;
float: left;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/logo01.png)0 0 no-repeat;
background-size: 100% auto;
position: relative;
top: 17px;
left: 16px;
}
.header_sp.hidden02 .logo {
width: 130px;
height: 50px;
float: left;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/logo02.png)0 0 no-repeat;
background-size: 100% auto;
position: relative;
top: 12px;
left: 13px;
}
.header_sp .line {
display: block;
width: 80px;
height: 80px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/line01.png)0 0 no-repeat;
background-size: 100% auto;
position: relative;
top: 8px;
right: -61%;
}
.header_sp.hidden02 .line {
display: block;
width: 80px;
height: 80px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/line02.png)0 0 no-repeat;
background-size: 100% auto;
position: relative;
top: 8px;
right: -61%;
}
.header_sp .logo a, .header_sp .line a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
#footer {
padding: 0;
}
.contact_area {
padding: 95px 0 5px;
}
.btm_banner {
width: 100%;
text-align: center;
margin: 20px 0 0;
}
.btm_banner li {
display: inline-block;
}
.btm_banner li:first-child {
margin-right: 15px;
}
.btm_banner li img {
width: 100%;
max-width: 500px;
} .two_box01 {
width: 100%;
display: table;
margin: 70px 0;
}
.two_box01 div {
width: 50%;
display: table-cell;
}
.two_box01 div:first-child {
border-right: 1px solid #d8d8d8;
}
.two_box01 div h3 {
display: block;
clear: both;
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 3rem;
position: relative;
border-bottom: 1px solid #d8d8d8;
}
.two_box01 div h3::after {
content: "";
display: block;
position: absolute;
background: #fff;
top: 67px;
right: 47%;
width: 14px;
height: 14px;
border-top: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
transform: translateX(-50%) rotate(135deg);
}
.two_box01 .inbox {
width: 90%;
padding: 10%;
margin: 15px auto;
}
.two_box01 .inbox p {
margin: 20px 0 0;
word-break: break-all;
}
.floatBox {
width: 100%;
}
.floatBox .hRight {
float: right;
width: calc(30% - 20px);
margin: 0 0 20px 45px;
}
.floatBox .hLeft {
float: left;
width: calc(30% - 20px);
margin: 0 15px 30px 20px;
}
table.base_table01 {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-top: 2px solid #23afe3;
border-left: 2px solid #23afe3;
border-right: 2px solid #23afe3;
border-bottom: 1px solid #23afe3;
border-radius: 8px;
margin: 35px 0;
}
table.base_table01 th, table.base_table01 td {
border-right: solid #23afe3 1px;
border-bottom: solid #23afe3 1px;
vertical-align: middle;
background: #fff;
}
table.base_table01 td.txt {
padding: 15px 30px;
vertical-align: top;
}
table.base_table01 td.txt p {
text-align: left !important;
}
table.base_table01 th:first-child {
border-radius: 5px 0 0 0;
}
table.base_table01 th:last-child {
border-radius: 0 5px 0 0;
border-right: none;
}
table.base_table01 td:last-child {
border-right: none;
}
table.base_table01 th {
text-align: center;
color: #000;
background: #d2f3ff;
width: 20%;
padding: 10px 0;
}
table.base_table01 td {
text-align: center;
border-top: none;
padding: 10px 0;
background: #fff;
}
table.base_table01 td span {
display: block;
font-size: 2.5rem;
font-weight: bold;
margin: 20px 0 0;
}
table.base_table01 td span.m_txt {
display: block;
font-size: 1.6rem;
font-weight: bold;
margin: 20px 0 0;
}
table.base_table02 {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #d5d5d5 !important;
border-left: 1px solid #d5d5d5 !important;
border-right: 1px solid #d5d5d5 !important;
margin: 35px 0;
}
table.base_table02 th {
text-align: center;
color: #000;
background: #f0f0f0;
width: 20%;
padding: 10px 0;
border-bottom: 1px solid #d5d5d5 !important;
}
table.base_table02 td {
text-align: left;
border-top: none;
padding: 10px 2.5%!important;
border-bottom: 1px solid #d5d5d5 !important;
}
table.base_table03 {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #d5d5d5 !important;
margin: 65px 0;
}
table.base_table03 th {
text-align: left;
color: #000;
background: #f0f0f0;
width: auto;
padding: 10px 2.5%;
border-bottom: 1px solid #d5d5d5 !important;
}
table.base_table03 td {
text-align: left;
border-bottom: none;
padding: 10px 2.5%!important;
border-bottom: 1px solid #d5d5d5 !important;
}
table.base_table03 td a:hover {
text-decoration: underline !important;
}
table.base_table03 td i {
color: #00a3e1;
} .plan_cat_wrap {
width: 100%;
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: 75px auto 25px;
text-align: center;
position: relative;
}
.plan_cat_wrap div {
width: calc(30% - 10px);
margin: 20px 15px 50px 15px;
border: 1px solid #000;
position: relative;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/plan/btnbg.gif), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/plan/ar01.jpg);
background-repeat: no-repeat, no-repeat;
background-position: 50%, 50% 90%;
overflow: visible !important;
padding: 10em;
vertical-align: middle;
}
.plan_cat_wrap div a {
width: 100%;
height: 100%;
line-height: 5em;
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 5rem;
font-weight: bold;
}
.plan_cat_wrap div a span {
font-size: 2.5rem;
font-weight: normal;
padding-left: 15px;
}
.plan_cat_wrap div a:hover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
transition: opacity 0.3s;
} .box_wrap02 {
width: 90%;
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: 5px auto 25px;
text-align: center;
position: relative;
}
.box_wrap02 .box {
width: calc(23% - 16px);
margin: 20px 15px 10px 15px;
position: relative;
border: none;
background: #fff;
overflow: visible !important;
padding: 2em 0;
}
.box_wrap02 .box .text {
font-size: 1.5rem;
font-weight: bold;
margin-top: 10px;
}
.s_ttl {
margin: 70px 0 35px;
padding: 0;
}
.two_box02 {
width: 100%;
display: table;
}
.two_box02 dt {
width: 50%;
display: table-cell;
vertical-align: middle;
}
.two_box02 dd {
width: 50%;
display: table-cell;
vertical-align: middle;
}
.two_box03 {
width: 100%;
display: table;
}
.two_box03 dt {
width: 30%;
display: table-cell;
vertical-align: middle;
}
.two_box03 dd {
width: 60%;
display: table-cell;
vertical-align: middle;
}
.two_box04 {
width: 100%;
display: table;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/boder_bg.gif) 0 95% repeat-x;
padding: 20px 20px 30px;
}
.two_box04 dt {
width: 60%;
display: table-cell;
vertical-align: top;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/boder_02.gif) 100% 50% no-repeat;
}
.two_box04 dd {
width: 40%;
display: table-cell;
vertical-align: middle;
padding-left: 80px;
}
.two_box05 {
width: 100%;
display: flex !important;
justify-content:center;
align-items:center !important;
}
.two_box05 dt {
width: 50%!important;
margin:initial !important;
line-height:initial !important;
}
.two_box05 dd {
width: 50%!important;
line-height: initial !important;
}
@media screen and (max-width: 768px) {
.two_box05 {
width: 100%;
display: block !important;
}
.two_box05 dt {
width: 100%!important;
}
.two_box05 dd {
width: 100%!important;
}
.blog_col_under.form div.contact_area div.form_area dl.two_box05 dt p,.blog_col_under.form div.contact_area div.form_area dl.two_box05 dd p {
margin:0 !important;
}
.blog_col_under.form div.contact_area div.form_area h2.title_type01.formttl.mid {
margin:10px 0 !important;
}
} .s_01 .accordion_one {
max-width: 1100px;
margin: 20px auto;
text-align: center;
padding: 15px 40px 0;
border: 1px solid #000;
}
.s_01 .accordion_one .accordion_header {
background-color: #FFF;
color: #000;
font-size: 26px;
font-weight: bold;
padding: 20px 11%;
margin-top: 10px;
text-align: center;
position: relative;
z-index: 0;
cursor: pointer;
transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header:hover {
opacity: .8;
}
.s_01 .accordion_one .accordion_header .i_box {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
right: 5%;
width: 40px;
height: 40px;
margin-top: -20px;
box-sizing: border-box;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: center center;
transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
display: block;
width: 18px;
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: center center;
transition-duration: 0.2s;
position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
display: flex;
content: '';
background-color: #000;
border-radius: 10px;
width: 18px;
height: 4px;
position: absolute;
top: 7px;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
width: 4px;
height: 18px;
top: 0;
left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
display: none;
padding: 10px 0px 15px;
box-sizing: border-box;
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
margin: 0;
}
h3.block_head.catttl_u {
font-size: 2rem !important;
font-weight: bold;
}
@media screen and (max-width: 1024px) {
.s_01 .accordion_one .accordion_header {
font-size: 18px;
}
.s_01 .accordion_one .accordion_header .i_box {
width: 30px;
height: 30px;
margin-top: -15px;
}
} #main_about .point_area .visa_block h3.inttl {
position: relative !important;
height: 40px;
margin-top: 20px;
}
#main_about .point_area .visa_block h3.inttl span {
padding: 10px 20px 0 60px !important;
}
.bluettl {
width: 350px;
text-align: center;
margin: 10px auto 30px;
color: #00a2df;
font-size: 2.5rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 3.5px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/ar_left.jpg), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/ar_right.jpg);
background-repeat: no-repeat, no-repeat;
background-position: left, right;
padding: 0;
}
.blog_uarea {
padding: 5em 0em 9em 0em; position: relative;
}
.blog_uarea .inner {
max-width: 70%;
margin: 15px auto;
}
#main_about .blog_uarea .line {
background-image: linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
background-position: left top, left bottom, left top, right top;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
z-index: 0;
pointer-events: none;
}
#main_about .blog_uarea .corner {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/left_top01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/left_bottom01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/right_top01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/right_bottom01.png);
background-size: 40px auto;
background-position: left top, left bottom, right top, right bottom;
background-repeat: no-repeat;
padding: 5px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
pointer-events: none;
}
#main_about .blog_uarea .area_head {
margin: auto;
text-align: center;
position: absolute;
top: 10px;
left: 0;
right: 0;
z-index: 0;
}
#main_about .blog_uarea .title_type03 {
color: #333333;
letter-spacing: 0.26em;
font-size: 24px;
font-size: 2.5rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 0.26em;
}
#main_about .blog_uarea .area_head span {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/blog_ico.png) 98% 50% #ffffff no-repeat;
padding: 0 30px;
display: inline-block;
-moz-transform: translateY(-46%);
-ms-transform: translateY(-46%);
-webkit-transform: translateY(-46%);
transform: translateY(-46%);
}
#main_about .blog_uarea .inner .ttl {
font-size: 2rem;
font-weight: bold;
margin: 15px 0 0;
clear: both;
float: left;
}
#main_about .blog_uarea .inner .cat_ttl {
float: left;
clear: both;
margin: 10px 0 0;
padding: 5px 10px;
}
.read_txt {
max-width: 85%;
margin: 15px auto;
}
#main_about .blog_uarea .area_title .deco_type01 {
padding: 0 70px;
}
#main_about .blog_uarea .area_title .deco_type01 .bottom {
margin: 10px auto 0;
display: block;
color: #00a2df;
font-weight: bold;
padding: 0 2.5em;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/left.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/right.png);
background-repeat: no-repeat, no-repeat;
background-position: left, right;
}
.checkul {
width: 90%;
clear: both;
margin: 35px auto;
text-align: left;
}
.checkul li {
padding-left: 25px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/ul_ico.gif) 0 10% no-repeat;
}
.two_box04 .box_title {
margin: 10px 0 0;
color: #00a2df;
font-size: 2.5rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 3.5px;
}
.two_box04 dt .ttl .num {
color: #00a2df;
font-size: 3rem;
font-weight: bold;
padding-right: 10px;
}
dl.two_box04 dt .ttl {
width: 100%;
font-size: 3rem;
float: left;
font-weight: bold;
line-height: 40px;
margin-bottom: 40px;
}
dl.two_box04 dt div.text {
display: inline-block !important;
font-size: 3rem;
padding-bottom: 10px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/wave.jpg) bottom repeat-x;
} a.pdflink {
padding-right: 20px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/applications/ico01.gif) right 10% no-repeat;
}
span.l_02 {
display: block;
font-size: 2rem !important;
font-weight: bold;
margin: 10px 0 0;
}
#main_about .point_area h2.basettl {
padding: 10px 0 30px;
margin: 30px auto 10px;
color: #333333;
letter-spacing: 0.26em;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 0.26em;
position: relative;
}
#main_about .beginner_area.under.wbg {
background: #fff !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#main_about .beginner_area.under.wbg .box_wrap {
border: 1px solid #000;
padding: 30px 0 0 !important;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full {
width: 94%;
margin: -30px auto 20px;
border: #ccc solid 1px;
position: relative;
line-height: 2.2em;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl {
width: 100%;
text-align: center;
position: absolute;
top: -30px;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl span {
padding: 10px 30px;
background: #fff;
display: inline-block;
font-size: 2rem;
font-weight: bold;
}
#main_about .beginner_area.under.wbg .box_wrap .inner {
width: 90%;
margin: 30px auto;
} .faq_top  {
width: 100%;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/faq/img01.jpg),url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/faq/img02.jpg);
background-position: 5% bottom,95% bottom;
background-repeat: no-repeat,no-repeat;
padding: 5em 0;
}
.faq_area {
width: 100%;
margin: 80px auto 30px;
justify-content: flex-start;
display: flex;
flex-wrap: wrap;
}
.faq_area .box {
width: calc(30% - 10px);
margin: 20px 15px 10px 15px;
padding: 25px 15px;
background: #f7f6f6;
position: relative;
height: 220px;
}
#wrap div#main_about.contents.about div.base_inner div.point_area div.faq_area div.box div.go_flow.btn_box {
position: absolute;
bottom: 10%;
left: 19%;
}
.faq_area .box .ttl {
width: 100%;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5em;
}
.faq_area .box .ttl .in_num {
float: left;
padding-top: 10px;
font-size: 5rem;
color: #00a2df;
padding-left: 15px;
padding-right: 10px;
}
#main_about.contents.about .point_area .faq_area .box .go_flow.btn_box a.btn_type01.btn.mini {
width: 200px;
height: 50px;
line-height: 50px;
margin-top: 50px;
}
.list_base {
margin-top: 30px;
padding: 1em 0;
}
.list_base li {
width: 100%;
padding: 0.5em 0;
}
.list_base li a {
display: block;
width: 100%;
}
.list_base li span.num {
font-size: 2rem;
float: left;
display: inline-block;
margin-right: 10px;
padding-right: 10px;
}
.list_base.short {
width: 600px;
border-top: 1px solid #ccc;
margin: 30px auto;
padding: 0 !important;
}
.list_base.short li {
border-bottom: 1px solid #ccc;
padding: 1em 0 !important;
}
.list_base.short li a{
color: #000 !important;
} .lead_small {
font-size: 1.4rem;
margin-top: 55px;
text-align: center;
} .faq_area .box.whbg {
width: calc(30% - 10px);
margin: 20px 15px 10px 15px;
padding: 25px 15px;
background: #fff !important;
border: solid #dbdbdb 1px;
}
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini {
width: 200px;
height: 50px;
line-height: 50px;
margin-top: 20px;
font-size: 2rem;
}
#main_about.contents.about .point_area table.base_table01.logintable td div.go_flow.btn_box.rbtn{
margin-top: 43px;
}
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini span{
font-size: 1.8rem;
line-height: 50px;
display: inline!important;
}
.point_area table.base_table01 {
margin-top: 20px;
}
.point_area table.base_table01 td {
position: relative;
padding-bottom: 15px;
}
.point_area table.base_table01 th {
font-size: 1.8rem;
}
.point_area table.base_table01 .text {
width: 80%;
font-size: 1.2rem !important ;
letter-spacing: 1px;
margin: 15px auto 0;
} #wrap header#header div.header div.mv_sinro.mainimg_area div.page_title .jp {
padding: 3em 0 0;
}
h1.shinro_h1 {
color: #000 !important;
font-size: 2.5rem;
margin: 63px 0 3em;
}
dl.two_box02 dt img.retina.image.tbh_img {
width: 481px;
height: 200px;
object-fit: cover;
margin: 30px 0 0;
}
dl.two_box02 dd.va_top h2.tbh2 {
font-size: 2.2rem !important ;
letter-spacing: 1px;
margin: 35px auto 30px;
}
@media screen and (max-width:768px) { 
.mv_sinro.mainimg_area div.sp_on div.jp.copy h1 {
width: 100%;
text-align: center;
color: #fff !important;
padding: 1.5em 0 0 !important;
}
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title .pic {
position: relative;
bottom: 83px;
left: 60px;
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title p {
position: relative;
bottom: 315px;
left: 40px;
line-height: 2.2em;
font-size: 1.7rem;
font-weight: bold;
letter-spacing: 2.5px;
}
.picbox {width: 100% !important;}
.sinropic02 {padding-bottom:0px !important;}
.sinropic01 {padding-bottom: 0px !important;}
.pw_ttl {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/sinro/img03.png),url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/sinro/img04.png);
background-position: left,right;
background-repeat: no-repeat,no-repeat;
display: inline-block;
padding: 20px 50px;
}
.pic_ul {
text-align: center;
margin: 75px auto;
}
.pic_ul li{
display: inline-block;
margin-right: 40px;
}
.pic_ul li:last-child{
margin-right: 0px !important;
}
.performance_table {
margin-top: 30px !important;
}
#main_about.contents.about .point_area table.base_table01.performance_table tbody tr th{
width: 33% !important;
}
.performance_table td.middle {
font-size: 1.8rem;
font-weight: bold;
background: #f3f3f3
}
.performance_table th.att {
background: #1889d9;
color: #fff;
border-bottom: 1px solid #fff;
}
.performance_table th.att.n_R {
border-radius: 0px !important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
} .mv_blog.mainimg_area h1 {
padding: 6.5em 0 0;
} 
.mv_blog.mainimg_area,.mv_blog_u.mainimg_area {
position: relative;
}
.mv_blog.mainimg_area .wave01, .mv_blog.mainimg_area .wave02, .mv_blog.mainimg_area .wave03 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 104px;
}
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
position: absolute;
bottom: -70px;
left: 0;
right: 0;
height: 104px;
}
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1{
color: #fff;
text-align: center;
padding: 4em 0 1em;
font-size: 2vw;
letter-spacing: 7px;
line-height: 1.5;
}
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1 span{
font-size: 1.2vw;
}
.mv_blog.mainimg_area .wave01 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 0 top;
background-repeat: repeat-x;
-webkit-animation: wave-anime01 50s linear infinite;
animation: wave-anime01 50s linear infinite;
opacity: 0.45;
}
.mv_blog.mainimg_area .wave02 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 300px top;
background-repeat: repeat-x;
-webkit-animation: wave-anime02 40s linear infinite;
animation: wave-anime02 40s linear infinite;
opacity: 0.7;
}
.mv_blog.mainimg_area .wave03 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 600px top;
background-repeat: repeat-x;
-webkit-animation: wave-anime03 30s linear infinite;
animation: wave-anime03 30s linear infinite;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 0 top;
background-repeat: repeat-x;
background-size: 700px auto; opacity: 0.45;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 300px top;
background-size: 700px auto;
background-repeat: repeat-x; opacity: 0.7;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 600px top;
background-size: 700px auto;
background-repeat: repeat-x;
background-size: 800px auto;
}
#wrap div#main_about.contents.about .point_area h2.title_type01.blogttl,
#wrap div#main_about.contents.about .beginner_area.blog_area_blug div.base_inner div.ct h2.title_type01.mt40.blogttl{
width: auto;
display: inline-block;
padding: 0 20px 20px 20px;
margin: 40px auto 40px !important;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/blog/ttlbg.png) right bottom no-repeat;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main {
margin-top: 30px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol a.bdrlink0102.ttl_link_m{ font-size: 2.5rem;
margin-bottom: 20px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .lead02 {
padding-top: 30px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .cat_ttl {
margin-bottom: 30px;
}
#main_about.contents.about div.point_area dl.blog_top_col.main dt {
margin-bottom: 30px;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol{
width: 60%;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol img{
width: 100%;
height: auto;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.rcol{
width: 40%;
padding-left:3%;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug {
background: #bfecff; background: -moz-linear-gradient(top, #bfecff 0%, #eaf8ff 55%, #ffffff 100%);
background: -webkit-linear-gradient(top, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
background: linear-gradient(to bottom, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfecff', endColorstr='#ffffff',GradientType=0 );
position: relative;
margin-top: 80px;
padding: 40px 0 35px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
position: absolute;
top: -100px;
left: 0;
right: 0;
height: 104px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave02.png);
background-position: left 0 top;
background-repeat: repeat-x;  opacity: 0.2;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave02.png);
background-position: left 300px top;
background-repeat: repeat-x;  opacity: 0.4;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave02.png);
background-position: left 600px top;
background-repeat: repeat-x;  }
.blog_col {
width: 100%;
justify-content: flex-start;
display: flex;
flex-wrap: wrap;   
}
.blog_col .box{
width: calc(30% - 10px);
margin: 20px 15px 50px 15px;
}
.img-box {
width: 100% !important;
padding-top: 51.17%;
position: relative;
}
.blog_col .box img{
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
}
dl.blog_top_col dd .inbox,
dl.blog_top_col.main dd .inbox{
width: calc(33.3% - 24px);
padding-top: 0%;
position: relative;    
}
dl.blog_top_col .img-box {
width: 100% !important;
padding-top: 51.17%;
position: relative;
}    
dl.blog_top_col .img-box img{
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
}
.bf_wrap {
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
margin:3.5em 0;
z-index:0;
position:relative;
}
.bf_wrap::after {
width:123px;
height:123px;
display:block;
position:absolute;
top:-50px;
left:41%;
content:'';
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/blog/bf_ico.png);
background-repeat: no-repeat;
z-index:2;
}
.bf_wrap .l_box{
width:48%;
background: #eaeaea;
border-radius:10px;
padding:2em;
position:relative;
z-index:0;
}
.bf_wrap .l_box::after{
width:19px;
height:43px;
display:block;
content:'';
position:absolute;
top: 114px;
left: 103%;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/blog/bf_ar.png);
background-size:12px auto;
background-repeat: no-repeat;
z-index:2;
}
.bf_wrap .r_box{
width:48%;
background: #cdecf1;
border-radius:10px;
padding:2em;
}
.bf_wrap .l_box h5,.bf_wrap .r_box h5{
display:block;
text-align:center;
}
@media screen and (max-width: 768px){
dl.blog_top_col dd .inbox,
dl.blog_top_col.main dd .inbox{
width: calc(49% - 7px);
margin: 10px 5px 0px 5px !important;
position: relative;    
}
.bf_wrap .l_box h5{
margin-top:4em;
}
.bf_wrap {
width:100%;
display:block;
margin:3.5em 0;
z-index:0;
position:relative;
}
.bf_wrap::after {
width:123px;
height:123px;
display:block;
position:absolute;
top: -53px;
left: 33%;
content:'';
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/blog/bf_ico.png);
background-repeat: no-repeat;
z-index:2;
}	
.bf_wrap .l_box{
width:100%;
background: #eaeaea;
border-radius:10px;
padding:1em;
position:relative;
z-index:0;
margin-bottom:2em;
}
.bf_wrap .l_box::after{
width:30px;
height:20px;
display:block;
content:'';
position:absolute;
top: 103%;
left: 45%;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/blog/bf_ar02.png);
background-size:30px auto;
background-repeat: no-repeat;
z-index:2;
}
.bf_wrap .r_box{
width:100%;
background: #cdecf1;
border-radius:10px;
padding:1em;
}	
}
dl.blog_top_col.main dd .inbox img{
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
}
#main_about.contents.about div.beginner_area.blog_area_blug .blog_col.mt30 a.cat_ttl{
clear: both;
}
#main_about.contents.about div.beginner_area.blog_area_blug .go_flow.btn_box a.btn_type01.btn.mini,
#main_about.contents.about div.point_area div.go_flow.btn_box a.btn_type01.btn.mini{
width: 200px;
height: 50px;
line-height: 50px;
margin-top: 50px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.tag_ul {
width: 1100px;
margin: 30px auto;
text-align: center;
}
.tag_ul a {
padding: 10px 15px;
background: #eee;
color:#000;
display: inline-block;
font-size: 12px !important;
margin-bottom: 10px;
margin-right: 5px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.tag_ul a:hover {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
ul.cat_ul {
width: 1100px;
margin: 30px auto;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
ul.cat_ul li {
width: calc(32% - 34px);
margin: 20px 15px 10px 15px;
text-align: center;
}
ul.cat_ul li img{
width: 100%;
height: auto;
}
ul.cat_ul li .ttl{
font-size: 2rem;
font-weight: bold;
margin-top: 10px;
}
ul.cat_ul li .lead{
font-size: 1.2rem;
font-weight: 300;
} .blog_col_under {
width: 650px;
margin: 15px auto;
font-size:1.7rem;
}
.blog_col_under h1{
font-size: 2.5rem !important;
}
.blog_col_under  img{
margin: 25px auto 10px;
max-width: 100%;
height: auto;
}
.blog_col_under p{
margin: 30px 0;
}
.blog_col_under h2{
font-size: 2.8rem;
font-weight: bold;
margin: 40px 0;
}
.blog_col_under > h2, .blog_col_under .ttl01 {
display: block;
position: relative;
padding-bottom: 15px;
border-bottom: 2px solid
rgba(0,0,0,0.1);
letter-spacing: 0;
}
.blog_col_under > h2 > span, .blog_col_under .ttl01 > span {
padding: 5px 0 5px 25px;
font-size: 22px;
line-height: 1.5;
display:block;
width:94%;
font-weight:bold !important;
}
.blog_col_under > h2 > span::before, .blog_col_under .ttl01 > span::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 90%;
background-color: #00a2df;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.blog_col_under > h3 {
margin: 26px 0 20px;
padding: 13px 28px 12px;
font-size: 21px;
font-weight: 700;
background: #f3f3f3;
border-radius: 10px;
}
.blog_col_under > h4 {
margin: 34px 0 11px;
padding: 0 0 0 16px;
position: relative;
font-size: 20px;
font-weight: 700;
}
.blog_col_under > h4::before {
position: absolute;
top: 11px;
left: 0;
display: block;
content: '';
width: 4px;
height: calc(100% - 22px);
background: #181818;
border-radius: 3px;
}
.blog_col_under p strong em,.blog_col_under p strong {
font-style: normal;
background: linear-gradient( transparent 80%, #fce20e 60%);
}
.u_blog_ttl_sub {
font-size: 2rem;
font-weight: bold;
}
.btm_sharebox {
text-align: center;
padding: 2em 0;
margin:50px 0 20px; 
border-bottom:  1px solid #ccc;
border-top:  1px solid #ccc;
}
.share-list {
font-size: 0; text-align: center;
margin-top: 15px;
}
.share-list.btm {
float: none !important;
}
.share-list li {
display: inline-block;
vertical-align: top;
margin: 2px;
}
.share-list li a {
background: no-repeat center center;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-size: auto;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-size: auto auto;
border-radius: 3px;
display: block;
width: 80px;
height: 30px;
}
.share-list li a:hover {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.share-list li.facebook a {
background-color: #3c5a99;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_facebook.svg);
background-size: 6px auto;
}
.share-list li.x a {
background-color: #000;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_x.svg);
background-size: 14px auto;
}
.share-list li.line a {
background-color: #00b900;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_line.svg);
background-size: 16px auto;
}
.share-list li.hatena a {
background-color: #00a4de;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_hatena.svg);
background-size: 12px auto;
}
.taglabel {
display: inline-block;
clear: both;
margin-left: 15px;
color: #333 !important;
}
.taglabel a {
color: #333 !important;
}
.taglabel a:hover {
text-decoration: underline;
}
.taglabel a::after, .taglabel a::after, .taglabel a::after {
content: ",";
color: 
#000;
padding-left: 5px;
}
.leadbox01 {
padding: 20px 30px;
border-radius: 10px;
background-color: #edf3f5;
font-size: 14px;
}
#wrap div#main_about.contents.about div.base_inner .blog_col_under div.ct h1.title_type01.mb0.tl {
margin: 35px auto 0px !important;
}
#wrap div#main_about.contents.about div.base_inner div.blog_col_under table {
border-top: 1px solid #c5c5c5;
border-left: 1px solid #c5c5c5;
border-spacing: 0;
font-size: 88%;
margin: 30px auto;
width: 94%;
}
#wrap div#main_about.contents.about div.base_inner div.blog_col_under table th {
background: #f7f2df none repeat scroll 0 0;
border-bottom: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5;
font-weight: 700;
line-height: 1.8em;
padding: 15px;
text-align: left;
vertical-align: top;
width: 35%;
overflow: hidden;
}
#wrap div#main_about.contents.about div.base_inner div.blog_col_under table td {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5;
padding: 15px;
text-align: left;
vertical-align: middle;
line-height: 1.5em;
overflow: hidden;
}
.blog_col_under p a:hover {
text-decoration: underline;
}
.blog_col_under div#toc_container.toc_white.no_bullets {
}
.blog_col_under a.linktext {
color: #00a3e1;
font-weight: bold;
text-decoration: underline;
display: inline;
} 
.blog_col_under a.linktext:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.s_01 .accordion_one .accordion_header {
font-size: 16px;
text-align: left !important;
padding: 15px 60px 15px 15px;
}
.blog_col_under div#toc_container.toc_white.no_bullets {
width: 100% !important;
} 
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1{
color: #fff;
text-align: center;
padding:2.5em 0;
font-size: 2rem;
letter-spacing: 7px;
}
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1 span{
font-size: 1.2rem;
}
}
.school_ttl {
display: inline-block;
text-align: center;
font-size: 3rem;
font-weight: bold;
padding: 15px 0 0px 60px;
margin: 0 auto;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img06.jpg) 0 50% no-repeat;
}
.school_ttl span {
display: block;
clear: both;
font-size: 1.5rem;
font-weight: bold;
margin-top: -10px;
}
.accordion_one p {
width: 90%;
margin: 25px auto;
}
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} #toc_container {
margin: 2em 0 3em;
width:100% !important;
border: 1px solid #c2c2c2!important;
padding: 10px !important;
border-radius: 0px !important;
}
div#toc_container.no_bullets p.toc_title {
font-weight: 900;
padding: 20px 0;
margin: 0;
text-align: center;   background: #fff;
border-bottom: 1px solid #c2c2c2;
color: #000;
}
div#toc_container.no_bullets p.toc_title:before {
font-family: Font Awesome\ 5 Free;
content: "\f0ca";
font-weight: 900;
margin-right: .5em;
}
a.toc-pull-right.ez-toc-btn.ez-toc-btn-xs.ez-toc-btn-default.ez-toc-toggle {
border: none;
box-shadow: none;
border-radius: 50%; padding: 1em;
margin-left:50px;
}
div#toc_container.no_bullets ul.toc_list {
margin-left: 1em;
}
div#toc_container.no_bullets ul.toc_list li {
list-style: none;
}
#toc-container nav {
padding: 20px;
background: #fff !important;
}
#main_about.contents.about .point_area .visa_block .visa_wrap h3.inttl.block_head.catttl_u.kagai_ttl01 span,
#main_about.contents.about .base_inner .point_area .visa_block .block_inner .visa_wrap h3.block_head.catttl_u.kagai_ttl01 span{
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img13.jpg) #fff 5px 50% no-repeat;
background-size: 35px auto;
padding: 10px 20px 0 40px !important;
}
#main_about.contents.about .point_area .visa_block .visa_wrap h3.inttl.block_head.catttl_u.kagai_ttl02 span,
#main_about.contents.about .base_inner .point_area .visa_block .block_inner .visa_wrap h3.block_head.catttl_u.kagai_ttl02 span{
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img14.jpg) #fff 5px 50% no-repeat;
background-size: 35px auto;
padding: 10px 20px 0 40px!important;
}
#main_about.contents.about .point_area .visa_block .visa_wrap h3.inttl.block_head.catttl_u.kagai_ttl03 span,
#main_about.contents.about .base_inner .point_area .visa_block .block_inner .visa_wrap h3.block_head.catttl_u.kagai_ttl03 span{
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img15.jpg) #fff 5px 50% no-repeat;
background-size: 35px auto;
padding: 10px 20px 0 40px!important;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl {
width: 90%;
margin: 25px auto;
display: table;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dt {
width: 20%;
display: table-cell;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dd {
width: 70%;
display: table-cell;
}
@media screen and (max-width: 768px) { .two_box01 {
width: 100%;
display: block;
margin: 50px 0;
}
.two_box01 div {
width: 100%;
display: block;
}
.two_box01 div:first-child {
border-right: none;
}
.two_box01 div h3 {
width: 100%;
height: 50px;
padding: 10px 0;
text-align: center;
font-size: 2rem;
position: relative;
border-bottom: 1px solid #d8d8d8;
}
.two_box01 div h3::after {
content: "";
display: block;
position: absolute;
background: #fff;
top: 43px;
right: 47%;
width: 14px;
height: 14px;
border-top: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
transform: translateX(-50%) rotate(135deg);
}
.two_box01 .inbox {
width: 90%;
padding: 2%;
margin: 15px auto;
}
.two_box01 .inbox p {
margin: 20px 0 0;
word-break: break-all;
}
.floatBox {
width: 100%;
}
.floatBox .hRight {
float: right;
width: calc(60% - 20px);
margin: 0 0 0 15px;
}
.floatBox .hLeft {
float: left;
width: calc(60% - 20px);
margin: 0 15px 0 0;
}
table.base_table01 {
font-size: 90%;
}
.scroll table {
width: 1000px;
}
.scroll {
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar {
height: 5px;
}
.scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
table.base_table01 td span {
display: block;
font-size: 1.8rem;
font-weight: bold;
margin: 20px 0 0;
}
table.base_table01 td.txt {
width: 300px !important;
padding: 15px 30px;
vertical-align: top;
}
table.base_table01 td.txt p {
white-space:normal;
word-break: normal;
overflow-wrap: normal;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl span {
font-size: 1.8rem;
padding: 5px 16px;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl {
width: 100%;
text-align: center;
position: absolute;
top: -22px;
} .plan_cat_wrap {
width: 100%;
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: 15px auto 25px !important;
text-align: center;
position: relative;
}
.plan_cat_wrap div {
width: calc(48% - 10px);
height: 100px;
margin: 10px 5px 5px 5px;
border: 1px solid #000;
position: relative;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/plan/btnbg.gif), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/plan/ar01.jpg);
background-repeat: no-repeat, no-repeat;
background-position: 50%, 50% 90%;
overflow: visible !important;
padding: 10px !important;
vertical-align: middle;
}
.plan_cat_wrap div a {
width: 100%;
height: 100%;
line-height: 100px;
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 2rem;
z-index: 1;
font-weight: bold;
}
.plan_cat_wrap div a span {
font-size: 1.8rem;
font-weight: normal;
padding-left: 5px;
} .school_ttl {
display: inline-block;
text-align: center;
font-size: 2rem;
font-weight: bold;
padding: 15px 0 0px 60px;
margin: 0 auto;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img06.jpg) 0 50% no-repeat;
}
.school_ttl span {
display: none;
}
.two_box02, .two_box03 {
width: 100%;
display: block;
}
.two_box02 dt, .two_box03 dt {
width: 100%;
display: block;
margin-bottom: 15px;
vertical-align: middle;
}
.two_box02 dd, .two_box03 dd {
width: 100%;
display: block;
vertical-align: middle;
} .s_01 .accordion_one {
max-width: 1024px;
margin: 20px auto;
text-align: center;
padding: 15px 10px;
border: 1px solid #000;
}
.fit_img {
width: 100%;
height: auto;
}
.box_wrap02 {
width: 90%;
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: 5px auto 25px;
text-align: center;
position: relative;
}
.box_wrap02 .box {
width: calc(44% - 16px);
margin: 0px 15px 0px 15px;
position: relative;
border: none;
background: #fff;
overflow: visible !important;
padding: 0em 0 1em;
}
.box_wrap02 .box .text {
font-size: 1.5rem;
font-weight: bold;
margin-top: 10px;
}
#main_about .point_area h3.block_head.catttl_u.kagai_ttl01 span { background-size: 25px auto; padding: 10px 10px 0 20px;
}
#main_about .point_area h3.block_head.catttl_u.kagai_ttl02 span {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img14.jpg) #fff 15px 100% no-repeat;
background-size: 30px auto;
padding: 10px 10px 0 40px;
}
#main_about .point_area h3.block_head.catttl_u.kagai_ttl03 span {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img15.jpg) #fff 15px 100% no-repeat;
background-size: 30px auto;
padding: 10px 10px 0 40px;
} .blog_uarea {
padding: 3em 0em 9em 0em;
position: relative;
}
.blog_uarea .inner {
max-width: 70%;
margin: 15px auto;
}
#main_about .blog_uarea .title_type03 {
color: #333333;
letter-spacing: 0.26em;
font-size: 16px;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 0.26em;
}
#main_about .blog_uarea .area_head span {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/blog_ico.png) 98% 50% #ffffff no-repeat;
padding: 0 30px;
display: inline-block;
-moz-transform: translateY(-46%);
-ms-transform: translateY(-46%);
-webkit-transform: translateY(-46%);
transform: translateY(-46%);
}
#main_about .blog_uarea .inner .ttl {
font-size: 1.5rem;
font-weight: bold;
margin: 15px 0 0;
clear: both;
float: left;
}
#main_about .point_area dl.two_box02.u_blog {
padding-bottom: 10px !important;
margin-top: 20px !important;
}
#main_about .point_area dl.two_box02.u_blog dt .bluettl {
margin-top: 5px !important;
}
#main_about .point_area h2.title_type01.sp_ttl_tyousei {
margin-top: 20px !important;
margin-bottom: 15px !important;
}
.two_box04 {
width: 100%;
display: block;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/boder_bg.gif) 0 95% repeat-x;
padding: 0 0 20px !important;
margin-bottom: 25px;
}
.two_box04 dt {
width: 100%;
display: inline-block;
vertical-align: top;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/boder_03.gif) 50% bottom no-repeat;
padding: 0 !important;
}
.two_box04 dd {
width: 100%;
display: inline-block;
vertical-align: middle;
padding-left: 0 !important;
}
.checkul {
width: 100% !important;
clear: both;
margin: 35px auto;
text-align: left;
}
.two_box04 dt .ttl .num {
color: #00a2df;
font-size: 2rem;
font-weight: bold;
padding-right: 10px;
}
dl.two_box04 dt .ttl {
width: 100%;
font-size: 2rem !important;
float: left;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
}
dl.two_box04 dt div.text {
display: inline-block !important;
font-size: 2rem;
padding-bottom: 10px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/wave.jpg) bottom repeat-x;
}
.two_box04 .box_title {
margin: 10px 0 0;
color: #00a2df;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 3.5px;
}
#main_about .point_area .visa_block h3.inttl {
position: relative !important;
height: 40px;
margin-top: 30px !important;
}
.bluettl {
width: auto;
text-align: center;
margin: 10px auto 30px !important;
margin-top: 10px;
color: #00a2df;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 3.5px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/ar_left.jpg), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/why-now/ar_right.jpg);
background-repeat: no-repeat, no-repeat;
background-position: left, right;
padding: 0 30px;
display: inline-block;
} #main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei {
margin-bottom: 0 !important;
}
#main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei li div {
margin: 5px auto !important;
}
#main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei li div a.btn_type01.btn {
margin: 0px auto !important;
}
#main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei li {
margin-right: 0!important;
}
#main_about.contents.about div.base_inner div.point_area.ttl_tyousei h2.title_type01 {
margin: 40px auto 0px !important;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl {
width: 90%;
margin: 25px auto;
display: block;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dt {
width: 100%;
display: block;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dd {
width: 100%;
display: block;
} .faq_top  {
width: 100%;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/faq/img01.jpg),url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/faq/img02.jpg);
background-position: 5% bottom,95% bottom;
background-repeat: no-repeat,no-repeat;
background-size: 100px auto, 100px auto;
padding: 1em 0 11em;
}
.faq_area {
width: 100%;
margin: 30px auto 30px;
justify-content: flex-start;
display: flex;
flex-wrap: wrap;
}
.faq_area .box {
width: calc(48% - 16px);
margin: 20px 10px 5px 10px;
padding: 25px 10px;
background: #f7f6f6;
height: 230px;
}
.faq_area .box .ttl {
width: 100%;
height: 80px;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.5em;
word-break: break-all;
letter-spacing: 1px;
}
.faq_area .box .ttl .in_num {
width: 100%;
float: none;
text-align: center;
font-size: 3rem;
color: #00a2df;
padding-left: 0!important;
padding-top: 0 !important; 
margin-bottom: 15px;
}
#main_about.contents.about .point_area .faq_area .box .go_flow.btn_box a.btn_type01.btn.mini {
width: 100px;
height: 30px;
line-height: 30px;
}
#wrap div#main_about.contents.about div.base_inner div.point_area div.faq_area div.box div.go_flow.btn_box {
position: absolute;
bottom: 2%;
left: 17%;
}
.list_base.short {
width: 100% !important;
border-top: 1px solid #ccc;
margin: 30px auto;
padding: 0 !important;
} .lead_small {
font-size: 1.2rem;
margin-top: 45px;
text-align: center;
} .faq_area .box.whbg {
width: calc(48% - 16px);
margin: 20px 10px 5px 10px;
padding: 25px 10px;
background: #fff !important;
border: solid #dbdbdb 1px;
}
#main_about.contents.about .point_area .faq_area div.box.whbg div.ttl {
height: 30px;
}
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini {
width: 100px;
height: 50px;
line-height: 50px;
margin-top: 20px;
font-size: 2rem;
}
#main_about.contents.about .point_area table.base_table01.logintable td div.go_flow.btn_box.rbtn{
margin-top: 43px;
}
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini span{
font-size: 1.8rem;
line-height: 50px;
display: inline!important;
}
.point_area table.base_table01 {
margin-top: 20px;
}
.point_area table.base_table01 td {
position: relative;
padding-bottom: 15px;
}
.point_area table.base_table01 th {
font-size: 2rem;
}
.point_area table.base_table01 .text {
width: 80%;
font-size: 1.2rem !important ;
letter-spacing: 1px;
margin: 15px auto 0;
}
#wrap div#main_about.contents.about .point_area div.faq_area div.box.whbg div.go_flow.btn_box a.btn_type01.btn.mini span.icon {
padding: 0 5px 0 0;
} #wrap header#header div.header div.mv_sinro.mainimg_area div.page_title h1.jp {
padding: 3em 0 0;
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title .pic {
position: relative;
bottom: 101px;
left: 60px;
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title p {
position: relative;
bottom: 315px;
left: 40px;
line-height: 2.2em;
font-size: 1.7rem;
font-weight: bold;
letter-spacing: 2.5px;
}
.picbox {width: 100% !important;}
.sinropic02 {padding-bottom:0px !important;}
.sinropic01 {padding-bottom: 0px !important;}
.pw_ttl {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/sinro/img03.png),url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/sinro/img04.png);
background-position: left,right;
background-repeat: no-repeat,no-repeat;
display: inline-block;
padding: 20px 50px;
}
.pic_ul {
width: 90%;
text-align: center;
margin: 35px auto;
}
.pic_ul li{
width: 28%;
display: inline-block;
margin-right: 20px;
}
.pic_ul li img{
width: 100%;
height: auto;
}
.pic_ul li:last-child{
margin-right: 0px !important;
}
.performance_table {
margin-top: 30px !important;
}
.point_area table.base_table01 th{
font-size: 1.5rem;
padding: 0 15px;
}
.point_area table.base_table01 td {
font-size: 1.2rem;
padding: 0 15px;
line-height: 1.5em;
}
#main_about.contents.about .point_area table.base_table01.performance_table tbody tr th{
width: 33% !important;
}
.performance_table td.middle {
font-size: 1.8rem;
font-weight: bold;
background: #f3f3f3
}
.performance_table th.att {
background: #1889d9;
color: #fff;
border-bottom: 1px solid #fff;
}
.performance_table th.att.n_R {
border-radius: 0px !important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
} .mv_blog.mainimg_area h1 {
padding: 1em 0 0;
margin-top: -15px;
} 
#wrap header#header div.header div.mv_blog.mainimg_area div.page_title {
margin: auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);    
}
.mv_blog.mainimg_area,.mv_blog_u.mainimg_area {
position: relative;
}
.mv_blog.mainimg_area .wave01, .mv_blog.mainimg_area .wave02, .mv_blog.mainimg_area .wave03{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 104px;
}
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
position: absolute;
bottom: -84px;
left: 0;
right: 0;
height: 104px;
}
.mv_blog.mainimg_area .wave01 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 0 top;
background-repeat: repeat-x;
-webkit-animation: wave-anime01 50s linear infinite;
animation: wave-anime01 50s linear infinite;
opacity: 0.45;
}
.mv_blog.mainimg_area .wave02 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 300px top;
background-repeat: repeat-x;
-webkit-animation: wave-anime02 40s linear infinite;
animation: wave-anime02 40s linear infinite;
opacity: 0.7;
}
.mv_blog.mainimg_area .wave03 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 600px top;
background-repeat: repeat-x;
-webkit-animation: wave-anime03 30s linear infinite;
animation: wave-anime03 30s linear infinite;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 0 top;
background-repeat: repeat-x;
background-size: 400px auto; opacity: 0.45;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 300px top;
background-size: 400px auto;
background-repeat: repeat-x; opacity: 0.7;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave.png);
background-position: left 600px top;
background-size: 400px auto;
background-repeat: repeat-x;
background-size: 800px auto;
} 
#wrap div#main_about.contents.about .point_area h2.title_type01.blogttl,
#wrap div#main_about.contents.about .beginner_area.blog_area_blug div.base_inner div.ct h2.title_type01.mt40.blogttl{
width: auto;
display: inline-block;
padding: 0 20px 20px 20px;
margin: 50px auto 10px!important;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/blog/ttlbg.png) right bottom no-repeat;
background-size:500px auto;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main {
margin-top: 10px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol a.bdrlink0102.ttl_link_m{ font-size: 2rem;
margin-bottom: 10px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .lead02 {
padding-top: 0px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .cat_ttl {
margin-bottom: 30px;
}
#main_about.contents.about div.point_area dl.blog_top_col.main dt {
width: 100%;
margin-bottom: 0px!important;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol{
width: 100%;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol img {
width: 100% !important;
height: auto;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.rcol{
width: 100%;
padding-left:0 !important;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug {
background: #bfecff; background: -moz-linear-gradient(top, #bfecff 0%, #eaf8ff 55%, #ffffff 100%);
background: -webkit-linear-gradient(top, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
background: linear-gradient(to bottom, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfecff', endColorstr='#ffffff',GradientType=0 );
position: relative;
margin-top: -5px;
padding: 0px 0 35px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
position: absolute;
top: -40px;
left: 0;
right: 0;
height: 104px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave02.png);
background-size: 800px auto;
background-position: left 0 top;
background-repeat: repeat-x;  opacity: 0.2;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave02.png);
background-size: 800px auto;
background-position: left 285px top;
background-repeat: repeat-x;  opacity: 0.4;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/mv_wave02.png);
background-size: 800px auto;
background-position: left 600px top;
background-repeat: repeat-x;  }
.blog_col {
width: 100%;
justify-content: flex-start;
display: flex;
flex-wrap: wrap;   
}
.blog_col .box{
width: calc(49% - 7px);
margin: 10px 5px 0px 5px;
}
.blog_col .box img{
width: 100%;
height: auto;
}
#main_about.contents.about div.beginner_area.blog_area_blug .blog_col.mt30 a.cat_ttl{
clear: both;
}
#main_about.contents.about div.beginner_area.blog_area_blug .go_flow.btn_box a.btn_type01.btn.mini,
#main_about.contents.about div.point_area div.go_flow.btn_box a.btn_type01.btn.mini{
width: 200px;
height: 50px;
line-height: 50px;
margin-top: 30px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.tag_ul {
width: 100%;
margin: 30px auto;
}
.tag_ul a {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.tag_ul a {
padding: 10px;
background: #eee;
color:#000;
font-size: 1.2rem !important;
display: inline-block;
font-size: 10px !important;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.tag_ul a:hover {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
ul.cat_ul {
width: 100%;
margin: 30px auto 0;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
ul.cat_ul li {
width: calc(32% - 34px);
margin: 20px 15px 10px 15px;
text-align: center;
}
ul.cat_ul li img{
width: 100%;
height: auto;
}
ul.cat_ul li .ttl{
font-size: 1.2rem;
font-weight: bold;
margin-top: 10px;
}
ul.cat_ul li .lead{
display: none;
} .blog_col_under {
width: 100%;
margin: 15px auto;
}
.blog_col_under h1{
font-size: 2rem !important;
}
.blog_col_under  img{
margin: 25px auto 0px;
max-width: 100%;
height: auto;
}
.blog_col_under p{
margin: 30px 0;
line-height: 1.7;
}
.blog_col_under h2{
font-size: 2.5rem;
font-weight: bold;
margin: 40px 0;
}
.blog_col_under > h2, .blog_col_under .ttl01 {
display: block;
position: relative;
padding-bottom: 15px;
border-bottom: 2px solid
rgba(0,0,0,0.1);
letter-spacing: 0;
}
.blog_col_under > h2 > span, .blog_col_under .ttl01 > span {
padding: 5px 0 5px 25px;
font-size: 20px;
line-height: 1.5;
display: block;
}
.blog_col_under > h2 > span::before, .blog_col_under .ttl01 > span::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 90%;
background-color: #00a2df;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.u_blog_ttl_sub {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
.btm_sharebox {
text-align: center;
padding: 2em 0;
margin:50px 0 20px; 
border-bottom:  1px solid #ccc;
border-top:  1px solid #ccc;
}
.share-list {
font-size: 0;
float: none !important;
text-align: center;
margin-top: 15px;
}
.share-list.btm {
float: none !important;
}
.share-list li {
display: inline-block;
vertical-align: top;
margin: 2px;
}
.share-list li a {
background: no-repeat center center;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-size: auto;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-size: auto auto;
border-radius: 3px;
display: block;
width: 70px;
height: 30px;
}
.share-list li a:hover {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.share-list li.facebook a {
background-color: #3c5a99;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_facebook.svg);
background-size: 6px auto;
}
.share-list li.twitter a {
background-color: #1da1f2;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_twitter.svg);
background-size: 14px auto;
}
.share-list li.line a {
background-color: #00b900;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_line.svg);
background-size: 16px auto;
}
.share-list li.hatena a {
background-color: #00a4de;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/ico_sns_hatena.svg);
background-size: 12px auto;
} 
} @media only screen and (min-width: 2001px) and (max-width:10000px) {
.contact_area .area_inner {
width: 100%;
margin: 0 auto;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact02.png);
background-position: 20% bottom, 84% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 222px 486px, 268px 506px;
background-color: #e3f4fe;
}
}
@media only screen and (min-width: 1500px) and (max-width:2000px) {
.contact_area .area_inner {
width: 100%;
margin: 0 auto;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact02.png);
background-position: 15% bottom, 86% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 222px 486px, 268px 506px;
background-color: #e3f4fe;
}
}
@media only screen and (min-width: 1300px) and (max-width:1499px) {
.contact_area .area_inner {
width: 100%;
margin: 0 auto;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact02.png);
background-position: 4% bottom, 98% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 222px 486px, 268px 506px;
background-color: #e3f4fe;
}
}
@media only screen and (min-width: 1200px) and (max-width:1299px) {
.contact_area .area_inner {
width: 100%;
margin: 0 auto;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact02.png);
background-position: 11% bottom, 93% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 222px 486px, 268px 506px;
background-color: #e3f4fe;
}
}
@media only screen and (min-width: 1100px) and (max-width:1199px) {
.contact_area .area_inner {
width: 100%;
margin: 0 auto;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact02.png);
background-position: 9% bottom, 94% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 222px 486px, 268px 506px;
background-color: #e3f4fe;
}
}
@media only screen and (min-width: 1000px) and (max-width:1099px) {
.contact_area .area_inner {
width: 100%;
margin: 0 auto;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact02.png);
background-position: 4% bottom, 98.5% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 222px 486px, 268px 506px;
background-color: #e3f4fe;
}
}
@media only screen and (min-width: 769px) and (max-width:999px) {
.contact_area .area_inner {
width: 100%;
margin: 0 auto;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/f_contact02.png);
background-position: 1% bottom, 100.5% bottom;
background-repeat: no-repeat, no-repeat;
background-size: 222px 486px, 268px 506px;
background-color: #e3f4fe;
}
}
@media screen and (max-width: 768px) {
.contact_area .area_inner {
background-image: none;
background-color: #e3f4fe;
}
.btm_banner {
width: 94%;
text-align: center;
margin: 20px auto 0;
}
.btm_banner li {
display: block;
margin-bottom: 10px;
}
.btm_banner li:last-child {
margin-bottom: 10px;
}
.btm_banner li:first-child {
margin-right: 0px !important;
}
.btm_banner li img {
width: 100%;
height: auto;
}
}
.contact_area .area_wrap {
width: 1100px;
margin: 0 auto;
position: relative;
}
.contact_area .area_wrap::before {
content: "";
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/f_contact_head.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 398px;
height: 95px;
margin: auto;
position: absolute;
top: -95px;
left: 0;
right: 0;
z-index: 0;
}
.contact_area .area_wrap .area_head {
font-size: 26px;
font-size: 2.6rem;
text-align: center;
line-height: 1.0;
position: absolute;
top: -15px;
left: 0;
right: 0;
z-index: 2;
}
.contact_area .area_wrap .area_body {
padding: 40px 75px 55px;
position: relative;
}
.contact_area .area_wrap .area_body .area_title {
font-size: 34px;
font-size: 4.5rem;
text-align: center;
line-height: 1.0;
color: #00a2df;
font-weight: bold;
}
.contact_area .area_wrap .area_body .area_title span {
padding: 0 0 0 7px;
display: inline;
position: relative;
}
.contact_area .area_wrap .area_body .area_title span::after {
content: "";
height: 6px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/img_wave.svg) repeat-x top left;
background-size: auto;
background-size: auto;
background-size: 384px 6px;
position: absolute;
bottom: -11px;
left: -3px;
right: 1px;
}
.contact_area .area_wrap .area_body .area_text {
margin: 40px auto 0;
text-align: center;
line-height: 2.0;
color: #00a2df !important;
font-weight: 500;
font-size: 1.5rem;
letter-spacing: 1px;
}
.contact_area .area_wrap .area_body .bottom_block {
margin: 60px auto 0;
}
.beginner_area .box_wrap .bottom_block {
margin: 0px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .block_head {
border-top: 1px solid #323333;
width: 630px;
margin: 0 auto;
text-align: center;
}
.contact_area .area_wrap .area_body .bottom_block .block_head span {
background: #e3f4fe;
padding: 0 20px;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.2em;
display: inline-block;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.contact_area .area_wrap .area_body .bottom_block .tel_box {
margin: 15px auto 0;
color: #00a2df;
font-size: 40px;
font-size: 4rem;
text-align: center;
line-height: 1.0;
letter-spacing: 0.1em;
}
.contact_area .area_wrap .area_body .bottom_block .time_box {
margin: 25px auto 0;
text-align: center;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box, .beginner_area .box_wrap .btn_box, .point_area .btn_box02 {
margin: 30px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .beginner_area .box_wrap .btn_box .btn, .point_area .btn_box02 .btn02 {
text-align: center;
text-decoration: none;
outline: none;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn::before, .contact_area .area_wrap .area_body .bottom_block .btn_box .btn::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::before, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::after, .point_area .btn_box02 .btn02::before, .point_area .btn_box02 .btn02::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::before, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .contact_area .area_wrap .area_body .bottom_block .btn_box .btn::before, .contact_area .area_wrap .area_body .bottom_block .btn_box .btn::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::before, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::after, .point_area .btn_box02 .btn02, .point_area .btn_box02 .btn02::before, .point_area .btn_box02 .btn02::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::before, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::after {
-webkit-transition: all .3s;
transition: all .3s;
}
#main_about.contents.about.form .contact_area .btn-submit-wrap .btn-submit,.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .beginner_area .box_wrap .btn_box .btn .btn_box .btn, .point_area .btn_box02 .btn02, .beginner_area.under .box_wrap .bottom_block .btn_box .btn,.blog_col_under div.contact_area div.form_area .form.h-adr .btn_box input,.blog_col_under.form div.contact_area div.form_area section.page-section div.bottom_block div.btn_box a,.blog_col_under.form.nopadding div.contact_area div.form_area div.btn_box a{
background: #279ede; background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
border-radius: 40px;
width: 500px;
height: 80px;
position: relative;
z-index: 0;
background-color: #fff;
border: 1px solid #028bd6;
letter-spacing: 0.26em;
color: #fff;
font-size: 18px;
font-size: 2.2rem;
text-align: center;
line-height: 80px;
overflow: hidden;
font-weight: bold;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn:hover, .beginner_area .box_wrap .btn_box .btn .btn_box .btn:hover, .point_area .btn_box02 .btn02:hover, .beginner_area.under .box_wrap .bottom_block .btn_box .btn:hover {
color: #31b9f1;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::after, .point_area .btn_box02 .btn02::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::after {
top: -100%;
width: 100%;
height: 100%;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn:hover::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn:hover::after, .point_area .btn_box02 .btn02:hover::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn:hover::after {
top: 0;
background-color: #fff;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon, .beginner_area .box_wrap .btn_box .btn .btn_box .btn .icon, .point_area .btn_box02 .btn02 .icon, .beginner_area.under .box_wrap .bottom_block .btn_box .btn .icon {
padding: 0 15px 0 15px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02,
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02{
background: #fff; border-radius: 40px;
width: 500px;
height: 80px;
color: #028bd6;
font-size: 18px;
font-size: 2.2rem;
text-align: center;
line-height: 80px;
border: solid #028bd6 1px;
font-weight: bold;
}
.form_area .btn_box a.btn02{
background: #fff; border-radius: 40px;
height: 80px;
color: #028bd6;
font-size: 18px;
font-size: 2.2rem;
text-align: center;
line-height: 80px;
border: solid #028bd6 2px;
font-weight: bold;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon {
padding: 0 30px 0 15px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon::after {
background-size: 10px auto;
width: 9px;
height: 12px;
right: 0;
}
.ct_ttl01 {
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.contact_area {
padding: 70px 0 0;
}
.contact_area .area_inner {
width: 100%;
}
.contact_area .area_wrap {
width: 100%;
}
.contact_area .area_wrap::before {
width: 280px;
height: 70px;
top: -69px;
}
.contact_area .area_wrap::after {
content: none;
}
.contact_area .area_wrap .area_head {
font-size: 20px;
font-size: 2rem;
position: absolute;
top: -10px;
}
.contact_area .area_wrap .area_body {
width: 100%;
padding: 10px 20px 25px;
}
.contact_area .area_wrap .area_body .area_title {
font-size: 18px;
font-size: 2.2rem;
text-align: center;
line-height: 1.0;
}
.contact_area .area_wrap .area_body .area_title span {
background-size: auto 8px;
padding-bottom: 2px;
}
.ct_ttl01 {
margin-top: 20px;
}
.contact_area .area_wrap .area_body .area_text {
margin: 30px auto 0;
font-size: 1.35rem;
}
.contact_area .area_wrap .area_body .bottom_block {
background: none;
margin: 30px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .block_head {
border-top: none;
width: 100%;
}
.contact_area .area_wrap .area_body .bottom_block .block_head span {
padding: 0;
font-size: 14px;
font-size: 1.4rem;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.contact_area .area_wrap .area_body .bottom_block .tel_box {
margin: 20px auto 0;
font-size: 22px;
font-size: 2.2rem;
}
.contact_area .area_wrap .area_body .bottom_block .time_box {
margin: 15px auto 0;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box {
margin: 30px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .beginner_area .box_wrap .btn_box .btn, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02 {
border-radius: 25px;
width: 280px;
height: 50px;
font-size: 11px;
font-size: 1.6rem;
line-height: 50px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon, .beginner_area .box_wrap .btn_box .btn .icon, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .icon, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02 .icon {
padding: 0 9px 0 20px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon::before, .beginner_area .box_wrap .btn_box .btn .icon::before, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .icon::before, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02::before {
width: 24px;
height: 17px;
bottom: -4px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon::after, .beginner_area .box_wrap .btn_box .btn .icon::after, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .icon::after, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02::after {
width: 6px;
height: 8px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box, .beginner_area .box_wrap .btn_box .btn .btn_box, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .btn_box, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02 .btn_box {
margin: 15px auto 0;
}
.form_area .btn_box a.btn02 {
width: 300px;
height: 50px;
font-size: 11px;
font-size: 1.6rem;
line-height: 50px;
} 
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02,
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02{
border-radius: 25px;
width: 280px;
height: 50px;
font-size: 11px;
font-size: 1.6rem;
line-height: 50px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon,
.form_area .btn_box .btn02 .icon{
padding: 0 10px 0 10px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon::before,
.form_area .btn_box .btn02 .icon::before{
width: 24px;
height: 17px;
bottom: -4px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon::after,
.form_area .btn_box .btn02 .icon::after{
width: 6px;
height: 8px;
}
}
#footer .access_area {
padding: 60px 0 100px;
}
#footer .access_area .area_title, .point_area .area_title {
margin: 0 auto 60px;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
#footer .access_area .box_wrap {
margin: -55px auto 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#footer .access_area .box_wrap .box {
width: 520px;
margin: 55px 60px 0 0;
text-align: center;
}
#footer .access_area .box_wrap .box:nth-child(2n) {
margin-right: 0;
}
#footer .access_area .box_wrap .box .map {
background: #eeeeee;
width: 460px;
height: 200px;
}
div.pc_on.box_title.tl {
width: 100% !important;
display: block;
margin: -15px 0 10px;
font-size: 16px;
font-size: 1.8rem;
font-weight: bold;
}
div.sp_on.box_title {
display: none;
}
@media screen and (max-width: 768px) {
#footer .access_area {
padding: 55px 0 80px;
}
#footer .access_area .area_title, .point_area .area_title {
margin: 0 auto 25px;
font-size: 16px;
font-size: 1.6rem;
}
#footer .access_area .area_title .deco {
padding: 0 40px 3px;
}
#footer .access_area .area_title .deco::before, #footer .access_area .area_title .deco::after {
width: 17px;
height: 25px;
}
#footer .access_area .box_wrap {
margin: -0 auto 0;
-webkit-flex-direction: column;
flex-direction: column;
}
#footer .access_area .box_wrap .box {
width: 100%;
max-width: 460px;
margin: 35px auto 0;
}
#footer .access_area .box_wrap .box:nth-child(2n) {
margin-right: auto;
}
#footer .access_area .box_wrap .box:first-child {
margin-top: 0;
}
#footer .access_area .box_wrap .box .map {
width: 100%;
max-width: 460px;
height: 140px;
}
div.pc_on.box_title.tl {
display: none;
}
div.sp_on.box_title {
margin: -30px 0 0;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
display: block;
}
#footer .access_area .box_wrap .box .address {
font-size: 12px;
font-size: 1.2rem;
}
}
#footer .footer {
background: #e3f4fe;
padding: 43px 0 0;
color: #028bd6;
position: relative;
}
#footer .footer .block_wrap {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
#footer .footer .right_block .nav_area {
padding: 5px 0;
display: -webkit-flex;
display: flex;
}
#footer .footer .right_block .nav_area .f_nav {
width: 275px;
}
#footer .footer .right_block .nav_area .f_nav:nth-child(3) {
width: 230px;
}
#footer .footer .right_block .nav_area .f_nav li {
margin: 16px 0 0;
line-height: 1.6;
}
#footer .footer .right_block .nav_area .f_nav li:first-child {
margin-top: 0;
}
#footer .footer .right_block .nav_area .f_nav li a {
padding: 0 0 0 0px;
font-size: 12px;
font-size: 1.4rem;
letter-spacing: 0.18em;
position: relative;
font-weight: bold;
}
#footer .footer .right_block .nav_area .f_nav li a::before {
content: "";
background: #028bd6;
border-radius: 50%;
width: 6px;
height: 6px;
margin: auto;
position: absolute;
left: -17px;
top: 0;
bottom: 0;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul {
margin: 10px 0;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul li {
margin-top: 0 !important;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul li a {
margin-left: 10px;
font-size: 1.2rem !important;
line-height: 1em;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul li a:before {
background: none !important;
}
r#footer .footer .left_block {
}
#footer .footer .right_block {
border-left: 1px solid #028bd6;
padding: 0 0 0 55px;
margin-left: 45px;
}
#footer .footer .left_block .box .box_title {
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
color: #000;
}
#footer .footer .right_block .box .box_img {
margin: 10px auto 0;
}
#footer .footer .copyright_box {
padding: 40px 20px 30px;
}
#footer .footer .copyright_box .copyright {
color: #028bd6;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
display: block;
}
@media screen and (max-width: 768px) {
#footer .footer {
padding: 40px 0 50px;
}
#footer .footer .left_block {
display: none;
}
#footer .footer .right_block {
display: none;
}
#footer .footer .copyright_box {
padding: 35px 20px;
}
#footer .footer .copyright_box .copyright {
font-size: 12px;
font-size: 1.2rem;
}
}
.mymap {
margin-bottom: 0px;
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
margin-top: 0px;
}
.mymap iframe {
margin-top: -48px;
}
.panel_area .panel_btn_box, .panel_area .panel_wrap {
display: none;
}
@media screen and (max-width: 768px) {
.panel_area .panel_btn_box {
width: 70px;
height: 70px;
padding: 0;
display: block;
position: fixed;
top: 0px;
right: 0px;
z-index: 2002;
}
.panel_area .panel_btn_box .panel_btn {
cursor: pointer;
}
.panel_area .panel_btn_box .panel_btn .btn_open {
display: block;
}
.panel_area .panel_btn_box .panel_btn .btn_close {
display: none;
}
.panel_area .panel_btn_box .panel_btn.panel_close .btn_open {
display: none;
}
.panel_area .panel_btn_box .panel_btn.panel_close .btn_close {
display: block;
}
.panel_area .panel_overlay {
background: rgba(39, 158, 222, 0.9);
width: 100%;
min-width: 320px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
display: none;
}
.panel_area .panel_wrap {
width: 100%;
min-width: 320px;
height: 100%;
padding: 10px 0 30px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1001;
overflow-y: auto;
-webkit-overflow-scroling: touch;
display: none;
}
.panel_area .panel_wrap.mode_open {
display: block;
}
.panel_area .panel_wrap .nav_block {
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.panel_area .panel_wrap .nav_block .nav_list {
max-width: 100%;
margin: 35px auto 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
border-top: solid #c4edff 1px;
}
.panel_area .panel_wrap .nav_block .nav_list li {
width: calc(100% - 0px);
margin: 0px;
}
.panel_area .panel_wrap .nav_block .nav_list li.child a{
position: relative;
padding: 16px 0px;
color: #fff;
text-align: center;
line-height: 1.0;
display: block;
cursor: pointer;
border-bottom: solid #c4edff 1px;   
}
.panel_area .panel_wrap .nav_block .nav_list li.child a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin: -4px 0 0 0;
border-top: solid 2px #c4edff ;
border-right: solid 2px #c4edff ;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.panel_area .panel_wrap .nav_block .nav_list li div {
background-repeat: no-repeat;
background-position: 15px 50%;
background-repeat: no-repeat;
background-size: auto 26px;color: #fff;
background-color: rgb(0,152,215);
text-align: center;
position: relative;
}
.nest {width: 100%;
display: block;
}
.nest {
display: none;
}
.button {
padding: 10px 0;
width: 100%;
color: #fff;
cursor: pointer;
position: relative;
border: none;
border-bottom: solid 1px #c4edff ;
}
.button:after {
font-family: "Font Awesome 5 Free";
content: '\f067';
font-weight: 900;
position: absolute;
top: 11px;
right: 13px;
}
.button.actived:after {
font-family: "Font Awesome 5 Free";
content: '\f067';
font-weight: 900;
}
.panel_wrap.mode_open div.nav_block ul.nav_list li.other div.button::after {
font-family: "Font Awesome 5 Free";
content: '\f054' !important;
font-weight: 900;
position: absolute;
top: 11px;
right: 13px;
}
.panel_area .panel_wrap .nav_block .nav_list li a .jp {
color: #fff;
font-family: sans-serif;
letter-spacing: 0.26em;
font-size: 13px;
font-size: 1.3rem;
font-weight: normal;
letter-spacing: 0.1em;
display: block;
}
.panel_area .panel_wrap .nav_block .nav_list li.about div.button {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav01_pn.png);
}
.panel_area .panel_wrap .nav_block .nav_list li.beginner div.button {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav02_pn.png);
background-position: 20px 50%;
}
.panel_area .panel_wrap .nav_block .nav_list li.plan div.button {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav03_pn.png);
background-size: auto 21px;
background-position: 15px 50%;
}
.panel_area .panel_wrap .nav_block .nav_list li.faq div.button {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav04_pn.png);
}
.panel_area .panel_wrap .nav_block .nav_list li.blog div.button {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav05_pn.png);
}
.panel_area .panel_wrap .nav_block .nav_list li.guardian div.button {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/nav06_pn.svg);
}
.panel_area .panel_wrap .logo_box {
width: 140px;
margin: 20px auto 0;
}
.panel_area .panel_wrap .logo_box a {
display: block;
}
}
.fixed_nav {
width: 171px;
height: 167px;
position: fixed;
top: 40px;
right: 40px;
z-index: 100;
background: #fff;
}
.fixed_nav a {
display: block;
}
.fixed_nav2 {
width: 55px;
height: 191px;
position: fixed;
top: 120px;
right: 0;
z-index: 100;
}
.fixed_nav2 a {
display: block;
}
@media screen and (max-width: 768px) {
.fixed_nav {
width: 100%;
height: 66px;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.fixed_nav ul {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.fixed_nav ul li {
width: calc(25% - 0px);
margin: 0;
position: relative;
}
.fixed_nav ul li {
width: 50%;
height: 66px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.fixed_nav ul li:nth-child(2), .fixed_nav ul li:nth-child(3) {
border-right: solid #ccc 1px;
}
.fixed_nav.sp_on ul li.f_nav01 a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 66px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/fnav_01-2024.webp) #ffec47 no-repeat;
background-size: 100% auto;
}
.fixed_nav.sp_on ul li.f_nav02 a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 66px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/fnav_02-2024.webp) #fff no-repeat;
background-size: 100% auto;
}
.fixed_nav.sp_on ul li.f_nav03 a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 66px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/fnav_03.jpg) #fff no-repeat;
background-size: 100% auto;
}
.fixed_nav.sp_on ul li.f_nav04 a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 66px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/fnav_04.jpg) #fff no-repeat;
background-size: 100% auto;
}
}
.contents {
padding: 60px 0 0;
margin: 0 auto;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
z-index: 2;
}
.contents .nopost {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
z-index: 2;
}
.contents.no_mv {
padding-top: 180px;
z-index: 2;
}
.contents.about {
padding: 30px 0 0;
margin: 0 auto;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
z-index: 2;
}
@media screen and (max-width: 768px) {
.contents {
padding: 0px 0 0;
}
.contents.no_mv {
padding-top: 80px;
}
}
#page_index #header .nav_area {
padding-top: 8px;
position: fixed;
top: 0;
z-index: 10; }
#page_index #header div.header div.nav_area.hidden {
background: #fff !important;
transition: all 0.3s;
-webkit-filter: drop-shadow(0px 3px 10px rgba(168,168,168,.2));
filter: drop-shadow(0px 0px 10px rgba(168,168,168,.2));
z-index: 10;
}
#main_index .blog_area {
padding: 10px 0 100px;
}
#main_index .blog_area .area_wrap {
padding: 80px 50px 70px;
position: relative;
z-index: 2;
}
#main_index .blog_area .area_wrap .line {
background-image: linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
background-position: left top, left bottom, left top, right top;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
z-index: 1;
pointer-events: none;
}
#main_index .blog_area .area_wrap .corner {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/left_top01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/left_bottom01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/right_top01.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/right_bottom01.png);
background-size: 40px auto;
background-position: left top, left bottom, right top, right bottom;
background-repeat: no-repeat;
padding: 5px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
pointer-events: none;
}
#main_index .blog_area .area_wrap .area_head {
margin: auto;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3;
}
#main_index .blog_area .area_wrap .area_head span {
background: #ffffff;
padding: 0 30px;
display: inline-block;
-moz-transform: translateY(-46%);
-ms-transform: translateY(-46%);
-webkit-transform: translateY(-46%);
transform: translateY(-46%);
}
#main_index .blog_area .posts_block {
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
#main_index .blog_area .posts_block .post_box {
width: 190px;
margin: 0 40px 0 0;
}
#main_index .blog_area .posts_block .post_box:nth-child(4n) {
margin-right: 0;
}
#main_index .blog_area .posts_block .post_box .link_box {
display: block;
}
#main_index .blog_area .posts_block .post_box .img_wrap {
position: relative;
}
#main_index .blog_area .posts_block .post_box .img_wrap .box_img img {
width: 100%;
max-width: initial;
}
#main_index .blog_area .posts_block .post_box .img_wrap .post_cat {
background-color: #36afc9;
min-width: 80px;
height: 25px;
padding: 0 15px;
color: #ffffff;
font-size: 10px;
font-size: 1rem;
text-align: center;
font-weight: bold;
line-height: 25px;
position: absolute;
bottom: 0;
right: 0;
}
#main_index .blog_area .posts_block .post_box .textbox {
margin: 15px 0 0;
}
#main_index .blog_area .posts_block .post_box .textbox .meta_box .post_date {
color: #808080;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0;
}
#main_index .blog_area .posts_block .post_box .textbox .box_title {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
text-align: justify;
}
#main_index .blog_area .posts_block .post_box .textbox .text {
margin: 5px 0 0;
font-size: 12px;
font-size: 1.2rem;
text-align: justify;
line-height: 2.0;
}
#main_index .blog_area .btn_box {
background: #ffffff;
width: 260px;
margin: auto;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
z-index: 3;
border-radius: 35px;
}
html body#page_index.mode_sp div#wrap div#main_index.contets div.blog_area div.base_inner div.topblog_box div.sp_on div.go_flow.btn_box a.btn_type01.btn {
border-radius: 25px;
width: 265px;
height: 50px;
font-size: 14px;
font-size: 1.4rem;
line-height: 50px;
margin: 5px auto;
position: relative;
}
@media screen and (max-width: 768px) {
#main_index .blog_area {
padding: 0 0 80px;
}
#main_index .blog_area .area_wrap {
padding: 90px 0 70px;
}
#main_index .blog_area .area_wrap .line {
display: none;
}
#main_index .blog_area .area_wrap .corner {
background-size: 25px auto;
padding: 5px;
}
#main_index .blog_area .area_wrap .area_head span {
background: none;
padding: 0;
line-height: 1.7;
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#main_index .blog_area .posts_block {
margin: -20px -10px 0;
}
#main_index .blog_area .posts_block .post_box {
width: 50%;
padding: 0 10px;
margin: 20px 0 0;
}
#main_index .blog_area .posts_block .post_box .img_wrap .post_cat {
min-width: 80px;
height: 25px;
font-size: 12px;
font-size: 1.2rem;
line-height: 25px;
}
#main_index .blog_area .posts_block .post_box .textbox {
margin: 12px 0 0;
}
#main_index .blog_area .posts_block .post_box .textbox .meta_box .post_date {
font-size: 12px;
font-size: 1.2rem;
}
#main_index .blog_area .posts_block .post_box .textbox .box_title {
font-size: 16px;
font-size: 1.6rem;
margin: 2px 0 0;
}
#main_index .blog_area .posts_block .post_box .textbox .text {
display: none;
}
}
#main_index .news_area {
padding: 0 0 20px;
}
#main_index .news_area .area_head {
margin-bottom: 50px;
}
#main_index .news_area .posts_block {
width: 1100px;
min-height: 150px;
margin: 0 auto;
background: #f6f6f6;
}
#main_index .news_area .posts_block .news_ttl {
width: 25%;
min-height: 150px;
float: left;
text-align: center;
display: block;
background: #fff;
color: #fff;
font-size: 2rem;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
background: #279ede; background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.news_rbox {
width: 70%;
float: right;
padding: 1.5em 1em 0em 0;
}
#main_index .news_area .posts_block .post_box {
margin-bottom: 4px;
}
#main_index .news_area .posts_block .post_box:not(:first-child) {
margin: 4px 0 4px !important;
padding: .5em 0 0;
display: block;
}
#main_index .news_area .posts_block .post_box .link_box {
overflow: hidden;
}
#main_index .news_area .posts_block .post_box .post_date {
float: left;
width: 100px;
color: #000;
font-size: 12px;
font-size: 1.2rem;
line-height: 2.0;
}
#main_index .news_area .posts_block .post_box .box_title {
margin-left: 100px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
}
#main_index .news_area .posts_block .post_box .box_title a {
color: #058cff;
}
#main_index .news_area .btn_box {
margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
#main_index .news_area {
padding: 0 0 0px;
}
.base_inner.news_wrap {
padding: 0 !important;
}
.news_rbox {
width: 70%;
float: right;
padding: 1em 1em 0em 0;
}
#main_index .news_area .posts_block {
width: 1100px;
min-height: 100px;
margin: 0 auto;
background: #f6f6f6;
}
#main_index .news_area .posts_block .news_ttl {
width: 25%;
min-height: 100px;
float: left;
text-align: center;
display: block;
background: #fff;
color: #fff;
font-size: 2rem;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
background: #279ede; background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
#main_index .news_area .posts_block .post_box:not(:first-child) {
margin: 0 !important;
}
.news_rbox div.post_box a.link_box {
font-size: .7rem !important;
}
#main_index .news_area .area_head {
margin-bottom: 40px;
}
#main_index .news_area .posts_block {
width: 100%;
}
#main_index .news_area .posts_block .post_box:not(:first-child) {
margin: 10px 0 0;
}
#main_index .news_area .posts_block .post_box .post_date {
float: none;
width: 100%;
}
#main_index .news_area .posts_block .post_box .box_title {
margin: 2px 0 0;
font-size: 1rem;
}
#main_index .news_area .posts_block .post_box .box_title a {
display: inline-block;
}
#main_index .news_area .btn_box {
margin: 30px auto 0;
}
html body#page_index.mode_sp div#wrap div#main_index.contents div.news_area div.base_inner.news_wrap div.posts_block div.news_rbox div.post_box a.link_box.opa div.box_title p {
font-size: 1.2rem !important;
}
}
#main_index .intro_area {
padding: 60px 0 35px;
color: #000;
position: relative;
z-index: -2;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/intro_bg.jpg) 50% no-repeat;
}
#main_index .intro_area .area_title {
margin-bottom: 50px;
}
#main_about.contents.about div.base_inner div.point_area h2.area_title {
margin: 50px 0;
}
#main_index .intro_area .area_title .deco_type01::before, #main_index .support_area .area_title .deco_type01::after {
width: 27px;
height: 47px;
}
#main_index .intro_area .area_title .bottom {
margin: 10px auto 0;
display: block;
color: #00a2df;
font-weight: bold;
padding: 0 2em;
font-size: 3rem;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/left.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/right.png);
background-repeat: no-repeat, no-repeat;
background-position: left, right;
margin-bottom: 20px;
}
#main_index .intro_area .deco {
width: 100%;
font-size: 1.8rem;
font-weight: bold;
margin-top: 20px;
clear: both !important;
}
@media screen and (max-width: 768px) {
.deco_type01 {
padding: 3px 0px 0;
position: relative;
display: inline-block;
font-weight: bold;
width: 98%;
}
.deco_type01.map_ttl {
padding: 3px 35px 0;
position: relative;
display: inline-block;
font-weight: bold;
width: 70%;
}
#main_index .intro_area {
padding: 25px 0 30px;
color: #000;
position: relative;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/intro_bg.jpg) 50% 5% no-repeat;
}
#main_index .intro_area .area_title .bottom {
margin: 10px auto 0;
display: block;
color: #00a2df;
font-weight: bold;
padding: 0 1.5em;
font-size: 2rem;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/left.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/right.png);
background-repeat: no-repeat, no-repeat;
background-position: left, right;
margin-bottom: 20px;
}
#main_index .intro_area .deco {
width: 100%;
font-size: 1.4rem;
font-weight: bold;
margin-top: 20px;
clear: both !important;
}
}
.photo_left, .photo_right {
width: 100%;
min-height: 600px;
display: block;
margin: 8em 0;
}
.photo_left .l_box {
width: 50%;
float: left;
position: relative;
margin: 3em 0;
}
.photo_left div.txt_box {
width: 45%;
float: right;
padding-top: 35px;
}
.photo_right .r_box {
width: 50%;
float: right;
position: relative;
}
.photo_right div.txt_box {
width: 45%;
float: left;
}
p.bdr_txt {
width: 50%;
display: flex;
align-items: center;
color: #00a2df;
font-size: 1.4rem;
letter-spacing: 2px;
}
p.bdr_txt::before {
border-top: 1px solid #018ad5;
content: "";
flex-grow: 1;
margin-right: 15px;
}
div.txt_box .box_title {
margin: 10px 0 0;
color: #00a2df;
font-size: 35px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 3.5px;
margin: 80px 0;
}
div.txt_box .box_title span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 8px;
background-position: left bottom 3px;
background-repeat: repeat-x;
padding: 0;
}
div.txt_box p.reach {
line-height: 2.5em;
}
.bx_ttl {
display: block;
margin: 15px 0;
}
.photo_left .l_box .bluebg {
width: 80%;
height: 550px;
position: absolute;
top: -58px;
left: -235px;
z-index: 1;
background: #279ede; background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_right .r_box .bluebg {
width: 80%;
height: 550px;
position: absolute;
top: -58px;
right: -235px;
z-index: 1;
background: #279ede; background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_left div.l_box img.l_img {
position: relative;
z-index: 2;
}
.photo_right div.r_box img.r_img {
position: relative;
z-index: 2;
}
.num {
color: #00a2df;
font-size: 7rem;
font-weight: bold;
}
.num span {
font-size: 2rem;
vertical-align: 50%;
padding-right: 15px;
}
@media screen and (max-width: 768px) {
.photo_left .l_box {
width: 100%;
float: none !important;
position: relative;
margin: 3em 0 0;
}
.photo_left div.txt_box {
width: 100%;
float: none !important;
padding-top: 25px;
}
.photo_right .r_box {
width: 100%;
float: none;
position: relative;
}
.photo_right div.txt_box {
width: 100%;
float: none;
}
p.bdr_txt {
width: 50%;
display: flex;
align-items: center;
color: #00a2df;
font-size: 1.4rem;
letter-spacing: 2px;
}
p.bdr_txt::before {
border-top: 1px solid #018ad5;
content: "";
flex-grow: 1;
margin-right: 15px;
}
div.txt_box .box_title {
margin: 10px 0 0;
color: #00a2df;
font-size: 22px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 3.5px;
margin: 20px 0;
}
div.txt_box .box_title span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 8px;
background-position: left bottom 3px;
background-repeat: repeat-x;
padding: 0;
}
div.txt_box p.reach {
line-height: 2.5em;
}
.bx_ttl {
margin: 15px 0;
}
.photo_left .l_box .bluebg {
width: 80%;
height: 250px;
position: absolute;
top: -58px;
left: -70px;
z-index: 1;
background: #279ede; background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_right .r_box .bluebg {
width: 80%;
height: 550px;
position: absolute;
top: -58px;
right: -235px;
z-index: 1;
background: #279ede; background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_left div.l_box img.l_img {
width: 90%;
height: auto;
position: relative;
z-index: 2;
}
.photo_right div.r_box img.r_img {
position: relative;
z-index: 2;
}
.num {
color: #00a2df;
font-size: 5rem;
font-weight: bold;
text-align: center;
}
.num span {
display: block;
clear: both;
font-style: normal;
font-size: 1.5rem;
vertical-align: 10%;
padding-right: 0 !important;
}
.photo_left, .photo_right {
width: 100%;
min-height: 600px;
display: block;
margin: 8em 0 3em;
}
} #main_index .blog_area {
padding: 50px 0 35px;
color: #000;
position: relative;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/blog_bg.jpg) 50% 90% no-repeat;
background-size: cover;
}
#main_index .blog_area .area_title {
margin-bottom: 50px;
}
#main_index .blog_area .topblog_box {
width: 100%;
margin: 3em auto 0;
padding: 6%;
background: #fff;
-webkit-filter: drop-shadow(0px 3px 10px rgba(132,196,233,.8));
filter: drop-shadow(0px 0px 10px rgba(132,196,233,.8));
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
dl.blog_top_col {
width: 100%;
}
dl.blog_top_col dt {
display: table;
}
dl.blog_top_col dt .lcol {
width: 45%;
display: table-cell;
padding-right: 3%;
}
dl.blog_top_col dt .lcol h3 {
width: 100%;
margin: 0 auto;
}
dl.blog_top_col dt .lcol h3 img {
width: 100%;
height: auto;
}
dl.blog_top_col dt .lcol p.reach {
width: 88%;
margin: 15px auto;
}
dl.blog_top_col dt .lcol ul {
width: 80%;
font-size: 1.5rem;
font-weight: bold;
margin: 25px auto 15px;
}
dl.blog_top_col dt .lcol ul li {
line-height: 3.5rem;
padding-left: 25px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/topblog_ul_list_ico.png) 0 50% no-repeat;
}
dl.blog_top_col dt .lcol ul li a{
color: #000;
}
dl.blog_top_col dt .rcol {
width: 55%;
display: table-cell;
}
dl.blog_top_col dt .rcol img{
width: 100%;
height: auto;
}
dl.blog_top_col dd {
width: 100%;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
dl.blog_top_col dd div {
width: calc(33.3% - 24px);
margin: 20px 36px 22px 0px;
}
dl.blog_top_col dd div:last-child {
margin: 20px 0px 22px 0px;
}
dl.blog_top_col dd div img{
width: 100%;
height: auto;
}
p.date {
padding-left: 20px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/time_ico.gif) 0 50% no-repeat;
margin: 10px 0;
color: #888888;
}
.ttl_link_m {
width: 300px;
font-weight: bold;
font-size: 1.5rem;
margin: 3px 0;
display: block!important;
color: #333 !important;
}
.cat_ttl {
padding: 2px 12px;
color: #028bd6;
background: #fff;
font-size: 1.2rem;
border: solid #018ad5 1px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
margin: 15px 0 10px;
display: inline-block;
}
@media screen and (max-width: 768px) {
#main_index .blog_area {
padding: 40px 0 5px;
color: #000;
position: relative;
background: none;
background-size: cover;
}
#main_index .blog_area .area_title {
margin-bottom: 50px;
}
#main_index .blog_area .topblog_box {
width: 100%;
margin: 1em auto 20px;
padding: 0%;
background: #fff;
box-shadow: none;
filter: initial;
}
dl.blog_top_col {
width: 100%;
}
dl.blog_top_col dt {
display: block;
}
dl.blog_top_col dt .lcol {
width: 100%;
display: block;
padding-right: 0% !important;
}
dl.blog_top_col dt .lcol h3 {
width: 100%;
margin: 0 auto;
text-align: center;
}
dl.blog_top_col dt .lcol h3 img {
width: 85%;
height: auto;
}
dl.blog_top_col dt .lcol p.reach {
width: 100%;
margin: 15px auto;
}
dl.blog_top_col dt .lcol ul {
display: none;
}
dl.blog_top_col dt .lcol ul li {
}
dl.blog_top_col dt .rcol {
width: 55%;
display: table-cell;
}
dl.blog_top_col dd {
width: 100%;
justify-content: flex-start;
display: flex;
flex-wrap: wrap;
}
dl.blog_top_col dd div {
width: calc(50% - 8px);
margin: 20px 14px 12px 1px;
}
dl.blog_top_col dd div img {
width: 100%;
height: auto;
}
dl.blog_top_col dd div:nth-child(2) {
margin: 20px 0px 12px 0px;
}
p.date {
padding-left: 20px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/time_ico.gif) 0 50% no-repeat;
margin: 10px 0;
color: #888888;
}
.ttl_link_m {
width: auto;
font-weight: bold;
font-size: 1.5rem;
margin: 3px 0;
display: block;
}
.cat_ttl {
padding: 2px 12px;
color: #028bd6;
font-size: 1.2rem;
border: solid #018ad5 1px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
margin: 15px 0 10px;
}
} .maintext {
width: 75%;
margin: 4.56em auto 3em;
}
@media screen and (max-width: 768px) {
.maintext {
width: 100%;
margin: 1em auto 2em;
}
}
#main_index .beginner_area, #main_about .beginner_area {
background: #e3f4fe;
padding: 60px 0 35px;
color: #000;
position: relative;
}
#main_index .beginner_area, #main_about .beginner_area.under {
background: #e3f4fe;
padding: 20px 0 35px;
margin-bottom: 50px;
color: #000;
position: relative;
}
#main_index .beginner_area .area_head {
text-align: center;
position: absolute;
top: -33px;
left: 0;
right: 0;
}
#main_index .beginner_area .area_title {
margin-bottom: 10px;
margin-top: 85px;
color: #000;
}
#main_index .beginner_area .area_title span {
display: block;
}
#main_index .beginner_area .area_title span.top {
font-size: 20px;
font-size: 2rem;
}
#main_index .beginner_area .area_title span.bottom {
margin: 10px auto 0;
}
#main_index .beginner_area .box_wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
#main_index .beginner_area .box_wrap .box {
width: 206px;
margin: 0 52px 0 0;
text-align: center;
}
#main_index .beginner_area .box_wrap .box:nth-child(4) {
margin-right: 0;
}
#main_index .beginner_area .box_wrap .box:last-child .text {
margin-left: -6px;
margin-right: -6px;
}
#main_index .beginner_area .box_wrap .box .text {
margin: 25px auto 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
#main_index .beginner_area {
padding: 40px 0 20px;
}
#main_index .beginner_area .area_head {
max-width: 350px;
padding: 0 20px;
margin: 0 auto;
top: -30px;
}
#main_index .beginner_area .area_title {
margin-bottom: 40px;
}
#main_index .beginner_area .area_title span.top {
font-size: 12px;
font-size: 1.2rem;
}
#main_index .beginner_area .box_wrap {
margin: -20px -10px 0;
-webkit-justify-content: center;
justify-content: center;
}
#main_index .beginner_area .box_wrap .box {
width: 50%;
max-width: 206px;
padding: 0 10px;
margin: 20px 0 0;
text-align: center;
}
#main_index .beginner_area .box_wrap .box:nth-child(4) {
margin-right: 0;
}
#main_index .beginner_area .box_wrap .box:last-child .text {
margin-left: 0;
margin-right: 0;
}
#main_index .beginner_area .box_wrap .box .text {
margin: 10px auto 0;
font-size: 14px;
font-size: 1.4rem;
}
}
#main_index .beginner_botttm img {
width: 100%;
}
#main_index .support_area {
padding: 75px 0 80px;
position: relative;
}
#main_index .support_area .area_title {
margin-bottom: 50px;
}
#main_index .support_area .area_title .deco_type01 {
padding: 0 70px;
}
#main_index .support_area .area_title .deco_type01::before, #main_index .support_area .area_title .deco_type01::after {
width: 27px;
height: 47px;
}
#main_index .support_area .area_title .top {
font-size: 20px;
font-size: 2rem;
display: block;
}
#main_index .support_area .area_title .bottom, #main_about .point_area .area_title .bottom {
margin: 10px auto 0;
display: block;
color: #00a2df;
font-weight: bold;
padding: 0 2.5em;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/left.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/right.png);
background-repeat: no-repeat, no-repeat;
background-position: left, right;
}
#main_index .support_area .area_title span.deco, #main_about .point_area .title_type01 span.deco {
margin: -5px auto;
display: inline-block;
font-weight: bold;
font-size: 1.5rem;
clear: both;
padding: 0 41px;
letter-spacing: 1px;
}
#main_index .support_area .area_title i, #main_about .point_area .title_type01 i {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 4px;
background-position: left bottom 3px;
background-repeat: repeat-x;
padding: 0;
font-style: normal;
}
#main_index .support_area .area_title span.deco::before, #main_index .support_area .area_title span.deco::after, #main_about .point_area .title_type01 span.deco::before, #main_about .point_area .title_type01 span.deco::after {
content: "";
background: #323333;
width: 18px;
height: 1px;
}
#main_index .support_area .box_wrap .box {
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
padding: 0 0 55px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid #e6e6e6;
}
#main_index .support_area .box_wrap .box:not(:first-child) {
margin: 70px 0 0;
}
#main_index .support_area .box_wrap .box:nth-child(2n + 1) {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/i_support_wave01.png);
}
#main_index .support_area .box_wrap .box:nth-child(2n) {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/i_support_wave02.png);
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#main_index .support_area .box_wrap .box:nth-child(2n) .textbox {
width: 490px;
}
#main_index .support_area .box_wrap .box:last-child {
background-image: none;
padding-bottom: 0;
border: none;
}
#main_index .support_area .box_wrap .box .box_img {
width: 440px;
}
#main_index .support_area .box_wrap .box .textbox {
width: 600px;
padding: 0 0 0 50px;
}
#main_index .support_area .box_wrap .box .textbox .box_head {
margin: 0 0 0 -50px;
}
#main_index .support_area .box_wrap .box .textbox .box_title {
margin: 10px 0 0;
color: #00a2df;
font-size: 35px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 3.5px;
}
#main_index .support_area .box_wrap .box .textbox .box_title span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 8px;
background-position: left bottom 3px;
background-repeat: repeat-x;
padding: 0;
}
#main_index .support_area .box_wrap .box .textbox .text {
margin: 20px 0 0;
text-align: justify;
line-height: 2.0;
letter-spacing: 0;
}
#main_index .support_area .btn_box {
margin: 65px auto 0;
}
#main_index .support_area .btn_box .btn, #main_about .point_area .btn_box .btn, #main_school .school_area .btn_box .btn,#main_about .form_area .btn_box .btn {
border-radius: 35px;
width: 400px;
height: 70px;
font-size: 16px;
font-size: 1.6rem;
line-height: 70px;
}
#main_index .support_area .btn_box .btn .icon {
padding-right: 35px;
}
@media screen and (max-width: 768px) {
#main_index .support_area {
padding: 35px 0 50px;
}
#main_index .support_area .area_title {
max-width: 400px;
margin-bottom: 40px;
}
#main_index .support_area .area_title .deco_type01 {
padding: 0;
display: block;
}
#main_index .support_area .area_title .deco_type01::before, #main_index .support_area .area_title .deco_type01::after {
width: 17px;
height: 26px;
}
#main_index .support_area .area_title span.top {
font-size: 12px;
font-size: 1.2rem;
}
#main_index .support_area .box_wrap {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
#main_index .support_area .box_wrap .box {
background-size: auto 26px;
background-position: right bottom;
padding: 0 0 30px;
-webkit-flex-direction: column;
flex-direction: column;
}
#main_index .support_area .box_wrap .box:not(:first-child) {
margin: 40px 0 0;
}
#main_index .support_area .box_wrap .box:nth-child(2n + 1) {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/i_support_wave01_sp.png);
}
#main_index .support_area .box_wrap .box:nth-child(2n) {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/i_support_wave02_sp.png);
background-position: left bottom;
-webkit-flex-direction: column;
flex-direction: column;
}
#main_index .support_area .box_wrap .box:nth-child(2n) .textbox {
width: 100%;
}
#main_index .support_area .area_title span.deco, #main_about .point_area .title_type01 .deco_type01 span.deco { margin: 0 auto;
display: inline-block;
font-weight: bold;
font-size: 1.5rem;
padding: 0 30px;
}
#main_index .support_area .box_wrap .box .box_img {
width: 100%;
margin: 25px auto 0;
text-align: center;
}
#main_index .support_area .box_wrap .box .textbox {
width: 100%;
padding: 0;
}
#main_index .support_area .box_wrap .box .textbox .box_head {
width: 100px;
margin: 0 auto;
text-align: center;
}
#main_index .support_area .box_wrap .box .textbox .box_title {
margin: 20px 0 0;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
#main_index .support_area .box_wrap .box .textbox .box_title span {
background-position: left bottom;
background-size: auto 6px;
}
#main_index .support_area .box_wrap .box .textbox .text {
margin: 20px 0 0;
}
#main_index .support_area .btn_box {
margin: 40px auto 0;
}
#main_about .form_area .btn_box input.btn,
#main_index .support_area .btn_box .btn, #main_about .point_area .btn_box .btn, #main_school .school_area .btn_box .btn,#main_about .form_area .btn_box .btn {
border-radius: 25px;
width: 300px;
height: 50px;
font-size: 14px;
font-size: 1.4rem;
line-height: 50px;
margin: 25px auto;
}
#main_index .support_area .btn_box .btn .icon {
padding-right: 30px;
}
}
#main_index .flow_area {
padding: 0 0 80px;
}
#main_index .flow_area .area_text {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
line-height: 2.0;
}
#main_index .flow_area .flow_wrap {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/i_flow_bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 1100px;
height: 367px;
padding: 50px 43px 0 70px;
margin: 65px auto 0;
position: relative;
}
#main_index .flow_area .flow_wrap .wrap_head {
text-align: center;
position: absolute;
top: -20px;
left: 0;
right: 0;
}
#main_index .flow_area .flow_wrap .flow_link {
position: absolute;
right: 2px;
bottom: 5px;
}
@media screen and (max-width: 768px) {
#main_index .flow_area {
padding: 0 0 90px;
}
#main_index .flow_area .area_text {
font-size: 14px;
font-size: 1.4rem;
}
#main_index .flow_area .flow_wrap {
background-image: none;
border: 1px solid #333333;
width: 100%;
max-width: 335px;
height: auto;
padding: 50px 43px 55px;
margin: 50px auto 0;
text-align: center;
}
#main_index .flow_area .btn_box {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
}
#main_index .flow_area .btn_box .btn {
width: 160px;
}
#main_index .flow_area .btn_box .btn .icon {
padding: 0 20px 0 0;
}
}
#main_index .report_area {
background: #36afc9;
padding: 70px 0;
margin: 20px 0 25px;
position: relative;
}
#main_index .report_area:before {
content: "";
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/i_report_bg.png);
background-position: center;
background-repeat: repeat-x;
background-size: contain;
width: 100%;
height: 20px;
position: absolute;
top: -20px;
}
#main_index .report_area .area_title {
color: #ffffff;
margin-bottom: 60px;
}
#main_index .report_area .posts_block {
display: -webkit-flex;
display: flex;
}
#main_index .report_area .posts_block .post_box {
background: #ffffff;
width: 300px;
margin: 0 40px 0 0;
}
#main_index .report_area .posts_block .post_box:nth-child(3n) {
margin-right: 0;
}
#main_index .report_area .posts_block .post_box .link_box {
height: 100%;
padding: 20px;
display: block;
}
#main_index .report_area .posts_block .post_box .textbox {
margin: 20px 0 0;
}
#main_index .report_area .posts_block .post_box .textbox .meta_box {
line-height: 1.0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#main_index .report_area .posts_block .post_box .textbox .meta_box .post_date {
color: #808080;
font-size: 12px;
font-size: 1.2rem;
}
#main_index .report_area .posts_block .post_box .textbox .meta_box .post_cat {
color: #36afc9;
font-family: sans-serif;
letter-spacing: 0.26em;
font-size: 13px;
font-size: 1.3rem;
letter-spacing: 0.1em;
}
#main_index .report_area .posts_block .post_box .textbox .box_title {
margin: 10px 0 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0;
}
#main_index .report_area .posts_block .post_box .textbox .text {
margin: 5px 0 0;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0;
}
#main_index .report_area .btn_box {
position: absolute;
bottom: -25px;
left: 0;
right: 0;
}
@media screen and (max-width: 768px) {
#main_index .report_area {
padding: 40px 0 60px;
margin: 15px 0 25px;
}
#main_index .report_area:before {
height: 15px;
top: -15px;
}
#main_index .report_area .area_title {
margin-bottom: 50px;
}
#main_index .report_area .posts_block .post_box {
width: 300px;
margin: 0 auto;
}
#main_index .report_area .posts_block .post_box:not(:first-child) {
display: none;
}
#main_index .report_area .posts_block .post_box .textbox .text {
display: none;
}
}
#main_about .point_area {
padding: 0 0 90px;
}
#main_about .point_area .area_text {
text-align: center;
line-height: 2.4;
}
#main_about .point_area .box_wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#main_about .point_area .box_wrap .box {
background: #ffffff;
border: 1px solid #333333;
width: 46%;
padding: 70px 30px 25px;
margin: 110px 72px 0 0;
position: relative;
}
#main_about .point_area .box_wrap .box:nth-child(2n) {
margin-right: 0;
}
#main_about .point_area .box_wrap .box .box_head {
background: #ffffff;
width: 140px;
padding: 0 20px;
margin: auto;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#main_about .point_area .box_wrap .box .box_title {
color: #36afc9;
font-size: 26px;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
}
#main_about .point_area .box_wrap .box .box_title span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 8px;
background-position: left bottom 3px;
background-repeat: repeat-x;
}
#main_about .point_area .box_wrap .box .box_img {
margin: 20px auto 0;
text-align: center;
}
#main_about .point_area .box_wrap .box .text {
margin: 20px 0 0;
line-height: 2.0;
}
@media screen and (max-width: 768px) {
#main_about .point_area {
padding: 0 0 50px;
}
#main_about .point_area .box_wrap {
width: 100%;
max-width: 450px;
padding-right: 5px;
margin: -30px auto 0;
-webkit-flex-direction: column;
flex-direction: column;
}
#main_about .point_area .box_wrap .box {
width: 100%;
padding: 60px 25px 25px;
margin: 110px 0 0 0;
}
#main_about .point_area .box_wrap .box .box_head {
width: 120px;
}
#main_about .point_area .box_wrap .box .box_title {
font-size: 24px;
font-size: 2.4rem;
}
#main_about .point_area .box_wrap .box .box_title span {
background-position: left bottom 1px;
}
#main_about .point_area .area_text br {
display: none;
}
}
#main_about .support_area {
background: #36afc9;
padding: 80px 0 95px;
color: #ffffff;
}
#main_about .support_area .area_text {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
#main_about .beginner_area .box_wrap {
margin: -20px 0 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: wrap;
}
#main_about .beginner_area .box_wrap .box {
width: calc(31% - 24px);
margin: 0px 24px 0px 24px;
padding: 0px 0 20px;
position: relative;
}
#main_about .beginner_area .box_wrap .box.db {
width: calc(47% - 24px);
margin: 20px 24px 0px 24px;
padding: 30px 0 20px;
position: relative;
}
#main_about .beginner_area .box_wrap .box .pic {
width: 100%;
margin: 15px 0 0;
text-align: center;
}
#main_about .beginner_area .box_wrap .box .box_head {
background: #5a5a5a;
width: 80%;
padding: 3px;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
margin: auto;
text-align: center;
position: relative;
top: 0;
left: 0;
right: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#main_about .beginner_area .box_wrap .box .box_head::after {
content: "";
display: block;
position: absolute;
background: #5a5a5a;
top: 27px;
right: 42%;
width: 14px;
height: 14px;
border-top: 1px solid #5a5a5a;
border-right: 1px solid #5a5a5a;
transform: translateX(-50%) rotate(135deg);
}
#main_about .beginner_area .box_wrap .box .box_title {
font-size: 20px;
font-size: 1.9rem;
font-weight: bold;
text-align: center;
line-height: 1.2em;
margin: 20px 0px 30px;
}
#main_about .beginner_area .box_wrap .box .text {
width: 80%;
margin: 10px auto 45px;
text-align: justify;
line-height: 2.0;
font-size: 1.2rem;
}
#main_about .point_area .box_wrap .box .text span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 5px;
background-position: left bottom 0;
background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
#main_about .support_area {
padding: 40px 0 50px;
}
#main_about .support_area .area_text {
font-size: 16px;
font-size: 1.6rem;
}
#main_about .support_area .box_wrap {
width: 100%;
max-width: 300px;
padding: 60px 0 0;
margin: -60px auto 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} #main_about .beginner_area .box_wrap .box {
width: calc(100% - 24px);
margin: 20px 24px 0px 24px;
padding: 30px 0 20px;
position: relative;
}
#main_about .beginner_area .box_wrap .box.db {
width: calc(100% - 24px);
margin: 20px 24px 0px 24px;
padding: 30px 0 20px;
position: relative;
}	
#main_about .support_area .box_wrap .box .box_title {
font-size: 18px;
font-size: 1.8rem;
}
#main_about .beginner_area .box_wrap .box .text {
width: 90%;
margin: 10px auto 20px;
text-align: justify;
line-height: 2.0;
font-size: 1.2rem;
}
}
#main_about .visa_area {
padding: 5px 0 90px;
}
#main_about .visa_area .area_text {
text-align: center;
line-height: 2.0;
}
#main_about .visa_area .price_block {
width: 850px;
margin: 35px auto 0;
}
#main_about .visa_area .price_block table {
width: 100%;
font-size: 16px;
font-size: 1.6rem;
}
#main_about .visa_area .price_block table tr {
background-image: linear-gradient(to right, #323333, #323333 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
background-size: 7px 1px;
background-position: left bottom;
background-repeat: repeat-x;
}
#main_about .visa_area .price_block table tr th, #main_about .visa_area .price_block table tr td {
padding: 18px 15px;
vertical-align: middle;
}
#main_about .visa_area .price_block table tr th .att, #main_about .visa_area .price_block table tr td .att {
font-size: 14px;
font-size: 1.4rem;
}
#main_about .visa_area .price_block table thead th {
color: #36afc9;
}
#main_about .visa_area .price_block table thead th:nth-child(2) {
width: 240px;
}
#main_about .visa_area .price_block table thead th:nth-child(3) {
width: 160px;
}
#main_about .visa_area .price_block table tbody th {
font-weight: normal;
text-align: left;
}
#main_about .visa_area .price_block table tbody td {
text-align: center;
}
#main_about .visa_area .price_block .block_att {
margin: 30px auto 0;
text-align: center;
line-height: 2.0;
}
#main_about .visa_area .visa_block h3 {
width: 100%;
display: block;
text-align: center;
font-size: 3rem;
}
#main_about .visa_area .visa_block p {
margin: 20px 0;
}
#main_about .visa_area .visa_block {
margin: 10px auto 0;
}
#main_about .visa_area .visa_block .visa_wrap, #main_about .point_area .visa_block .visa_wrap {
background: #ffffff;
border: 1px solid #323333;
padding: 45px 10px 30px;
position: relative;
padding: 40px;
margin-bottom: 50px;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-o-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
box-sizing: border-box !important;
}
#main_about .visa_area .visa_block .visa_wrap:not(:first-child) {
margin: 120px 0 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head, #main_about .point_area .visa_block .visa_wrap .block_head {
margin: auto;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head span, #main_about .point_area .visa_block .visa_wrap .block_head span {
background: #ffffff;
min-width: 210px; padding: 0 20px 0 20px !important;
font-size: 18px;
font-size: 2.2rem;
font-weight: bold;
-moz-transform: translateY(-55%);
-ms-transform: translateY(-55%);
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
display: inline-block;
}
#main_about.contents.about .point_area .visa_block .block_inner h3.block_head.ttltyousei span {
background: #ffffff; padding: 0 30px !important;
font-size: 14px;
font-size: 2.5rem;
font-weight: bold;
-moz-transform: translateY(-55%);
-ms-transform: translateY(-55%);
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
display: inline-block;
}
#main_about .visa_area .visa_block .visa_wrap .wrap {
width: 50%;
padding: 0 40px;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .wrap_head {
margin: 0 auto;
text-align: center;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .wrap_title {
margin: 10px auto 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.2em;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box {
margin: 28px 0 0;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box .box_head {
background: #fce20e;
width: 120px;
height: 30px;
margin: 0 auto 25px;
font-family: sans-serif;
letter-spacing: 0.26em;
text-align: center;
line-height: 30px;
position: relative;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box .box_head:before {
content: "";
border-style: solid;
border-width: 6px 8px 0 8px;
border-color: #fce20e transparent transparent transparent;
width: 0;
height: 0;
margin: auto;
position: absolute;
bottom: -6px;
left: 0;
right: 0;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box .text {
text-align: justify;
line-height: 2.0;
}
#main_about .visa_area .visa_block .visa_wrap .right_wrap {
background-image: linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
background-size: 1px 7px;
background-position: left top;
background-repeat: repeat-y;
}
.btn_ul {
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.btn_ul li {
display: inline-block;
}
.btn_ul li:first-child {
margin-right: 15px;
}
#main_about.contents.about .point_area.ttl_tyousei h2.title_type01 {
margin: 80px auto 0px !important;
}
#main_about.contents.about .point_area.ttl_tyousei h2.title_type01.flagttl {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img13.jpg) 5px 50% no-repeat;
background-size: 67px auto;
padding: 20px 20px 0 80px;
display: inline-block;
}
#main_about.contents.about .point_area h2.title_type01.flagttl02 {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/school/img14.jpg) 5px 50% no-repeat;
background-size: 67px auto;
padding: 20px 20px 0 80px;
display: inline-block;
}
#main_about .beginner_area.under h2.title_type01.flagttl_note {
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/applications/ico02.gif) 5px 50% no-repeat;
padding: 10px 20px 6px 70px;
margin: 0px auto 60px !important;
display: inline-block;
}
@media screen and (max-width: 768px) {
.text_sp_tl {
text-align: left!important;
word-break: break-all;
}
#main_about .visa_area {
padding: 0px 0 50px;
}
#main_about .visa_area .price_block {
width: 100%;
}
#main_about .visa_area .price_block table {
width: 100%;
font-size: 14px;
font-size: 1.4rem;
}
#main_about .visa_area .price_block table tr th, #main_about .visa_area .price_block table tr td {
padding: 10px 8px;
}
#main_about .visa_area .price_block table tr th .att, #main_about .visa_area .price_block table tr td .att {
font-size: 12px;
font-size: 1.2rem;
}
#main_about .visa_area .price_block table thead th:nth-child(2) {
width: 80px;
}
#main_about .visa_area .price_block table thead th:nth-child(3) {
width: 80px;
}
#main_about .visa_area .price_block .block_att {
font-size: 12px;
font-size: 1.2rem;
margin: 20px auto 0;
}
#main_about .visa_area .visa_block h3 {
width: 100%;
display: block;
text-align: center;
font-size: 2rem;
}
#main_about .visa_area .visa_block {
padding-right: 5px;
margin: 10px auto 0;
}
#main_about .visa_area .visa_block .visa_wrap, #main_about .point_area .visa_block .visa_wrap {
padding: 25px 20px 10px;
-webkit-flex-direction: column;
flex-direction: column;
}
#main_about .visa_area .visa_block .visa_wrap:not(:first-child) {
margin: 70px 0 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head span {
min-width: 0;
padding: 0 10px;
font-size: 14px;
font-size: 1.4rem;
}
#main_about .visa_area .visa_block .visa_wrap .wrap {
width: 100%;
padding: 0;
}
#main_about .visa_area .visa_block .visa_wrap .right_wrap {
background-image: linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
background-size: 7px 1px;
background-position: left top;
background-repeat: repeat-x;
padding: 40px 0 0;
margin: 40px auto 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head span, #main_about .point_area .visa_block .visa_wrap .block_head span {
background: #ffffff;
min-width: 210px;
padding: 0 10px;
font-size: 18px;
font-size: 1.6rem;
font-weight: bold;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
}
#main_about.contents.about .point_area .visa_block .block_inner h3.block_head.ttltyousei span {
background: #ffffff; padding: 0 20px !important;
font-size: 13px;
font-size: 1.8rem;
font-weight: bold;
-moz-transform: translateY(-55%);
-ms-transform: translateY(-55%);
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
display: inline-block;
}
}
#main_about .about_area {
background: #eeeeee;
padding: 80px 0 70px;
}
#main_about .about_area .text_block p {
text-align: center;
line-height: 2.2;
}
#main_about .about_area .text_block p:not(:first-child) {
margin: 30px 0 0;
}
#main_about .about_area .text_block p.strong {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
}
#main_about .about_area .recommend_block {
border: 1px solid #323333;
width: 100%;
padding: 50px 35px 30px;
margin: 70px auto 0;
position: relative;
}
#main_about .about_area .recommend_block .block_head {
margin: auto;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#main_about .about_area .recommend_block .block_head span {
background: #eeeeee;
padding: 0 35px;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
display: inline-block;
}
#main_about .about_area .recommend_block .box_wrap {
display: -webkit-flex;
display: flex;
}
#main_about .about_area .recommend_block .box_wrap .box {
width: 280px;
margin: 0 35px 0 0;
}
#main_about .about_area .recommend_block .box_wrap .box:nth-child(3n) {
margin-right: 0;
}
#main_about .about_area .recommend_block .box_wrap .box .box_img {
width: 200px;
margin: 0 auto;
text-align: center;
}
#main_about .about_area .recommend_block .box_wrap .box .box_title {
margin: 25px auto 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
#main_about .about_area .recommend_block .box_wrap .box .text {
margin: 15px 0 0;
text-align: justify;
line-height: 2.0;
}
#main_about .about_area .link_block {
margin: 60px auto 0;
}
#main_about .about_area .link_block .block_head {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
#main_about .about_area .link_block .btn_box {
margin: 45px auto 0;
}
#main_about .about_area .link_block .btn_box .btn {
border-radius: 35px;
width: 300px;
height: 70px;
line-height: 70px;
}
#main_about .about_area .link_block .btn_box .btn .icon {
padding-right: 30px;
}
#main_about .about_area .link_block .btn_box .btn .icon::before {
width: 10px;
height: 12px;
}
@media screen and (max-width: 768px) {
#main_about .about_area {
padding: 40px 0;
}
#main_about .about_area .text_block p:not(:first-child) {
margin: 25px 0 0;
}
#main_about .about_area .text_block p.strong {
font-size: 18px;
font-size: 1.8rem;
}
#main_about .about_area .recommend_block {
width: 100%;
padding: 50px 35px 30px;
margin: 70px auto 0;
position: relative;
}
#main_about .about_area .recommend_block .block_head {
padding: 0 20px;
}
#main_about .about_area .recommend_block .block_head span {
padding: 0 15px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
#main_about .about_area .recommend_block .box_wrap {
width: 100%;
max-width: 400px;
margin: 0 auto;
-webkit-flex-direction: column;
flex-direction: column;
}
#main_about .about_area .recommend_block .box_wrap .box {
width: 100%;
margin: 30px auto 0;
}
#main_about .about_area .recommend_block .box_wrap .box:first-child {
margin-top: 0;
}
#main_about .about_area .recommend_block .box_wrap .box .box_title {
font-size: 16px;
font-size: 1.6rem;
}
#main_about .about_area .link_block {
margin: 40px auto 0;
}
#main_about .about_area .link_block .block_head {
font-size: 16px;
font-size: 1.6rem;
}
#main_about .about_area .link_block .block_head .deco_type01 {
padding: 0 30px;
}
#main_about .about_area .link_block .btn_box {
margin: 30px auto 0;
}
#main_about .about_area .link_block .btn_box .btn {
border-radius: 25px;
width: 240px;
height: 50px;
line-height: 50px;
}
#main_about .about_area .link_block .btn_box .btn .icon {
padding-right: 25px;
}
#main_about .about_area .link_block .btn_box .btn .icon::before {
width: 9px;
height: 11px;
}
}
#main_beginner .pagelink_area {
background: #fce20e;
padding: 60px 0 80px;
}
#main_beginner .pagelink_area .area_title::before {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/wave02.png);
}
#main_beginner .pagelink_area .box_wrap {
margin: 60px 0 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#main_beginner .pagelink_area .box_wrap .box .btn {
background: #ffffff;
background-position: left 50px center;
background-repeat: no-repeat;
background-size: 120px auto;
border-radius: 60px;
width: 450px;
height: 120px;
padding: 0 0 0 190px;
position: relative;
}
#main_beginner .pagelink_area .box_wrap .box .btn::before {
content: "";
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/arrow_bottom01.png) center no-repeat;
background-size: contain;
width: 18px;
height: 14px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 60px;
}
#main_beginner .pagelink_area .box_wrap .box .btn span {
height: 120px;
font-weight: bold;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
line-height: 1.4;
letter-spacing: 0.2em;
vertical-align: middle;
display: table-cell;
}
#main_beginner .pagelink_area .box_wrap .box.left_box .btn {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/beginner_link01.png);
}
#main_beginner .pagelink_area .box_wrap .box.right_box .btn {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/beginner_link02.png);
}
#main_beginner .pagelink_area .box_wrap .box.right_box .btn span {
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
#main_beginner .pagelink_area {
padding: 40px 0 50px;
}
#main_beginner .pagelink_area .box_wrap {
width: 100%;
margin: 30px auto 0;
-webkit-flex-direction: column;
flex-direction: column;
}
#main_beginner .pagelink_area .box_wrap .box:not(:first-child) {
margin: 30px 0 0;
}
#main_beginner .pagelink_area .box_wrap .box .btn {
background-position: left 40px center;
background-size: 80px auto;
border-radius: 40px;
width: 100%;
max-width: 450px;
min-width: 300px;
height: 80px;
padding: 0 50px 0 140px;
}
#main_beginner .pagelink_area .box_wrap .box .btn::before {
width: 15px;
height: 11px;
right: 40px;
}
#main_beginner .pagelink_area .box_wrap .box .btn span {
height: 80px;
font-size: 20px;
font-size: 2rem;
}
#main_beginner .pagelink_area .box_wrap .box.right_box .btn span {
font-size: 18px;
font-size: 1.8rem;
}
}
#main_beginner .area .btn_box {
margin: 60px auto 0;
}
#main_beginner .area .btn_box .btn {
border-radius: 30px;
width: 300px;
height: 60px;
line-height: 60px;
}
@media screen and (max-width: 768px) {
#main_beginner .area .btn_box {
margin: 40px auto 0;
}
#main_beginner .area .btn_box .btn {
border-radius: 25px;
width: 100%;
max-width: 280px;
height: 50px;
line-height: 50px;
}
}
#main_beginner .about_area {
padding: 60px 0 0;
}
#main_beginner .about_area .top_block .box {
text-align: center;
line-height: 2.0;
}
#main_beginner .about_area .top_block .box .box_title {
margin: 30px auto 0;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
#main_beginner .about_area .top_block .box .text {
margin: 30px auto 0;
}
#main_beginner .about_area .top_block .box .text span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 5px;
background-position: left bottom 0;
background-repeat: repeat-x;
}
#main_beginner .about_area .point_block {
width: 975px;
margin: 50px auto 0;
}
#main_beginner .about_area .point_block .block_title {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.2em;
}
#main_beginner .about_area .point_block .box_wrap {
margin: 35px 0 0;
display: -webkit-flex;
display: flex;
}
#main_beginner .about_area .point_block .box_wrap .box {
width: 200px;
margin: 0 40px 0 0;
}
#main_beginner .about_area .point_block .box_wrap .box:nth-child(4n) {
margin-right: 0;
}
#main_beginner .about_area .point_block .box_wrap .box .box_img {
width: 180px;
margin: 0 auto;
text-align: center;
}
#main_beginner .about_area .point_block .box_wrap .box .box_title {
margin: 20px auto 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}
#main_beginner .about_area .point_block .box_wrap .box .text {
margin: 15px auto 0;
}
#main_beginner .about_area .qanda_block {
background: #ffffff;
border: 1px solid #333333;
padding: 70px 60px 50px;
margin: 120px 0 0;
position: relative;
}
#main_beginner .about_area .qanda_block .block_head {
margin: auto;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#main_beginner .about_area .qanda_block .block_head span {
display: inline-block;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#main_beginner .about_area .qanda_block .block_title {
padding: 0 0 5px;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.2em;
position: relative;
}
#main_beginner .about_area .qanda_block .block_title::before {
content: "";
background: #323333;
width: 80px;
height: 1px;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
#main_beginner .about_area .qanda_block .box_wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#main_beginner .about_area .qanda_block .box_wrap .box {
width: 400px;
margin: 30px 55px 0 0;
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(2n) {
margin-right: 0;
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(1) .box_title {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/q1.png);
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(2) .box_title {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/q2.png);
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(3) .box_title {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/q3.png);
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(4) .box_title {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/q4.png);
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(5) .box_title {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/q5.png);
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(6) .box_title {
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/q6.png);
}
#main_beginner .about_area .qanda_block .box_wrap .box .box_title {
background-position: left center;
background-repeat: no-repeat;
background-size: auto 23px;
border-bottom: 1px dotted #323333;
min-height: 23px;
padding: 10px 0 8px 70px;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.6;
vertical-align: middle;
}
#main_beginner .about_area .qanda_block .box_wrap .box .text {
margin: 13px 0 0;
text-align: justify;
line-height: 2.0;
}
#main_beginner .about_area .qanda_block .box_wrap .box .text span {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 5px;
background-position: left bottom 0;
background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
#main_beginner .about_area .top_block .box .box_title {
font-size: 16px;
font-size: 1.6rem;
}
#main_beginner .about_area .point_block {
width: 100%;
max-width: 400px;
margin: 40px auto 0;
}
#main_beginner .about_area .point_block .block_title {
margin: 0 0 25px;
font-size: 18px;
font-size: 1.8rem;
}
#main_beginner .about_area .point_block .box_wrap {
margin: -40px -10px 0;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#main_beginner .about_area .point_block .box_wrap .box {
width: 50%;
max-width: 200px;
padding: 0 10px;
margin: 40px 0 0;
}
#main_beginner .about_area .point_block .box_wrap .box .box_img {
width: 100%;
max-width: 180px;
}
#main_beginner .about_area .point_block .box_wrap .box .box_title {
font-size: 16px;
font-size: 1.6rem;
}
#main_beginner .about_area .point_block .box_wrap .box .text {
margin: 15px auto 0;
}
#main_beginner .about_area .qanda_block {
padding: 60px 25px 40px;
margin: 80px 0 0;
}
#main_beginner .about_area .qanda_block .block_head {
width: 100px;
}
#main_beginner .about_area .qanda_block .block_title {
font-size: 18px;
font-size: 1.8rem;
}
#main_beginner .about_area .qanda_block .box_wrap .box {
width: 100%;
margin: 30px 0 0;
}
#main_beginner .about_area .qanda_block .box_wrap .box .box_title {
background-size: auto 20px;
min-height: 20px;
padding: 10px 0 8px 60px;
font-size: 16px;
font-size: 1.6rem;
}
}
#main_school .school_area .tab_block .tab_list {
padding: 0 0 0 1px;
justify-content: flex-start !important;
display: flex;
}
#main_school .school_area .tab_block .tab_list li {
width: 300px;
height: 55px;
margin: 0 10px 0 0;
font-size: 1.8rem;
font-weight: bold;
}
#main_school .school_area .tab_block .tab_list li:last-child {
margin-right: 0;
}
#main_school .school_area .tab_block .tab_list li span {
background: #eeeeee;
border-radius: 5px 5px 0 0;
width: 100%;
height: 100%;
color: #323333;
font-family: sans-serif;
letter-spacing: 0.26em;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
line-height: 1.5em;
display: block;
cursor: pointer;
padding: 10px 0px 5px;
}
#main_school .school_area .tab_block .tab_list li span:hover, #main_school .school_area .tab_block .tab_list li span.select {
background: #00a3e1;
color: #ffffff;
}
#main_school .school_area .school_block {
background: #ffffff;
border: 1px solid #323333;
position: relative;
}
#main_school .school_area .school_block .block {
visibility: hidden;
padding: 60px 40px;
}
#main_school .school_area .school_block .block:not(:first-child) {
display: none;
}
#main_school .school_area .school_block .block .block_head {
padding: 0 0 5px;
margin: 0 auto 30px;
text-align: center;
position: relative;
}
#main_school .school_area .school_block .block .block_head::before {
content: "";
background: #323333;
width: 80px;
height: 1px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#main_school .school_area .school_block .block .block_head .block_title {
margin: 20px auto 0;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 0.2em;
}
#main_school .school_area .school_block .block .box_wrap .box:not(:first-child) {
margin-top: 60px;
}
#main_school .school_area .school_block .block .box_wrap .box .box_title {
margin: 0 0 20px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
#main_school .school_area .school_block .block .box_wrap .box .textbox {
line-height: 2.0;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box {
margin: 30px auto 0;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn {
border-radius: 30px;
width: 300px;
height: 60px;
line-height: 60px;
position: relative;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn .icon {
position: static;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn .icon::after {
right: 25px;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list {
margin: -27px 0 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list .box_img {
width: 280px;
margin: 27px 27px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list .box_img:nth-child(3n) {
margin-right: 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .textbox {
margin: 25px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner {
display: -webkit-flex;
display: flex;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .img_wrap .box_img {
width: 280px;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .textbox {
padding: 0 0 0 27px;
}
@media screen and (max-width: 768px) {
#main_school .school_area .tab_block .tab_list {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
#main_school .school_area .tab_block .tab_list li {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
width: 25%;
height: 55px;
margin: 0;
}
#main_school .school_area .tab_block .tab_list li:nth-child(1) {
width: 50%; }
#main_school .school_area .tab_block .tab_list li:nth-child(2) {
width: 49%;
}
#main_school .school_area .tab_block .tab_list li span {
font-size: 10px;
font-size: 1rem;
line-height: 1.5em;
}
#main_school .school_area .school_block .block {
padding: 40px 20px;
}
#main_school .school_area .school_block .block .block_head {
margin: 0 auto 30px;
}
#main_school .school_area .school_block .block .block_head .block_title {
margin: 15px auto 0;
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 0.1em;
}
#main_school .school_area .school_block .block .box_wrap {
max-width: 500px;
margin: 0 auto;
}
#main_school .school_area .school_block .block .box_wrap .box .box_title {
margin: 0 0 15px;
font-size: 18px;
font-size: 1.8rem;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn {
border-radius: 25px;
width: 100%;
max-width: 220px;
height: 50px;
line-height: 50px;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn .icon {
padding-right: 20px;
position: static;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list {
-webkit-flex-direction: column;
flex-direction: column;
margin: -10px auto 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list .box_img {
width: 100%;
padding: 0;
margin: 10px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .textbox {
margin: 15px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner {
-webkit-flex-direction: column;
flex-direction: column;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .img_wrap .box_img {
width: 100%;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .textbox {
padding: 0;
margin: 15px 0 0;
}
}
.archive_title {
padding: 0 0 30px;
margin: 0 auto 40px;
color: #333333;
font-size: 26px;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 0.1em;
position: relative;
}
.archive_title::before {
content: "";
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/wave01.png) center no-repeat;
background-size: auto 10px;
width: 142px;
height: 10px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.archive_title {
padding: 0 0 20px;
margin: 0 auto 30px;
font-size: 18px;
font-size: 1.8rem;
}
.archive_title::before {
background-size: auto 8px;
height: 8px;
}
}
.posts_block02 {
margin: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.posts_block02 .post_box {
width: 200px;
margin: 0 60px 0 0;
}
.posts_block02 .post_box:nth-child(4n) {
margin-right: 0;
}
.posts_block02 .post_box .img_wrap .post_cat {
display: none;
}
.posts_block02 .post_box .textbox {
margin: 15px 0 0;
}
.posts_block02 .post_box .textbox .box_title {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
div.contact_area div.form_area form div.form dl dd span.error {
display: block;
padding-top: 70px;
margin-top: -70px;
}
@media screen and (max-width: 768px) {
.posts_block02 {
width: 100%;
margin: 0;
}
.posts_block02 .post_box {
background-image: linear-gradient(to right, #ffffff, #ffffff 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
background-size: 6px 1px;
background-position: bottom left;
background-repeat: repeat-x;
width: 100%;
padding: 0;
margin: 0;
}
.posts_block02 .post_box:last-child {
background: none;
}
.posts_block02 .post_box .link_box {
padding: 20px 0;
display: -webkit-flex;
display: flex;
}
.posts_block02 .post_box .img_wrap .box_img {
width: 100px;
}
.posts_block02 .post_box .img_wrap .icon_new {
display: none;
}
.posts_block02 .post_box .textbox {
padding: 10px 0 0 15px;
margin: 0;
}
.posts_block02 .post_box .textbox .box_title {
font-size: 14px;
font-size: 1.4rem;
}
} form div.form.h-adr em {
font-style: normal !important;
}
.formttl {
padding: 0 !important;
}
.register_first_p {
padding: 0 0 0px 0;
margin: 0 auto!important;
max-width: 500px;
font-weight: bold;
}
#main_about.contents.about.form {
background-color: #e4f7ff;
padding-bottom: 40px;
min-height: 86vh;
}
#wrap div#main_about.contents.about.form div.blog_col_under.form{ background:none !important;
background-size: 840px auto;
}
#wrap div#main_about.contents.about.form div.blog_col_under.form.nopadding{
background: none !important;
background-size: 840px auto;
}
hr.blue {
margin: 15px 0 25px;
border: 1px solid #00a2df;
}
.form_area div.tel_box {
margin: 15px auto 0;
color: #00a2df;
font-size: 40px;
font-size: 4rem;
text-align: center;
line-height: 1.0;
letter-spacing: 0.1em;
display: block;
}
.txtbox {
padding: 10px 20px 20px;
}
div.contact_area div.form_area form div.form dl dd span.error {
display: block;
padding-top: 70px;
margin-top: -70px;
} .form dl { margin-bottom:1px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:15px 0px
}
.form dl span.error {
display:block;
width:100%;
margin-top:10px
}
.form dl span.error+.error {
margin-top:0
}
.form dl:nth-child(odd) { }
.form dt {
font-weight:700;
width:100%;
line-height:1.4;
margin-bottom: 15px;
}
.form dd {
-webkit-box-flex:1;
-ms-flex:1 0 0%;
flex:1 0 0%;
}
.form dd>div:not(:first-child) {
margin-top:10px
}
.checkbox dt em {
font-style: normal;
}
.form__address dd > div span {
min-width: 120px;
} br.sp-only {
display: none;
}
@media screen and (max-width: 767px){
br.sp-only {
display: block;
}
}
a.form__line-link-kids {
text-decoration: underline;
color: #00b7df;
}
a.form__line-link-kids:hover {
text-decoration: none;
} .form label {
margin-right:20px
}
.form .checkbox label {
display:inline-block;
}
.form label span {
min-width:50px;
display:inline-block
} .form__address dd > div input:not([name="post-address1"]) {
width: calc(94% - 120px);
}
input[name="zip1"] {
max-width: 100px;
}
input[name="zip2"] {
max-width: 100px;
}
.form input[name="sei-kana"] {
width:40%;
} .form input[type="text"][name="sei-kana"],.form input[type="text"][name="mei-kana"],.form input[type="text"][name="a-mei"],.form input[type="text"][name="a-sei"],.form input[type="text"][name="s-mei"],.form input[type="text"][name="s-sei"]   {
width:45%;
} .form__address dd>div input:not([name=post-address1]) {
width:calc(94% - 105px)
} .form input[type="email"][type=email] {
width:96%
}
.form input[type=email],
.form input[type=tel],
.form input[type=text],
.form textarea {
font-size:inherit;
padding:15px 14px;
width:29%;
border:none;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;    
} .form select[name="birth_year"],
.form select[name="birth_month"],
.form select[name="birth_day"],
.form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03-day"],
.form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03--day"] {
width:24%; 
}
.form select[name="need-year"],
.form select[name="need-month"],
.form select[name="need-day"],
.form select[name="school-year"],
.form select[name="school-month"],
.form select[name="school-day"], 
.form select[name="arrival-year"],
.form select[name="arrival-month"],
.form select[name="arrival-day"],
.form select[name="departure-year"],
.form select[name="departure-month"],
.form select[name="departure-day"],   
.form select[name="leave-start-year"],
.form select[name="leave-start-month"],
.form select[name="leave-start-day"],
.form select[name="leave-end-year"],
.form select[name="leave-end-month"],
.form select[name="leave-end-day"]{
width:27%;
} .form select[name="reasons"],
.form select[name="campus"],
.form select[name="how"]{
width: 94%;
}
.form input[type="text"][name="airline"],
.form input[type="text"][name="accommodation"],
.form input[type="text"][name="school-name-01"],
.form input[type="text"][name="school-major-01"],
.form input[type="text"][name="school-name-02"],
.form input[type="text"][name="school-major-02"],
.form input[type="text"][name="school-name-03"],
.form input[type="text"][name="school-major-03"],
.form input[type="text"][name="school-name-04"],
.form input[type="text"][name="school-major-04"],
.form input[type="text"][name="school-name-05"],
.form input[type="text"][name="school-major-05"],
.form input[type="text"][name="school-major-05"],
.form input[type="text"][name="others"],
.form input[type="text"][name="name01"],
.form input[type="text"][name="purpose01"],
.form input[type="text"][name="name02"],
.form input[type="text"][name="purpose02"],
.form input[type="text"][name="name03"],
.form input[type="text"][name="purpose03"],
.form input[type="text"][name="name04"],
.form input[type="text"][name="purpose04"],
.form input[type="text"][name="name05"],
.form input[type="text"][name="purpose05"],
.form input[type="text"][name="name06"],
.form input[type="text"][name="purpose06"],
.form input[type="text"][name="with01-01"],
.form input[type="text"][name="hotel"],
.form input[type="text"][name="contact"],
.form input[type="text"][name="people"],
.form input[type="text"][name="reason"] {
width:96%;   
}
.form select[name="seminar"]{
width:95%; 
}
.form input[type=checkbox],
.form input[type=radio] {
position:relative;
top:-5px;
margin-right:15px
}
.form input[type=checkbox] {
top:-2px
}
.form select {
font-size:inherit;
min-height:45px;
margin-right:10px;
min-width:16%
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.15;
font-size: 16px;
border: none;
padding: 8px 16px 8px 8px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/icn_select1.png);
background-size: 12px auto;
background-repeat: no-repeat;
background-position: right 10px center;
background-color: #ffffff;
width: 30%;
box-sizing: border-box;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;    
}
.form textarea {
width:97%;
max-width:800px
}
.form .mwform-checkbox-field {
display:inline-block;
}  .wrap.merits {
padding: 5rem 0;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/lp_common/img/back.svg) no-repeat;
background-size: 100% auto;
background-position: 50% top;
overflow:hidden !important;
}
.merits-ttl.first {
width: 800px !important;
position: absolute;
left: 52%;
display: inline-block;
font-size: 32px;
line-height: 1.5;
text-align: center;
padding: 1.5em 0 1em !important;
margin: 25px 0 20px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/lp_common/img/ttl_l.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/lp_common/img/ttl_r.png);
background-position: left, 90%;
background-repeat: no-repeat, no-repeat;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
@media screen and (max-device-width: 1024px) {
html body#page_index.mode_pc .merits-ttl.first {
width: 800px !important;
position: absolute;
left: 66%;
display: inline-block;
font-size: 32px;
line-height: 1.5;
text-align: center;
padding: 1.5em 0 1em !important;
margin: 25px 0 20px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/lp_common/img/ttl_l.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/lp_common/img/ttl_r.png);
background-position: left, 90%;
background-repeat: no-repeat, no-repeat;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
}
.why_areawrap {
width: 90%;
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: 105px auto 25px;
text-align: center;
position: relative;
}
.why_areawrap .box {
width: calc(394px - 10px);
margin: 20px 40px 0px 40px;
position: relative;
border: none;
background: #fff;
overflow: visible !important;
padding: 9em 68px 6em;
border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}
.why_areawrap .box.last {
width: calc(394px - 10px);
margin: 20px 30px 0px 31px;
position: relative;
border: none;
background: #fff;
overflow: visible !important;
padding: 3.5em 0;
border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}
.why_areawrap .box h3 {
font-size: 24px;
line-height: 1.4em;
margin-bottom: 20px;
font-weight:500;
margin-top:-40px;
}
.why_areawrap .box.last h3 {
margin-top:0px !important;
}
.why_areawrap .box p {
font-size: 14px;
line-height: 1.5em;
margin:35px auto 0;
}
.why_areawrap .box.last p {
width: 300px;
margin: 30px auto 10px ;
font-size: 14px;
line-height: 1.5em;
text-align: left;
}
.line_red {
background: linear-gradient(transparent 91%, #ff5c5c 91%);
padding-bottom: 10px;
}
.txt01 {
width:1000px;
margin:0 auto;
}
@media screen and (max-width: 768px) {
.txt01 {
width:82%;
margin:0 auto;
text-align:left;
word-wrap:break-all;
}
.why_areawrap {
width: 95%;
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: 105px auto 25px;
text-align: center;
position: relative;
}
.why_areawrap .box {
width: calc(84% - 10px);
margin: 10px 0;
position: relative;
border: none;
background: #fff;
overflow: visible !important;
padding: 4.5em 7px;
z-index: 10;
border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}
.why_areawrap .box.last {
width: calc(90% - 10px);
margin: 20px;
position: relative;
border: none;
background: #fff;
overflow: visible !important;
padding: 2.4em 7px;
z-index: 10;
border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}
.why_areawrap div.box p {
width:260px !important;
margin:45px auto 0;
}
.why_areawrap .box.last p {
width: 180px;
margin: 25px auto 0px;
font-size: 13px;
line-height: 1.5em;
text-align: center;
}
.why_areawrap .box h3 {
width:200px;
font-size: 20px;
line-height: 1.4em;
margin: 5px auto 20px !important;
font-weight:500;
}
.why_areawrap .box.last h3 {
width:240px;
font-size: 22px;
line-height: 1.4em;
margin: 35px auto 20px;
font-weight:500;
}
.merits-ttl.first {
width: 86% !important;
position: absolute;
left: 54%;
display: inline-block;
font-size: 22px;
line-height: 1.5;
text-align: center;
padding: 1.5em 0 1em !important;
margin: 25px 0 20px;
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/lp_common/img/ttl_l.png), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/lp_common/img/ttl_r.png);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-position: left, 90%;
background-repeat: no-repeat, no-repeat;
background-size: 80px auto, 10px auto !important;
overflow-x: hidden;
}
}
.exttl {
margin-bottom:25px;
}
.extxt {
margin-top:50px;
font-size:16px;
line-height: 2em;
letter-spacing: 1px;
}
.wrapper2.exbox {
width: 80%;
max-width: 1200px;
margin: 110px auto 0;
padding: 0;
}
.wrapper2.secondbox {
margin-top:100px !important;
}
@media screen and (max-width: 768px) {
} .btn-submit-wrap {
text-align:center;
padding:30px 4% 35px;
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.form.h-adr div.btn-submit-wrap input.btn-submit,
.form.h-adr div.bottom_block div.btn_box input.btn-submit,
.form.h-adr div.bottom_block div.btn_box input.btn-submit.btn {
width: 300px !important;
display: inline-block;
font-size: 1.5rem !important;
letter-spacing: 2px;
}
form div.form.h-adr div.bottom_block {
text-align: center;
margin: 20px 0 0 !important;
}
.btn-submit {
font-weight:700;
text-align:center;
border:0;
cursor:pointer
}
.btn-submit--gray {
background:#ccc;
background:var(--color-gray);
box-shadow:0 4px 0 0 #8d8d8d
}
.btn-submit+.btn-submit {
margin-left:4%
}
.btn-submit.btn-gjj {
background-color:#a80000;
color:#fff;
-webkit-box-shadow:0 4px 0 0 #6b0000;
box-shadow:0 4px 0 0 #6b0000;
margin:0 auto;
font-size:2.2rem;
text-decoration:none;
line-height:1.4;
padding:16px
}
.complete-msg {
font-size:3rem;
text-align:center;
padding:50px 0;
margin-bottom:50px
}
.form-pp {
padding:0 25px 20px;
font-size:1.5rem;
line-height:1.6;
color:#717171
}
.mw_wp_form .form .horizontal-item+.horizontal-item {
margin-left:0
}
.form-comeplete-banner {
max-width:600px;
margin:40px auto 60px;
background:var(--color-ligh-gray);
padding:40px
}
.form-agreement {
text-align:center;
margin-top:30px
}
.form-agreement__title {
font-weight:700
}
.post-cta-btn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
margin:48px 0 82px
}
.post-cta-btn__link {
font-size:2rem;
line-height:32px;
font-weight:700;
border:1px solid #0370c1;
border:1px solid var(--color-brand);
background:#0370c1;
background:var(--color-brand);
color:#fff;
width:340px;
height:52px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
border-radius:3px;
line-height:1
}
.post-cta-btn__link:before {
content:"";
position:absolute;
right:22px;
top:calc(50% - 2px);
height:10px;
width:10px;
border-top:3px solid #fff;
border-right:3px solid #fff;
-webkit-transform:rotate(45deg) translateY(-50%);
transform:rotate(45deg) translateY(-50%)
}
.post-cta-btn__link:hover {
background:#fff;
color:#0370c1;
color:var(--color-brand)
}
.post-cta-btn__link:hover:before {
border-top-color:#0370c1;
border-top-color:var(--color-brand);
border-right-color:#0370c1;
border-right-color:var(--color-brand)
}
@media screen and (max-width:768px) {
html body#page_index.mode_sp div#wrap div#main_about.contents.about.form div.blog_col_under.form{
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/bg_clientregister.png) center 260px no-repeat;
background-size: 600px auto;
}
.form dl {
padding:10px 20px 20px;
display:block
}
.form dt {
width:100%;
padding:10px;
margin-bottom:8px;
}
.form dd {
width:100%;
margin-left:0!important
}
.register_first_p {
padding: 0 0 135px 0;
margin: 0 auto !important;
max-width: 400px;
font-weight: bold;
font-size: 1.5rem;
}
.form label {
margin-right: 4px;
} .form input[type="text"][name="sei-kana"],.form input[type="text"][name="mei-kana"]  {
width:47%;
display: inline-block;
} select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.15;
font-size: 16px;
border: none;
padding: 8px 16px 8px 8px;
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/icn_select1.png);
background-size: 12px auto;
background-repeat: no-repeat;
background-position: right 10px center;
background-color: #ffffff;
width: 29%;
box-sizing: border-box;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;    
}
.form select[name="seminar"]{
width:96%; 
} .form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03-day"],
.form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03--day"]{
width:20%;      
}
.form select[name="need-year"],
.form select[name="need-month"],
.form select[name="need-day"],
.form select[name="school-year"],
.form select[name="school-month"],
.form select[name="school-day"], 
.form select[name="arrival-year"],
.form select[name="arrival-month"],
.form select[name="arrival-day"],
.form select[name="departure-year"],
.form select[name="departure-month"],
.form select[name="departure-day"],    
.form select[name="leave-start-year"],
.form select[name="leave-start-month"],
.form select[name="leave-start-day"],
.form select[name="leave-end-year"],
.form select[name="leave-end-month"],
.form select[name="leave-end-day"]{
width:22%;
} .form select[name="reasons"],
.form select[name="campus"],
.form select[name="how"]{
width: 90%;
}
.form input[type="text"][name="airline"],
.form input[type="text"][name="accommodation"],
.form input[type="text"][name="school-name-01"],
.form input[type="text"][name="school-major-01"],
.form input[type="text"][name="school-name-02"],
.form input[type="text"][name="school-major-02"],
.form input[type="text"][name="school-name-03"],
.form input[type="text"][name="school-major-03"],
.form input[type="text"][name="school-name-04"],
.form input[type="text"][name="school-major-04"],
.form input[type="text"][name="school-name-05"],
.form input[type="text"][name="school-major-05"],
.form input[type="text"][name="others"],
.form input[type="text"][name="name01"],
.form input[type="text"][name="purpose01"],
.form input[type="text"][name="name02"],
.form input[type="text"][name="purpose02"],
.form input[type="text"][name="name03"],
.form input[type="text"][name="purpose03"],
.form input[type="text"][name="name04"],
.form input[type="text"][name="purpose04"],
.form input[type="text"][name="name05"],
.form input[type="text"][name="purpose05"],
.form input[type="text"][name="with01-01"],
.form input[type="text"][name="hotel"],
.form input[type="text"][name="contact"],
.form input[type="text"][name="people"],
.form input[type="text"][name="reason"] {
width:96%;   
}  
.form.h-adr div.bottom_block div.btn_box input.btn-submit,
.form.h-adr div.bottom_block div.btn_box input.btn-submit.btn,.contact_area div.form_area section.page-section div.bottom_block.ct div.btn_box a,.blog_col_under.form.nopadding div.contact_area div.form_area div.btn_box a {
width: 300px !important;
height: 50px !important;
line-height: 50px !important;
display: inline-block;
font-size: 1.5rem !important;
letter-spacing: 2px;
height: 50px !important;
}
.form.h-adr div.bottom_block div.btn_box input.btn-submit.btn,
.contact_area div.form_area section.page-section div.bottom_block.ct div.btn_box a {
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background-color: rgba(0, 0, 0, 0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
border-radius: 40px;
position: relative;
z-index: 0;
background-color: #fff;
border: 1px solid #028bd6;
letter-spacing: 0.26em;
color: #fff;
font-size: 18px;
font-size: 2.2rem;
text-align: center;
line-height: 50px !important;
overflow: hidden;
font-weight: bold;
}
}
.scroll_area {
height: 100px;
overflow: auto;
}
@media screen and (max-width:768px) {
.scroll_area {
height: 70px;
overflow: auto;
}
}  
.jspTrack { background:#94c9df; position:relative; }
.blog_col_under h3.u_blog_ttl_sub.bgnone {
background: none;
} .wp-pagenavi {
width: 100%;
clear: both;
margin: 70px auto 0;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
line-height: 1.0;
}
.wp-pagenavi a, .wp-pagenavi span {
background: none;
border: 1px solid #333333;
width: 40px;
height: 40px;
margin: 0 8px 0 7px;
color: #333333;
font-weight: bold;
line-height: 40px;
display: inline-block;
line-height: 1.5em;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
background: #00a2df;
border: 1px solid #36afc9;
color: #ffffff;
text-decoration: none;
}
.wp-pagenavi span.extend {
background: none;
color: #333333;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi .first, .wp-pagenavi .last {
display: none;
}  .marker1{
background:linear-gradient(transparent 75%, #ffadad 75%);
font-weight:bold; 
} .marker4{
background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold; 
} .marker6 {
background: linear-gradient(transparent 75%, #7fbfff 75%);
font-weight: bold; 
} .marker7{
background:linear-gradient(transparent 75%, #fff799 75%);
font-weight:bold; 
} .marker10{
background:linear-gradient(transparent 75%, #b2ffb2 75%);
font-weight:bold; 
} .marker9{
background:linear-gradient(transparent 75%, #ffdc00 75%);
font-weight:bold; 
} .marker3{
background:linear-gradient(transparent 75%, #ff7f7f 75%);
font-weight:bold; 
} .button_blog01 a {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px auto;
padding: 1em 2em;
width: 300px;
color: #fff;
font-size: 18px;
font-weight: 700;
background-color: #00a4de;
border-radius: 50vh;
text-align:center;
padding-left: 5em;
}
.button_blog01 a::after {
content: '';
width: 5px;
height: 5px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
}
.button_blog01 a:hover {
text-decoration: none;
opacity:0.8;
}
div.button_blog01.ico {
position:relative;
padding-top:3em;
margin:initial !important;
}
div.button_blog01.ico {
background:url(//fiji.frecpop.com/wp/wp-content/uploads/2020/03/form_ico_sp_20250507.png) no-repeat;
background-size: 250px auto;
background-position:50% 0;
display: block;
padding-top:2em;
padding-top: 6em;
height: 200px;
justify-content:center !important;
}
div.button_blog01.ico02 {
background:url(//fiji.frecpop.com/wp/wp-content/uploads/2020/03/form_ico_sp_2025050702.png) no-repeat;
background-size: 250px auto;
background-position:50% 0;
display: block;
padding-top:2em;
padding-top: 6em;
height: 200px;
justify-content:center !important;
margin:0 !important;
}
div.button_blog01.ico a,div.button_blog01.ico02 a{
width:250px !important;
display: block;
position:relative;
}
div.button_blog01.ico a::after,div.button_blog01.ico02 a::after {
content: '';
width: 5px;
height: 5px;
border:none !important;
} .button_blog02 a {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px auto;
padding: 1em 2em;
width: 300px;
color: #fff;
font-size: 16px;
font-weight: 700;
background-color: #37c311;
border-radius: 50vh;
text-align:center;
padding-left: 2.5em;
}
.button_blog02 a::after {
content: '';
width: 5px;
height: 5px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
}
.button_blog02 a:hover {
text-decoration: none;
opacity:0.8;
}
@media screen and (max-width: 768px) {
.wp-pagenavi {
margin: 40px auto 0;
font-size: 14px;
font-size: 1.4rem;
overflow: hidden;
}
.wp-pagenavi .page, .wp-pagenavi .current { }
.wp-pagenavi a.previouspostslink {
float: left;
width: auto;
padding: 0 13px 0 5px;
letter-spacing: 0.15em;
}
.wp-pagenavi a.nextpostslink {
float: right;
width: auto;
padding: 0 5px 0 13px;
letter-spacing: 0.15em;
}
}
form.post-password-form {
margin:100px 0;
}
form.post-password-form p{
margin:20px 0; 
}
form.post-password-form p label input {
border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc !important;
margin:20px 0 20px;
width:280px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
}
#wrap input,#wrap textarea,#wrap select,
form.post-password-form p label input {
border:solid 1px #fff;
}
#wrap input:focus,#wrap textarea:focus,#wrap select:focus,
form.post-password-form p label input:focus {
border:solid 1px #028cd7;
}
form.post-password-form p input[type="submit"][name="Submit"] {
border:solid 1px #28a1e0;
padding:8px 17px;
margin:20px 0 20px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#fff !important;
cursor:pointer;
background-image: -webkit-gradient(linear, left top, left bottom, from(#30b5ee), to(#29a2e1));
background-image: -webkit-linear-gradient(top, #30b5ee, #29a2e1);
background-image: -moz-linear-gradient(top, #30b5ee, #29a2e1);
background-image: -ms-linear-gradient(top, #30b5ee, #29a2e1);
background-image: -o-linear-gradient(top, #30b5ee, #29a2e1);
background-image: linear-gradient(top, #30b5ee, #29a2e1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30b5ee', endColorstr='#29a2e1',GradientType=0 ); }
table.base_table01.logintable tbody tr td p{
min-height: 100px !important;
margin-bottom: 20px!important;
display: block;
}
table.base_table01.logintable tbody tr td div.go_flow.btn_box,
table.base_table01.logintable tbody tr td div.go_flow.btn_box.rbtn {
position: relative;
bottom: 15px !important;
margin: 0 !important;
text-align: center;
}
table.base_table01.logintable tbody tr td div.go_flow.btn_box a,
table.base_table01.logintable tbody tr td div.go_flow.btn_box.rbtn a {
margin: 0 auto !important;
}
.btn-document {
margin: 30px auto 0;
width: 100%;
max-width: 950px;
text-align: center;
position: relative;
}
.btn-document::before {
content: '';
position: absolute;
top: 56%;
left: 230px;
transform: translate(-50%, -50%);
background: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/images/icon-document.svg) no-repeat center / contain;
width: 130px;
height: 130px;
z-index: 1;
}
.btn-document a{
width: 100%;
max-width: 700px;
display: inline-block;
border-radius: 16px;
background: #FCE20E;
box-shadow: 6px 6px 0px 0px #CFBD18;
color: #000;
text-align: center;
font-size: 32px;
font-weight: 700;
padding: 35px 0;
position: relative;
transition: all .8s;
}
.btn-document a:hover{
opacity: .7;
}
.btn-document a::before{
content: "";
display: block;
width: 44px;
height: 44px;
background: #fff;
position: absolute;
top: 50%;
right: 26px;
transform: translate(-50%, -50%);
border-radius: 100%;
}
.btn-document a::after{
position: absolute;
content: "";
top: 45%;
right: 64px;
width: 16px;
height: 16px;
border-top: 4px solid #000;
border-right: 4px solid #000;
transform: rotate(45deg);
}
@media screen and (max-width:767px) {
.btn-document::before {
top: 60%;
left: 45px;
width: 75px;
height: 77px;
}
.btn-document a{
font-size: 20px;
padding: 22px 0 22px 20px;
}
.btn-document a::before{
width: 24px;
height: 24px;
top: 50%;
right: 13px;
}
.btn-document a::after{
top: 47%;
right: 34px;
width: 8px;
height: 8px;
border-top: 2px solid #000;
border-right: 2px solid #000;
}
} .banner-block{
text-align: center;
}
.banner-block-a{
margin-top: 50px;
margin-bottom: 50px;
}
.banner-block-b{
margin-top: 30px;
margin-bottom: 30px;
}
.banner-block-column{
max-width: 100%;
width: 100%;
}
.banner-block--mt0,
.banner-block--top{
margin-top: 0;
}
.banner-block__inner{
}
.banner-block__inner img{
max-width: 1000px;
}
.banner-block-column .banner-block__inner img{
max-width: 100%;
width: 100%;
}
@media screen and (max-width:767px) {
.banner-block{
padding: 0 20px;
}
.banner-block.banner-block-column{
padding: 0;
}
.banner-block-a{
margin-top: 20px;
margin-bottom: 20px;
}
.banner-block-b{
margin-top: 25px;
margin-bottom: 25px;
}
.banner-block--mt0{
margin-top: 0;
}
.banner-block__inner img{
max-width: 100%;
width: 100%;
height: auto;
}
}
 .mt0 {
margin-top: 0 !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.pb_05 {
padding-bottom: 5px;
}
.pb_10 {
padding-bottom: 10px;
}
.pb_20 {
padding-bottom: 20px;
}
.pb_30 {
padding-bottom: 30px;
}
.pb_40 {
padding-bottom: 40px;
}
.pb_50 {
padding-bottom: 50px;
}
.pb_60 {
padding-bottom: 60px;
}
.pb_70 {
padding-bottom: 70px;
}
.pt_10 {
padding-top: 10px;
}
.pt_20 {
padding-top: 20px;
}
.pt_30 {
padding-top: 30px;
}
.pt_40 {
padding-top: 40px;
}
.pt_50 {
padding-top: 50px;
}
.pt_60 {
padding-top: 60px;
}
.pt_70 {
padding-top: 70px;
}
.pr_10 {
padding-right: 10px;
}
.pr_20 {
padding-right: 20px;
}
.pr_30 {
padding-right: 30px;
}
.pr_40 {
padding-right: 40px;
}
.pl_10 {
padding-left: 10px;
}
.pl_20 {
padding-left: 20px;
}
.pl_30 {
padding-left: 30px;
}
.pl_40 {
padding-left: 40px;
}
.ct {
text-align: center;
}
.tl {
text-align: left;
}
.va_top {
vertical-align: top !important;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.bold {
font-weight: bold;
}
.sc {
display: block;
position: relative;
}
.sc img {
max-width: 100%;
height: auto;
}
.tl {
text-align: left !important;
} .yellow {
color: #fce20e;
}
.underline {
background-image: linear-gradient(to right, #fce20e, #fce20e);
background-size: auto 8px;
background-position: left bottom;
background-repeat: repeat-x;
} .shadow01 {
position: relative;
}
.shadow01::after {
content: "";
background-image: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/css/images/shadow01.png);
background-position: right top;
background-repeat: repeat;
background-size: 8px auto;
width: calc(100% + 5px);
height: 100%;
margin: 0;
position: absolute;
top: 5px;
left: 0;
z-index: -1;
}
.s1 {
color: #000;
font-size: 18px;
font-weight: bold;
display: flex;
align-items: center;
}
.s1:before, .s1:after {
content: "";
flex-grow: 1;
height: 1px;
background: #000;
display: block;
}
.s1:before {
margin-right: .4em;
}
.s1:after {
margin-left: .4em;
}
.midashittl {
padding: 0 0 20px;
margin: 40px auto 20px;
color: #333333;
letter-spacing: 0.26em;
font-size: 26px;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
letter-spacing: 0.26em;
position: relative;
}
.mintxt {
width: 650px;
margin: 10px auto;
}
.endsche{
position:relative;
}
.endsche::before {
content:'';
width:100%;
height:100%;
position:absolute;
background:rgba(255, 255, 255, 0.5) !important;
z-index:1;
top:0;
left:0;
}
.endsche::after { 
content:'';
width:270px;
height:180px;
background:url(//fiji.frecpop.com/wp/wp-content/uploads/2024/01/pic0120240125.jpg) no-repeat;
background-size:100% auto;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index:10;
}
@media screen and (max-width: 768px) {
.mintxt {
width:100%;
margin: 10px auto;
}
}
 @-webkit-keyframes wave-anime01 {
0% {
background-position: left 0 top;
}
100% {
background-position: left 2000px top;
}
}
@keyframes wave-anime01 {
0% {
background-position: left 0 top;
}
100% {
background-position: left 2000px top;
}
}
@-webkit-keyframes wave-anime02 {
0% {
background-position: left 300px top;
}
100% {
background-position: left 2300px top;
}
}
@keyframes wave-anime02 {
0% {
background-position: left 300px top;
}
100% {
background-position: left 2300px top;
}
}
@-webkit-keyframes wave-anime03 {
0% {
background-position: left 600px top;
}
100% {
background-position: left 2600px top;
}
}
@keyframes wave-anime03 {
0% {
background-position: left 600px top;
}
100% {
background-position: left 2600px top;
}
}
@media only screen and (max-width: 767px) {
.mv .wave01,
.mv .wave02,
.mv .wave03 {
height: 26px;
background-size: 500px auto;
}
.mv .wave01 {
-webkit-animation: wave-anime01 20s linear infinite;
animation: wave-anime01 20s linear infinite;
}
.mv .wave02 {
-webkit-animation: wave-anime02 15s linear infinite;
animation: wave-anime02 15s linear infinite;
}
.mv .wave03 {
-webkit-animation: wave-anime03 10s linear infinite;
animation: wave-anime03 10s linear infinite;
}
@-webkit-keyframes wave-anime01 {
0% {
background-position: left 0 top;
}
100% {
background-position: left 500px top;
}
}
@keyframes wave-anime01 {
0% {
background-position: left 0 top;
}
100% {
background-position: left 500px top;
}
}
@-webkit-keyframes wave-anime02 {
0% {
background-position: left 300px top;
}
100% {
background-position: left 800px top;
}
}
@keyframes wave-anime02 {
0% {
background-position: left 300px top;
}
100% {
background-position: left 800px top;
}
}
@-webkit-keyframes wave-anime03 {
0% {
background-position: left 600px top;
}
100% {
background-position: left 1100px top;
}
}
@keyframes wave-anime03 {
0% {
background-position: left 600px top;
}
100% {
background-position: left 1100px top;
}
}
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftsmall {
from {
opacity: 0;
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftsmall {
from {
opacity: 0;
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftsmall {
-webkit-animation-name: fadeInLeftsmall;
animation-name: fadeInLeftsmall;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightsmall {
from {
opacity: 0;
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightsmall {
from {
opacity: 0;
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightsmall {
-webkit-animation-name: fadeInRightsmall;
animation-name: fadeInRightsmall;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpSmall {
-webkit-animation-name: fadeInUpSmall;
animation-name: fadeInUpSmall;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
background: red;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 16px;
}
.jspHorizontalBar
{
background: red;
bottom: 0;
height: 16px;
left: 0;
position: absolute;
width: 100%;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #d7d7d7;
position: relative;
}
.jspDrag
{
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);;
cursor: pointer;
left: 0;
position: relative;
top: 0;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
cursor: pointer;
direction: ltr;
display: block;
margin: 0;
padding: 0;
text-indent: -20000px;
}
.jspDisabled
{
background: #80808d;
cursor: default;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
float: left;
height: 100%;
width: 16px;
}
.jspVerticalBar .jspArrow:focus
{
border: 1px solid red;
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
} * html .jspCorner
{
margin: 0 -3px 0 0;
} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/js/slick/fonts/slick.eot);
src: url(http://jibun-ryugaku.co.jp/wp/wp-content/themes/jibun-ryugaku/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/js/slick/fonts/slick.woff) format('woff'), url(//fiji.frecpop.com/wp/wp-content/themes/spfb_themes/common/js/slick/fonts/slick.ttf) format('truetype'), url(http://jibun-ryugaku.co.jp/wp/wp-content/themes/jibun-ryugaku/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.w_b_box{margin:20px 0}.w_b_box *,.w_b_box *:before,.w_b_box *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.w_b_box .w_b_mp0{margin:0;padding:0}.w_b_box .w_b_h100{height:100%}.w_b_bal{display:inline-block}.w_b_bal p{margin:0}.w_b_db{display:block}.w_b_flex{display:-webkit-flex;display:flex}.w_b_col{-webkit-flex-direction:column;flex-direction:column}.w_b_jc_fe{-webkit-justify-content:flex-end;justify-content:flex-end}.w_b_jc_c{-webkit-justify-content:center;justify-content:center}.w_b_jc_sb{-webkit-justify-content:space-between;justify-content:space-between}.w_b_ai_c{-webkit-align-items:center;align-items:center}.w_b_ai_fs{-webkit-align-items:flex-start;align-items:flex-start}.w_b_ai_fe{-webkit-align-items:flex-end;align-items:flex-end}.w_b_relative{position:relative}.w_b_absolute{position:absolute}.w_b_lh{line-height:1.4}.w_b_f_n{flex:none}.w_b_oh{overflow:hidden}.w_b_o_2{-webkit-order:2;order:2}.w_b_quote{word-wrap:break-word}.w_b_name{font-size:10px;font-weight:bold}.w_b_mta{margin-top:auto}.w_b_mra{margin-right:auto}.w_b_mba{margin-bottom:auto}.w_b_mla{margin-left:auto}.w_b_ta_C{text-align:center}.w_b_ta_R{text-align:right}.w_b_w100{width:100%}.w_b_z1{z-index:1}.w_b_z2{z-index:2}.w_b_size_S{width:64px;height:64px}.w_b_size_M{width:96px;height:96px}.w_b_size_L{width:128px;height:128px}.w_b_ava_effect{z-index:1}.w_b_ava_img{object-fit:cover}.w_b_radius{-webkit-border-radius:50%;border-radius:50%}.w_b_radius_3{border-radius:3%}.w_b_radius_12{border-radius:12%}.w_b_radius_20{border-radius:20%}.w_b_bal:before,.w_b_bal:after{content:'';position:absolute}.w_b_shadow_L{box-shadow:2px 2px 3px 0px #888888}.w_b_shadow_R{box-shadow:-2px 2px 3px 0px #888888}.w_b_border_L{border:2px solid #dddddd}.w_b_border_R{border:2px solid #dddddd}.w_b_ava_shadow_L{box-shadow:2px 2px 3px 0px #888888}.w_b_ava_shadow_R{box-shadow:-2px 2px 3px 0px #888888}.w_b_flip_h{transform:scale(-1,1)}.w_b_flip_v{transform:scale(1,-1)}.w_b_flip_hv{transform:scale(-1,-1)}.w_b_status_box{font-size:12px;margin:0 6px}.w_b_line_up>*{width:auto;margin:0}.w_b_talk{padding:10px;min-height:45px;border-radius:10px}.w_b_talk:before{top:18px;border:6px solid transparent}.w_b_talk:after{top:19px;border:5px solid transparent}.w_b_talk_L{border:1px solid #dddddd;background:#ffffff;margin:0 auto 0 10px;color:#222222}.w_b_talk_L:before{border-top-color:#dddddd;border-right-color:#dddddd;left:-12px}.w_b_talk_L:after{border-top-color:#ffffff;border-right-color:#ffffff;left:-10px}.w_b_talk_R{border:1px solid #dddddd;background:#ffffff;margin:0 10px 0 auto;color:#222222}.w_b_talk_R:before{border-top-color:#dddddd;border-left-color:#dddddd;right:-12px}.w_b_talk_R:after{border-top-color:#ffffff;border-left-color:#ffffff;right:-10px}