@charset "UTF-8";
/*
Theme Name: XIII 
Author: 1101 Co.,ltd / kirinsan.inc
Author URI: https://kirinsan.co.jp
Description: Simple WP Themes for esthetics salon
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
html {
  font-size: 62.5%; }

body {
  color: #666;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.65em;
  font-family: 'M PLUS Rounded 1c', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1em;
  margin: 15px 0;
  margin: 1.5rem 0;
  color: #999; }

h1 {
  font-size: 200%; }

h2 {
  font-size: 180%; }

h3 {
  font-size: 160%; }

h4 {
  font-size: 140%; }

h5 {
  font-size: 120%; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

small {
  font-size: 80%; }

a {
  color: #666; }
  a:hover {
    color: #666; }

p {
  margin: 1em 0; }

ul, ol {
  padding-left: 2em; }

ul li {
  list-style-type: disc; }

blockquote {
  font-style: italic; }

pre {
  margin-left: 5%;
  margin-right: 30%; }

code {
  font-size: 1em;
  line-height: 1.2em; }

.panel:not(.panel-transparent) > h1:first-child, .panel:not(.panel-transparent) > h2:first-child, .panel:not(.panel-transparent) > h3:first-child, .panel:not(.panel-transparent) > .wp-block-group__inner-container > h1:first-child, .panel:not(.panel-transparent) > .wp-block-group__inner-container > h2:first-child, .panel:not(.panel-transparent) > .wp-block-group__inner-container > h3:first-child {
  border-bottom: 3px solid #ccc;
  padding-bottom: 0.5em; }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
.header-floater.column {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10000; }

header#header-main {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7d7f9+0,3e8ef0+100 */
  background: #4887c9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4887c9 0%, #3e8ef0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4887c9', endColorstr='#3e8ef0',GradientType=0 );
  /* IE6-9 */
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 0;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold; }
  header#header-main ul, header#header-main ul li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  header#header-main h1 {
    font-size: 100%; }
  header#header-main a {
    color: #fff;
    text-decoration: none; }
    header#header-main a:hover {
      color: #fff; }
  header#header-main .drawer-handle-checkbox {
    display: none; }
  @media (min-width: 751px) {
    header#header-main {
      height: 60px;
      border-radius: 8px;
      margin: 8px 0;
      -ms-flex-direction: row;
          flex-direction: row;
      box-shadow: 0 3px 0 rgba(0, 0, 0, 0.5); }
      header#header-main h1 {
        padding: 0 1em; }
        header#header-main h1 img {
          height: 54px; }
      header#header-main nav > ul {
        display: -ms-flexbox;
        display: flex; }
      header#header-main .navigation-elems {
        height: 100%;
        -ms-flex-positive: 1;
            flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: right;
            justify-content: right;
        position: relative; }
        header#header-main .navigation-elems .nav-header {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: right;
              justify-content: right;
          -ms-flex-line-pack: center;
              align-content: center;
          position: absolute;
          height: 100%;
          right: 2em;
          top: 0; }
          header#header-main .navigation-elems .nav-header > ul {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: right;
                justify-content: right;
            -ms-flex-line-pack: center;
                align-content: center;
            height: 100%; }
          header#header-main .navigation-elems .nav-header li {
            line-height: 58px;
            padding: 0 0.4em;
            font-size: 1.6rem; } }
        @media (min-width: 751px) and (max-width: 950px) {
          header#header-main .navigation-elems .nav-header li {
            padding: 0 0.4em;
            font-size: 1.4rem; } }
  @media (min-width: 751px) {
            header#header-main .navigation-elems .nav-header li:hover {
              transform: scale(1.1); } }
  @media (max-width: 750px) {
    header#header-main {
      /* ナビゲーション(デフォルト) */
      /* スライドダウン拡大型 */ }
      header#header-main.header-spnav-default {
        height: 50px;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center; }
        header#header-main.header-spnav-default h1 img {
          height: 54px; }
        header#header-main.header-spnav-default nav {
          display: none;
          position: absolute;
          left: 0;
          top: 0;
          height: 100vh;
          width: 80vw;
          background-color: rgba(0, 0, 0, 0.8); }
          header#header-main.header-spnav-default nav ul li {
            display: block; }
        header#header-main.header-spnav-default .drawer-handle {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 100;
          transition: all 0.3s ease-in-out 0s;
          height: 50px;
          width: 50px; }
          header#header-main.header-spnav-default .drawer-handle div {
            width: 24px;
            margin: -1.5px -12px;
            position: absolute;
            left: 50%;
            top: 50%;
            height: 3px;
            background-color: #fff;
            transform: rotate(0);
            transition: all 0.3s ease-in-out 0.3s; }
            header#header-main.header-spnav-default .drawer-handle div:first-child {
              top: calc(50% - -9px); }
            header#header-main.header-spnav-default .drawer-handle div:nth-child(2) {
              top: 50%;
              transform: rotate(0); }
            header#header-main.header-spnav-default .drawer-handle div:last-child {
              top: calc(50% - 9px); }
        header#header-main.header-spnav-default .drawer-handle-checkbox {
          position: relative; }
          header#header-main.header-spnav-default .drawer-handle-checkbox:checked + .navigation-elems > nav {
            display: block; }
          header#header-main.header-spnav-default .drawer-handle-checkbox:checked + .navigation-elems .drawer-handle {
            left: 80vw; }
            header#header-main.header-spnav-default .drawer-handle-checkbox:checked + .navigation-elems .drawer-handle div:first-child {
              top: 50%;
              transform: rotate(135deg); }
            header#header-main.header-spnav-default .drawer-handle-checkbox:checked + .navigation-elems .drawer-handle div:nth-child(2) {
              top: 50%;
              transform: rotate(405deg); }
            header#header-main.header-spnav-default .drawer-handle-checkbox:checked + .navigation-elems .drawer-handle div:last-child {
              top: 50%;
              transform: rotate(315deg); }
        header#header-main.header-spnav-default .nav-header li {
          padding: 1em 0.4em;
          text-indent: 0.3em;
          border-bottom: 1px dotted rgba(255, 255, 255, 0.5); }
      header#header-main.header-spnav-slidedown {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
        header#header-main.header-spnav-slidedown h1 img {
          width: 80vw;
          max-width: 300px; }
        header#header-main.header-spnav-slidedown .navigation-elems {
          display: block;
          width: calc(100% - 10px);
          margin: 10px;
          box-sizing: border-box;
          background-color: #fff;
          color: #999;
          border: 1px solid #999;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
        header#header-main.header-spnav-slidedown .nav-header {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.8s; }
          header#header-main.header-spnav-slidedown .nav-header > ul {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            header#header-main.header-spnav-slidedown .nav-header > ul > li {
              padding: 0.5em;
              box-sizing: border-box;
              width: 50%;
              text-align: center;
              border-right: 1px solid #ccc;
              border-bottom: 1px solid #ccc; }
              header#header-main.header-spnav-slidedown .nav-header > ul > li:nth-child(even) {
                border-right: none; }
              header#header-main.header-spnav-slidedown .nav-header > ul > li:nth-child(1), header#header-main.header-spnav-slidedown .nav-header > ul > li:nth-child(2) {
                border-top: 1px solid #ccc; }
              header#header-main.header-spnav-slidedown .nav-header > ul > li:nth-last-child(1), header#header-main.header-spnav-slidedown .nav-header > ul > li:nth-last-child(2):nth-child(odd) {
                border-bottom: none; }
        header#header-main.header-spnav-slidedown a {
          color: #999; }
        header#header-main.header-spnav-slidedown .drawer-handle {
          position: relative;
          left: calc(50% - 2em);
          top: 0;
          z-index: 100;
          transition: all 0.3s ease-in-out 0s;
          height: 50px;
          width: auto; }
          header#header-main.header-spnav-slidedown .drawer-handle:before {
            content: "MENU";
            margin-left: 0.3em;
            position: relative;
            top: 0.6em; }
          header#header-main.header-spnav-slidedown .drawer-handle div {
            width: 20px;
            margin: -1.5px -10px;
            position: absolute;
            left: 0;
            top: 50%;
            height: 3px;
            background-color: #999;
            transform: rotate(0);
            transition: all 0.3s ease-in-out; }
            header#header-main.header-spnav-slidedown .drawer-handle div:first-child {
              top: calc(30% - -9px); }
            header#header-main.header-spnav-slidedown .drawer-handle div:nth-child(2) {
              top: 35%;
              transform: rotate(0); }
            header#header-main.header-spnav-slidedown .drawer-handle div:last-child {
              top: calc(80% - 9px); }
        header#header-main.header-spnav-slidedown .drawer-handle-checkbox {
          position: relative; }
          header#header-main.header-spnav-slidedown .drawer-handle-checkbox:checked + .navigation-elems .nav-header {
            max-height: 100vh; }
          header#header-main.header-spnav-slidedown .drawer-handle-checkbox:checked + .navigation-elems .drawer-handle div:first-child {
            top: 50%;
            transform: rotate(135deg); }
          header#header-main.header-spnav-slidedown .drawer-handle-checkbox:checked + .navigation-elems .drawer-handle div:nth-child(2) {
            top: 50%;
            transform: rotate(405deg); }
          header#header-main.header-spnav-slidedown .drawer-handle-checkbox:checked + .navigation-elems .drawer-handle div:last-child {
            top: 50%;
            transform: rotate(315deg); } }

@media (min-width: 751px) {
  .header-pcnav-roundstone#header-main .nav-header ul > li {
    padding: 0 0.2em; }
    .header-pcnav-roundstone#header-main .nav-header ul > li > a {
      display: inline-block;
      padding: 0.6em 1.2em;
      background-color: rgba(0, 0, 0, 0.2);
      line-height: 1em;
      border-radius: 16px;
      font-size: 1.2rem;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2) inset; } }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
footer#footer-main {
  background-color: #168df8;
  color: #FFF;
  border-radius: 8px 8px 0 0; }
  footer#footer-main a {
    text-decoration: none; }
    footer#footer-main a, footer#footer-main a:hover {
      color: #FFF; }
    footer#footer-main a:hover {
      text-decoration: underline; }
  footer#footer-main h1 {
    font-size: 100%; }
    footer#footer-main h1 img {
      max-width: 320px;
      width: calc(100% - 80px);
      display: block;
      margin: 0 auto; }
  footer#footer-main h5 {
    border-bottom: 1px solid;
    margin: 0.2em 0;
    font-size: 90%;
    font-weight: 900;
    padding: 0.3em 0; }
  footer#footer-main nav {
    padding: 1em;
    column-count: 3; }
    footer#footer-main nav > div {
      break-inside: avoid-column; }
    footer#footer-main nav ul {
      margin-bottom: 1em; }
      footer#footer-main nav ul, footer#footer-main nav ul li {
        padding: 0;
        list-style-type: none; }
    footer#footer-main nav > ul > li {
      display: inline-block;
      position: relative; }
    footer#footer-main nav > ul ul {
      position: absolute;
      display: none;
      border: 1px solid #ccc;
      background-color: #fff; }
    footer#footer-main nav > ul > li > ul {
      top: 1.5em; }
      footer#footer-main nav > ul > li > ul ul {
        top: 0;
        left: 0; }
    footer#footer-main nav ul > li:hover > ul {
      display: block; }
  @media (max-width: 750px) {
    footer#footer-main .shop-detail, footer#footer-main .shop-detail-widget {
      margin: 0 1em; } }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
#sidebar > ul, #sidebar > ul > li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#sidebar > ul > li {
  background-color: #fff;
  padding: 30px;
  margin: 7.5px;
  padding-top: 0.5em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
  @media (max-width: 750px) {
    #sidebar > ul > li {
      padding: 15px; } }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
.column {
  width: auto;
  margin: 0 auto;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 50;
  position: relative; }
  .column.column-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse; }
  @media (min-width: 1280px) {
    .column {
      width: 1280px; }
      .column .column {
        width: auto; } }
  @media (max-width: 860px) {
    .column {
      padding: 0 7.5px; } }
  @media (max-width: 750px) {
    .column {
      padding: 0; } }
  .column img {
    max-width: 100%; }

.panel,
.panel-dark {
  background-color: #fff;
  padding: 30px;
  margin: 7.5px;
  padding-top: 0.5em;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
  @media (max-width: 750px) {
    .panel,
    .panel-dark {
      padding: 15px; } }
  .panel.panel-dark,
  .panel-dark.panel-dark {
    background-color: #595959; }
  .panel.panel-nopadding,
  .panel-dark.panel-nopadding {
    padding: 0; }
  .panel.panel-noheading,
  .panel-dark.panel-noheading {
    padding-top: 30px; }

.panel-transparent {
  background-color: transparent;
  box-shadow: none; }

@media (max-width: 860px) {
  #column-main,
  #column-sub {
    float: none;
    width: auto;
    margin: 10px; } }

.nopc {
  display: none !important; }

@media (max-width: 860px) {
  .nopc {
    display: block !important; }
  .nosp {
    display: none !important; } }

.column:after {
  content: "";
  display: block;
  clear: both; }

/* カラム幅 */
[class^="col-"],
[class*=" col-"] {
  box-sizing: border-box; }
  [class^="col-"]:after,
  [class*=" col-"]:after {
    content: "";
    display: block;
    clear: both; }
  [class^="col-"].col-padding,
  [class*=" col-"].col-padding {
    padding: 8px; }
  @media (max-width: 750px) {
    [class^="col-"].col-sd-nopadding,
    [class*=" col-"].col-sd-nopadding {
      padding: 8px; } }

.col-full {
  width: 100%;
  padding: 1px 0; }

.col-11 {
  width: 100%; }

.col-12 {
  width: 200%; }

.col-13 {
  width: 300%; }

.col-14 {
  width: 400%; }

.col-15 {
  width: 500%; }

.col-16 {
  width: 600%; }

.col-17 {
  width: 700%; }

.col-18 {
  width: 800%; }

.col-19 {
  width: 900%; }

.col-21 {
  width: 50%; }

.col-22 {
  width: 100%; }

.col-23 {
  width: 150%; }

.col-24 {
  width: 200%; }

.col-25 {
  width: 250%; }

.col-26 {
  width: 300%; }

.col-27 {
  width: 350%; }

.col-28 {
  width: 400%; }

.col-29 {
  width: 450%; }

.col-31 {
  width: 33.33333%; }

.col-32 {
  width: 66.66667%; }

.col-33 {
  width: 100%; }

.col-34 {
  width: 133.33333%; }

.col-35 {
  width: 166.66667%; }

.col-36 {
  width: 200%; }

.col-37 {
  width: 233.33333%; }

.col-38 {
  width: 266.66667%; }

.col-39 {
  width: 300%; }

.col-41 {
  width: 25%; }

.col-42 {
  width: 50%; }

.col-43 {
  width: 75%; }

.col-44 {
  width: 100%; }

.col-45 {
  width: 125%; }

.col-46 {
  width: 150%; }

.col-47 {
  width: 175%; }

.col-48 {
  width: 200%; }

.col-49 {
  width: 225%; }

.col-51 {
  width: 20%; }

.col-52 {
  width: 40%; }

.col-53 {
  width: 60%; }

.col-54 {
  width: 80%; }

.col-55 {
  width: 100%; }

.col-56 {
  width: 120%; }

.col-57 {
  width: 140%; }

.col-58 {
  width: 160%; }

.col-59 {
  width: 180%; }

.col-61 {
  width: 16.66667%; }

.col-62 {
  width: 33.33333%; }

.col-63 {
  width: 50%; }

.col-64 {
  width: 66.66667%; }

.col-65 {
  width: 83.33333%; }

.col-66 {
  width: 100%; }

.col-67 {
  width: 116.66667%; }

.col-68 {
  width: 133.33333%; }

.col-69 {
  width: 150%; }

.col-71 {
  width: 14.28571%; }

.col-72 {
  width: 28.57143%; }

.col-73 {
  width: 42.85714%; }

.col-74 {
  width: 57.14286%; }

.col-75 {
  width: 71.42857%; }

.col-76 {
  width: 85.71429%; }

.col-77 {
  width: 100%; }

.col-78 {
  width: 114.28571%; }

.col-79 {
  width: 128.57143%; }

.col-81 {
  width: 12.5%; }

.col-82 {
  width: 25%; }

.col-83 {
  width: 37.5%; }

.col-84 {
  width: 50%; }

.col-85 {
  width: 62.5%; }

.col-86 {
  width: 75%; }

.col-87 {
  width: 87.5%; }

.col-88 {
  width: 100%; }

.col-89 {
  width: 112.5%; }

.col-91 {
  width: 11.11111%; }

.col-92 {
  width: 22.22222%; }

.col-93 {
  width: 33.33333%; }

.col-94 {
  width: 44.44444%; }

.col-95 {
  width: 55.55556%; }

.col-96 {
  width: 66.66667%; }

.col-97 {
  width: 77.77778%; }

.col-98 {
  width: 88.88889%; }

.col-99 {
  width: 100%; }

.col-shift-11 {
  margin-left: 100%; }

.col-shift-12 {
  margin-left: 200%; }

.col-shift-13 {
  margin-left: 300%; }

.col-shift-14 {
  margin-left: 400%; }

.col-shift-15 {
  margin-left: 500%; }

.col-shift-16 {
  margin-left: 600%; }

.col-shift-17 {
  margin-left: 700%; }

.col-shift-18 {
  margin-left: 800%; }

.col-shift-19 {
  margin-left: 900%; }

.col-shift-21 {
  margin-left: 50%; }

.col-shift-22 {
  margin-left: 100%; }

.col-shift-23 {
  margin-left: 150%; }

.col-shift-24 {
  margin-left: 200%; }

.col-shift-25 {
  margin-left: 250%; }

.col-shift-26 {
  margin-left: 300%; }

.col-shift-27 {
  margin-left: 350%; }

.col-shift-28 {
  margin-left: 400%; }

.col-shift-29 {
  margin-left: 450%; }

.col-shift-31 {
  margin-left: 33.33333%; }

.col-shift-32 {
  margin-left: 66.66667%; }

.col-shift-33 {
  margin-left: 100%; }

.col-shift-34 {
  margin-left: 133.33333%; }

.col-shift-35 {
  margin-left: 166.66667%; }

.col-shift-36 {
  margin-left: 200%; }

.col-shift-37 {
  margin-left: 233.33333%; }

.col-shift-38 {
  margin-left: 266.66667%; }

.col-shift-39 {
  margin-left: 300%; }

.col-shift-41 {
  margin-left: 25%; }

.col-shift-42 {
  margin-left: 50%; }

.col-shift-43 {
  margin-left: 75%; }

.col-shift-44 {
  margin-left: 100%; }

.col-shift-45 {
  margin-left: 125%; }

.col-shift-46 {
  margin-left: 150%; }

.col-shift-47 {
  margin-left: 175%; }

.col-shift-48 {
  margin-left: 200%; }

.col-shift-49 {
  margin-left: 225%; }

.col-shift-51 {
  margin-left: 20%; }

.col-shift-52 {
  margin-left: 40%; }

.col-shift-53 {
  margin-left: 60%; }

.col-shift-54 {
  margin-left: 80%; }

.col-shift-55 {
  margin-left: 100%; }

.col-shift-56 {
  margin-left: 120%; }

.col-shift-57 {
  margin-left: 140%; }

.col-shift-58 {
  margin-left: 160%; }

.col-shift-59 {
  margin-left: 180%; }

.col-shift-61 {
  margin-left: 16.66667%; }

.col-shift-62 {
  margin-left: 33.33333%; }

.col-shift-63 {
  margin-left: 50%; }

.col-shift-64 {
  margin-left: 66.66667%; }

.col-shift-65 {
  margin-left: 83.33333%; }

.col-shift-66 {
  margin-left: 100%; }

.col-shift-67 {
  margin-left: 116.66667%; }

.col-shift-68 {
  margin-left: 133.33333%; }

.col-shift-69 {
  margin-left: 150%; }

.col-shift-71 {
  margin-left: 14.28571%; }

.col-shift-72 {
  margin-left: 28.57143%; }

.col-shift-73 {
  margin-left: 42.85714%; }

.col-shift-74 {
  margin-left: 57.14286%; }

.col-shift-75 {
  margin-left: 71.42857%; }

.col-shift-76 {
  margin-left: 85.71429%; }

.col-shift-77 {
  margin-left: 100%; }

.col-shift-78 {
  margin-left: 114.28571%; }

.col-shift-79 {
  margin-left: 128.57143%; }

.col-shift-81 {
  margin-left: 12.5%; }

.col-shift-82 {
  margin-left: 25%; }

.col-shift-83 {
  margin-left: 37.5%; }

.col-shift-84 {
  margin-left: 50%; }

.col-shift-85 {
  margin-left: 62.5%; }

.col-shift-86 {
  margin-left: 75%; }

.col-shift-87 {
  margin-left: 87.5%; }

.col-shift-88 {
  margin-left: 100%; }

.col-shift-89 {
  margin-left: 112.5%; }

.col-shift-91 {
  margin-left: 11.11111%; }

.col-shift-92 {
  margin-left: 22.22222%; }

.col-shift-93 {
  margin-left: 33.33333%; }

.col-shift-94 {
  margin-left: 44.44444%; }

.col-shift-95 {
  margin-left: 55.55556%; }

.col-shift-96 {
  margin-left: 66.66667%; }

.col-shift-97 {
  margin-left: 77.77778%; }

.col-shift-98 {
  margin-left: 88.88889%; }

.col-shift-99 {
  margin-left: 100%; }

.col-shift-none {
  margin-left: 0px; }

@media (min-width: 751px) {
  .only-sd {
    display: none; } }

@media (max-width: 950px) {
  .col-nd-11 {
    width: 100%; }
  .col-nd-12 {
    width: 200%; }
  .col-nd-13 {
    width: 300%; }
  .col-nd-14 {
    width: 400%; }
  .col-nd-15 {
    width: 500%; }
  .col-nd-16 {
    width: 600%; }
  .col-nd-17 {
    width: 700%; }
  .col-nd-18 {
    width: 800%; }
  .col-nd-19 {
    width: 900%; }
  .col-nd-21 {
    width: 50%; }
  .col-nd-22 {
    width: 100%; }
  .col-nd-23 {
    width: 150%; }
  .col-nd-24 {
    width: 200%; }
  .col-nd-25 {
    width: 250%; }
  .col-nd-26 {
    width: 300%; }
  .col-nd-27 {
    width: 350%; }
  .col-nd-28 {
    width: 400%; }
  .col-nd-29 {
    width: 450%; }
  .col-nd-31 {
    width: 33.33333%; }
  .col-nd-32 {
    width: 66.66667%; }
  .col-nd-33 {
    width: 100%; }
  .col-nd-34 {
    width: 133.33333%; }
  .col-nd-35 {
    width: 166.66667%; }
  .col-nd-36 {
    width: 200%; }
  .col-nd-37 {
    width: 233.33333%; }
  .col-nd-38 {
    width: 266.66667%; }
  .col-nd-39 {
    width: 300%; }
  .col-nd-41 {
    width: 25%; }
  .col-nd-42 {
    width: 50%; }
  .col-nd-43 {
    width: 75%; }
  .col-nd-44 {
    width: 100%; }
  .col-nd-45 {
    width: 125%; }
  .col-nd-46 {
    width: 150%; }
  .col-nd-47 {
    width: 175%; }
  .col-nd-48 {
    width: 200%; }
  .col-nd-49 {
    width: 225%; }
  .col-nd-51 {
    width: 20%; }
  .col-nd-52 {
    width: 40%; }
  .col-nd-53 {
    width: 60%; }
  .col-nd-54 {
    width: 80%; }
  .col-nd-55 {
    width: 100%; }
  .col-nd-56 {
    width: 120%; }
  .col-nd-57 {
    width: 140%; }
  .col-nd-58 {
    width: 160%; }
  .col-nd-59 {
    width: 180%; }
  .col-nd-61 {
    width: 16.66667%; }
  .col-nd-62 {
    width: 33.33333%; }
  .col-nd-63 {
    width: 50%; }
  .col-nd-64 {
    width: 66.66667%; }
  .col-nd-65 {
    width: 83.33333%; }
  .col-nd-66 {
    width: 100%; }
  .col-nd-67 {
    width: 116.66667%; }
  .col-nd-68 {
    width: 133.33333%; }
  .col-nd-69 {
    width: 150%; }
  .col-nd-71 {
    width: 14.28571%; }
  .col-nd-72 {
    width: 28.57143%; }
  .col-nd-73 {
    width: 42.85714%; }
  .col-nd-74 {
    width: 57.14286%; }
  .col-nd-75 {
    width: 71.42857%; }
  .col-nd-76 {
    width: 85.71429%; }
  .col-nd-77 {
    width: 100%; }
  .col-nd-78 {
    width: 114.28571%; }
  .col-nd-79 {
    width: 128.57143%; }
  .col-nd-81 {
    width: 12.5%; }
  .col-nd-82 {
    width: 25%; }
  .col-nd-83 {
    width: 37.5%; }
  .col-nd-84 {
    width: 50%; }
  .col-nd-85 {
    width: 62.5%; }
  .col-nd-86 {
    width: 75%; }
  .col-nd-87 {
    width: 87.5%; }
  .col-nd-88 {
    width: 100%; }
  .col-nd-89 {
    width: 112.5%; }
  .col-nd-91 {
    width: 11.11111%; }
  .col-nd-92 {
    width: 22.22222%; }
  .col-nd-93 {
    width: 33.33333%; }
  .col-nd-94 {
    width: 44.44444%; }
  .col-nd-95 {
    width: 55.55556%; }
  .col-nd-96 {
    width: 66.66667%; }
  .col-nd-97 {
    width: 77.77778%; }
  .col-nd-98 {
    width: 88.88889%; }
  .col-nd-99 {
    width: 100%; }
  .col-nd-shift-11 {
    margin-left: 100%; }
  .col-nd-shift-12 {
    margin-left: 200%; }
  .col-nd-shift-13 {
    margin-left: 300%; }
  .col-nd-shift-14 {
    margin-left: 400%; }
  .col-nd-shift-15 {
    margin-left: 500%; }
  .col-nd-shift-16 {
    margin-left: 600%; }
  .col-nd-shift-17 {
    margin-left: 700%; }
  .col-nd-shift-18 {
    margin-left: 800%; }
  .col-nd-shift-19 {
    margin-left: 900%; }
  .col-nd-shift-21 {
    margin-left: 50%; }
  .col-nd-shift-22 {
    margin-left: 100%; }
  .col-nd-shift-23 {
    margin-left: 150%; }
  .col-nd-shift-24 {
    margin-left: 200%; }
  .col-nd-shift-25 {
    margin-left: 250%; }
  .col-nd-shift-26 {
    margin-left: 300%; }
  .col-nd-shift-27 {
    margin-left: 350%; }
  .col-nd-shift-28 {
    margin-left: 400%; }
  .col-nd-shift-29 {
    margin-left: 450%; }
  .col-nd-shift-31 {
    margin-left: 33.33333%; }
  .col-nd-shift-32 {
    margin-left: 66.66667%; }
  .col-nd-shift-33 {
    margin-left: 100%; }
  .col-nd-shift-34 {
    margin-left: 133.33333%; }
  .col-nd-shift-35 {
    margin-left: 166.66667%; }
  .col-nd-shift-36 {
    margin-left: 200%; }
  .col-nd-shift-37 {
    margin-left: 233.33333%; }
  .col-nd-shift-38 {
    margin-left: 266.66667%; }
  .col-nd-shift-39 {
    margin-left: 300%; }
  .col-nd-shift-41 {
    margin-left: 25%; }
  .col-nd-shift-42 {
    margin-left: 50%; }
  .col-nd-shift-43 {
    margin-left: 75%; }
  .col-nd-shift-44 {
    margin-left: 100%; }
  .col-nd-shift-45 {
    margin-left: 125%; }
  .col-nd-shift-46 {
    margin-left: 150%; }
  .col-nd-shift-47 {
    margin-left: 175%; }
  .col-nd-shift-48 {
    margin-left: 200%; }
  .col-nd-shift-49 {
    margin-left: 225%; }
  .col-nd-shift-51 {
    margin-left: 20%; }
  .col-nd-shift-52 {
    margin-left: 40%; }
  .col-nd-shift-53 {
    margin-left: 60%; }
  .col-nd-shift-54 {
    margin-left: 80%; }
  .col-nd-shift-55 {
    margin-left: 100%; }
  .col-nd-shift-56 {
    margin-left: 120%; }
  .col-nd-shift-57 {
    margin-left: 140%; }
  .col-nd-shift-58 {
    margin-left: 160%; }
  .col-nd-shift-59 {
    margin-left: 180%; }
  .col-nd-shift-61 {
    margin-left: 16.66667%; }
  .col-nd-shift-62 {
    margin-left: 33.33333%; }
  .col-nd-shift-63 {
    margin-left: 50%; }
  .col-nd-shift-64 {
    margin-left: 66.66667%; }
  .col-nd-shift-65 {
    margin-left: 83.33333%; }
  .col-nd-shift-66 {
    margin-left: 100%; }
  .col-nd-shift-67 {
    margin-left: 116.66667%; }
  .col-nd-shift-68 {
    margin-left: 133.33333%; }
  .col-nd-shift-69 {
    margin-left: 150%; }
  .col-nd-shift-71 {
    margin-left: 14.28571%; }
  .col-nd-shift-72 {
    margin-left: 28.57143%; }
  .col-nd-shift-73 {
    margin-left: 42.85714%; }
  .col-nd-shift-74 {
    margin-left: 57.14286%; }
  .col-nd-shift-75 {
    margin-left: 71.42857%; }
  .col-nd-shift-76 {
    margin-left: 85.71429%; }
  .col-nd-shift-77 {
    margin-left: 100%; }
  .col-nd-shift-78 {
    margin-left: 114.28571%; }
  .col-nd-shift-79 {
    margin-left: 128.57143%; }
  .col-nd-shift-81 {
    margin-left: 12.5%; }
  .col-nd-shift-82 {
    margin-left: 25%; }
  .col-nd-shift-83 {
    margin-left: 37.5%; }
  .col-nd-shift-84 {
    margin-left: 50%; }
  .col-nd-shift-85 {
    margin-left: 62.5%; }
  .col-nd-shift-86 {
    margin-left: 75%; }
  .col-nd-shift-87 {
    margin-left: 87.5%; }
  .col-nd-shift-88 {
    margin-left: 100%; }
  .col-nd-shift-89 {
    margin-left: 112.5%; }
  .col-nd-shift-91 {
    margin-left: 11.11111%; }
  .col-nd-shift-92 {
    margin-left: 22.22222%; }
  .col-nd-shift-93 {
    margin-left: 33.33333%; }
  .col-nd-shift-94 {
    margin-left: 44.44444%; }
  .col-nd-shift-95 {
    margin-left: 55.55556%; }
  .col-nd-shift-96 {
    margin-left: 66.66667%; }
  .col-nd-shift-97 {
    margin-left: 77.77778%; }
  .col-nd-shift-98 {
    margin-left: 88.88889%; }
  .col-nd-shift-99 {
    margin-left: 100%; }
  .col-nd-full {
    width: 100%; }
  .col-nd-shift-none {
    margin-left: 0px; } }

@media (max-width: 750px) {
  .no-sd {
    display: none; }
  .col-sd-11 {
    width: 100%; }
  .col-sd-12 {
    width: 200%; }
  .col-sd-13 {
    width: 300%; }
  .col-sd-14 {
    width: 400%; }
  .col-sd-15 {
    width: 500%; }
  .col-sd-16 {
    width: 600%; }
  .col-sd-17 {
    width: 700%; }
  .col-sd-18 {
    width: 800%; }
  .col-sd-19 {
    width: 900%; }
  .col-sd-21 {
    width: 50%; }
  .col-sd-22 {
    width: 100%; }
  .col-sd-23 {
    width: 150%; }
  .col-sd-24 {
    width: 200%; }
  .col-sd-25 {
    width: 250%; }
  .col-sd-26 {
    width: 300%; }
  .col-sd-27 {
    width: 350%; }
  .col-sd-28 {
    width: 400%; }
  .col-sd-29 {
    width: 450%; }
  .col-sd-31 {
    width: 33.33333%; }
  .col-sd-32 {
    width: 66.66667%; }
  .col-sd-33 {
    width: 100%; }
  .col-sd-34 {
    width: 133.33333%; }
  .col-sd-35 {
    width: 166.66667%; }
  .col-sd-36 {
    width: 200%; }
  .col-sd-37 {
    width: 233.33333%; }
  .col-sd-38 {
    width: 266.66667%; }
  .col-sd-39 {
    width: 300%; }
  .col-sd-41 {
    width: 25%; }
  .col-sd-42 {
    width: 50%; }
  .col-sd-43 {
    width: 75%; }
  .col-sd-44 {
    width: 100%; }
  .col-sd-45 {
    width: 125%; }
  .col-sd-46 {
    width: 150%; }
  .col-sd-47 {
    width: 175%; }
  .col-sd-48 {
    width: 200%; }
  .col-sd-49 {
    width: 225%; }
  .col-sd-51 {
    width: 20%; }
  .col-sd-52 {
    width: 40%; }
  .col-sd-53 {
    width: 60%; }
  .col-sd-54 {
    width: 80%; }
  .col-sd-55 {
    width: 100%; }
  .col-sd-56 {
    width: 120%; }
  .col-sd-57 {
    width: 140%; }
  .col-sd-58 {
    width: 160%; }
  .col-sd-59 {
    width: 180%; }
  .col-sd-61 {
    width: 16.66667%; }
  .col-sd-62 {
    width: 33.33333%; }
  .col-sd-63 {
    width: 50%; }
  .col-sd-64 {
    width: 66.66667%; }
  .col-sd-65 {
    width: 83.33333%; }
  .col-sd-66 {
    width: 100%; }
  .col-sd-67 {
    width: 116.66667%; }
  .col-sd-68 {
    width: 133.33333%; }
  .col-sd-69 {
    width: 150%; }
  .col-sd-71 {
    width: 14.28571%; }
  .col-sd-72 {
    width: 28.57143%; }
  .col-sd-73 {
    width: 42.85714%; }
  .col-sd-74 {
    width: 57.14286%; }
  .col-sd-75 {
    width: 71.42857%; }
  .col-sd-76 {
    width: 85.71429%; }
  .col-sd-77 {
    width: 100%; }
  .col-sd-78 {
    width: 114.28571%; }
  .col-sd-79 {
    width: 128.57143%; }
  .col-sd-81 {
    width: 12.5%; }
  .col-sd-82 {
    width: 25%; }
  .col-sd-83 {
    width: 37.5%; }
  .col-sd-84 {
    width: 50%; }
  .col-sd-85 {
    width: 62.5%; }
  .col-sd-86 {
    width: 75%; }
  .col-sd-87 {
    width: 87.5%; }
  .col-sd-88 {
    width: 100%; }
  .col-sd-89 {
    width: 112.5%; }
  .col-sd-91 {
    width: 11.11111%; }
  .col-sd-92 {
    width: 22.22222%; }
  .col-sd-93 {
    width: 33.33333%; }
  .col-sd-94 {
    width: 44.44444%; }
  .col-sd-95 {
    width: 55.55556%; }
  .col-sd-96 {
    width: 66.66667%; }
  .col-sd-97 {
    width: 77.77778%; }
  .col-sd-98 {
    width: 88.88889%; }
  .col-sd-99 {
    width: 100%; }
  .col-sd-shift-11 {
    margin-left: 100%; }
  .col-sd-shift-12 {
    margin-left: 200%; }
  .col-sd-shift-13 {
    margin-left: 300%; }
  .col-sd-shift-14 {
    margin-left: 400%; }
  .col-sd-shift-15 {
    margin-left: 500%; }
  .col-sd-shift-16 {
    margin-left: 600%; }
  .col-sd-shift-17 {
    margin-left: 700%; }
  .col-sd-shift-18 {
    margin-left: 800%; }
  .col-sd-shift-19 {
    margin-left: 900%; }
  .col-sd-shift-21 {
    margin-left: 50%; }
  .col-sd-shift-22 {
    margin-left: 100%; }
  .col-sd-shift-23 {
    margin-left: 150%; }
  .col-sd-shift-24 {
    margin-left: 200%; }
  .col-sd-shift-25 {
    margin-left: 250%; }
  .col-sd-shift-26 {
    margin-left: 300%; }
  .col-sd-shift-27 {
    margin-left: 350%; }
  .col-sd-shift-28 {
    margin-left: 400%; }
  .col-sd-shift-29 {
    margin-left: 450%; }
  .col-sd-shift-31 {
    margin-left: 33.33333%; }
  .col-sd-shift-32 {
    margin-left: 66.66667%; }
  .col-sd-shift-33 {
    margin-left: 100%; }
  .col-sd-shift-34 {
    margin-left: 133.33333%; }
  .col-sd-shift-35 {
    margin-left: 166.66667%; }
  .col-sd-shift-36 {
    margin-left: 200%; }
  .col-sd-shift-37 {
    margin-left: 233.33333%; }
  .col-sd-shift-38 {
    margin-left: 266.66667%; }
  .col-sd-shift-39 {
    margin-left: 300%; }
  .col-sd-shift-41 {
    margin-left: 25%; }
  .col-sd-shift-42 {
    margin-left: 50%; }
  .col-sd-shift-43 {
    margin-left: 75%; }
  .col-sd-shift-44 {
    margin-left: 100%; }
  .col-sd-shift-45 {
    margin-left: 125%; }
  .col-sd-shift-46 {
    margin-left: 150%; }
  .col-sd-shift-47 {
    margin-left: 175%; }
  .col-sd-shift-48 {
    margin-left: 200%; }
  .col-sd-shift-49 {
    margin-left: 225%; }
  .col-sd-shift-51 {
    margin-left: 20%; }
  .col-sd-shift-52 {
    margin-left: 40%; }
  .col-sd-shift-53 {
    margin-left: 60%; }
  .col-sd-shift-54 {
    margin-left: 80%; }
  .col-sd-shift-55 {
    margin-left: 100%; }
  .col-sd-shift-56 {
    margin-left: 120%; }
  .col-sd-shift-57 {
    margin-left: 140%; }
  .col-sd-shift-58 {
    margin-left: 160%; }
  .col-sd-shift-59 {
    margin-left: 180%; }
  .col-sd-shift-61 {
    margin-left: 16.66667%; }
  .col-sd-shift-62 {
    margin-left: 33.33333%; }
  .col-sd-shift-63 {
    margin-left: 50%; }
  .col-sd-shift-64 {
    margin-left: 66.66667%; }
  .col-sd-shift-65 {
    margin-left: 83.33333%; }
  .col-sd-shift-66 {
    margin-left: 100%; }
  .col-sd-shift-67 {
    margin-left: 116.66667%; }
  .col-sd-shift-68 {
    margin-left: 133.33333%; }
  .col-sd-shift-69 {
    margin-left: 150%; }
  .col-sd-shift-71 {
    margin-left: 14.28571%; }
  .col-sd-shift-72 {
    margin-left: 28.57143%; }
  .col-sd-shift-73 {
    margin-left: 42.85714%; }
  .col-sd-shift-74 {
    margin-left: 57.14286%; }
  .col-sd-shift-75 {
    margin-left: 71.42857%; }
  .col-sd-shift-76 {
    margin-left: 85.71429%; }
  .col-sd-shift-77 {
    margin-left: 100%; }
  .col-sd-shift-78 {
    margin-left: 114.28571%; }
  .col-sd-shift-79 {
    margin-left: 128.57143%; }
  .col-sd-shift-81 {
    margin-left: 12.5%; }
  .col-sd-shift-82 {
    margin-left: 25%; }
  .col-sd-shift-83 {
    margin-left: 37.5%; }
  .col-sd-shift-84 {
    margin-left: 50%; }
  .col-sd-shift-85 {
    margin-left: 62.5%; }
  .col-sd-shift-86 {
    margin-left: 75%; }
  .col-sd-shift-87 {
    margin-left: 87.5%; }
  .col-sd-shift-88 {
    margin-left: 100%; }
  .col-sd-shift-89 {
    margin-left: 112.5%; }
  .col-sd-shift-91 {
    margin-left: 11.11111%; }
  .col-sd-shift-92 {
    margin-left: 22.22222%; }
  .col-sd-shift-93 {
    margin-left: 33.33333%; }
  .col-sd-shift-94 {
    margin-left: 44.44444%; }
  .col-sd-shift-95 {
    margin-left: 55.55556%; }
  .col-sd-shift-96 {
    margin-left: 66.66667%; }
  .col-sd-shift-97 {
    margin-left: 77.77778%; }
  .col-sd-shift-98 {
    margin-left: 88.88889%; }
  .col-sd-shift-99 {
    margin-left: 100%; }
  .col-sd-full {
    width: 100%; }
  .col-sd-shift-none {
    margin-left: 0px; } }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
input, textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  vertical-align: bottom;
  transition: background-color 0.2s linear 0s; }
  input[type=datetime], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime-local], textarea[type=datetime], textarea[type=date], textarea[type=month], textarea[type=week], textarea[type=time], textarea[type=datetime-local] {
    text-align: center; }
  input[type=number], textarea[type=number] {
    text-align: right; }
  input, textarea {
    background-color: #fafafa;
    border-color: #cccccc;
    color: #999999; }
    input:focus, textarea:focus {
      background-color: white; }
  input.primary, textarea.primary {
    background-color: #afceed;
    border-color: #65a1db;
    color: #296eb1; }
    input.primary:focus, textarea.primary:focus {
      background-color: #c4dbf1; }
  input.success, textarea.success {
    background-color: #d4ecd4;
    border-color: #94d094;
    color: #4eb14d; }
    input.success:focus, textarea.success:focus {
      background-color: #e6f4e5; }
  input.info, textarea.info {
    background-color: #edf8fb;
    border-color: #a1daec;
    color: #4cb8db; }
    input.info:focus, textarea.info:focus {
      background-color: white; }
  input.warning, textarea.warning {
    background-color: #fef8ef;
    border-color: #f7d09a;
    color: #f0a43b; }
    input.warning:focus, textarea.warning:focus {
      background-color: white; }
  input.danger, textarea.danger {
    background-color: #f9e2e1;
    border-color: #e89996;
    color: #d64842; }
    input.danger:focus, textarea.danger:focus {
      background-color: #fdf6f6; }

.ui-input-join {
  display: inline-block; }
  .ui-input-join > .ui-unit {
    display: inline-block; }
    .ui-input-join > .ui-unit {
      border: 1px solid;
      background-color: gray;
      border-color: #666666;
      color: white; }
      .ui-input-join > .ui-unit:hover {
        background-color: gray; }
  .ui-input-join > input, .ui-input-join > .ui-unit {
    border-radius: 0; }
    .ui-input-join > input:first-child, .ui-input-join > .ui-unit:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .ui-input-join > input:last-child, .ui-input-join > .ui-unit:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .ui-input-join > input + input[type=text], .ui-input-join > .ui-unit + input[type=text] {
      margin-left: -1px; }

/*
  ########## ボタン ##########
*/
.ui-btn, button, input[type=submit], input[type=image], input[type=reset] {
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  padding: 0.5em 0.8em;
  vertical-align: bottom;
  cursor: pointer; }
  .ui-btn[type=image], button[type=image], input[type=submit][type=image], input[type=image][type=image], input[type=reset][type=image] {
    padding: 0;
    overflow: hidden; }
  .ui-btn, button, input[type=submit], input[type=image], input[type=reset] {
    background-color: #999;
    border-color: gray;
    color: #fff; }
    .ui-btn:hover, button:hover, input[type=submit]:hover, input[type=image]:hover, input[type=reset]:hover {
      background-color: #a6a6a6; }
  .ui-btn.primary, button.primary, input[type=submit].primary, input[type=image].primary, input[type=reset].primary {
    background-color: #296eb1;
    border-color: #1f5488;
    color: #fff; }
    .ui-btn.primary:hover, button.primary:hover, input[type=submit].primary:hover, input[type=image].primary:hover, input[type=reset].primary:hover {
      background-color: #2e7bc6; }
  .ui-btn.success, button.success, input[type=submit].success, input[type=image].success, input[type=reset].success {
    background-color: #4eb14d;
    border-color: #3e8d3e;
    color: #fff; }
    .ui-btn.success:hover, button.success:hover, input[type=submit].success:hover, input[type=image].success:hover, input[type=reset].success:hover {
      background-color: #5fb95e; }
  .ui-btn.info, button.info, input[type=submit].info, input[type=image].info, input[type=reset].info {
    background-color: #4cb8db;
    border-color: #29a3cb;
    color: #fff; }
    .ui-btn.info:hover, button.info:hover, input[type=submit].info:hover, input[type=image].info:hover, input[type=reset].info:hover {
      background-color: #61c0df; }
  .ui-btn.warning, button.warning, input[type=submit].warning, input[type=image].warning, input[type=reset].warning {
    background-color: #f0a43b;
    border-color: #e68d12;
    color: #fff; }
    .ui-btn.warning:hover, button.warning:hover, input[type=submit].warning:hover, input[type=image].warning:hover, input[type=reset].warning:hover {
      background-color: #f2af53; }
  .ui-btn.danger, button.danger, input[type=submit].danger, input[type=image].danger, input[type=reset].danger {
    background-color: #d64842;
    border-color: #bc2f29;
    color: #fff; }
    .ui-btn.danger:hover, button.danger:hover, input[type=submit].danger:hover, input[type=image].danger:hover, input[type=reset].danger:hover {
      background-color: #db5c57; }

/*
  ########## カラーピッカー ##########
*/
input[type="color"] {
  -webkit-appearance: none;
  border: none;
  width: 32px;
  height: 32px;
  color: none;
  background-color: none; }

/*
  ########## ラジオ・チェックボックス ##########
*/
.ui-radios input[type="radio"], input[type="radio"].ui-radio,
.ui-checkboxes input[type="checkbox"], input[type="checkbox"].ui-checkbox {
  display: none; }
  .ui-radios input[type="radio"] + label, input[type="radio"].ui-radio + label,
  .ui-checkboxes input[type="checkbox"] + label, input[type="checkbox"].ui-checkbox + label {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
  .ui-radios input[type="radio"] + label:before, input[type="radio"].ui-radio + label:before,
  .ui-checkboxes input[type="checkbox"] + label:before, input[type="checkbox"].ui-checkbox + label:before {
    content: "";
    width: 1em;
    height: 1em;
    border: 2px solid #ccc;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
    margin-right: 0.4em; }

.ui-radios input[type="radio"] + label:before, input[type="radio"].ui-radio + label:before {
  border-radius: 100%; }

.ui-radios input[type="radio"] + label:after, input[type="radio"].ui-radio + label:after {
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  bottom: 0.5em;
  left: 0.8em;
  transform: scale(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  background-color: #d64842;
  transition: transform 0.1s ease-in-out 0s , opacity 0.1s ease-in-out 0s; }

.ui-radios input[type="radio"]:checked + label:after, input[type="radio"].ui-radio:checked + label:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(0.5); }

.ui-checkboxes input[type="checkbox"] + label:after, input[type="checkbox"].ui-checkbox + label:after {
  content: "";
  width: 0em;
  height: 0em;
  position: absolute;
  bottom: 0.85em;
  left: 1.52em;
  transform: rotate(45deg);
  border: 2px solid;
  border-color: transparent rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) transparent;
  transition: width 0.1s ease-in 0s ,height 0.1s ease-out 0.1s ,border-color .2s ease-in-out 0s,left .2s ease-in-out 0s; }

.ui-checkboxes input[type="checkbox"]:checked + label:after, input[type="checkbox"].ui-checkbox:checked + label:after {
  width: 0.25em;
  height: 0.6em;
  left: 1.28em;
  transform: rotate(45deg);
  border: 2px solid;
  border-color: transparent #d64842 #d64842 transparent; }

input, textarea, .ui-btn, button, label, .ui-input-join > .ui-unit {
  display: inline-block;
  font-size: 1em;
  line-height: 1.2em;
  padding: 0.5em 0.8em;
  box-sizing: border-box; }
  input:focus, textarea:focus, .ui-btn:focus, button:focus, label:focus, .ui-input-join > .ui-unit:focus {
    outline: 0; }

/* Loading element */
#loading {
  width: 10px;
  height: 10px;
  padding: 85px;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.8);
  margin: -90px;
  left: 50%;
  top: 50%;
  z-index: 100000;
  position: fixed;
  transition: opacity 1s, visibility 0s ease 1s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden; }
  .is-transition-start #loading {
    transition-delay: 0s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; }
  #loading .loader {
    color: #ffffff;
    font-size: 10px;
    margin: 0;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: load4 1.3s infinite linear;
    transform: translateZ(0); }

@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

/* Paginator */
.pagenum, .paginator {
  text-align: center; }
  .pagenum ul, .pagenum li, .paginator ul, .paginator li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .pagenum li, .paginator li {
    display: inline-block;
    background-color: #fff;
    font-size: 12px;
    border-radius: 32px;
    padding: 0.4em;
    line-height: 1em;
    min-width: 20px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
    .pagenum li a, .paginator li a {
      text-decoration: none; }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
.post-single h2 small {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal; }
  .post-single h2 small a {
    display: inline-block;
    background-color: #999;
    color: #fff;
    border-radius: 16px;
    padding: 0.3em 0.8em;
    line-height: 1em;
    text-decoration: none; }

/* 基本設定群 */
/* #### 配色 #### */
/* #### レイアウト #### */
/* #### スクリーンサイズ #### */
/* #### レイアウト #### */
/* #### ユーザーインターフェース #### */
.post-archive .post-header {
  display: block;
  border-bottom: 1px dashed #999;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em; }
  @media (max-width: 750px) {
    .post-archive .post-header {
      font-size: 80%; }
      .post-archive .post-header h2 {
        font-size: 2.0rem;
        line-height: 1.2rem; } }

.contents-h1 {
  color: #fff;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  font-size: 250%;
  position: relative;
  top: -0.3em; }
  @media (max-width: 750px) {
    .contents-h1 {
      font-size: 200%;
      margin-top: 0px; } }

@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

.map-wrapper {
  overflow: hidden;
  margin: 7.5px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
  .map-wrapper iframe {
    display: block; }

dl.shop-detail, .shop-detail-widget {
  line-height: 1.2em;
  padding: 0.4em 0.8em 0.4em 0;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem; }
  dl.shop-detail dt, dl.shop-detail dd, dl.shop-detail h3, dl.shop-detail div, .shop-detail-widget dt, .shop-detail-widget dd, .shop-detail-widget h3, .shop-detail-widget div {
    padding: 0.4em 0; }
  dl.shop-detail dt, dl.shop-detail h3, .shop-detail-widget dt, .shop-detail-widget h3 {
    font-weight: bold;
    font-size: 90%;
    border-bottom: 1px solid #fff;
    color: inherit;
    margin: 0; }
  dl.shop-detail h3, .shop-detail-widget h3 {
    margin-bottom: 0.5em; }
  dl.shop-detail dd > div, dl.shop-detail div > div, .shop-detail-widget dd > div, .shop-detail-widget div > div {
    font-size: 70%;
    line-height: 1.4em; }
    dl.shop-detail dd > div:first-child, dl.shop-detail div > div:first-child, .shop-detail-widget dd > div:first-child, .shop-detail-widget div > div:first-child {
      margin-top: .3em; }
  dl.shop-detail div.textwidget p, .shop-detail-widget div.textwidget p {
    margin: 0.3em 0; }

.column.barba-container {
  margin-top: 2em;
  margin-bottom: 2em; }

#mainvisual-unit {
  background-color: #fff;
  background-image: url(../images/hn/header_bg.jpg);
  background-size: cover;
  background-position: center;
  margin-top: -76px;
  transition: opacity 0.3s ease-in-out 0s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  padding-top: 76px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  #mainvisual-unit.empty {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  #mainvisual-unit.double {
    margin-top: -152px; }
    @media (max-width: 750px) {
      #mainvisual-unit.double {
        margin-top: 0;
        padding-top: 0; } }
  @media (min-width: 751px) {
    #mainvisual-unit {
      min-height: 82px; } }
  #mainvisual-unit h1 img {
    width: calc(100% - 80px);
    max-width: 320px;
    display: block;
    margin: 0 auto; }

.header-shop-detail {
  color: #fff;
  text-shadow: 0 2px 2px #000; }
  .header-shop-detail, .header-shop-detail > li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .header-shop-detail > li {
    padding: 5px 0; }
  .header-shop-detail .phone {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold; }
    .header-shop-detail .phone > .notice {
      font-size: 50%; }
  .header-shop-detail .notice {
    display: block;
    font-size: 80%;
    line-height: 1.2em; }

.tile_photos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .tile_photos, .tile_photos > li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .tile_photos > li {
    width: calc(33% - 20px);
    margin: 10px 10px;
    max-width: 280px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
    @media (max-width: 750px) {
      .tile_photos > li {
        width: calc(50% - 20px); } }
  .tile_photos img {
    width: 100%;
    display: block; }
  .tile_photos.rounded li {
    border-radius: 8px; }
  .tile_photos.bordered li {
    border: 4px solid #ffae00;
    box-sizing: border-box;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5) inset; }

.tile_staffs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .tile_staffs, .tile_staffs > li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .tile_staffs > li {
    width: calc(33% - 20px);
    margin: 10px 10px;
    max-width: 280px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    line-height: 1.4em;
    font-size: 13px;
    font-size: 1.3rem; }
    @media (max-width: 750px) {
      .tile_staffs > li {
        width: calc(50% - 20px); } }
    .tile_staffs > li strong {
      font-size: 120%; }
  .tile_staffs img {
    width: 100%;
    display: block;
    border-radius: 2px;
    margin-bottom: 10px; }
  .tile_staffs img + br {
    display: none; }

.simple-list, .simple-list > li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.simple-list > li {
  border-bottom: 1px solid #ccc;
  padding: 0.5em 0.8em;
  clear: both; }

.bx-wrapper {
  border: none !important;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5) !important; }
  .bx-wrapper img {
    display: block;
    margin: 0 auto; }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #fff !important;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
    .bx-wrapper .bx-pager.bx-default-pager a.active {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.slide-cell {
  position: relative;
  background-color: #666;
  overflow: hidden; }
  .slide-cell .slide-image-wrapper {
    position: relative;
    z-index: 10;
    padding-top: 86px;
    padding-bottom: 16px; }
    @media (max-width: 750px) {
      .slide-cell .slide-image-wrapper {
        padding-top: 0px;
        padding-bottom: 0px; } }
    .slide-cell .slide-image-wrapper > img {
      box-shadow: 0 0 64px rgba(0, 0, 0, 0.3);
      display: block;
      border-radius: 8px;
      width: calc(100% - 24px);
      max-width: 900px;
      margin: 0 auto; }
      @media (max-width: 750px) {
        .slide-cell .slide-image-wrapper > img {
          border-radius: 0;
          width: 100%; } }
  .slide-cell .slide-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    background-position: center;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
    filter: blur(10px);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .deactivated .slide-cell {
    display: none; }
    .deactivated .slide-cell:first-child {
      display: block; }

.simple-list-photo {
  float: left;
  width: 100px;
  padding: 8px 8px 8px 0; }
  .simple-list-photo img {
    display: block;
    max-width: 100%;
    border-radius: 16px; }

.news_list > li {
  margin-top: 15px;
  margin-top: 1.5rem; }
  .news_list > li .news_date {
    font-size: 16px;
    line-height: 1;
    color: #999; }
  .news_list > li .cat {
    display: inline-block;
    margin-left: 5px;
    vertical-align: text-top;
    border: 1px solid #999;
    color: #999;
    font-size: 10px;
    padding: 2px;
    line-height: 1;
    border-radius: 3px; }
  .news_list > li .news_title {
    display: block;
    font-size: 20px;
    font-weight: bold; }

.panel.force-remove-heading-line > h3:first-child {
  padding-bottom: 0;
  border-bottom: 0; }

.has-text-align-right {
  text-align: right; }

.has-text-align-center {
  text-align: center; }

.post-sidecolumn {
  font-size: 16px;
  font-size: 1.6rem; }
  .post-sidecolumn h3 {
    font-size: 105%;
    border-bottom: 1px solid #ccc;
    line-height: 1.3em;
    padding-bottom: 0.3em; }
  .post-sidecolumn ul {
    padding-left: 0.25em; }
  .post-sidecolumn ul > li {
    list-style-type: none;
    border-left: 3px solid #ccc;
    padding-left: 0.5em;
    margin: 0.2em 0; }
  .post-sidecolumn #searchform .screen-reader-text {
    display: none; }
  .post-sidecolumn #searchform > div {
    margin-top: 0.5em;
    display: -ms-flexbox;
    display: flex; }