@charset "utf-8";
/*
Theme Name: MIREIYU ver 001
*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
# Global selectors
# ================================================================= */

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

* {
  box-sizing: border-box;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
# General elements
# ================================================================= */

/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
# Forms
# ================================================================= */

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto; /* Firefox 36+ */
}

[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
# Specify media element style
# ================================================================= */

img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
# Accessibility
# ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
# Selection
# ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/* =================================================================  end ress.css */

li {
  list-style: none;
}

/* フォームブラウザ間統一 */
form {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

select, input, textarea, button {
  vertical-align:middle;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
  position:relative;
  margin: 0 4px 2px 0;
  *margin-right:3px;
  top:-1px;
}

input {
  height: 16px;
  line-height: 16px;
}

button, input[type="button"] {
  overflow:visible;
  height:22px;
  padding:0 3px;
}

select {
  height: 20px;
  line-height: 20px;
}

input[type="checkbox"],
input[type="radio"] {
  border:none;
  top:-2px;
  top:0\9;
  margin-right:2px;
  margin-right: 0\9;
}

/* フォームブラウザ間統一 ここまで*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


body {
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
@media only screen and 
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* ----------------------------------------------------------------------------------------------------
*  general
* --------------------------------------------------------------------------------------------------*/

body {
  line-height: 1.47;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
}

body > div {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
}

img {
  display: block;
  font-size: 0;
  height: auto;
  line-height: 0;
  margin: auto;
  max-width: 100%;
  vertical-align: bottom;
}

th {
  font-weight: normal;
}

a {
  outline: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
/* ---------------------------------
link presudo
--------------------------------- */
a,
a span {
  color: #bd8344;
  text-decoration: none;
}
a:hover,
a:hover span,
a.current {
  color: #bd8344;
  text-decoration:underline;
}
a:active {
  color: #bd8344;
  text-decoration:none;
}
a:active,
a:focus {
  outline:none;
}

/****************************************
General Setting
*****************************************/

span {
  color: #c64744;
  font-weight: bold;
}

section {
/*   -webkit-border-radius: 3px;
border-radius: 3px; */
margin: 17vw auto;
}

section h2 {
  color: #555;
  font-size: 2.6rem;
  font-weight: normal;
  text-align: center;
}

section p {
 line-height: 1.7;
 text-align: justify;
 text-justify: inter-ideograph;
}

.mainimage.lowpage {
  width: 100%;
}

.mainimage.lowpage img {
  width: 100%;
  max-width: 100%;
}





section.low-intro {
  background: #FFF;
  margin: 6vw auto;
  width: 90%;
}

section.low-intro h2 {
 padding: 13.666vw 0 0;
}

section.low-intro p {
  padding: 6.333vw 6.333vw 13.666vw;
}



.low-content h2 {
  position: relative;
  padding-bottom: 3vw;
}

.low-content h2:after {
  background: #777;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin-left: -10%;
  position: absolute;
  width: 20%;
}

.low-content h3 {
  padding: 8.666vw;
}

/****************************************
Typography
*****************************************/

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

/****************************************
display none
*****************************************/

.pcOnly {
  display: none;
}

/****************************************
New header
*****************************************/


/****************************************
New サイド セミフッター
*****************************************/
.side > ul >li {
  background: #F5F3F3;
  padding: 5.666vw ;
}


.side_info {
 border: 1px solid #555;
 padding: 5.666vw ;
}

.side_info h2 {
  margin: auto;
  width: 90%;
}

.side_info h2 img {
  width: 42%;
}

.side_info p {
  margin-top: 8vw;
}

.side_info p.annnai {
  border: 1px solid #ddd;
  text-align: center;
}

.side_info p.annnai a {
  background: #FFF;
  display: block;
  line-height: 1;
  padding: 15px 0;
}


.footerside-sns {
  padding: 14.3333vw 0;
}

.footerside-sns ul {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: auto;
  width: 70%;
  -webkit-align-items: center;
  align-items: center;
}

.footerside-sns ul li {
  width: 14%;
}

/****************************************
New フッター
*****************************************/

section.footer {
  background: #FFF;
  width: 100%;
  text-align: center;
  border-top: 1px solid #e4e4e4;
  margin: 0;
}

section.footer ul {
  padding: 4vw 0;
}

section.footer li {
}

section.footer li a {
  color: #000;
  display: block;
  padding: 4.7vw 0;
}



footer {
  background: #F9F9F9;
  padding: .8em 0;
  text-align: center;
  margin-bottom: 54px
}

small {
  font-size: 0.6rem;
  line-height: 1;
}


/****************************************
top page
*****************************************/
section.top-recommend > ul {
  margin: 10vw auto 0;
  width: 90%;
}

section.top-recommend > ul > li:not(:last-child) {
  border-bottom: 1px solid #bbb;
  margin-bottom: 12vw;
  padding-bottom: 12vw;
}

top-recommend span {
  color: #c64744;
}

.top-recommend-cont ul {
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}


.top-recommend-cont ul li:nth-of-type(2),
.top-recommend-cont ul li:nth-of-type(3) {
}


.top-recommend-cont ul li img {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 80%;
}

.top-recommend-cont ul li h3 {
  color: #000;
  font-weight: 500;
  text-align: center;
  letter-spacing: .1rem;
  margin: 5vw 0;
}

.top-recommend-cont ul li h3 span {
  display: block;
}


.top-recommend-cont ul li:nth-of-type(3) p {
  font-weight: bold;
  line-height: 1.42;
  padding: 0 16px 16px;
}

.top-recommend-cont ul li:nth-of-type(4) p {
  background: #FFF;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  line-height: 1.7;
  padding: 18px 18px 0 18px;
}

.top-recommend-cont ul li:nth-of-type(5) p {
  background: #FFF;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius:  0 0 10px 10px;
  padding: 7px 18px 18px 18px;
  text-align: center;
}

.top-recommend-cont ul li:nth-of-type(5) p span:nth-of-type(1) {
  background: #D7A58E;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  margin: 0 auto 7px;
  padding: 5px 4px 1px;
  width: 120px;
}

.top-recommend-cont ul li:nth-of-type(5) p span:nth-of-type(2) {
  color: #CD6D41;
  font-size: 2.0rem;
}



section.top-contents {
 background: #FFF;
 margin: 0 auto 0;
 padding-bottom: 13.333vw;
}

section.top-contents h2 {
  color: #825F32;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-ideograph;
}

section.top-contents h2 {
 padding: 13.666vw 13.333vw 4.333vw;
}

section.top-contents img {
}

section.top-contents ul {
  padding: 0 13.333vw;
}

section.top-contents li {
  color: #333;
  margin-top: 8vw;
  line-height: 1.5;
}

section.top-contents p {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: #f4eceb;
  padding: 6vw;
  margin: 5.333vw;
}




/****************************************
salon page
*****************************************/

.gmap-wrap iframe {
  width: 100%;
}


/****************************************
qa page
*****************************************/
section.qa-cont li {
  background: #FFF;
  margin: 6vw auto;
  padding: 6.333vw;
  width: 90%;
}


section.qa-cont dt {
  font-weight: bold;
  margin-bottom: 2vw;
}


/****************************************
New 申し込み
*****************************************/

section.inq-cont {
  background: #FFF;
  margin: 6vw auto 14vw;
  width: 90%;
}

section.inq-cont p {
  padding: 6.333vw 6.333vw 13.666vw;
}

.p-form {
  padding-top: 3vw;
  margin: auto;
  width: 78vw;
}

dl.mailform {
  border-top: 1px solid #f1e8e7;
  padding: 1.06667vw 0 6.66667vw 0;
}

.p-form dt {
  width: 100%;
  font-weight: 700;
  font-size: 3.73333vw;
  line-height: 12vw;
  position: relative;
}

.p-form dt.must:after {
  color: #aa5c53;
  content: "必須";
  font-size: 2.4vw;
  width: 9.6vw;
  height: 5.33333vw;
  line-height: 6.13333vw;
  position: relative;
  display: inline-block;
  top: -2px;
  border: 1px solid #e4c6c3;
  text-align: center;
  margin-left: 7px;
  vertical-align: middle;
}

.p-form dd input {
  height: 13.33333vw;
  padding: 0 4vw;
  border-radius: 0;
}

.p-form dd input {
  border: 1px solid #f1e8e7;
  background-color: #f4f4f4;
}

.p-form-mail dd input {
  width: 68vw;
}

.p-form dd textarea {
  border: 1px solid #f1e8e7;
  background-color: #f4f4f4;
  resize: none;
}

.p-form dd textarea {
  border-radius: 0;
  width: 68vw;
  height: 66.66667vw;
  padding: 2vw 4vw;
}

.p-form button {
  width: 100%;
}

.p-form button div {
  color: #fff;
  border-radius: 50px;
  background: #d8a6a1;
  font-weight: bold;
  padding: 14px 0;
}

/****************************************
school
*****************************************/
.school-cont p {
  background: #FFF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  line-height: 1.7;
  margin:0 auto;
  padding: 18px;
  width: 90%;
}

ul.low-cont-list-bgnone {
  margin: auto;
  width: 72%;
}

ul.low-cont-list-bgnone li {
  margin-top: 7vw;
  line-height: 1.78;
}

ul.low-cont-list-bgnone li span {
  font-weight: bold;
}

ul.school-menu {
  margin: auto;
  width: 90%;
}

ul.school-menu li:not(:last-child) {
  margin-bottom: 7vw;
}

ul.school-menu li h3 {
  padding:0 10.666vw;
}

ul.school-menu li p {
  padding:0 10.666vw 10.666vw;
}

ul.school-menu li .school-menu-inner {
  background: #FFF;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

ul.school-menu li .school-menu-inner img {
  -webkit-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
}

ul.school-menu li .school-menu-inner h3 {
  color: #000;
  font-weight: 500;
  text-align: center;
  margin: 5vw 0;
}

ul.school-menu li .school-menu-inner h3 span {
  display: block;
}

ul.flow-image {
  display: flex;
  overflow-x: scroll;
}

ul.flow-image li {
  flex: 0 0 60%;
  position: relative;
  width: 24%;
}

ul.flow-image li {
  padding-right: 20px;
}

ul.flow-image li:not(:last-child):after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  content: "";
  right: 1px;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #777;
}

section.low-content.flow-cont.last-flow ul.flow-image li:after {
  content: none;
}

ul.flow-image li h3 {
  text-align: center;
  padding: 0;
}

.flow-cont p {
  background: #FFF;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 5vw;
  margin: auto;
  width: 90%;
}

h2.padding {
  padding: 0 10.333vw 10.333vw;
}

.support-kyurara p {
  background: #FFF;
  margin: auto;
  width: 90%;
  padding: 7vw;
}


/****************************************
menu page
*****************************************/
#ui-tab {
  margin: 0 auto 6vw;
  width: 90%;
}

.ui-widget.ui-widget-content {
  border: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0;
}
.ui-widget-content {
  border: none;
  background: none;
  color: #333;
}
.ui-widget {
  font-family: ;
  font-size: 1em;
}
.ui-tabs {
  position: relative;
  padding: 0;
}

.ui-widget-header {
  border: none;
  background: none;
  color: #333;
  font-weight: normal;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: none;
  position: relative;
  top: 0;
  margin: 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: none;
  background: none;
  font-weight: normal;
  color: #333;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none;
  background: none;
  font-weight: normal;
  color: #333;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: none;
  padding: 0;
  text-decoration: none;
}




.ui-tabs .ui-tabs-nav {
  display: flex;
/*   -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: auto;
  padding: 0;
  width: 98%;
}

.ui-tabs .ui-tabs-nav li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  margin: 0;
  padding: 14px 0;
  width: calc(100%/3);
  border-left: 1px solid #ecb0bc;
  border-top: 1px solid #ecb0bc;
  border-right: 1px solid #ecb0bc;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #f2d6db;
}

.ui-tabs .ui-tabs-nav li a {
  display: block;
  text-align: center;
  
}
.ui-tabs .ui-tabs-nav li a span {
  color: #6d0606;
  font-size: 1.4rem;
}

.ui-tabs .ui-tabs-panel {
  border: none;
  background: #FFF;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 4vw;
}



.menu > h2 {
  color: #555;
  font-size: 3.0rem;
  margin: 0 0 50px;
  text-align: left;
  padding: 28px 0 22px;
  position: relative;
}

.menu > h2:after {
  background: #777;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  width: 40px;
  position: absolute;
}

.menu > h3 {
  color: #555;
  font-size: 2.4rem;
  margin: 0;
  text-align: left;
  padding: 45px 0 22px;
  position: relative;
}

.menu > h3:after {
  background: #777;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  width: 40px;
  position: absolute;
}

.menu > p + h3,
.menu > ul + h3 {
  color: #6d0606;
  font-size: 1.5rem;
  margin: 0 0 30px;
  text-align: left;
  padding: 28px 0 0;
  position: relative;
}

.menu > ul + h3 {
  margin: 80px 0 30px;
}

.menu > ul li h3 {
  font-size: 1.4rem;
  color:#4c0e2e;
  text-align: center;
  line-height: 1;
  margin-top: 50px;
}

.menu ul + ul {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.menu ul + ul li {
  width: 50%;
}



.menu_cont table {
  width: 100%;
}

.menu_cont table tr {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px;
}

.menu_cont table tr td:nth-of-type(1) {
  width: 100%;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: bold;
  font-size: 1.3rem;
}

.menu_cont table tr td:nth-of-type(2),
.menu_cont table tr td:nth-of-type(3) {
  width: 50%;
  text-align: right;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 1.5rem;
}

.menu_cont td h3 {
  font-size: 1.8rem;
}

.menu_cont p {
  background: #f7f4f0;
  padding: 14px;
  line-height: 1.7;
  overflow: hidden;
  height: auto;
}


.menu_cont ul,
.menu h3 + ul {
  padding: 0;
  margin-bottom: 12px;
  text-align: center;
}

.menu_cont li,
.menu h3 + ul > li {
  color: #FFF;
  display: inline-block;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #aa9b78;
  padding: 2px 7px;
  margin-right: 5px;
  margin-bottom: 11px;
}



#ui-tab + .low-content p {
  text-align: center;
  margin: 40px;
}

table.option {
  width: 100%;
}

table.option {
  margin: 0 auto 60px;
}

table.option tr:nth-child(odd) th,
table.option tr:nth-child(odd) td {
  background: #FAF9F5;
}

table.option th {
  text-align: left;
  padding: 0 0 0 20px;
}

table.option td {
  text-align: right;
  padding: 16px 20px;
}

table.option tr:nth-child(even) td {
  padding: 19px 20px;
}


.datsumou-chirashi p {
  margin: auto;
  width: 90%;
}

section.top-recommend h2 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

section.top-recommend h2:after {
  background: #777;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin-left: -10%;
  position: absolute;
  width: 20%;
}

.datsumou-chirashi p:nth-of-type(2) {
  background: #FFF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 20px;
  line-height: 1.7;
  padding: 18px ;
}

.infotop-area {
  background: #f1f1f1;
  text-align: center;
  padding: 40px 13.333vw;
  margin: 0;
}

.infotop-area li:not(:nth-of-type(1)) {
  margin-top: 30px;
}

.infotop-area li a {
  color: #DE6B83;
  font-size: 1.8rem;
  text-decoration: underline;
}


section.article {
  margin: 22vw auto 0;
}

section.article h2 {
  color: #825F32;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 40px 6.333vw 0;
  text-align: center;
}

.article-image-text {
  background: #FFF;
  margin: 6vw auto;
  width: 90%;
  padding: 6.333vw 6.333vw 13.666vw;
}

p.profcont {
  background: #FFF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  line-height: 1.7;
  padding: 18px;
  margin: 18px;
}


.footer-profile {
  background: #FFF;
  margin: 30px auto;
  padding: 30px;
}


.profile-image {
  width: 60vw;
  margin: 0 auto 5vw ;
}

.profile-image img {
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
  display: block;
}

.priofile-link {
  margin-top: 14px;
}

.priofile-link a {
  background: #DE6B83;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
  color: #FFF;
  display: block;
  padding: 18px 0 13px;
  text-align: center;
  font-size: 1.6rem;
}

.priofile-link a:hover {
  opacity: .5;
}



.low-intro table {
  margin: 0 6.333vw;
  width: 100%;
}


.page-menu-content {
  padding: 4vw 6.333vw;
  line-height: 1.65;
}

.menu-exp {
  background: #f5ece8;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0vw 6.333vw 4vw;
  line-height: 1.7;
  padding: 18px;
}

.menu-exp h2 {
  margin-bottom: 26px;
}

.user-loggin-area {
  display: none;
}