@charset "UTF-8";
/* 3rd
------------------------------------------------*/
@import url(~bootstrap/css/bootstrap-reboot.min.css);
@import url(~luminous-lightbox/dist/luminous-basic.min.css);
@import url(~swiper/dist/css/swiper.min.css);
.lum-lightbox {
  z-index: 100;
}

.lum-lightbox-inner img {
  max-width: 100%;
}

/* Preset
------------------------------------------------*/
/* Functions
-------------------------------------------------------------- */
/* Mixins
-------------------------------------------------------------- */
/* Define Placeholder Selectors
-------------------------------------------------------------- */
/* Position
	**/
/* Opacity
	-------------------------------------------------------------- */
/* Width
	-------------------------------------------------------------- */
.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
  width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.11111%;
}

.gallery-columns-10 .gallery-item {
  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 .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 .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 .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 .5s ease 0s, box-shadow .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 .5s ease 0s, box-shadow .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease 0s, opacity .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 .5s ease;
}

.nora-glyph::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .5s ease;
}

.nora-glyph::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .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: .4em;
  left: .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: .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: .35em;
  left: .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: .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: .4em;
  left: .3em;
  content: "";
  border: none;
  width: 25%;
  height: 25%;
  transform: rotate(45deg);
  border-color: rgba(150, 150, 150, 0.9);
}

.nora-glyph.arrows::after {
  top: .4em;
  left: .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: .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: .5em;
  left: .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: .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: .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: .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: .3em;
  left: .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: .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: .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: .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 .5s ease;
}

.ace .gsc-search-box-tools table.gsc-search-box .gsc-search-button button.gsc-search-button svg {
  fill: #c8c8c8;
  transition: fill .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
------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .ace-with-header-inner-fixed-on-left .widget_eu_cookie_law_widget {
    left: calc( 300px + 1em);
  }
}

.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: -.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: -.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 .7rem/1.5 sans-serif;
  color: #646464;
  text-align: center;
  transition: color .5s ease, background-color .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: -.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 .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: -.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: .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: -.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 .8rem/1 sans-serif;
  padding: .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: .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 .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 .5s ease 0s, background-color .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 .5rem;
  border-left: solid .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 .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 .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 .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: .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: .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 .5rem;
  border-left: solid .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 .5rem;
  border-left: solid .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 .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 .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 .5rem;
  border-left: solid .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: -.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 .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 .5rem;
    border-left: solid .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 .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: .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: -.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 .8rem/1 sans-serif;
    padding: .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 .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 .5s ease 0s, background-color .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 .5rem;
    line-height: 2;
    border-left: solid .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 .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 .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 .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: .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: .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 .5rem;
    line-height: 2;
    border-left: solid .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 .5rem;
    line-height: 2;
    border-left: solid .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 .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 .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 .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 .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 .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 .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: .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: -.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 .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 .8rem/2 serif;
  }
  body.woocommerce div.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item td.product-subtotal {
    padding: .5rem 0;
    font: normal 100 .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 .5rem;
    width: 100%;
    float: unset;
    font: normal 100 .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 .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 .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: -.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 .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 .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: -.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 .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: .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 .8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4";
  color: white;
}

body.woocommerce div.woocommerce-checkout div.woocommerce-notices-wrapper ul li {
  padding: .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: -.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: .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: -.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: .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: -.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 .8rem/2 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4";
  color: white;
}

body.woocommerce div.woocommerce-checkout form.woocommerce-checkout button {
  margin: 0 auto 1rem;
  padding: .5rem 1rem;
  float: unset;
  background-color: #ffb45a;
  border: none;
  border-radius: .2rem;
  box-shadow: none;
  font: normal 100 .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 .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: .5rem .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: .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: .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: -.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: -.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: -.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: .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: -.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 .5rem;
  padding: .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: .5rem;
  padding: 0;
  width: fit-content;
  font: normal 100 .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: .5rem;
  height: .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: .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 .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 .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 .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: .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 .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 .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 .5rem;
  padding: .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 .5rem;
  padding: .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 .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 .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 .5rem;
  padding: .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 .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 .5rem;
  padding: .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: .5rem 1rem;
  border: solid 1px #646464;
  font: normal 100 .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 .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 .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 .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 .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 .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: .5rem;
    width: fit-content;
    font: normal 100 .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: .5rem 2.5rem .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: .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 .8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4";
    font: normal 100 .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 .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 .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 .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 .8rem/1.5 "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4";
    transition: background-color .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: .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 .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 .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 .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,.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 .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: .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: -.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: .5rem;
  font: normal 400 .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: .5rem;
  max-width: 160px;
  background-color: white;
  box-shadow: 0 0 0 1px #646464;
  font: normal 100 .7rem/1.5 sans-serif;
  color: #646464;
  text-shadow: none;
  text-align: center;
  border-radius: 3px;
  transition: color .5s ease, background-color .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 .7rem/1.5 sans-serif;
  color: #646464 !important;
  text-align: center;
  transition: color .5s ease, background-color .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 .7em/1.5 sans-serif;
  color: #646464;
  text-align: center;
  transition: color .5s ease, background-color .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 .7em/1.5 sans-serif;
  color: #646464;
  text-align: center;
  transition: color .5s ease, background-color .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 .7em/1.5 sans-serif;
  color: #646464;
  text-align: center;
  transition: color .5s ease, background-color .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 .7em/1.5 sans-serif;
  color: #646464;
  text-align: center;
  transition: color .5s ease, background-color .5s ease;
}

#buddypress input[name="xprofile-settings-submit"]:hover {
  color: white;
  background-color: #646464;
}

.wpcf7-form {
  margin: auto;
  padding: 2rem 1rem;
  max-width: 768px;
  border: solid 1px #c8c8c8;
  border-radius: 5px;
}

.wpcf7-form > p {
  margin: auto;
}

.wpcf7-form > p:last-child {
  margin: auto;
}

.wpcf7-form > p label {
  display: block;
  margin: .5rem auto;
  max-width: 768px;
  width: 100%;
}

.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  margin: auto;
}

.wpcf7-form .wpcf7-form-control-wrap > .wpcf7-form-control.wpcf7-textarea {
  max-width: 768px;
  width: 100%;
}

.wpcf7-form .wpcf7-form-control.wpcf7-submit {
  display: block;
  margin: auto;
  padding: .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: .6rem;
  top: .5rem;
  left: 0rem;
  display: block;
  width: .5rem;
  height: .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: .6rem;
  top: .5rem;
  left: 0rem;
  display: block;
  width: .5rem;
  height: .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: "YuMincho", "游明朝体", serif;
}

.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 .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: .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: .5rem;
}

.widget_media_image {
  overflow: hidden;
  padding: 0;
}

.widget_media_image > img {
  display: block;
  margin: auto;
  width: 100%;
  transition: transform .5s ease;
}

.widget_media_image:hover img {
  transform: scale(1.2);
}

.gallery-icon > a > img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.widget_recent_entries {
  padding: .5rem;
}

.widget_recent_entries li {
  overflow: hidden;
  padding: .5rem;
}

.widget_recent_entries li:hover a {
  text-shadow: 1px 1px 2px rgba(100, 100, 100, 0.9);
}

.widget_recent_entries li:hover a::after {
  width: 100%;
}

.widget_recent_entries 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 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;
}

/* Page
-------------------------------------------------------------- */
.widget_pages {
  padding: .5rem;
}

.widget_pages .page_item {
  display: block;
  position: relative;
  padding: .5rem .1rem;
  background-color: rgba(255, 255, 255, 0.9);
  transition: color .5s ease 0s, background-color .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 .5s ease;
}

.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 .children {
  padding: 0;
  margin: auto;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
}

.widget_pages .children > .page_item {
  width: 100%;
  font-size: .9em;
}

.widget_pages a {
  transition: color .5s ease 0s, opacity .5s, ease 0s;
}

.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: .8em;
  }
}

/* Page
-------------------------------------------------------------- */
.widget_nav_menu {
  padding: .5rem;
}

.widget_nav_menu .menu-item {
  display: block;
  position: relative;
  padding: .5rem .1rem;
  background-color: rgba(255, 255, 255, 0.9);
  transition: color .5s ease 0s, background-color .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 .5s ease;
}

.widget_nav_menu .menu-item > a, .widget_nav_menu .menu-item a:link, .widget_nav_menu .menu-item a:visited {
  transition: color .5s ease 0s, opacity .5s ease 0s, text-shadow .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: .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: .8em;
  }
}

/* Archive
-------------------------------------------------------------- */
.widget_archive {
  padding: .5rem;
}

.widget_archive > ul {
  display: flex;
  flex-wrap: wrap;
  font-size: .8em;
  text-align: center;
}

.archive-list-item {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: .5rem .1rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: dashed 1px rgba(200, 200, 200, 0.9);
  transition: color .5s ease 0s, background-color .5s ease 0s;
}

.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 .5s ease;
}

.archive-list-item > a {
  transition: color .5s ease 0s, opacity .5s ease 0s, text-shadow .5s ease 0s;
}

.archive-list-item:hover {
  color: #FFFFFF;
  background-color: rgba(100, 100, 100, 0.9);
}

.archive-list-item:hover::after {
  width: 100%;
}

.archive-list-item:hover > a {
  opacity: 1;
  color: #FFFFFF;
}

@media screen and (min-width: 640px) {
  .archive-list-item {
    width: 30%;
  }
}

/* Category
-------------------------------------------------------------- */
.widget_categories,
.product-categories {
  padding: .5rem;
}

.widget_categories .cat-item,
.product-categories .cat-item {
  display: block;
  position: relative;
  padding: .5rem .1rem;
  background-color: rgba(255, 255, 255, 0.9);
  transition: color .5s ease 0s, background-color .5s ease 0s;
}

.widget_categories .cat-item::after,
.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 .5s ease;
}

.widget_categories .cat-item:hover,
.product-categories .cat-item:hover {
  color: #FFFFFF;
  background-color: rgba(100, 100, 100, 0.9);
}

.widget_categories .cat-item:hover::after,
.product-categories .cat-item:hover::after {
  width: 100%;
}

.widget_categories .cat-item:hover > a,
.product-categories .cat-item:hover > a {
  opacity: 1;
  color: #FFFFFF !important;
}

.widget_categories a,
.product-categories a {
  transition: color .5s ease 0s, text-shadow .5s ease 0s, background-color .5s ease 0s, opacity .5s ease 0s;
}

.widget_categories .children,
.product-categories .children {
  padding: 0;
  margin: auto;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
}

.widget_categories .children > .cat-item,
.product-categories .children > .cat-item {
  width: 100%;
  font-size: .9em;
}

.widget_categories > ul,
.product-categories > ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.widget_categories > ul > .cat-item,
.product-categories > ul > .cat-item {
  width: 100%;
  margin: 0 auto;
  border-bottom: dashed 1px rgba(200, 200, 200, 0.9);
  font-size: .8em;
}

@media screen and (min-width: 640px) {
  .widget_categories > ul > .cat-item,
  .product-categories > ul > .cat-item {
    width: 30%;
  }
}

/* Tag Cloud
-------------------------------------------------------------- */
.widget_tag_cloud {
  padding: .5rem;
}

.tagcloud {
  display: flex;
  flex-wrap: wrap;
}

.tag-cloud-link {
  padding: .8em;
  margin: .5rem;
  font-size: .5rem !important;
  text-shadow: none;
  border: solid 1px rgba(100, 100, 100, 0.9);
  border-radius: .5rem;
  transition: color 1s ease 0s, background-color 1s ease 0s;
}

.tag-cloud-link:hover {
  color: white !important;
  border-color: white !important;
  background-color: rgba(100, 100, 100, 0.9) !important;
}

/* RSS
-----------------------------------------*/
.widget.widget_rss {
  padding: .5rem;
}

.widget.widget_rss .widget-title-text .rsswidget {
  color: rgba(255, 160, 0, 0.9);
}

.widget.widget_rss li {
  position: relative;
  padding: .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 li::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  content: "";
  width: 0;
  border-bottom: solid 1px #FFFFFF;
  transition: width .5s ease;
}

.widget.widget_rss li:hover {
  color: #FFFFFF;
  background-color: rgba(100, 100, 100, 0.9);
}

.widget.widget_rss li:hover::after {
  width: 100%;
}

.widget.widget_rss li:hover > .rsswidget {
  color: #FFFFFF;
}

.widget.widget_rss li:hover > .rsswidget::after {
  width: 100%;
}

.widget.widget_rss .rsswidget {
  position: relative;
  display: block;
  margin: auto 0 .5rem;
  transition: color 1s ease 0s;
}

.widget.widget_rss .rsswidget::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  content: "";
  width: 0;
  border-bottom: solid 1px #FFFFFF;
  transition: width .5s ease;
}

.widget.widget_rss .rss-date {
  display: block;
  margin: auto auto 1rem;
  font-size: .8rem;
}

.widget.widget_rss .rssSummary {
  display: block;
  margin: auto auto 2rem;
  font-size: .8rem;
}

.widget.widget_rss cite {
  position: absolute;
  bottom: .5rem;
  right: 1rem;
  display: block;
  margin: auto 0 auto auto;
  font-size: .8rem;
}

.widget_recent_comments {
  padding: .5rem;
}

.widget_recent_comments .recentcomments {
  overflow: hidden;
  padding: .5rem;
}

.widget_recent_comments .recentcomments:hover a {
  opacity: 1;
  text-shadow: 0px 0px 2px rgba(100, 100, 100, 0.9);
}

.widget_recent_comments .recentcomments:hover a::after {
  width: 100%;
}

.widget_recent_comments a {
  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 a:hover {
  opacity: 1;
}

.widget_recent_comments a::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  content: "";
  border: none;
  transition: width 1s ease 0s;
}

/* Calender
-------------------------------------------------------------- */
.widget_calendar {
  padding: .5rem;
}

.calendar_wrap {
  margin: auto;
}

.calendar_wrap table {
  margin: auto;
  max-width: 300px;
  width: 100%;
  text-align: center;
}

.calendar_wrap caption,
.calendar_wrap th, .calendar_wrap td {
  padding: .5rem;
  font-size: .8rem;
  text-align: center;
  text-shadow: 0.1rem 0.2rem 0.2rem rgba(200, 200, 200, 0.9);
}

.calendar_wrap tfoot td {
  padding: 1rem 0;
}

.calendar_wrap a {
  color: rgba(255, 0, 0, 0.9);
  transition: text-shadow .5s ease;
}

.calendar_wrap a:hover {
  text-shadow: none;
}

.widget_meta {
  padding: .5rem;
}

.widget_meta > ul {
  display: flex;
  flex-wrap: wrap;
}

.widget_meta > ul > li {
  position: relative;
  width: 30%;
  margin: auto;
  padding: .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 .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;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 100;
}

a, button {
  text-decoration: none;
  transition: color .5s linear 0s, text-shadow .5s linear 0s, transform .5s linear 0s, width .5s linear 0s, opacity .5s linear 0s;
}

a::before, a::after, button::before, button::after {
  text-decoration: none;
  transition: color .5s linear 0s, text-shadow .5s linear 0s, transform .5s linear 0s, width .5s linear 0s, opacity .5s linear 0s;
}

header, main, footer, article {
  text-overflow: ellipsis;
}

svg {
  transition: transform .5s ease;
}

svg use {
  transition: transform .5s ease;
}

/* Parts
------------------------------------------------*/
/* Breadcrumb
---------------------------------------*/
.breadcrumb-wrapper {
  position: relative;
  padding: 1rem;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: .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: .5rem;
  right: 1rem;
  content: "";
  display: inline-block;
  width: .3rem;
  height: .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: .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;
}

#header-site-name-description {
  margin: auto;
  width: auto;
  height: fit-content;
  font-weight: 100;
}

#header-site-name-description a {
  color: black;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
}

#header-site-name-description a:hover {
  opacity: 1;
}

.header-site-logo {
  display: block;
  height: auto;
  transition: max-width .5s ease, max-height .5s ease, width .5s ease, height .5s ease;
}

#header-site-name {
  display: block;
  margin: 0;
  width: 100%;
  font-size: 1.4rem;
}

#header-site-description {
  display: block;
  font-size: .8rem;
  white-space: nowrap;
}

/* Contact Info
----------------------------*/
.header-contact-info {
  margin: 1rem auto;
  width: fit-content;
}

.message-above-contact-number {
  display: block;
  font: normal 100 .5rem/1 serif;
}

.header-contact-number {
  display: block;
  font: normal 100 1.5rem/1.5 serif;
}

.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: .75rem;
}

.header-parts-fixable {
  transition: padding .5s ease;
}

.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-site-name-description {
  text-align: center;
}

.ace-with-header-inner-vertical .header-site-logo {
  margin: auto;
}

.ace-with-header-inner-flex .header-parts-fixable {
  display: flex;
  flex-wrap: nowrap;
}

.ace-with-header-inner-flex .header-site-name-description {
  margin: auto auto auto 0;
  width: auto;
}

.ace-with-header-inner-flex .header-site-name-description a {
  text-shadow: none;
  text-decoration: none;
}

.ace-with-header-inner-flex .header-site-logo {
  margin: auto;
}

.ace-with-header-inner-flex #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: .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: .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-site-name-description {
    margin: auto auto .5rem;
  }
  .ace-with-header-inner-fixed-on-left #header-site-name-description #header-site-name {
    font-size: 1.5rem;
  }
  .ace-with-header-inner-fixed-on-left #header-site-name-description #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 {
  margin: 0 1rem 0 0;
  display: block;
  transition: font-size .5s ease;
}

#header-site-description {
  display: block;
  white-space: nowrap;
  transition: font-size .5s ease;
}

/**
 * Custom Search
**/
.custom-search-trigger {
  top: .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: .8rem;
}

.breadcrumb-item::after {
  bottom: .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 0 0 auto;
}

.two-columns-left #primary {
  margin: 0 auto 0 0;
}

.primary-inner {
  padding: .5rem;
}

.column-left-container {
  margin: 0 10px 0 auto;
  font-size: .8rem;
}

.column-right-container {
  margin: 0 auto 0 10px;
  font-size: .8rem;
}

.main-bottom {
  position: relative;
  height: 10rem;
}

.main-bottom-anchor-top {
  position: absolute;
  left: 0;
  right: 0;
}

.main-bottom-anchor-top > .main-bottom-label {
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100px;
  font-size: .9rem;
  color: rgba(100, 100, 100, 0.9);
  text-align: center;
}

.main-bottom-anchor-top > .nora-glyph.arrow.up {
  margin: auto;
  font-size: 10rem;
}

.main-bottom-anchor-top > .nora-glyph.arrow.up::after {
  left: .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 .5rem;
}

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: .8rem;
  text-align: center;
}

.singular-after-title.page {
  padding: 0;
}

.singular-after-title-inner {
  display: block;
  margin: auto;
  padding: 1rem .5rem;
  width: 50%;
  font: italic 100 .8rem/1 serif;
}

.singular-after-title-inner > .label::after {
  content: "-";
  margin: 0 .5rem;
}

.singular-after-title-inner a {
  text-shadow: none;
}

.singular-after-title-inner.article-category > .categories > a {
  margin: auto auto auto .5rem;
}

.singular-after-title-inner.article-category > .categories > a:first-child {
  margin: auto;
}

.singular-after-title-inner.article-tags > .tags > a {
  margin: auto auto auto .5rem;
}

.singular-after-title-inner.article-tags > .tags > a:first-child {
  margin: auto;
}

@media screen and (max-width: 767.98px) {
  .singular-after-title-inner {
    width: 100%;
  }
}

.post-content,
.archive-description {
  padding: 1.5rem 0;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content 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 .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,
.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 .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,
.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,
.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,
.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,
.archive-description h2 {
  font: normal 100 1.8rem/2 "YuMincho", "游明朝体", serif;
  border-left: solid 0.1rem #646464;
  clear: both;
}

.post-content h3,
.archive-description h3 {
  font: normal 100 1.6rem/1.5 "YuMincho", "游明朝体", serif;
  clear: both;
}

.post-content 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,
.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,
.archive-description h6 {
  font-size: 1rem;
  border-bottom: dashed 1px rgba(200, 200, 200, 0.9);
  clear: both;
}

.post-content p,
.archive-description p {
  font: normal 100 .8rem/2 "YuMincho", "游明朝体", serif;
}

.post-content ol, .post-content ul, .post-content dl,
.archive-description ol,
.archive-description ul,
.archive-description dl {
  font-size: .8rem;
  padding-left: 1.5rem;
}

.post-content > ul li, .post-content > ol li, .post-content > 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,
.archive-description > ul ul,
.archive-description > ol ol,
.archive-description > dl dl {
  padding-left: 1rem;
}

.post-content blockquote,
.archive-description blockquote {
  font-size: 12px;
}

.post-content pre,
.archive-description pre {
  padding: 1rem;
  font-size: .8rem;
  border: solid 1px rgba(230, 230, 230, 0.9);
}

.post-content img,
.archive-description img {
  margin: 1rem;
}

.post-content img.alignleft,
.archive-description img.alignleft {
  float: left;
}

.post-content img.aligncenter,
.archive-description img.aligncenter {
  float: none;
  margin: 1rem auto;
}

.post-content img.alignright,
.archive-description img.alignright {
  float: right;
}

.post-content .wp-caption,
.archive-description .wp-caption {
  margin: 1rem;
  max-width: 100%;
  height: auto;
  transition: transform .5s ease;
}

.post-content .wp-caption img,
.archive-description .wp-caption img {
  margin: auto;
}

.post-content .wp-caption.alignleft,
.archive-description .wp-caption.alignleft {
  float: left;
}

.post-content .wp-caption.aligncenter,
.archive-description .wp-caption.aligncenter {
  float: none;
  margin: 1rem auto;
}

.post-content .wp-caption.alignright,
.archive-description .wp-caption.alignright {
  float: right;
}

.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: .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: .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 .5s ease 0s, background-color .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: .5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#comment-ping {
  margin: 2rem 0;
  padding: .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: .5rem;
}

.comment-avatar-container {
  margin: auto 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.comment-avatar-container img.avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.comment-meta-container {
  margin: auto 0;
  padding: .5rem;
  max-width: 100%;
}

.comment-author {
  padding: .5rem;
}

.comment-author a {
  color: #646464;
}

.comment-meta {
  padding: .5rem;
  font-size: .8rem;
}

.comment-meta .comment-date {
  padding: 0 1rem 0 0;
  color: #646464;
}

.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 .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 .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 .8rem/2 "YuMincho", "游明朝体", serif;
}

.comment-body ol, .comment-body ul, .comment-body dl {
  font-size: .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: .8rem;
  border: solid 1px rgba(230, 230, 230, 0.9);
}

.comment-body .reply {
  padding: .5rem;
}

.comment-reply-link {
  padding: .5rem 1rem;
  font-size: .8rem;
  color: #646464;
  text-shadow: none;
  border: solid 1px #646464;
}

.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: .9rem;
}

.comment-respond #cancel-comment-reply-link {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  padding: .5rem;
  font-size: .8rem;
  color: #646464;
  border: none;
  box-shadow: 0 0 0 1px #646464;
}

.comment-respond #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: .8rem;
  color: white;
  background-color: #646464;
  box-shadow: 0 0 0 1px #646464;
  border-radius: 0;
  transition: opacity .5s ease;
}

.comment-respond #commentform input[name="submit"]:hover {
  opacity: 1;
}

.comment-respond .logged-in-as {
  font-size: .8rem;
}

.comment-respond .comment-form-comment label {
  font-size: .8rem;
  border-bottom: solid 1px #c8c8c8;
}

.comment-respond .comment-form-comment textarea[name="comment"] {
  padding: .3rem;
  max-width: 100%;
}

.comment-reply-form {
  padding: .5rem;
}

@media screen and (max-width: 512px) {
  .comment-header {
    display: block;
    text-align: center;
  }
  .comment-avatar-container {
    margin: auto;
  }
  .comment-respond {
    padding: 1rem 1rem 3rem;
  }
  #cancel-comment-reply-link {
    left: 1rem;
    right: unset !important;
  }
  #author {
    width: 100%;
  }
  #email {
    width: 100%;
  }
  #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-text {
  padding: .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;
}

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: .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: .5em;
  width: 100%;
  overflow: hidden;
}

.style-card .archive-article-item.article-meta > .archive-article-item-inner {
  padding: .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: .9em;
  margin: auto auto .5rem;
  padding: .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: .5em;
  line-height: 2;
  font-size: .8em;
}

.style-card .archive-article-item.article-meta > .archive-article-item-inner.article-category {
  width: 50%;
  text-align: center;
  font-size: .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: .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: .5em;
}

.style-card .archive-article-item.article-meta > .archive-article-item-inner.article-date {
  width: 50%;
  text-align: center;
  font-size: .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: .8em;
}

.style-card .archive-article-item.article-meta > .archive-article-item-inner.article-author > span.author::before {
  content: "by";
  margin-right: .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: .1em;
  left: .1em;
  right: .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: .8em;
  font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4";
  line-height: 2;
  word-break: break-all;
  padding: .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;
}

.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-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;
  }
}

.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-header .author-card-title {
  position: relative;
  display: block;
  margin: auto;
  padding: 1.5rem 1rem .5rem;
}

.author-card.style-standard .author-card-header .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-header .author-card-position {
  display: flex;
  margin: auto;
  width: fit-content;
  height: fit-content;
}

.author-card.style-standard .author-card-header .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-header .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-body .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-body .author-card-avatar-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.author-card.style-standard .author-card-body .author-card-meta {
  margin: 0rem auto;
  width: 100%;
}

.author-card.style-standard .author-card-body .author-card-display-name {
  padding: 0.5rem;
  border-bottom: solid 1px rgba(200, 200, 200, 0.9);
}

.author-card.style-standard .author-card-body .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-body .author-card-profile {
  padding: .5rem .5rem 2rem;
}

.author-card.style-standard .author-card-body .author-card-profile-description {
  margin: auto;
}

.author-card.style-standard .author-card-body .author-card-profile-description-text {
  font: normal 100 .8rem/1.5 serif;
}

@media screen and (min-width: 512px) {
  .author-card.style-standard .author-card-body .author-card-meta {
    width: 70%;
  }
}

/* Pagination
------------------------------------*/
.pagination {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem;
  transform: translateY(-2rem);
}

.pagination > span, .pagination > a {
  display: block;
  margin: auto;
  margin-top: 0;
  padding: .5rem 1rem;
  position: relative;
  font-size: 1rem;
  border: solid 1px rgba(200, 200, 200, 0.9);
  border-radius: .3rem;
}

.pagination > span::before, .pagination > a::before {
  position: absolute;
  content: none;
  border: solid 1px rgba(100, 100, 100, 0.9);
  bordre-radius: .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 .5rem .1rem;
  border-bottom: solid 2px white;
  border-left: solid 2px white;
  transform: rotate(45deg);
  width: .5rem;
  height: .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 .5rem .1rem;
  border-top: solid 2px white;
  border-right: solid 2px white;
  transform: rotate(45deg);
  width: .5rem;
  height: .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 .5s ease 0s, left .5s ease 0s, top .5s ease 0s;
}

.style-card:not(.sticky) .archive-article-thumbnail-label:hover {
  transform: scale(1.3);
  left: 1.9rem;
  top: .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: .5rem;
  padding: .5rem 1rem;
  position: relative;
  font-size: 1rem;
  border: solid 1px rgba(200, 200, 200, 0.9);
  border-radius: .3rem;
  transition: color .5s ease 0s, background-color .5s ease 0s;
}

.pagination > span::before, .pagination > a::before {
  position: absolute;
  content: none;
  border: solid 1px rgba(100, 100, 100, 0.9);
  bordre-radius: .3rem;
}

.pagination > a:hover {
  color: #FFFFFF;
  background-color: rgba(200, 200, 200, 0.9);
}

footer {
  position: relative;
  z-index: 1;
}

.footer-inner {
  position: relative;
  padding: 1rem;
}

.footer-items {
  margin: auto;
  padding: 2rem 0;
  font-size: .8rem;
  text-align: center;
}

.footer-site-name-description {
  font-size: .8rem;
}

.footer-site-name-text::after {
  content: "-";
  margin: 0 .5rem;
}

.footer-display-license {
  font-size: .8rem;
}

.footer-display-theme {
  font-size: .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: .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;
}

.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: .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 .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: .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 .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 .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 .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 .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);
  }
}

.widget-li {
  margin: auto auto 2rem;
}

.widget-li.has-border-style {
  border: solid 1px rgba(200, 200, 200, 0.9);
  border-radius: .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: .5rem auto;
  padding: .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: .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 .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: .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%;
}

/* 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 .5rem;
  padding: 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: .5rem;
  margin: auto;
  list-style: none;
  font-size: .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: .5rem;
  text-align: left;
}

.menu-wrapper.standard .menu-link-icon {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: -.5rem;
  margin: auto;
  height: fit-content;
}

.menu-wrapper.standard .menu-link-icon::after {
  width: .3rem;
  height: .3rem;
  border: none;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(45deg);
}

.menu-wrapper.standard .sub-menu {
  position: absolute;
  padding: .5rem;
  margin: 0;
  top: 100%;
  margin-left: -1rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility .5s ease 0s, opacity .5s ease 0s, background-color .5s ease 0s, box-shadow .5s ease 0s;
}

.menu-wrapper.standard .menu-item-has-children > .menu-item-inner {
  padding: .5rem 1.5rem .5rem .5rem;
}

.menu-wrapper.standard .menu-item-has-children > .menu-item-inner .menu-link-text {
  margin: auto .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 {
    display: none;
  }
  .header-navi-share-tools {
    display: none;
  }
}

.header-mobile-navi-trigger {
  display: none;
}

.menu-wrapper.standard .menu-item > .menu-item-inner {
  padding: .5rem 1rem .5rem .5rem;
}

.menu-wrapper.standard .menu-item-has-children {
  position: relative;
}

.menu-wrapper.standard .menu-item-has-children > .menu-item-inner {
  padding: .5rem 1.5rem .5rem .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;
}

@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 .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: .5rem;
    text-align: left;
  }
  .ace-with-header-inner-fixed-on-left #header-navi .menu-wrapper.standard ul.sub-menu {
    top: -.5rem;
    left: calc( 100% + 1rem);
  }
}

.menu-wrapper.standard {
  position: relative;
}

.menu-wrapper.standard .sub-menu > .menu-item {
  /*
        position: relative;
        margin: 0 .5rem;
        padding: 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: -.5rem;
  left: calc( 100% + 1rem);
}

.menu-list > .menu-item > .sub-menu > .menu-item > .sub-menu .sub-menu {
  width: fit-content;
}

.ace-with-header-inner-flex #header-navi .menu-item .menu-item.menu-item-has-children > .menu-item-inner {
  padding: .5rem .5rem .5rem 1.5rem;
}

.ace-with-header-inner-flex #header-navi .menu-item .menu-item.menu-item-has-children > .menu-item-inner .menu-link-icon {
  left: -1rem;
}

.ace-with-header-inner-flex #header-navi .menu-item .menu-item.menu-item-has-children > .menu-item-inner .menu-link-icon::after {
  border: none;
  border-bottom: solid 1px;
  border-left: solid 1px;
}

.ace-with-header-inner-flex #header-navi .menu-item .menu-item.menu-item-has-children > .sub-menu {
  top: -.5rem;
  right: 100%;
  left: unset;
}

@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 .menu-list > .menu-item > .menu-item-inner .menu-link-description {
    text-align: left;
  }
  .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 .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 > .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: -.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: .5rem;
  right: .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-box {
  font-size: 1rem;
  padding: .5rem;
  margin: 0;
  background-color: inherit;
  border: none;
  box-shadow: none;
  width: 100%;
}

.search-button {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  display: block;
  width: 1em;
  height: 1em;
  margin: .3em;
  padding: 0;
  cursor: pointer;
}

.search-button .nora-glyph {
  margin-top: -.1em;
  width: 1em;
  height: 1em;
  font-size: 1.5em;
}

.search-button .nora-glyph::after {
  top: .4em;
  left: .35em;
}

.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;
}