@charset "UTF-8";
/*
Theme Name:   beaute-leysin
Version:      1.0
Template:     storefront
*/
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Secular+One&family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Zen+Old+Mincho:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Secular+One&family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Zen+Old+Mincho:wght@400;700;900&display=swap");
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/** original
.col-full {
  max-width: 66.4989378333em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2.617924em;
  box-sizing: content-box;
  &::before,
  &::after {
    content: '';
    display: table;
  }
  &::after {
    clear: both;
  }
  &:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media screen and (max-width: 66.4989378333em) {
  .col-full {
    margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;
  }
}

@media screen and (max-width: 568px) {
  .col-full {
    margin-left: 1.41575em;
    margin-right: 1.41575em;
    padding: 0;
  }
}
*/
.col-full {
  max-width: initial;
  margin-left: initial;
  margin-right: initial;
  padding: initial;
  box-sizing: initial;
}
.col-full::before, .col-full::after {
  content: "";
  display: initial;
}
.col-full::after {
  clear: initial;
}
.col-full:after {
  content: " ";
  display: initial;
  clear: initial;
}

@media screen and (max-width: 66.4989378333em) {
  .col-full {
    margin-left: initial;
    margin-right: initial;
    padding: initial;
  }
}
@media screen and (max-width: 568px) {
  .col-full {
    margin-left: initial;
    margin-right: initial;
    padding: initial;
  }
}
/** original
.storefront-breadcrumb {
  margin: 0 0 1.618em;
  padding: 1em 0;
}

.woocommerce-breadcrumb {
  font-size: 0.875em;
  text-decoration: none;
  a {
    text-decoration: underline;
    &:hover {
      text-decoration: none;
    }
  }
  .breadcrumb-separator {
    display: inline-block;
    padding: 0 0.5407911001em;
  }
}
*/
.storefront-breadcrumb {
  margin: 0;
  padding: 0;
}

.woocommerce-breadcrumb {
  font-size: 0.75em;
  text-decoration: none;
}
.woocommerce-breadcrumb a {
  text-decoration: underline;
}
.woocommerce-breadcrumb a:hover {
  text-decoration: none;
}
.woocommerce-breadcrumb .breadcrumb-separator {
  display: initial;
  padding: 0;
}

#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address {
  padding: 0 0 !important;
}

.storefront-full-width-content.woocommerce-cart .entry-header,
.storefront-full-width-content.woocommerce-checkout .entry-header,
.storefront-full-width-content.woocommerce-account .entry-header,
.storefront-full-width-content .woocommerce-products-header {
  text-align: initial !important;
  padding: 0 !important;
}

.storefront-full-width-content.woocommerce-cart .entry-header h1:last-child,
.storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child,
.storefront-full-width-content.woocommerce-account .entry-header h1:last-child,
.storefront-full-width-content .woocommerce-products-header h1:last-child {
  margin: 0 !important;
}

.site-main,
.content-area,
.hentry {
  margin: 0 !important;
}

.entry-content {
  margin: 0 !important;
  padding: 0 !important;
}
.entry-content h1 {
  font-size: 24px;
  font-weight: bold;
}

/** layout **/
/** color **/
.col-white {
  color: #ffffff;
}

.col-gold {
  color: #e6976a;
}

.col-silver {
  color: #d7dcdb;
}

.col-acce {
  color: #c84b64;
}

.col-gray {
  color: #f3f3f3;
}

.bg-white {
  background: #ffffff;
}

.bg-gold {
  background: #e6976a;
}

.bg-silver {
  background: #d7dcdb;
}

.bg-acce {
  background: #c84b64;
}

.bg-gray {
  background: #f3f3f3;
}

.bg-dgray {
  background: #bbbcbc;
}

html {
  color: #1b1b1b;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 100%;
  font-weight: 200;
}

body {
  width: 100%;
  height: auto;
  display: block;
}

p,
address {
  color: #1b1b1b;
  font-size: 15px;
  font-weight: 500;
}

a {
  text-decoration: none;
}

/* アンダーラインを引く場合 */
.underline {
  text-decoration: underline !important;
}

/* 平体をかける場合 */
/*
.extended {
	transform: scale(1, 0.9);
}
*/
/*
MIXIN MediaQuery
*/
/** breakpoint **/
/** SP マイアカウントのメニューボタン */
/** PC マイアカウントのメニューボタン */
/*
UI ボタンのルール
外箱では受けない
そのもののみ
background, color, border-color
marginは請け負わない
paddingは請け負う
*/
/** ボタン初期化 */
/** デフォルトボタン（::afterに > がある、なしを選択可能） */
/** アイコンボタン（::beforeにアイコンがある） */
/** ページネイションボタン */
input,
input:focus,
textarea,
textarea:focus {
  border: none;
  outline: none;
  padding-left: 0.75rem !important;
}

label {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
textarea,
select {
  width: 100%;
  border: 1px solid #d7dcdb;
  border-radius: 3px;
  background: #ffffff;
  font-size: 1rem;
  padding-left: 0.5rem;
  margin-top: 5px;
  -webkit-tap-highlight-color: #1b1b1b !important;
  -webkit-appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
  border: 1px solid #1b1b1b !important;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
select {
  height: 40px;
}

/*
@include mq(tb) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"] {
    width: 75%;
  }
}
*/
input[type=checkbox] {
  margin: 0;
  padding: 0;
  margin-right: 0.5rem;
}

input[type=radio] {
  display: none;
}

input[type=checkbox] {
  -webkit-tap-highlight-color: none;
}

button[type=submit]:focus {
  outline: 1px solid #1b1b1b;
  color: #1b1b1b;
}

input,
select {
  vertical-align: middle;
}

button {
  border: none;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
}

input::-webkit-input-placeholder {
  color: #d7dcdb;
}

input::-moz-placeholder {
  color: #d7dcdb;
}

input:-ms-input-placeholder {
  color: #d7dcdb;
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
button:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #d7dcdb;
}

input:focus::-moz-placeholder,
select:focus::-moz-input-placeholder,
button:focus::-moz-input-placeholder,
textarea:focus::-moz-input-placeholder {
  color: #d7dcdb;
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
button:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: #d7dcdb;
}

input[type=radio]:checked label::before {
  color: #1b1b1b;
}

/*
input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: 1px solid $black;
}
*/
#wpcf7-f6-o1 {
  width: 100%;
}

.wpcf7 .faq-body {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  /*
  @include mq(tb) {
    flex-flow: row nowrap;
    //justify-content: space-between;
  }
  */
  align-items: flex-start;
  padding-bottom: 40px;
  /*
  .faq-right,
  .faq-left {

    @include mq(tb) {
      width: 45%;
    }

  }
  */
}
.wpcf7 .faq-body .faq-left {
  width: 100%;
  max-width: 375px;
}
.wpcf7 .faq-body .faq-right label {
  padding-bottom: 20px;
}
.wpcf7 .faq-body a {
  color: #1b1b1b;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: calc(0.9rem * 1);
}
.wpcf7 .faq-body p {
  color: #1b1b1b;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: calc(0.9rem * 1);
  padding: 0 0 20px 0;
}
.wpcf7 .faq-body label {
  display: inline-block;
  width: 100%;
  color: #1b1b1b;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: calc(0.9rem * 1);
}
.wpcf7 .faq-body label span.wpcf7-form-control-wrap input {
  width: 100%;
  /*
  @include mq(tb) {
    width: 75%;
  }
  */
  margin: 15px 0;
}
.wpcf7 .faq-body label span.wpcf7-form-control-wrap.your-select {
  position: relative;
}
.wpcf7 .faq-body label span.wpcf7-form-control-wrap.your-select select.select-contact {
  margin: 15px 0;
  width: 240px;
  color: #1b1b1b;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: calc(0.9rem * 1);
}
.wpcf7 .faq-body label span.wpcf7-form-control-wrap.your-select::after {
  content: "\f107";
  position: relative;
  top: 3px;
  left: -25px;
  font-size: 1rem;
  font-family: "FontAwesome";
  cursor: pointer;
  pointer-events: none;
}
.wpcf7 .faq-body label span.wpcf7-form-control-wrap.your-message textarea {
  width: 100%;
  padding: 10px;
  margin-top: 15px;
}
.wpcf7 p {
  color: #e6976a;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: calc(0.9rem * 1);
  padding: 0 0 20px 0;
}
.wpcf7 p input.wpcf7-submit {
  -webkit-appearance: none;
  border-radius: 0;
  border-style: none;
  /** ボタン初期化 */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #ffffff;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 200;
  line-height: calc(0.85rem * 1);
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  border: 1px solid #ffffff;
  /** ボタン::afterに > を描画 */
  max-width: 375px;
  background: #e6976a;
  color: #1b1b1b;
  /*
  @include mq(tb) {
    max-width: 320px;
  }
  */
}
.wpcf7 p input.wpcf7-submit::after {
  content: "";
  position: relative;
  right: -15px;
  top: 0.2rem;
  width: 7px;
  height: 7px;
  border-right: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  transform: rotate(45deg);
}
.wpcf7 p input.wpcf7-submit:hover {
  background: #1b1b1b;
  border: 1px solid #ffffff;
  color: #ffffff !important;
}
.wpcf7 p input.wpcf7-submit:hover::after {
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
.wpcf7 ul {
  display: none;
}
.wpcf7 .wpcf7-not-valid-tip {
  display: block;
  width: 75%;
  background: #e6976a;
  color: #ffffff;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  margin: 0 !important;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item input.ui-cb-accept {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  position: relative;
  border-radius: 0;
  border: 1px solid #1b1b1b;
  top: -1px;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output {
  border: 1px solid #e6976a;
  padding: 10px 10px 10px 15px !important;
  text-align: left;
  margin: 10px 0 0 0 !important;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output {
  color: #ffffff;
  border: 1px solid #c84b64 !important;
}
.wpcf7 .wpcf7-not-valid-tip::before,
.wpcf7 .wpcf7-validation-errors::before,
.wpcf7 .wpcf7-response-output::before {
  font-family: "Fontawesome";
  content: "\f071";
  margin-right: 0.5rem;
}
.wpcf7 .wpcf7-response-output {
  display: none;
}

header {
  position: fixed;
  z-index: 9999;
  width: 100%;
}
header.entry-header, header.page-header {
  position: relative;
  z-index: 1;
  border-bottom: 0 !important;
}
header.entry-header .post-author, header.page-header .post-author {
  display: none;
}
header .header-btn {
  position: relative;
  z-index: 9999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
}
header .header-btn .header-insta-btn {
  position: relative;
  background: transparent;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
}
header .header-btn .header-insta-btn a:visited {
  border: none;
  outline: 0;
}
header .header-btn .header-insta-btn i {
  transition: all 0.4s; /*アニメーションの設定*/
  color: #1b1b1b;
  font-size: 30px;
}
header .header-btn .h-nav-login {
  position: relative;
  background: transform;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
}
header .header-btn .h-nav-login a:visited {
  border: none;
  outline: 0;
}
header .header-btn .h-nav-login i {
  transition: all 0.4s;
  color: #1b1b1b;
  font-size: 24px;
}
header .header-btn .header-menu-btn {
  position: relative; /*ボタン内側の基点となるためrelativeを指定*/
  background: transparent;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
header .header-btn .header-menu-btn span {
  display: inline-block;
  transition: all 0.4s; /*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: #1b1b1b;
}
header .header-btn .header-menu-btn span:nth-of-type(1) {
  top: 15px;
  width: 45%;
}
header .header-btn .header-menu-btn span:nth-of-type(2) {
  top: 23px;
  width: 35%;
}
header .header-btn .header-menu-btn span:nth-of-type(3) {
  top: 31px;
  width: 20%;
}
header .header-btn .header-menu-btn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-135deg);
  width: 30%;
}
header .header-btn .header-menu-btn.active span:nth-of-type(2) {
  opacity: 0;
}
header .header-btn .header-menu-btn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(135deg);
  width: 30%;
}
header nav {
  display: none;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 0;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(87, 84, 79, 0.85);
  padding: 10vh 60px 7.5vh 60px;
}
@media screen and (min-width: 768px) {
  header nav {
    height: 100vh;
  }
}
header nav .menu-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
header nav .menu-content .menu-block {
  width: 100%;
  margin-bottom: 40px;
}
header nav .menu-content .menu-block h2 {
  width: 100%;
  color: #e6976a;
  margin-bottom: 10px;
  font-size: 20px;
  font-family: "Copperplate", serif;
}
header nav .menu-content .menu-block ul li a {
  color: #ffffff;
  padding-left: 5px;
}
header nav .menu-footer ul li a {
  color: #ffffff;
}
header ul li {
  margin-bottom: 3px;
}

footer {
  position: relative;
  width: 100%;
  height: 270px;
  background-image: url(assets/img/footer-theme.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
footer .footer-block {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 270px;
  background: rgba(0, 0, 0, 0.55);
}
footer .footer-block .logo {
  width: 100px;
  height: 160px;
  background-image: url(assets/img/top-logo.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
footer .footer-block copy {
  color: #ffffff;
  font-size: 14px;
  font-weight: lighter;
}

#wrap {
  display: flex;
  flex-flow: column wrap;
}

.content {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content {
    min-height: calc(100vh - 370px);
  }
}
.content .default {
  /*
  nav.myaccount-navigation {
    @include bl-wid();
    max-width: 457px !important;
    padding-bottom: 60px;
    h2 {
      padding: 20px 0;
      @include l_font($black, 1rem, 700, 1);
    }
    ul {
      display: flex;
      flex-wrap: wrap;
      li.woocommerce-MyAccount-navigation-link {
        width: calc(50% - 5px);
        @include btn_myaccount_menu_sp();
      }
    }
  }
  */
}
.content .default article {
  width: calc(100% - 40px) !important;
  max-width: 920px;
  margin: 0 auto 60px auto !important;
}
.content .fullwidth article {
  width: 100% !important;
  max-width: 100% !important;
}

/* respo */
.col-1 {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
}

.col-2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.col-3 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

table.prices {
  margin-top: 20px;
}
table.prices td {
  padding: 5px;
  font-size: 14px;
}
table.prices td.subtitle {
  font-weight: bold;
}
table.prices td.rightalign {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
table.prices td.textindent {
  text-indent: 1em;
}
table.prices td.price {
  width: 20%;
  min-width: 70px;
  font-size: 16px;
}
table.prices td.parts {
  display: inline-block;
  padding: 5px 10px !important;
  border: 1px solid #e6976a;
  border-radius: 7px;
  font-size: 12px !important;
}

.single h1.entry-title,
.archive h1.entry-title {
  margin: 10px 0;
  font-size: 20px;
  font-weight: 800;
}
.single h2.entry-title,
.archive h2.entry-title {
  margin: 10px 0;
  font-size: 20px;
  font-weight: 800;
}
.single .entry-content,
.archive .entry-content {
  margin-top: 40px !important;
}
.single .entry-content img,
.archive .entry-content img {
  border: 1px solid #e6976a;
}
.single .entry-content p,
.archive .entry-content p {
  margin: 30px 0;
}

section {
  width: calc(100% - 40px) !important;
  max-width: 920px;
  margin: 0 auto 60px auto !important;
}
section h2.section-header {
  width: 100%;
  margin-bottom: 40px;
  color: #e6976a;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 24px;
  font-family: "Copperplate", serif;
}
section h2.t-menu {
  display: inline;
  border-bottom: 2px solid #e6976a;
}
section h2.concept-title {
  width: 100%;
  margin-bottom: 40px;
  color: #1b1b1b;
  font-size: 20px;
  font-family: "Shippori Mincho B1", serif;
}

.center {
  width: 100%;
  display: grid;
  place-items: center;
}

a.white-link {
  /** ボタン初期化 */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #ffffff;
  color: #e6976a;
  font-size: 0.85rem;
  font-weight: 200;
  line-height: calc(0.85rem * 1);
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  border: 1px solid #ffffff;
  /** ボタン::afterに > を描画 */
}
a.white-link::after {
  content: "";
  position: relative;
  right: -15px;
  top: 0.2rem;
  width: 7px;
  height: 7px;
  border-right: 1px solid #e6976a;
  border-top: 1px solid #e6976a;
  transform: rotate(45deg);
}
a.white-link:hover {
  background: #e6976a;
  border: 1px solid #ffffff;
  color: #ffffff !important;
}
a.white-link:hover::after {
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
a.gold-link {
  /** ボタン初期化 */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #e6976a;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 200;
  line-height: calc(0.85rem * 1);
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  border: 1px solid #e6976a;
  /** ボタン::afterに > を描画 */
}
a.gold-link::after {
  content: "";
  position: relative;
  right: -15px;
  top: 0.2rem;
  width: 7px;
  height: 7px;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  transform: rotate(45deg);
}
a.gold-link:hover {
  background: #ffffff;
  border: 1px solid #e6976a;
  color: #e6976a !important;
}
a.gold-link:hover::after {
  border-right: 1px solid #e6976a;
  border-top: 1px solid #e6976a;
}
@media screen and (min-width: 768px) {
  a.gold-link {
    max-width: 335px;
  }
}

.privacy {
  margin-bottom: 40px;
}
.privacy h2 {
  margin: 30px 0;
  width: 100%;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25rem;
}
.privacy p {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 400;
  line-height: calc(14px * 2);
}

#normal-top {
  position: relative;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  margin-bottom: 80px;
  display: grid;
  place-items: center;
  border-top: 4px solid #e6976a;
  border-bottom: 4px solid #e6976a;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-image: url(assets/img/normal-header.jpg);
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
}
#normal-top h1 {
  display: inline-block;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  color: #e6976a;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 24px;
  font-family: "Copperplate", serif;
}

.l-home #top {
  position: relative;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin-bottom: 80px;
  /*
  background: {
    image: url(assets/img/top1.jpg);
    size: cover;
    position: center;
    repeat: no-repeat;
  }
  */
  /* スライダー全体 */
  /* スライダー画像 */
}
@media screen and (min-width: 768px) {
  .l-home #top {
    max-width: 100%;
    height: 100vh;
    margin: 0 auto 160px auto;
  }
}
.l-home #top .slider {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: #000;
}
.l-home #top .slider .image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.l-home #top .slider .image:nth-of-type(1) {
  background-image: url(assets/img/top1.jpg);
}
@media screen and (min-width: 768px) {
  .l-home #top .slider .image:nth-of-type(1) {
    background-image: url(assets/img/top1pc.jpg);
  }
}
.l-home #top .slider .image:nth-of-type(2) {
  animation-delay: 5s;
  background-image: url(assets/img/top2.jpg);
}
@media screen and (min-width: 768px) {
  .l-home #top .slider .image:nth-of-type(2) {
    background-image: url(assets/img/top2pc.jpg);
  }
}
.l-home #top .slider .image:nth-of-type(3) {
  animation-delay: 10s;
  background-image: url(assets/img/top3.jpg);
}
@media screen and (min-width: 768px) {
  .l-home #top .slider .image:nth-of-type(3) {
    background-image: url(assets/img/top3pc.jpg);
  }
}
.l-home #top .slider .image {
  animation-name: anime;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-duration: 15s; /* ①で設定したanimation-delayを合計を挿入 */
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}
.l-home #top .post {
  position: absolute;
  bottom: 240px;
  right: 20px;
  z-index: 1000;
}
.l-home #top .post img {
  margin: 0 auto;
}
.l-home #top .post label {
  color: white;
}
.l-home #top .btns {
  position: relative;
  top: 32.5vh;
  z-index: 1000;
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}
.l-home #top .btns a.top-btn {
  display: grid;
  place-items: center;
  width: 180px;
  height: 48px;
  margin-bottom: 30px;
  border-radius: 24px;
  background: rgba(230, 151, 106, 0.85);
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 1px;
}
.l-home #top .btns a.top-btn:last-child {
  margin-bottom: 0;
}
.l-home #top .top-logo {
  position: absolute;
  z-index: 100;
  bottom: 120px;
  left: 20px;
  width: 120px;
  height: 180px;
  opacity: 0.75;
  background-image: url(assets/img/top-logo.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .l-home #top .top-logo {
    width: 180px;
    height: 270px;
    bottom: 20px;
  }
}
.l-home #top .top-copy {
  position: absolute;
  z-index: 100;
  bottom: 130px;
  right: 20px;
  color: #ffffff;
  text-align: right;
  font-family: "Shippori Mincho B1", serif;
  font-size: 18px;
}
.l-home #top .top-copy span {
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .l-home #top .top-copy {
    bottom: 40px;
    right: 40px;
    color: #ffffff;
    text-align: right;
    font-family: "Shippori Mincho B1", serif;
    font-size: 24px;
  }
  .l-home #top .top-copy span {
    font-size: 14px;
  }
}
.l-home #concept .col-block {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l-home #concept .col-block {
    width: 47.5%;
  }
}
.l-home #concept .col-block.img {
  height: 240px;
  margin-bottom: 40px;
  border: 1px solid #e6976a;
  background-image: url(assets/img/concept-theme.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .l-home #concept .col-block.img {
    height: 360px;
  }
}
.l-home #feature {
  background-image: url(assets/img/feature-theme.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.l-home #feature .feature-items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .l-home #feature .feature-items {
    margin-bottom: 60px;
  }
}
.l-home #feature .feature-items .feature-img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l-home #feature .feature-items .feature-img {
    width: 57.5%;
  }
}
.l-home #feature .feature-items .feature-txt {
  display: grid;
  place-items: center;
  position: relative;
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #e6976a;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .l-home #feature .feature-items .feature-txt {
    width: 42.5%;
  }
}
.l-home #feature .feature-items .feature-txt:last-child {
  margin-bottom: 0;
}
.l-home #feature .feature-items .feature-txt h5.feature-title {
  position: relative;
  top: -23px;
  padding: 10px 15px 7px 15px;
  width: fit-content;
  width: -moz-fit-content;
  background: #ffffff;
  border: 1px solid #e6976a;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
  color: #e6976a;
  font-size: 16px;
  font-family: "Copperplate", serif;
  font-weight: 700;
}
.l-home #feature .feature-items .feature-txt p {
  padding: 0 15px 30px 15px;
}
.l-home .announces {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.l-home .announces .announce-item {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .l-home .announces .announce-item {
    width: 47.5%;
  }
}
.l-home .announces .announce-item img {
  width: 100%;
  border: 1px solid #bbbcbc;
  margin-bottom: 20px;
}
.l-home .announces .announce-item .announce-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
}
.l-home .announces .announce-item .announce-header p.announce-date {
  margin-right: 12px;
  color: #bbbcbc;
  font-size: 14px;
  font-weight: lighter;
}
.l-home .announces .announce-item .announce-header p.announce-title {
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 400;
}
.l-home h3 {
  color: #1b1b1b;
  margin-top: 2.2906835em;
  font-size: 17px;
  font-weight: bold;
}
.l-home iframe {
  border: 1px solid #e6976a;
  margin-bottom: 40px;
}
.l-home .telenumber,
.l-home .businesshours {
  margin-bottom: 10px;
  color: #004c97;
  font-size: 28px;
  font-weight: 900;
}
.l-home .telenumber i,
.l-home .businesshours i {
  margin-right: 10px;
}
.l-home .telenumber a,
.l-home .businesshours a {
  text-decoration: none;
}

#myaccount-page {
  width: calc(100% - 40px) !important;
  max-width: 920px;
  margin: 0 auto 60px auto !important;
  padding-bottom: 40px;
  overflow: auto;
}
#myaccount-page h1 {
  padding: 20px 0;
  text-align: center;
  letter-spacing: 1px;
  color: #1b1b1b;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: calc(1.25rem * 1.5);
}
#myaccount-page nav.myaccount-navigation {
  width: 100%;
  padding-bottom: 40px;
}
#myaccount-page nav.myaccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
}
#myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #d7dcdb;
}
#myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
  display: block;
  padding: 17px 20px !important;
  background: #ffffff;
  transition-duration: 0.5s;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::before {
  display: none;
  width: 0;
  content: "";
}
#myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
  margin-top: -4px;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  transform: rotate(45deg);
}
#myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
  background: #e6976a;
  color: #ffffff !important;
}
#myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover::after {
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
@media screen and (min-width: 768px) {
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    padding: 17px 20px !important;
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
    right: 10px;
  }
}
#myaccount-page .myaccount-content,
#myaccount-page .woocommerce {
  /*
  a.button,
  button[type="submit"] {
  	*/
  /*
  .woocommerce_account_subscriptions {
  	&::before {
  		content: "契約情報";
  		display: block;
  		padding: $edge 0;
  		@include l_font($black, 1rem, 700, 1);
  	}
  }
  */
  /** アカウント情報 */
}
#myaccount-page .myaccount-content #billing_country_field,
#myaccount-page .myaccount-content #select2-billing_state-container,
#myaccount-page .myaccount-content #update_all_subscriptions_addresses_field,
#myaccount-page .woocommerce #billing_country_field,
#myaccount-page .woocommerce #select2-billing_state-container,
#myaccount-page .woocommerce #update_all_subscriptions_addresses_field {
  display: none;
}
#myaccount-page .myaccount-content h2,
#myaccount-page .myaccount-content h3,
#myaccount-page .woocommerce h2,
#myaccount-page .woocommerce h3 {
  padding: 20px 0;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 700;
  line-height: calc(1rem * 1.5);
}
#myaccount-page .myaccount-content h2 span.caption-require,
#myaccount-page .myaccount-content h3 span.caption-require,
#myaccount-page .woocommerce h2 span.caption-require,
#myaccount-page .woocommerce h3 span.caption-require {
  color: #c84b64;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: calc(0.75rem * 1.5);
}
#myaccount-page .myaccount-content p,
#myaccount-page .woocommerce p {
  padding-bottom: 20px;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 2);
}
#myaccount-page .myaccount-content p mark,
#myaccount-page .woocommerce p mark {
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: calc(0.85rem * 2);
}
#myaccount-page .myaccount-content a,
#myaccount-page .woocommerce a {
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content button.woocommerce-Button.button,
#myaccount-page .myaccount-content button.button,
#myaccount-page .myaccount-content a.button,
#myaccount-page .myaccount-content a.edit,
#myaccount-page .woocommerce button.woocommerce-Button.button,
#myaccount-page .woocommerce button.button,
#myaccount-page .woocommerce a.button,
#myaccount-page .woocommerce a.edit {
  -webkit-appearance: none;
  border-radius: 0;
  border-style: none;
  /** ボタン初期化 */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #e6976a;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 200;
  line-height: calc(0.85rem * 1);
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  border: 1px solid #e6976a;
  /** ボタン::afterに > を描画 */
  margin: 40px auto 0 auto;
  width: 100%;
  max-width: 335px;
}
#myaccount-page .myaccount-content button.woocommerce-Button.button:hover,
#myaccount-page .myaccount-content button.button:hover,
#myaccount-page .myaccount-content a.button:hover,
#myaccount-page .myaccount-content a.edit:hover,
#myaccount-page .woocommerce button.woocommerce-Button.button:hover,
#myaccount-page .woocommerce button.button:hover,
#myaccount-page .woocommerce a.button:hover,
#myaccount-page .woocommerce a.edit:hover {
  background: #ffffff;
  border: 1px solid #e6976a;
  color: #e6976a !important;
}
#myaccount-page .myaccount-content a.edit,
#myaccount-page .woocommerce a.edit {
  margin-bottom: 60px;
}
#myaccount-page .myaccount-content .woocommerce-pagination,
#myaccount-page .woocommerce .woocommerce-pagination {
  margin-top: 40px;
  overflow: auto;
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--next,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--next {
  /** リセット */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  float: right;
  padding: 15px 0 !important;
  width: 47.5%;
  height: auto;
  background: #ffffff;
  border: 1px solide #1b1b1b;
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--next::before, #myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--next::after,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--next::before,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--next::after {
  content: "";
  margin: 0 !important;
  padding: 0 !important;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--next::after,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--next::after {
  position: relative;
  right: -15px;
  top: 4px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  transform: rotate(45deg);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--next:hover,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--next:hover {
  background: #1b1b1b;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--next:hover::after,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--next:hover::after {
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  transform: rotate(45deg);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--previous,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--previous {
  /** リセット */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  float: left;
  padding: 15px 0 !important;
  width: 47.5%;
  height: auto;
  background: #ffffff;
  border: 1px solide #1b1b1b;
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--previous::before, #myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--previous::after,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--previous::before,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--previous::after {
  content: "";
  margin: 0 !important;
  padding: 0 !important;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--previous::before,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--previous::before {
  position: relative;
  left: -15px;
  top: 4px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  transform: rotate(-135deg);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--previous:hover,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--previous:hover {
  background: #1b1b1b;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content .woocommerce-pagination a.woocommerce-Button--previous:hover::before,
#myaccount-page .woocommerce .woocommerce-pagination a.woocommerce-Button--previous:hover::before {
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  transform: rotate(-135deg);
}
#myaccount-page .myaccount-content .dashboard h1.welcome-message,
#myaccount-page .woocommerce .dashboard h1.welcome-message {
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 700;
  line-height: calc(1rem * 1);
  width: auto;
  padding-top: 25px;
  text-align: left;
  letter-spacing: 1px;
}
#myaccount-page .myaccount-content .dashboard .user-schedules-toggle,
#myaccount-page .woocommerce .dashboard .user-schedules-toggle {
  margin: 20px 0;
  cursor: pointer;
  pointer-events: auto;
}
#myaccount-page .myaccount-content .dashboard .user-schedules-toggle h2.user-schedules-title,
#myaccount-page .woocommerce .dashboard .user-schedules-toggle h2.user-schedules-title {
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding: 15px 20px !important;
  border-bottom: 2px solid #d7dcdb;
  background: #f3f3f3;
  color: #1b1b1b;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: calc(0.9rem * 1);
}
#myaccount-page .myaccount-content .dashboard .user-schedules-toggle h2.user-schedules-title i,
#myaccount-page .woocommerce .dashboard .user-schedules-toggle h2.user-schedules-title i {
  position: absolute;
  right: 20px;
  font-size: 1rem;
  font-weight: bold;
}
#myaccount-page .myaccount-content .dashboard .user-schedules,
#myaccount-page .woocommerce .dashboard .user-schedules {
  display: none;
  padding: 20px 0;
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule h3.user-schedules-roomname,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule h3.user-schedules-roomname {
  display: inline-block;
  padding: 10px;
  color: #1b1b1b;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: calc(0.8rem * 1);
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule h3.user-schedules-roomname.app,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule h3.user-schedules-roomname.app {
  border-left: 5px solid #1b1b1b;
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule h3.user-schedules-roomname.past,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule h3.user-schedules-roomname.past {
  border-left: 5px solid #d7dcdb;
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule table.user-schedule-table,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule table.user-schedule-table {
  margin: 10px 0 20px 0 !important;
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule table.user-schedule-table th,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule table.user-schedule-table th {
  text-align: center;
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule table.user-schedule-table th.case-id,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule table.user-schedule-table th.case-id {
  width: 60px;
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule table.user-schedule-table th.case-day,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule table.user-schedule-table th.case-day {
  width: 33%;
}
#myaccount-page .myaccount-content .dashboard .user-schedules .user-schedule table.user-schedule-table td,
#myaccount-page .woocommerce .dashboard .user-schedules .user-schedule table.user-schedule-table td {
  text-align: center;
}
#myaccount-page .myaccount-content header.mypoints-header,
#myaccount-page .woocommerce header.mypoints-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
#myaccount-page .myaccount-content header.mypoints-header h2,
#myaccount-page .woocommerce header.mypoints-header h2 {
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
#myaccount-page .myaccount-content header.mypoints-header h2 span.mypoints,
#myaccount-page .woocommerce header.mypoints-header h2 span.mypoints {
  color: #1b1b1b;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(1.5rem * 1);
}
#myaccount-page .myaccount-content header.mypoints-header a,
#myaccount-page .woocommerce header.mypoints-header a {
  text-decoration: underline !important;
}
#myaccount-page .myaccount-content td a.button.cancel,
#myaccount-page .myaccount-content td a.button.delete,
#myaccount-page .myaccount-content td a.button.default,
#myaccount-page .myaccount-content td a.woocommerce-button,
#myaccount-page .myaccount-content td a.button.change_payment_method,
#myaccount-page .myaccount-content td a.button.reactivate,
#myaccount-page .myaccount-content td a.button.subscription_renewal_early,
#myaccount-page .woocommerce td a.button.cancel,
#myaccount-page .woocommerce td a.button.delete,
#myaccount-page .woocommerce td a.button.default,
#myaccount-page .woocommerce td a.woocommerce-button,
#myaccount-page .woocommerce td a.button.change_payment_method,
#myaccount-page .woocommerce td a.button.reactivate,
#myaccount-page .woocommerce td a.button.subscription_renewal_early {
  width: 100%;
  margin: 5px 0 !important;
  padding: 15px 0 !important;
  background-color: #ffffff;
  border: 1px solid #1b1b1b;
  color: #1b1b1b;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: calc(0.75rem * 1);
}
#myaccount-page .myaccount-content td a.button.cancel:hover,
#myaccount-page .myaccount-content td a.button.delete:hover,
#myaccount-page .myaccount-content td a.button.default:hover,
#myaccount-page .myaccount-content td a.woocommerce-button:hover,
#myaccount-page .myaccount-content td a.button.change_payment_method:hover,
#myaccount-page .myaccount-content td a.button.reactivate:hover,
#myaccount-page .myaccount-content td a.button.subscription_renewal_early:hover,
#myaccount-page .woocommerce td a.button.cancel:hover,
#myaccount-page .woocommerce td a.button.delete:hover,
#myaccount-page .woocommerce td a.button.default:hover,
#myaccount-page .woocommerce td a.woocommerce-button:hover,
#myaccount-page .woocommerce td a.button.change_payment_method:hover,
#myaccount-page .woocommerce td a.button.reactivate:hover,
#myaccount-page .woocommerce td a.button.subscription_renewal_early:hover {
  color: #ffffff;
  background: #1b1b1b;
}
#myaccount-page .myaccount-content .woocommerce-Address,
#myaccount-page .woocommerce .woocommerce-Address {
  padding: 0;
}
#myaccount-page .myaccount-content table,
#myaccount-page .woocommerce table {
  display: table;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  box-shadow: 0 1.5rem 1rem -1rem rgba(200, 200, 200, 0.4);
  border-radius: 3px;
  /** マイポイント */
  /** 契約情報一覧 */
  /** 契約情報 */
  /** 契約情報 サブスクリプションの合計 */
  /** 契約情報 関連する注文 */
  /** 支払い方法の変更 */
  /** 注文履歴 */
  /** ご注文詳細 */
  /** ご注文詳細 関連する定期購読 */
  /** お支払いカード */
}
#myaccount-page .myaccount-content table.shop_table.my_account_points_rewards.my_account_orders,
#myaccount-page .woocommerce table.shop_table.my_account_points_rewards.my_account_orders {
  max-width: 100%;
}
#myaccount-page .myaccount-content table.my_account_subscriptions.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions.shop_table.shop_table_responsive.woocommerce-orders-table--subscriptions,
#myaccount-page .woocommerce table.my_account_subscriptions.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions.shop_table.shop_table_responsive.woocommerce-orders-table--subscriptions {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  display: block;
}
#myaccount-page .myaccount-content table.shop_table.subscription_details,
#myaccount-page .woocommerce table.shop_table.subscription_details {
  max-width: 100%;
  /*
  &::before {
  	content: "契約情報";
  	display: block;
  	padding: $edge 0;
  	@include l_font($black, 1rem, 700, 1);
  }
  */
}
#myaccount-page .myaccount-content table.shop_table.subscription_details td,
#myaccount-page .woocommerce table.shop_table.subscription_details td {
  width: 35%;
  background: #d7dcdb;
  color: #1b1b1b;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: calc(0.8rem * 1);
}
#myaccount-page .myaccount-content table.shop_table.subscription_details td:last-child,
#myaccount-page .woocommerce table.shop_table.subscription_details td:last-child {
  width: 65%;
  overflow-wrap: break-word;
  background: #f3f3f3;
  color: #1b1b1b;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: calc(0.8rem * 1.5);
}
#myaccount-page .myaccount-content table.shop_table.order_details,
#myaccount-page .woocommerce table.shop_table.order_details {
  max-width: 100%;
}
#myaccount-page .myaccount-content table.shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders,
#myaccount-page .woocommerce table.shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-orders.woocommerce-orders-table--orders {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  display: block;
}
#myaccount-page .myaccount-content table.shop_table,
#myaccount-page .woocommerce table.shop_table {
  max-width: 335px;
  margin: 0 auto;
}
#myaccount-page .myaccount-content table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table,
#myaccount-page .woocommerce table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  display: block;
  /*
  &::before {
  	content: "ご注文";
  	display: block;
  	padding-bottom: $edge;
  	@include l_font($black, 1rem, 700, 1);
  }
  */
}
#myaccount-page .myaccount-content table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details,
#myaccount-page .woocommerce table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
  max-width: 100%;
}
#myaccount-page .myaccount-content table.shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions.woocommerce-orders-table--subscriptions,
#myaccount-page .woocommerce table.shop_table.shop_table_responsive.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions.woocommerce-orders-table--subscriptions {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  display: block;
}
#myaccount-page .myaccount-content table.woocommerce-MyAccount-paymentMethods.shop_table.shop_table_responsive.account-payment-methods-table,
#myaccount-page .woocommerce table.woocommerce-MyAccount-paymentMethods.shop_table.shop_table_responsive.account-payment-methods-table {
  max-width: 100%;
}
#myaccount-page .myaccount-content table tr,
#myaccount-page .woocommerce table tr {
  border-bottom: 1px solid #ffffff;
}
#myaccount-page .myaccount-content table tr:last-child,
#myaccount-page .woocommerce table tr:last-child {
  border-bottom: none;
}
#myaccount-page .myaccount-content table th,
#myaccount-page .woocommerce table th {
  padding: 20px 10px;
  background: #d7dcdb;
  border-right: 1px solid #ffffff;
  color: #1b1b1b;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: calc(0.8rem * 1);
  /** ポイント一覧 */
  /** サブスクリプション一覧 */
  /** サブスクリプション 詳細 */
  /** 注文履歴 */
  /** 支払い方法 */
}
#myaccount-page .myaccount-content table th:last-child,
#myaccount-page .woocommerce table th:last-child {
  border-right: none;
}
#myaccount-page .myaccount-content table th.points-rewards-event-description,
#myaccount-page .woocommerce table th.points-rewards-event-description {
  width: 37.5%;
}
#myaccount-page .myaccount-content table th.points-rewards-event-date,
#myaccount-page .woocommerce table th.points-rewards-event-date {
  width: 37.5%;
}
#myaccount-page .myaccount-content table th.points-rewards-event-points,
#myaccount-page .woocommerce table th.points-rewards-event-points {
  width: 25%;
}
#myaccount-page .myaccount-content table th.subscription-id,
#myaccount-page .woocommerce table th.subscription-id {
  width: 80px;
}
#myaccount-page .myaccount-content table th.subscription-status,
#myaccount-page .woocommerce table th.subscription-status {
  width: 100px;
}
#myaccount-page .myaccount-content table th.subscription-next-payment,
#myaccount-page .woocommerce table th.subscription-next-payment {
  width: 100px;
}
#myaccount-page .myaccount-content table th.subscription-total,
#myaccount-page .woocommerce table th.subscription-total {
  width: 100px;
}
#myaccount-page .myaccount-content table th.subscription-actions, #myaccount-page .myaccount-content table th.woocommerce-orders-table__header-order-actions,
#myaccount-page .woocommerce table th.subscription-actions,
#myaccount-page .woocommerce table th.woocommerce-orders-table__header-order-actions {
  width: 180px;
}
#myaccount-page .myaccount-content table th.product-name,
#myaccount-page .woocommerce table th.product-name {
  width: 50%;
}
#myaccount-page .myaccount-content table th.product-total,
#myaccount-page .woocommerce table th.product-total {
  width: 50%;
}
#myaccount-page .myaccount-content table th.woocommerce-orders-table__header-order-number,
#myaccount-page .woocommerce table th.woocommerce-orders-table__header-order-number {
  width: 80px;
}
#myaccount-page .myaccount-content table th.woocommerce-orders-table__header-order-date,
#myaccount-page .woocommerce table th.woocommerce-orders-table__header-order-date {
  width: 100px;
}
#myaccount-page .myaccount-content table th.woocommerce-orders-table__header-order-status,
#myaccount-page .woocommerce table th.woocommerce-orders-table__header-order-status {
  width: 100px;
}
#myaccount-page .myaccount-content table th.woocommerce-orders-table__header-order-total,
#myaccount-page .woocommerce table th.woocommerce-orders-table__header-order-total {
  width: 100px;
}
#myaccount-page .myaccount-content table th.woocommerce-orders-table__header-order-actions,
#myaccount-page .woocommerce table th.woocommerce-orders-table__header-order-actions {
  width: 220px;
}
#myaccount-page .myaccount-content table th.payment-method-method,
#myaccount-page .woocommerce table th.payment-method-method {
  width: 30%;
}
#myaccount-page .myaccount-content table th.payment-method-expires,
#myaccount-page .woocommerce table th.payment-method-expires {
  width: 20%;
}
#myaccount-page .myaccount-content table th.payment-method-actions,
#myaccount-page .woocommerce table th.payment-method-actions {
  width: 50%;
}
#myaccount-page .myaccount-content table td,
#myaccount-page .woocommerce table td {
  padding: 20px 10px;
  background: #f3f3f3;
  border-right: 1px solid #ffffff;
  color: #1b1b1b;
  color: #1b1b1b;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: calc(0.8rem * 1);
}
#myaccount-page .myaccount-content table td:last-child,
#myaccount-page .woocommerce table td:last-child {
  border-right: none;
}
#myaccount-page .myaccount-content table td.points-rewards-event-points,
#myaccount-page .woocommerce table td.points-rewards-event-points {
  text-align: right;
}
#myaccount-page .myaccount-content table td.subscription-actions, #myaccount-page .myaccount-content table td.order-actions, #myaccount-page .myaccount-content table td.woocommerce-orders-table__cell-order-actions,
#myaccount-page .woocommerce table td.subscription-actions,
#myaccount-page .woocommerce table td.order-actions,
#myaccount-page .woocommerce table td.woocommerce-orders-table__cell-order-actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
#myaccount-page .myaccount-content table td.subscription-actions a, #myaccount-page .myaccount-content table td.order-actions a, #myaccount-page .myaccount-content table td.woocommerce-orders-table__cell-order-actions a,
#myaccount-page .woocommerce table td.subscription-actions a,
#myaccount-page .woocommerce table td.order-actions a,
#myaccount-page .woocommerce table td.woocommerce-orders-table__cell-order-actions a {
  display: block;
  text-align: center;
  min-width: 95px;
}
#myaccount-page .myaccount-content form.edit-account,
#myaccount-page .myaccount-content form .woocommerce-address-fields,
#myaccount-page .woocommerce form.edit-account,
#myaccount-page .woocommerce form .woocommerce-address-fields {
  position: relative;
  margin-bottom: 40px;
}
#myaccount-page .myaccount-content form.edit-account p,
#myaccount-page .myaccount-content form.edit-account label,
#myaccount-page .myaccount-content form .woocommerce-address-fields p,
#myaccount-page .myaccount-content form .woocommerce-address-fields label,
#myaccount-page .woocommerce form.edit-account p,
#myaccount-page .woocommerce form.edit-account label,
#myaccount-page .woocommerce form .woocommerce-address-fields p,
#myaccount-page .woocommerce form .woocommerce-address-fields label {
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 0.85rem;
}
#myaccount-page .myaccount-content form.edit-account p abbr.required,
#myaccount-page .myaccount-content form.edit-account label abbr.required,
#myaccount-page .myaccount-content form .woocommerce-address-fields p abbr.required,
#myaccount-page .myaccount-content form .woocommerce-address-fields label abbr.required,
#myaccount-page .woocommerce form.edit-account p abbr.required,
#myaccount-page .woocommerce form.edit-account label abbr.required,
#myaccount-page .woocommerce form .woocommerce-address-fields p abbr.required,
#myaccount-page .woocommerce form .woocommerce-address-fields label abbr.required {
  color: #c84b64;
}
#myaccount-page .myaccount-content form.edit-account fieldset,
#myaccount-page .myaccount-content form .woocommerce-address-fields fieldset,
#myaccount-page .woocommerce form.edit-account fieldset,
#myaccount-page .woocommerce form .woocommerce-address-fields fieldset {
  background: #ffffff !important;
}
#myaccount-page .myaccount-content form.edit-account legend,
#myaccount-page .myaccount-content form .woocommerce-address-fields legend,
#myaccount-page .woocommerce form.edit-account legend,
#myaccount-page .woocommerce form .woocommerce-address-fields legend {
  background: #ffffff !important;
  margin-left: 0 !important;
  padding: 20px 0;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}
#myaccount-page .myaccount-content form.edit-account p#billing_phone_field label abbr::after,
#myaccount-page .myaccount-content form .woocommerce-address-fields p#billing_phone_field label abbr::after,
#myaccount-page .woocommerce form.edit-account p#billing_phone_field label abbr::after,
#myaccount-page .woocommerce form .woocommerce-address-fields p#billing_phone_field label abbr::after {
  content: "（ハイフンなし）";
  display: inline-block;
  color: #c84b64;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: calc(0.75rem * 1.5);
  text-decoration: none !important;
  border: none !important;
}
#myaccount-page .myaccount-content form.edit-account p.form-row-first,
#myaccount-page .myaccount-content form.edit-account p.form-row-last,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row-first,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row-last,
#myaccount-page .woocommerce form.edit-account p.form-row-first,
#myaccount-page .woocommerce form.edit-account p.form-row-last,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row-first,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row-last {
  float: left !important;
  width: 145px;
  margin-right: 20px;
}
#myaccount-page .myaccount-content form.edit-account p.form-row-first label,
#myaccount-page .myaccount-content form.edit-account p.form-row-last label,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row-first label,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row-last label,
#myaccount-page .woocommerce form.edit-account p.form-row-first label,
#myaccount-page .woocommerce form.edit-account p.form-row-last label,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row-first label,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row-last label {
  display: inline-block;
}
#myaccount-page .myaccount-content form.edit-account p.form-row-first,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row-first,
#myaccount-page .woocommerce form.edit-account p.form-row-first,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row-first {
  margin-right: 45px !important;
}
#myaccount-page .myaccount-content form.edit-account p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide,
#myaccount-page .woocommerce form.edit-account p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide,
#myaccount-page .woocommerce form .woocommerce-address-fields p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
  clear: both;
}
#myaccount-page .myaccount-content form.edit-account p.form-row.form-row-wide,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row.form-row-wide,
#myaccount-page .woocommerce form.edit-account p.form-row.form-row-wide,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row.form-row-wide {
  clear: both;
}
#myaccount-page .myaccount-content form.edit-account p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper,
#myaccount-page .woocommerce form.edit-account p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper {
  position: relative;
}
#myaccount-page .myaccount-content form.edit-account p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper select,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper select,
#myaccount-page .woocommerce form.edit-account p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper select,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper select {
  width: 145px;
  padding-left: 1rem;
}
#myaccount-page .myaccount-content form.edit-account p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper::after,
#myaccount-page .myaccount-content form .woocommerce-address-fields p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper::after,
#myaccount-page .woocommerce form.edit-account p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper::after,
#myaccount-page .woocommerce form .woocommerce-address-fields p.form-row.form-row-last.address-field.validate-required.validate-state span.woocommerce-input-wrapper::after {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 0.85rem;
  font-family: "FontAwesome";
  content: "\f107";
  cursor: pointer;
  pointer-events: none;
}
#myaccount-page .myaccount-content form.edit-account label,
#myaccount-page .myaccount-content form .woocommerce-address-fields label,
#myaccount-page .woocommerce form.edit-account label,
#myaccount-page .woocommerce form .woocommerce-address-fields label {
  display: block;
  position: relative;
  top: 4px;
  padding-bottom: 10px;
}
#myaccount-page .myaccount-content form.edit-account label span.required,
#myaccount-page .myaccount-content form .woocommerce-address-fields label span.required,
#myaccount-page .woocommerce form.edit-account label span.required,
#myaccount-page .woocommerce form .woocommerce-address-fields label span.required {
  color: #c84b64;
}
#myaccount-page .myaccount-content form.edit-account input,
#myaccount-page .myaccount-content form .woocommerce-address-fields input,
#myaccount-page .woocommerce form.edit-account input,
#myaccount-page .woocommerce form .woocommerce-address-fields input {
  max-width: 335px !important;
}
#myaccount-page .myaccount-content form.edit-account input.woocommerce-Input--password,
#myaccount-page .myaccount-content form .woocommerce-address-fields input.woocommerce-Input--password,
#myaccount-page .woocommerce form.edit-account input.woocommerce-Input--password,
#myaccount-page .woocommerce form .woocommerce-address-fields input.woocommerce-Input--password {
  width: 335px !important;
}
#myaccount-page .myaccount-content form.edit-account em,
#myaccount-page .myaccount-content form .woocommerce-address-fields em,
#myaccount-page .woocommerce form.edit-account em,
#myaccount-page .woocommerce form .woocommerce-address-fields em {
  display: block;
  padding-top: 10px;
  color: #9fa0a0;
  font-size: 0.7rem;
  font-weight: 400;
}
#myaccount-page .myaccount-content form.edit-account fieldset,
#myaccount-page .myaccount-content form .woocommerce-address-fields fieldset,
#myaccount-page .woocommerce form.edit-account fieldset,
#myaccount-page .woocommerce form .woocommerce-address-fields fieldset {
  margin-bottom: 20px;
  max-width: 335px;
}
#myaccount-page .myaccount-content form.edit-account span.show-password-input,
#myaccount-page .myaccount-content form .woocommerce-address-fields span.show-password-input,
#myaccount-page .woocommerce form.edit-account span.show-password-input,
#myaccount-page .woocommerce form .woocommerce-address-fields span.show-password-input {
  position: absolute;
  display: inline-block;
  padding: 13px;
}
#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address {
  width: 100% !important;
  padding: 20px 0;
}
#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address header.woocommerce-Address-title.title,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address header.woocommerce-Address-title.title {
  position: relative;
}
#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address header.woocommerce-Address-title.title h3,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address header.woocommerce-Address-title.title h3 {
  width: 100%;
  padding-bottom: 0;
}
#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address header.woocommerce-Address-title.title a,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address header.woocommerce-Address-title.title a {
  width: 100%;
  float: left;
}
#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address address,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address address {
  display: block;
  padding: 20px;
  margin-bottom: 60px;
  background: #f3f3f3;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1.25);
}
#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address address p.woocommerce-customer-details--phone,
#myaccount-page .myaccount-content .u-column1.col-1.woocommerce-Address address p.woocommerce-customer-details--email,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address address p.woocommerce-customer-details--phone,
#myaccount-page .woocommerce .u-column1.col-1.woocommerce-Address address p.woocommerce-customer-details--email {
  padding-bottom: 0 !important;
  line-height: 1rem;
}
#myaccount-page .myaccount-content .u-column2.col-2.woocommerce-Address,
#myaccount-page .woocommerce .u-column2.col-2.woocommerce-Address {
  display: none;
}

@media screen and (min-width: 768px) {
  #myaccount-page h1 {
    float: left;
    width: 27.5% !important;
    text-align: left;
  }
  #myaccount-page nav.myaccount-navigation {
    float: left;
    width: 27.5% !important;
    padding: 0;
  }
  #myaccount-page nav.myaccount-navigation h2 {
    padding: 0 0 22px 0;
  }
  #myaccount-page nav.myaccount-navigation ul {
    display: block;
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d7dcdb;
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 17px 20px !important;
    background: #ffffff;
    transition-duration: 0.5s;
    color: #1b1b1b;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: calc(0.85rem * 1);
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::before {
    display: none;
    width: 0;
    content: "";
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
    margin-top: -4px;
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #1b1b1b;
    border-top: 1px solid #1b1b1b;
    transform: rotate(45deg);
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
    background: #e6976a;
    color: #ffffff !important;
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover::after {
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    padding: 17px 20px !important;
  }
  #myaccount-page nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
    right: 10px;
  }
}
@media screen and (min-width: 768px) {
  #myaccount-page .woocommerce .myaccount-content {
    float: right;
    width: 65% !important;
    padding-bottom: 80px;
  }
  #myaccount-page .woocommerce .myaccount-content h1.welcome-message {
    width: 65% !important;
    padding: 0 0 40px 0 !important;
  }
  #myaccount-page button {
    margin: 40px 0 !important;
  }
}
.booking {
  width: calc(100% - 40px) !important;
  max-width: 920px;
  margin: 0 auto 60px auto !important;
  padding-bottom: 40px;
  overflow: auto;
}
.booking h1 {
  padding: 20px 0;
  text-align: center;
  letter-spacing: 1px;
  color: #1b1b1b;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: calc(1.25rem * 1.5);
}
.booking nav.myaccount-navigation {
  width: 100%;
  padding-bottom: 40px;
}
.booking nav.myaccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
}
.booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #d7dcdb;
}
.booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
  display: block;
  padding: 17px 20px !important;
  background: #ffffff;
  transition-duration: 0.5s;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
.booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::before {
  display: none;
  width: 0;
  content: "";
}
.booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
  margin-top: -4px;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  transform: rotate(45deg);
}
.booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
  background: #e6976a;
  color: #ffffff !important;
}
.booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover::after {
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
@media screen and (min-width: 768px) {
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    padding: 17px 20px !important;
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
    right: 10px;
  }
}
.booking article {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  overflow: auto;
}
.booking article .booking-msg {
  width: 100%;
  margin: 40px auto 20px auto;
  padding: 10px;
  border: 1px solid #e6976a;
  font-size: 0.85rem;
  max-width: 335px;
}
.booking article form.cpp_form {
  width: 100%;
}
.booking article form.cpp_form #fbuilder {
  /* 自動で吐き出される余計な要素を非表示 */
  clear: both;
  position: relative;
  display: block;
  height: auto;
  margin-top: 40px;
  /*****************/
  /** 予約確定ボタン **/
  /*****************/
}
.booking article form.cpp_form #fbuilder .ui-datepicker-inline {
  width: 100%;
  box-shadow: none;
}
.booking article form.cpp_form #fbuilder .fieldCalendarService {
  position: relative;
}
.booking article form.cpp_form #fbuilder .fieldCalendarService select.ahbfield_service {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
  border: 1px solid #d7dcdb !important;
  border-radius: 3px;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 400;
  line-height: calc(1rem * 2);
}
.booking article form.cpp_form #fbuilder .fieldCalendarService::after {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 0.85rem;
  font-family: "FontAwesome";
  content: "\f107";
  cursor: pointer;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields {
  color: #1b1b1b;
  padding-top: 20px;
  /******************************************************/
  /** カレンダーや予約時間表、必要ポイントが表示されるメインフィールド **/
  /******************************************************/
  /** エラ〜メッセージ */
  /** キャプション 3. 予約者情報の入力 */
  /****************************************/
  /** データベースからユーザーの保有ポイントを表示 **/
  /****************************************/
  /******************************************/
  /** メンタリング用のコメントフィールド、予約時は非表示 **/
  /******************************************/
  /******************/
  /** 予約者の会員ID **/
  /******************/
  /**************************/
  /** 未ログインと非購読者 警告 **/
  /**************************/
  /********************/
  /** 使用人数 select **/
  /********************/
  /******************/
  /** 使用者のお名前 **/
  /******************/
  /***************/
  /** 規約チェック **/
  /***************/
  /*****************/
  /** 貸出オプション **/
  /*****************/
}
.booking article form.cpp_form #fbuilder .fields label {
  display: block;
  padding: 10px 0;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
.booking article form.cpp_form #fbuilder .fields label span.r {
  color: #c84b64 !important;
}
.booking article form.cpp_form #fbuilder .fields input:focus,
.booking article form.cpp_form #fbuilder .fields select:focus,
.booking article form.cpp_form #fbuilder .fields textarea:focus {
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-main {
  /*
  .ahbfield_quantity_div {
    display: none;
    justify-content: flex-start;
    align-items: center;
    label.ahbfield_quantity_label {
      display: inline-block;
      padding: $edge 0 !important;
      border-left: none;
      @include l_font($black, 0.85rem, 400, 1);
    }
    select.ahbfield_quantity {
      display: inline-block;
      width: 60px;
      height: 30px;
      margin: 0 0 0 $edge !important;
      padding: 0 10px;
      border: 1px solid $silver !important;
      border-radius: 3px;
      @include l_font($black, 0.85rem, 700, 2);
      text-align: center;
    }
    &::after {
      position: relative;
      top: 2px;
      left: -22px;
      color: $black;
      font: {
        size: 0.85rem;
        family: "FontAwesome";
      }
      content: "\f107";
      cursor: pointer;
      pointer-events: none;
    }
  }
  */
  /**************/
  /** カレンダー **/
  /**************/
  /***************/
  /** 予約時間表  **/
  /***************/
  /******************/
  /** 使用ポイント表示 **/
  /******************/
}
.booking article form.cpp_form #fbuilder .fields.field-main label {
  display: block;
  margin: 10px 0;
  padding: 10px !important;
  border-left: 10px solid #e6976a;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 400;
  line-height: calc(1rem * 1);
  /*
  &.ahbfield_quantity_label {
  	display: block;
  }
  */
}
.booking article form.cpp_form #fbuilder .fields.field-main label span {
  display: block;
  padding: 10px 0 5px 0;
  color: #c84b64;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: calc(0.75rem * 1.25);
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker {
  clear: both;
  position: relative;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 0.85rem;
  /* カレンダーテーブル */
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev,
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
  width: 58px;
  height: 34px;
  background: #e6976a;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  text-decoration: none;
  transition-duration: 0.3s;
  cursor: pointer;
  pointer-events: auto;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev span,
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-next span {
  display: grid;
  place-items: center;
  padding: 10px 0;
  font-size: 0;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev span::before,
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-next span::before {
  text-shadow: none;
  font-family: "FontAwesome";
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 0.85rem;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:hover,
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header a.ui-datepicker-next:hover {
  background: #d7dcdb;
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  float: left;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span::before {
  content: "\f053";
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  float: right;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header .ui-datepicker-next span::before {
  content: "\f054";
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  width: calc(100% - 116px);
  height: 34px;
  margin: 0 auto;
  padding: 3px 0;
  background: #e6976a;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  text-align: center;
  text-shadow: none;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar {
  border-spacing: 0;
  width: 100%;
  border-collapse: separate;
  margin-bottom: 20px;
  /** カレンダーボディ */
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar thead th {
  padding: 5px 0 !important;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #d7dcdb;
  color: #1b1b1b;
  font-size: 0.7rem;
  font-weight: 200;
  line-height: calc(0.7rem * 1);
  /* 曜日セルの内のテキスト */
  /* 土曜日 */
  /* 日曜日 */
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar thead th span {
  text-transform: uppercase;
  padding: 5px 0;
  text-align: center;
  line-height: 24px;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar thead th:last-child {
  border-right: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar thead th:nth-child(6) span {
  color: blue;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar thead th:nth-child(7) span {
  color: red;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody {
  width: 100%;
  /* カレンダーセル　行 */
  /* カレンダーセル　列 */
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody tr {
  width: 100%;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody tr:last-child {
  border-bottom: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  /* 予約不可、過去のカレンダーセル */
  /* 定休日のカレンダーセル */
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td:last-child {
  border-right: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td span,
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td a {
  display: block;
  box-sizing: border-box;
  padding: 8px 0;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 0.85rem;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span.ui-state-default, .booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable a.ui-state-default {
  background: #fafafa;
  color: #d7dcdb;
  cursor: default;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td.invalidDate span.ui-state-default {
  background: #e6976a;
  color: #ffffff;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td a {
  cursor: pointer;
  pointer-events: auto;
  transition-duration: 0.3s;
  /* 通常のカレンダーセル */
  /* ホバーのカレンダーセル */
  /* 選択中のカレンダーセル */
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-default {
  background: #f3f3f3;
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-hover {
  background: #d7dcdb;
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-main .ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-active {
  background: #e6976a;
  color: #ffffff;
  position: relative;
  border: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] {
  /* セレクタ名の前方一致 */
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots {
  clear: both;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0 !important;
  margin: 0 !important;
  align-items: center;
  width: 100%;
  border: none;
  box-shadow: none;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 0.85rem;
  /*
  unavailableslot -> 過去のスロット 選択不可
  eventslot       -> イベントスロット 選択不可
  availableslot   -> 通常スロット 選択可
  choosen         -> 選択済みスロット 選択可
  autochoosen     -> 選択に伴って自動で選択されたスロット 選択不可
  approved        -> 予約済みスロット 選択不可
  */
  /** 全スロット共通 */
  /** 予約不可スロット */
  /** 先約による予約不可スロット */
  /** 現在のユーザー選択による予約不可スロット */
  /** 予約可スロット */
  /** 現在のユーザー選択による予約可スロット */
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .cap-date,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .cap-date {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 !important;
  background: #e6976a;
  color: #ffffff;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #ffffff;
  text-align: center;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .cap-minutes,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .cap-minutes {
  width: 100%;
  margin: 0 !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1px;
  padding: 0 !important;
  border: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .cap-minutes .cap-clock,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .cap-minutes .cap-clock {
  box-sizing: border-box;
  display: block;
  width: 12%;
  height: 34px;
  padding: 10px 0;
  background: #e6976a;
  border: none;
  text-align: center;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .cap-minutes p,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .cap-minutes p {
  box-sizing: border-box;
  display: block;
  width: 22%;
  height: 34px;
  padding: 10px 0;
  background: #d7dcdb;
  color: #1b1b1b;
  text-align: center;
  border-left: 1px solid #ffffff;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 0.85rem;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .cap-hour,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .cap-hour {
  display: block;
  width: 12%;
  height: auto;
  float: left;
  margin: 0 !important;
  margin-bottom: 1px;
  border: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .cap-hour p,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .cap-hour p {
  display: block;
  box-sizing: border-box;
  padding: 15px 0;
  background: #d7dcdb;
  color: #1b1b1b;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 0.85rem;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .unavailableslot,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .choosen,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .approved,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .htmlUsed,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .unavailableslot,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .choosen,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .approved,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .htmlUsed {
  /** 残り数と単価を非表示にしている */
  display: block;
  width: 25%;
  height: auto;
  float: left;
  margin: 0 0 1px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .unavailableslot span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .choosen span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .approved span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .htmlUsed span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .unavailableslot span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .choosen span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .approved span.ahb_slot_availability,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .htmlUsed span.ahb_slot_availability {
  display: none !important;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .unavailableslot a,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot a,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .choosen a,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .approved a,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .htmlUsed a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .unavailableslot a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .choosen a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .approved a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .htmlUsed a {
  display: block;
  box-sizing: border-box;
  padding: 15px 0;
  text-align: center;
  border-left: 1px solid #ffffff;
  text-decoration: none;
  font-size: 0.85rem;
  line-height: 1rem;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .unavailableslot a::before,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot a::before,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .choosen a::before,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .approved a::before,
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .htmlUsed a::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .unavailableslot a::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot a::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .choosen a::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .approved a::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .htmlUsed a::before {
  font-family: "FontAwesome";
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 0.85rem;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .unavailableslot a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .unavailableslot a {
  background: #fafafa;
  color: #d7dcdb;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .htmlUsed a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .htmlUsed a {
  background: #fafafa;
  color: #d7dcdb;
  cursor: default;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .htmlUsed.currentSelection a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .htmlUsed.currentSelection a {
  background: #e6976a;
  color: #ffffff;
  cursor: pointer;
  pointer-events: auto;
  /*
  &:hover {
  	background: $silver;
  	color: $black;
  }
  */
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot a {
  background: #f3f3f3;
  color: #1b1b1b;
  cursor: pointer;
  pointer-events: auto;
  transition-duration: 0.3s;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot a:hover,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot a:hover {
  background: #d7dcdb;
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot a:active,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot a:active {
  background: #d7dcdb;
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot.currentSelection a,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot.currentSelection a {
  background: #e6976a;
  color: #ffffff;
  cursor: pointer;
  pointer-events: auto;
  /*
  &:hover {
  	//background: $silver;
  	//color: $black;
  }
  */
}
.booking article form.cpp_form #fbuilder .fields.field-main div.slotsCalendar .slots .availableslot.currentSelection a::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=slotsCalendarfieldname] .slots .availableslot.currentSelection a::before {
  content: "\f111";
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] {
  clear: both;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .ahb_list,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .ahb_list {
  display: flex;
  flex-flow: column wrap;
  padding: 10px;
  background: #e6976a;
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 0.85rem;
  font-weight: normal;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .ahb_list .ahb_list_time::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .ahb_list .ahb_list_time::before {
  content: "ご予約日時：";
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .ahb_list .ahb_list_service,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .ahb_list .ahb_list_service {
  padding: 0 0 10px 0 !important;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .ahb_list .ahb_list_service::before,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .ahb_list .ahb_list_service::before {
  content: "施術メニュー：";
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .ahb_list a.cancel,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .ahb_list a.cancel {
  display: grid;
  place-items: center;
  padding: 5px 0;
  background: #e6976a !important;
  color: #ffffff !important;
  text-decoration: none;
  font-weight: bold;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .totalCost,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .totalCost {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition-duration: 0.3s;
  background: #1b1b1b !important;
  padding: 20px;
  border-bottom: 1px solid #ffffff;
  transition-duration: 0.3s;
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .totalCost span,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .totalCost span {
  display: inline-block;
  padding: 5px 0;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-main div.usedSlots .totalCost span.n,
.booking article form.cpp_form #fbuilder .fields.field-main [class^=usedSlotsfieldname] .totalCost span.n {
  color: #e6976a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(1.5rem * 1);
}
.booking article form.cpp_form #fbuilder .fields .dfield .cpefb_error.message {
  padding: 10px;
  color: #c84b64;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: calc(0.75rem * 1);
  background: #ffffff;
  border: 1px solid #c84b64;
}
.booking article form.cpp_form #fbuilder .fields.field-label {
  padding: 0 !important;
}
.booking article form.cpp_form #fbuilder .fields.field-label label {
  display: block;
  margin: 10px 0;
  padding: 10px !important;
  border-left: 10px solid #e6976a;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 400;
  line-height: calc(1rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-checkbox {
  padding: 0 !important;
}
.booking article form.cpp_form #fbuilder .fields.field-checkbox label {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.booking article form.cpp_form #fbuilder .fields.field-checkbox .dfield {
  padding: 10px 0;
}
.booking article form.cpp_form #fbuilder .fields.field-checkbox input {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  position: relative;
  border-radius: 0;
  border: 1px solid #1b1b1b;
  top: -1px;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.booking article form.cpp_form #fbuilder .fields.field-checkbox span.uh {
  margin-top: 10px;
  color: #c84b64 !important;
}
.booking article form.cpp_form #fbuilder .fields.field-staff {
  padding-top: 10px;
}
.booking article form.cpp_form #fbuilder .fields.field-staff label {
  display: block;
  margin: 10px 0;
  padding: 10px !important;
  border-left: 10px solid #e6976a;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 400;
  line-height: calc(1rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-staff .dfield {
  position: relative;
  width: 65%;
}
.booking article form.cpp_form #fbuilder .fields.field-staff .dfield select {
  position: relative;
  width: 100% !important;
  margin-top: 0 !important;
  padding-left: 0.75rem;
}
.booking article form.cpp_form #fbuilder .fields.field-staff .dfield select.required {
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-staff .dfield::after {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 0.85rem;
  font-family: "FontAwesome";
  content: "\f107";
  cursor: pointer;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields.field-comment {
  padding-top: 10px;
}
.booking article form.cpp_form #fbuilder .fields.field-comment .dfield {
  position: relative;
  width: 100%;
}
.booking article form.cpp_form #fbuilder .fields.field-comment .dfield textarea {
  position: relative;
  width: 100% !important;
  margin-top: 0 !important;
  padding: 0.75rem;
}
.booking article form.cpp_form #fbuilder .fields.field-caption {
  padding-top: 10px;
}
.booking article form.cpp_form #fbuilder .fields.field-caption label {
  display: block;
  margin: 10px 0;
  padding: 10px !important;
  border-left: 10px solid #e6976a;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 400;
  line-height: calc(1rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-caption label::after {
  content: "*は必須項目です";
  color: #c84b64;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: calc(0.75rem * 1);
  display: inline-block;
}
.booking article form.cpp_form #fbuilder .fields.field-caption .dfield {
  position: relative;
  width: 65%;
}
.booking article form.cpp_form #fbuilder .fields.field-caption .dfield select {
  position: relative;
  width: 100% !important;
  margin-top: 0 !important;
  padding-left: 0.75rem;
}
.booking article form.cpp_form #fbuilder .fields.field-caption .dfield select.required {
  color: #1b1b1b;
}
.booking article form.cpp_form #fbuilder .fields.field-caption .dfield::after {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 0.85rem;
  font-family: "FontAwesome";
  content: "\f107";
  cursor: pointer;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields.field-points {
  width: 100%;
  background: #d7dcdb;
  padding: 20px;
  margin: 0 !important;
}
.booking article form.cpp_form #fbuilder .fields.field-points label {
  float: left;
  display: block;
  width: auto;
  padding: 10px 0;
  color: #1b1b1b;
  letter-spacing: 0;
}
.booking article form.cpp_form #fbuilder .fields.field-points input:-moz-read-only {
  float: right;
  display: block;
  width: 80px !important;
  height: auto;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  background: transparent;
  border: none !important;
  text-align: right;
  color: #e6976a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(1.5rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-points input:read-only {
  float: right;
  display: block;
  width: 80px !important;
  height: auto;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  background: transparent;
  border: none !important;
  text-align: right;
  color: #e6976a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(1.5rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-points input:-moz-read-only::after {
  content: "ポイント";
  color: #e6976a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(1.5rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-points input:read-only::after {
  content: "ポイント";
  color: #e6976a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(1.5rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-points span.after-point {
  float: right;
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  color: #e6976a;
  text-align: right;
  color: #e6976a;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: calc(1.35rem * 1.25);
}
.booking article form.cpp_form #fbuilder .fields.field-mentaling, .booking article form.cpp_form #fbuilder .fields.field-userid {
  display: none !important;
}
.booking article form.cpp_form #fbuilder .fields.field-nickname {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.booking article form.cpp_form #fbuilder .fields.field-nickname label {
  width: 120px !important;
}
.booking article form.cpp_form #fbuilder .fields.field-nickname .dfield {
  width: calc(100% - 120px);
}
.booking article form.cpp_form #fbuilder .fields.field-nickname .dfield input:-moz-read-only {
  width: 100%;
  min-width: 215px !important;
  height: auto;
  border: none !important;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 700;
  line-height: calc(1rem * 1);
  margin-top: 0;
  padding: 10px 0;
}
.booking article form.cpp_form #fbuilder .fields.field-nickname .dfield input:read-only {
  width: 100%;
  min-width: 215px !important;
  height: auto;
  border: none !important;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 700;
  line-height: calc(1rem * 1);
  margin-top: 0;
  padding: 10px 0;
}
.booking article form.cpp_form #fbuilder .fields span.not-subscriber {
  display: block;
  padding: 5px 0;
  color: #c84b64;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: calc(0.85rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-usercount {
  clear: both;
  display: flex;
  align-items: center;
}
.booking article form.cpp_form #fbuilder .fields.field-usercount select {
  width: 80px;
  margin: 0 0 0 20px;
  padding-left: 1rem;
}
.booking article form.cpp_form #fbuilder .fields.field-usercount::after {
  position: relative;
  top: 2px;
  left: -25px;
  font-size: 0.85rem;
  font-family: "FontAwesome";
  content: "\f107";
  cursor: pointer;
  pointer-events: none;
}
.booking article form.cpp_form #fbuilder .fields.field-members textarea {
  padding: 10px;
}
.booking article form.cpp_form #fbuilder .fields.field-members textarea:focus {
  outline: 1px none #1b1b1b !important;
}
.booking article form.cpp_form #fbuilder .fields.field-accept input {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  position: relative;
  border-radius: 0;
  border: 1px solid #1b1b1b;
  top: -1px;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.booking article form.cpp_form #fbuilder .fields.field-accept span a {
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: calc(0.85rem * 1);
  text-decoration: underline !important;
}
.booking article form.cpp_form #fbuilder .fields.field-rent .dfield {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.booking article form.cpp_form #fbuilder .fields.field-rent .dfield .one_column {
  margin-right: 20px;
}
.booking article form.cpp_form #fbuilder .fields.field-rent .dfield .one_column label {
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: calc(0.85rem * 1);
}
.booking article form.cpp_form #fbuilder .fields.field-rent .dfield .one_column label input {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  position: relative;
  border-radius: 0;
  border: 1px solid #1b1b1b;
  top: -1px;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.booking article form.cpp_form #fbuilder .pbSubmit {
  margin: 40px auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #f3f3f3;
  color: #d7dcdb;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1);
  cursor: default;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .booking article form.cpp_form #fbuilder .pbSubmit {
    max-width: 335px;
  }
}
.booking article form.cpp_form #fbuilder .pbSubmit::before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 1rem;
}
.booking article form.cpp_form #fbuilder .pbSubmit::after {
  content: "";
}
.booking article form.cpp_form #fbuilder .pbSubmit.active {
  /** ボタン初期化 */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #e6976a;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 200;
  line-height: calc(0.85rem * 1);
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  border: 1px solid #e6976a;
  /** ボタン::beforeにアイコンを描画 */
  cursor: pointer;
  pointer-events: auto;
}
.booking article form.cpp_form #fbuilder .pbSubmit.active::before {
  color: #ffffff;
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 1rem;
}
.booking article form.cpp_form #fbuilder .pbSubmit.active::after {
  content: "";
}
.booking article form.cpp_form #fbuilder .pbSubmit.active:hover {
  background: #ffffff;
  border: 1px solid #e6976a;
  color: #e6976a;
}
.booking article form.cpp_form #fbuilder .pbSubmit.active:hover::before {
  color: #e6976a;
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 1rem;
}
.booking article .btn-bottom-booking {
  clear: both;
  display: grid;
  place-items: center;
  width: 100%;
  height: 130px;
  margin-bottom: 40px;
  background: #ffffff;
}
.booking article .btn-bottom-booking a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #ffffff;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 200;
  line-height: calc(0.85rem * 1);
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  width: 100%;
  max-width: 335px;
  border: none;
}
.booking article .btn-bottom-booking a:hover {
  background: #1b1b1b;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  #booking-page .room-info {
    overflow: auto;
    float: left;
    width: calc(40% - 20px);
    padding: 20px 0 400px 0;
  }
  #booking-page form.cpp_form.cp_cff_clean {
    float: right;
    width: calc(60% - 20px);
    margin-bottom: 60px;
  }
  #booking-page form.cpp_form.cp_cff_clean #fbuilder .field-main {
    padding-top: 65px;
  }
  #booking-page form.cpp_form.cp_cff_clean #fbuilder .ui-datepicker-inline {
    width: 100% !important;
    max-width: 100% !important;
  }
  #booking-page h2.form-title {
    float: right;
    width: calc(60% - 20px);
  }
  #booking-page form.wpcf7-form {
    float: right;
    width: calc(60% - 20px);
    margin-bottom: 60px;
  }
}
.thankyou .e-voucher {
  max-width: 480px;
  padding: 20px;
  margin: 20px 0;
  background: #f3f3f3;
  box-shadow: 0 1.5rem 1rem -1rem rgba(200, 200, 200, 0.4);
  border-radius: 3px;
}
.thankyou .e-voucher h2 {
  display: inline-block;
  width: auto;
  color: #1b1b1b;
  font-size: 1rem;
  font-weight: 700;
  line-height: calc(1rem * 1);
  padding: 10px 20px;
  background: #e6976a;
}
.thankyou .e-voucher h2 i {
  display: inline-block;
  margin-right: 5px;
}
.thankyou .e-voucher ul.list-thankyou {
  padding: 10px 0;
}
.thankyou .e-voucher ul.list-thankyou li {
  padding: 5px 0;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1.75);
}
.thankyou .e-voucher ul.list-thankyou li span {
  display: inline-block;
  margin-right: 10px;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: calc(0.85rem * 1.75);
}
.thankyou p.notice-thankyou {
  padding: 10px;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 1.75);
}
.thankyou ul.link-thankyou li {
  width: 240px;
  position: relative;
  margin-right: 0;
}
.thankyou ul.link-thankyou li:nth-child(odd) {
  margin-right: 10px;
}
.thankyou ul.link-thankyou li a {
  display: block;
  padding: 15px 10px;
  background: #e6976a;
  border: none;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: calc(0.85rem * 2);
}
.thankyou ul.link-thankyou li a::after {
  margin-top: -4px;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  transform: rotate(45deg);
}
.thankyou ul.link-thankyou li a {
  text-decoration: underline !important;
  font-weight: 700 !important;
}

@media screen and (min-width: 768px) {
  .booking h1 {
    float: left;
    width: 27.5% !important;
    text-align: left;
  }
  .booking nav.myaccount-navigation {
    float: left;
    width: 27.5% !important;
    padding: 0;
  }
  .booking nav.myaccount-navigation h2 {
    padding: 0 0 22px 0;
  }
  .booking nav.myaccount-navigation ul {
    display: block;
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d7dcdb;
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 17px 20px !important;
    background: #ffffff;
    transition-duration: 0.5s;
    color: #1b1b1b;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: calc(0.85rem * 1);
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::before {
    display: none;
    width: 0;
    content: "";
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
    margin-top: -4px;
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #1b1b1b;
    border-top: 1px solid #1b1b1b;
    transform: rotate(45deg);
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
    background: #e6976a;
    color: #ffffff !important;
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover::after {
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    padding: 17px 20px !important;
  }
  .booking nav.myaccount-navigation ul li.woocommerce-MyAccount-navigation-link a::after {
    right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .booking article {
    float: right;
    width: 65% !important;
    padding-bottom: 80px;
  }
  .booking article h2.form-title {
    float: right;
  }
  .booking article form.wpcf7-form {
    float: right;
  }
}
.login-box {
  width: 100%;
  max-width: 640px;
  padding: 20px 15px;
  margin-bottom: 40px;
  background: #f7f3e9;
  box-shadow: 0 0 2px rgba(150, 135, 104, 0.75);
}
.login-box:last-child {
  margin-bottom: 0;
}
.login-box .login-title {
  display: grid;
  place-items: center;
  max-width: 100%;
  text-align: center;
  color: #968768;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
.login-box .login-title h2 {
  color: #968768;
  font-weight: bold;
}
.login-box form {
  width: 100%;
}
.login-box form p.woocommerce-form-row,
.login-box form p.form-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.login-box form p.woocommerce-form-row label,
.login-box form p.form-row label {
  width: 100px;
  font-size: 12px;
}
.login-box form p.woocommerce-form-row label span.required,
.login-box form p.form-row label span.required {
  padding: 0 !important;
}
.login-box form p.woocommerce-form-row input,
.login-box form p.woocommerce-form-row span.password-input,
.login-box form p.form-row input,
.login-box form p.form-row span.password-input {
  width: calc(100% - 100px);
}
.login-box form p.woocommerce-form-row input input,
.login-box form p.woocommerce-form-row span.password-input input,
.login-box form p.form-row input input,
.login-box form p.form-row span.password-input input {
  width: 100%;
}
.login-box form p.woocommerce-form-row input[type=text],
.login-box form p.woocommerce-form-row input[type=email],
.login-box form p.woocommerce-form-row input[type=password],
.login-box form p.form-row input[type=text],
.login-box form p.form-row input[type=email],
.login-box form p.form-row input[type=password] {
  margin-top: 0;
  background: #ffffff;
  box-shadow: 0 0 2px rgba(150, 135, 104, 0.75);
  border-radius: 3px;
}
.login-box form p.woocommerce-form-row input[type=text] span,
.login-box form p.woocommerce-form-row input[type=email] span,
.login-box form p.woocommerce-form-row input[type=password] span,
.login-box form p.form-row input[type=text] span,
.login-box form p.form-row input[type=email] span,
.login-box form p.form-row input[type=password] span {
  width: 100%;
}
.login-box form p.woocommerce-form-row button,
.login-box form p.form-row button {
  position: relative;
  display: inline-block;
  min-width: 200px;
  max-width: 75%;
  padding: 15px 0;
  color: #ffffff;
  background: #c84b64;
  border: 1px solid #c84b64;
  border-radius: 27px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0 auto !important;
}
.login-box form p.woocommerce-form-row button::after,
.login-box form p.form-row button::after {
  position: absolute;
  top: 15px;
  right: 20px;
  content: "\f054";
  font-family: "fontawesome";
  font-size: 12px;
}
.login-box form p.woocommerce-form-row label.woocommerce-form-login__rememberme,
.login-box form p.form-row label.woocommerce-form-login__rememberme {
  width: 100%;
}
.login-box form p.woocommerce-form-row label.woocommerce-form-login__rememberme input,
.login-box form p.form-row label.woocommerce-form-login__rememberme input {
  width: 40px;
}
.login-box form p.woocommerce-form-row label.woocommerce-form-login__rememberme span,
.login-box form p.form-row label.woocommerce-form-login__rememberme span {
  width: calc(100% - 40px);
}
.login-box form .woocommerce-privacy-policy-text p {
  font-size: 12px;
  line-height: 1.5em;
}
.login-box form .woocommerce-privacy-policy-text p a {
  color: #0000ee !important;
  text-decoration: underline;
}
.login-box form p.woocommerce-LostPassword a {
  color: #0000ee !important;
  text-decoration: underline;
}
.login-box p.login-section {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}
.login-box p.login-section button {
  position: relative;
  display: inline-block;
  min-width: 200px;
  max-width: 75%;
  padding: 15px 0;
  color: #ffffff;
  background: #c84b64;
  border: 1px solid #c84b64;
  border-radius: 27px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
}
.login-box p.login-section button::after {
  position: absolute;
  top: 15px;
  right: 20px;
  content: "\f054";
  font-family: "fontawesome";
  font-size: 12px;
}

h1.manager-title {
  padding: 20px 0 40px 0;
  margin-bottom: 0 !important;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
}

.manager {
  width: calc(100% - 40px) !important;
  max-width: 920px;
  margin: 0 auto 60px auto !important;
}
.manager article .list_pagenavi {
  height: 36px !important;
  margin-bottom: 20px;
}
.manager article .list_pagenavi .prev_page,
.manager article .list_pagenavi .next_page {
  display: none;
}
.manager article .list_pagenavi .list_datenavi {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 36px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2rem;
}
.manager article .list_pagenavi .list_datenavi a {
  display: grid;
  place-items: center;
  margin: 0 10px;
  width: 36px;
  height: 36px;
  font-size: 1.75rem;
  line-height: 1rem;
}
.manager article form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
  border-style: none;
  /** ボタン初期化 */
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: auto;
  padding: 15px 0 !important;
  background: #ffffff;
  color: #1b1b1b;
  font-size: 0.85rem;
  font-weight: 200;
  line-height: calc(0.85rem * 1);
  cursor: pointer;
  pointer-events: anto;
  transition-duration: 0.3s;
  border: 1px solid #ffffff;
  /** ボタン::afterに > を描画 */
  margin: 80px auto 0 auto;
}
.manager article form input[type=submit]:hover {
  background: #1b1b1b;
  border: 1px solid #ffffff;
  color: #ffffff !important;
}
.manager article form table label {
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
}
.manager article form table select {
  max-width: 120px;
}
.manager article form input[type=submit] {
  max-width: 335px;
}
.manager article #multicalendar {
  padding: 0;
}
.manager article #multicalendar .gridcontainercover {
  border: none !important;
}
.manager article #multicalendar #caltoolbarcal1 {
  border: none !important;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.manager article #multicalendar #caltoolbarcal1 #showreflashbtncal1,
.manager article #multicalendar #caltoolbarcal1 #showtodaybtncal1,
.manager article #multicalendar #caltoolbarcal1 #shownListbtncal1 {
  display: none;
}
.manager article #multicalendar #caltoolbarcal1 span {
  display: inline-block;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
}
.manager article #multicalendar #caltoolbarcal1 .btnseparator {
  display: none;
}
.manager article #multicalendar #dvCalMaincal1 {
  background: #ffffff;
}
.manager article #multicalendar .mv-event-container {
  border-left: none;
  border-right: none;
}
.manager article #multicalendar .gridcontainercover {
  padding: 0;
}
.manager article table {
  width: 100%;
  border: 1px solid #aed0ea;
}
.manager article table tr.prop-name {
  background: #e2eff8;
}
.manager article table tr.user-prop {
  background: #fff;
}
.manager article table tr.user-prop:nth-child(odd) {
  background: #f5f5f5;
}
.manager article table tr.prop-name,
.manager article table tr.user-prop {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding: 5px 10px;
  text-align: left;
  font-size: 0.85rem;
}
.manager article table tr.prop-name th,
.manager article table tr.prop-name td,
.manager article table tr.user-prop th,
.manager article table tr.user-prop td {
  background: transparent;
  padding: 0;
}
.manager article table tr.prop-name th.user-id,
.manager article table tr.prop-name td.user-id,
.manager article table tr.user-prop th.user-id,
.manager article table tr.user-prop td.user-id {
  width: 30px;
}
.manager article table tr.prop-name th.user-account,
.manager article table tr.prop-name td.user-account,
.manager article table tr.user-prop th.user-account,
.manager article table tr.user-prop td.user-account {
  width: 120px;
}
.manager article table tr.prop-name th.user-name,
.manager article table tr.prop-name td.user-name,
.manager article table tr.user-prop th.user-name,
.manager article table tr.user-prop td.user-name {
  width: 120px;
}
.manager article table tr.prop-name th.user-mail,
.manager article table tr.prop-name td.user-mail,
.manager article table tr.user-prop th.user-mail,
.manager article table tr.user-prop td.user-mail {
  width: 240px;
}
.manager article table tr.prop-name th.user-phone,
.manager article table tr.prop-name td.user-phone,
.manager article table tr.user-prop th.user-phone,
.manager article table tr.user-prop td.user-phone {
  width: 120px;
}
.manager article table tr.prop-name th.user-booking,
.manager article table tr.prop-name td.user-booking,
.manager article table tr.user-prop th.user-booking,
.manager article table tr.user-prop td.user-booking {
  width: 240px;
}
.manager article table tr.prop-name th.user-detail,
.manager article table tr.prop-name td.user-detail,
.manager article table tr.user-prop th.user-detail,
.manager article table tr.user-prop td.user-detail {
  width: 65px;
}
.manager article table tr.prop-name th.user-detail a,
.manager article table tr.prop-name td.user-detail a,
.manager article table tr.user-prop th.user-detail a,
.manager article table tr.user-prop td.user-detail a {
  margin-top: 0 !important;
  padding: 5px 10px !important;
  height: 30px;
  border: 1px solid #c84b64;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: bold;
  color: #ffffff;
  background: #c84b64;
  cursor: pointer;
}
.manager article table tr.prop-name th.user-detail a:hover,
.manager article table tr.prop-name td.user-detail a:hover,
.manager article table tr.user-prop th.user-detail a:hover,
.manager article table tr.user-prop td.user-detail a:hover {
  background: #ffffff;
  color: #c84b64;
}
.manager article table tr.prop-name th .cpappb_noapps,
.manager article table tr.prop-name td .cpappb_noapps,
.manager article table tr.user-prop th .cpappb_noapps,
.manager article table tr.user-prop td .cpappb_noapps {
  display: none;
}
.manager article table tr.prop-name th .cpappb_field_0,
.manager article table tr.prop-name th .cpappb_field_1,
.manager article table tr.prop-name td .cpappb_field_0,
.manager article table tr.prop-name td .cpappb_field_1,
.manager article table tr.user-prop th .cpappb_field_0,
.manager article table tr.user-prop th .cpappb_field_1,
.manager article table tr.user-prop td .cpappb_field_0,
.manager article table tr.user-prop td .cpappb_field_1 {
  border-bottom: none;
}
.manager article table tr.prop-name th .cpapp_no_wrap:nth-child(n+2),
.manager article table tr.prop-name td .cpapp_no_wrap:nth-child(n+2),
.manager article table tr.user-prop th .cpapp_no_wrap:nth-child(n+2),
.manager article table tr.user-prop td .cpapp_no_wrap:nth-child(n+2) {
  display: none;
}
.manager article .userinfo p {
  margin: 10px 0;
}
.manager article .userinfo .booking-list .cpapp_no_wrap,
.manager article .userinfo .history-list .cpapp_no_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #eaeaea;
  background: #fafafa;
}
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_0,
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_1,
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_2,
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_3,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_0,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_1,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_2,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_3 {
  margin: 0 20px 0 0;
  border: none;
  font-size: 0.9rem;
}
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_0,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_0 {
  width: 480px;
}
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_1,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_1 {
  width: 240px;
}
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_2,
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_3,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_2,
.manager article .userinfo .history-list .cpapp_no_wrap .cpappb_field_3 {
  width: 47.5%;
}
.manager article .userinfo .booking-list .cpapp_no_wrap .cpappb_field_2::before {
  content: "ご要望、連絡事項など: ";
  color: #1b1b1b;
  font-weight: bold;
}
.manager article .userinfo .history-list .cpapp_no_wrap .karte {
  width: 100%;
}
.manager article .userinfo .history-list .cpapp_no_wrap .karte p {
  color: #1b1b1b;
  font-weight: bold;
}
.manager nav.manager-nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  margin-bottom: 20px;
}
.manager nav.manager-nav .nav-item {
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
  height: 36px;
}
.manager nav.manager-nav .nav-item a {
  display: grid !important;
  align-items: center;
  height: 36px;
  padding: 0 8px;
  color: #1b1b1b;
  background: #e2eff8;
  border: 1px solid #aed0ea;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
.manager nav.manager-nav .nav-item a:hover {
  color: #1b1b1b;
  background: #ffffff;
  border: 1px solid #aed0ea;
}

@media screen and (min-width: 768px) {
  .manager nav.manager-nav {
    justify-content: center;
  }
  .manager nav.manager-nav .nav-item {
    margin: 0 20px 0 0 !important;
  }
  .manager nav.manager-nav .nav-item a {
    padding: 0 20px;
  }
}/*# sourceMappingURL=style.css.map */