@charset "utf-8";

body {
  width: 100%;
  height: 100%;
  line-height: 1;
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
		-webkit-text-size-adjust:100%;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent; }


ul, ol, dl { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

h2, h3, h4, h6 {
	margin-top: 0;	
	padding-right: 16px;
	padding-left: 0px; 
}

/*/////////////////// */
section.maintenance { text-align: center; padding: 60px 24px; }

.logo { width: 200px; height: auto; margin-bottom: 32px;}

h1 { font-size: 1.2rem; margin-bottom: 20px; }

.message { font-size: .95rem; width: 100%; max-width: 460px; text-align: left; line-height: 1.8; margin: 0 auto 20px; }
@media screen and (max-width: 640px) {
	h1 { font-size: 1rem; margin-bottom: 20px; }
	.message { font-size: .95rem; width: 100%; max-width: 460px; text-align: left; line-height: 1.8; margin: 0 auto 20px; }
}
  .st-list { text-align: center;
    padding-top: 40px; }
    .st-list h2 {
      text-align: center;
      position: relative;
      margin-bottom: 48px; }
      .st-list h2 span {
        vertical-align: baseline;
        letter-spacing: .24em;
        text-indent: .3em; }
        .st-list h2 span.jpn {
          font-size: 124%;
          font-weight: 200; }
        .st-list h2 span.eng {
          color: #A19377;
          font-size: 93%;
          font-family: 'Work Sans', sans-serif;
          font-weight: 400;
          line-height: 2.0; }
          .st-list h2 span.eng::before {
            content: "\A";
            white-space: pre; }
    .st-list .st-unit {
      text-align: center;
      width: 100%;
      padding: 0 0 40px;
      margin: 0 auto 64px;
      position: relative; }
      .st-list .st-unit .bt-more {
        text-align: center;
        display: inline-block;
        width: 240px;
        padding: 6px 24px;
        margin-bottom: 20px;
        box-sizing: border-box;
        color: #fff;
        background: #464445;
        text-decoration: none;
        font-size: 93%;
        letter-spacing: .05em; }
        .st-list .st-unit .bt-more::before {
          display: inline-block;
          content: "▶︎";
          font-size: 77%;
          margin-right: 8px; }
        .st-list .st-unit .bt-more:hover {
          background: rgba(70, 68, 69, 0.8); }
      .st-list .st-unit .thumb {
        display: inline-block;
        width: 100%;
        margin-bottom: 24px; }
        .st-list .st-unit .thumb img {
          width: 100%;
          height: auto; }
      .st-list .st-unit .info {
        display: inline-block;
        width: 100%; }
        .st-list .st-unit .info h3 {
          margin-bottom: 12px; }
          .st-list .st-unit .info h3 span {
            vertical-align: middle; }
            .st-list .st-unit .info h3 span.salon {
              font-size: 131%;
              font-weight: 400;
              letter-spacing: .1em;
              margin-right: 8px; }
            .st-list .st-unit .info h3 span.box {
              width: 80px;
              font-size: 93%;
              font-weight: 300;
              padding: 2px 4px;
              box-sizing: border-box;
              letter-spacing: .15em;
              border: 1px solid #464445; }
        .st-list .st-unit .info p.telephone {
          font-family: 'Lato', sans-serif;
          letter-spacing: .15em;
          margin-bottom: 8px; }
          .st-list .st-unit .info p.telephone span {
            font-size: 124%;
            font-weight: 400;
            vertical-align: baseline; }
          .st-list .st-unit .info p.telephone strong {
            font-size: 231%;
            font-weight: 400;
            vertical-align: baseline; }
        .st-list .st-unit .info .addr {
	        display: inline-block;
          font-size: 77%;
          text-align: left;
          max-width: 520px;
          line-height: 1.8;
          letter-spacing: .05em; }