@charset "UTF-8"; /* Preset ------------------------------------------------*/ @import url(~swiper/dist/css/swiper.min.css); @import url(~luminous-lightbox/dist/luminous-basic.min.css); .lum-lightbox { z-index: 100; } .lum-lightbox-inner img { max-width: 100%; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bold; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, kbd, pre, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } /* Functions -------------------------------------------------------------- */ /* Mixins -------------------------------------------------------------- */ /* Define Placeholder Selectors -------------------------------------------------------------- */ /* Position **/ /* Opacity -------------------------------------------------------------- */ /* Width -------------------------------------------------------------- */ .gallery-columns-1 .gallery-item, .post-content .wp-block-columns.has-1-columns .wp-block-column, .cta-box .wp-block-columns.has-1-columns .wp-block-column, .ace-block .wp-block-columns.has-1-columns .wp-block-column, .archive-description .wp-block-columns.has-1-columns .wp-block-column { width: 100%; } .gallery-columns-2 .gallery-item, .post-content .wp-block-columns.has-2-columns .wp-block-column, .cta-box .wp-block-columns.has-2-columns .wp-block-column, .ace-block .wp-block-columns.has-2-columns .wp-block-column, .archive-description .wp-block-columns.has-2-columns .wp-block-column { width: 50%; } .gallery-columns-3 .gallery-item, .post-content .wp-block-columns.has-3-columns .wp-block-column, .cta-box .wp-block-columns.has-3-columns .wp-block-column, .ace-block .wp-block-columns.has-3-columns .wp-block-column, .archive-description .wp-block-columns.has-3-columns .wp-block-column { width: 33.33333%; } .gallery-columns-4 .gallery-item, .post-content .wp-block-columns.has-4-columns .wp-block-column, .cta-box .wp-block-columns.has-4-columns .wp-block-column, .ace-block .wp-block-columns.has-4-columns .wp-block-column, .archive-description .wp-block-columns.has-4-columns .wp-block-column { width: 25%; } .gallery-columns-5 .gallery-item, .post-content .wp-block-columns.has-5-columns .wp-block-column, .cta-box .wp-block-columns.has-5-columns .wp-block-column, .ace-block .wp-block-columns.has-5-columns .wp-block-column, .archive-description .wp-block-columns.has-5-columns .wp-block-column { width: 20%; } .gallery-columns-6 .gallery-item, .post-content .wp-block-columns.has-6-columns .wp-block-column, .cta-box .wp-block-columns.has-6-columns .wp-block-column, .ace-block .wp-block-columns.has-6-columns .wp-block-column, .archive-description .wp-block-columns.has-6-columns .wp-block-column { width: 16.66667%; } .gallery-columns-7 .gallery-item, .post-content .wp-block-columns.has-7-columns .wp-block-column, .cta-box .wp-block-columns.has-7-columns .wp-block-column, .ace-block .wp-block-columns.has-7-columns .wp-block-column, .archive-description .wp-block-columns.has-7-columns .wp-block-column { width: 14.28571%; } .gallery-columns-8 .gallery-item, .post-content .wp-block-columns.has-8-columns .wp-block-column, .cta-box .wp-block-columns.has-8-columns .wp-block-column, .ace-block .wp-block-columns.has-8-columns .wp-block-column, .archive-description .wp-block-columns.has-8-columns .wp-block-column { width: 12.5%; } .gallery-columns-9 .gallery-item, .post-content .wp-block-columns.has-9-columns .wp-block-column, .cta-box .wp-block-columns.has-9-columns .wp-block-column, .ace-block .wp-block-columns.has-9-columns .wp-block-column, .archive-description .wp-block-columns.has-9-columns .wp-block-column { width: 11.11111%; } .gallery-columns-10 .gallery-item, .post-content .wp-block-columns.has-10-columns .wp-block-column, .cta-box .wp-block-columns.has-10-columns .wp-block-column, .ace-block .wp-block-columns.has-10-columns .wp-block-column, .archive-description .wp-block-columns.has-10-columns .wp-block-column { width: 10%; } /* Font Size -------------------------------------------------------------- */ .font-size-1 { font-size: 1rem; } .font-size-2 { font-size: 2rem; } .font-size-3 { font-size: 3rem; } .font-size-4 { font-size: 4rem; } .font-size-5 { font-size: 5rem; } .font-size-6 { font-size: 6rem; } .font-size-7 { font-size: 7rem; } .font-size-8 { font-size: 8rem; } .font-size-9 { font-size: 9rem; } .font-size-10 { font-size: 10rem; } .font-size-11 { font-size: 11rem; } .font-size-12 { font-size: 12rem; } .font-size-13 { font-size: 13rem; } .font-size-14 { font-size: 14rem; } .font-size-15 { font-size: 15rem; } .font-size-16 { font-size: 16rem; } .font-size-17 { font-size: 17rem; } .font-size-18 { font-size: 18rem; } .font-size-19 { font-size: 19rem; } .font-size-20 { font-size: 20rem; } .font-size-21 { font-size: 21rem; } .font-size-22 { font-size: 22rem; } .font-size-23 { font-size: 23rem; } .font-size-24 { font-size: 24rem; } .font-size-25 { font-size: 25rem; } .font-size-26 { font-size: 26rem; } .font-size-27 { font-size: 27rem; } .font-size-28 { font-size: 28rem; } .font-size-29 { font-size: 29rem; } .font-size-30 { font-size: 30rem; } /* Clearfix -------------------------------------------------------------- */ .gallery:after, .clearfix:before, .horizontal-line:before, .clear-both { clear: both; } /* Abs Centered -------------------------------------------------------------- */ /* --*/ @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(359deg); } } @-moz-keyframes spin { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(359deg); } } @-webkit-keyframes spin-y { 0% { transform: rotateY(0deg); } 25% { transform: rotateY(540deg); } 50% { transform: rotateY(720deg); } 75% { transform: rotateY(900deg); } 100% { transform: rotateY(1439deg); } } @-moz-keyframes spin-y { 0% { transform: rotateY(0deg); } 25% { transform: rotateY(540deg); } 50% { transform: rotateY(720deg); } 75% { transform: rotateY(900deg); } 100% { transform: rotateY(1439deg); } } @keyframes spin-y { 0% { transform: rotateY(0deg); } 25% { transform: rotateY(540deg); } 50% { transform: rotateY(720deg); } 75% { transform: rotateY(900deg); } 100% { transform: rotateY(1439deg); } } @-webkit-keyframes zoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @-moz-keyframes zoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes zoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @-webkit-keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(1.5); } 100% { opacity: 0; transform: scale(1.5); } } @-moz-keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(1.5); } 100% { opacity: 0; transform: scale(1.5); } } @keyframes pulse { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(1.5); } 100% { opacity: 0; transform: scale(1.5); } } @keyframes float { 0% { transform: translatey(0px); } 50% { transform: translatey(-10px); } 100% { transform: translatey(0px); } } .circle { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 60px; height: 60px; margin: auto; opacity: 1; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50px; } .scircle { border: 2px solid white; border-left: 2px solid rgba(0, 0, 0, 0); border-right: 2px solid rgba(0, 0, 0, 0); } .nora-animation .animation-following-shadow { position: relative; } .nora-animation .animation-following-shadow::before { position: absolute; animation-delay: 250ms; background-color: #EEEEEE; } .nora-animation .animation-following-shadow::after { position: absolute; animation-delay: 500ms; background-color: #AAAAAA; } .nora-animation.spin, .nora-animation.scircle { transform: initial; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: 1; animation-timing-function: linear; } .nora-animation.spin:hover, .nora-animation.scircle:hover { transform: initial; animation-name: spin; animation-duration: 250ms; animation-iteration-count: infinite; animation-timing-function: linear; } .nora-animation.spin::before, .nora-animation.scircle::before { transform: initial; animation-name: spin; animation-duration: 250ms; animation-iteration-count: 1; animation-timing-function: linear; } .nora-animation.spin::after, .nora-animation.scircle::after { transform: initial; animation-name: spin; animation-duration: 4000ms; animation-delay: 500ms; animation-iteration-count: 1; animation-timing-function: linear; } .nora-animation.spin-y { animation-name: spin-y; animation-duration: 2000ms; animation-iteration-count: 1; animation-timing-function: ease-in; } .nora-animation.spin-y::before { animation-name: spin-y; animation-duration: 2000ms; animation-delay: 250ms; animation-iteration-count: 1; animation-timing-function: ease-in; } .nora-animation.spin-y::after { animation-name: spin-y; animation-duration: 2000ms; animation-delay: 500ms; animation-iteration-count: 1; animation-timing-function: ease-in; } .running-underline { position: relative; } .running-underline::after { position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 0; border-bottom: solid 1px rgba(0, 0, 0, 0.9); transition: width 2s ease; } .running-underline.hoverable:hover::after, .running-underline.activatable:active::after, .running-underline.focusable:focus::after, .running-underline.focusable-within:focus-within::after { width: 100%; } .raise-shadow { transition: box-shadow 0.5s ease 0s; } .raise-shadow.hoverable:hover, .raise-shadow.activatable:active, .raise-shadow.focusable:focus, .raise-shadow.focusable-within:focus-within { box-shadow: 1px 1px 1px 0px rgba(200, 200, 200, 0.9); } .hover-text-shadow { transition: text-shadow 1s ease; } .hover-text-shadow.hoverable:hover, .hover-text-shadow.activatable:active, .hover-text-shadow.focusable:focus, .hover-text-shadow.focusable-within:focus-within { text-shadow: 0px 0px 1px rgba(100, 100, 100, 0.9); } .translate.hoverable:hover, .translate.activatable:active, .translate.focusable:focus, .translate.focusable-within:focus-within { transition: transform 0.5s ease; } .translate.hoverable:hover.up, .translate.activatable:active.up, .translate.focusable:focus.up, .translate.focusable-within:focus-within.up { transform: translate3d(0, -1rem, 0); } .translate.hoverable:hover.down, .translate.activatable:active.down, .translate.focusable:focus.down, .translate.focusable-within:focus-within.down { transform: translate3d(0, 1rem, 0); } .translate.hoverable:hover.left, .translate.activatable:active.left, .translate.focusable:focus.left, .translate.focusable-within:focus-within.left { transform: translate3d(-1rem, 0, 0); } .translate.hoverable:hover.right, .translate.activatable:active.right, .translate.focusable:focus.right, .translate.focusable-within:focus-within.right { transform: translate3d(1rem, 0, 0); } .mobile .translate.hoverable:hover.up, .mobile .translate.activatable:active.up, .mobile .translate.focusable:focus.up, .mobile .translate.focusable-within:focus-within.up { transform: translate3d(0, -0.5rem, 0); } .mobile .translate.hoverable:hover.down, .mobile .translate.activatable:active.down, .mobile .translate.focusable:focus.down, .mobile .translate.focusable-within:focus-within.down { transform: translate3d(0, 0.5rem, 0); } .mobile .translate.hoverable:hover.left, .mobile .translate.activatable:active.left, .mobile .translate.focusable:focus.left, .mobile .translate.focusable-within:focus-within.left { transform: translate3d(-0.5rem, 0, 0); } .mobile .translate.hoverable:hover.right, .mobile .translate.activatable:active.right, .mobile .translate.focusable:focus.right, .mobile .translate.focusable-within:focus-within.right { transform: translate3d(0.5rem, 0, 0); } .pulse, .ace .gsc-search-box-tools table.gsc-search-box .gsc-search-button button.gsc-search-button { overflow: visible; position: relative; } .pulse::before, .ace .gsc-search-box-tools table.gsc-search-box .gsc-search-button button.gsc-search-button::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: inherit; border-radius: 50%; border: solid 1px rgba(200, 200, 200, 0.9); transition: opacity .3s, transform .3s; animation: pulse 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; } .zoomable { overflow: hidden; } .zoomable svg, .zoomable img { transition: transform 0.5s ease; } .zoomable.hoverable:hover svg, .zoomable.hoverable:hover img, .zoomable.activatable:active svg, .zoomable.activatable:active img, .zoomable.focusable:focus svg, .zoomable.focusable:focus img, .zoomable.focusable-within:focus-within svg, .zoomable.focusable-within:focus-within img { transform: scale(1.2); } .rotate3d-up-right-20 { transition: transform 0.5s ease 0s, box-shadow 0.5s ease 0s; } .rotate3d-up-right-20:hover { transform: translate3d(0, -0.5rem, 0) rotate3d(0.5, 0.5, 0, 20deg); box-shadow: -0.5rem 1rem 1rem 0.1rem rgba(200, 200, 200, 0.9) !important; } .rotate3d-up-left-20 { transition: transform 0.5s ease 0s, box-shadow 0.5s ease 0s; } .rotate3d-up-left-20:hover { transform: translate3d(0, -0.5rem, 0) rotate3d(0.5, -0.5, 0, 20deg); box-shadow: 0.5rem 1rem 1rem 0.1rem rgba(200, 200, 200, 0.9) !important; } .with-enter-animation.enter-fade { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-enter-animation.enter-fade.ready { opacity: 0; transform: translateY(-5rem); } .with-enter-animation.enter-fade.entered:not(:root) { opacity: 1; transform: none; } .with-enter-animation.enter-fade-up { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-enter-animation.enter-fade-up.ready { opacity: 0; transform: translateY(100%); } .with-enter-animation.enter-fade-up.entered:not(:root) { opacity: 1; transform: none; } .with-enter-animation.enter-fade-right { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-enter-animation.enter-fade-right.ready { opacity: 0; transform: translateX(100%); } .with-enter-animation.enter-fade-right.entered:not(:root) { opacity: 1; transform: none; } .with-enter-animation.enter-fade-down { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-enter-animation.enter-fade-down.ready { opacity: 0; transform: translateY(-100%); } .with-enter-animation.enter-fade-down.entered:not(:root) { opacity: 1; transform: none; } .with-enter-animation.enter-fade-left { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-enter-animation.enter-fade-left.ready { opacity: 0; transform: translateX(-100%); } .with-enter-animation.enter-fade-left.entered:not(:root) { opacity: 1; transform: none; } .ace-no-js .with-enter-animation:not(:root) { opacity: 1; transform: none; } .with-hide-animation.hide-fade { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-hide-animation.hide-fade.shown:not(:root) { opacity: 1; transform: none; } .with-hide-animation.hide-fade.hidden { opacity: 0; transform: translateY(-5rem); } .with-hide-animation.hide-fade-up { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-hide-animation.hide-fade-up.shown:not(:root) { opacity: 1; transform: none; } .with-hide-animation.hide-fade-up.hidden { opacity: 0; transform: translateY(100%); } .with-hide-animation.hide-fade-right { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-hide-animation.hide-fade-right.shown:not(:root) { opacity: 1; transform: none; } .with-hide-animation.hide-fade-right.hidden { opacity: 0; transform: translateX(100%); } .with-hide-animation.hide-fade-down { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-hide-animation.hide-fade-down.shown:not(:root) { opacity: 1; transform: none; } .with-hide-animation.hide-fade-down.hidden { opacity: 0; transform: translateY(-100%); } .with-hide-animation.hide-fade-left { transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .with-hide-animation.hide-fade-left.shown:not(:root) { opacity: 1; transform: none; } .with-hide-animation.hide-fade-left.hidden { opacity: 0; transform: translateX(-100%); } .floating-icon { position: relative; } .floating-icon > * { transition: transform .5s ease; } .floating-icon::after { position: absolute; bottom: 0; content: ""; display: block; width: 100%; height: 3px; border-radius: 100%; background-color: #c8c8c8; opacity: 0; transition: opacity .5s ease; } .floating-icon:hover > * { transform: translateY(-0.5rem); } .floating-icon:hover::after { opacity: 1; } .with-animation-spread-out { display: inline-block; width: fit-content; transition: transform 2s ease 0s, opacity 2s ease 0s, visibility 2s ease 0s; /* &:hover { opacity: 0; visibility: hidden; transform: translate3d(calc(var(--translate-x)), calc(var(--translate-y)), calc(var(--translate-z))) rotate3d(calc(var(--rotate-x)),calc(var(--rotate-y)),calc(var(--rotate-z)),calc(var(--rotate-a))) scale(var(--scale)); transition: transform 2s ease 0s, opacity 2s ease 0s, visibility 2s ease 0s; } */ } .with-animation-spread-out.ready { opacity: 0; visibility: hidden; transform: translate3d(calc(var(--translate-x)), calc(var(--translate-y)), calc(var(--translate-z))) rotate3d(calc(var(--rotate-x)), calc(var(--rotate-y)), calc(var(--rotate-z)), calc(var(--rotate-a))) scale(var(--scale)); } .with-animation-spread-out.entered:not(:root) { opacity: 1; visibility: visible; transform: none; } .with-animation-spread-out.shown:not(:root) { opacity: 1; visibility: visible; transform: none; } .with-animation-spread-out.hidden { opacity: 0; visibility: hidden; transform: translate3d(calc(var(--translate-x)), calc(var(--translate-y)), calc(var(--translate-z))) rotate3d(calc(var(--rotate-x)), calc(var(--rotate-y)), calc(var(--rotate-z)), calc(var(--rotate-a))) scale(var(--scale)); } .ace-no-js .with-animation-spread-out:not(:root) { opacity: 1; visibility: hidden; transform: none; } .clip-circle { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .clip-triangle { -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } .clip-triangle-upsidedown { -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); } .clip-rhombus { -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .rotate, .nora-glyph.rhombus, .nora-glyph.rhombus-box { transform: translate3d(0, 0, 0) rotate(45deg); } .nora-glyph { position: relative; display: block; width: 1em; height: 1em; border: none; transition: transform 0.5s ease; } .nora-glyph::before { content: ""; position: absolute; display: block; width: 100%; height: 100%; transition: transform 0.5s ease; } .nora-glyph::after { content: ""; position: absolute; display: block; width: 100%; height: 100%; transition: transform 0.5s ease; } .nora-glyph.circle { border-radius: 50%; box-shadow: 0 0 0px 1px rgba(200, 200, 200, 0.9); } .nora-glyph.circle::before { width: 50%; height: 50%; } .nora-glyph.circle::after { width: 50%; height: 50%; } .nora-glyph.square, .nora-glyph.rhombus, .nora-glyph.rhombus-box { border: solid 1px; } .nora-glyph.square::after, .nora-glyph.rhombus::after, .nora-glyph.rhombus-box::after { content: ""; border: solid 1px; } .nora-glyph.arrow::after { top: 0.4em; left: 0.3em; content: ""; border: none; width: 25%; height: 25%; transform: rotate(45deg); border-color: rgba(150, 150, 150, 0.9); } .nora-glyph.arrow.up::after { content: ""; left: 0.355em; border: none; border-left: solid 1px rgba(150, 150, 150, 0.9); border-top: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrow.right::after { content: ""; border: none; border-top: solid 1px rgba(150, 150, 150, 0.9); border-right: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrow.down::after { content: ""; top: 0.35em; left: 0.355em; border: none; border-right: solid 1px rgba(150, 150, 150, 0.9); border-bottom: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrow.left::after { content: ""; left: 0.4em; border: none; border-bottom: solid 1px rgba(150, 150, 150, 0.9); border-left: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows::before { top: 0.4em; left: 0.3em; content: ""; border: none; width: 25%; height: 25%; transform: rotate(45deg); border-color: rgba(150, 150, 150, 0.9); } .nora-glyph.arrows::after { top: 0.4em; left: 0.3em; content: ""; border: none; width: 25%; height: 25%; transform: rotate(45deg); border-color: rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.up::before { content: ""; left: 0.355em; border: none; border-left: solid 1px rgba(150, 150, 150, 0.9); border-top: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.up::after { content: ""; top: 0.5em; left: 0.355em; border: none; border-left: solid 1px rgba(150, 150, 150, 0.9); border-top: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.right::before { content: ""; left: 0.4em; border: none; border-top: solid 1px rgba(150, 150, 150, 0.9); border-right: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.right::after { content: ""; left: 0.25em; border: none; border-top: solid 1px rgba(150, 150, 150, 0.9); border-right: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.down::before { content: ""; left: 0.355em; border: none; border-right: solid 1px rgba(150, 150, 150, 0.9); border-bottom: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.down::after { content: ""; top: 0.3em; left: 0.355em; border: none; border-right: solid 1px rgba(150, 150, 150, 0.9); border-bottom: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.left::before { content: ""; left: 0.35em; border: none; border-bottom: solid 1px rgba(150, 150, 150, 0.9); border-left: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.arrows.left::after { content: ""; left: 0.5em; border: none; border-bottom: solid 1px rgba(150, 150, 150, 0.9); border-left: solid 1px rgba(150, 150, 150, 0.9); } .nora-glyph.info::after { content: "?"; border: none; } /* Rotate X -------------------------------------------------------*/ .rotate-x-45 { transform: rotateX(45deg); } .rotate-x-90 { transform: rotateX(90deg); } .rotate-x-135 { transform: rotateX(135deg); } .rotate-x-180 { transform: rotateX(180deg); } .rotate-x-225 { transform: rotateX(225deg); } .rotate-x-270 { transform: rotateX(270deg); } .rotate-x-315 { transform: rotateX(315deg); } .rotate-x-360 { transform: rotateX(360deg); } /* Rotate Y -------------------------------------------------------*/ .rotate-y-45 { transform: rotateY(45deg); } .rotate-y-90 { transform: rotateY(90deg); } .rotate-y-135 { transform: rotateY(135deg); } .rotate-y-180 { transform: rotateY(180deg); } .rotate-y-225 { transform: rotateY(225deg); } .rotate-y-270 { transform: rotateY(270deg); } .rotate-y-315 { transform: rotateY(315deg); } .rotate-y-360 { transform: rotateY(360deg); } /* Google ------------------------------------------------*/ .ace .gsc-search-box-tools { margin: 1rem auto; padding: 0.1rem 0; max-width: 768px; border-bottom: solid 1px #c8c8c8; } .ace .gsc-search-box-tools table.gsc-search-box td.gsc-input { padding: 0; } .ace .gsc-search-box-tools table.gsc-search-box td.gsc-input .gsc-input-box { border: none; } .ace .gsc-search-box-tools table.gsc-search-box .gsc-search-button button.gsc-search-button { padding: 10px; border: solid 1px #c8c8c8; border-radius: 50%; background-color: unset; background-image: unset; transition: background-color 0.5s ease; } .ace .gsc-search-box-tools table.gsc-search-box .gsc-search-button button.gsc-search-button svg { fill: #c8c8c8; transition: fill 0.5s ease; } .ace .gsc-search-box-tools table.gsc-search-box:hover .gsc-search-button button.gsc-search-button { background-color: #c8c8c8; } .ace .gsc-search-box-tools table.gsc-search-box:hover .gsc-search-button button.gsc-search-button svg { fill: white; } /* Plugin ------------------------------------------------*/ .woocommerce div.woocommerce-shop { display: flex; flex-wrap: wrap; } .woocommerce div.woocommerce-shop .page-title { width: 100%; position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 2rem/2 serif; text-align: center; } .woocommerce div.woocommerce-shop .page-title::after { content: ""; display: block; position: absolute; bottom: -0.2rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .woocommerce div.woocommerce-shop .woocommerce-notices-wrapper { width: 100%; text-align: center; } .woocommerce div.woocommerce-shop .woocommerce-result-count { width: 100%; text-align: center; } .woocommerce div.woocommerce-shop .woocommerce-ordering { width: 100%; text-align: center; } .woocommerce div.woocommerce-shop .woocommerce-ordering .orderby { height: 150%; box-shadow: 0 0 0 1px #c8c8c8; border-radius: 0; font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; background-color: white; } .woocommerce div.woocommerce-shop ul.products { margin: 2rem auto; width: 100%; } .woocommerce div.woocommerce-shop ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; } .woocommerce div.woocommerce-shop ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .woocommerce div.woocommerce-shop ul.products li.product a.woocommerce-loop-product__link span.price { text-shadow: none; } .woocommerce div.woocommerce-shop ul.products li.product a.add_to_cart_button, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_simple, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_grouped, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_external, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_variable { display: block; margin: auto; max-width: 160px; background-color: white; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7rem/1.5 sans-serif; color: #646464; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; } .woocommerce div.woocommerce-shop ul.products li.product a.add_to_cart_button:hover, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_simple:hover, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_grouped:hover, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_external:hover, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_variable:hover { color: white; background-color: #646464; } .woocommerce div.woocommerce-shop ul.products li.product.sale .woocommerce-loop-product__link .onsale { background-color: red; min-height: unset; border-radius: unset; top: 0; left: 0; right: unset; margin: auto; text-shadow: none; } @media screen and (max-width: 767.98px) { .woocommerce div.woocommerce-shop { display: flex; flex-wrap: wrap; } .woocommerce div.woocommerce-shop .page-title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 2rem/2 serif; text-align: center; } .woocommerce div.woocommerce-shop .page-title::after { content: ""; display: block; position: absolute; bottom: -0.2rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .woocommerce div.woocommerce-shop div.woocommerce-notices-wrapper { text-align: center; } .woocommerce div.woocommerce-shop p.woocommerce-result-count { text-align: center; } .woocommerce div.woocommerce-shop form.woocommerce-ordering { text-align: center; } .woocommerce div.woocommerce-shop ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title { font: italic 100 1rem/1.5 serif; } .woocommerce div.woocommerce-shop ul.products li.product a.add_to_cart_button, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_grouped, .woocommerce div.woocommerce-shop ul.products li.product a.product_type_external { font: normal 100 0.7rem/1.5 sans-serif; } .woocommerce div.woocommerce-shop nav.woocommerce-pagination ul.page-numbers li > .page-numbers { padding: 1rem; } } @media screen and (min-width: 768px) { .woocommerce div.woocommerce-shop { display: flex; flex-wrap: wrap; } .woocommerce div.woocommerce-shop .page-title { width: 100%; position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 2rem/2 serif; text-align: center; } .woocommerce div.woocommerce-shop .page-title::after { content: ""; display: block; position: absolute; bottom: -0.2rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .woocommerce div.woocommerce-shop .woocommerce-notices-wrapper { width: 100%; text-align: center; } .woocommerce div.woocommerce-shop .woocommerce-result-count { width: 50%; text-align: center; } .woocommerce div.woocommerce-shop .woocommerce-ordering { width: 50%; text-align: center; } } body.woocommerce div.woocommerce-product div.product { display: flex; flex-wrap: wrap; } body.woocommerce div.woocommerce-product div.product span.onsale { background-color: red; min-height: unset; border-radius: unset; top: 0; left: 0; right: unset; margin: auto; text-shadow: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery { margin: 0 auto 2rem; max-width: 600px; width: 100%; float: unset; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.woocommerce-product-gallery-inner { max-width: 600px; max-height: 600px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.woocommerce-product-gallery-inner figure.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image { max-width: 600px; max-height: 600px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.woocommerce-product-gallery-inner figure.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image[data-thumb=""] { content: "No Image"; background-color: #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.product-gallery-slide-thumbnail-container { max-width: 600px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.product-gallery-slide-thumbnail-container div.swiper-wrapper div.swiper-slide { height: 75px; background-size: cover; background-position: center; background-repeat: no-repeat; } body.woocommerce div.woocommerce-product div.product div.entry-summary { margin: 0 auto 2rem; padding: 0.5rem; width: 100%; float: unset; } body.woocommerce div.woocommerce-product div.product div.entry-summary h1.entry-title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 2rem/2 serif; } body.woocommerce div.woocommerce-product div.product div.entry-summary h1.entry-title::after { content: ""; display: block; position: absolute; bottom: -0.1rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.entry-summary p.price { color: #ffb43c; font: normal 100 1rem/2 serif; } body.woocommerce div.woocommerce-product div.product div.entry-summary p.price ins { text-decoration: none; } body.woocommerce div.woocommerce-product div.product div.entry-summary p.price ins::after { content: " on Sale"; text-decoration: none; display: inline; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart div.quantity input.input-text { font: normal 100 0.8rem/1 sans-serif; padding: 0.5rem; border: none; box-shadow: 0 0 0 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart.variations_form table.variations td { padding: 0.5rem; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart.variations_form table.variations label { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart.variations_form table.variations select { height: 2rem; font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart button.button { font: normal 100 1rem/1 sans-serif; color: #646464; background-color: white; box-shadow: 0 0 0 1px #646464; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart button.button:hover { color: white; background-color: #646464; } body.woocommerce div.woocommerce-product div.product div.entry-summary div.product_meta > span { display: block; font: normal 100 0.8rem/2 serif; } body.woocommerce div.woocommerce-product div.product div.entry-summary div.product_meta > span.posted_in a { color: #0078b4; } body.woocommerce div.woocommerce-product div.product div.entry-summary div.product_meta > span.tagged_as a { color: #0078b4; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs { display: block; width: 100%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs { display: none; margin: 0 auto; padding: 0; width: 20%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs::before { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs::after { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li { margin: 0 auto; display: block; border: none; border-radius: 0; border-width: 2px; background-color: transparent; font: normal 100 1rem/2 serif; transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li::before { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li::after { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li a { font: normal 100 1rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; text-shadow: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li.active, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li:hover { border-left: solid 2px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel { width: 100%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel h2:first-child { position: relative; margin: 0 auto 1rem; padding: 0 0 0 0.5rem; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6 { position: relative; margin: 1rem 0; padding: 0 0 0 0.5rem; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6::after { position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 0; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.9); transition: width 0.5s ease; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6:hover { text-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.9); } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6:hover::after { width: 100%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1 { font: normal 900 2rem/2.5 "YuMincho", "游明朝体", serif; border-top: solid 1px rgba(200, 200, 200, 0.9); border-left: solid 0.1rem #646464; clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2 { font: normal 100 1.8rem/2 "YuMincho", "游明朝体", serif; border-left: solid 0.1rem #646464; clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3 { font: normal 100 1.6rem/1.5 "YuMincho", "游明朝体", serif; clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4 { font-size: 1.4rem; border-top: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5 { font-size: 1.2rem; border-left: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6 { font-size: 1rem; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description p { font: normal 100 0.8rem/2 "YuMincho", "游明朝体", serif; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description ol, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description ul, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description dl { font-size: 0.8rem; padding-left: 1.5rem; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ul li, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ol li, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > dl dt { display: list-item; margin-top: 1rem; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ul ul, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ol ol, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > dl dl { padding-left: 1rem; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description blockquote { font-size: 12px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description pre { padding: 1rem; font-size: 0.8rem; border: solid 1px rgba(230, 230, 230, 0.9); } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2:first-child { position: relative; margin: 0 auto 1rem; padding: 0 0 0 0.5rem; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments { margin: 0 auto 2rem; border-bottom: dashed 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments h2.woocommerce-Reviews-title { position: relative; margin: 0rem auto 1rem; padding: 0 0 0 0.5rem; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments p.woocommerce-noreviews { font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist { padding: 0; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist::before { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container img.avatar, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.review div.comment_container img.avatar { position: absolute; top: 1rem; left: 1rem; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container div.comment-text, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.review div.comment_container div.comment-text { margin: auto; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container div.comment-text div.star-rating::before, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.review div.comment_container div.comment-text div.star-rating::before { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container div.comment-text div.star-rating span::before, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.review div.comment_container div.comment-text div.star-rating span::before { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container div.comment-text p.meta, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.review div.comment_container div.comment-text p.meta { margin: 3rem auto 1rem; width: 100%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container div.comment-text div.description p, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.review div.comment_container div.comment-text div.description p { font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#review_form_wrapper form#commentform div.comment-form-rating p.stars span a { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#review_form_wrapper form#commentform div.comment-form-rating p.stars span a::before { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#review_form_wrapper form#commentform p.comment-form-comment textarea#comment { box-shadow: 0 0 0 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product section.related.products { width: 100%; } body.woocommerce div.woocommerce-product div.product section.related.products > h2:first-child { position: relative; margin: 0 auto 1rem; padding: 0 0 0 0.5rem; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products { display: flex; flex-wrap: wrap; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product { margin: 0 auto 1rem; float: unset; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.woocommerce-loop-product__link { display: block; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1rem/1.5 serif; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.woocommerce-loop-product__link div.star-rating::before { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.woocommerce-loop-product__link div.star-rating span::before { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product > a.button, body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.product_type_simple, body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.product_type_grouped { display: block; margin: auto; max-width: 160px; background-color: white; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7rem/1 sans-serif; color: #646464; text-align: center; } body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product > a.button:hover, body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.product_type_simple:hover, body.woocommerce div.woocommerce-product div.product section.related.products ul.products li.product a.product_type_grouped:hover { color: white; background-color: #646464; } @media screen and (max-width: 767.98px) { body.woocommerce div.woocommerce-product div.woocommerce-tabs { display: block; width: 100%; } body.woocommerce div.woocommerce-product div.woocommerce-tabs ul.wc-tabs { display: none; } body.woocommerce div.woocommerce-product div.woocommerce-tabs ul.wc-tabs::before { display: none; } body.woocommerce div.woocommerce-product div.woocommerce-tabs ul.wc-tabs::after { display: none; } body.woocommerce div.woocommerce-product div.woocommerce-tabs ul.wc-tabs li::before { display: none; } body.woocommerce div.woocommerce-product div.woocommerce-tabs ul.wc-tabs li::after { display: none; } body.woocommerce div.woocommerce-product div.woocommerce-tabs ul.wc-tabs li a { font: normal 100 1rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; text-shadow: none; } body.woocommerce div.woocommerce-product div.woocommerce-tabs div.panel { display: block !important; width: 100%; } body.woocommerce div.woocommerce-product div.woocommerce-tabs div.panel div#reviews { margin: 0 auto 2rem; border-bottom: dashed 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.woocommerce-tabs div.panel div#reviews h2.woocommerce-Reviews-title { position: relative; margin: 0rem auto 1rem; padding: 0 0 0 0.5rem; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.woocommerce-tabs div.panel div#reviews p.woocommerce-noreviews { font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.woocommerce-tabs div.panel div#reviews ol.commentlist { padding: 0; } body.woocommerce div.woocommerce-product div.woocommerce-tabs div.panel div#reviews ol.commentlist::before { display: none; } body.woocommerce div.woocommerce-product section.related.products ul.products li.product { float: unset; } } @media screen and (min-width: 768px) { body.woocommerce div.woocommerce-product div.product { display: flex; flex-wrap: wrap; } body.woocommerce div.woocommerce-product div.product span.onsale { background-color: red; min-height: unset; border-radius: unset; top: 0; left: 0; right: unset; margin: auto; text-shadow: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery { margin: 0 auto 2rem; max-width: 600px; width: 50%; float: unset; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.woocommerce-product-gallery-inner { max-width: 600px; max-height: 600px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.woocommerce-product-gallery-inner figure.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image { max-width: 600px; max-height: 600px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.woocommerce-product-gallery-inner figure.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image[data-thumb=""] { content: "No Image"; background-color: #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.product-gallery-slide-thumbnail-container { max-width: 600px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-product-gallery div.product-gallery-slide-thumbnail-container div.swiper-wrapper div.swiper-slide { height: 75px; background-size: cover; background-position: center; background-repeat: no-repeat; } body.woocommerce div.woocommerce-product div.product div.entry-summary { margin: 0 auto 2rem; padding: 0.5rem; width: 50%; float: unset; } body.woocommerce div.woocommerce-product div.product div.entry-summary h1.entry-title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 2rem/2 serif; } body.woocommerce div.woocommerce-product div.product div.entry-summary h1.entry-title::after { content: ""; display: block; position: absolute; bottom: -0.1rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.entry-summary p.price { color: #ffb43c; font: normal 100 1rem/2 serif; } body.woocommerce div.woocommerce-product div.product div.entry-summary p.price ins { text-decoration: none; } body.woocommerce div.woocommerce-product div.product div.entry-summary p.price ins::after { content: " on Sale"; text-decoration: none; display: inline; } body.woocommerce div.woocommerce-product div.product div.entry-summary div.woocommerce-product-details__short-description p { font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart div.quantity input.input-text { font: normal 100 0.8rem/1 sans-serif; padding: 0.5rem; border: none; box-shadow: 0 0 0 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart button.button { font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: #646464; background-color: white; box-shadow: 0 0 0 1px #646464; } body.woocommerce div.woocommerce-product div.product div.entry-summary form.cart button.button:hover { color: white; background-color: #646464; } body.woocommerce div.woocommerce-product div.product div.entry-summary div.product_meta > span { display: block; font: normal 100 0.8rem/2 serif; } body.woocommerce div.woocommerce-product div.product div.entry-summary div.product_meta > span.posted_in a { color: #0078b4; } body.woocommerce div.woocommerce-product div.product div.entry-summary div.product_meta > span.tagged_as a { color: #0078b4; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs { display: flex; flex: wrap; width: 100%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs { display: block; margin: 0 auto; padding: 0; width: 20%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs::before { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs::after { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li { margin: 0 auto; display: block; border: none; border-radius: 0; border-width: 2px; background-color: transparent; font: normal 100 1rem/2 serif; transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li::before { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li::after { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li a { font: normal 100 1rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; text-shadow: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li.active, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs ul.wc-tabs li:hover { border-left: solid 2px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel { width: 80%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel h2:first-child { position: relative; margin: 0 auto 1rem; padding: 0 0 0 0.5rem; line-height: 2; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6 { position: relative; margin: 1rem 0; padding: 0 0 0 0.5rem; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6::after { position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 0; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.9); transition: width 0.5s ease; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5:hover, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6:hover { text-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.9); } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5:hover::after, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6:hover::after { width: 100%; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h1 { font: normal 900 2rem/2.5 "YuMincho", "游明朝体", serif; border-top: solid 1px rgba(200, 200, 200, 0.9); border-left: solid 0.1rem #646464; clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2 { font: normal 100 1.8rem/2 "YuMincho", "游明朝体", serif; border-left: solid 0.1rem #646464; clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h3 { font: normal 100 1.6rem/1.5 "YuMincho", "游明朝体", serif; clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h4 { font-size: 1.4rem; border-top: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h5 { font-size: 1.2rem; border-left: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h6 { font-size: 1rem; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description p { font: normal 100 0.8rem/2 "YuMincho", "游明朝体", serif; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description ol, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description ul, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description dl { font-size: 0.8rem; padding-left: 1.5rem; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ul li, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ol li, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > dl dt { display: list-item; margin-top: 1rem; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ul ul, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > ol ol, body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description > dl dl { padding-left: 1rem; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description blockquote { font-size: 12px; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description pre { padding: 1rem; font-size: 0.8rem; border: solid 1px rgba(230, 230, 230, 0.9); } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel.woocommerce-Tabs-panel--description h2:first-child { position: relative; margin: 0 auto 1rem; padding: 0 0 0 0.5rem; line-height: 2; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments { margin: 0 auto 2rem; border-bottom: dashed 1px #c8c8c8; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments h2.woocommerce-Reviews-title { position: relative; margin: 0rem auto 1rem; padding: 0 0 0 0.5rem; line-height: 2; border-left: solid 0.1rem #646464; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; clear: none; font: normal 100 1.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments p.woocommerce-noreviews { font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist { padding: 0; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist::before { display: none; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container { display: flex; flex-wrap: wrap; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container div.comment-text div.star-rating::before { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product div.woocommerce-tabs div.panel div#reviews div#comments ol.commentlist li.comment div.comment_container div.comment-text div.star-rating span::before { color: #ffb43c; } body.woocommerce div.woocommerce-product div.product section.related.products { width: 100%; } } body.woocommerce div.woocommerce-cart div.woocommerce-notices-wrapper div.woocommerce-message { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-remove a.remove { text-shadow: none; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions div.coupon button.button { width: 100%; float: unset; background-color: white; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: black; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions button.button { width: 100%; float: unset; background-color: white; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: black; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.cart-subtotal td a.remove { text-shadow: none; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.woocommerce-shipping-totals td form.woocommerce-shipping-calculator section.shipping-calculator-form > p button.button { width: 100%; float: unset; background-color: #c8c8c8; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } @media screen and (max-width: 767.98px) { body.woocommerce div.woocommerce-cart div.woocommerce-notices-wrapper div.woocommerce-message { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody { display: flex; flex-wrap: wrap; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr { display: block; margin: 0; width: 50%; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td { display: block; padding: 0; border: none; text-align: center !important; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td::before { display: none; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-remove { padding: 0 0 0.5rem; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-remove a.remove { text-shadow: none; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-thumbnail { margin: auto; padding: 0.1rem 1rem 1rem; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-thumbnail div.ace-attachment { box-shadow: 1px 1px 1px 1px #c8c8c8; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-thumbnail div.ace-attachment a img.attachment-woocommerce_thumbnail, body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-thumbnail div.ace-attachment a img.wp-post-image { width: 100%; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-name { position: relative; margin: auto; border-bottom: solid 1px #c8c8c8; font: italic 100 1rem/1.5 serif; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-name::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-price { padding: 1.5rem 0 0; font: italic 100 0.8rem/2 serif; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-quantity::before { content: "x "; display: inline-flex; float: unset; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-quantity div.quantity { display: inline-flex; box-shadow: 0 0 0 1px #c8c8c8; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-quantity div.quantity span.screen-reader-text input.input-text.qty { width: 2.5rem; border: solid 1px #c8c8c8; font: italic 100 0.8rem/2 serif; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-subtotal { padding: 0.5rem 0; font: normal 100 0.9rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child { width: 100%; border: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions { border: none; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions div.coupon input.input-text { margin: 0rem auto 0.5rem; width: 100%; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; text-align: center; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions div.coupon button.button { width: 100%; float: unset; background-color: #c8c8c8; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions button.button { background-color: white; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: black; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals > h2 { position: relative; margin: 2rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals > h2::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.cart-subtotal td a.remove { text-shadow: none; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.woocommerce-shipping-totals td { background-color: white; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.order-total td { background-color: rgba(200, 200, 200, 0.1); } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals div.wc-proceed-to-checkout .checkout-button { width: 100%; float: unset; background-color: #ffb45a; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } } @media screen and (min-width: 768px) { body.woocommerce div.woocommerce-cart div.woocommerce-notices-wrapper div.woocommerce-message { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table thead { display: table-header-group; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table thead tr { display: table-row; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table thead tr th { border-bottom: solid 1px rgba(200, 200, 200, 0.1); } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table thead tr th.product-thumbnail { display: table-cell; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr { display: table-row; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td { display: table-cell; border-top: solid 1px rgba(0, 0, 0, 0.1); text-align: left !important; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td::before { display: none; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-remove a.remove { text-shadow: none; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-thumbnail div.ace-attachment a img.attachment-woocommerce_thumbnail, body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-thumbnail div.ace-attachment a img.wp-post-image { width: 100px; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-quantity div.quantity { position: relative; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-quantity div.quantity::before { content: "x"; position: absolute; left: -2rem; margin: auto auto auto 0rem; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions { display: table-cell; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions div.coupon { display: flex; flex-wrap: wrap; width: 80%; float: left; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions div.coupon input.input-text { width: 70%; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions div.coupon button.button { width: 25%; margin: auto; background-color: #c8c8c8; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr:last-child td.actions button.button { width: 20%; margin: auto; border: solid 1px #c8c8c8; float: right; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals { width: 100%; float: unset; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals > h2 { position: relative; margin: 2rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals > h2::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table { font: normal 100 1rem/1 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.cart-subtotal td a.remove { text-shadow: none; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.woocommerce-shipping-totals td { background-color: white; } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals table.shop_table tbody tr.order-total td { background-color: rgba(200, 200, 200, 0.1); } body.woocommerce div.woocommerce-cart div.cart-collaterals div.cart_totals div.wc-proceed-to-checkout .checkout-button { width: 100%; float: unset; background-color: #ffb45a; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } } body.woocommerce div.woocommerce-checkout { font-family: serif; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon { display: flex; flex-wrap: wrap; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p { width: 100%; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p.form-row { display: block; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p.form-row.form-row-first { margin: auto; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p.form-row.form-row-last { margin: auto; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p input.input-text { padding: 0.3rem; border: none; border: solid 1px #c8c8c8; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p button.button { width: 100%; float: unset; background-color: #c8c8c8; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } body.woocommerce div.woocommerce-checkout div.woocommerce-notices-wrapper ul li { padding: 0.5rem; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout div.woocommerce-notices-wrapper ul li strong { font-weight: bold; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-1 { display: block; margin: 2rem auto; padding: 1rem; width: 100%; float: unset; border: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-1 div.woocommerce-billing-fields h3 { position: relative; margin: 0 auto 1rem; border-bottom: solid 1px #c8c8c8; float: unset; font: italic 100 1rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-1 div.woocommerce-billing-fields h3::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-1 div.woocommerce-billing-fields div.woocommerce-billing-fields__field-wrapper p.form-row span.woocommerce-input-wrapper input.input-text { padding: 0.3rem; border: none; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 { display: block; margin: 2rem auto; padding: 1rem; width: 100%; border: solid 1px #c8c8c8; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 div.woocommerce-shipping-fields h3 { position: relative; margin: 0 auto 1rem; border-bottom: solid 1px #c8c8c8; float: unset; font: italic 100 1rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 div.woocommerce-shipping-fields h3::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 div.woocommerce-shipping-fields h3 label { margin: auto; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 div.woocommerce-shipping-fields div.shipping_address { height: fit-content !important; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 div.woocommerce-additional-fields div.woocommerce-additional-fields__field-wrapper p.notes span.woocommerce-input-wrapper textarea.input-text { padding: 0.3rem; min-height: 200px; border: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout h3#order_review_heading { position: relative; margin: 2rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout h3#order_review_heading::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div.woocommerce-checkout-review-order table.shop_table thead tr th { font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div.woocommerce-checkout-review-order table.shop_table tfoot tr th { font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div.woocommerce-checkout-review-order div#payment ul.wc_payment_methods li.wc_payment_method label { font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div.woocommerce-checkout-review-order div#payment div.place-order div.woocommerce-terms-and-conditions-wrapper { display: block; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div.woocommerce-checkout-review-order div#payment div.place-order button#place_order { width: 100%; float: unset; background-color: #ffb45a; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout button { margin: 0 auto 1rem; padding: 0.5rem 1rem; float: unset; background-color: #ffb45a; border: none; border-radius: 0.2rem; box-shadow: none; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } body.woocommerce div.woocommerce-checkout ul.order_details { padding: 0; } @media screen and (max-width: 767.98px) { body.woocommerce div.woocommerce-checkout { font-family: serif; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-login { font: normal 100 0.8rem/1.5 serif; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p.form-row { width: 100%; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p input.input-text { display: block; padding: 0.5rem 0.3rem; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p button.button { display: block; margin: auto; max-width: 160px; } body.woocommerce div.woocommerce-checkout div.woocommerce-notices-wrapper ul li { padding: 0.5rem; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout div.woocommerce-notices-wrapper ul li strong { font-weight: bold; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-1 { display: block; width: 100%; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-1 div.woocommerce-billing-fields div.woocommerce-billing-fields__field-wrapper p.form-row span.woocommerce-input-wrapper input.input-text { border: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 { display: block; width: 100%; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 div.woocommerce-additional-fields div.woocommerce-additional-fields__field-wrapper p.notes span.woocommerce-input-wrapper textarea.input-text { border: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout ul.order_details li { margin: auto; padding: 0.5rem 1rem; width: 100%; border: none; float: unset; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-order-details h2.woocommerce-order-details__title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-order-details h2.woocommerce-order-details__title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses div.woocommerce-column--billing-address { padding: 0 0 2rem; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses div.woocommerce-column--billing-address h2.woocommerce-column__title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses div.woocommerce-column--billing-address h2.woocommerce-column__title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses div.woocommerce-column--shipping-address { padding: 0 0 2rem; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses div.woocommerce-column--shipping-address h2.woocommerce-column__title { position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; text-align: center; } body.woocommerce div.woocommerce-checkout div.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses div.woocommerce-column--shipping-address h2.woocommerce-column__title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } } @media screen and (min-width: 768px) { body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon { font: normal 100 1rem/1.5 serif; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p.form-row { display: block; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p.form-row.form-row-first { margin: auto; width: 80%; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-form-coupon p.form-row.form-row-last { margin: auto; width: 20%; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set { display: flex; flex-wrap: wrap; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-1 { display: block; width: 45%; float: unset; } body.woocommerce div.woocommerce-checkout form.woocommerce-checkout div#customer_details.col2-set div.col-2 { display: block; width: 45%; float: unset; } body.woocommerce div.woocommerce-checkout ul.order_details { width: fit-content; margin: 2rem auto; } } body.woocommerce-account h1.woocommerce-my-account-title { position: relative; display: block; margin: 0rem auto 1rem; padding: 0.5rem 0; width: 100%; border-bottom: solid 1px #c8c8c8; font: italic 100 2rem/1 serif; text-align: center; } body.woocommerce-account h1.woocommerce-my-account-title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } body.woocommerce-account div.woocommerce-my-account { max-width: 1024px; } body.woocommerce-account div.woocommerce-my-account div.woocommerce { display: flex; flex-wrap: wrap; } body.woocommerce-account div.woocommerce-my-account div.woocommerce h2.woocommerce-my-account-menu-title { display: block; margin: 0 auto 0.5rem; padding: 0.5rem; width: 100%; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1 serif; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation { float: unset; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; padding: 0; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link { position: relative; display: block; margin: 0.5rem; padding: 0; width: fit-content; font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { display: block; padding: 1rem; text-shadow: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover { background-color: #646464; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover a { color: white; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a::after, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover a::after { content: ""; position: absolute; right: 1rem; bottom: 1.5rem; display: block; width: 0.5rem; height: 0.5rem; border: none; border-bottom: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; transform: rotate(45deg); } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content { padding: 0.5rem; border: solid 1px #c8c8c8; float: unset; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p { margin: auto; padding: 1rem; font: normal 100 0.8rem/1.5 serif; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p a { font: italic 100 1rem/1 serif; text-shadow: 3px 3px 4px #c8c8c8; color: #646464; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p.woocommerce-error, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p.woocommerce-info, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p.woocommerce-message { position: relative; margin: 0rem auto 1rem !important; padding: 1rem 2rem 1rem 3.5rem !important; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > a.button { display: block; margin: auto; max-width: 160px; width: 100%; background-color: #ffb45a; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; text-align: center; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td { border-top: solid 1px rgba(0, 0, 0, 0.1); } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td::before, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td::before { content: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td a, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td a { text-shadow: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td a.button, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td a.button { float: unset; background-color: #ffb45a; font: normal 100 1rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div#customer_login > div { margin: 1rem auto; padding: 1rem; border: solid 1px #c8c8c8; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div#customer_login > div h2 { display: block; margin: 0 auto; padding: 0.5rem; width: 100%; border-bottom: solid 1px #c8c8c8; font: italic 100 1.2rem/1 serif; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div#customer_login > div form { margin: 1rem auto 2rem; border: none; font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div#customer_login > div form p.form-row input.input-text { border: solid 1px #c8c8c8; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div#customer_login > div form p.form-row button.button { display: block; margin: 1rem auto; max-width: 160px; width: 100%; background-color: #ffb45a; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; text-align: center; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div#customer_login > div form p.lost_password a { color: #007bff; text-shadow: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div#customer_login > div form div.woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link { color: #007bff; text-shadow: none; } body.woocommerce-account.woocommerce-orders div.woocommerce-MyAccount-content { /* table.account-orders-table { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; thead { } tbody { } tr { } th { } td { } } */ } body.woocommerce-account.woocommerce-view-order section.woocommerce-order-downloads h2.woocommerce-order-downloads__title { display: block; margin: 0 auto 0.5rem; padding: 0.5rem; width: 100%; border-bottom: solid 1px #c8c8c8; font: italic 100 1.2rem/1 serif; } body.woocommerce-account.woocommerce-view-order section.woocommerce-order-details h2.woocommerce-order-details__title { display: block; margin: 0 auto 0.5rem; padding: 0.5rem; width: 100%; border-bottom: solid 1px #c8c8c8; font: italic 100 1.2rem/1 serif; } body.woocommerce-account.woocommerce-view-order section.woocommerce-order-details p.order-again a.button { display: block; margin: auto; max-width: 160px; width: 100%; background-color: #ffb45a; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; text-align: center; } body.woocommerce-account.woocommerce-view-order table.order_details { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; } body.woocommerce-account.woocommerce-view-order table.order_details td { border-top: solid 1px rgba(0, 0, 0, 0.1); } body.woocommerce-account.woocommerce-view-order table.order_details td::before { content: none; } body.woocommerce-account.woocommerce-view-order table.order_details td a { text-shadow: none; } body.woocommerce-account.woocommerce-view-order table.order_details td a.woocommerce-MyAccount-downloads-file { float: unset; background-color: #ffb45a; font: normal 100 1rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; } body.woocommerce-account.woocommerce-view-order section.woocommerce-customer-details section.woocommerce-columns--addresses h2.woocommerce-column__title { display: block; margin: 2rem auto 0.5rem; padding: 0.5rem; width: 100%; border-bottom: solid 1px #c8c8c8; font: italic 100 1.2rem/1 serif; } body.woocommerce-account.woocommerce-view-order section.woocommerce-customer-details section.woocommerce-columns--addresses address { padding: 1rem; font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content div.col2-set { display: flex; flex-wrap: wrap; padding: 1rem; border: solid 1px #c8c8c8; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content div.col2-set div { margin: 0 auto 1rem; width: 48%; float: unset; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content div.col2-set div header.woocommerce-Address-title > h3 { display: block; margin: 0 auto 0.5rem; padding: 0.5rem; width: 100%; border-bottom: solid 1px #c8c8c8; font: italic 100 1.2rem/1 serif; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content div.col2-set div header.woocommerce-Address-title > a.edit { display: block; margin: auto 1rem; padding: 0.5rem 1rem; border: solid 1px #646464; font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: #646464; text-shadow: none; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content div.col2-set div header.woocommerce-Address-title > a.edit:hover { color: white; background-color: #646464; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content div.col2-set div address { font: normal 100 0.9rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form { padding: 1rem; border: solid 1px #c8c8c8; font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form > h3 { width: 50%; margin: 1rem auto; border-bottom: solid 1px #c8c8c8; font: normal 100 1.2rem/1.5 serif; text-align: center; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form div.woocommerce-address-fields div.woocommerce-address-fields__field-wrapper p.form-row span.woocommerce-input-wrapper input.input-text { border: solid 1px #c8c8c8; } body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form div.woocommerce-address-fields > p button.button { display: block; margin: auto; max-width: 160px; width: 100%; background-color: #ffb45a; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; text-align: center; } body.woocommerce-account.woocommerce-add-payment-method .woocommerce-MyAccount-content form#add_payment_method div#payment ul.payment_methods li.woocommerce-PaymentMethod { font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account.woocommerce-add-payment-method .woocommerce-MyAccount-content form#add_payment_method div#payment ul.payment_methods li.woocommerce-PaymentMethod div.woocommerce-PaymentBox { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account.woocommerce-add-payment-method .woocommerce-MyAccount-content form#add_payment_method div#payment div.form-row button.button { display: block; margin: auto; max-width: 160px; width: 100%; background-color: #ffb45a; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; text-align: center; } body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account { padding: 1rem; border: solid 1px #c8c8c8; font: normal 100 1rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account > h3 { width: 50%; margin: 1rem auto; border-bottom: solid 1px #c8c8c8; font: normal 100 1.2rem/1.5 serif; text-align: center; } body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account p.form-row input.input-text { border: solid 1px #c8c8c8; } body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.edit-account > p > button.button { display: block; margin: auto; max-width: 160px; width: 100%; background-color: #ffb45a; float: unset; font: normal 100 0.8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; color: white; text-align: center; } @media screen and (max-width: 767.98px) { body.woocommerce-account div.woocommerce-my-account div.woocommerce { display: flex; flex-wrap: wrap; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation { float: unset; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; padding: 0; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link { display: block; margin: auto 0rem; padding: 0.5rem; width: fit-content; font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { padding: 0.5rem 2.5rem 0.5rem 1.5rem; text-shadow: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover { background-color: #646464; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover a { color: white; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content { padding: 0.5rem; border: solid 1px #c8c8c8; float: unset; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p { margin: auto; padding: 1rem; font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; font: normal 100 0.8rem/1.5 serif; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p a { font: italic 100 1rem/1 serif; text-shadow: 3px 3px 4px #c8c8c8; color: #646464; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table tr, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details tr { margin: 2rem auto; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td { border-top: solid 1px rgba(0, 0, 0, 0.1); } body.woocommerce-account.woocommerce-orders div.woocommerce-MyAccount-content { /* table.account-orders-table { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; thead { } tbody { } tr { margin: 2rem auto; } th { } td { &:first-child { border-top: 0; } } } */ } body.woocommerce-account.woocommerce-view-order table.order_details { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; } body.woocommerce-account.woocommerce-view-order table.order_details tr { margin: 2rem auto; } body.woocommerce-account.woocommerce-view-order table.order_details td { border-top: solid 1px rgba(0, 0, 0, 0.1); } body.woocommerce-account.woocommerce-edit-address div.woocommerce-MyAccount-content { border: none !important; border-top: solid 1px #c8c8c8 !important; } body.woocommerce-account.woocommerce-edit-address div.woocommerce-MyAccount-content div.col2-set div { width: 100%; } } @media screen and (min-width: 768px) { body.woocommerce-account div.woocommerce-my-account div.woocommerce { display: flex; flex-wrap: wrap; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation { margin: 0 auto auto; width: 20%; float: unset; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; padding: 0; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link { display: block; margin: 0; padding: 0; width: 100%; border-bottom: solid 1px #c8c8c8; font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; transition: background-color 0.5s ease; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { text-shadow: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover { background-color: #646464; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover a { color: white; } body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a::after, body.woocommerce-account div.woocommerce-my-account div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover a::after { border: none; border-top: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content { margin: 0 auto auto; padding: 0.5rem; width: 75%; border: none; float: unset; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p { margin: auto; padding: 1rem; font: normal 100 0.8rem/1.5 serif; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content > p a { font: italic 100 1rem/1 serif; text-shadow: 3px 3px 4px #c8c8c8; color: #646464; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table thead, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details thead { display: table-header-group; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table tr, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details tr { display: table-row; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table th, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details th { display: table-cell; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td { display: table-cell; border-top: solid 1px rgba(0, 0, 0, 0.1) !important; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td::before, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td::before { content: none; } body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.account-orders-table td a, body.woocommerce-account div.woocommerce-my-account div.woocommerce div.woocommerce-MyAccount-content table.order_details td a { text-shadow: none; } body.woocommerce-account.woocommerce-orders div.woocommerce-MyAccount-content { /* table.account-orders-table { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; thead { display: table-header-group; } tbody { } tr { display: table-row; } th { display: table-cell; } td { display: table-cell; border-top: solid 1px rgba(0,0,0,0.1); &:first-child { } &::before { content: none; } a { text-shadow: none; } } } */ } body.woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content table.account-orders-table { font: normal 100 0.8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; border: none; } } .post-content .wc-block-featured-product { position: relative; padding: 1.5rem; width: 100%; margin: 0 0 1.5rem; background-color: rgba(0, 0, 0, 0.5); background-size: cover; background-position: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; } .post-content .wc-block-featured-product.has-background-dim::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: inherit; opacity: .5; z-index: 1; } .post-content .wc-block-featured-product .wc-block-featured-product__title { padding: 0; width: 100%; color: white; text-shadow: none; line-height: 1.5; border-left: none; text-align: center; z-index: 1; } .post-content .wc-block-featured-product .wc-block-featured-product__description { width: 100%; clear: both; color: white; text-shadow: none; z-index: 1; } .post-content .wc-block-featured-product .wc-block-featured-product__description p { line-height: 2; margin: auto; color: white; text-align: center; text-shadow: none; } .post-content .wc-block-featured-product .wc-block-featured-product__price { margin: 0.5rem auto; width: 100%; clear: both; color: white; text-align: center; z-index: 1; } .post-content .wc-block-featured-product .wc-block-featured-product__link { z-index: 1; } .post-content .wc-block-featured-product .wc-block-featured-product__link .wp-block-button .wp-block-button__link { box-shadow: 0.1rem 0.1rem 0.5rem 0 #646464; text-shadow: none; } .post-content .wp-block-woocommerce-product-top-rated ul.products, .post-content .wp-block-woocommerce-product-on-sale ul.products, .post-content .wp-block-woocommerce-product-new ul.products, .post-content .wp-block-woocommerce-handpicked-products ul.products, .post-content .wp-block-woocommerce-product-category ul.products, .post-content .wp-block-woocommerce-product-best-sellers ul.products, .post-content .wp-block-woocommerce-products-by-attribute ul.products { display: flex; flex-wrap: wrap; margin: auto; padding: 0; width: 100%; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product, .post-content .wp-block-woocommerce-product-new ul.products li.product, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product, .post-content .wp-block-woocommerce-product-category ul.products li.product, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product { display: block; margin: 0 auto 1rem; padding: 0 0 1rem; width: 45%; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.woocommerce-loop-product__link, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.woocommerce-loop-product__link, .post-content .wp-block-woocommerce-product-new ul.products li.product a.woocommerce-loop-product__link, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.woocommerce-loop-product__link, .post-content .wp-block-woocommerce-product-category ul.products li.product a.woocommerce-loop-product__link, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.woocommerce-loop-product__link, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.woocommerce-loop-product__link { transition: none; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.woocommerce-loop-product__link img.woocommerce-placeholder, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.woocommerce-loop-product__link img.woocommerce-placeholder, .post-content .wp-block-woocommerce-product-new ul.products li.product a.woocommerce-loop-product__link img.woocommerce-placeholder, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.woocommerce-loop-product__link img.woocommerce-placeholder, .post-content .wp-block-woocommerce-product-category ul.products li.product a.woocommerce-loop-product__link img.woocommerce-placeholder, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.woocommerce-loop-product__link img.woocommerce-placeholder, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.woocommerce-loop-product__link img.woocommerce-placeholder { width: 100%; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title, .post-content .wp-block-woocommerce-product-new ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title, .post-content .wp-block-woocommerce-product-category ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title { position: relative; margin: 0rem auto 1rem; border: none; border-bottom: solid 1px #c8c8c8; font: italic 100 1.1rem/1.5 serif; text-align: center; text-shadow: none; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after, .post-content .wp-block-woocommerce-product-new ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after, .post-content .wp-block-woocommerce-product-category ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.woocommerce-loop-product__link span.price, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.woocommerce-loop-product__link span.price, .post-content .wp-block-woocommerce-product-new ul.products li.product a.woocommerce-loop-product__link span.price, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.woocommerce-loop-product__link span.price, .post-content .wp-block-woocommerce-product-category ul.products li.product a.woocommerce-loop-product__link span.price, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.woocommerce-loop-product__link span.price, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.woocommerce-loop-product__link span.price { text-shadow: none; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.woocommerce-loop-product__link span.price span.woocommerce-Price-amount, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.woocommerce-loop-product__link span.price span.woocommerce-Price-amount, .post-content .wp-block-woocommerce-product-new ul.products li.product a.woocommerce-loop-product__link span.price span.woocommerce-Price-amount, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.woocommerce-loop-product__link span.price span.woocommerce-Price-amount, .post-content .wp-block-woocommerce-product-category ul.products li.product a.woocommerce-loop-product__link span.price span.woocommerce-Price-amount, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.woocommerce-loop-product__link span.price span.woocommerce-Price-amount, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.woocommerce-loop-product__link span.price span.woocommerce-Price-amount { color: #77a464; display: block; margin: 0.5rem; font: normal 400 0.9rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.add_to_cart_button, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_simple, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_grouped, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_external, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_variable, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.add_to_cart_button, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_simple, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_grouped, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_external, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_variable, .post-content .wp-block-woocommerce-product-new ul.products li.product a.add_to_cart_button, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_simple, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_grouped, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_external, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_variable, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.add_to_cart_button, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_simple, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_grouped, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_external, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_variable, .post-content .wp-block-woocommerce-product-category ul.products li.product a.add_to_cart_button, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_simple, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_grouped, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_external, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_variable, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.add_to_cart_button, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_simple, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_grouped, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_external, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_variable, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.add_to_cart_button, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_simple, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_grouped, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_external, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_variable { display: block; margin: auto; padding: 0.5rem; max-width: 160px; background-color: white; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7rem/1.5 sans-serif; color: #646464; text-shadow: none; text-align: center; border-radius: 3px; transition: color 0.5s ease, background-color 0.5s ease; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.add_to_cart_button:hover, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_simple:hover, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_grouped:hover, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_external:hover, .post-content .wp-block-woocommerce-product-top-rated ul.products li.product a.product_type_variable:hover, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.add_to_cart_button:hover, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_simple:hover, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_grouped:hover, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_external:hover, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product a.product_type_variable:hover, .post-content .wp-block-woocommerce-product-new ul.products li.product a.add_to_cart_button:hover, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_simple:hover, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_grouped:hover, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_external:hover, .post-content .wp-block-woocommerce-product-new ul.products li.product a.product_type_variable:hover, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.add_to_cart_button:hover, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_simple:hover, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_grouped:hover, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_external:hover, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product a.product_type_variable:hover, .post-content .wp-block-woocommerce-product-category ul.products li.product a.add_to_cart_button:hover, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_simple:hover, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_grouped:hover, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_external:hover, .post-content .wp-block-woocommerce-product-category ul.products li.product a.product_type_variable:hover, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.add_to_cart_button:hover, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_simple:hover, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_grouped:hover, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_external:hover, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product a.product_type_variable:hover, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.add_to_cart_button:hover, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_simple:hover, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_grouped:hover, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_external:hover, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product a.product_type_variable:hover { color: white; background-color: #646464; } .post-content .wp-block-woocommerce-product-top-rated ul.products li.product.sale .woocommerce-loop-product__link .onsale, .post-content .wp-block-woocommerce-product-on-sale ul.products li.product.sale .woocommerce-loop-product__link .onsale, .post-content .wp-block-woocommerce-product-new ul.products li.product.sale .woocommerce-loop-product__link .onsale, .post-content .wp-block-woocommerce-handpicked-products ul.products li.product.sale .woocommerce-loop-product__link .onsale, .post-content .wp-block-woocommerce-product-category ul.products li.product.sale .woocommerce-loop-product__link .onsale, .post-content .wp-block-woocommerce-product-best-sellers ul.products li.product.sale .woocommerce-loop-product__link .onsale, .post-content .wp-block-woocommerce-products-by-attribute ul.products li.product.sale .woocommerce-loop-product__link .onsale { background-color: red; min-height: unset; border-radius: unset; top: 0; left: 0; right: unset; margin: auto; text-shadow: none; } @media screen and (min-width: 768px) { .post-content .wp-block-woocommerce-product-top-rated ul.products, .post-content .wp-block-woocommerce-product-on-sale ul.products, .post-content .wp-block-woocommerce-product-new ul.products, .post-content .wp-block-woocommerce-handpicked-products ul.products, .post-content .wp-block-woocommerce-product-category ul.products, .post-content .wp-block-woocommerce-product-best-sellers ul.products, .post-content .wp-block-woocommerce-products-by-attribute ul.products { margin: 1rem auto; padding: 0; } .post-content .wp-block-woocommerce-product-top-rated ul.products.columns-2 li.product, .post-content .wp-block-woocommerce-product-on-sale ul.products.columns-2 li.product, .post-content .wp-block-woocommerce-product-new ul.products.columns-2 li.product, .post-content .wp-block-woocommerce-handpicked-products ul.products.columns-2 li.product, .post-content .wp-block-woocommerce-product-category ul.products.columns-2 li.product, .post-content .wp-block-woocommerce-product-best-sellers ul.products.columns-2 li.product, .post-content .wp-block-woocommerce-products-by-attribute ul.products.columns-2 li.product { width: 48%; } .post-content .wp-block-woocommerce-product-top-rated ul.products.columns-3 li.product, .post-content .wp-block-woocommerce-product-on-sale ul.products.columns-3 li.product, .post-content .wp-block-woocommerce-product-new ul.products.columns-3 li.product, .post-content .wp-block-woocommerce-handpicked-products ul.products.columns-3 li.product, .post-content .wp-block-woocommerce-product-category ul.products.columns-3 li.product, .post-content .wp-block-woocommerce-product-best-sellers ul.products.columns-3 li.product, .post-content .wp-block-woocommerce-products-by-attribute ul.products.columns-3 li.product { width: 31%; } .post-content .wp-block-woocommerce-product-top-rated ul.products.columns-4 li.product, .post-content .wp-block-woocommerce-product-on-sale ul.products.columns-4 li.product, .post-content .wp-block-woocommerce-product-new ul.products.columns-4 li.product, .post-content .wp-block-woocommerce-handpicked-products ul.products.columns-4 li.product, .post-content .wp-block-woocommerce-product-category ul.products.columns-4 li.product, .post-content .wp-block-woocommerce-product-best-sellers ul.products.columns-4 li.product, .post-content .wp-block-woocommerce-products-by-attribute ul.products.columns-4 li.product { width: 23%; } .post-content .wp-block-woocommerce-product-top-rated ul.products.columns-5 li.product, .post-content .wp-block-woocommerce-product-on-sale ul.products.columns-5 li.product, .post-content .wp-block-woocommerce-product-new ul.products.columns-5 li.product, .post-content .wp-block-woocommerce-handpicked-products ul.products.columns-5 li.product, .post-content .wp-block-woocommerce-product-category ul.products.columns-5 li.product, .post-content .wp-block-woocommerce-product-best-sellers ul.products.columns-5 li.product, .post-content .wp-block-woocommerce-products-by-attribute ul.products.columns-5 li.product { width: 18%; } .post-content .wp-block-woocommerce-product-top-rated ul.products.columns-6 li.product, .post-content .wp-block-woocommerce-product-on-sale ul.products.columns-6 li.product, .post-content .wp-block-woocommerce-product-new ul.products.columns-6 li.product, .post-content .wp-block-woocommerce-handpicked-products ul.products.columns-6 li.product, .post-content .wp-block-woocommerce-product-category ul.products.columns-6 li.product, .post-content .wp-block-woocommerce-product-best-sellers ul.products.columns-6 li.product, .post-content .wp-block-woocommerce-products-by-attribute ul.products.columns-6 li.product { width: 15%; } } .ace .product_list_widget li img.attachment-woocommerce_thumbnail { float: right; margin-left: 4px; width: 32px; height: 32px; box-shadow: none; } .ace .woocommerce-product-search { margin: auto; width: fit-content; } .ace .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item .attachment-woocommerce_thumbnail { float: right; margin-left: 4px; width: 32px; height: 32px; box-shadow: none; } .ace .widget_shopping_cart_content .woocommerce-mini-cart__buttons { display: flex; flex-wrap: wrap; } .ace .widget_shopping_cart_content .woocommerce-mini-cart__buttons .wc-forward { display: block; margin: auto !important; max-width: 160px; background-color: white; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7rem/1.5 sans-serif; color: #646464 !important; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; } .ace .widget_shopping_cart_content .woocommerce-mini-cart__buttons .wc-forward:hover { color: white !important; background-color: #646464; } #buddypress h2 { border: none; } #buddypress #submit { display: block; padding: .5rem; max-width: 160px; background-color: white; border-radius: 1px; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7em/1.5 sans-serif; color: #646464; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; } #buddypress #submit:hover { color: white; background-color: #646464; } #buddypress .activity-update-form { padding: 1rem; } #buddypress .activity-form { display: flex; flex-wrap: wrap; } #buddypress #whats-new-avatar { margin: auto; float: none; } #buddypress #whats-new-avatar .avatar { margin: auto; } #buddypress #whats-new-content { margin: auto; padding: 0; width: calc( 100% - 100px); } #buddypress #whats-new-submit { display: flex; flex-wrap: nowrap; margin: .5rem auto auto 90px; width: 100%; } #buddypress #aw-whats-new-submit { display: block; padding: .5rem; max-width: 160px; background-color: white; border-radius: 1px; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7em/1.5 sans-serif; color: #646464; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; } #buddypress #aw-whats-new-submit:hover { color: white; background-color: #646464; } #buddypress #profile-group-edit-submit { display: block; padding: .5rem; max-width: 160px; background-color: white; border-radius: 1px; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7em/1.5 sans-serif; color: #646464; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; } #buddypress #profile-group-edit-submit:hover { color: white; background-color: #646464; } #buddypress input[name="xprofile-settings-submit"] { display: block; padding: .5rem; max-width: 160px; background-color: white; border-radius: 1px; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7em/1.5 sans-serif; color: #646464; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; } #buddypress input[name="xprofile-settings-submit"]:hover { color: white; background-color: #646464; } .wpcf7 .wpcf7-form { margin: auto; padding: 2rem 1rem; max-width: 768px; border: solid 1px #c8c8c8; border-radius: 5px; } .wpcf7 .wpcf7-form > p { margin: auto; } .wpcf7 .wpcf7-form > p:last-child { margin: auto; } .wpcf7 .wpcf7-form > p label { display: block; margin: 0.5rem auto; max-width: 768px; width: 100%; } .wpcf7 .wpcf7-form .wpcf7-form-control-wrap { display: block; margin: auto; } .wpcf7 .wpcf7-form .wpcf7-form-control-wrap > .wpcf7-form-control.wpcf7-textarea { max-width: 768px; width: 100%; } .wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-submit { display: block; margin: auto; padding: 0.5rem; max-width: 400px; width: 100%; border: none; border-radius: 5px; background-color: #ffb43c; color: white; } #toc_container { display: block; max-width: 100%; width: 100%; box-shadow: 0 0.3rem 0.5rem 0.1rem rgba(200, 200, 200, 0.9); } #toc_container .toc_title { margin: auto; padding: 1rem; font-size: 1.5rem; text-align: center; border-bottom: solid 1px #c8c8c8; } #toc_container .toc_list { padding: 1rem; } #toc_container .toc_list li { position: relative; display: block; padding: 0rem 0rem 0rem 1rem; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #toc_container .toc_list li::before { position: absolute; bottom: 0.6rem; top: .5rem; left: 0rem; display: block; width: 0.5rem; height: 0.5rem; content: ""; border-top: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; transform: rotate(45deg); } #toc_container .toc_list ul { padding-left: .5rem; } .toc_widget { display: block; max-width: 100%; width: 100%; box-shadow: 0 0.3rem 0.5rem 0.1rem rgba(200, 200, 200, 0.9); } .toc_widget .widget-title { margin: auto; padding: 1rem; text-align: center; border-bottom: solid 1px #c8c8c8; } .toc_widget .widget-title .widget-title-text { font-size: 1.5rem; border: none; } .toc_widget .widget-title .widget-title-text::after { content: none; } .toc_widget .toc_widget_list { padding: 1rem; } .toc_widget .toc_widget_list li { position: relative; display: block; padding: 0rem 0rem 0rem 1rem; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toc_widget .toc_widget_list li::before { position: absolute; bottom: 0.6rem; top: .5rem; left: 0rem; display: block; width: 0.5rem; height: 0.5rem; content: ""; border-top: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; transform: rotate(45deg); } .toc_widget .toc_widget_list ul { padding-left: .5rem; } /* Base ------------------------------------------------*/ body { font-weight: 100; font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; } .gallery { display: flex; flex-wrap: wrap; width: 100%; background-color: rgba(200, 200, 200, 0.9); } .gallery:after { content: ""; display: block; } .gallery .gallery-item { position: relative; margin: auto; } .gallery-icon { text-align: center; } .gallery-icon > a img { margin: auto; } .gallery-caption { padding: 0 5px; position: absolute; height: 1.5rem; line-height: 1.5; overflow: hidden; } .gallery > .gallery-item > .gallery-icon:hover + .gallery-caption { position: relative; height: 100%; z-index: 10; overflow: visible; background-color: #FFFFFF; } img { max-width: 100%; margin: auto; height: auto; } .wp-caption { position: relative; max-width: 100%; overflow: hidden; font: italic 100 0.8rem/1 serif; text-align: center; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { position: absolute; bottom: 0; left: 0; right: 0; display: block; margin: 0; padding: 2rem; max-width: 100%; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0), black); } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .horizontal-line:before { width: 100%; border-bottom: solid #eee 1px; } iframe { width: 100%; } /* Widgets ------------------------------------------*/ .widget_text { padding: 0.5rem; } .widget.widget_media_image { overflow: hidden; padding: 0; } .widget.widget_media_image > img { display: block; margin: auto; width: 100%; transition: transform .5s ease; } .widget.widget_media_image:hover img { transform: scale(1.2); } .widget_media_gallery .gallery .gallery-item .gallery-icon > a > img { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .widget_recent_entries { padding: 0.5rem; } .widget_recent_entries > ul > li { overflow: hidden; padding: 0.5rem; } .widget_recent_entries > ul > li a { position: relative; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: opacity 1s ease 0s, text-shadow 1s ease 0s; } .widget_recent_entries > ul > li a::after { position: absolute; left: 0; bottom: -1px; display: block; width: 0; content: ""; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.9); transition: width 1s ease 0s; } .widget_recent_entries > ul > li:hover a { text-shadow: 1px 1px 2px rgba(100, 100, 100, 0.9); } .widget_recent_entries > ul > li:hover a::after { width: 100%; } /* Page -------------------------------------------------------------- */ .widget_pages { padding: 0.5rem; } .widget_pages .page_item { display: block; position: relative; padding: 0.5rem 0.1rem; background-color: rgba(255, 255, 255, 0.9); transition: color 0.5s ease 0s, background-color 0.5s, ease 0s; } .widget_pages .page_item::after { position: absolute; left: 0; bottom: -1px; content: ""; display: block; width: 0; border-bottom: solid 1px rgba(255, 255, 255, 0.9); transition: width 0.5s ease; } .widget_pages .page_item > a { color: rgba(0, 0, 0, 0.9); transition: color 0.5s ease 0s, opacity 0.5s, ease 0s; } .widget_pages .page_item > .children { padding: 0; margin: auto; width: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } .widget_pages .page_item > .children > .page_item { width: 100%; font-size: 0.9em; } .widget_pages .page_item:hover { color: #FFFFFF; background-color: rgba(100, 100, 100, 0.9); } .widget_pages .page_item:hover::after { width: 100%; } .widget_pages .page_item:hover > a { opacity: 1; color: #FFFFFF; } .widget_pages > ul { display: flex; flex-wrap: wrap; text-align: center; } .widget_pages > ul > .page_item { width: 30%; margin: 0 auto; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); } @media screen and (max-width: 640px) { .widget_pages > ul > .page_item { width: 100%; font-size: 0.8em; } } /* Page -------------------------------------------------------------- */ .widget_nav_menu { padding: 0.5rem; } .widget_nav_menu .menu-item { display: block; position: relative; padding: 0.5rem 0.1rem; background-color: rgba(255, 255, 255, 0.9); transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } .widget_nav_menu .menu-item::after { position: absolute; left: 0; bottom: -1px; content: ""; display: block; width: 0; border-bottom: solid 1px rgba(255, 255, 255, 0.9); transition: width 0.5s ease; } .widget_nav_menu .menu-item > a, .widget_nav_menu .menu-item a:link, .widget_nav_menu .menu-item a:visited { color: rgba(0, 0, 0, 0.9); transition: color 0.5s ease 0s, opacity 0.5s ease 0s, text-shadow 0.5s ease 0s; } .widget_nav_menu .menu-item > a .menu-item-icon-svg, .widget_nav_menu .menu-item a:link .menu-item-icon-svg, .widget_nav_menu .menu-item a:visited .menu-item-icon-svg { fill: currentColor; margin: auto .1rem; width: 1rem; height: 1rem; vertical-align: text-top; transition: fill .5s ease 0s; } .widget_nav_menu .menu-item > .sub-menu { padding: 0; margin: 1rem auto 0; width: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } .widget_nav_menu .menu-item > .sub-menu > .menu-item { width: 100%; } .widget_nav_menu .menu-item:hover { color: #FFFFFF; background-color: rgba(100, 100, 100, 0.9); } .widget_nav_menu .menu-item:hover::after { width: 100%; } .widget_nav_menu .menu-item:hover > a, .widget_nav_menu .menu-item:hover > a:link, .widget_nav_menu .menu-item:hover > a:visited { opacity: 1; color: #FFFFFF; } .widget_nav_menu > div > ul { display: flex; flex-wrap: wrap; text-align: center; padding: 0; font-size: 0.8em; } .widget_nav_menu > div > ul > .menu-item { width: 30%; margin: 0 auto; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); } @media screen and (max-width: 640px) { .widget_nav_menu > ul > .menu-item { width: 100%; font-size: 0.8em; } } /* Archive -------------------------------------------------------------- */ .widget_archive { padding: 0.5rem; } .widget_archive > ul { display: flex; flex-wrap: wrap; font-size: 0.8em; text-align: center; } .widget_archive .archive-list-item { display: block; position: relative; margin: 0 auto; padding: 0.5rem 0.1rem; width: 30%; background-color: rgba(255, 255, 255, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } .widget_archive .archive-list-item::after { position: absolute; left: 0; bottom: -1px; content: ""; display: block; width: 0; border-bottom: solid 1px rgba(255, 255, 255, 0.9); transition: width 0.5s ease; } .widget_archive .archive-list-item > a { color: rgba(0, 0, 0, 0.9); transition: color 0.5s ease 0s, opacity 0.5s ease 0s, text-shadow 0.5s ease 0s; } .widget_archive .archive-list-item:hover { color: #FFFFFF; background-color: rgba(100, 100, 100, 0.9); } .widget_archive .archive-list-item:hover::after { width: 100%; } .widget_archive .archive-list-item:hover > a { opacity: 1; color: #FFFFFF; } @media screen and (max-width: 640px) { .widget_archive .archive-list-item { width: 100%; font-size: 0.8em; } } /* Category -------------------------------------------------------------- */ .widget.widget_categories, .widget.product-categories { padding: 0.5rem; } .widget.widget_categories .cat-item, .widget.product-categories .cat-item { display: block; position: relative; padding: 0.5rem 0.1rem; background-color: rgba(255, 255, 255, 0.9); transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } .widget.widget_categories .cat-item::after, .widget.product-categories .cat-item::after { position: absolute; left: 0; bottom: -1px; content: ""; display: block; width: 0; border-bottom: solid 1px rgba(255, 255, 255, 0.9); transition: width 0.5s ease; } .widget.widget_categories .cat-item > a, .widget.product-categories .cat-item > a { color: rgba(0, 0, 0, 0.9); transition: color 0.5s ease 0s, text-shadow 0.5s ease 0s, background-color 0.5s ease 0s, opacity 0.5s ease 0s; } .widget.widget_categories .cat-item > .children, .widget.product-categories .cat-item > .children { padding: 0; margin: auto; width: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } .widget.widget_categories .cat-item > .children > .page_item, .widget.product-categories .cat-item > .children > .page_item { width: 100%; font-size: 0.9em; } .widget.widget_categories .cat-item:hover, .widget.product-categories .cat-item:hover { color: #FFFFFF; background-color: rgba(100, 100, 100, 0.9); } .widget.widget_categories .cat-item:hover::after, .widget.product-categories .cat-item:hover::after { width: 100%; } .widget.widget_categories .cat-item:hover > a, .widget.product-categories .cat-item:hover > a { opacity: 1; color: #FFFFFF !important; } .widget.widget_categories > ul, .widget.product-categories > ul { display: flex; flex-wrap: wrap; text-align: center; } .widget.widget_categories > ul > .cat-item, .widget.product-categories > ul > .cat-item { width: 100%; margin: 0 auto; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); font-size: 0.8em; } @media screen and (min-width: 640px) { .widget_categories > ul > .cat-item, .product-categories > ul > .cat-item { width: 30%; } } /* Tag Cloud -------------------------------------------------------------- */ .widget.widget_tag_cloud .widget_tag_cloud { padding: 0.5rem; } .widget.widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; } .widget.widget_tag_cloud .tagcloud .tag-cloud-link { padding: 0.8em; margin: 0.5rem; font-size: 0.5rem !important; color: rgba(100, 100, 100, 0.9); text-shadow: none; border: solid 1px rgba(100, 100, 100, 0.9); border-radius: 0.5rem; transition: color 1s ease 0s, background-color 1s ease 0s; } .widget.widget_tag_cloud .tagcloud .tag-cloud-link:hover { color: white; border-color: white; background-color: rgba(100, 100, 100, 0.9); } /* RSS -----------------------------------------*/ .widget.widget_rss { padding: 0.5rem; } .widget.widget_rss .widget-title .widget-title-text .rsswidget { color: rgba(255, 160, 0, 0.9); } .widget.widget_rss > ul > li { position: relative; padding: 0.5rem; margin: 0 auto; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); transition: color 1s ease 0s, background-color 1s ease 0s; } .widget.widget_rss > ul > li > .rsswidget { position: relative; display: block; margin: auto 0 0.5rem; transition: color 1s ease 0s; } .widget.widget_rss > ul > li > .rsswidget::after { position: absolute; left: 0; bottom: -1px; display: block; content: ""; width: 0; border-bottom: solid 1px #FFFFFF; transition: width 0.5s ease; } .widget.widget_rss > ul > li > .rss-date { display: block; margin: auto auto 1rem; font-size: 0.8rem; } .widget.widget_rss > ul > li > .rssSummary { display: block; margin: auto auto 2rem; font-size: 0.8rem; } .widget.widget_rss > ul > li > cite { position: absolute; bottom: 0.5rem; right: 1rem; display: block; margin: auto 0 auto auto; font-size: 0.8rem; } .widget.widget_rss > ul > li::after { position: absolute; left: 0; bottom: -1px; display: block; content: ""; width: 0; border-bottom: solid 1px #FFFFFF; transition: width 0.5s ease; } .widget.widget_rss > ul > li:hover { color: #FFFFFF; background-color: rgba(100, 100, 100, 0.9); } .widget.widget_rss > ul > li:hover::after { width: 100%; } .widget.widget_rss > ul > li:hover > .rsswidget { color: #FFFFFF; } .widget.widget_rss > ul > li:hover > .rsswidget::after { width: 100%; } .widget_recent_comments { padding: 0.5rem; } .widget_recent_comments > ul > li.recentcomments { overflow: hidden; padding: 0.5rem; } .widget_recent_comments > ul > li.recentcomments a { color: rgba(100, 100, 100, 0.9); font-style: italic; position: relative; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: opacity 1s ease 0s, text-shadow 1s ease 0s; } .widget_recent_comments > ul > li.recentcomments a:hover { opacity: 1; } .widget_recent_comments > ul > li.recentcomments a::after { position: absolute; left: 0; bottom: 0; display: block; width: 0; content: ""; border: none; transition: width 1s ease 0s; } .widget_recent_comments > ul > li.recentcomments:hover a { opacity: 1; text-shadow: 0px 0px 2px rgba(100, 100, 100, 0.9); } .widget_recent_comments > ul > li.recentcomments:hover a::after { width: 100%; } /* Calender -------------------------------------------------------------- */ .widget_calendar { padding: 0.5rem; } .calendar_wrap { margin: auto; } .calendar_wrap table { margin: auto; max-width: 300px; width: 100%; text-align: center; } .calendar_wrap table caption, .calendar_wrap table th, .calendar_wrap table td { padding: 0.5rem; font-size: 0.8rem; text-align: center; text-shadow: 0.3rem 0.5rem 0.3rem rgba(200, 200, 200, 0.9); } .calendar_wrap table caption > a, .calendar_wrap table th > a, .calendar_wrap table td > a { color: rgba(255, 0, 0, 0.9); text-shadow: 0.1rem 0.5rem 0.3rem rgba(200, 0, 0, 0.9); transition: text-shadow 0.5s ease; } .calendar_wrap table caption > a:hover, .calendar_wrap table th > a:hover, .calendar_wrap table td > a:hover { text-shadow: none; } .calendar_wrap table tfoot td { padding: 1rem 0; } .widget_meta { padding: 0.5rem; } .widget_meta > ul { display: flex; flex-wrap: wrap; } .widget_meta > ul > li { position: relative; width: 30%; margin: auto; padding: 0.5rem; text-align: center; transition: text-shadow 1s ease; } .widget_meta > ul > li::after { position: absolute; bottom: -1px; left: 0; display: block; content: ""; border-bottom: solid 1px rgba(0, 0, 0, 0.9); width: 0; transition: width 0.5s ease; } .widget_meta > ul > li:hover { text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.9); } .widget_meta > ul > li:hover::after { width: 100%; } @media screen and (max-width: 640px) { .widget_meta > ul > li { width: 100%; } } .column-left-container .widget.widget_pages > ul > li, .column-left-container .widget.widget_archive > ul > li, .column-left-container .widget.widget_categories > ul > li, .column-right-container .widget.widget_pages > ul > li, .column-right-container .widget.widget_archive > ul > li, .column-right-container .widget.widget_categories > ul > li, .slidebar-left-container .widget.widget_pages > ul > li, .slidebar-left-container .widget.widget_archive > ul > li, .slidebar-left-container .widget.widget_categories > ul > li, .slidebar-right-container .widget.widget_pages > ul > li, .slidebar-right-container .widget.widget_archive > ul > li, .slidebar-right-container .widget.widget_categories > ul > li { margin: auto; width: 100%; } .column-left-container .widget.widget_nav_menu > div > ul.menu > li.menu-item, .column-right-container .widget.widget_nav_menu > div > ul.menu > li.menu-item, .slidebar-left-container .widget.widget_nav_menu > div > ul.menu > li.menu-item, .slidebar-right-container .widget.widget_nav_menu > div > ul.menu > li.menu-item { margin: auto; width: 100%; } /** * A tag * @type {String} */ a, a:link, a:visited { text-decoration: none; text-shadow: 0.1rem 0.1rem 0.2rem rgba(200, 200, 200, 0.9); } a:hover, a:link:hover, a:visited:hover { opacity: 1; text-shadow: none; } a, button { text-decoration: none; transition: color 0.5s linear 0s, text-shadow 0.5s linear 0s, transform 0.5s linear 0s, width 0.5s linear 0s, opacity 0.5s linear 0s; } a::before, a::after, button::before, button::after { text-decoration: none; transition: color 0.5s linear 0s, text-shadow 0.5s linear 0s, transform 0.5s linear 0s, width 0.5s linear 0s, opacity 0.5s linear 0s; } header, main, footer, article { text-overflow: ellipsis; } svg { transition: transform 0.5s ease; } svg use { transition: transform 0.5s ease; } /* Parts ------------------------------------------------*/ /* Breadcrumb ---------------------------------------*/ .breadcrumb-wrapper { position: relative; padding: 1rem; overflow: hidden; background-color: rgba(255, 255, 255, 0.9); font-size: 0.9rem; } #breadcrumb { margin: 0; padding: 0; } .breadcrumb-item { display: inline-block; position: relative; padding-right: 2rem; list-style: none; } .breadcrumb-item::after { position: absolute; bottom: 0.5rem; right: 1rem; content: ""; display: inline-block; width: 0.3rem; height: 0.3rem; transform: rotate(45deg); border-top: solid 1px; border-right: solid 1px; } .breadcrumb-item:last-child::after { content: ""; border: none; border-right: solid 1px; border-bottom: solid 1px; } .breadcrumb-link { color: #666666; } .breadcrumb-link::hover { opacity: 0.5; } header { /* Two Tone ----------------------------------------*/ } header.designed-section.two-tone { margin: auto auto 6rem; } header.designed-section.two-tone .designed-section-inner.side-top { display: none; } header.designed-section.two-tone .designed-section-inner.side-top::before { content: none; } header.designed-section.two-tone .designed-section-inner.side-top::after { content: none; } header.designed-section.two-tone .designed-section-inner::before { z-index: -1; } header.designed-section.two-tone .designed-section-inner::after { z-index: -1; } header.designed-section.thick-border { border-top: none; } header.designed-section.thick-border .header-parts-fixable { padding: 2rem 1rem .5rem; } header { position: relative; } .header-inner { position: relative; } /* Site Name Description ----------------------------*/ #header-site-info { display: block; margin: auto; /* Contact Info ----------------------------*/ } #header-site-info #header-site-name-description { margin: auto; width: auto; height: fit-content; font-weight: 100; } #header-site-info #header-site-name-description a { color: black; text-align: center; text-shadow: none; text-decoration: none; } #header-site-info #header-site-name-description a:hover { opacity: 1; } #header-site-info .header-site-logo { display: block; height: auto; transition: max-width .5s ease, max-height .5s ease, width .5s ease, height .5s ease; } #header-site-info #header-site-name { display: block; margin: 0; width: 100%; font-size: 1.4rem; } #header-site-info #header-site-description { display: block; font-size: 0.8rem; white-space: nowrap; } #header-site-info .header-contact-info { margin: 1rem auto; width: fit-content; } #header-site-info .header-contact-info .message-above-contact-number { display: block; font: normal 100 .5rem/1 serif; } #header-site-info .header-contact-info .header-contact-number { display: block; font: normal 100 1.5rem/1.5 serif; } #header-site-info .header-contact-info .message-below-contact-number { display: block; font: normal 100 .5rem/1 serif; } @media screen and (min-width: 640px) { #header-site-info { display: flex; flex-wrap: wrap; } #header-site-info #header-site-name { font-size: 2rem; line-height: 1.2; } #header-site-info #header-site-description { font-size: 1rem; } .header-has-contact-info #header-site-info { max-width: 100%; width: 100%; } .header-has-contact-info.ace-with-header-inner-flex .header-parts-fixable { display: block; } } @media screen and (min-width: 768px) { #header-site-info { display: flex; flex-wrap: no-wrap; } #header-site-info #header-site-name { font-size: 2rem; line-height: 1.2; } #header-site-info #header-site-description { font-size: 1rem; } #header-site-info .header-contact-info { margin: auto 3rem auto auto; } .header-has-contact-info:not(.ace-with-header-inner-fixed-on-left) #header-site-info #header-site-name-description { margin: auto auto auto 3rem; } .header-has-contact-info:not(.ace-with-header-inner-fixed-on-left) #header-site-info #header-site-name { font-size: 1.5rem; line-height: 1.2; text-align: center; } .header-has-contact-info:not(.ace-with-header-inner-fixed-on-left) #header-site-info #header-site-description { font-size: .6rem; text-align: center; } .header-has-contact-info:not(.ace-with-header-inner-fixed-on-left).ace-with-header-inner-flex #header-site-info { display: flex; } .header-has-contact-info:not(.ace-with-header-inner-fixed-on-left).ace-with-header-inner-flex .header-parts-fixable { display: block; } .header-parts-fixable .header-site-logo { max-height: 80px; } } @media screen and (min-width: 1024px) { #header-site-info { display: flex; flex-wrap: no-wrap; } #header-site-info #header-site-name { font-size: 2rem; line-height: 1.2; } #header-site-info #header-site-description { font-size: 1rem; } #header-site-info .header-contact-info { margin: auto 3rem auto auto; } .ace-with-header-inner-flex #header-site-info { flex-wrap: wrap; } .ace-with-header-inner-flex #header-site-info #header-site-name { font-size: 1.5rem; line-height: 1.2; text-align: center; } .ace-with-header-inner-flex #header-site-info #header-site-description { font-size: .6rem; text-align: center; } .ace-with-header-inner-fixed-on-left #header-site-info { display: block; } .ace-with-header-inner-fixed-on-left #header-site-info #header-site-name { font-size: 1.5rem; line-height: 1.2; text-align: center; } .ace-with-header-inner-fixed-on-left #header-site-info #header-site-description { font-size: .6rem; text-align: center; } .ace-with-header-inner-fixed-on-left #header-site-info .header-contact-info { margin: 1rem auto; } } .header-tools { position: relative; } .header-tool.widget-area-wrapper { display: flex; flex-wrap: wrap; } .header-tool.widget-area-wrapper .widget-area { margin: auto; max-width: 100%; width: 100%; } .nav-fixed .header-tools { width: 100%; } .custom-search-trigger { position: fixed; width: 3rem; height: 3rem; border-radius: 50%; z-index: 11; visibility: hidden; } .custom-search-trigger.hidden { visibility: hidden; } .custom-search-trigger .custom-search-icon { width: 1.5rem; height: 1.5rem; margin: 0.75rem; } .header-parts-fixable { transition: padding 0.5s ease; /*&.vertical { #header-site-name-description { text-align: center; } .header-site-logo { margin: auto; } } &.flex { display: flex; flex-wrap: nowrap; .header-site-name-description { margin: auto auto auto 0; width: auto; a { text-shadow: none; text-decoration: none; } } .header-site-logo { margin: auto; } #header-navi { margin: auto; width: 60%; } }*/ } .header-parts-fixable.with-box-shadow { box-shadow: 0.1rem 0.1rem 0.1rem 0rem #c8c8c8; } /** * Style and Layout **/ .ace-with-header-inner-vertical .header-parts-fixable #header-site-name-description { text-align: center; } .ace-with-header-inner-vertical .header-parts-fixable .header-site-logo { margin: auto; } .ace-with-header-inner-flex .header-parts-fixable { display: flex; flex-wrap: nowrap; } .ace-with-header-inner-flex .header-parts-fixable .header-site-name-description { margin: auto auto auto 0; width: auto; } .ace-with-header-inner-flex .header-parts-fixable .header-site-name-description a { text-shadow: none; text-decoration: none; } .ace-with-header-inner-flex .header-parts-fixable .header-site-logo { margin: auto; } .ace-with-header-inner-flex .header-parts-fixable #header-navi { margin: auto; width: 60%; } .ace-with-header-inner-fixed-on-left .header-parts-fixable { position: static; } .header-nav-fixable .header-parts-fixable { /* position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 10; */ } .header-nav-fixable .header-site-logo { margin: auto; } .header-nav-fixable.logged-in .header-inner .header-parts-fixable { top: 32px; } .header-nav-fixable.logged-in.preview-theme-customizer .header-inner .header-parts-fixable { top: 0; } .header-nav-fixable .nav-fixed .header-parts-fixable { padding: 0.5rem; } .header-nav-fixable .nav-fixed .header-site-logo { width: auto; max-height: 40px; } .header-nav-fixable .nav-fixed #header-site-name { font-size: 1.5rem; } .header-nav-fixable .nav-fixed #header-site-description { font-size: 0.75rem; } @media screen and (min-width: 1024px) { .ace-with-header-inner-vertical.header-nav-fixable .header-parts-fixable { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 10; } .ace-with-header-inner-flex.header-nav-fixable .header-parts-fixable { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 10; } .ace-with-header-inner-fixed-on-left .full-wrapper { margin: auto 0 auto auto; width: calc( 100% - 300px); } .ace-with-header-inner-fixed-on-left .header-parts-fixable { position: fixed; width: 300px; top: 0; bottom: 0; left: 0; box-shadow: 0px 0px 10px 0px rgba(100, 100, 100, 0.9); z-index: 5; } .ace-with-header-inner-fixed-on-left .header-parts-fixable #header-site-name-description { margin: auto auto 0.5rem; } .ace-with-header-inner-fixed-on-left .header-parts-fixable #header-site-name { font-size: 1.5rem; } .ace-with-header-inner-fixed-on-left .header-parts-fixable #header-site-description { font-size: .5rem; white-space: unset; } } /* Wrapper ---------------------------------------*/ .header-parts-fixable { padding: 2rem 1rem; } .header-site-name-description { margin: auto auto auto 0; width: auto; } .header-site-name-description #header-site-name { margin: 0 1rem 0 0; display: block; transition: font-size .5s ease; } .header-site-name-description #header-site-description { display: block; white-space: nowrap; transition: font-size .5s ease; } /** * Custom Search **/ .custom-search-trigger { top: 0.5rem; right: 2rem; } .logged-in .custom-search-trigger { top: 2.5rem; } /** * * Nav Wrapper **/ #header-navi { margin: auto 0 auto auto; } /* Breadcrumb ---------------------------------------*/ .breadcrumb-wrapper { padding: 2rem; width: 100%; overflow: hidden; z-index: 1; } #breadcrumb { font-size: 0.8rem; } .breadcrumb-item::after { bottom: 0.3rem; } .breadcrumb-link::hover { color: #666666; } .nav-fixed .breadcrumb-wrapper { width: 100%; } .outstand-primary .primary { border: solid 1px rgba(0, 0, 0, 0.5); } main { position: relative; background-color: rgba(255, 255, 255, 0.9); } .main-area { z-index: 1; } .main-inner { position: relative; display: flex; z-index: 1; } #primary { width: 100%; margin: 0 auto; } .two-columns-right #primary { margin: 0; margin-left: auto; } .two-columns-left #primary { margin: 0; margin-right: auto; } .primary-inner { padding: .5rem; } .column-left-container { margin: 0; margin-left: auto; padding: 0.5rem 0; font-size: 0.8rem; } .column-right-container { margin: 0; margin-right: auto; padding: 0.5rem 0; font-size: 0.8rem; } .main-bottom { position: relative; height: 10rem; } .main-bottom > .main-bottom-anchor-top { position: absolute; left: 0; right: 0; } .main-bottom > .main-bottom-anchor-top > .main-bottom-label { position: absolute; top: 2rem; left: 0; right: 0; margin: auto; display: block; width: 100px; font-size: 0.9rem; color: rgba(100, 100, 100, 0.9); text-align: center; } .main-bottom > .main-bottom-anchor-top > .nora-glyph.arrow.up { margin: auto; font-size: 10rem; } .main-bottom > .main-bottom-anchor-top > .nora-glyph.arrow.up::after { left: 0.375rem; } @media screen and (min-width: 768px) { .primary-inner { padding: 1rem; } } body:not(.home) .singular-content-item.header { border-top: solid 1px rgba(100, 100, 100, 0.9); border-bottom: solid 1px rgba(100, 100, 100, 0.9); } .post-title { margin: auto; padding: 1.5rem 0.5rem; } .post-title span.entry-title { text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.9); } .one-column .singular-content-item.header { margin: auto calc( 50% - 50vw); } .one-column .post-title { padding: 1.5rem; } .one-column.ace-with-header-inner-fixed-on-left .singular-content-item.header { margin: auto calc( 50% - 50vw + 150px); } .one-column.ace-with-header-inner-fixed-on-left .post-title { padding: 1.5rem; } .singular-after-title { display: flex; flex-wrap: wrap; padding: 1rem; font-size: 0.8rem; text-align: center; } .singular-after-title .singular-after-title-inner { display: block; padding: 1rem 0.5rem; width: 50%; font: italic 100 .8rem/1 serif; } .singular-after-title .singular-after-title-inner > .label::after { content: "-"; margin: 0 0.5rem; } .singular-after-title .singular-after-title-inner a { text-shadow: none; } .singular-after-title .singular-after-title-inner.article-category > .categories > a { margin: auto auto auto 0.5rem; } .singular-after-title .singular-after-title-inner.article-category > .categories > a:first-child { margin: auto; } .singular-after-title .singular-after-title-inner.article-tags > .tags > a { margin: auto auto auto 0.5rem; } .singular-after-title .singular-after-title-inner.article-tags > .tags > a:first-child { margin: auto; } @media screen and (max-width: 767.98px) { .singular-after-title .singular-after-title-inner { width: 100%; } } .post-content, .cta-box, .ace-block, .archive-description { padding: 1.5rem 0; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .cta-box h1, .cta-box h2, .cta-box h3, .cta-box h4, .cta-box h5, .cta-box h6, .ace-block h1, .ace-block h2, .ace-block h3, .ace-block h4, .ace-block h5, .ace-block h6, .archive-description h1, .archive-description h2, .archive-description h3, .archive-description h4, .archive-description h5, .archive-description h6 { position: relative; margin: 1rem 0; padding: 0 0 0 0.5rem; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; } .post-content h1::after, .post-content h2::after, .post-content h3::after, .post-content h4::after, .post-content h5::after, .post-content h6::after, .cta-box h1::after, .cta-box h2::after, .cta-box h3::after, .cta-box h4::after, .cta-box h5::after, .cta-box h6::after, .ace-block h1::after, .ace-block h2::after, .ace-block h3::after, .ace-block h4::after, .ace-block h5::after, .ace-block h6::after, .archive-description h1::after, .archive-description h2::after, .archive-description h3::after, .archive-description h4::after, .archive-description h5::after, .archive-description h6::after { position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 0; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.9); transition: width 0.5s ease; } .post-content h1:hover, .post-content h2:hover, .post-content h3:hover, .post-content h4:hover, .post-content h5:hover, .post-content h6:hover, .cta-box h1:hover, .cta-box h2:hover, .cta-box h3:hover, .cta-box h4:hover, .cta-box h5:hover, .cta-box h6:hover, .ace-block h1:hover, .ace-block h2:hover, .ace-block h3:hover, .ace-block h4:hover, .ace-block h5:hover, .ace-block h6:hover, .archive-description h1:hover, .archive-description h2:hover, .archive-description h3:hover, .archive-description h4:hover, .archive-description h5:hover, .archive-description h6:hover { text-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.9); } .post-content h1:hover::after, .post-content h2:hover::after, .post-content h3:hover::after, .post-content h4:hover::after, .post-content h5:hover::after, .post-content h6:hover::after, .cta-box h1:hover::after, .cta-box h2:hover::after, .cta-box h3:hover::after, .cta-box h4:hover::after, .cta-box h5:hover::after, .cta-box h6:hover::after, .ace-block h1:hover::after, .ace-block h2:hover::after, .ace-block h3:hover::after, .ace-block h4:hover::after, .ace-block h5:hover::after, .ace-block h6:hover::after, .archive-description h1:hover::after, .archive-description h2:hover::after, .archive-description h3:hover::after, .archive-description h4:hover::after, .archive-description h5:hover::after, .archive-description h6:hover::after { width: 100%; } .post-content h1, .cta-box h1, .ace-block h1, .archive-description h1 { font: normal 900 2rem/2.5 "YuMincho", "游明朝体", serif; border-top: solid 1px rgba(200, 200, 200, 0.9); border-left: solid 0.1rem #646464; clear: both; } .post-content h2, .cta-box h2, .ace-block h2, .archive-description h2 { font: normal 100 1.8rem/2 "YuMincho", "游明朝体", serif; border-left: solid 0.1rem #646464; clear: both; } .post-content h3, .cta-box h3, .ace-block h3, .archive-description h3 { font: normal 100 1.6rem/1.5 "YuMincho", "游明朝体", serif; clear: both; } .post-content h4, .cta-box h4, .ace-block h4, .archive-description h4 { font-size: 1.4rem; border-top: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } .post-content h5, .cta-box h5, .ace-block h5, .archive-description h5 { font-size: 1.2rem; border-left: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } .post-content h6, .cta-box h6, .ace-block h6, .archive-description h6 { font-size: 1rem; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } .post-content p, .cta-box p, .ace-block p, .archive-description p { font: normal 100 0.8rem/2 "YuMincho", "游明朝体", serif; } .post-content ol, .post-content ul, .post-content dl, .cta-box ol, .cta-box ul, .cta-box dl, .ace-block ol, .ace-block ul, .ace-block dl, .archive-description ol, .archive-description ul, .archive-description dl { font-size: 0.8rem; padding-left: 1.5rem; } .post-content > ul li, .post-content > ol li, .post-content > dl dt, .cta-box > ul li, .cta-box > ol li, .cta-box > dl dt, .ace-block > ul li, .ace-block > ol li, .ace-block > dl dt, .archive-description > ul li, .archive-description > ol li, .archive-description > dl dt { display: list-item; margin-top: 1rem; } .post-content > ul ul, .post-content > ol ol, .post-content > dl dl, .cta-box > ul ul, .cta-box > ol ol, .cta-box > dl dl, .ace-block > ul ul, .ace-block > ol ol, .ace-block > dl dl, .archive-description > ul ul, .archive-description > ol ol, .archive-description > dl dl { padding-left: 1rem; } .post-content blockquote, .cta-box blockquote, .ace-block blockquote, .archive-description blockquote { font-size: 12px; } .post-content pre, .cta-box pre, .ace-block pre, .archive-description pre { padding: 1rem; font-size: 0.8rem; border: solid 1px rgba(230, 230, 230, 0.9); } .post-content img, .cta-box img, .ace-block img, .archive-description img { margin: 1rem; } .post-content img.alignleft, .cta-box img.alignleft, .ace-block img.alignleft, .archive-description img.alignleft { float: left; } .post-content img.aligncenter, .cta-box img.aligncenter, .ace-block img.aligncenter, .archive-description img.aligncenter { float: none; margin: 1rem auto; } .post-content img.alignright, .cta-box img.alignright, .ace-block img.alignright, .archive-description img.alignright { float: right; } .post-content .wp-caption, .cta-box .wp-caption, .ace-block .wp-caption, .archive-description .wp-caption { margin: 1rem; max-width: 100%; height: auto; transition: transform .5s ease; } .post-content .wp-caption img, .cta-box .wp-caption img, .ace-block .wp-caption img, .archive-description .wp-caption img { margin: auto; } .post-content .wp-caption.alignleft, .cta-box .wp-caption.alignleft, .ace-block .wp-caption.alignleft, .archive-description .wp-caption.alignleft { float: left; } .post-content .wp-caption.aligncenter, .cta-box .wp-caption.aligncenter, .ace-block .wp-caption.aligncenter, .archive-description .wp-caption.aligncenter { float: none; margin: 1rem auto; } .post-content .wp-caption.alignright, .cta-box .wp-caption.alignright, .ace-block .wp-caption.alignright, .archive-description .wp-caption.alignright { float: right; } .post-content .has-small-font-size, .cta-box .has-small-font-size, .ace-block .has-small-font-size, .archive-description .has-small-font-size { font-size: 13px; } .post-content .has-medium-font-size, .cta-box .has-medium-font-size, .ace-block .has-medium-font-size, .archive-description .has-medium-font-size { font-size: 20px; } .post-content .has-large-font-size, .cta-box .has-large-font-size, .ace-block .has-large-font-size, .archive-description .has-large-font-size { font-size: 36px; } .post-content .has-huge-font-size, .cta-box .has-huge-font-size, .ace-block .has-huge-font-size, .archive-description .has-huge-font-size { font-size: 48px; } .post-content .has-pale-pink-color, .cta-box .has-pale-pink-color, .ace-block .has-pale-pink-color, .archive-description .has-pale-pink-color { color: #f78da7; } .post-content .has-vivid-red-color, .cta-box .has-vivid-red-color, .ace-block .has-vivid-red-color, .archive-description .has-vivid-red-color { color: #cf2e2e; } .post-content .has-luminous-vivid-orange-color, .cta-box .has-luminous-vivid-orange-color, .ace-block .has-luminous-vivid-orange-color, .archive-description .has-luminous-vivid-orange-color { color: #ff6900; } .post-content .has-luminous-vivid-amber-color, .cta-box .has-luminous-vivid-amber-color, .ace-block .has-luminous-vivid-amber-color, .archive-description .has-luminous-vivid-amber-color { color: #fcb900; } .post-content .has-light-green-cyan-color, .cta-box .has-light-green-cyan-color, .ace-block .has-light-green-cyan-color, .archive-description .has-light-green-cyan-color { color: #7bdcb5; } .post-content .has-vivid-green-cyan-color, .cta-box .has-vivid-green-cyan-color, .ace-block .has-vivid-green-cyan-color, .archive-description .has-vivid-green-cyan-color { color: #00d084; } .post-content .has-pale-cyan-blue-color, .cta-box .has-pale-cyan-blue-color, .ace-block .has-pale-cyan-blue-color, .archive-description .has-pale-cyan-blue-color { color: #8ed1fc; } .post-content .has-vivid-cyan-blue-color, .cta-box .has-vivid-cyan-blue-color, .ace-block .has-vivid-cyan-blue-color, .archive-description .has-vivid-cyan-blue-color { color: #0693e3; } .post-content .has-very-light-gray-color, .cta-box .has-very-light-gray-color, .ace-block .has-very-light-gray-color, .archive-description .has-very-light-gray-color { color: #eee; } .post-content .has-cyan-bluish-gray-color, .cta-box .has-cyan-bluish-gray-color, .ace-block .has-cyan-bluish-gray-color, .archive-description .has-cyan-bluish-gray-color { color: #abb8c3; } .post-content .has-very-dark-gray-color, .cta-box .has-very-dark-gray-color, .ace-block .has-very-dark-gray-color, .archive-description .has-very-dark-gray-color { color: #313131; } .post-content .has-white-color, .cta-box .has-white-color, .ace-block .has-white-color, .archive-description .has-white-color { color: #fff; } .post-content .has-pale-pink-background-color, .cta-box .has-pale-pink-background-color, .ace-block .has-pale-pink-background-color, .archive-description .has-pale-pink-background-color { background-color: #f78da7; } .post-content .has-vivid-red-background-color, .cta-box .has-vivid-red-background-color, .ace-block .has-vivid-red-background-color, .archive-description .has-vivid-red-background-color { background-color: #cf2e2e; } .post-content .has-luminous-vivid-orange-background-color, .cta-box .has-luminous-vivid-orange-background-color, .ace-block .has-luminous-vivid-orange-background-color, .archive-description .has-luminous-vivid-orange-background-color { background-color: #ff6900; } .post-content .has-luminous-vivid-amber-background-color, .cta-box .has-luminous-vivid-amber-background-color, .ace-block .has-luminous-vivid-amber-background-color, .archive-description .has-luminous-vivid-amber-background-color { background-color: #fcb900; } .post-content .has-light-green-cyan-background-color, .cta-box .has-light-green-cyan-background-color, .ace-block .has-light-green-cyan-background-color, .archive-description .has-light-green-cyan-background-color { background-color: #7bdcb5; } .post-content .has-vivid-green-cyan-background-color, .cta-box .has-vivid-green-cyan-background-color, .ace-block .has-vivid-green-cyan-background-color, .archive-description .has-vivid-green-cyan-background-color { background-color: #00d084; } .post-content .has-pale-cyan-blue-background-color, .cta-box .has-pale-cyan-blue-background-color, .ace-block .has-pale-cyan-blue-background-color, .archive-description .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } .post-content .has-vivid-cyan-blue-background-color, .cta-box .has-vivid-cyan-blue-background-color, .ace-block .has-vivid-cyan-blue-background-color, .archive-description .has-vivid-cyan-blue-background-color { background-color: #0693e3; } .post-content .has-very-light-gray-background-color, .cta-box .has-very-light-gray-background-color, .ace-block .has-very-light-gray-background-color, .archive-description .has-very-light-gray-background-color { background-color: #eee; } .post-content .has-cyan-bluish-gray-background-color, .cta-box .has-cyan-bluish-gray-background-color, .ace-block .has-cyan-bluish-gray-background-color, .archive-description .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } .post-content .has-very-dark-gray-background-color, .cta-box .has-very-dark-gray-background-color, .ace-block .has-very-dark-gray-background-color, .archive-description .has-very-dark-gray-background-color { background-color: #313131; } .post-content .has-white-background-color, .cta-box .has-white-background-color, .ace-block .has-white-background-color, .archive-description .has-white-background-color { background-color: #fff; } .post-content .has-background-dim, .cta-box .has-background-dim, .ace-block .has-background-dim, .archive-description .has-background-dim { position: relative; } .post-content .has-background-dim::before, .cta-box .has-background-dim::before, .ace-block .has-background-dim::before, .archive-description .has-background-dim::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: inherit; opacity: .5; z-index: 1; } .post-content .is-style-cta-title, .cta-box .is-style-cta-title, .ace-block .is-style-cta-title, .archive-description .is-style-cta-title { position: relative; display: block; margin: 0rem auto 1rem; width: 80%; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/2 serif; text-align: center; } .post-content .is-style-cta-title::after, .cta-box .is-style-cta-title::after, .ace-block .is-style-cta-title::after, .archive-description .is-style-cta-title::after { content: ""; display: block; position: absolute; bottom: -0.2rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .post-content .is-style-cta-title, .cta-box .is-style-cta-title, .ace-block .is-style-cta-title, .archive-description .is-style-cta-title { width: 100%; position: relative; margin: 0rem auto 1rem; border: none; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/2 serif; text-align: center; } .post-content .is-style-cta-title::after, .cta-box .is-style-cta-title::after, .ace-block .is-style-cta-title::after, .archive-description .is-style-cta-title::after { content: ""; display: block; position: absolute; bottom: -0.2rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .post-content .wp-block-image, .cta-box .wp-block-image, .ace-block .wp-block-image, .archive-description .wp-block-image { position: relative; margin: 1rem; font: italic 100 0.8rem/1 serif; text-align: center; } .post-content .wp-block-image .alignnone, .post-content .wp-block-image .aligncenter, .post-content .wp-block-image .alignright, .post-content .wp-block-image .alignleft, .cta-box .wp-block-image .alignnone, .cta-box .wp-block-image .aligncenter, .cta-box .wp-block-image .alignright, .cta-box .wp-block-image .alignleft, .ace-block .wp-block-image .alignnone, .ace-block .wp-block-image .aligncenter, .ace-block .wp-block-image .alignright, .ace-block .wp-block-image .alignleft, .archive-description .wp-block-image .alignnone, .archive-description .wp-block-image .aligncenter, .archive-description .wp-block-image .alignright, .archive-description .wp-block-image .alignleft { float: unset; margin: auto; width: fit-content; clear: both; } .post-content .wp-block-image img, .cta-box .wp-block-image img, .ace-block .wp-block-image img, .archive-description .wp-block-image img { margin: auto; max-width: 100%; box-shadow: 0.5rem 0.5rem 1rem 0 #c8c8c8; } .post-content .wp-block-image > div, .cta-box .wp-block-image > div, .ace-block .wp-block-image > div, .archive-description .wp-block-image > div { margin: auto; } .post-content .wp-block-image > figure, .cta-box .wp-block-image > figure, .ace-block .wp-block-image > figure, .archive-description .wp-block-image > figure { position: relative; width: fit-content; } .post-content .wp-block-image figcaption, .cta-box .wp-block-image figcaption, .ace-block .wp-block-image figcaption, .archive-description .wp-block-image figcaption { position: absolute; bottom: 0; left: 0; right: 0; display: block; margin: 0; padding: 2rem; max-width: 100%; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0), black); } @media screen and (min-width: 768px) { .post-content .wp-block-image .alignnone, .cta-box .wp-block-image .alignnone, .ace-block .wp-block-image .alignnone, .archive-description .wp-block-image .alignnone { margin: auto; clear: both; } .post-content .wp-block-image .aligncenter, .cta-box .wp-block-image .aligncenter, .ace-block .wp-block-image .aligncenter, .archive-description .wp-block-image .aligncenter { display: block; margin: 1rem auto; clear: none; } .post-content .wp-block-image .alignright, .cta-box .wp-block-image .alignright, .ace-block .wp-block-image .alignright, .archive-description .wp-block-image .alignright { float: right; margin: 1rem; clear: none; } .post-content .wp-block-image .alignleft, .cta-box .wp-block-image .alignleft, .ace-block .wp-block-image .alignleft, .archive-description .wp-block-image .alignleft { float: left; margin: 1rem; clear: none; } } .post-content table:not(.bp-tables-user):not(.notification-settings), .cta-box table:not(.bp-tables-user):not(.notification-settings), .ace-block table:not(.bp-tables-user):not(.notification-settings), .archive-description table:not(.bp-tables-user):not(.notification-settings) { display: block; margin: 2rem auto; width: 100%; font-size: 0.8rem; } .post-content table:not(.bp-tables-user):not(.notification-settings) tbody, .cta-box table:not(.bp-tables-user):not(.notification-settings) tbody, .ace-block table:not(.bp-tables-user):not(.notification-settings) tbody, .archive-description table:not(.bp-tables-user):not(.notification-settings) tbody { display: block; width: auto; overflow-x: scroll; white-space: nowrap; } .post-content table:not(.bp-tables-user):not(.notification-settings) tr, .cta-box table:not(.bp-tables-user):not(.notification-settings) tr, .ace-block table:not(.bp-tables-user):not(.notification-settings) tr, .archive-description table:not(.bp-tables-user):not(.notification-settings) tr { width: 200px; display: inline-block; border: none; border-right: solid 1px rgba(200, 200, 200, 0.9); } .post-content table:not(.bp-tables-user):not(.notification-settings) tr::after, .cta-box table:not(.bp-tables-user):not(.notification-settings) tr::after, .ace-block table:not(.bp-tables-user):not(.notification-settings) tr::after, .archive-description table:not(.bp-tables-user):not(.notification-settings) tr::after { border-right: none; } .post-content table:not(.bp-tables-user):not(.notification-settings) th, .post-content table:not(.bp-tables-user):not(.notification-settings) td, .cta-box table:not(.bp-tables-user):not(.notification-settings) th, .cta-box table:not(.bp-tables-user):not(.notification-settings) td, .ace-block table:not(.bp-tables-user):not(.notification-settings) th, .ace-block table:not(.bp-tables-user):not(.notification-settings) td, .archive-description table:not(.bp-tables-user):not(.notification-settings) th, .archive-description table:not(.bp-tables-user):not(.notification-settings) td { display: block; margin: auto 0.5rem; padding: 1rem; border: none; overflow-x: scroll; text-align: center; word-wrap: break-word; word-break: break-all; transition: color .5s ease, background-color .5s ease; } .post-content table:not(.bp-tables-user):not(.notification-settings) th:hover, .post-content table:not(.bp-tables-user):not(.notification-settings) td:hover, .cta-box table:not(.bp-tables-user):not(.notification-settings) th:hover, .cta-box table:not(.bp-tables-user):not(.notification-settings) td:hover, .ace-block table:not(.bp-tables-user):not(.notification-settings) th:hover, .ace-block table:not(.bp-tables-user):not(.notification-settings) td:hover, .archive-description table:not(.bp-tables-user):not(.notification-settings) th:hover, .archive-description table:not(.bp-tables-user):not(.notification-settings) td:hover { color: white; background-color: rgba(200, 200, 200, 0.9); } .post-content table:not(.bp-tables-user):not(.notification-settings).is-style-stripes tr:nth-child(odd), .cta-box table:not(.bp-tables-user):not(.notification-settings).is-style-stripes tr:nth-child(odd), .ace-block table:not(.bp-tables-user):not(.notification-settings).is-style-stripes tr:nth-child(odd), .archive-description table:not(.bp-tables-user):not(.notification-settings).is-style-stripes tr:nth-child(odd) { background-color: #f3f4f5; } @media screen and (min-width: 768px) { .post-content table:not(.bp-tables-user):not(.notification-settings) tbody, .cta-box table:not(.bp-tables-user):not(.notification-settings) tbody, .ace-block table:not(.bp-tables-user):not(.notification-settings) tbody, .archive-description table:not(.bp-tables-user):not(.notification-settings) tbody { overflow-x: auto; } .post-content table:not(.bp-tables-user):not(.notification-settings) tr, .cta-box table:not(.bp-tables-user):not(.notification-settings) tr, .ace-block table:not(.bp-tables-user):not(.notification-settings) tr, .archive-description table:not(.bp-tables-user):not(.notification-settings) tr { border: none; } .post-content table:not(.bp-tables-user):not(.notification-settings) tr:last-child > th, .post-content table:not(.bp-tables-user):not(.notification-settings) tr:last-child td, .cta-box table:not(.bp-tables-user):not(.notification-settings) tr:last-child > th, .cta-box table:not(.bp-tables-user):not(.notification-settings) tr:last-child td, .ace-block table:not(.bp-tables-user):not(.notification-settings) tr:last-child > th, .ace-block table:not(.bp-tables-user):not(.notification-settings) tr:last-child td, .archive-description table:not(.bp-tables-user):not(.notification-settings) tr:last-child > th, .archive-description table:not(.bp-tables-user):not(.notification-settings) tr:last-child td { border-right: none; } .post-content table:not(.bp-tables-user):not(.notification-settings) th, .post-content table:not(.bp-tables-user):not(.notification-settings) td, .cta-box table:not(.bp-tables-user):not(.notification-settings) th, .cta-box table:not(.bp-tables-user):not(.notification-settings) td, .ace-block table:not(.bp-tables-user):not(.notification-settings) th, .ace-block table:not(.bp-tables-user):not(.notification-settings) td, .archive-description table:not(.bp-tables-user):not(.notification-settings) th, .archive-description table:not(.bp-tables-user):not(.notification-settings) td { margin: auto; padding: 0.5rem 1rem; text-align: center; word-wrap: break-word; word-break: break-all; border-right: solid 1px rgba(200, 200, 200, 0.9); transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } .post-content table:not(.bp-tables-user):not(.notification-settings) th:hover, .post-content table:not(.bp-tables-user):not(.notification-settings) td:hover, .cta-box table:not(.bp-tables-user):not(.notification-settings) th:hover, .cta-box table:not(.bp-tables-user):not(.notification-settings) td:hover, .ace-block table:not(.bp-tables-user):not(.notification-settings) th:hover, .ace-block table:not(.bp-tables-user):not(.notification-settings) td:hover, .archive-description table:not(.bp-tables-user):not(.notification-settings) th:hover, .archive-description table:not(.bp-tables-user):not(.notification-settings) td:hover { color: white; background-color: rgba(200, 200, 200, 0.9); } .post-content table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout, .cta-box table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout, .ace-block table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout, .archive-description table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout { display: table; } .post-content table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tbody, .cta-box table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tbody, .ace-block table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tbody, .archive-description table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tbody { display: table-row-group; } .post-content table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr, .cta-box table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr, .ace-block table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr, .archive-description table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr { display: table-row; border-bottom: solid 1px rgba(200, 200, 200, 0.9); } .post-content table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr:last-child, .cta-box table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr:last-child, .ace-block table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr:last-child, .archive-description table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout tr:last-child { border-bottom: none; } .post-content table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout th, .post-content table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout td, .cta-box table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout th, .cta-box table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout td, .ace-block table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout th, .ace-block table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout td, .archive-description table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout th, .archive-description table:not(.bp-tables-user):not(.notification-settings).has-fixed-layout td { display: table-cell; border-right: none; } .post-content table:not(.bp-tables-user):not(.notification-settings).flex-box, .cta-box table:not(.bp-tables-user):not(.notification-settings).flex-box, .ace-block table:not(.bp-tables-user):not(.notification-settings).flex-box, .archive-description table:not(.bp-tables-user):not(.notification-settings).flex-box { display: block; border: none; border-collapse: collapse; border-spacing: 0; overflow-x: auto; } .post-content table:not(.bp-tables-user):not(.notification-settings).flex-box tbody, .cta-box table:not(.bp-tables-user):not(.notification-settings).flex-box tbody, .ace-block table:not(.bp-tables-user):not(.notification-settings).flex-box tbody, .archive-description table:not(.bp-tables-user):not(.notification-settings).flex-box tbody { margin: auto; width: auto; overflow-x: scroll; } .post-content table:not(.bp-tables-user):not(.notification-settings).flex-box tr, .cta-box table:not(.bp-tables-user):not(.notification-settings).flex-box tr, .ace-block table:not(.bp-tables-user):not(.notification-settings).flex-box tr, .archive-description table:not(.bp-tables-user):not(.notification-settings).flex-box tr { display: flex; flex-wrap: nowrap; text-align: center; } .post-content table:not(.bp-tables-user):not(.notification-settings).flex-box th, .cta-box table:not(.bp-tables-user):not(.notification-settings).flex-box th, .ace-block table:not(.bp-tables-user):not(.notification-settings).flex-box th, .archive-description table:not(.bp-tables-user):not(.notification-settings).flex-box th { width: 150px; display: block; } .post-content table:not(.bp-tables-user):not(.notification-settings).flex-box td, .cta-box table:not(.bp-tables-user):not(.notification-settings).flex-box td, .ace-block table:not(.bp-tables-user):not(.notification-settings).flex-box td, .archive-description table:not(.bp-tables-user):not(.notification-settings).flex-box td { width: 150px; display: block; } } .post-content .wp-block-columns, .cta-box .wp-block-columns, .ace-block .wp-block-columns, .archive-description .wp-block-columns { display: flex; flex-wrap: wrap; width: 100%; } .post-content .wp-block-columns .wp-block-column, .cta-box .wp-block-columns .wp-block-column, .ace-block .wp-block-columns .wp-block-column, .archive-description .wp-block-columns .wp-block-column { margin: 0 auto; padding: 0.5rem; } .post-content .wp-block-button, .cta-box .wp-block-button, .ace-block .wp-block-button, .archive-description .wp-block-button { width: fit-content; color: #FFFFFF; } .post-content .wp-block-button.alignleft, .cta-box .wp-block-button.alignleft, .ace-block .wp-block-button.alignleft, .archive-description .wp-block-button.alignleft { float: left; margin: 1rem; clear: both; } .post-content .wp-block-button.aligncenter, .cta-box .wp-block-button.aligncenter, .ace-block .wp-block-button.aligncenter, .archive-description .wp-block-button.aligncenter { float: center; margin: auto; clear: both; } .post-content .wp-block-button.alignright, .cta-box .wp-block-button.alignright, .ace-block .wp-block-button.alignright, .archive-description .wp-block-button.alignright { float: right; margin: 1rem; clear: both; } .post-content .wp-block-button.is-style-default .wp-block-button__link, .cta-box .wp-block-button.is-style-default .wp-block-button__link, .ace-block .wp-block-button.is-style-default .wp-block-button__link, .archive-description .wp-block-button.is-style-default .wp-block-button__link { background: transparent; border: 2px solid; } .post-content .wp-block-button.is-style-outline .wp-block-button__link, .cta-box .wp-block-button.is-style-outline .wp-block-button__link, .ace-block .wp-block-button.is-style-outline .wp-block-button__link, .archive-description .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border: 2px solid; } .post-content .wp-block-button.is-style-squared .wp-block-button__link, .cta-box .wp-block-button.is-style-squared .wp-block-button__link, .ace-block .wp-block-button.is-style-squared .wp-block-button__link, .archive-description .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .post-content .wp-block-button .wp-block-button__link, .cta-box .wp-block-button .wp-block-button__link, .ace-block .wp-block-button .wp-block-button__link, .archive-description .wp-block-button .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; } .post-content .wp-block-button .has-pale-pink-color, .cta-box .wp-block-button .has-pale-pink-color, .ace-block .wp-block-button .has-pale-pink-color, .archive-description .wp-block-button .has-pale-pink-color { color: #f78da7; } .post-content .wp-block-button .has-vivid-red-color, .cta-box .wp-block-button .has-vivid-red-color, .ace-block .wp-block-button .has-vivid-red-color, .archive-description .wp-block-button .has-vivid-red-color { color: #cf2e2e; } .post-content .wp-block-button .has-luminous-vivid-orange-color, .cta-box .wp-block-button .has-luminous-vivid-orange-color, .ace-block .wp-block-button .has-luminous-vivid-orange-color, .archive-description .wp-block-button .has-luminous-vivid-orange-color { color: #ff6900; } .post-content .wp-block-button .has-luminous-vivid-amber-color, .cta-box .wp-block-button .has-luminous-vivid-amber-color, .ace-block .wp-block-button .has-luminous-vivid-amber-color, .archive-description .wp-block-button .has-luminous-vivid-amber-color { color: #fcb900; } .post-content .wp-block-button .has-light-green-cyan-color, .cta-box .wp-block-button .has-light-green-cyan-color, .ace-block .wp-block-button .has-light-green-cyan-color, .archive-description .wp-block-button .has-light-green-cyan-color { color: #7bdcb5; } .post-content .wp-block-button .has-vivid-green-cyan-color, .cta-box .wp-block-button .has-vivid-green-cyan-color, .ace-block .wp-block-button .has-vivid-green-cyan-color, .archive-description .wp-block-button .has-vivid-green-cyan-color { color: #00d084; } .post-content .wp-block-button .has-pale-cyan-blue-color, .cta-box .wp-block-button .has-pale-cyan-blue-color, .ace-block .wp-block-button .has-pale-cyan-blue-color, .archive-description .wp-block-button .has-pale-cyan-blue-color { color: #8ed1fc; } .post-content .wp-block-button .has-vivid-cyan-blue-color, .cta-box .wp-block-button .has-vivid-cyan-blue-color, .ace-block .wp-block-button .has-vivid-cyan-blue-color, .archive-description .wp-block-button .has-vivid-cyan-blue-color { color: #0693e3; } .post-content .wp-block-button .has-very-light-gray-color, .cta-box .wp-block-button .has-very-light-gray-color, .ace-block .wp-block-button .has-very-light-gray-color, .archive-description .wp-block-button .has-very-light-gray-color { color: #eee; } .post-content .wp-block-button .has-cyan-bluish-gray-color, .cta-box .wp-block-button .has-cyan-bluish-gray-color, .ace-block .wp-block-button .has-cyan-bluish-gray-color, .archive-description .wp-block-button .has-cyan-bluish-gray-color { color: #abb8c3; } .post-content .wp-block-button .has-very-dark-gray-color, .cta-box .wp-block-button .has-very-dark-gray-color, .ace-block .wp-block-button .has-very-dark-gray-color, .archive-description .wp-block-button .has-very-dark-gray-color { color: #313131; } .post-content .wp-block-button .has-white-color, .cta-box .wp-block-button .has-white-color, .ace-block .wp-block-button .has-white-color, .archive-description .wp-block-button .has-white-color { color: #fff; } .post-content .wp-block-button .has-pale-pink-background-color, .cta-box .wp-block-button .has-pale-pink-background-color, .ace-block .wp-block-button .has-pale-pink-background-color, .archive-description .wp-block-button .has-pale-pink-background-color { background-color: #f78da7; } .post-content .wp-block-button .has-vivid-red-background-color, .cta-box .wp-block-button .has-vivid-red-background-color, .ace-block .wp-block-button .has-vivid-red-background-color, .archive-description .wp-block-button .has-vivid-red-background-color { background-color: #cf2e2e; } .post-content .wp-block-button .has-luminous-vivid-orange-background-color, .cta-box .wp-block-button .has-luminous-vivid-orange-background-color, .ace-block .wp-block-button .has-luminous-vivid-orange-background-color, .archive-description .wp-block-button .has-luminous-vivid-orange-background-color { background-color: #ff6900; } .post-content .wp-block-button .has-luminous-vivid-amber-background-color, .cta-box .wp-block-button .has-luminous-vivid-amber-background-color, .ace-block .wp-block-button .has-luminous-vivid-amber-background-color, .archive-description .wp-block-button .has-luminous-vivid-amber-background-color { background-color: #fcb900; } .post-content .wp-block-button .has-light-green-cyan-background-color, .cta-box .wp-block-button .has-light-green-cyan-background-color, .ace-block .wp-block-button .has-light-green-cyan-background-color, .archive-description .wp-block-button .has-light-green-cyan-background-color { background-color: #7bdcb5; } .post-content .wp-block-button .has-vivid-green-cyan-background-color, .cta-box .wp-block-button .has-vivid-green-cyan-background-color, .ace-block .wp-block-button .has-vivid-green-cyan-background-color, .archive-description .wp-block-button .has-vivid-green-cyan-background-color { background-color: #00d084; } .post-content .wp-block-button .has-pale-cyan-blue-background-color, .cta-box .wp-block-button .has-pale-cyan-blue-background-color, .ace-block .wp-block-button .has-pale-cyan-blue-background-color, .archive-description .wp-block-button .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } .post-content .wp-block-button .has-vivid-cyan-blue-background-color, .cta-box .wp-block-button .has-vivid-cyan-blue-background-color, .ace-block .wp-block-button .has-vivid-cyan-blue-background-color, .archive-description .wp-block-button .has-vivid-cyan-blue-background-color { background-color: #0693e3; } .post-content .wp-block-button .has-very-light-gray-background-color, .cta-box .wp-block-button .has-very-light-gray-background-color, .ace-block .wp-block-button .has-very-light-gray-background-color, .archive-description .wp-block-button .has-very-light-gray-background-color { background-color: #eee; } .post-content .wp-block-button .has-cyan-bluish-gray-background-color, .cta-box .wp-block-button .has-cyan-bluish-gray-background-color, .ace-block .wp-block-button .has-cyan-bluish-gray-background-color, .archive-description .wp-block-button .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } .post-content .wp-block-button .has-very-dark-gray-background-color, .cta-box .wp-block-button .has-very-dark-gray-background-color, .ace-block .wp-block-button .has-very-dark-gray-background-color, .archive-description .wp-block-button .has-very-dark-gray-background-color { background-color: #313131; } .post-content .wp-block-button .has-white-background-color, .cta-box .wp-block-button .has-white-background-color, .ace-block .wp-block-button .has-white-background-color, .archive-description .wp-block-button .has-white-background-color { background-color: #fff; } .post-content .wp-block-button .has-background-dim, .cta-box .wp-block-button .has-background-dim, .ace-block .wp-block-button .has-background-dim, .archive-description .wp-block-button .has-background-dim { position: relative; } .post-content .wp-block-button .has-background-dim::before, .cta-box .wp-block-button .has-background-dim::before, .ace-block .wp-block-button .has-background-dim::before, .archive-description .wp-block-button .has-background-dim::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: inherit; opacity: .5; z-index: 1; } .post-content .is-style-cta-button, .cta-box .is-style-cta-button, .ace-block .is-style-cta-button, .archive-description .is-style-cta-button { display: block; width: 100%; text-align: center; } .post-content .is-style-cta-button .wp-block-button__link, .cta-box .is-style-cta-button .wp-block-button__link, .ace-block .is-style-cta-button .wp-block-button__link, .archive-description .is-style-cta-button .wp-block-button__link { display: block; margin: auto; padding: 0.25rem; max-width: 400px; width: 80%; border: none; border-radius: 5px; background-color: #ffb43c; color: white; font-size: .9rem; } .post-content .wp-block-pullquote, .cta-box .wp-block-pullquote, .ace-block .wp-block-pullquote, .archive-description .wp-block-pullquote { padding: 3rem 0; margin: auto 0; border-top: solid 1px black; border-bottom: solid 1px black; text-align: center; } .post-content .wp-block-media-text .wp-block-media-text__media, .cta-box .wp-block-media-text .wp-block-media-text__media, .ace-block .wp-block-media-text .wp-block-media-text__media, .archive-description .wp-block-media-text .wp-block-media-text__media { margin: auto; } .post-content .wp-block-media-text .wp-block-media-text__media img, .cta-box .wp-block-media-text .wp-block-media-text__media img, .ace-block .wp-block-media-text .wp-block-media-text__media img, .archive-description .wp-block-media-text .wp-block-media-text__media img { margin: auto; max-width: 100%; width: 100%; vertical-align: middle; } .post-content .wp-block-media-text .wp-block-media-text__content, .cta-box .wp-block-media-text .wp-block-media-text__content, .ace-block .wp-block-media-text .wp-block-media-text__content, .archive-description .wp-block-media-text .wp-block-media-text__content { word-break: break-word; grid-area: media-text-content; padding: 0 1rem; } .post-content .wp-block-media-text .wp-block-media-text__content .has-large-font-size, .cta-box .wp-block-media-text .wp-block-media-text__content .has-large-font-size, .ace-block .wp-block-media-text .wp-block-media-text__content .has-large-font-size, .archive-description .wp-block-media-text .wp-block-media-text__content .has-large-font-size { font-size: 2rem; } @media screen and (min-width: 768px) { .post-content .wp-block-media-text, .cta-box .wp-block-media-text, .ace-block .wp-block-media-text, .archive-description .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; clear: both; } .post-content .wp-block-media-text.has-media-on-the-right, .cta-box .wp-block-media-text.has-media-on-the-right, .ace-block .wp-block-media-text.has-media-on-the-right, .archive-description .wp-block-media-text.has-media-on-the-right { grid-template-areas: "media-text-content media-text-media"; grid-template-columns: auto 50%; } .post-content .wp-block-media-text .wp-block-media-text__media, .cta-box .wp-block-media-text .wp-block-media-text__media, .ace-block .wp-block-media-text .wp-block-media-text__media, .archive-description .wp-block-media-text .wp-block-media-text__media { grid-area: media-text-media; margin: 0; } .post-content .wp-block-media-text .wp-block-media-text__media img, .cta-box .wp-block-media-text .wp-block-media-text__media img, .ace-block .wp-block-media-text .wp-block-media-text__media img, .archive-description .wp-block-media-text .wp-block-media-text__media img { margin: auto; max-width: unset; width: 100%; vertical-align: middle; } .post-content .wp-block-media-text .wp-block-media-text__content, .cta-box .wp-block-media-text .wp-block-media-text__content, .ace-block .wp-block-media-text .wp-block-media-text__content, .archive-description .wp-block-media-text .wp-block-media-text__content { word-break: break-word; grid-area: media-text-content; padding: 0 8%; } .post-content .wp-block-media-text .wp-block-media-text__content .has-large-font-size, .cta-box .wp-block-media-text .wp-block-media-text__content .has-large-font-size, .ace-block .wp-block-media-text .wp-block-media-text__content .has-large-font-size, .archive-description .wp-block-media-text .wp-block-media-text__content .has-large-font-size { font-size: 2rem; } } .post-content .wp-block-separator, .cta-box .wp-block-separator, .ace-block .wp-block-separator, .archive-description .wp-block-separator { box-sizing: content-box; height: 0; overflow: visible; } .post-content .wp-block-separator.is-style-wide, .cta-box .wp-block-separator.is-style-wide, .ace-block .wp-block-separator.is-style-wide, .archive-description .wp-block-separator.is-style-wide { border-bottom-width: 1px; } .post-content .wp-block-separator.is-style-dots, .cta-box .wp-block-separator.is-style-dots, .ace-block .wp-block-separator.is-style-dots, .archive-description .wp-block-separator.is-style-dots { background: none; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .post-content .wp-block-separator.is-style-dots::before, .cta-box .wp-block-separator.is-style-dots::before, .ace-block .wp-block-separator.is-style-dots::before, .archive-description .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; color: #191e23; font-size: 20px; letter-spacing: 2rem; padding-left: 2rem; font-family: serif; } .post-content .wp-block-cover, .post-content .wp-block-cover-image, .cta-box .wp-block-cover, .cta-box .wp-block-cover-image, .ace-block .wp-block-cover, .ace-block .wp-block-cover-image, .archive-description .wp-block-cover, .archive-description .wp-block-cover-image { position: relative; background-size: cover; background-position: 50%; min-height: 430px; width: 100%; margin: 0 auto 1.5rem; display: flex; justify-content: center; align-items: center; overflow: hidden; } .post-content .wp-block-cover .wp-block-cover-image-text, .post-content .wp-block-cover .wp-block-cover-text, .post-content .wp-block-cover h2, .post-content .wp-block-cover-image .wp-block-cover-image-text, .post-content .wp-block-cover-image .wp-block-cover-text, .post-content .wp-block-cover-image h2, .cta-box .wp-block-cover .wp-block-cover-image-text, .cta-box .wp-block-cover .wp-block-cover-text, .cta-box .wp-block-cover h2, .cta-box .wp-block-cover-image .wp-block-cover-image-text, .cta-box .wp-block-cover-image .wp-block-cover-text, .cta-box .wp-block-cover-image h2, .ace-block .wp-block-cover .wp-block-cover-image-text, .ace-block .wp-block-cover .wp-block-cover-text, .ace-block .wp-block-cover h2, .ace-block .wp-block-cover-image .wp-block-cover-image-text, .ace-block .wp-block-cover-image .wp-block-cover-text, .ace-block .wp-block-cover-image h2, .archive-description .wp-block-cover .wp-block-cover-image-text, .archive-description .wp-block-cover .wp-block-cover-text, .archive-description .wp-block-cover h2, .archive-description .wp-block-cover-image .wp-block-cover-image-text, .archive-description .wp-block-cover-image .wp-block-cover-text, .archive-description .wp-block-cover-image h2 { color: #fff; font-size: 2rem; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 610px; padding: 14px; text-align: center; } @media screen and (min-width: 768px) { .post-content .wp-block-cover .wp-block-cover-image-text, .post-content .wp-block-cover .wp-block-cover-text, .post-content .wp-block-cover h2, .post-content .wp-block-cover-image .wp-block-cover-image-text, .post-content .wp-block-cover-image .wp-block-cover-text, .post-content .wp-block-cover-image h2, .cta-box .wp-block-cover .wp-block-cover-image-text, .cta-box .wp-block-cover .wp-block-cover-text, .cta-box .wp-block-cover h2, .cta-box .wp-block-cover-image .wp-block-cover-image-text, .cta-box .wp-block-cover-image .wp-block-cover-text, .cta-box .wp-block-cover-image h2, .ace-block .wp-block-cover .wp-block-cover-image-text, .ace-block .wp-block-cover .wp-block-cover-text, .ace-block .wp-block-cover h2, .ace-block .wp-block-cover-image .wp-block-cover-image-text, .ace-block .wp-block-cover-image .wp-block-cover-text, .ace-block .wp-block-cover-image h2, .archive-description .wp-block-cover .wp-block-cover-image-text, .archive-description .wp-block-cover .wp-block-cover-text, .archive-description .wp-block-cover h2, .archive-description .wp-block-cover-image .wp-block-cover-image-text, .archive-description .wp-block-cover-image .wp-block-cover-text, .archive-description .wp-block-cover-image h2 { color: #fff; font-size: 1.5rem; max-width: 610px; padding: 1rem; } } .post-content .wp-block-audio audio, .cta-box .wp-block-audio audio, .ace-block .wp-block-audio audio, .archive-description .wp-block-audio audio { width: 100%; min-width: 300px; } .page-links-div { display: flex; flex-wrap: wrap; padding: 2rem; transform: translateY(-2rem); } .page-links-div > span, .page-links-div > a { display: block; margin: auto .5rem; padding: .5rem 1rem; position: relative; font-size: 1rem; border: solid 1px rgba(200, 200, 200, 0.9); border-radius: 0.3rem; } .page-links-div > span::before, .page-links-div > a::before { position: absolute; content: none; border: solid 1px rgba(100, 100, 100, 0.9); bordre-radius: 0.3rem; } .single-page-prev-next { display: flex; flex-wrap: wrap; } .single-page-prev-next p { margin: 0; } .single-page-prev-next > a { width: 40%; margin: auto; padding: 1rem; color: #000000; text-align: center; border-top: solid 1px rgba(200, 200, 200, 0.9); border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } .single-page-prev-next > a:hover { color: white; background-color: rgba(200, 200, 200, 0.9); } .single-page-prev-next > a span { display: block; } .single-page-prev-next > a span.prev-post-title, .single-page-prev-next > a span.next-post-title { font-size: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #comment-ping { margin: 2rem 0; padding: 0.5rem; } .label-comment { border-bottom: dashed 1px rgba(200, 200, 200, 0.9); } .comment-list, .ping-list { padding: 0; } .comment-list > .comment, .ping-list > .comment { margin: 0 0 2rem; padding: 1rem; border: solid 1px rgba(200, 200, 200, 0.9); } .comment-list .children, .ping-list .children { padding: 0 0 0 1rem; } .comment { display: block; padding: 0; } .comment.bypostauthor > .comment-inner > .comment-header .comment-author::after { content: "Post Author"; margin-left: 1rem; padding: .1rem .5rem; color: white; font-size: .8rem; background-color: #ffc850; } .comment-inner { margin: auto auto 2rem; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); } .comment-header { display: flex; padding: 0.5rem; } .comment-header .comment-avatar-container { margin: auto 0; width: 100px; height: 100px; border-radius: 50%; } .comment-header .comment-avatar-container img.avatar { width: 100px; height: 100px; border-radius: 50%; } .comment-header .comment-meta-container { margin: auto 0; padding: 0.5rem; max-width: 100%; } .comment-header .comment-meta-container .comment-author { padding: 0.5rem; } .comment-header .comment-meta-container .comment-author a { color: #646464; } .comment-header .comment-meta-container .comment-meta { padding: 0.5rem; font-size: 0.8rem; } .comment-header .comment-meta-container .comment-meta .comment-date { padding: 0 1rem 0 0; color: #646464; } .comment-header .comment-meta-container .comment-meta .comment-edit-link { padding: 0 1rem; color: #646464; } .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 { position: relative; margin: 1rem 0; padding: 0 0 0 0.5rem; border-bottom: solid 1px rgba(200, 200, 200, 0.9); transition: text-shadow 1s ease; } .comment-body h1::after, .comment-body h2::after, .comment-body h3::after, .comment-body h4::after, .comment-body h5::after, .comment-body h6::after { position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 0; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.9); transition: width 0.5s ease; } .comment-body h1:hover, .comment-body h2:hover, .comment-body h3:hover, .comment-body h4:hover, .comment-body h5:hover, .comment-body h6:hover { text-shadow: 1px 1px 1px 1px rgba(100, 100, 100, 0.9); } .comment-body h1:hover::after, .comment-body h2:hover::after, .comment-body h3:hover::after, .comment-body h4:hover::after, .comment-body h5:hover::after, .comment-body h6:hover::after { width: 100%; } .comment-body h1 { font: normal 900 2rem/2.5 "YuMincho", "游明朝体", serif; border-top: solid 1px rgba(200, 200, 200, 0.9); border-left: solid 0.1rem #646464; clear: both; } .comment-body h2 { font: normal 100 1.8rem/2 "YuMincho", "游明朝体", serif; border-left: solid 0.1rem #646464; clear: both; } .comment-body h3 { font: normal 100 1.6rem/1.5 "YuMincho", "游明朝体", serif; clear: both; } .comment-body h4 { font-size: 1.4rem; border-top: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } .comment-body h5 { font-size: 1.2rem; border-left: dashed 1px rgba(200, 200, 200, 0.9); border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } .comment-body h6 { font-size: 1rem; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); clear: both; } .comment-body p { font: normal 100 0.8rem/2 "YuMincho", "游明朝体", serif; } .comment-body ol, .comment-body ul, .comment-body dl { font-size: 0.8rem; padding-left: 1.5rem; } .comment-body > ul li, .comment-body > ol li, .comment-body > dl dt { display: list-item; margin-top: 1rem; } .comment-body > ul ul, .comment-body > ol ol, .comment-body > dl dl { padding-left: 1rem; } .comment-body blockquote { font-size: 12px; } .comment-body pre { padding: 1rem; font-size: 0.8rem; border: solid 1px rgba(230, 230, 230, 0.9); } .comment-body .reply { padding: 0.5rem; } .comment-body .comment-reply-link { padding: 0.5rem 1rem; font-size: 0.8rem; color: #646464; text-shadow: none; border: solid 1px #646464; } .comment-body .comment-reply-link:hover { opacity: 1; color: white; background-color: #646464; } .comment-respond { position: relative; margin: auto auto 2rem; padding: 1rem; color: #646464; border: solid 1px #c8c8c8; } .comment-respond a { color: #646464; } .comment-respond .comment-reply-title { font-size: 0.9rem; } .comment-respond .comment-reply-title #cancel-comment-reply-link { position: absolute; bottom: 1rem; right: 1rem; padding: 0.5rem; font-size: 0.8rem; color: #646464; border: none; box-shadow: 0 0 0 1px #646464; } .comment-respond .comment-reply-title #cancel-comment-reply-link:hover { color: white; background-color: #646464; } .comment-respond #commentform .form-submit { margin: auto; } .comment-respond #commentform input[name="submit"] { font-size: 0.8rem; color: white; background-color: #646464; box-shadow: 0 0 0 1px #646464; border-radius: 0; transition: opacity 0.5s ease; } .comment-respond #commentform input[name="submit"]:hover { opacity: 1; } .comment-respond .logged-in-as { font-size: 0.8rem; } .comment-respond .comment-form-comment label { font-size: 0.8rem; border-bottom: solid 1px #c8c8c8; } .comment-respond .comment-form-comment textarea[name="comment"] { padding: 0.3rem; max-width: 100%; } .comment-reply-form { padding: 0.5rem; } @media screen and (max-width: 512px) { .comment-header { display: block; text-align: center; } .comment-header .comment-avatar-container { margin: auto; } .comment-respond { padding: 1rem 1rem 3rem; } .comment-respond #cancel-comment-reply-link { left: 1rem; right: unset !important; } #commentform .comment-form-author #author { width: 100%; } #commentform .comment-form-email #email { width: 100%; } #commentform .comment-form-url #url { width: 100%; } } .archive-articles-header { padding: 1rem; } .archive-articles-header.has-description { border-bottom: solid 2px #c8c8c8; } .archive-title { margin-bottom: 2rem; padding: 1rem 0; border-top: solid 1px rgba(0, 0, 0, 0.9); border-bottom: solid 1px rgba(0, 0, 0, 0.9); } .archive-title .archive-title-text { padding: 0.5rem 1rem; } .archive-description { padding: 1rem; overflow: auto; } .archive-description img { margin: auto; padding: 1rem; } .archive-description-content { padding: 1rem; overflow: visible; } .article-container { max-width: 300px; width: 100%; padding: 2em 0; overflow: visible; } .articles { width: 100%; padding: 2em 0; } .articles.list-in-slider { margin: auto; max-width: 660px; padding: 0; } /* .archive-article { margin: 0 auto 10em; overflow: hidden; text-overflow: ellipsis; &.style-card { &:last-child { margin: 0 auto 2em; } } &.style-3-cols { } &.style-slider { } .archive-article-inner { } .archive-article-thumbnail { border-radius: 50%; } } */ a.archive-article-link { color: rgba(100, 100, 100, 0.9); } a.archive-article-link:hover { opacity: 1; } /* Styles -------------------------------------*/ /* Card -------------------------------------*/ .style-card { margin: 0 0 2em; } .style-card .archive-article-inner { display: flex; flex-wrap: wrap; padding: 0.5rem; } .style-card .archive-article-item { display: flex; flex-wrap: wrap; } .style-card .archive-article-item.article-thumbnail { margin: auto; height: 200px; } .style-card .archive-article-item.article-thumbnail .thumbnail { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; } .style-card .archive-article-item.article-meta { position: relative; margin: 0 auto auto; padding: 0.5em; width: 100%; overflow: hidden; } .style-card .archive-article-item.article-meta > .archive-article-item-inner { padding: 0.5em; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-title { width: 100%; height: 2em; padding: initial; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-title > .article-title { font-size: 0.9em; margin: auto auto .5rem; padding: 0.5em; border: none; border-bottom: solid 1px rgba(200, 200, 200, 0.9); } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-title .article-title-text { line-height: 1; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-title .archive-article-link { color: #000000; font-weight: 800; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-title .article-title-text { display: block; width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-excerpt { width: 100%; padding: 0.5em; line-height: 2; font-size: 0.8em; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-category { width: 50%; text-align: center; font-size: 0.8em; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-category > .category::before { content: "Category - "; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-tags { width: 50%; text-align: center; font-size: 0.8em; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-tags > .tags::before { content: "Tags - "; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-tags > .tags > a:nth-child(n+2) { margin-left: 0.5em; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-date { width: 50%; text-align: center; font-size: 0.8em; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-date > time::before { content: "Published - "; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-author { width: 50%; text-align: center; font-size: 0.8em; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-author > span.author::before { content: "by"; margin-right: 0.5em; } .style-card .archive-article-item-inner { margin: auto; } .style-card .thumbnail { width: 200px; height: 200px; object-fit: cover; } .style-card .frame-thumbnail { position: relative; width: 200px; height: 200px; } .style-card .archive-article-excerpt { overflow: hidden; } .style-card.sticky { box-shadow: 0 0 0 1px rgba(230, 230, 230, 0.9); } .style-card.sticky .frame-thumbnail::before { position: absolute; content: ""; display: block; top: 0em; left: -2em; background-color: red; width: 50%; height: 2em; transform: rotate(-45deg); z-index: 1; } .style-card .archive-article-thumbnail-label { display: none; } .style-card:not(.sticky) .archive-article-thumbnail-label { position: absolute; top: 0.1em; left: 0.1em; right: 0.1em; display: block; margin: auto; max-width: 100%; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .style-card:not(.sticky) .archive-article-thumbnail-label .category { color: #FFFFFF; font-size: 0.8em; font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4"; line-height: 2; word-break: break-all; padding: 0.5em; background-color: rgba(255, 164, 121, 0.9); } /* 3 Cols -------------------------------------*/ .style-3-cols { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 100%; width: 100%; height: fit-content; overflow: hidden; } .style-3-cols .archive-article-inner { display: block; margin: auto; width: 80%; } .style-3-cols .archive-article { width: 100%; height: 400px; } .style-3-cols .frame-thumbnail { position: relative; margin: 1em auto; width: 300px; height: 300px; overflow: hidden; } .style-3-cols .background-board { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 60%; height: 60%; background-color: #000; } .style-3-cols .frame-thumbnail-inner { position: absolute; margin: auto; width: 100%; height: 100%; overflow: hidden; } .style-3-cols .frame-thumbnail-inner:hover .hover-falling { transform: none; } .style-3-cols .hover-falling { position: absolute; transform: translateY(-100%); width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); transition: transform .5s ease; } .style-3-cols .hover-falling span { font: italic 100 1.5rem/2 serif; display: block; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: fit-content; width: fit-content; } .style-3-cols .thumbnail { position: absolute; display: block; margin: auto; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; } .style-3-cols .thumbnail:hover { transform: scale(1.2); } .style-3-cols .archive-article-link { color: #000; } .style-3-cols .archive-article-meta { position: relative; height: 200px; } .style-3-cols .archive-article-meta-inner.article-title .article-title { line-height: 1.5; overflow: hidden; text-overflow: ellipsis; border-bottom: solid 1px; border-left: none; } .style-3-cols .archive-article-meta-inner.article-excerpt { max-height: 100px; overflow: hidden; text-overflow: ellipsis; } .style-3-cols .archive-article-meta-inner.article-date { position: absolute; top: -1rem; } .style-3-cols .article-title { font-size: 1.2rem; } .style-3-cols .article-excerpt { font-size: .8rem; } .style-3-cols .article-date { font-size: .8rem; } /* Slider -------------------------------------*/ .style-slider { margin: auto; max-width: 660px; box-shadow: 0 0 0.5rem 0 #c8c8c8; } .style-slider > .archive-article-inner { display: flex; } .style-slider .archive-article-item { margin: auto; padding: .5rem; width: 300px; height: 300px; } .style-slider .archive-article-item.article-thumbnail { position: relative; } .style-slider .archive-article-item-meta .article-thumbnail { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; width: 300px; height: 300px; } .style-slider .frame-thumbnail { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 250px; height: 250px; } .style-slider .frame-thumbnail .archive-article-link { position: absolute; display: block; margin: auto; width: inherit; height: inherit; overflow: hidden; } .style-slider .frame-thumbnail .archive-article-link::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; background-color: rgba(255, 255, 255, 0.8); } .style-slider .frame-thumbnail .archive-article-thumbnail-label a { position: absolute; top: 0; left: 0; padding: .25rem .5rem; background-color: #ffb43c; font-size: .8rem; color: #FFFFFF; } .style-slider .thumbnail { margin: auto; width: inherit; height: inherit; object-fit: cover; } .style-slider .archive-article-date-publish-inner time { position: absolute; right: .5rem; bottom: .3rem; font-size: .8rem; } .style-slider .archive-article-item.article-meta { position: relative; } .style-slider .archive-article-item-inner.article-meta-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; margin: auto; padding: .5rem; max-width: 250px; max-height: 250px; height: fit-content; } .style-slider .archive-article-item-inner.article-meta-wrapper > .archive-article-item-meta.article-title { max-height: 100px; margin: auto auto .5rem; } .style-slider .archive-article-item-inner.article-meta-wrapper > .archive-article-item-meta.article-title .article-title { display: block; margin: auto auto .5rem; padding: 0; border-bottom: solid 1px #c8c8c8; border-left: none; } .style-slider .archive-article-item-inner.article-meta-wrapper > .archive-article-item-meta.article-title .article-title-text { margin: auto auto .5rem; } .style-slider .archive-article-item-inner.article-meta-wrapper > .archive-article-item-meta.article-title .archive-article-link { display: block; } .style-slider .archive-article-item-inner.article-meta-wrapper > .archive-article-item-meta.article-title .article-title-text { position: relative; display: block; margin: .5rem auto; padding: .5rem; max-width: 100%; width: 100%; max-height: 3rem; border: none; font: italic 100 1.2rem/1.1 serif; text-align: center; overflow: hidden; } .style-slider .archive-article-item-inner.article-meta-wrapper .archive-article-excerpt { font: normal 100 .8rem/1.5 serif; } .style-slider .archive-article-item-inner.article-meta-wrapper .read-more-button { position: relative; display: block; margin: auto; padding: .5rem; max-width: 160px; background-color: #ffb450; border-radius: 1px; box-shadow: 0 0 0 1px #FFFFFF; font: normal 100 0.7em/1.5 sans-serif; color: #FFFFFF; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; color: white; background-color: #646464; box-shadow: 0 0 0 1px white; } .style-slider .archive-article-item-inner.article-meta-wrapper .read-more-button::before { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; content: ""; display: block; background: transparent; border: solid 1px white; } .style-slider .archive-article-item-inner.article-meta-wrapper .read-more-button:hover { color: white; background-color: #000000; box-shadow: 0 0 0 1px white; /* color: rgba(255,180,80,1); background-color: #FFFFFF; */ } .blog-description-content { overflow: visible; } .blog-description-content .wp-block-column .style-card .archive-article-excerpt { line-height: 1.5; } @media screen and (min-width: 768px) { .article-container { max-width: 600px; width: 100%; padding: 2em 0; } .articles.list-in-slider .archive-article { margin: 0 auto 10em; overflow: hidden; text-overflow: ellipsis; } .articles.list-in-slider .archive-article:last-child { margin: 0 auto 2em; } .articles.list-in-slider .archive-article .archive-article-thumbnail { border-radius: 50%; } .articles.list-in-3-cols { display: flex; flex-wrap: wrap; } .articles .archive-article.style-card { margin: 0 auto 5rem; overflow: hidden; text-overflow: ellipsis; } .articles .archive-article.style-card:last-child { margin: 0 auto 2em; } .articles .archive-article.style-card .archive-article-thumbnail { border-radius: 50%; } .articles .archive-article.style-3-cols { margin: 0 auto; max-width: 30%; width: 100%; height: fit-content; } .articles .archive-article.style-3-cols .archive-article-inner { display: block; width: 100%; } .articles .archive-article.style-3-cols .frame-thumbnail { width: 200px; height: 200px; } .articles .archive-article.style-3-cols .hover-falling span { font: italic 100 1.5rem/2 serif; } .articles .archive-article.style-3-cols .archive-article-item.article-meta { height: 200px; } .articles .archive-article.style-3-cols .archive-article-link { color: #000; } .articles .archive-article.style-3-cols .archive-article-meta { position: relative; height: 200px; } .articles .archive-article.style-3-cols .archive-article-meta-inner.article-title .article-title { overflow: hidden; text-overflow: ellipsis; border-bottom: solid 1px; } .articles .archive-article.style-3-cols .archive-article-meta-inner.article-excerpt { max-height: 100px; overflow: hidden; text-overflow: ellipsis; } .articles .archive-article.style-slider { margin: 1rem auto; max-width: 600px; max-height: 300px; } .articles .archive-article.style-slider > .archive-article-inner { display: flex; } .articles .archive-article.style-slider .archive-article-item { margin: auto; max-width: 300px; max-height: 300px; } .articles .archive-article.style-slider .archive-article-item.article-thumbnail { position: relative; } .articles .archive-article.style-slider .archive-article-item-inner .article-meta-wrapper { width: 300px; height: 300px; } .articles .archive-article.style-slider .frame-thumbnail .archive-article-link::before { display: none; } .articles .archive-article.style-slider .thumbnail { object-fit: cover; } .articles .archive-article.style-slider .archive-article-item.article-meta .read-more-button { display: block; margin: auto; padding: .5rem; max-width: 160px; background-color: white; border-radius: 1px; box-shadow: 0 0 0 1px #646464; font: normal 100 0.7em/1.5 sans-serif; color: #646464; text-align: center; transition: color 0.5s ease, background-color 0.5s ease; } .articles .archive-article.style-slider .archive-article-item.article-meta .read-more-button:hover { color: white; background-color: #646464; } } /* Pagination ------------------------------------*/ .pagination { display: flex; flex-wrap: wrap; padding: 2rem; transform: translateY(-2rem); } .pagination > span, .pagination > a { display: block; margin: auto; margin-top: 0; padding: 0.5rem 1rem; position: relative; font-size: 1rem; border: solid 1px rgba(200, 200, 200, 0.9); border-radius: 0.3rem; } .pagination > span::before, .pagination > a::before { position: absolute; content: none; border: solid 1px rgba(100, 100, 100, 0.9); bordre-radius: 0.3rem; } .prev-posts-link-mobile { width: 40%; margin: auto auto auto 0; text-align: center; } .prev-posts-link-mobile > a { position: relative; display: inline-block; margin: auto; padding: 1rem 2rem; color: white; background-color: #000; } .prev-posts-link-mobile > a:hover { opacity: 1; } .prev-posts-link-mobile > a:before { content: ''; display: inline-block; margin: auto 0.5rem 0.1rem; border-bottom: solid 2px white; border-left: solid 2px white; transform: rotate(45deg); width: 0.5rem; height: 0.5rem; } /* Mobile ------------------------------------*/ .pagination .next-posts-link-mobile { width: 40%; margin: auto 0 auto auto; text-align: center; } .pagination .next-posts-link-mobile > a { position: relative; display: inline-block; margin: auto 1rem; padding: 1rem 2rem; color: white; background-color: #000; } .pagination .next-posts-link-mobile > a:hover { opacity: 1; } .pagination .next-posts-link-mobile > a:after { content: ''; display: inline-block; margin: auto 0.5rem 0.1rem; border-top: solid 2px white; border-right: solid 2px white; transform: rotate(45deg); width: 0.5rem; height: 0.5rem; } @media screen and (max-width: 400px) { .pagination .prev-posts-link-mobile > a, .pagination .next-posts-link-mobile > a { padding: 1rem; } } .articles .archive-article { margin: 0 auto 4rem; } /* Styles -------------------------------------*/ /* Card -------------------------------------*/ .style-card:hover { border: solid 1px rgba(200, 200, 200, 0.9); } .style-card .archive-article-inner { flex-wrap: nowrap; } .style-card .archive-article-item.article-meta { height: 200px; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-excerpt { height: 6rem; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-category { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-category > .category::before { content: "Category - "; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-tags { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-tags > .tags::before { content: "Tags - "; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-date { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-date > time::before { content: "Published - "; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-author { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .style-card .archive-article-item.article-meta > .archive-article-item-inner.article-author > span.author::before { content: "by"; } .style-card svg.thumbnail { background-color: rgba(0, 0, 0, 0.9); } .style-card .archive-article-excerpt { height: 6rem; } .style-card.sticky .frame-thumbnail::before { z-index: 1; } .style-card .archive-article-thumbnail-label { display: none; } .style-card .archive-article-thumbnail-label a { text-shadow: none; } .style-card:not(.sticky) .archive-article-thumbnail-label { transition: transform 0.5s ease 0s, left 0.5s ease 0s, top 0.5s ease 0s; } .style-card:not(.sticky) .archive-article-thumbnail-label:hover { transform: scale(1.3); left: 1.9rem; top: 0.5rem; } .style-card:not(.sticky) .archive-article-thumbnail-label:hover a { opacity: 1; } /* 3 Cols -------------------------------------*/ /* Pagination -------------------------------------*/ .pagination { display: flex; flex-wrap: wrap; padding: 1rem; } .pagination > span, .pagination > a { display: block; margin: 0.5rem; padding: 0.5rem 1rem; position: relative; font-size: 1rem; border: solid 1px rgba(200, 200, 200, 0.9); border-radius: 0.3rem; transition: color 0.5s ease 0s, background-color 0.5s ease 0s; } .pagination > span::before, .pagination > a::before { position: absolute; content: none; border: solid 1px rgba(100, 100, 100, 0.9); bordre-radius: 0.3rem; } .pagination > a:hover { color: #FFFFFF; background-color: rgba(200, 200, 200, 0.9); } .ace-block.widget-chat { position: relative; display: flex; flex-wrap: nowrap; max-width: 100%; width: 100%; } .ace-block.widget-chat > .block-widget-chat-inner { margin: auto; } .ace-block.widget-chat > .block-widget-chat-inner.avatar-image-wrapper { position: relative; margin: 0 auto auto; width: 100px; height: fit-content; } .ace-block.widget-chat > .block-widget-chat-inner.avatar-image-wrapper .chat-avatar-image-inner { position: relative; width: 100px; } .ace-block.widget-chat > .block-widget-chat-inner.avatar-image-wrapper .chat-avatar-image-inner.avatar-image-holder { position: relative; margin: auto; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0.3rem 0.3rem 1rem 0 #f0f0f0; background-color: black; overflow: hidden; } .ace-block.widget-chat > .block-widget-chat-inner.avatar-image-wrapper .chat-avatar-image-inner.avatar-image-holder .chat-avatar-image { position: absolute; top: 0; bottom: 0; margin: auto; width: 80px; height: 80px; } .ace-block.widget-chat > .block-widget-chat-inner.avatar-image-wrapper .chat-avatar-image-inner.avatar-who-speak-wrapper { margin: 1rem auto; max-width: 100px; font: normal 100 0.8rem/1 serif; text-align: center; } .ace-block.widget-chat > .block-widget-chat-inner.avatar-image-wrapper .chat-avatar-image-inner.avatar-who-speak-wrapper .chat-who-speak { margin: auto; display: block; } .ace-block.widget-chat > .block-widget-chat-inner.chat-message-text { position: relative; margin: auto; padding: 1rem; width: calc( 100% - 120px); border: solid 1px #646464; border-radius: 1rem; } .ace-block.widget-chat > .block-widget-chat-inner.chat-message-text::before { position: absolute; top: 0; bottom: 0; content: ""; display: block; margin: auto; } .ace-block.widget-chat > .block-widget-chat-inner.chat-message-text::after { position: absolute; top: 0; bottom: 0; content: ""; display: block; margin: auto; width: 0.7rem; height: 0.7rem; transform: rotate(45deg); background-color: white; } .ace-block.widget-chat > .block-widget-chat-inner.chat-message-text .message-text { margin: auto; font: normal 100 0.8rem/2 serif; } .ace-block.widget-chat.media-align-left .block-widget-chat-inner.chat-message-text::before { left: -1px; } .ace-block.widget-chat.media-align-left .block-widget-chat-inner.chat-message-text::after { left: -0.4rem; border-bottom: solid 1px #646464; border-left: solid 1px #646464; } .ace-block.widget-chat.media-align-right .block-widget-chat-inner.chat-message-text::before { right: -1px; } .ace-block.widget-chat.media-align-right .block-widget-chat-inner.chat-message-text::after { right: -0.4rem; border-top: solid 1px #646464; border-right: solid 1px #646464; } .ace-block.widget-icon { margin: auto; overflow: hidden; } .ace-block.widget-icon .mdi { display: block; width: 100%; text-align: center; } .ace-block.widget-cta img { margin: auto; } .ace-block.widget-cta .cta-title { display: block; margin: auto; width: 80%; text-align: center; } .ace-block.widget-cta .cta-title-text { width: 100%; position: relative; margin: 0rem auto 1rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/2 serif; text-align: center; } .ace-block.widget-cta .cta-title-text::after { content: ""; display: block; position: absolute; bottom: -0.2rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .ace-block.widget-cta .cta-content { display: flex; flex-wrap: wrap; } .ace-block.widget-cta .cta-image { display: block; width: 100%; } .ace-block.widget-cta .cta-content-text { width: 100%; } .ace-block.widget-cta .cta-description { display: block; width: 100%; } .ace-block.widget-cta .cta-button { display: block; width: 100%; text-align: center; } .ace-block.widget-cta .cta-button-link { display: block; margin: auto; padding: 0.25rem; max-width: 400px; width: 80%; border: none; border-radius: 5px; background-color: #ffb43c; color: white; font-size: .9rem; } @media screen and (min-width: 768px) { .ace-block.widget-cta { width: 100%; } .ace-block.widget-cta img { margin: auto; } .ace-block.widget-cta.media-position-left .cta-image { order: 0; } .ace-block.widget-cta.media-position-left .cta-content-text { order: 1; } .ace-block.widget-cta.media-position-right .cta-image { order: 1; } .ace-block.widget-cta.media-position-right .cta-content-text { order: 0; } .ace-block.widget-cta .cta-title { display: block; width: 80%; } .ace-block.widget-cta .cta-image { display: block; width: 45%; margin: auto 2.5%; } .ace-block.widget-cta .cta-content-text { display: block; width: 45%; margin: auto 2.5%; } .ace-block.widget-cta .cta-description { display: block; width: 100%; } } .block-widget-map { padding: 0; width: 100%; } .block-widget-map-inner { padding: 1rem; } .block-map-frame { min-height: 400px; } .ace-block.single-slide { padding: 0; max-width: 100%; width: 100%; background-color: white; background-size: cover; background-position: 50%; background-repeat: no-repeat; overflow: hidden; z-index: -1; } .ace-block.single-slide::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: var(--bgc); opacity: var(--opacity); z-index: 0; } .ace-block.single-slide .slide-inner.adjusted { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; margin: auto; height: fit-content; } .ace-block.single-slide .slide-inner h1, .ace-block.single-slide .slide-inner h2, .ace-block.single-slide .slide-inner h3, .ace-block.single-slide .slide-inner h4, .ace-block.single-slide .slide-inner h5, .ace-block.single-slide .slide-inner h6, .ace-block.single-slide .slide-inner p { margin: 0.5rem; } .ace-block.single-slide .slide-inner .wp-block-image { margin: auto; } .ace-block.single-slide .slide-inner .wp-block-image img { margin: auto; } .ace-block.widget-slider { position: relative; padding: 0; max-width: 100%; width: 100%; } .ace-block.widget-slider .swiper-container { margin: auto; max-width: 768px; width: 100%; } .post-list-wrapper.post-list-style-slider { margin: auto; width: 300px; } .post-list-wrapper.post-list-style-slider .post-list-container { max-width: 100%; width: 100%; padding: 1rem 0; overflow: visible; max-width: 300px; } .post-list-wrapper.post-list-style-slider .post-list-container .post-list.articles { flex-wrap: unset; margin: auto; max-width: 660px; padding: 0; width: 100%; } .post-list-container.swiper-container { max-width: 300px; } .post-list-container.swiper-container .post-list.articles { flex-wrap: unset; margin: auto; max-width: 660px; padding: 0; width: 100%; } .archive-article.style-3-cols { max-height: unset; } .archive-article.style-slider { margin: auto; width: 300px; height: 300px; display: block; } .archive-article.style-slider .archive-article-item { position: absolute; } .archive-article.style-slider .archive-article-item-inner.article-meta-wrapper { max-width: 250px; max-height: 250px; /* position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; margin: auto; padding: .5rem; max-width: 250px; max-height: 250px; height: fit-content; */ } .archive-article.style-slider .archive-article-item-meta.article-title { margin: 0 auto 1rem; max-height: 100px; } .archive-article.style-slider .archive-article-item-meta.article-title .article-title-text { position: relative; display: block; margin: auto; padding: .5rem; max-width: 100%; width: 100%; border: none; font: italic 100 1.2rem/1 serif; text-align: center; /* overflow: hidden; */ /* white-space: nowrap; */ /* text-overflow: ellipsis; */ } .archive-article.style-slider .archive-article-item-meta.article-excerpt { display: none; } .archive-article.style-slider .archive-article-item-meta.article-excerpt .archive-article-excerpt { font-size: .5rem; } @media screen and (min-width: 768px) { .post-list-wrapper { padding: 2rem 0; } .post-list-wrapper .post-list-container { width: 100%; } .post-list-wrapper.post-list-style-slider { width: 600px; } .post-list-wrapper.post-list-style-slider .post-list-container.swiper-container { max-width: 600px; } .post-list-wrapper.post-list-style-slider .post-list-container.swiper-container .post-list.articles { flex-wrap: unset; margin: auto; max-width: 600px; padding: 0; width: 100%; } .archive-article.style-slider { margin: 1rem auto; } .archive-article.style-slider .archive-article-item-inner.article-meta-wrapper { padding: .5rem 1rem .5rem 0; } .archive-article.style-slider .archive-article-item { position: relative; } .archive-article.style-slider .archive-article-item-meta.article-title .article-title-text { /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */ } .archive-article.style-slider .archive-article-item-meta.article-excerpt { display: block; } .archive-article.style-slider .archive-article-item-meta.article-excerpt .archive-article-excerpt { font-size: .8rem; } } .ace-block.layout-columns { max-width: 100%; width: 100%; padding: 0; } .ace-block.layout-columns .wp-block-column, .ace-block.layout-columns .ace-block-column { word-break: break-all; } .ace-block.layout-columns > .column-margin-0 > .wp-block-column, .ace-block.layout-columns > .column-margin-0 > .ace-block-column { margin: 0em; } .ace-block.layout-columns > .column-margin-1 > .wp-block-column, .ace-block.layout-columns > .column-margin-1 > .ace-block-column { margin: 0.5em; } .ace-block.layout-columns > .column-margin-2 > .wp-block-column, .ace-block.layout-columns > .column-margin-2 > .ace-block-column { margin: 1em; } .ace-block.layout-columns > .column-margin-3 > .wp-block-column, .ace-block.layout-columns > .column-margin-3 > .ace-block-column { margin: 1.5em; } .ace-block.layout-columns > .column-margin-4 > .wp-block-column, .ace-block.layout-columns > .column-margin-4 > .ace-block-column { margin: 2em; } .ace-block.layout-columns > .column-margin-5 > .wp-block-column, .ace-block.layout-columns > .column-margin-5 > .ace-block-column { margin: 2.5em; } .ace-block.layout-columns > .column-margin-6 > .wp-block-column, .ace-block.layout-columns > .column-margin-6 > .ace-block-column { margin: 3em; } .ace-block.layout-columns > .column-margin-7 > .wp-block-column, .ace-block.layout-columns > .column-margin-7 > .ace-block-column { margin: 3.5em; } .ace-block.layout-columns > .column-margin-8 > .wp-block-column, .ace-block.layout-columns > .column-margin-8 > .ace-block-column { margin: 4em; } .ace-block.layout-columns > .column-margin-9 > .wp-block-column, .ace-block.layout-columns > .column-margin-9 > .ace-block-column { margin: 4.5em; } .ace-block.layout-columns > .column-margin-10 > .wp-block-column, .ace-block.layout-columns > .column-margin-10 > .ace-block-column { margin: 5em; } @media screen and (min-width: 768px) { .ace-block.layout-columns { max-width: 100%; width: 100%; } .ace-block.layout-columns .ace-block-columns { display: flex; flex-wrap: nowrap; } .ace-block.layout-columns .wp-block-column, .ace-block.layout-columns .ace-block-column { width: unset; flex-basis: 0; flex-grow: 1; word-break: break-all; } .ace-block.layout-columns .wp-block-column.column-size-1, .ace-block.layout-columns .ace-block-column.column-size-1 { flex-grow: 1; } .ace-block.layout-columns .wp-block-column.column-size-2, .ace-block.layout-columns .ace-block-column.column-size-2 { flex-grow: 2; } .ace-block.layout-columns .wp-block-column.column-size-3, .ace-block.layout-columns .ace-block-column.column-size-3 { flex-grow: 3; } .ace-block.layout-columns .wp-block-column.column-size-4, .ace-block.layout-columns .ace-block-column.column-size-4 { flex-grow: 4; } .ace-block.layout-columns .wp-block-column.column-size-5, .ace-block.layout-columns .ace-block-column.column-size-5 { flex-grow: 5; } .ace-block.layout-columns > .column-margin-0 > .wp-block-column, .ace-block.layout-columns > .column-margin-0 > .ace-block-column { margin: auto 0em; } .ace-block.layout-columns > .column-margin-1 > .wp-block-column, .ace-block.layout-columns > .column-margin-1 > .ace-block-column { margin: auto 0.5em; } .ace-block.layout-columns > .column-margin-2 > .wp-block-column, .ace-block.layout-columns > .column-margin-2 > .ace-block-column { margin: auto 1em; } .ace-block.layout-columns > .column-margin-3 > .wp-block-column, .ace-block.layout-columns > .column-margin-3 > .ace-block-column { margin: auto 1.5em; } .ace-block.layout-columns > .column-margin-4 > .wp-block-column, .ace-block.layout-columns > .column-margin-4 > .ace-block-column { margin: auto 2em; } .ace-block.layout-columns > .column-margin-5 > .wp-block-column, .ace-block.layout-columns > .column-margin-5 > .ace-block-column { margin: auto 2.5em; } .ace-block.layout-columns > .column-margin-6 > .wp-block-column, .ace-block.layout-columns > .column-margin-6 > .ace-block-column { margin: auto 3em; } .ace-block.layout-columns > .column-margin-7 > .wp-block-column, .ace-block.layout-columns > .column-margin-7 > .ace-block-column { margin: auto 3.5em; } .ace-block.layout-columns > .column-margin-8 > .wp-block-column, .ace-block.layout-columns > .column-margin-8 > .ace-block-column { margin: auto 4em; } .ace-block.layout-columns > .column-margin-9 > .wp-block-column, .ace-block.layout-columns > .column-margin-9 > .ace-block-column { margin: auto 4.5em; } .ace-block.layout-columns > .column-margin-10 > .wp-block-column, .ace-block.layout-columns > .column-margin-10 > .ace-block-column { margin: auto 5em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-0 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-0 > .ace-block-column { margin: 0em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-1 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-1 > .ace-block-column { margin: 0.5em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-2 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-2 > .ace-block-column { margin: 1em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-3 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-3 > .ace-block-column { margin: 1.5em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-4 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-4 > .ace-block-column { margin: 2em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-5 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-5 > .ace-block-column { margin: 2.5em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-6 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-6 > .ace-block-column { margin: 3em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-7 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-7 > .ace-block-column { margin: 3.5em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-8 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-8 > .ace-block-column { margin: 4em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-9 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-9 > .ace-block-column { margin: 4.5em; } .ace-block.layout-columns.block-style-top-adjust > .column-margin-10 > .wp-block-column, .ace-block.layout-columns.block-style-top-adjust > .column-margin-10 > .ace-block-column { margin: 5em; } } .ace-block.layout-tabs .ace-tab-menu-list { display: none; } .ace-block.layout-tabs.standard > .ace-tab-blocks { padding: 1rem 0; } .ace-block.layout-tabs.standard > .ace-tab-blocks > p { display: none; } .ace-no-js .ace-block.layout-tabs .ace-tab-menu-list { display: none; } .ace-no-js .ace-block.layout-tabs > .ace-tab-blocks > .wp-block-column, .ace-no-js .ace-block.layout-tabs > .ace-tab-blocks .ace-block.single-tab { display: block; } @media screen and (min-width: 768px) { .ace-block.layout-tabs > .ace-tab-blocks > .wp-block-column, .ace-block.layout-tabs > .ace-tab-blocks .ace-block.single-tab { position: absolute; height: 0; opacity: 0; overflow: hidden; transition: opacity .5s ease; } .ace-block.layout-tabs > .ace-tab-blocks > .wp-block-column.is-active, .ace-block.layout-tabs > .ace-tab-blocks .ace-block.single-tab.is-active { position: unset; height: auto; opacity: 1; overflow: auto; } .ace-block.layout-tabs.standard { padding: 1rem 0 0; } .ace-block.layout-tabs.standard > .ace-tab-menu-list-wrapper { border-bottom: solid 1px #c8c8c8; } .ace-block.layout-tabs.standard > .ace-tab-menu-list-wrapper .ace-tab-menu-list { display: flex; flex-wrap: wrap; margin: 0rem auto; padding: 0; width: fit-content; height: fit-content; } .ace-block.layout-tabs.standard > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item { display: block; margin: auto 0 -1px; text-align: center; border-bottom: solid 1px #c8c8c8; transition: background-color 0.5s ease; } .ace-block.layout-tabs.standard > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item.is-active { border: solid 1px #c8c8c8; border-top: solid 2px cadetblue; border-bottom: none; } .ace-block.layout-tabs.standard > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item .ace-tab-menu-list-item-button { display: block; padding: 1rem 2rem; text-shadow: none; border-radius: 0.2rem; background-color: transparent; } .ace-block.layout-tabs.standard > .ace-tab-blocks { padding: 1rem; border-bottom: solid 1px #c8c8c8; } .ace-block.layout-tabs.button-menu { padding: 1rem 0 0; } .ace-block.layout-tabs.button-menu > .ace-tab-menu-list-wrapper { border-bottom: solid 1px #c8c8c8; } .ace-block.layout-tabs.button-menu > .ace-tab-menu-list-wrapper .ace-tab-menu-list { display: flex; flex-wrap: wrap; margin: 0rem auto; padding: 0; width: fit-content; height: fit-content; } .ace-block.layout-tabs.button-menu > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item { position: relative; display: block; margin: auto 1rem 15px; text-align: center; transition: background-color 0.5s ease; } .ace-block.layout-tabs.button-menu > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item.is-active::before { width: 1rem; height: 1rem; content: ""; display: block; position: absolute; bottom: -23px; left: 0; right: 0; margin: auto; border-left: solid 1px #c8c8c8; border-top: solid 1px #c8c8c8; transform: rotate(45deg); background-color: white; } .ace-block.layout-tabs.button-menu > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item.is-active .ace-tab-menu-list-item-button { color: white; background-color: cadetblue; } .ace-block.layout-tabs.button-menu > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item .ace-tab-menu-list-item-button { display: block; padding: 1rem 2rem; color: cadetblue; text-shadow: none; background-color: transparent; border: solid 1px cadetblue; border-radius: 0.3rem; transition: color 0.5s ease, background-color 0.5s ease; } .ace-block.layout-tabs.button-menu > .ace-tab-menu-list-wrapper .ace-tab-menu-list .ace-tab-menu-list-item .ace-tab-menu-list-item-button:hover { color: white; background-color: cadetblue; } .ace-block.layout-tabs.button-menu > .ace-tab-blocks { padding: 1rem; border-bottom: solid 1px #c8c8c8; } .ace-no-js .ace-block.layout-tabs .ace-tab-menu-list { display: none; } .ace-no-js .ace-block.layout-tabs > .ace-tab-blocks > .wp-block-column, .ace-no-js .ace-block.layout-tabs > .ace-tab-blocks .ace-block.single-tab { display: block; } } .ace.one-column .ace-block.layout-section { clear: both; } .ace.one-column .ace-block.layout-section.has-background-image { position: relative; background-size: cover; background-position: 50%; background-repeat: no-repeat; background-attachment: scroll; } .ace.one-column .ace-block.layout-section.has-background-image .ace-block-inner.section-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background-color: inherit; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks { position: relative; z-index: 1; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks > h1, .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks h2, .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks h3, .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks h4, .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks h5, .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks h6, .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks p { color: inherit; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-pale-pink-color { color: #f78da7; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-vivid-red-color { color: #cf2e2e; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-luminous-vivid-orange-color { color: #ff6900; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-luminous-vivid-amber-color { color: #fcb900; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-light-green-cyan-color { color: #7bdcb5; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-vivid-green-cyan-color { color: #00d084; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-pale-cyan-blue-color { color: #8ed1fc; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-vivid-cyan-blue-color { color: #0693e3; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-very-light-gray-color { color: #eee; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-cyan-bluish-gray-color { color: #abb8c3; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-very-dark-gray-color { color: #313131; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-white-color { color: #fff; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-pale-pink-background-color { background-color: #f78da7; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-vivid-red-background-color { background-color: #cf2e2e; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-luminous-vivid-orange-background-color { background-color: #ff6900; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-luminous-vivid-amber-background-color { background-color: #fcb900; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-light-green-cyan-background-color { background-color: #7bdcb5; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-vivid-green-cyan-background-color { background-color: #00d084; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-vivid-cyan-blue-background-color { background-color: #0693e3; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-very-light-gray-background-color { background-color: #eee; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-very-dark-gray-background-color { background-color: #313131; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-white-background-color { background-color: #fff; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-background-dim { position: relative; } .ace.one-column .ace-block.layout-section.has-background-image .section-inner-blocks .has-background-dim::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: inherit; opacity: .5; z-index: 1; } .ace.one-column .ace-block.layout-section .ace-block-inner.section-overlay { display: none; } @media screen and (max-width: 767.98px) { .ace.one-column .ace-block.layout-section.has-custom-margin, .ace.mobile .ace-block.layout-section.has-custom-margin { margin: auto !important; } .ace.one-column .ace-block.layout-section.has-custom-padding, .ace.mobile .ace-block.layout-section.has-custom-padding { padding: 1rem !important; } } @media screen and (min-width: 768px) { .ace.one-column .ace-block.layout-section { clear: both; } .ace.one-column .ace-block.layout-section.block-width-max { --margin-side-max: calc(50% - 50vw); --margin-plus: 0; --margin: 0 calc( var(--margin-side-max) + var( --margin-plus ) ); margin: 0 calc(50% - 50vw); margin: var(--margin) !important; } .ace.one-column .ace-block.layout-section.block-width-max.inner-width-of-content .section-inner-blocks { margin: auto; width: 100%; } } @media screen and (min-width: 1024px) { .ace.one-column.ace-with-header-inner-fixed-on-left .ace-block.layout-section.block-width-max { --margin: 0 calc( var(--margin-side-max) + var( --margin-plus ) + 150px ); } } footer { position: relative; z-index: 1; } .footer-inner { position: relative; padding: 1rem; } .footer-items { margin: auto; padding: 2rem 0; font-size: 0.8rem; text-align: center; } .footer-site-name-description { font-size: 0.8rem; } .footer-site-name-text::after { content: "-"; margin: 0 0.5rem; } .footer-display-license { font-size: 0.8rem; } .footer-display-theme { font-size: 0.8rem; } .powered-by-wp { margin-right: 1rem; } .background-movie { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .footer-action-buttons { position: fixed; bottom: 0; left: 0; display: block; width: 100%; padding: 0.5rem 0; background-color: rgba(255, 255, 255, 0.9); box-shadow: 1px 1px 1px 1px rgba(200, 200, 200, 0.9); z-index: 100; } .footer-action-buttons-inner { display: flex; flex-wrap: nowrap; } /* ------------------------------------------*/ .footer-button-container { width: 20%; margin: auto; } .footer-button-inner { margin: auto; display: flex; } .footer-button.action-trigger { display: block; margin: auto; text-align: center; } .button-icon-box { margin: auto; } .button-icon-box > .footer-icon-svg { margin: auto; display: block; width: 2rem; height: 2rem; fill: rgba(100, 100, 100, 0.9); } .button-text-box { display: block; margin: auto; font-size: 0.5rem; color: rgba(100, 100, 100, 0.9); } .button-text-box > .menu-text { display: block; } .footer-action-tool.search { position: absolute; bottom: 100%; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), white); transition: transform 0.5s ease; transform: perspective(300px) rotateX(90deg); transform-origin: center bottom; } .open-footer-tool-search .footer-action-tool.search { transform: none; } footer { /* Two Tone ----------------------------------------*/ } footer.designed-section.two-tone { margin: 6rem auto auto; } footer.designed-section.two-tone .designed-section-inner.side-bottom { display: none; } footer.designed-section.two-tone .designed-section-inner.side-bottom::before { content: none; } footer.designed-section.two-tone .designed-section-inner.side-bottom::after { content: none; } footer.designed-section.two-tone .designed-section-inner::before { z-index: -1; } footer.designed-section.two-tone .designed-section-inner::after { z-index: -1; } footer.designed-section.thick-border { border-bottom: none; } footer.designed-section.thick-border .footer-inner { padding: 0 1rem 1rem; } footer.designed-section.thick-border .footer-nav-menu { padding: .5rem 0 2rem; } .footer-action-buttons { display: none; z-index: 100; } .footer-button-container[data-action="right-menu"] { display: none; } @media screen and (max-width: 640px) { .footer-action-buttons { display: block; } } .widget-area { padding: 0; font-size: 0.8rem; } .widget-list { display: block; margin: auto; padding: 0; list-style: none; } /* Column -------------------------------------------------------------- */ .column-left-container, .column-right-container { position: relative; z-index: 2; } .column-left-container .widget.widget_pages > ul, .column-left-container .widget.widget_archive > ul, .column-left-container .widget.widget_categories > ul, .column-right-container .widget.widget_pages > ul, .column-right-container .widget.widget_archive > ul, .column-right-container .widget.widget_categories > ul { border: solid 1px rgba(200, 200, 200, 0.9); } .column-left-container .widget.widget_pages > ul > li, .column-left-container .widget.widget_archive > ul > li, .column-left-container .widget.widget_categories > ul > li, .column-right-container .widget.widget_pages > ul > li, .column-right-container .widget.widget_archive > ul > li, .column-right-container .widget.widget_categories > ul > li { margin: auto; width: 100%; border: none; } .widget-area.column-left-fixed { position: static; } .column-left-fixed .widget-area.column-left-fixed { position: fixed; top: 0; } .column-left-fixed.logged-in .widget-area.column-left-fixed { top: 32px; } .column-left-fixed.column-left-fixed-bottom .widget-area.column-left-fixed { position: absolute; top: unset !important; left: unset !important; bottom: 0; } .column-left-fixed-bottom .widget-area.column-left-fixed { position: absolute; top: unset !important; left: unset !important; bottom: 0; } .widget-area.column-right-fixed { position: static; } .column-right-fixed .widget-area.column-right-fixed { position: fixed; top: 0; } .column-right-fixed.logged-in .widget-area.column-right-fixed { top: 32px; } .column-right-fixed.column-right-fixed-bottom .widget-area.column-right-fixed { position: absolute; top: unset !important; left: unset !important; bottom: 0; } /* Slidebar ----------------------------------------*/ /* Left ----------------------------------------*/ .slidebar-left-container.slide-box { position: fixed; left: 0; top: 0; bottom: 0; width: 0; z-index: 1; } .widget-area-wrapper.slidebar-left { position: absolute; left: 0; width: 300px; height: 100%; overflow: scroll; background-color: rgba(255, 255, 255, 0.8); box-shadow: -2px 0px 2px 2px rgba(100, 100, 100, 0.9); overflow-y: hidden; z-index: 5; transition: transform 0.5s ease; transform-origin: left center; transform: perspective(600px) rotateY(-90deg); } .slidebar-left-container-trigger { position: absolute; top: 50%; left: 2rem; border-radius: 50%; transition: background-color 0.5s ease; } .slidebar-left-container-trigger .slide-trigger-icon { background-color: rgba(255, 255, 255, 0.5); } .slidebar-left-container-trigger:hover { background-color: rgba(100, 100, 100, 0.9); } .slidebar-left-container-trigger:hover .slide-trigger-icon::before { border-color: #FFFFFF; } .slidebar-left-container-trigger:hover .slide-trigger-icon::after { border-color: #FFFFFF; } .widget-area.slidebar-left { position: relative; height: 100%; overflow-y: scroll; } .header-nav-fixable .widget-list.slidebar-left { position: absolute; width: 100%; } /* Opened ----------------------------------------*/ .slidebar-left-open .widget-area-wrapper.slidebar-left { transform: none; } .slidebar-left-open .slidebar-left-container-trigger { left: 320px; } /* Right ----------------------------------------*/ .slidebar-right-container.slide-box { position: fixed; right: 0; top: 0; bottom: 0; width: 0; z-index: 1; } .widget-area-wrapper.slidebar-right { position: absolute; right: 0; width: 300px; height: 100%; background-color: rgba(255, 255, 255, 0.8); box-shadow: 2px 0px 2px 2px rgba(100, 100, 100, 0.9); overflow-y: hidden; z-index: 5; transition: transform 0.5s ease; transform-origin: right center; transform: perspective(600px) rotateY(90deg); } .slidebar-right-container-trigger { position: absolute; top: 50%; right: 2rem; border-radius: 50%; transition: background-color 0.5s ease; } .slidebar-right-container-trigger .slide-trigger-icon { background-color: rgba(255, 255, 255, 0.5); } .slidebar-right-container-trigger:hover { background-color: rgba(100, 100, 100, 0.9); } .slidebar-right-container-trigger:hover .slide-trigger-icon::before { border-color: #FFFFFF; } .slidebar-right-container-trigger:hover .slide-trigger-icon::after { border-color: #FFFFFF; } .widget-area.slidebar-right { position: relative; height: 100%; overflow-y: scroll; } .header-nav-fixable .widget-list.slidebar-right { position: absolute; width: 100%; } .slidebar-right-open .widget-area-wrapper.slidebar-right { transform: none; } .slidebar-right-open .slidebar-right-container-trigger { right: 320px; } @media screen and (min-width: 1024px) { .ace-with-header-inner-fixed-on-left .slidebar-left-container.slide-box { position: fixed; left: 300px; } .ace-with-header-inner-fixed-on-left .widget-area-wrapper.slidebar-left { box-shadow: 3px 0px 10px 0px rgba(100, 100, 100, 0.9); } } /** * Optional **/ .widget-area-wrapper.optional { display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; padding: 2rem 0; } .widget-area.optional { display: flex; flex-wrap: wrap; width: 100%; margin: auto; } .widget-area.optional.max-width-100 { max-width: 100%; } .widget-area.optional.max-width-50 { max-width: 50%; } .widget-area.optional.max-width-33 { max-width: 33%; } .widget-area.optional.max-width-300 { max-width: 300px; } .widget-area.optional.max-width-400 { max-width: 400px; } .widget-area.optional.max-width-512 { max-width: 512px; } .widget-area.optional.max-width-640 { max-width: 640px; } .widget-area.optional.max-width-768 { max-width: 768px; } .widget-area.optional.max-width-1024 { max-width: 1024px; } .widget-area.optional.max-width-1200 { max-width: 1200px; } .widget-area.optional .widget-list { width: 100%; padding: 0; } .widget-li { margin: auto auto 2rem; } .widget-li.has-border-style { border: solid 1px rgba(200, 200, 200, 0.9); border-radius: 0.3rem; } .widget-li:last-child { margin: auto; } .widget { display: block; margin: auto; list-style: none; overflow: hidden; } .widget > ul { padding: 0; margin: auto; } .widget > ul > li { display: block; } .widget > ul > li > a { text-decoration: none; line-height: 2; } .widget > form { display: flex; } .widget-title { margin: 0.5rem auto; padding: 0.5rem; font-size: 1rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; } .widget-title:hover .widget-title-text::after { width: 100%; } .widget-title-text { position: relative; display: block; margin: auto; padding: 0.5rem 1rem; max-width: 640px; width: fit-content; border-bottom: solid 1px rgba(200, 200, 200, 0.9); } .widget-title-text::after { position: absolute; bottom: -1px; left: 0; content: ""; display: block; width: 0; border-bottom: solid 1px rgba(0, 0, 0, 0.9); transition: width 0.5s ease; } .widget-area.slidebar-left, .widget-area.slidebar-right, .column-left-container .widget-area, .column-right-container .widget-area, .slidebar-left-container .widget-area, .slidebar-right-container .widget-area, .widget-area-wrapper.before-content .widget-area, .widget-area-wrapper.beginning-of-content .widget-area, .widget-area-wrapper.before .widget-area, .widget-area-wrapper.end-of-content .widget-area, .widget-area-wrapper.after-content .widget-area, .widget-area.max-width-300, .widget-area.max-width-400, .widget-area.max-width-512, .widget-area.max-width-640, .widget-area.max-width-50, .widget-area.max-width-33 { font-size: 0.8rem; } .widget-area.slidebar-left > ul > li, .widget-area.slidebar-right > ul > li, .column-left-container .widget-area > ul > li, .column-right-container .widget-area > ul > li, .slidebar-left-container .widget-area > ul > li, .slidebar-right-container .widget-area > ul > li, .widget-area-wrapper.before-content .widget-area > ul > li, .widget-area-wrapper.beginning-of-content .widget-area > ul > li, .widget-area-wrapper.before .widget-area > ul > li, .widget-area-wrapper.end-of-content .widget-area > ul > li, .widget-area-wrapper.after-content .widget-area > ul > li, .widget-area.max-width-300 > ul > li, .widget-area.max-width-400 > ul > li, .widget-area.max-width-512 > ul > li, .widget-area.max-width-640 > ul > li, .widget-area.max-width-50 > ul > li, .widget-area.max-width-33 > ul > li { margin: auto; width: 100%; } .widget-area.slidebar-left > div > ul > li, .widget-area.slidebar-right > div > ul > li, .column-left-container .widget-area > div > ul > li, .column-right-container .widget-area > div > ul > li, .slidebar-left-container .widget-area > div > ul > li, .slidebar-right-container .widget-area > div > ul > li, .widget-area-wrapper.before-content .widget-area > div > ul > li, .widget-area-wrapper.beginning-of-content .widget-area > div > ul > li, .widget-area-wrapper.before .widget-area > div > ul > li, .widget-area-wrapper.end-of-content .widget-area > div > ul > li, .widget-area-wrapper.after-content .widget-area > div > ul > li, .widget-area.max-width-300 > div > ul > li, .widget-area.max-width-400 > div > ul > li, .widget-area.max-width-512 > div > ul > li, .widget-area.max-width-640 > div > ul > li, .widget-area.max-width-50 > div > ul > li, .widget-area.max-width-33 > div > ul > li { margin: auto; width: 100%; } .widget select { display: block; margin: auto; height: 2rem; max-width: 100%; } .author-card { max-width: 768px; overflow: visible; } .author-card.style-standard { width: 100%; margin: auto auto .5rem; } .author-card.style-standard .autor-card-inner { position: relative; } .author-card.style-standard .autor-card-inner > .swiper-slide { box-shadow: 0.1rem 0.1rem 0.3rem 0rem rgba(200, 200, 200, 0.9); } .author-card.style-standard .author-card-title { position: relative; display: block; margin: auto; padding: 1.5rem 1rem .5rem; } .author-card.style-standard .author-card-title-text { display: block; margin: auto; width: 80%; font: italic 100 1.5rem/1.5 "HiraMinProN-W3", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif; text-align: center; border-bottom: solid 1px; } .author-card.style-standard .author-card-position { display: flex; margin: auto; width: fit-content; height: fit-content; } .author-card.style-standard .author-card-position-text { display: inline-block; padding: .5rem; text-align: center; font: italic 100 .8rem/1.5 "HiraMinProN-W3", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif; } .author-card.style-standard .author-card-post-count-text { display: inline-block; padding: .5rem; width: fit-content; font: italic 100 .8rem/1.5 "HiraMinProN-W3", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif; } .author-card.style-standard .autor-card-inner.swiper-wrapper > .swiper-slide { overflow: hidden; } .author-card.style-standard .author-card-body { display: flex; flex-wrap: wrap; padding: .5rem; } .author-card.style-standard .author-card-avatar { position: relative; width: 100px; height: 100px; margin: 1rem auto; overflow: hidden; border-radius: 50%; box-shadow: 0.1rem 0.1rem 0.3rem 0 #c8c8c8; } .author-card.style-standard .author-card-avatar-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .author-card.style-standard .author-card-meta { margin: 0rem auto; width: 100%; } .author-card.style-standard .author-card-display-name { padding: 0.5rem; border-bottom: solid 1px rgba(200, 200, 200, 0.9); } .author-card.style-standard .author-card-display-name-text { font: italic 100 1.5rem/1.5 "HiraMinProN-W3", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif; } .author-card.style-standard .author-card-profile { padding: .5rem .5rem 2rem; } .author-card.style-standard .author-card-profile-description { margin: auto; } .author-card.style-standard .author-card-profile-description-text { font: normal 100 .8rem/1.5 serif; } .author-card.style-standard .author-card-profile-sns-accounts { display: flex; flex-wrap: wrap; margin: auto auto auto 0; width: fit-content; } .author-card.style-standard .author-card-sns-icon-box { margin: .5rem .3rem; display: block; width: 2.5rem; height: 2.5rem; } .author-card.style-standard .author-card-sns-account-link { position: relative; top: 0; bottom: 0; display: block; margin: auto; height: 100%; } .author-card.style-standard .author-card-sns-account-link:hover .author-card-sns-icon.icon-twitter { fill: #1DA1F2; } .author-card.style-standard .author-card-sns-account-link:hover .author-card-sns-icon.icon-facebook { fill: #4267b2; } .author-card.style-standard .author-card-sns-account-link:hover .author-card-sns-icon.icon-youtube { fill: #FF0000; } .author-card.style-standard .author-card-sns-account-link:hover .author-card-sns-icon.icon-instagram { fill: #e95950; } .author-card.style-standard .author-card-sns-account-link:hover .author-card-sns-icon.icon-linkedin { fill: #4875B4; } .author-card.style-standard .author-card-sns-account-link:hover .author-card-sns-icon.icon-pinterest { fill: #C92228; } .author-card.style-standard .author-card-sns-account-link:hover .author-card-sns-icon.icon-github { fill: #000000; } .author-card.style-standard .author-card-sns-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; margin: auto; width: 2rem; height: 2rem; } .author-card.style-standard .author-card-related-posts { padding: 0.5rem; } .author-card.style-standard .author-card-related-posts > .swiper-slide-shadow-left { background-image: none; } .author-card.style-standard .author-card-related-posts-inner { height: 100%; } .author-card.style-standard .swiper-pagination-nested { position: absolute; bottom: 0; width: 100%; height: 2rem; z-index: 10; } .author-card.style-standard .swiper-pagination { bottom: 0; left: 0; right: 0; margin: auto; } .author-card.style-standard .swiper-pagination-bullet { margin: 0.5rem 0.5rem 0; } .author-card.style-standard > .swiper-button-next { position: absolute; top: auto; right: .5rem; bottom: .5rem; padding: 2px; width: fit-content; height: fit-content; border: solid 1px #646464; border-radius: 2px; background-image: none; transition: border-color .5s ease, background-color .5s ease; } .author-card.style-standard > .swiper-button-next:hover { border-color: white !important; background-color: #646464 !important; } .author-card.style-standard > .swiper-button-next:hover .button-flip-author-card { color: white !important; border: solid 1px white !important; } .author-card.style-standard .button-flip-author-card { display: block; padding: .25rem 1rem; color: #646464 !important; border: solid 1px white !important; transition: border .5s ease; } .author-card.style-standard .author-related-post-list { display: flex; flex-wrap: nowrap; padding: 0; } .author-card.style-standard .author-related-post-list .swiper-button-prev, .author-card.style-standard .author-related-post-list .swiper-button-next { display: none; } .author-card.style-standard .author-related-post { /*position: relative;*/ display: block; margin: auto; padding: 1rem; width: 90%; background-color: rgba(255, 255, 255, 0.9); height: 200px; } .author-card.style-standard .author-related-post-header { position: relative; display: block; margin: auto; width: 160px; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .author-card.style-standard .author-related-post-cat-link { position: absolute; top: 0; left: 0; margin: auto; padding: .25rem .5rem; background-color: #ff783c; text-shadow: none; } .author-card.style-standard .author-related-post-cat-label { font-size: 0.5rem; color: #FFFFFF; } .author-card.style-standard .author-related-post-body { text-align: center; } .author-card.style-standard .author-related-post-date { font-size: 0.5rem; } .author-card.style-standard .author-related-post-title { height: 3rem; overflow: hidden; } .author-card.style-standard .author-related-post-link:not(:root) { font: normal 100 .9rem/1.5 serif; color: black; } .widget-area.column-left .author-card.style-standard .author-card-body .author-card-meta, .widget-area.column-left-fixed .author-card.style-standard .author-card-body .author-card-meta, .widget-area.column-right .author-card.style-standard .author-card-body .author-card-meta, .widget-area.column-right-fixed .author-card.style-standard .author-card-body .author-card-meta, .widget-area.slidebar-left .author-card.style-standard .author-card-body .author-card-meta, .widget-area.slidebar-right .author-card.style-standard .author-card-body .author-card-meta, .widget-area.max-width-33 .author-card.style-standard .author-card-body .author-card-meta, .widget-area.max-width-400 .author-card.style-standard .author-card-body .author-card-meta, .widget-area.max-width-300 .author-card.style-standard .author-card-body .author-card-meta { width: 100%; } .widget-area.column-left .author-card.style-standard .author-related-post, .widget-area.column-left-fixed .author-card.style-standard .author-related-post, .widget-area.column-right .author-card.style-standard .author-related-post, .widget-area.column-right-fixed .author-card.style-standard .author-related-post, .widget-area.slidebar-left .author-card.style-standard .author-related-post, .widget-area.slidebar-right .author-card.style-standard .author-related-post, .widget-area.max-width-33 .author-card.style-standard .author-related-post, .widget-area.max-width-400 .author-card.style-standard .author-related-post, .widget-area.max-width-300 .author-card.style-standard .author-related-post { width: 100%; } @media screen and (min-width: 512px) { .author-card.style-standard .author-card-body .author-card-meta { width: 70%; } .author-card.style-standard .author-related-post { width: 33%; } } .widget.widget_acewidgettoc { overflow: visible; } .widget.widget_acewidgettoc .ace-toc { display: block; max-width: 100%; width: 100%; box-shadow: 0 0.3rem 0.5rem 0.1rem rgba(200, 200, 200, 0.9); } .widget.widget_acewidgettoc .ace-toc .toc-title { padding: 1rem; text-align: center; border-bottom: solid 1px #c8c8c8; } .widget.widget_acewidgettoc .ace-toc .toc-title .toc-title-text { font-size: 1.5rem; } .widget.widget_acewidgettoc .ace-toc .toc-inner { padding: 1rem; } .widget.widget_acewidgettoc .ace-toc .toc-inner .toc-menu { padding: 0; } .widget.widget_acewidgettoc .ace-toc .toc-inner .toc-menu li { position: relative; display: block; padding: 0rem 0rem 0rem 1rem; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget.widget_acewidgettoc .ace-toc .toc-inner .toc-menu li::before { position: absolute; bottom: 0.6rem; left: 0rem; display: block; width: 0.5rem; height: 0.5rem; content: ""; border-top: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; transform: rotate(45deg); } .widget.widget_acewidgettoc .ace-toc .toc-inner .toc-menu li.has-children::before { content: none; display: none; } .widget.widget_acewidgettoc .ace-toc .toc-inner .toc-menu li > a { text-shadow: none; } .widget.widget_acewidgettoc .ace-toc .toc-inner > .toc-menu { padding: 0; } .widget.widget_acewidgettoc .ace-toc .toc-inner .toc-sub-menu { padding: 0; } .ace-no-js .ace-toc { display: none !important; } .ace-map-inner { display: flex; flex-wrap: wrap; } .ace-map-description { margin: auto; } .ace-map-frame { margin: auto; max-width: 768px; min-height: 400px; } .sns-share-icons-inner { display: flex; flex-wrap: wrap; margin: auto; width: fit-content; } .sns-share-icon { margin: 0.5rem; display: block; width: 2.5rem; height: 2.5rem; } .sns-share-icon .sns-share-icon-link { position: relative; top: 0; bottom: 0; display: block; margin: auto; height: 100%; } .sns-share-icon .sns-share-icon-link::after { position: absolute; bottom: 0; content: ""; display: block; width: 100%; height: 3px; border-radius: 100%; background-color: #c8c8c8; opacity: 0; } .sns-share-icon .sns-share-icon-link:hover::after { opacity: 1; } .sns-share-icon .sns-share-icon-link:hover .share-icon { transform: translateY(-0.5rem); } .sns-share-icon svg.share-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; max-width: 100%; max-height: 100%; width: 80%; height: auto; } .sns-share-icon svg.share-icon.twitter:hover { fill: #1DA1F2; } .sns-share-icon svg.share-icon.facebook { width: 70%; } .sns-share-icon svg.share-icon.facebook:hover { fill: #4267b2; } .sns-share-icon svg.share-icon.linkedin { width: 70%; } .sns-share-icon svg.share-icon.linkedin:hover { fill: #4875B4; } .sns-share-icon svg.share-icon.tumblr { width: 70%; } .sns-share-icon svg.share-icon.tumblr:hover { fill: #36465D; } .sns-share-icon svg.share-icon.hatena { width: 70%; } .sns-share-icon svg.share-icon.hatena:hover { fill: #00a4de; } .sns-share-icon svg.share-icon.pocket { width: 70%; } .sns-share-icon svg.share-icon.pocket:hover { fill: #EF4056; } .sns-share-icon svg.share-icon.telegram { width: 70%; } .sns-share-icon svg.share-icon.telegram:hover { fill: #23A7DC; } .sns-share-icon svg.share-icon.line { width: 70%; } .sns-share-icon svg.share-icon.line:hover { fill: #00b833; } .sns-share-icon svg.share-icon.feedly:hover { fill: #6cc655; } .sns-share-icon svg.share-icon.rss { width: 90%; } .sns-share-icon svg.share-icon.rss:hover { fill: #ff9800; } .ace-entry-list { margin: auto; padding: 1rem; max-width: 768px; width: 100%; overflow-y: scroll; } .ace-entry-list.standard .ace-entry-list-inner { width: 100%; } .ace-entry-list.standard .ace-entry { display: flex; flex-wrap: nowrap; margin: auto; padding: 1rem; border-bottom: dashed 1px rgba(200, 200, 200, 0.9); } .ace-entry-list.standard .ace-entry-header { position: relative; min-width: 100px; width: 100px; height: 100px; } .ace-entry-list.standard .ace-entry-thumbnail { position: relative; margin: auto; width: 100px; height: 100px; border-radius: 50%; background-color: white; box-shadow: 0.1rem 0.1rem 0.5rem 0 #c8c8c8; overflow: hidden; } .ace-entry-list.standard .ace-entry-thumbnail:hover .ace-entry-thumbnail-image { transform: scale(1.3); } .ace-entry-list.standard .ace-entry-thumbnail .ace-entry-thumbnail-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease; } .ace-entry-list.standard .ace-entry-category-name-text { position: absolute; top: 0; left: 0; padding: 0.5rem; color: white; background-color: #ff783c; } .ace-entry-list.standard .ace-entry-body { margin: auto 0; padding: 0.5rem; max-width: calc( 100% - 100px); height: fit-content; } .ace-entry-list.standard .ace-entry-date-published { font-size: 0.8rem; } .ace-entry-list.standard .ace-entry-title { padding: 0 0 0.5rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ace-entry-list.standard .ace-entry-meta { font-size: 0.8rem; padding: 0.5rem 0; } .ace-entry-list.status { max-width: 768px; } .ace-entry-list.status .ace-entry-list-inner { width: 100%; } .ace-entry-list.status .ace-entries { border: solid 1px rgba(100, 100, 100, 0.9); } .ace-entry-list.status .ace-entry { padding: 1rem; border-bottom: solid 1px rgba(100, 100, 100, 0.9); transition: background-color 0.5s ease; } .ace-entry-list.status .ace-entry:last-child { border: none; } .ace-entry-list.status .ace-entry:hover { background-color: #646464; } .ace-entry-list.status .ace-entry:hover .ace-entry-date { color: white; } .ace-entry-list.status .ace-entry:hover .ace-entry-title-text { color: white; } .ace-entry-list.status .ace-entry:hover .ace-entry-meta { color: white; } .ace-entry-list.status .ace-entry-body { display: block; width: 100%; } .ace-entry-list.status .ace-entry-body .ace-entry-date { width: fit-content; } .ace-entry-list.status .ace-entry-body .ace-entry-title { width: 100%; } .ace-entry-list.status .ace-entry-date { margin: auto 1rem auto 0; width: 100px; width: fit-content; transition: color 0.5s ease; } .ace-entry-list.status .ace-entry-title { margin: auto 1rem auto 0; max-width: 100%; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.5s ease; } .ace-entry-list.status .ace-entry-title-text { text-shadow: none; transition: color 0.5s ease; } .ace-entry-list.status .ace-entry-meta { margin: 0; width: 100%; transition: color 0.5s ease; } .widget-area.column-left .ace-entry-list, .widget-area.column-left-fixed .ace-entry-list, .widget-area.column-right .ace-entry-list, .widget-area.column-right-fixed .ace-entry-list, .widget-area.slidebar-left .ace-entry-list, .widget-area.slidebar-right .ace-entry-list, .widget-area.max-width-33 .ace-entry-list, .widget-area.max-width-400 .ace-entry-list, .widget-area.max-width-300 .ace-entry-list { max-width: 100%; } .widget-area.column-left .ace-entry-list.standard .ace-entry, .widget-area.column-left-fixed .ace-entry-list.standard .ace-entry, .widget-area.column-right .ace-entry-list.standard .ace-entry, .widget-area.column-right-fixed .ace-entry-list.standard .ace-entry, .widget-area.slidebar-left .ace-entry-list.standard .ace-entry, .widget-area.slidebar-right .ace-entry-list.standard .ace-entry, .widget-area.max-width-33 .ace-entry-list.standard .ace-entry, .widget-area.max-width-400 .ace-entry-list.standard .ace-entry, .widget-area.max-width-300 .ace-entry-list.standard .ace-entry { display: block; } .widget-area.column-left .ace-entry-list.standard .ace-entry-header, .widget-area.column-left-fixed .ace-entry-list.standard .ace-entry-header, .widget-area.column-right .ace-entry-list.standard .ace-entry-header, .widget-area.column-right-fixed .ace-entry-list.standard .ace-entry-header, .widget-area.slidebar-left .ace-entry-list.standard .ace-entry-header, .widget-area.slidebar-right .ace-entry-list.standard .ace-entry-header, .widget-area.max-width-33 .ace-entry-list.standard .ace-entry-header, .widget-area.max-width-400 .ace-entry-list.standard .ace-entry-header, .widget-area.max-width-300 .ace-entry-list.standard .ace-entry-header { max-width: 100%; width: 100%; } .widget-area.column-left .ace-entry-list.standard .ace-entry-body, .widget-area.column-left-fixed .ace-entry-list.standard .ace-entry-body, .widget-area.column-right .ace-entry-list.standard .ace-entry-body, .widget-area.column-right-fixed .ace-entry-list.standard .ace-entry-body, .widget-area.slidebar-left .ace-entry-list.standard .ace-entry-body, .widget-area.slidebar-right .ace-entry-list.standard .ace-entry-body, .widget-area.max-width-33 .ace-entry-list.standard .ace-entry-body, .widget-area.max-width-400 .ace-entry-list.standard .ace-entry-body, .widget-area.max-width-300 .ace-entry-list.standard .ace-entry-body { max-width: 100%; } .widget-area.column-left .ace-entry-list.standard .ace-entry-title, .widget-area.column-left-fixed .ace-entry-list.standard .ace-entry-title, .widget-area.column-right .ace-entry-list.standard .ace-entry-title, .widget-area.column-right-fixed .ace-entry-list.standard .ace-entry-title, .widget-area.slidebar-left .ace-entry-list.standard .ace-entry-title, .widget-area.slidebar-right .ace-entry-list.standard .ace-entry-title, .widget-area.max-width-33 .ace-entry-list.standard .ace-entry-title, .widget-area.max-width-400 .ace-entry-list.standard .ace-entry-title, .widget-area.max-width-300 .ace-entry-list.standard .ace-entry-title { overflow: unset; white-space: unset; } .widget-area.column-left .ace-entry-list.status .ace-entry-body, .widget-area.column-left-fixed .ace-entry-list.status .ace-entry-body, .widget-area.column-right .ace-entry-list.status .ace-entry-body, .widget-area.column-right-fixed .ace-entry-list.status .ace-entry-body, .widget-area.slidebar-left .ace-entry-list.status .ace-entry-body, .widget-area.slidebar-right .ace-entry-list.status .ace-entry-body, .widget-area.max-width-33 .ace-entry-list.status .ace-entry-body, .widget-area.max-width-400 .ace-entry-list.status .ace-entry-body, .widget-area.max-width-300 .ace-entry-list.status .ace-entry-body { display: block; } .widget-area.column-left .ace-entry-list.status .ace-entry-date, .widget-area.column-left-fixed .ace-entry-list.status .ace-entry-date, .widget-area.column-right .ace-entry-list.status .ace-entry-date, .widget-area.column-right-fixed .ace-entry-list.status .ace-entry-date, .widget-area.slidebar-left .ace-entry-list.status .ace-entry-date, .widget-area.slidebar-right .ace-entry-list.status .ace-entry-date, .widget-area.max-width-33 .ace-entry-list.status .ace-entry-date, .widget-area.max-width-400 .ace-entry-list.status .ace-entry-date, .widget-area.max-width-300 .ace-entry-list.status .ace-entry-date { width: fit-content; } .widget-area.column-left .ace-entry-list.status .ace-entry-title, .widget-area.column-left-fixed .ace-entry-list.status .ace-entry-title, .widget-area.column-right .ace-entry-list.status .ace-entry-title, .widget-area.column-right-fixed .ace-entry-list.status .ace-entry-title, .widget-area.slidebar-left .ace-entry-list.status .ace-entry-title, .widget-area.slidebar-right .ace-entry-list.status .ace-entry-title, .widget-area.max-width-33 .ace-entry-list.status .ace-entry-title, .widget-area.max-width-400 .ace-entry-list.status .ace-entry-title, .widget-area.max-width-300 .ace-entry-list.status .ace-entry-title { width: 100%; } .widget-area.column-left .ace-entry-list.status .ace-entry-meta, .widget-area.column-left-fixed .ace-entry-list.status .ace-entry-meta, .widget-area.column-right .ace-entry-list.status .ace-entry-meta, .widget-area.column-right-fixed .ace-entry-list.status .ace-entry-meta, .widget-area.slidebar-left .ace-entry-list.status .ace-entry-meta, .widget-area.slidebar-right .ace-entry-list.status .ace-entry-meta, .widget-area.max-width-33 .ace-entry-list.status .ace-entry-meta, .widget-area.max-width-400 .ace-entry-list.status .ace-entry-meta, .widget-area.max-width-300 .ace-entry-list.status .ace-entry-meta { margin: 0; } @media screen and (min-width: 512px) { .ace-entry-list.status .ace-entry-body { display: flex; flex-wrap: nowrap; } .ace-entry-list.status .ace-entry-body .ace-entry-title { width: calc( 100% - 200px); } .ace-entry-list.status .ace-entry-body .ace-entry-meta { width: fit-content; margin: auto 0 auto 1rem; } } .post-list-wrapper { width: 100%; } .post-list-container .post-list { display: flex; flex-wrap: wrap; } .post-list-container .post-list-item { display: block; margin: auto; padding: .5rem; max-width: 100%; width: 100%; } .post-list-container .post-thumbnail-link { display: block; color: #000; } .post-list-container .post-thumbnail-link:hover { color: inherit; } .post-list-container .post-thumbnail-wrapper { position: relative; margin: auto auto 1rem; width: fit-content; overflow: hidden; } .post-list-container .post-thumbnail-image { display: block; margin: auto; transition: transform .5s ease; } .post-list-container .post-thumbnail-image:hover { transform: scale(1.2); } .post-list-container .post-data { position: relative; } .post-list-container .post-title { position: relative; padding: 0; } @media screen and (min-width: 1024px) { .post-list-wrapper { width: 100%; } } /* Header Navi -------------------------------*/ .menu-wrapper.standard { max-width: 1200px; margin: 0 auto; } .menu-wrapper.standard .menu-list { position: relative; display: flex; flex-wrap: wrap; margin: auto; padding: 0; width: fit-content; } .menu-wrapper.standard .menu-list > .menu-item { margin: 0 0.5rem; padding: 0 0.5rem; display: flex; } .menu-wrapper.standard .menu-list > .menu-item > .menu-item-inner .menu-link-text { text-align: center; } .menu-wrapper.standard .menu-list > .menu-item > .menu-item-inner .menu-link-description { text-align: center; } .menu-wrapper.standard .menu-list > .menu-item-has-children > .menu-item-inner .menu-link-icon::after { border: none; border-right: solid 1px; border-bottom: solid 1px; } .menu-wrapper.standard .menu-item { position: relative; display: block; } .menu-wrapper.standard .current_page_item > .menu-item-inner { border-bottom: solid 1px #c8c8c8; } .menu-wrapper.standard .menu-item-inner { position: relative; padding: 0.5rem; margin: auto; list-style: none; font-size: 0.8rem; } .menu-wrapper.standard .menu-item-inner::after { bottom: -1px; } .menu-wrapper.standard a, .menu-wrapper.standard a:link, .menu-wrapper.standard a:visited { text-shadow: none; text-decoration: none; } .menu-wrapper.standard a:hover, .menu-wrapper.standard a:link:hover, .menu-wrapper.standard a:visited:hover { opacity: 1; } .menu-wrapper.standard .menu-item-icon-svg { fill: currentColor; display: block; margin: auto 0; min-width: 1.5rem; width: 1.5rem; height: 1.5rem; transition: fill .5s ease; } .menu-wrapper.standard .menu-link-texts { position: relative; height: fit-content; } .menu-wrapper.standard .menu-link-text { margin: auto; } .menu-wrapper.standard .menu-link-description { display: block; font-size: 0.5rem; text-align: left; } .menu-wrapper.standard .menu-link-icon { position: absolute; display: block; top: 0; bottom: 0; right: -0.5rem; margin: auto; height: fit-content; } .menu-wrapper.standard .menu-link-icon::after { width: 0.5rem; height: 0.5rem; border: none; border-top: solid 1px; border-right: solid 1px; transform: rotate(45deg); } .menu-wrapper.standard .sub-menu { position: absolute; padding: 0.5rem; margin: 0; top: 100%; margin-left: -1rem; visibility: hidden; opacity: 0; transition: visibility 0.5s ease 0s, opacity 0.5s ease 0s, background-color 0.5s ease 0s, box-shadow 0.5s ease 0s; } .menu-wrapper.standard .menu-item-has-children > .menu-item-inner { padding: 0.5rem 1.5rem 0.5rem 0.5rem; } .menu-wrapper.standard .menu-item-has-children > .menu-item-inner .menu-link-text { margin: auto 0.5rem auto 0; } .menu-wrapper.standard .menu-item-has-children > .menu-item-inner .menu-link-icon { content: ""; display: block; } .menu-wrapper.standard .menu-item-has-children:hover { overflow: visible; } .menu-wrapper.standard .menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; z-index: 10; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); } .menu-wrapper.li-same-width .menu-item-inner { width: 17%; text-align: center; } @media screen and (max-width: 640px) { .header-navi-button-close { position: absolute; top: 1rem; right: 1rem; display: none; } .header-navi-button-close-inner { transform: rotate(45deg); } .header-navi-button-close-inner .header-navi-button-icon { width: 3rem; height: 3rem; fill: white; } .header-navi-share-tools { display: none; padding: 0.5rem; } .header-navi-share-tools .header-navi-share-tools-inner { display: flex; flex-wrap: wrap; } .header-navi-share-tools .share-icon-wrapper { margin: auto 1rem; } .header-navi-share-tools .share-icon { width: 2rem; height: 2rem; fill: white; } } .header-mobile-navi-trigger { display: none; } .menu-wrapper.standard .menu-item > .menu-item-inner { padding: 0.5rem 1rem 0.5rem 0.5rem; } .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-text { transition: visibility 0.5s ease 0s, opacity 0.5s ease 0s, background-color 0.5s ease 0s, box-shadow 0.5s ease 0s; } .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-description { transition: visibility 0.5s ease 0s, opacity 0.5s ease 0s, background-color 0.5s ease 0s, box-shadow 0.5s ease 0s; } .menu-wrapper.standard .menu-item:hover > .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-text { top: -0.5rem; left: 80%; font: normal 0.5rem/1 serif; color: black; overflow: visible; visibility: visible; padding: .1rem; width: fit-content; height: fit-content; clip: auto; opacity: 1; background-color: white; box-shadow: 0 0 0.1rem 0 #c8c8c8; z-index: 100000; /* Above WP toolbar. */ } .menu-wrapper.standard .menu-item:hover > .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-description { top: 0.5rem; left: 80%; font: normal 0.5rem/1 serif; color: black; white-space: nowrap; overflow: visible; visibility: visible; padding: .1rem; width: fit-content; height: fit-content; clip: auto; opacity: 1; background-color: white; box-shadow: 0 0 0.1rem 0 #c8c8c8; z-index: 100000; /* Above WP toolbar. */ } .menu-wrapper.standard .menu-item-has-children { position: relative; } .menu-wrapper.standard .menu-item-has-children > .menu-item-inner { padding: 0.5rem 1.5rem 0.5rem 0.5rem; } .menu-wrapper.standard .menu-item-has-children > .menu-item-inner > a { position: relative; } .menu-wrapper.standard .menu-item-has-children > .menu-item-inner .menu-link-texts { position: relative; } .menu-wrapper.standard .menu-item-has-children > .menu-item-inner .menu-link-icon::after { content: ""; display: block; } .menu-wrapper.standard .menu-item-has-children > .menu-slide-inner .menu-link-icon::after { content: ""; display: block; } .menu-wrapper.standard .menu-item-inner > a { display: flex; } .menu-wrapper.standard .menu-item-inner .menu-link-text { margin: auto; white-space: nowrap; } .menu-wrapper.standard .menu-item-inner.menu-link-has-description > a { display: block; } .menu-wrapper.standard .menu-item-inner.menu-link-has-description .menu-link-text { display: block; } .menu-wrapper.standard .menu-item-inner.menu-link-has-description.menu-link-has-icon .menu-link-texts { margin: auto 0.5rem; } .menu-wrapper.standard .menu-item-inner.menu-link-has-icon { display: flex; flex-wrap: nowrap; height: 100%; } .menu-wrapper.standard .menu-item-inner.menu-link-has-icon a { position: relative; display: flex; width: 100%; } .menu-wrapper.standard .menu-item-inner.menu-link-has-icon .menu-link-texts { margin: auto auto auto .5rem; top: 0; bottom: 0; } .menu-wrapper.standard .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; height: 1px; width: 1px; overflow: hidden; visibility: hidden; opacity: 0; transition: opacity .5s ease; } .menu-wrapper.standard .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-description { clip: rect(1px, 1px, 1px, 1px); position: absolute; height: 1px; width: 1px; overflow: hidden; visibility: hidden; opacity: 0; transition: opacity .5s ease; } @media screen and (min-width: 1024px) { .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-list > .menu-item > .menu-item-inner a { margin: auto; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-list > .menu-item > .menu-item-inner .menu-link-text { white-space: initial; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item { width: 100%; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner { margin: auto auto auto 0; width: 100%; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner a { margin: auto; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner .menu-link-text { text-align: left; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner .menu-link-icon::after { border: none; border-top: solid 1px; border-right: solid 1px; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-description a { display: block; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-description .menu-link-texts { display: block; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-description .menu-link-text { display: block; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-description .menu-link-description { display: block; font-size: 0.5rem; text-align: left; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-description.menu-link-has-icon .menu-link-text { margin: auto; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon { display: flex; flex-wrap: nowrap; height: fit-content; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon a { position: relative; display: flex; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon .menu-link-texts { position: relative; margin: auto 0 auto 0.5rem; width: calc( 100% - 2rem); } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon .menu-link-text { margin: auto auto auto 0; top: 0; bottom: 0; height: fit-content; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-text { left: 0; top: -.5rem; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item > .menu-item-inner.menu-link-has-icon.menu-link-hide-texts .menu-link-description { left: 0; top: .5rem; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item.menu-item-has-children > .menu-item-inner.menu-link-has-icon .menu-link-texts { margin: auto 0.5rem; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard ul.sub-menu { top: -0.5rem; left: calc( 100% + 1rem); } } .menu-wrapper.standard { position: relative; } .menu-wrapper.standard .menu-item-has-children.has-slider-children { position: static; } .menu-wrapper.standard .menu-item-has-children.has-slider-children:hover { overflow: visible; } .menu-wrapper.standard .menu-item-has-children.has-slider-children:hover > .optional-sub-menu[data-type="slider"] { z-index: 10; height: 100vw; } .menu-wrapper.standard .menu-item-has-children.has-slider-children:hover > .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner { visibility: visible; opacity: 1; z-index: 10; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); } .menu-wrapper.standard .menu-item-has-children.has-slider-children:hover > .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner > .menu-item-container { overflow: visible; visibility: visible; opacity: 1; } .menu-wrapper.standard .menu-item-has-children.has-slider-children:hover > .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner > .menu-item-container > .sub-menu { visibility: visible; opacity: 1; } .menu-wrapper.standard .menu-item-has-children.has-slider-children:hover > .optional-sub-menu[data-type="slider"] .optional-sub-menu { top: 180px; left: 0; } .menu-wrapper.standard .sub-menu > .menu-item { /* position: relative; margin: 0 0.5rem; padding: 0 0.5rem; display: flex; */ } .menu-wrapper.standard .sub-menu > .menu-item-has-children > .menu-item-inner .menu-link-icon::after { border: none; border-top: solid 1px; border-right: solid 1px; } .menu-wrapper.standard .sub-menu .sub-menu { top: -0.5rem; left: calc( 100% + 1rem); } .menu-wrapper.standard .sub-menu > .menu-item > .optional-sub-menu[data-type="slider"] { top: 0; left: 100%; } .menu-wrapper.standard .sub-menu > .menu-item > .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner { margin: auto; } .menu-wrapper.standard .sub-menu.swiper-wrapper { position: absolute; margin: 0; top: 0; left: 100%; } .menu-wrapper.standard .sub-menu.swiper-wrapper .optional-sub-menu[data-type="slider"] { height: fit-content; } .menu-wrapper.standard .sub-menu.swiper-wrapper .optional-sub-menu-inner { margin: 180px auto auto; } .optional-sub-menu[data-type="slider"] { visibility: hidden; position: absolute; margin: 0; top: 0; left: 0; min-width: 240px; width: 100%; height: fit-content; } .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner { visibility: hidden; overflow: visible; margin: 2.5rem auto auto; padding: 0rem; width: 100%; height: 180px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; transition: opacity .5s ease, visibility .5s ease, box-shadow .5s ease; } .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner > .menu-item-container { position: relative; top: 0; left: 0; bottom: 0; margin: auto; padding: 0; width: 100%; height: 180px; } .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner > .menu-item-container > .sub-menu { position: relative; top: 0; left: 0; bottom: 0; margin: auto; padding: 0; width: 100%; height: 180px; } .optional-sub-menu[data-type="slider"] .menu-item.swiper-slide { display: block; width: 240px; height: 180px; } .menu-item.swiper-slide > .menu-slide-inner { position: relative; display: block; } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-link { position: relative; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 240px; height: 180px; } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-link:hover .menu-slide-thumbnail { transform: scale(1.2); } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-thumbnail-frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 240px; height: 180px; overflow: hidden; } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-thumbnail-frame::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(255, 255, 255, 0.8); } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-thumbnail { object-fit: cover; object-position: 50%; width: 240px; height: 180px; transition: transform .5s ease; } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-meta-frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; padding: .2rem; width: 100%; height: fit-content; } .menu-item.swiper-slide > .menu-slide-inner .menu-item-icon-svg { display: none; } .menu-item.swiper-slide > .menu-slide-inner .menu-link-texts { text-align: center; } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-meta-title { display: block; padding: .2rem; width: 100%; font: normal 100 .8rem/1.2 serif; } .menu-item.swiper-slide > .menu-slide-inner .menu-slide-meta-description { font: normal 100 .5rem/1.2 serif; display: block; padding: .3rem; width: 100%; } .menu-item.swiper-slide.current_page_item > .menu-slide-inner .menu-slide-thumbnail-frame { border: solid 0.2rem #ffc850; } .menu-item.swiper-slide.has-description > .menu-slide-inner .menu-slide-meta-title { border-bottom: solid 1px black; } .menu-item.swiper-slide.menu-item-has-children > .menu-slide-inner .menu-link-icon { top: 100%; left: 0; right: 0; bottom: initial; margin: auto; width: fit-content; } .menu-item.swiper-slide.menu-item-has-children > .menu-slide-inner .menu-link-icon::after { border: none; border-right: solid 1px; border-bottom: solid 1px; } .menu-item.swiper-slide.menu-item-has-children > .sub-menu { top: 100%; left: 0; padding: 0; margin: auto; min-width: 240px; max-width: 100%; width: fit-content; } .menu-item.swiper-slide.menu-item-has-children.has-slider-children { position: static; } .menu-list > .menu-item > .sub-menu > .menu-item > .sub-menu .sub-menu { width: fit-content; } .menu-list > .menu-item > .sub-menu > .menu-item > .optional-sub-menu[data-type="slider"] { overflow-y: hidden; } .menu-list > .menu-item > .optional-sub-menu[data-type="slider"] { overflow-x: hidden; } @media screen and (min-width: 1024px) { .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard { /* General --------------------------------------------------*/ /* Slider --------------------------------------------------*/ } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .sub-menu { top: 0; left: calc( 100% + 1rem); } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .sub-menu > .menu-item > .sub-menu { top: -.5rem; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .optional-sub-menu[data-type="slider"] { top: 0; left: calc( 100% - 1rem); width: 240px; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .optional-sub-menu[data-type="slider"] > .optional-sub-menu-inner { margin: auto; height: 100%; box-shadow: none; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .optional-sub-menu[data-type="slider"] .sub-menu { left: 0; margin: 0; width: 240px; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .optional-sub-menu[data-type="slider"] .menu-link-icon::after { border: none; border-top: solid 1px; border-right: solid 1px; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .optional-sub-menu[data-type="slider"] .optional-sub-menu[data-type="slider"] { left: 240px; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-list > .menu-item > .sub-menu { padding: .5rem; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-list > .menu-item > .sub-menu > .menu-item > .sub-menu .sub-menu { width: fit-content; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-list > .menu-item > .sub-menu > .menu-item > .optional-sub-menu[data-type="slider"] { overflow-y: hidden; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-list > .menu-item > .optional-sub-menu[data-type="slider"] { overflow-x: visible; overflow-y: hidden; width: 100vw; background: transparent; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-list > .menu-item .menu-item-container { background-color: transparent; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item-container { height: 100%; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .menu-item-container > .sub-menu { top: 0; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .sub-menu > .menu-item-has-children.has-slider-children:hover > .optional-sub-menu[data-type="slider"] { left: 100%; visibility: visible; opacity: 1; overflow: visible; z-index: 10; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .sub-menu > .menu-item-has-children.swiper-slide > .sub-menu { top: 0; left: 100%; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .sub-menu > .menu-item-has-children.swiper-slide.has-slider-children:hover > .optional-sub-menu[data-type="slider"] { left: 240px; } .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard .sub-menu > .menu-item-has-children > .sub-menu { left: calc( 100% + .5rem); } } /* Header Navi -------------------------------*/ .header-navi-button-close { display: none; } .header-navi-share-tools { display: none; } .footer-nav-menu { padding: 2rem 0; } .footer-nav-menu .menu-wrapper.standard .menu-list > .menu-item-has-children > .menu-item-inner .menu-link-icon::after { border: none; border-left: solid 1px; border-top: solid 1px; } .footer-nav-menu .menu-wrapper.standard .menu-item-has-children > .sub-menu { top: unset; bottom: 100%; } .footer-nav-menu .menu-wrapper.standard .menu-item-has-children > .sub-menu .sub-menu { bottom: -0.5rem; } .search-form-wrapper { max-width: 400px; margin: auto; padding: 0 1rem 1rem; } .search-form-inner { position: relative; margin: auto; } .search-form { /*display: none;*/ } .search-button { position: absolute; bottom: 0.5rem; right: 0.5rem; display: flex; border: none; background-color: rgba(255, 255, 255, 0.9); cursor: pointer; display: none; } .search-button > span { font-size: 2rem; transition: content .5s ease; } .search-button > span::before { transition: content .5s ease; } .search-button:focus + .search-form, .search-button:hover + .search-form { display: block; } .search-button:focus > .mdi::before, .search-button:hover > .mdi::before { content: "\f156"; } .search-inner { border-bottom: solid 1px rgba(200, 200, 200, 0.9); } .search-inner:hover { display: block; } .search-inner .search-box { font-size: 1rem; padding: 0.5rem; margin: 0; background-color: inherit; border: none; box-shadow: none; width: 100%; } .search-inner .search-button { background-color: rgba(255, 255, 255, 0); border: none; display: block; width: 1em; height: 1em; margin: 0.3em; padding: 0; cursor: pointer; } .search-inner .search-button .nora-glyph { margin-top: -0.1em; width: 1em; height: 1em; font-size: 1.5em; } .search-inner .search-button .nora-glyph::after { top: 0.4em; left: 0.35em; } .cta-after-content { display: block; margin: 1rem auto; padding: 1rem; width: 100%; border: solid 2px #ffb43c; } .cta-in-footer.fixed-bottom { position: fixed; bottom: 1rem; right: 1rem; padding: 1rem; width: 300px; height: fit-content; background-color: white; border-radius: 1rem; box-shadow: 0 0.1rem 0.5rem 0rem #c8c8c8; opacity: 0; z-index: -1; transition: opacity 0.5s ease; } .cta-in-footer.fixed-bottom.active { opacity: 1; z-index: 10; } .cta-in-footer.fixed-bottom.active.closed { opacity: 0; z-index: -1; } .cta-in-footer.fixed-bottom .cta-title { color: #000; position: relative; margin: 0rem auto 0.5rem; border-bottom: solid 1px #c8c8c8; font: italic 100 1.5rem/1.5 serif; text-align: center; } .cta-in-footer.fixed-bottom .cta-title::after { content: ""; display: block; position: absolute; bottom: -0.3rem; width: 100%; border-bottom: solid 1px #c8c8c8; } .cta-in-footer.fixed-bottom .cta-box-header-image { margin: 2rem auto 1rem; height: 100px; } .cta-in-footer.fixed-bottom .cta-image { display: block; margin: 0rem auto; height: 100px; } .cta-in-footer.fixed-bottom .cta-description { color: #000; } .cta-in-footer.fixed-bottom .cta-button { display: block; color: #000; text-align: center; } .cta-in-footer.fixed-bottom .cta-button .button { display: block; margin: auto; padding: 0.25rem; max-width: 400px; width: 80%; border: none; border-radius: 5px; background-color: #ffb43c; color: white; font-size: .9rem; } .cta-in-footer.fixed-bottom .cta-close-button { position: absolute; top: -1.5rem; left: .5rem; } .cta-in-footer.fixed-bottom .cta-close-icon { width: 1rem; height: 1rem; } .designed-section { position: relative; display: block; } .designed-section.two-tone { margin: 6rem 0; } .designed-section.two-tone .designed-section-inner::before { content: ""; position: absolute; display: block; } .designed-section.two-tone .designed-section-inner::after { content: ""; position: absolute; display: block; } .designed-section.two-tone .designed-section-inner.side-top::before { top: -4rem; left: -30%; display: block; width: 200%; height: 100px; transform: scale3d(1.5, 1, 1) rotate(-3deg); z-index: -1; } .designed-section.two-tone .designed-section-inner.side-top::after { top: -3.5rem; left: -50%; display: block; width: 200%; height: 200px; box-shadow: 0rem -0.5rem 10px 0.01rem rgba(200, 200, 200, 0.5); transform: scale3d(1.5, 1, 1) rotate(3deg); z-index: -1; } .designed-section.two-tone .designed-section-inner.side-bottom::before { bottom: -3rem; left: -30%; display: block; width: 200%; height: 100px; transform: scale3d(1.5, 1, 1) rotate(-3deg); } .designed-section.two-tone .designed-section-inner.side-bottom::after { bottom: -3.5rem; left: -50%; display: block; width: 200%; height: 200px; box-shadow: 0rem 0.5rem 10px 0.01rem rgba(200, 200, 200, 0.5); transform: scale3d(1.5, 1, 1) rotate(3deg); } @media screen and (max-width: 1200px) { .designed-section.two-tone .designed-section-inner.side-top::before { top: -4rem; } } @media screen and (max-width: 768px) { .designed-section.two-tone .designed-section-inner.side-top::after { left: -40%; } .designed-section.two-tone .designed-section-inner.side-bottom::after { left: -40%; } } @media screen and (max-width: 640px) { .designed-section.two-tone .designed-section-inner.side-top::after { left: -30%; } .designed-section.two-tone .designed-section-inner.side-bottom::after { left: -30%; } } @media screen and (max-width: 400px) { .designed-section.two-tone .designed-section-inner.side-top::after { left: -20%; } .designed-section.two-tone .designed-section-inner.side-bottom::after { left: -20%; } } .designed-section.thick-border { border-top: solid 2px; border-bottom: solid 2px; } @media screen and (max-width: 1200px) { .is-responsive { /* Display None -----------------------------------------------------*/ } } @media screen and (max-width: 1024px) { .is-responsive #primary { min-width: unset; } } @media screen and (max-width: 768px) { .header-tool.search { display: none; } } .ace-no-js .loading-page { display: none !important; }