@charset "UTF-8";
@charset "UTF-8";
.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;z-index:7}.editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-right:auto}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-right:8px;white-space:nowrap;font-weight:600}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 0 0 5px}}.editor-block-list__layout .reusable-block-indicator{background:#fff;border-left:1px dashed #e2e4e7;color:#555d66;border-bottom:1px dashed #e2e4e7;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;right:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.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;white-space:normal;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background:transparent;border:2px solid}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:50%;flex-grow:0}}@media (min-width:600px){.wp-block-column:nth-child(odd){margin-right:32px}.wp-block-column:not(:first-child),.wp-block-column:nth-child(2n){margin-left:32px}.wp-block-column:not(:last-child){margin-right:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.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}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;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__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.editor-block-list__block[data-type="core/embed"][data-align=left] .editor-block-list__block-edit,.editor-block-list__block[data-type="core/embed"][data-align=right] .editor-block-list__block-edit,.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;color:#555d66;text-align:center;font-size:13px}.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-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.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}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.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}.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)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.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)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.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 5px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 60%,transparent)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.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)){.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;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.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){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.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}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-left:0;margin-right:0}.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;color:#555d66;text-align:center;font-size:13px}.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.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.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-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}p.is-small-text{font-size:14px}p.is-regular-text{font-size:16px}p.is-large-text{font-size:36px}p.is-larger-text{font-size:48px}p.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-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}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:305px}.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-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none;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:#191e23;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes td{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%}pre.wp-block-verse{white-space:nowrap;overflow:auto}.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]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.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}.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;
}
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
address, em, strong, th {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr, legend {
display: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
img, fieldset {
border: 0;
}
li {
list-style-type: none;
} .float_l {
float: left;
}
.float_r {
float: right;
}
.clear {
clear: both;
} #wpadminbar {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=20);
opacity: 0.2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#wpadminbar:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
}
 @import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900"); html {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
background-color: #FFF;
}
@media screen and (max-width: 750px) {
html {
font-size: 13px;
}
}
body {
width: 100%;
overflow-x: hidden;
height: 100%;
position: relative;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
color: #000;
line-height: 1.8;
font-feature-settings: "palt" 1;
letter-spacing: 0.06em;
}
body.fixed {
position: fixed;
}
body a {
color: #91c0a9;
text-decoration: none;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
body a:hover {
text-decoration: none;
}
body a img {
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
backface-visibility: hidden;
}
body a img:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
}
body .bold {
font-weight: bold !important;
}
body img {
max-width: 100%;
height: auto;
}
body img.sp {
display: none;
}
@media screen and (max-width: 750px) {
body img.pc {
display: none;
}
body img.sp {
display: inline;
}
}
body .wrap {
width: 950px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
body ::selection {
background: rgba(155, 176, 212, 0.2); }
body ::-moz-selection {
background: rgba(155, 176, 212, 0.2); } header {
position: fixed;
width: 100%;
top: 0;
left: 0;
background-color: #000;
padding: 20px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-family: 'Noto Serif JP', sans-serif;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 40;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
header .sp-menu {
visibility: hidden;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
}
header .menu {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 55px;
width: 53px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
cursor: pointer;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/sp-menu@2x.png) no-repeat center center;
background-size: 53px auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .menu span {
display: block;
width: 26px;
height: 2px;
margin: 0 auto;
background-color: #91c0a9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .menu span:last-child {
margin-bottom: 0;
}
header .menu span.top {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-o-transform: translateY(-8px);
transform: translateY(-8px);
}
header .menu span.middle {
margin-top: -2px;
left: 0;
position: relative;
}
header .menu span.bottom {
margin-top: -2px;
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
-ms-transform: translateY(8px);
-o-transform: translateY(8px);
transform: translateY(8px);
}
header .inner {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
text-align: center;
}
header .inner .logo {
line-height: 0;
margin: 0 auto;
}
header .inner .h-l {
position: absolute;
left: 25px;
top: 10px;
}
header .inner .h-l img {
height: 56px;
width: auto;
}
header .inner .h-r {
position: absolute;
width: 170px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
right: 25px;
top: 10px;
}
header .inner .sp-nav {
display: none;
}
header .sp-menu {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: 74px;
width: 100%;
height: 100%;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: #000;
z-index: 2;
padding-bottom: 0px;
pointer-events: none;
}
header .sp-menu .sp-nav {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
header .sp-menu ul {
margin-top: -0px;
margin-top: -50px;
}
header .sp-menu ul li:not(:last-child) {
margin-bottom: 12px;
}
header .sp-menu ul li a {
color: #FFF;
font-size: 18px;
font-size: 1.2857142857rem;
font-weight: bold;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .sp-menu ul li a:hover {
color: #a7840c;
}
@media screen and (max-height: 560px) {
header .sp-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
header .sp-menu ul li {
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
}
header.active .menu {
background-image: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/sp-menu-close@2x.png);
}
header.active .menu .middle {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
left: 20px;
}
header.active .menu .top {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
header.active .menu .bottom {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
header.active .sp-menu {
display: block;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
pointer-events: auto;
visibility: visible;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
}
header.next .pc-nav {
display: none;
}
@media screen and (max-width: 750px) {
header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 16px 10px;
}
header.top .pc-nav {
display: block;
width: 100%;
}
header.fixed {
padding: 16px 10px;
}
header .inner {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
header .inner .logo {
line-height: 0;
width: 116px;
z-index: 10;
}
header .inner .sp-nav {
display: none;
}
header .inner .h-l {
left: 10px;
top: 7px;
}
header .inner .h-l img {
height: 35px;
width: auto;
}
header .inner .h-r {
position: absolute;
width: 110px;
right: 0;
top: 0;
}
header .inner .h-r .contact-btn {
width: 55px;
padding-left: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
line-height: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
header .inner .h-r .contact-btn img {
width: 100%;
height: auto;
}
header .sp-menu {
top: 50px;
}
header .sp-menu ul {
margin-top: -0px;
margin-top: -50px;
}
header .sp-menu ul li:not(:last-child) {
margin-bottom: 10px;
}
header .sp-menu ul li a {
font-size: 17px;
font-size: 1.2142857143rem;
font-weight: bold;
}
}
@media screen and (max-width: 750px) and (max-height: 660px) {
header .sp-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
header .sp-menu ul li {
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 750px) {
header .menu {
right: 0px;
height: 50px;
width: 50px;
background-size: 30px auto;
}
}
.pc-nav {
display: block;
position: absolute;
top: 11px;
left: 0;
background-color: #000;
width: 100%;
z-index: 30;
}
.pc-nav.next {
top: -43px;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.pc-nav.next {
top: -84px;
}
}
@media screen and (max-width: 750px) {
.pc-nav.next {
top: -54px;
}
}
.pc-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 0px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
border-top: solid 1px #a7840c;
}
.pc-nav ul li {
margin: 0 0px;
width: 16.6666%;
border-right: solid 1px #a7840c;
border-bottom: solid 1px #a7840c;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.pc-nav ul li:nth-child(6n) {
border-right: none;
}
.pc-nav ul li a {
text-align: center;
color: #FFF;
font-size: 17px;
font-size: 1.2142857143rem;
font-weight: bold;
display: block;
padding: 7px 2px;
font-family: 'Noto Serif JP', sans-serif;
}
.pc-nav ul li a:hover {
color: #967d32;
text-decoration: none;
}
.pc-nav ul li a:hover {
color: #967d32;
text-decoration: none;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.pc-nav ul li {
width: 33.333%;
}
.pc-nav ul li:nth-child(3n) {
border-right: none;
}
}
@media screen and (max-width: 750px) {
.pc-nav {
top: 12px;
}
.pc-nav ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 33.3333%;
}
.pc-nav ul li:nth-child(3n) {
border-right: none;
}
.pc-nav ul li a {
font-size: 13px;
font-size: 0.9285714286rem;
font-weight: bold;
padding: 3px 2px;
}
}
.lp-cube .pc-nav.next {
top: 76px;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.lp-cube .pc-nav.next {
top: 76px;
}
}
@media screen and (max-width: 750px) {
.lp-cube .pc-nav.next {
top: 52px;
}
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .pc-nav.next {
top: 76px;
} } #pgtop {
display: none;
}
#pgtop {
text-align: right;
padding-right: 1%;
position: fixed;
bottom: 20px;
right: 0;
left: 0;
}
footer {
padding: 80px 0px 0px;
background-color: black;
font-family: 'Noto Serif JP', sans-serif;
}
footer .f-top {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 0 30px 50px;
}
footer .f-top .item-logo {
width: 360px;
text-align: left;
margin-right: 40px;
}
footer .f-top .item-logo .logo {
padding-bottom: 20px;
}
footer .f-top .item-logo .logo img {
width: 190px;
height: auto;
}
footer .f-top .item-logo .logo span {
display: block;
color: #FFF;
font-size: 19px;
font-size: 1.3571428571rem;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer .f-top .item-logo .logo a:hover img {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
}
footer .f-top .item-logo .logo a:hover span {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
}
footer .f-top .item-logo p {
font-size: 16px;
font-size: 1.1428571429rem;
font-family: 'Noto Sans JP', sans-serif;
color: white;
}
footer .f-top .item-nav {
-ms-flex: 1 0 auto;
-webkit-flex-grow: 1;
flex-grow: 1;
width: 10px;
}
footer .f_nav {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
}
footer .f_nav li {
width: calc(20% - 20px);
margin-right: 20px;
}
footer .f_nav li:last-child a {
padding-right: 20px;
}
footer .f_nav li a {
display: block;
width: 100%;
padding: 10px 10px 10px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #aaaaaa;
position: relative;
font-size: 14px;
font-size: 1rem;
line-height: 1.5;
}
footer .f_nav li a:after {
content: "";
display: block;
position: absolute;
left: auto;
top: 14px;
width: 11px;
height: 16px;
right: 0;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-r-white.png) no-repeat center center;
}
footer .salon {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-bottom: 1px solid #aaaaaa;
width: 40%;
margin: 0 auto;
}
footer .salon a {
display: block;
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: white;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
font-size: 26px;
font-size: 1.8571428571rem;
font-weight: normal;
}
footer .salon a:after {
content: ">";
position: absolute;
top: 10px;
right: 0px;
}
footer .f_bottom {
border-top: solid 1px #aaaaaa;
padding: 10px;
font-size: 12px;
font-size: 0.8571428571rem;
text-align: center;
color: white;
}
@media screen and (max-width: 1050px) {
footer .f-top {
padding: 0 20px 50px;
}
footer .f-top .item-logo {
width: 330px;
margin-right: 30px;
}
footer .f-top .item-logo p {
font-size: 14px;
font-size: 1rem;
font-family: 'Noto Sans JP', sans-serif;
color: white;
}
footer .f_nav {
margin-right: -20px;
}
footer .f_nav li {
width: calc(20% - 10px);
margin-right: 10px;
}
footer .f_nav li:last-child {
width: auto;
}
footer .f_nav li:last-child a {
padding-right: 10px;
}
footer .f_nav li a {
font-size: 13px;
font-size: 0.9285714286rem;
}
}
@media screen and (min-width: 751px) and (max-width: 950px) {
footer .f-top {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0px 50px;
}
footer .f-top .item-logo {
width: 100%;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin-bottom: 40px;
margin-right: 30px;
}
footer .f-top .item-logo .logo {
padding-bottom: 20px;
}
footer .f-top .item-logo p {
font-size: 16px;
font-size: 1.1428571429rem;
font-family: 'Noto Sans JP', sans-serif;
color: white;
}
footer .f-top .item-nav {
width: 100%;
}
footer .f_nav {
width: 100%;
margin-right: 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
footer .f_nav li {
width: 50%;
margin-right: 0px;
-ms-flex: 1 0 auto;
-webkit-flex-grow: 1;
flex-grow: 1;
}
footer .f_nav li:last-child {
max-width: 320px;
margin: 15px auto 0;
border-bottom: solid 2px #999;
}
footer .f_nav li a {
padding: 10px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
footer .f_nav li a:after {
right: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer .f_nav li a:hover:after {
right: 15px;
}
footer .f_bottom {
border-top: none;
padding: 20px 10px;
font-size: 12px;
font-size: 0.8571428571rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 750px) {
footer {
padding-top: 50px;
}
footer .f-top {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0px 20px;
}
footer .f-top .item-logo {
width: 100%;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin-bottom: 24px;
}
footer .f-top .item-logo .logo {
padding-bottom: 10px;
}
footer .f-top .item-logo .logo img {
height: 25px;
width: auto;
}
footer .f-top .item-logo .logo span {
font-size: 13px;
font-size: 0.9285714286rem;
line-height: 1.5;
}
footer .f-top .item-logo p {
font-size: 13px;
font-size: 0.9285714286rem;
}
footer .f-top .item-nav {
width: 100%;
}
footer .f_nav {
width: 100%;
margin-right: 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
footer .f_nav li {
width: 50%;
margin-right: 0px;
-ms-flex: 1 0 auto;
-webkit-flex-grow: 1;
flex-grow: 1;
}
footer .f_nav li:last-child {
max-width: 270px;
margin: 15px auto 0;
border-bottom: solid 1px #999;
}
footer .f_nav li a {
padding: 5px 15px 5px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
footer .f_nav li a:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
right: 20px;
background-size: 5px auto;
top: 50%;
margin-top: -7px;
}
footer .f_nav li a:hover:after {
right: 15px;
}
footer .f_bottom {
border-top: none;
padding: 20px 10px;
font-size: 12px;
font-size: 0.8571428571rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
} #mainimg {
margin-top: 65px; }
@media screen and (max-width: 750px) {
#mainimg {
margin-top: 40px;
}
}
#mainimg.top {
padding: 170px 20px 30px;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/bg-mainimg.jpg) no-repeat center center;
background-size: cover;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
#mainimg.top:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
}
#mainimg.top .item-catch {
margin-top: -40px;
margin-right: 50px;
-webkit-animation-duration: 1.6s;
-moz-animation-duration: 1.6s;
-ms-animation-duration: 1.6s;
-o-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
position: relative;
z-index: 3;
line-height: 0;
}
#mainimg.top .item-img {
-webkit-animation-duration: 1.6s;
-moz-animation-duration: 1.6s;
-ms-animation-duration: 1.6s;
-o-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
position: relative;
z-index: 3;
}
#mainimg.top .item-img img {
width: 450px;
height: auto;
}
@media screen and (max-width: 750px) {
#mainimg.top {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 90px 20px 10px;
position: relative;
z-index: 3;
}
#mainimg.top:after {
content: "";
display: block;
position: absolute;
left: 0;
top: auto;
width: 100%;
height: 50px;
bottom: 95px;
background: transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, black), color-stop(0, transparent));
background: -webkit-linear-gradienttransparent, black;
background: -moz-linear-gradienttransparent, black;
background: -ms-linear-gradienttransparent, black;
background: -o-linear-gradienttransparent, black;
background: linear-gradienttransparent, black;
}
#mainimg.top:before {
content: "";
display: block;
position: absolute;
left: 0;
top: auto;
width: 100%;
height: 100px;
bottom: 0;
background-color: #000;
}
#mainimg.top .item-catch {
-webkit-box-original-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
margin-right: 0px;
margin-top: 0;
z-index: 5;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
background-color: transparent;
}
#mainimg.top .item-catch img {
height: 110px;
width: auto;
}
#mainimg.top .item-img {
-webkit-box-original-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
margin-bottom: 20px;
text-align: center;
padding-left: 25px;
padding-right: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#mainimg.top .item-img img {
z-index: 2;
}
}
#mainimg.next {
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/next/mainimg.jpg) no-repeat center top;
background-size: cover;
height: 180px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 119px;
}
#mainimg.next .catch {
color: #FFF;
font-size: 50px;
font-size: 3.5714285714rem;
width: 100%;
padding-left: 20px;
padding-right: 20px;
text-align: center;
color: #FFF;
position: relative;
line-height: 1.2;
font-family: 'Noto Serif JP', sans-serif;
padding-bottom: 10px;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
#mainimg.next {
margin-top: 160px;
height: 260px;
}
}
@media screen and (max-width: 750px) {
#mainimg.next {
height: 140px;
margin-top: 106px;
}
#mainimg.next .catch {
font-size: 35px;
font-size: 2.5rem;
padding-bottom: 15px;
}
#mainimg.next .catch:before {
width: 42px;
height: 2px;
}
} #contact {
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/top/contact-bg.jpg) no-repeat center center/cover;
padding: 70px 50px 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#contact .contact-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -40px;
}
#contact .contact-block > div {
width: calc(50% - 80px);
margin: 0 40px;
}
#contact .contact-block > div .item-tel {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 30px;
}
#contact .contact-block > div .item-tel img {
max-width: 100%;
width: 100%;
height: auto;
}
#contact .btn-block {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#contact .btn-block div {
width: 100%;
}
main .content {
width: 950px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
main .inner {
width: 950px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
main .s-inner {
width: 750px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
main .s-inner2 {
width: 900px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
main section {
padding: 70px 0 100px;
}
main section.bg {
background-color: #e8e8e0;
}
main .phase.anchor {
margin-top: -76px;
padding-top: 76px;
}
main .phase:not(:last-child) {
margin-bottom: 100px;
}
main .s-phase:not(:last-child) {
margin-bottom: 40px;
}
main .point-list {
margin-bottom: 20px;
}
main .point-list.inlin-block {
letter-spacing: -0.4em;
}
main .point-list.inlin-block li {
vertical-align: top;
letter-spacing: normal;
display: -moz-inline-box;
display: inline-block;
padding-right: 20px;
width: 33.333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.5;
}
main .point-list li {
font-size: 16px;
font-size: 1.1428571429rem;
position: relative;
padding-left: 40px;
}
main .point-list li:not(:last-child) {
margin-bottom: 6px;
}
main .point-list li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 32px;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/icon-point.png) no-repeat center center;
content: '';
background-size: 24px auto;
}
main .no-list {
list-style: none; margin: 0; padding: 0; counter-reset: li_count;
margin-bottom: 30px; }
main .no-list.inlin-block li {
margin-right: 20px;
display: -moz-inline-box;
display: inline-block;
border-bottom: none !important;
}
main .no-list li {
position: relative;
padding-left: 38px;
padding-bottom: 13px;
font-size: 18px;
font-size: 1.2857142857rem;
}
main .no-list li:not(:last-child) {
border-bottom: dotted 1px #000;
margin-bottom: 13px;
}
main .no-list li:before {
position: absolute;
left: 0;
top: 0;
counter-increment: li_count; content: counter(li_count) ""; color: #fff; width: 28px;
height: 28px;
padding-left: 2px;
padding-bottom: 2px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
font-weight: normal;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: blue;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: #8c7227; font-family: 'Noto Serif JP', sans-serif;
}
main .news-list {
margin-bottom: 70px;
}
main .news-list li {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 18px;
font-size: 1.2857142857rem;
}
main .news-list li:not(:last-child) {
margin-bottom: 25px;
}
main .news-list li .item-date {
color: #999;
width: 130px;
}
main .news-list li .item-txt a {
color: #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
main .news-list li .item-txt a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
text-decoration: none;
}
main .menu-list {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding-bottom: 80px;
margin: 0 -15px -30px;
}
main .menu-list.column2 li {
width: calc(50% - 30px);
}
main .menu-list.column2.jsc {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
main .menu-list.column2.jsc li {
width: auto;
}
main .menu-list li {
width: calc(25% - 30px);
margin: 0 15px 30px;
}
main .menu-list li:nth-child(1) {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
}
main .menu-list li:nth-child(2) {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
animation-delay: 0.4s;
}
main .menu-list li:nth-child(3) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
main .menu-list li:nth-child(4) {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}
main .menu-list li .caption {
font-size: 18px;
font-size: 1.2857142857rem;
text-align: center;
}
main .menu-list .hispec {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 40%;
background-color: white;
padding: 30px;
}
main .menu-list .hispec p {
font-size: 20px;
font-size: 1.4285714286rem;
text-align: center;
}
main .menu-list .hispec p strong {
font-weight: bold;
}
main .menu-list .hispec:last-child {
padding-right: 30px;
}
main .menu-list .hispec:first-child {
margin-right: 30px;
}
main .hispec-list {
margin: 0 -30px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
main .hispec-list li {
width: calc(50% - 60px);
padding: 30px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 8px solid #967d32;
background-color: white;
margin: 0 30px;
}
main .hispec-list li p {
font-size: 28px;
font-size: 2rem;
text-align: center;
}
main .hispec-list li p strong {
display: block;
padding-top: 10px;
font-size: 30px;
font-size: 2.1428571429rem;
font-weight: bold;
}
main .youtube {
position: relative;
width: 100%;
padding-top: 60%;
}
main .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
main .img-txt-column2:after {
clear: both;
display: block;
content: '';
}
main .img-txt-column2 .item-img {
float: right;
width: 370px;
margin-left: 30px;
margin-bottom: 15px;
line-height: 0;
}
main .img-txt-column2 .item-txt {
font-size: 16px;
font-size: 1.1428571429rem;
}
main .img-txt-column2 .item-txt > p strong {
font-weight: bold;
}
main .img-txt-column2 .item-txt > p:not(:last-child) {
margin-bottom: 15px;
}
main .img-center-column2 {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -20px -40px;
}
main .img-center-column2 > div {
width: calc(50% - 40px);
margin: 0 20px 40px;
}
main #news {
background-color: #000;
}
main #machine {
padding: 40px 0;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/top/bg-machine.jpg) no-repeat center center/cover;
}
main #machine .machine-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
main #machine .machine-block .item-img {
margin-right: 50px;
}
main #machine .machine-block .item-txt {
font-family: 'Noto Serif JP', sans-serif;
}
main #machine .machine-block .item-txt .title {
font-size: 40px;
font-size: 2.8571428571rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 10px;
}
main #machine .machine-block .item-txt .txt {
font-size: 26px;
font-size: 1.8571428571rem;
margin-bottom: 30px;
}
main #machine .machine-block .item-txt .tel {
color: #a7840c;
font-size: 26px;
font-size: 1.8571428571rem;
font-weight: bold;
line-height: 1.5;
}
main #machine .machine-block .item-txt .tel a {
display: block;
color: #a7840c;
font-size: 40px;
font-size: 2.8571428571rem;
font-weight: bold;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
main #machine .machine-block .item-txt .tel a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
}
.lp-cube label.checkbox {
padding-left: 0;
}
.lp-cube label.checkbox:before {
display: none;
}
.lp-cube label.checkbox:after {
display: none;
}
.lp-cube .table tr th a, .lp-cube .table tr td a {
color: #bc272d;
}
.lp-cube .btn-block {
margin: 0 -10px;
}
.lp-cube .btn-block .btn {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.lp-cube .btn-block .btn input[type="submit"] {
margin: 0 10px !important;
}
.mfp-close {
position: absolute;
right: 0;
top: 0;
color: #FFF;
}
.mfp-bg {
background: rgba(0, 0, 0, 0.9);
}
.mfp-arrow-left {
background-image: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/next/mens-higedatsumo/prev.png);
left: 50%;
margin-left: -370px;
}
.mfp-arrow-right {
background-image: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/next/mens-higedatsumo/next.png);
right: 50%;
margin-right: -370px;
}
@media screen and (min-width: 751px) and (max-width: 950px) { #contact {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 50px 80px;
}
#contact .contact-block {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
}
#contact .contact-block > div {
width: 100%;
margin: 0px;
}
#contact .contact-block > div:not(:last-child) {
margin-bottom: 80px;
}
#contact .contact-block > div .item-tel {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 30px;
}
#contact .contact-block > div .item-tel img {
width: 500px;
height: auto;
}
#contact .btn-block {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#contact .btn-block div {
width: 100%;
}
main .content {
padding-left: 30px;
padding-right: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
main .inner {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
main section {
padding: 60px 0 80px;
}
main .news-list li {
font-size: 18px;
font-size: 1.2857142857rem;
}
main .news-list li:not(:last-child) {
margin-bottom: 25px;
}
main .news-list li .item-date {
width: 140px;
}
main .menu-list {
padding-bottom: 60px;
margin: 0 -10px -30px;
}
main .menu-list.column2 li {
width: calc(50% - 20px);
}
main .menu-list li {
width: calc(25% - 20px);
margin: 0 10px 30px;
}
main .menu-list li .caption {
font-size: 18px;
font-size: 1.2857142857rem;
}
main .hispec-list {
margin: 0 -15px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
main .hispec-list li {
width: calc(50% - 30px);
padding: 20px 10px;
margin: 0 15px;
}
main .hispec-list li p {
font-size: 18px;
font-size: 1.2857142857rem;
}
main .hispec-list li p strong {
font-size: 20px;
font-size: 1.4285714286rem;
padding-top: 5px;
}
main .img-txt-column2 .item-img {
float: right;
width: 370px;
margin-left: 30px;
margin-bottom: 10px;
}
main .img-txt-column2 .item-txt {
font-size: 16px;
font-size: 1.1428571429rem;
}
main .img-txt-column2 .item-txt > p:not(:last-child) {
margin-bottom: 15px;
}
main #machine .machine-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
main #machine .machine-block .item-img {
margin-right: 50px;
}
main #machine .machine-block .item-txt .title {
font-size: 32px;
font-size: 2.2857142857rem;
font-weight: bold;
}
main #machine .machine-block .item-txt .txt {
font-size: 24px;
font-size: 1.7142857143rem;
margin-bottom: 20px;
}
main #machine .machine-block .item-txt .tel {
font-size: 22px;
font-size: 1.5714285714rem;
font-weight: bold;
}
main #machine .machine-block .item-txt .tel a {
font-size: 30px;
font-size: 2.1428571429rem;
font-weight: bold;
}
} @media screen and (max-width: 750px) { #contact {
padding: 40px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#contact .contact-block {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
}
#contact .contact-block > div {
width: 100%;
margin: 0px;
}
#contact .contact-block > div:not(:last-child) {
margin-bottom: 30px;
}
#contact .contact-block > div .item-tel {
margin-top: 0px;
}
#contact .btn-block {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
#contact .btn-block div {
width: calc(50% - 20px);
margin: 0 10px;
}
main .content {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
main section {
padding: 20px 0 40px;
}
main .inner {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
main .s-inner {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
main .phase:not(:last-child) {
margin-bottom: 50px;
}
main .s-phase:not(:last-child) {
margin-bottom: 25px;
}
main .point-list {
margin-bottom: 10px;
}
main .point-list.inlin-block li {
display: block;
padding-right: 0px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
main .point-list li {
font-size: 15px;
font-size: 1.0714285714rem;
padding-left: 23px;
}
main .point-list li:not(:last-child) {
margin-bottom: 1px;
}
main .point-list li:before {
width: 15px;
height: 15px;
background-size: 15px auto;
top: 50%;
margin-top: -7px;
}
main .no-list {
margin-bottom: 20px;
}
main .no-list.inlin-block li {
margin-right: 0px;
display: block;
}
main .no-list.inlin-block li:not(:last-child) {
border-bottom: dotted 1px #000 !important;
}
main .no-list li {
padding-left: 25px;
padding-bottom: 3px;
}
main .no-list li:not(:last-child) {
margin-bottom: 3px;
}
main .no-list li:before {
width: 20px;
height: 20px; padding-left: 0px;
padding-bottom: 0px;
top: 3px;
}
main .news-list {
margin-bottom: 30px;
}
main .news-list li {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 13px;
font-size: 0.9285714286rem;
}
main .news-list li:not(:last-child) {
margin-bottom: 25px;
}
main .news-list li:nth-child(n + 3) {
display: none;
}
main .news-list li .item-date {
width: 100%;
}
main .news-list li .item-txt a {
color: #FFF;
}
main .menu-list {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 30px;
margin: 0 -10px -30px;
}
main .menu-list.column2 li {
width: calc(50% - 20px);
}
main .menu-list.column2.jsc li {
width: calc(50% - 20px);
}
main .menu-list li {
width: calc(50% - 20px);
margin: 0 10px 20px;
}
main .menu-list li .caption {
font-size: 15px;
font-size: 1.0714285714rem;
line-height: 1.5;
}
main .menu-list .hispec {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 40%;
background-color: white;
padding: 30px;
}
main .menu-list .hispec p {
font-size: 20px;
font-size: 1.4285714286rem;
text-align: center;
}
main .menu-list .hispec p strong {
font-weight: bold;
}
main .menu-list .hispec:last-child {
padding-right: 30px;
}
main .menu-list .hispec:first-child {
margin-right: 30px;
}
main .hispec-list {
margin: 0 -10px 20px;
}
main .hispec-list li {
width: calc(50% - 20px);
padding: 10px 2px;
border: 4px solid #967d32;
margin: 0 10px;
}
main .hispec-list li p {
font-size: 15px;
font-size: 1.0714285714rem;
line-height: 1.5;
}
main .hispec-list li p strong {
font-size: 15px;
font-size: 1.0714285714rem;
}
main .img-txt-column2 .item-img {
float: inherit;
width: 100%;
margin-left: 0px;
margin-bottom: 10px;
}
main .img-txt-column2 .item-txt {
width: 100%;
font-size: 14px;
font-size: 1rem;
}
main .img-txt-column2 .item-txt > p:not(:last-child) {
margin-bottom: 15px;
}
main #machine {
padding: 30px 0;
}
main #machine .inner {
padding-left: 10px;
padding-right: 10px;
}
main #machine .machine-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
main #machine .machine-block .item-img {
margin-right: 15px;
width: 140px;
}
main #machine .machine-block .item-txt {
font-family: 'Noto Serif JP', sans-serif;
}
main #machine .machine-block .item-txt .title {
font-size: 20px;
font-size: 1.4285714286rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 3px;
}
main #machine .machine-block .item-txt .txt {
font-size: 12px;
font-size: 0.8571428571rem;
margin-bottom: 10px;
}
main #machine .machine-block .item-txt .tel {
font-size: 12.5px;
font-size: 0.8928571429rem;
font-weight: bold;
max-width: 210px;
}
main #machine .machine-block .item-txt .tel a {
font-size: 27px;
font-size: 1.9285714286rem;
font-weight: bold;
letter-spacing: -0.01em;
}
.free-block .free-list li {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px;
font-size: 13px;
}
.free-block .free-list li .item-title {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
padding-bottom: 5px;
}
.free-block .free-list li .item-address {
padding: 0;
}
.mfp-arrow-left {
left: 0px;
margin-left: 0px;
}
.mfp-arrow-right {
right: 0px;
margin-right: 0px;
}
} .pd {
padding: 40px;
}
.mg {
margin: 40px;
}
.nomb {
margin-bottom: 0 !important;
}
.nomt {
margin-top: 0 !important;
}
.nopt {
padding-top: 0 !important;
}
.nopb {
padding-bottom: 0 !important;
}
.pt {
padding-top: 40px;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt25 {
padding-top: 25px;
}
.pt30 {
padding-top: 30px;
}
.pt35 {
padding-top: 35px;
}
.pt40 {
padding-top: 40px;
}
.pt45 {
padding-top: 45px;
}
.pt50 {
padding-top: 50px;
}
.pt60 {
padding-top: 60px;
}
.pt70 {
padding-top: 70px;
}
.pt80 {
padding-top: 80px;
}
.pt90 {
padding-top: 90px;
}
.pt100 {
padding-top: 100px;
}
.pt110 {
padding-top: 110px;
}
.pt120 {
padding-top: 120px;
}
.pt130 {
padding-top: 130px;
}
.pt140 {
padding-top: 140px;
}
.pt150 {
padding-top: 150px;
}
.pt160 {
padding-top: 160px;
}
.pt170 {
padding-top: 170px;
}
.pt180 {
padding-top: 180px;
}
.pt190 {
padding-top: 190px;
}
.pt200 {
padding-top: 200px;
}
.pb {
padding-bottom: 40px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px;
}
.pb15 {
padding-bottom: 15px;
}
.pb20 {
padding-bottom: 20px;
}
.pb25 {
padding-bottom: 25px;
}
.pb30 {
padding-bottom: 30px;
}
.pb35 {
padding-bottom: 35px;
}
.pb40 {
padding-bottom: 40px;
}
.pb45 {
padding-bottom: 45px;
}
.pb50 {
padding-bottom: 50px;
}
.pb60 {
padding-bottom: 60px;
}
.pb70 {
padding-bottom: 70px;
}
.pb80 {
padding-bottom: 80px;
}
.pb90 {
padding-bottom: 90px;
}
.pb100 {
padding-bottom: 100px;
}
.pb110 {
padding-bottom: 110px;
}
.pb120 {
padding-bottom: 120px;
}
.pb130 {
padding-bottom: 130px;
}
.pb140 {
padding-bottom: 140px;
}
.pb150 {
padding-bottom: 150px;
}
.pb160 {
padding-bottom: 160px;
}
.pb170 {
padding-bottom: 170px;
}
.pb180 {
padding-bottom: 180px;
}
.pb190 {
padding-bottom: 190px;
}
.pb200 {
padding-bottom: 200px;
}
.mt {
margin-top: 40px;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mt35 {
margin-top: 35px;
}
.mt40 {
margin-top: 40px;
}
.mt45 {
margin-top: 45px;
}
.mt50 {
margin-top: 50px;
}
.mt60 {
margin-top: 60px;
}
.mt70 {
margin-top: 70px;
}
.mt80 {
margin-top: 80px;
}
.mt90 {
margin-top: 90px;
}
.mt100 {
margin-top: 100px;
}
.mt110 {
margin-top: 110px;
}
.mt120 {
margin-top: 120px;
}
.mt130 {
margin-top: 130px;
}
.mt140 {
margin-top: 140px;
}
.mt150 {
margin-top: 150px;
}
.mt160 {
margin-top: 160px;
}
.mt170 {
margin-top: 170px;
}
.mt180 {
margin-top: 180px;
}
.mt190 {
margin-top: 190px;
}
.mt200 {
margin-top: 200px;
}
.mb {
margin-bottom: 40px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
.mb30 {
margin-bottom: 30px;
}
.mb35 {
margin-bottom: 35px;
}
.mb40 {
margin-bottom: 40px;
}
.mb45 {
margin-bottom: 45px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px;
}
.mb70 {
margin-bottom: 70px;
}
.mb80 {
margin-bottom: 80px;
}
.mb90 {
margin-bottom: 90px;
}
.mb100 {
margin-bottom: 100px;
}
.mb110 {
margin-bottom: 110px;
}
.mb120 {
margin-bottom: 120px;
}
.mb130 {
margin-bottom: 130px;
}
.mb140 {
margin-bottom: 140px;
}
.mb150 {
margin-bottom: 150px;
}
.mb160 {
margin-bottom: 160px;
}
.mb170 {
margin-bottom: 170px;
}
.mb180 {
margin-bottom: 180px;
}
.mb190 {
margin-bottom: 190px;
}
.mb200 {
margin-bottom: 200px;
}
.pl {
padding-left: 40px;
}
.pl-a {
padding-left: auto;
}
.pl5 {
padding-left: 5px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl25 {
padding-left: 25px;
}
.pr {
padding-right: 40px;
}
.pr-a {
padding-right: auto;
}
.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pr25 {
padding-right: 25px;
}
.ml {
margin-left: 40px;
}
.ml-a {
margin-left: auto;
}
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml25 {
margin-left: 25px;
}
.mr {
margin-right: 40px;
}
.mr-a {
margin-right: auto;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
@media screen and (max-width: 750px) {
.pd {
padding: 26.6666666667px;
}
.mg {
margin: 26.6666666667px;
}
.pt {
padding-top: 26.6666666667px;
}
.pt5 {
padding-top: 3px;
}
.pt10 {
padding-top: 6px;
}
.pt15 {
padding-top: 9px;
}
.pt20 {
padding-top: 12px;
}
.pt25 {
padding-top: 15px;
}
.pt30 {
padding-top: 18px;
}
.pt35 {
padding-top: 21px;
}
.pt40 {
padding-top: 24px;
}
.pt45 {
padding-top: 27px;
}
.pt50 {
padding-top: 30px;
}
.pt60 {
padding-top: 36px;
}
.pt70 {
padding-top: 42px;
}
.pt80 {
padding-top: 48px;
}
.pt90 {
padding-top: 54px;
}
.pt100 {
padding-top: 60px;
}
.pt110 {
padding-top: 66px;
}
.pt120 {
padding-top: 72px;
}
.pt130 {
padding-top: 78px;
}
.pt140 {
padding-top: 84px;
}
.pt150 {
padding-top: 90px;
}
.pt160 {
padding-top: 96px;
}
.pt170 {
padding-top: 102px;
}
.pt180 {
padding-top: 108px;
}
.pt190 {
padding-top: 114px;
}
.pt200 {
padding-top: 120px;
}
.pb {
padding-bottom: 26.6666666667px;
}
.pb5 {
padding-bottom: 3px;
}
.pb10 {
padding-bottom: 6px;
}
.pb15 {
padding-bottom: 9px;
}
.pb20 {
padding-bottom: 12px;
}
.pb25 {
padding-bottom: 15px;
}
.pb30 {
padding-bottom: 18px;
}
.pb35 {
padding-bottom: 21px;
}
.pb40 {
padding-bottom: 24px;
}
.pb45 {
padding-bottom: 27px;
}
.pb50 {
padding-bottom: 30px;
}
.pb55 {
padding-bottom: 33px;
}
.pb60 {
padding-bottom: 36px;
}
.pb65 {
padding-bottom: 39px;
}
.pb70 {
padding-bottom: 42px;
}
.pb75 {
padding-bottom: 45px;
}
.pb80 {
padding-bottom: 48px;
}
.pb85 {
padding-bottom: 51px;
}
.pb90 {
padding-bottom: 54px;
}
.pb95 {
padding-bottom: 57px;
}
.pb100 {
padding-bottom: 60px;
}
.pb60 {
padding-bottom: 36px;
}
.pb70 {
padding-bottom: 42px;
}
.pb80 {
padding-bottom: 48px;
}
.pb90 {
padding-bottom: 54px;
}
.pb100 {
padding-bottom: 60px;
}
.mt {
margin-top: 26.6666666667px;
}
.mt5 {
margin-top: 3px;
}
.mt10 {
margin-top: 6px;
}
.mt15 {
margin-top: 9px;
}
.mt20 {
margin-top: 12px;
}
.mt25 {
margin-top: 15px;
}
.mt30 {
margin-top: 18px;
}
.mt35 {
margin-top: 21px;
}
.mt40 {
margin-top: 24px;
}
.mt45 {
margin-top: 27px;
}
.mt50 {
margin-top: 30px;
}
.mt55 {
margin-top: 33px;
}
.mt60 {
margin-top: 36px;
}
.mt65 {
margin-top: 39px;
}
.mt70 {
margin-top: 42px;
}
.mt75 {
margin-top: 45px;
}
.mt80 {
margin-top: 48px;
}
.mt85 {
margin-top: 51px;
}
.mt90 {
margin-top: 54px;
}
.mt95 {
margin-top: 57px;
}
.mt100 {
margin-top: 60px;
}
.mt60 {
margin-top: 36px;
}
.mt70 {
margin-top: 42px;
}
.mt80 {
margin-top: 48px;
}
.mt90 {
margin-top: 54px;
}
.mt100 {
margin-top: 60px;
}
.mb {
margin-bottom: 26.6666666667px;
}
.mb5 {
margin-bottom: 3px;
}
.mb10 {
margin-bottom: 6px;
}
.mb15 {
margin-bottom: 9px;
}
.mb20 {
margin-bottom: 12px;
}
.mb25 {
margin-bottom: 15px;
}
.mb30 {
margin-bottom: 18px;
}
.mb35 {
margin-bottom: 21px;
}
.mb40 {
margin-bottom: 24px;
}
.mb45 {
margin-bottom: 27px;
}
.mb50 {
margin-bottom: 30px;
}
.mb55 {
margin-bottom: 33px;
}
.mb60 {
margin-bottom: 36px;
}
.mb65 {
margin-bottom: 39px;
}
.mb70 {
margin-bottom: 42px;
}
.mb75 {
margin-bottom: 45px;
}
.mb80 {
margin-bottom: 48px;
}
.mb85 {
margin-bottom: 51px;
}
.mb90 {
margin-bottom: 54px;
}
.mb95 {
margin-bottom: 57px;
}
.mb100 {
margin-bottom: 60px;
}
.mb60 {
margin-bottom: 36px;
}
.mb70 {
margin-bottom: 42px;
}
.mb80 {
margin-bottom: 48px;
}
.mb90 {
margin-bottom: 54px;
}
.mb100 {
margin-bottom: 60px;
}
.pl {
padding-left: 26.6666666667px;
}
.pl5 {
padding-left: 3px;
}
.pl10 {
padding-left: 6px;
}
.pl15 {
padding-left: 9px;
}
.pl20 {
padding-left: 12px;
}
.pl25 {
padding-left: 15px;
}
.pr {
padding-right: 26.6666666667px;
}
.pr5 {
padding-right: 3px;
}
.pr10 {
padding-right: 6px;
}
.pr15 {
padding-right: 9px;
}
.pr20 {
padding-right: 12px;
}
.pr25 {
padding-right: 15px;
}
.ml {
margin-left: 26.6666666667px;
}
.ml5 {
margin-left: 3px;
}
.ml10 {
margin-left: 6px;
}
.ml15 {
margin-left: 9px;
}
.ml20 {
margin-left: 12px;
}
.ml25 {
margin-left: 15px;
}
.mr {
margin-right: 26.6666666667px;
}
.mr5 {
margin-right: 3px;
}
.mr10 {
margin-right: 6px;
}
.mr15 {
margin-right: 9px;
}
.mr20 {
margin-right: 12px;
}
.mr25 {
margin-right: 15px;
}
}  .lh0 {
line-height: 0;
}
.w10 {
width: 10px;
}
.w20 {
width: 20px;
}
.w30 {
width: 30px;
}
.w40 {
width: 40px;
}
.w50 {
width: 50px;
}
.w60 {
width: 60px;
}
.w70 {
width: 70px;
}
.w80 {
width: 80px;
}
.w90 {
width: 90px;
}
.w100 {
width: 100px;
}
.w110 {
width: 110px;
}
.w120 {
width: 120px;
}
.w130 {
width: 130px;
}
.w140 {
width: 140px;
}
.w150 {
width: 150px;
}
.w160 {
width: 160px;
}
.w170 {
width: 170px;
}
.w180 {
width: 180px;
}
.w190 {
width: 190px;
}
.w200 {
width: 200px;
}
.w210 {
width: 210px;
}
.w220 {
width: 220px;
}
.w230 {
width: 230px;
}
.w240 {
width: 240px;
}
.w250 {
width: 250px;
}
.w260 {
width: 260px;
}
.w270 {
width: 270px;
}
.w280 {
width: 280px;
}
.w290 {
width: 290px;
}
.w300 {
width: 300px;
}
@media screen and (max-width: 750px) {
.w10-sp {
width: 10px;
}
}
@media screen and (max-width: 750px) {
.w20-sp {
width: 20px;
}
}
@media screen and (max-width: 750px) {
.w30-sp {
width: 30px;
}
}
@media screen and (max-width: 750px) {
.w40-sp {
width: 40px;
}
}
@media screen and (max-width: 750px) {
.w50-sp {
width: 50px;
}
}
@media screen and (max-width: 750px) {
.w60-sp {
width: 60px;
}
}
@media screen and (max-width: 750px) {
.w70-sp {
width: 70px;
}
}
@media screen and (max-width: 750px) {
.w80-sp {
width: 80px;
}
}
@media screen and (max-width: 750px) {
.w90-sp {
width: 90px;
}
}
@media screen and (max-width: 750px) {
.w100-sp {
width: 100px;
}
}
@media screen and (max-width: 750px) {
.w110-sp {
width: 110px;
}
}
@media screen and (max-width: 750px) {
.w120-sp {
width: 120px;
}
}
@media screen and (max-width: 750px) {
.w130-sp {
width: 130px;
}
}
@media screen and (max-width: 750px) {
.w140-sp {
width: 140px;
}
}
@media screen and (max-width: 750px) {
.w150-sp {
width: 150px;
}
}
@media screen and (max-width: 750px) {
.w160-sp {
width: 160px;
}
}
@media screen and (max-width: 750px) {
.w170-sp {
width: 170px;
}
}
@media screen and (max-width: 750px) {
.w180-sp {
width: 180px;
}
}
@media screen and (max-width: 750px) {
.w190-sp {
width: 190px;
}
}
@media screen and (max-width: 750px) {
.w200-sp {
width: 200px;
}
}
@media screen and (max-width: 750px) {
.w210-sp {
width: 210px;
}
}
@media screen and (max-width: 750px) {
.w220-sp {
width: 220px;
}
}
@media screen and (max-width: 750px) {
.w230-sp {
width: 230px;
}
}
@media screen and (max-width: 750px) {
.w240-sp {
width: 240px;
}
}
@media screen and (max-width: 750px) {
.w250-sp {
width: 250px;
}
}
@media screen and (max-width: 750px) {
.w260-sp {
width: 260px;
}
}
@media screen and (max-width: 750px) {
.w270-sp {
width: 270px;
}
}
@media screen and (max-width: 750px) {
.w280-sp {
width: 280px;
}
}
@media screen and (max-width: 750px) {
.w290-sp {
width: 290px;
}
}
@media screen and (max-width: 750px) {
.w300-sp {
width: 300px;
}
}
.w150 {
width: 150px;
}
.w200 {
width: 200px;
}
.w250 {
width: 250px;
}
.w300 {
width: 300px;
}
.w350 {
width: 350px;
}
.w400 {
width: 400px;
}
.w450 {
width: 450px;
}
.w500 {
width: 500px;
}
@media screen and (max-width: 750px) {
.w150-sp {
width: 150px;
}
}
@media screen and (max-width: 750px) {
.w200-sp {
width: 200px;
}
}
@media screen and (max-width: 750px) {
.w250-sp {
width: 250px;
}
}
@media screen and (max-width: 750px) {
.w300-sp {
width: 300px;
}
}
@media screen and (max-width: 750px) {
.w350-sp {
width: 350px;
}
}
@media screen and (max-width: 750px) {
.w400-sp {
width: 400px;
}
}
@media screen and (max-width: 750px) {
.w450-sp {
width: 450px;
}
}
@media screen and (max-width: 750px) {
.w500-sp {
width: 500px;
}
}
.w5p {
width: 5%;
}
.w10p {
width: 10%;
}
.w15p {
width: 15%;
}
.w20p {
width: 20%;
}
.w25p {
width: 25%;
}
.w30p {
width: 30%;
}
.w35p {
width: 35%;
}
.w40p {
width: 40%;
}
.w45p {
width: 45%;
}
.w50p {
width: 50%;
}
.w55p {
width: 55%;
}
.w60p {
width: 60%;
}
.w65p {
width: 65%;
}
.w70p {
width: 70%;
}
.w75p {
width: 75%;
}
.w80p {
width: 80%;
}
.w85p {
width: 85%;
}
.w90p {
width: 90%;
}
.w95p {
width: 95%;
}
.w100p {
width: 100%;
}
@media screen and (max-width: 750px) {
.w5p-sp {
width: 5%;
}
}
@media screen and (max-width: 750px) {
.w10p-sp {
width: 10%;
}
}
@media screen and (max-width: 750px) {
.w15p-sp {
width: 15%;
}
}
@media screen and (max-width: 750px) {
.w20p-sp {
width: 20%;
}
}
@media screen and (max-width: 750px) {
.w25p-sp {
width: 25%;
}
}
@media screen and (max-width: 750px) {
.w30p-sp {
width: 30%;
}
}
@media screen and (max-width: 750px) {
.w35p-sp {
width: 35%;
}
}
@media screen and (max-width: 750px) {
.w40p-sp {
width: 40%;
}
}
@media screen and (max-width: 750px) {
.w45p-sp {
width: 45%;
}
}
@media screen and (max-width: 750px) {
.w50p-sp {
width: 50%;
}
}
@media screen and (max-width: 750px) {
.w55p-sp {
width: 55%;
}
}
@media screen and (max-width: 750px) {
.w60p-sp {
width: 60%;
}
}
@media screen and (max-width: 750px) {
.w65p-sp {
width: 65%;
}
}
@media screen and (max-width: 750px) {
.w70p-sp {
width: 70%;
}
}
@media screen and (max-width: 750px) {
.w75p-sp {
width: 75%;
}
}
@media screen and (max-width: 750px) {
.w80p-sp {
width: 80%;
}
}
@media screen and (max-width: 750px) {
.w85p-sp {
width: 85%;
}
}
@media screen and (max-width: 750px) {
.w90p-sp {
width: 90%;
}
}
@media screen and (max-width: 750px) {
.w95p-sp {
width: 95%;
}
}
@media screen and (max-width: 750px) {
.w100p-sp {
width: 100%;
}
}
@media screen and (max-width: 950px) {
br.pc {
display: none;
}
}
br.tablet {
display: none;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
br.tablet {
display: inline;
}
}
br.sp {
display: none;
}
@media screen and (max-width: 750px) {
br.sp {
display: inline;
}
}  .btn {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btn a, .btn input, .btn span {
-webkit-appearance: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
cursor: pointer;
outline: none;
max-width: 100%;
height: 70px;
padding-left: 10px;
padding-right: 10px;
font-size: 24px;
font-size: 1.7142857143rem;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border: none;
color: #FFF;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: solid 2px #000;
width: 600px;
top: 0;
font-family: 'Noto Serif JP', sans-serif;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-r-white2.png) no-repeat right 20px center;
background-color: #000; }
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.btn a, .btn input, .btn span {
background-image: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-r-white2@2x.png);
background-size: 40px auto;
}
}
.btn a.back, .btn input.back, .btn span.back {
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-l-white3.png) no-repeat left 20px center;
background-color: #ccc;
border-color: #ccc;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
.btn a.back, .btn input.back, .btn span.back {
background-image: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-l-white3@2x.png);
background-size: 40px auto;
}
}
.btn a.back:hover, .btn input.back:hover, .btn span.back:hover {
text-decoration: none;
background-position: left 15px center;
}
.btn a.back.black, .btn input.back.black, .btn span.back.black {
background-color: #000;
border-color: #000;
}
.btn a.w100p, .btn input.w100p, .btn span.w100p {
width: 100%;
}
.btn a.tal, .btn input.tal, .btn span.tal {
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding-left: 20px;
}
.btn a.noto, .btn input.noto, .btn span.noto {
font-family: 'Noto Sans JP', sans-serif;
}
.btn a.no-arrow, .btn input.no-arrow, .btn span.no-arrow {
background-image: none;
}
.btn a.small, .btn input.small, .btn span.small {
height: 46px;
font-size: 16px;
font-size: 1.1428571429rem;
font-weight: bold;
}
@media screen and (max-width: 750px) {
.btn a.small, .btn input.small, .btn span.small {
height: 42px;
}
}
.btn a img, .btn input img, .btn span img {
height: 24px;
width: auto;
margin-right: 5px;
}
@media screen and (max-width: 750px) {
.btn a img, .btn input img, .btn span img {
height: 18px;
}
}
@media screen and (max-width: 370px) {
.btn a img, .btn input img, .btn span img {
height: 15px;
width: auto;
margin-right: 2px;
}
}
.btn a.white, .btn input.white, .btn span.white {
border-color: #FFF;
color: #FFF;
background-color: transparent;
}
.btn a.yellow, .btn input.yellow, .btn span.yellow {
color: #ffdc4b; background-image: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-yellow.svg);
}
.btn a.btn-contact, .btn input.btn-contact, .btn span.btn-contact {
width: 100%;
background-color: transparent;
border: none;
background: #4a3a29;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #31210e), color-stop(0, #4a3a29));
background: -webkit-linear-gradient#4a3a29, #31210e;
background: -moz-linear-gradient#4a3a29, #31210e;
background: -ms-linear-gradient#4a3a29, #31210e;
background: -o-linear-gradient#4a3a29, #31210e;
background: linear-gradient#4a3a29, #31210e;
}
.btn a.btn-contact:before, .btn input.btn-contact:before, .btn span.btn-contact:before {
content: "";
display: block;
position: absolute;
left: auto;
top: 50%;
width: 40px;
height: 10px;
right: 20px;
margin-top: -5px;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-r-white2.png) no-repeat center center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 750px) {
.btn a.btn-contact, .btn input.btn-contact, .btn span.btn-contact {
height: auto;
font-size: 15px;
font-size: 1.0714285714rem;
font-weight: bold;
padding: 15px 10px 30px;
background-size: 18px auto;
background: #31210e;
width: 300px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn a.btn-contact:before, .btn input.btn-contact:before, .btn span.btn-contact:before {
width: 18px;
height: 5px;
background-size: 18px auto;
top: auto;
bottom: 10px;
margin-top: 0;
right: 10px;
}
}
@media screen and (max-width: 750px) and (max-width: 370px) {
.btn a.btn-contact, .btn input.btn-contact, .btn span.btn-contact {
font-size: 14px;
font-size: 1rem;
font-weight: bold;
}
.btn a.btn-contact br, .btn input.btn-contact br, .btn span.btn-contact br {
display: none;
}
}
.btn a.btn-contact:hover:before, .btn input.btn-contact:hover:before, .btn span.btn-contact:hover:before {
right: 15px;
}
.btn a:hover, .btn input:hover, .btn span:hover {
text-decoration: none;
background-position: right 15px center;
}
.btn a.gray, .btn input.gray, .btn span.gray {
background-color: #aaaaaa;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.btn a, .btn input, .btn span {
height: 60px;
width: 500px;
}
}
@media screen and (max-width: 750px) {
.btn a, .btn input, .btn span {
height: auto;
font-size: 18px;
font-size: 1.2857142857rem;
font-weight: bold;
padding: 5px 10px;
background-position: right 10px center;
background-size: 18px auto;
width: 300px;
}
.btn a.back, .btn input.back, .btn span.back {
background-size: 18px auto;
}
}
@media screen and (max-width: 750px) and (max-width: 370px) {
.btn a, .btn input, .btn span {
font-size: 16px;
font-size: 1.1428571429rem;
font-weight: bold;
background-position: right 5px center;
}
}
.btn input {
display: -moz-inline-box;
display: inline-block;
}
.btn.tac a, .btn.tac input, .btn.tac span {
margin-left: auto;
margin-right: auto;
}
.btn-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 -10px -15px;
}
.btn-block > * {
margin: 0 10px 15px;
}
@media screen and (max-width: 750px) {
.btn-block > * {
width: 100%;
}
.btn-block > * a {
width: 100%;
}
}  input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
-webkit-appearance: none;
height: 40px;
line-height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #b3b3b3;
font-size: 14px;
font-size: 1rem;
position: relative;
padding-left: 10px;
background: #FFF;
}
input[type="text"]:placeholder-shown, input[type="email"]:placeholder-shown, input[type="tel"]:placeholder-shown, input[type="password"]:placeholder-shown {
color: #b8b8b8;
}
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
color: #b8b8b8;
}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="password"]:-moz-placeholder {
color: #b8b8b8;
opacity: 1;
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="password"]::-moz-placeholder {
color: #b8b8b8;
opacity: 1;
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {
color: #b8b8b8;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus {
background-color: #FFF;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
-ms-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
}
input[type="text"].lg, input[type="email"].lg, input[type="tel"].lg, input[type="password"].lg {
height: 50px;
line-height: 50px;
font-size: 18px;
font-size: 1.2857142857rem;
}
textarea {
-webkit-appearance: none;
height: 250px;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
resize: vertical;
border: 1px solid #b3b3b3;
background: #FFF;
font-size: 14px;
font-size: 1rem;
padding: 10px;
}
textarea:focus {
background-color: #FFF;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
-ms-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
}
textarea.h100 {
height: 100px;
}
@media screen and (max-width: 750px) {
textarea {
height: 170px;
}
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked + .checkbox:after {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
input[type="radio"] {
display: none;
}
input[type="radio"]:checked + .radio:after {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}
label.checkbox {
padding-left: 30px;
min-height: 20px;
cursor: pointer;
margin: 0;
display: -moz-inline-box;
display: inline-block;
font-weight: normal;
position: relative;
}
label.checkbox.single {
width: 20px;
padding-left: 0;
}
label.checkbox:before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -11px;
display: -moz-inline-box;
display: inline-block;
width: 21px;
height: 21px;
background-color: #FFF;
border: 1px solid #b3b3b3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
label.checkbox:after {
content: '';
position: absolute;
top: 50%;
left: 8px;
margin-top: -7px;
display: block;
width: 5px;
height: 10px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
z-index: 1;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
label.radio {
padding-left: 30px;
min-height: 24px;
cursor: pointer;
margin: 0;
display: -moz-inline-box;
display: inline-block;
font-weight: normal;
position: relative;
}
label.radio.single {
width: 20px;
padding-left: 0;
}
label.radio:before {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
display: -moz-inline-box;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #b3b3b3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFF;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
}
label.radio:after {
content: '';
position: absolute;
top: 50%;
margin-top: -8px;
left: 4px;
display: block;
width: 12px;
height: 12px;
background-color: #b3b3b3;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.check-radios {
margin-right: -15px;
margin-bottom: -5px;
}
.check-radios li {
margin: 0 15px 5px 0;
}
.select-list > div:not(:last-child) {
margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
.select-list {
width: 100%;
}
.select-list > div:not(:last-child) {
margin-bottom: 10px;
}
}
.email-block {
width: 100%;
}
.email-block div {
padding-bottom: 15px;
}
@media screen and (max-width: 750px) {
.email-block div {
padding-bottom: 10px;
}
}
.address-block {
width: 100%;
}
.address-block .address {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 20px;
}
.address-block .address > div {
margin: 0 10px;
}
.address-block .prefecture {
margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
.address-block .address {
margin-bottom: 10px;
}
.address-block .address > div {
margin: 0 10px;
}
.address-block .prefecture {
margin-bottom: 10px;
}
}
.tel-list {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -10px;
}
.tel-list > div {
width: 80px;
margin: 0 10px;
}
.tel-list > div input {
width: 100%;
}
label.select {
position: relative;
display: block;
background-color: #FFF;
max-width: 100%;
}
label.select:after {
position: absolute;
content: "";
display: block;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #b3b3b3 transparent transparent transparent;
right: 10px;
top: 50%;
margin-top: -3px;
pointer-events: none;
}
@media screen and (max-width: 750px) {
label.select.w400 {
width: 100%;
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 40px;
width: 100%;
line-height: 40px;
max-width: 100%;
padding: 0 40px 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #b3b3b3;
outline: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: transparent;
cursor: pointer;
font-size: 14px;
font-size: 1rem;
font-weight: normal;
position: relative;
}
select option {
padding: 8px;
border: none;
}
select.w400 {
width: 400px;
}
select.lg {
height: 50px;
line-height: 50px;
font-size: 18px;
font-size: 1.2857142857rem;
}
select::-ms-expand {
display: none;
}  table {
width: 100%;
}
table.tbl1 {
border-collapse: separate;
border-spacing: 10px 10px;
}
table.tbl1 tr {
border: solid 1px #000000;
}
table.tbl1 th, table.tbl1 td {
background-color: #eee;
border: solid 1px #000000;
}
table.tbl1 th {
font-size: 18px;
font-size: 1.2857142857rem;
color: #FFF;
text-align: center;
width: 50%;
}
table.tbl1 th > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
}
table.tbl2 tr {
border-spacing: 0px 10px;
border-bottom: 1px solid #444444;
}
table.tbl2 tr:first-child th:first-child {
background-color: #e8e8e0;
}
table.tbl2 tr th {
font-size: 20px;
font-size: 1.4285714286rem;
width: 300px;
background-color: black;
color: white;
text-align: center;
}
table.tbl2 tr th:nth-child(2) {
margin-right: 10px;
}
table.tbl2 tr td:nth-child(2) {
background-color: #f0f0f0;
}
table.tbl2 tr td:nth-child(3) {
background-color: white;
}
table.tbl3 tr th, table.tbl3 tr td {
margin: 10px;
border-bottom: solid 1px #ff0000;
}
table.tbl3 tr th {
width: 300px;
}
table.tbl3 tr th > div {
background-color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
color: #FFF;
}
table.bordered {
position: relative;
margin-bottom: 40px;
}
table.bordered tr th, table.bordered tr td {
border-bottom: solid 1px #000;
padding: 20px 20px;
font-size: 18px;
font-size: 1.2857142857rem;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.5;
}
table.bordered tr th {
position: relative;
color: #FFF;
font-weight: bold;
}
table.bordered tr th:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 10px;
width: auto;
height: auto;
background-color: #8E7227;
z-index: -1;
height: calc(100% - 20px);
width: calc(100% - 10px);
}
table.bordered tr td.td-title {
position: relative;
color: #FFF;
font-weight: bold;
}
table.bordered tr td.td-title:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 10px;
width: auto;
height: auto;
background-color: #b19a57;
z-index: -1;
height: calc(100% - 20px);
width: calc(100% - 10px);
}
@media screen and (max-width: 750px) {
table.bordered tr th, table.bordered tr td {
padding: 10px 5px;
font-size: 15px;
font-size: 1.0714285714rem;
}
table.bordered tr th:before {
top: 5px;
height: calc(100% - 10px);
width: calc(100% - 5px);
}
table.bordered tr td {
font-size: 14px;
font-size: 1rem;
}
table.bordered tr td.td-title:before {
top: 5px;
height: calc(100% - 10px);
width: calc(100% - 5px);
}
}  .heading-lv01 {
font-size: 24px;
font-size: 1.7142857143rem;
}
.heading-lv02 {
font-size: 40px;
font-size: 2.8571428571rem;
font-weight: bold;
text-align: center;
padding-bottom: 60px;
font-family: 'Noto Serif JP', sans-serif;
line-height: 1.5;
}
.heading-lv02 span {
font-family: "游ゴシック体", "Yu Gothic", YuGothic,"游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 26px;
font-size: 1.8571428571rem;
font-weight: bold;
display: block;
color: #444;
text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.heading-lv02 {
padding-bottom: 20px;
font-size: 34px;
font-size: 2.4285714286rem;
font-weight: bold;
}
}
@media screen and (max-width: 750px) {
.heading-lv02 {
font-size: 20px;
font-size: 1.4285714286rem;
font-weight: bold;
padding-bottom: 20px;
}
}
.heading-lv03 {
font-size: 46px;
font-size: 3.2857142857rem;
font-weight: bold;
color: #000;
text-align: center;
line-height: 1.3;
padding-bottom: 55px;
font-family: 'Noto Serif JP', sans-serif;
}
.heading-lv03.white {
color: #FFF;
}
.heading-lv03 span {
display: block;
font-size: 24px;
font-size: 1.7142857143rem;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.heading-lv03 {
padding-bottom: 35px;
font-size: 38px;
font-size: 2.7142857143rem;
}
.heading-lv03 span {
font-size: 20px;
font-size: 1.4285714286rem;
}
}
@media screen and (max-width: 750px) {
.heading-lv03 {
padding-bottom: 30px;
font-size: 23px;
font-size: 1.6428571429rem;
}
.heading-lv03 span {
font-size: 13px;
font-size: 0.9285714286rem;
}
}
.heading-lv04 {
font-size: 24px;
font-size: 1.7142857143rem;
text-align: center;
font-weight: normal;
line-height: 1.2;
padding-bottom: 55px;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative;
font-family: 'Noto Serif JP', sans-serif;
}
.heading-lv04:before {
content: "";
display: block;
position: absolute;
left: auto;
top: auto;
width: 50%;
height: 2px;
position: relative;
background-color: #000;
margin-top: 16px;
}
.heading-lv04:after {
content: "";
display: block;
position: absolute;
left: auto;
top: auto;
width: 50%;
height: 2px;
position: relative;
background-color: #000;
margin-top: 16px;
}
.heading-lv04 b {
white-space: nowrap;
padding-left: 25px;
padding-right: 25px;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.heading-lv04 {
font-size: 24px;
font-size: 1.7142857143rem;
padding-bottom: 35px;
}
}
@media screen and (max-width: 750px) {
.heading-lv04 {
font-size: 16px;
font-size: 1.1428571429rem;
padding-bottom: 20px;
}
.heading-lv04:before, .heading-lv04:after {
margin-top: 8px;
}
.heading-lv04 b {
padding-left: 15px;
padding-right: 15px;
}
}
.heading-lv05 {
font-size: 40px;
font-size: 2.8571428571rem;
font-family: 'Noto Serif JP', sans-serif;
font-weight: bold;
text-align: center;
line-height: 1.5;
margin-bottom: 40px;
color: #000;
}
.heading-lv05 span {
padding-top: 10px;
display: block;
width: 100%;
font-size: 30px;
font-size: 2.1428571429rem;
}
@media screen and (max-width: 750px) {
.heading-lv05 {
font-size: 25px;
font-size: 1.7857142857rem;
margin-bottom: 10px;
}
.heading-lv05 span {
padding-top: 5px;
font-size: 15px;
font-size: 1.0714285714rem;
}
}
.heading-lv06 {
font-size: 26px;
font-size: 1.8571428571rem;
text-align: center;
color: #444;
margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
.heading-lv06 {
font-size: 15px;
font-size: 1.0714285714rem;
margin-bottom: 13px;
}
}
.heading-lv07 {
color: #000;
font-size: 26px;
font-size: 1.8571428571rem;
font-weight: bold;
margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
.heading-lv07 {
font-size: 15px;
font-size: 1.0714285714rem;
margin-bottom: 5px;
}
}
.heading-lv08 {
font-size: 16px;
font-size: 1.1428571429rem;
font-weight: bold;
margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
.heading-lv08 {
font-size: 15px;
font-size: 1.0714285714rem;
margin-bottom: 5px;
}
}
.heading-lv09 {
font-size: 20px;
font-size: 1.4285714286rem;
font-weight: bold;
margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
.heading-lv09 {
font-size: 15px;
font-size: 1.0714285714rem;
margin-bottom: 13px;
}
}
.heading-lv10 {
font-size: 28px;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.3;
font-family: 'Noto Serif JP', sans-serif;
background-color: #1e1e1e;
color: #FFF;
padding: 10px 10px 14px;
position: relative;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/bg-hdlv10.jpg) repeat;
margin-bottom: 50px;
}
.heading-lv10:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: auto;
width: 0;
height: 0;
bottom: -13px;
border-style: solid;
border-width: 13px 15px 0 15px;
border-color: #1e1e1e transparent transparent transparent;
margin-left: -6px;
}
.heading-lv10 span {
display: block;
font-size: 24px;
font-size: 1.7142857143rem;
}
.heading-lv10 .yellow {
color: #ffcd49;
}
@media screen and (min-width: 751px) and (max-width: 950px) {
.heading-lv10 {
font-size: 26px;
font-size: 1.8571428571rem;
font-weight: bold;
}
}
@media screen and (max-width: 750px) {
.heading-lv10 {
font-size: 23px;
font-size: 1.6428571429rem;
padding-bottom: 13px;
margin-bottom: 25px;
}
.heading-lv10 span {
font-size: 13px;
font-size: 0.9285714286rem;
}
}
.heading-lv11 {
margin-top: 60px;
font-size: 24px;
font-size: 1.7142857143rem;
font-weight: 500;
position: relative;
line-height: 1.5;
padding-left: 20px;
margin-bottom: 50px;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.heading-lv11 a {
color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.heading-lv11 a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
}
.heading-lv11:before {
content: "";
display: block;
position: absolute;
left: 0;
top: auto;
width: 100%;
height: 2px;
bottom: -20px;
background-color: #b8a445;
}
.heading-lv11:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 1px;
width: 13px;
height: 100%;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/hd-border@2x.png) repeat-y center center;
background-size: 100% auto;
}
@media screen and (max-width: 750px) {
.heading-lv11 {
font-size: 18px;
font-size: 1.2857142857rem;
padding-left: 13px;
margin-bottom: 30px;
margin-top: 30px;
}
.heading-lv11:after {
width: 7px;
}
.heading-lv11:before {
bottom: -13px;
}
}
.heading-lv12 {
color: #444;
font-size: 20px;
font-size: 1.4285714286rem;
padding-bottom: 10px;
border-bottom: dotted 1px #b8a445;
margin-bottom: 20px;
}
.heading-lv12.none-border {
margin-bottom: 13px;
padding-bottom: 0px;
border-bottom: none;
}
.heading-lv12 a {
color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.heading-lv12 a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
}
@media screen and (max-width: 750px) {
.heading-lv12 {
font-size: 15px;
font-size: 1.0714285714rem;
margin-bottom: 10px;
}
.heading-lv12.none-border {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: dotted 1px #b8a445;
}
}
.heading-lv13 {
color: #444;
font-size: 19px;
font-size: 1.3571428571rem;
font-weight: bold;
margin-bottom: 6px;
}
.heading-lv13 a {
color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.heading-lv13 a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
}
@media screen and (max-width: 750px) {
.heading-lv13 {
font-size: 15px;
font-size: 1.0714285714rem;
margin-bottom: 10px;
}
}
.txt-lv01 {
font-size: 18px;
font-size: 1.2857142857rem;
margin-bottom: 45px;
}
.txt-lv01.mb0 {
margin-bottom: 0;
}
.txt-lv01.tal {
text-align: left;
}
.txt-lv01.mt {
margin-top: 20px;
}
.txt-lv01.mb {
margin-bottom: 10px;
}
.txt-lv01.gray {
color: #444;
}
.txt-lv01 strong {
font-weight: bold;
}
.txt-lv01 p:not(:last-of-type) {
margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
.txt-lv01 p:not(:last-of-type) {
margin-bottom: 7px;
}
}
@media screen and (max-width: 750px) {
.txt-lv01 {
margin-bottom: 25px;
}
.txt-lv01.tac {
text-align: left;
}
}
.txt-lv02 {
font-size: 20px;
font-size: 1.4285714286rem;
font-weight: bold;
margin-bottom: 45px;
text-align: center;
color: #000;
}
.txt-lv02.tal {
text-align: left;
}
@media screen and (max-width: 750px) {
.txt-lv02 {
margin-bottom: 25px;
}
.txt-lv02.tac {
text-align: left;
}
}
.txt-lv03 {
font-size: 14px;
font-size: 1rem;
font-weight: bold;
padding-bottom: 10px;
}
@media screen and (max-width: 750px) {
.txt-lv03.tac {
text-align: left;
}
}
.fs11 {
font-size: 11px;
font-size: 0.7857142857rem;
}
.fs12 {
font-size: 12px;
font-size: 0.8571428571rem;
}
.fs13 {
font-size: 13px;
font-size: 0.9285714286rem;
}
.fs14 {
font-size: 14px;
font-size: 1rem;
}
.fs15 {
font-size: 15px;
font-size: 1.0714285714rem;
}
.fs16 {
font-size: 16px;
font-size: 1.1428571429rem;
}
.fs17 {
font-size: 17px;
font-size: 1.2142857143rem;
}
.fs18 {
font-size: 18px;
font-size: 1.2857142857rem;
}
.fs19 {
font-size: 19px;
font-size: 1.3571428571rem;
}
.fs20 {
font-size: 20px;
font-size: 1.4285714286rem;
}
.fs21 {
font-size: 21px;
font-size: 1.5rem;
}
.fs22 {
font-size: 22px;
font-size: 1.5714285714rem;
}
.fs23 {
font-size: 23px;
font-size: 1.6428571429rem;
}
.fs24 {
font-size: 24px;
font-size: 1.7142857143rem;
}
.fs25 {
font-size: 25px;
font-size: 1.7857142857rem;
}
.fs26 {
font-size: 26px;
font-size: 1.8571428571rem;
}
.fs27 {
font-size: 27px;
font-size: 1.9285714286rem;
}
.fs28 {
font-size: 28px;
font-size: 2rem;
}
.fs29 {
font-size: 29px;
font-size: 2.0714285714rem;
}
.fs30 {
font-size: 30px;
font-size: 2.1428571429rem;
}
.fw-b {
font-weight: bold;
}
.tac {
text-align: center;
}
.tal {
text-align: left;
}
.tar {
text-align: right;
}
.red {
color: #ff2f2f;
}
.sup {
padding-left: 1em;
position: relative;
display: block;
}
.sup:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
content: '※';
}
.link a {
display: -moz-inline-box;
display: inline-block;
padding-right: 60px;
position: relative;
color: #91c0a9;
line-height: 1.2;
}
.link a:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
position: absolute;
left: auto;
top: 50%;
width: 36px;
height: 10px;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-link.svg) no-repeat center center;
}
.link a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
}
.link a:hover:before {
right: -5px;
}
.link.tar a {
padding-left: 60px;
padding-right: 0;
font-size: 15px;
font-size: 1.0714285714rem;
color: #967d32;
}
.link.tar a:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
width: 36px;
height: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/arrow-link-gold.svg) no-repeat center center;
}
.link.tar a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
}
.link.tar a:hover:before {
left: 5px;
}
.link.mt {
margin-top: 30px;
}
.tag {
line-height: 1.2;
}
.tag > span, .tag > a {
display: -moz-inline-box;
display: inline-block;
font-size: 11px;
font-size: 0.7857142857rem;
font-weight: bold;
color: #FFF;
padding: 3px 13px;
background-color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tag > a:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=70);
opacity: 0.7;
text-decoration: none;
}
.bold {
font-weight: bold;
} .post {
font-size: 17px;
font-size: 1.2142857143rem;
}
.post ul:not(:last-child) {
margin-bottom: 40px;
}
.post ul li {
list-style-type: none;
text-indent: -1em;
padding-left: 1em;
}
.post ul li:before {
content: "\0030fb";
margin-right: 0.5em;
}
.post ol {
padding-left: 1.5em;
}
.post ol:not(:last-child) {
margin-bottom: 40px;
}
.post ol li {
list-style-type: decimal;
padding-bottom: 5px;
}
.post ol li:last-child {
padding-bottom: 0;
}
.post strong {
font-weight: bold;
}
.post em {
font-style: italic;
}
.post del {
text-decoration: line-through;
color: #f2f2f2;
}
.post blockquote {
display: block;
padding: 20px;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-ms-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
border: 2px solid #b3b3b3;
text-align: center;
}
.post blockquote:not(:last-child) {
margin-bottom: 40px;
}
.post .h, .post h1, .post h4, .post h5 {
line-height: 1.3;
letter-spacing: 0.1em;
}
.post .h:not(:first-child), .post h1:not(:first-child), .post h4:not(:first-child), .post h5:not(:first-child) {
margin-top: 40px;
}
.post .h:not(:last-child), .post h1:not(:last-child), .post h4:not(:last-child), .post h5:not(:last-child) {
margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
.post .h:not(:first-child), .post h1:not(:first-child), .post h4:not(:first-child), .post h5:not(:first-child) {
margin-top: 13.3333333333px;
}
.post .h:not(:last-child), .post h1:not(:last-child), .post h4:not(:last-child), .post h5:not(:last-child) {
margin-bottom: 13.3333333333px;
}
}
.post h1 {
font-size: 27px;
font-size: 1.9285714286rem;
font-weight: bold;
border-left: 3px solid #91c0a9;
padding: 5px 0 5px 15px;
}
.post h2 {
font-size: 40px;
font-size: 2.8571428571rem;
font-weight: bold;
text-align: center;
line-height: 1.3;
font-family: 'Noto Serif JP', sans-serif;
background-color: #1e1e1e;
color: #FFF;
padding: 10px 10px 13px;
position: relative;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/bg-hdlv10.jpg) repeat;
margin-bottom: 50px;
margin-top: 40px;
}
.post h2:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: auto;
width: 0;
height: 0;
bottom: -13px;
border-style: solid;
border-width: 13px 15px 0 15px;
border-color: #1e1e1e transparent transparent transparent;
margin-left: -6px;
}
.post h2 span {
display: block;
font-size: 24px;
font-size: 1.7142857143rem;
}
@media screen and (max-width: 750px) {
.post h2 {
font-size: 23px;
font-size: 1.6428571429rem;
padding-bottom: 13px;
margin-bottom: 25px;
}
.post h2 span {
font-size: 13px;
font-size: 0.9285714286rem;
}
}
.post h3 {
margin-top: 40px;
font-size: 32px;
font-size: 2.2857142857rem;
font-weight: 500;
position: relative;
line-height: 1.5;
padding-left: 20px;
margin-bottom: 60px;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.post h3:before {
content: "";
display: block;
position: absolute;
left: 0;
top: auto;
width: 100%;
height: 2px;
bottom: -20px;
background-color: #b8a445;
}
.post h3:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 1px;
width: 13px;
height: 100%;
background: url(//eclaine.jp/wp/wp-content/themes/cubeduo/img/common/hd-border@2x.png) repeat-y center center;
background-size: 100% auto;
}
@media screen and (max-width: 750px) {
.post h3 {
font-size: 18px;
font-size: 1.2857142857rem;
padding-left: 13px;
margin-bottom: 40px;
}
.post h3:after {
width: 7px;
}
.post h3:before {
bottom: -13px;
}
}
.post h4 {
font-size: 19px;
font-size: 1.3571428571rem;
font-weight: bold;
}
.post h5 {
font-size: 17px;
font-size: 1.2142857143rem;
font-weight: bold;
}
.post img {
display: block;
margin: 0 auto 60px;
}
@media screen and (max-width: 750px) {
.post img {
margin: 0 auto 25px;
}
}
.post iframe {
max-width: 100%;
}
.post .aligncenter {
text-align: center;
display: block;
margin: 40px auto 0;
}
.post .alignright {
text-align: right;
float: right;
display: block;
margin: 0 0 10px 15px;
}
.post .alignleft {
text-align: left;
float: left;
margin: 0 15px 10px 0;
}
.post .wp-caption:not(:last-child) {
margin-bottom: 40px;
}
.post p:not(:last-child) {
margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
.post p:not(:last-child) {
margin-bottom: 20px;
}
}
.post table:not(:last-child) {
margin-bottom: 40px;
}
.post table td p {
padding-bottom: 15px;
line-height: 1.5;
}
.post table td p:last-child {
padding-bottom: 0;
}
.post cite {
border: 1px solid #b3b3b3;
margin-top: 15px;
padding: 10px;
display: -moz-inline-box;
display: inline-block;
}
.post cite:before, .post cite:after {
content: "\00201d";
}
.post small {
font-size: 12px;
font-size: 0.8571428571rem;
}
.post .video-container {
max-width: 640px;
margin: 40px auto 0;
}
.post .video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.post .video iframe, .post .video object, .post .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 750px) {
.post .alignright {
max-width: 160px;
height: auto;
margin: 0 0 10px 10px;
}
.post .alignleft {
max-width: 160px;
height: auto;
margin: 0 10px 10px 0;
}
}
@media screen and (max-width: 750px) {
.post {
font-size: 14px;
font-size: 1rem;
}
}
.iv {
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
*[data-emergence], *.eg {
-webkit-animation-duration: 0.6s;
-moz-animation-duration: 0.6s;
-ms-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=0);
opacity: 0;
}
*[data-emergence=visible] {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
} @keyframes floating {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(30%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(30%);
}
100% {
-webkit-transform: translateY(0%);
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes flipIn {
0% {
opacity: 0;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
@keyframes flipIn {
0% {
opacity: 0;
-webkit-transform: perspective(2000px) rotateY(90deg);
-ms-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
.flipIn {
-webkit-animation-name: flipIn;
animation-name: flipIn;
-webkit-transform-origin: center center;
transform-origin: center center;
}main.top #high-powered .txt-block {
font-size: 18px;
font-size: 1.2857142857rem;
color: #444;
}
main.top #high-powered .txt-block p:not(:last-of-type) {
padding-bottom: 30px;
}
@media screen and (min-width: 751px) and (max-width: 950px) { } @media screen and (max-width: 750px) { main.top #high-powered .txt-block {
font-size: 15px;
font-size: 1.0714285714rem;
}
main.top #high-powered .txt-block p {
line-height: 1.6;
}
main.top #high-powered .txt-block p:not(:last-of-type) {
padding-bottom: 15px;
}
}