@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
#container.container-categoryRequired { background: #fff url(/images/category_required_rose.jpg) no-repeat left top; background-size: cover; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** 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, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

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

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

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

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; white-space: pre-wrap; word-wrap: break-word; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

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

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* common */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure, figcaption { margin: 0; padding: 0; }

html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(148, 34, 67, 0.1); height: 100%; }

body { min-width: 300px; font-size: 10px; font-size: 1.0rem; line-height: 1; color: #000; min-height: 100%; background: #e76f89; }

#container { -webkit-overflow-scrolling: touch; position: relative; background: #fff; }

#contents { position: relative; margin: 0 auto; padding: 0; max-width: 1024px; min-height: 50vh; }

#oldBrowser { position: fixed; top: 0; left: 0; width: 100%; background: #e76f89; color: #fff; font-size: 10px; line-height: 1; text-align: center; padding: 5px; }

.bg_overlay { width: 100%; height: 100%; min-height: 100vh; background-color: #fff; opacity: 0; filter: alpha(opacity=0); display: none; position: fixed; top: 0; left: 0; z-index: 99998; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.bg_overlay.is-visible { opacity: 0.6; filter: alpha(opacity=60); display: block; }

a { color: #e76f89; -webkit-tap-highlight-color: transparent; }

/* screen size */
@media (min-width: 1200px) { #container { min-width: 1200px; } }
#container { max-width: 100%; }

@media (max-width: 1024px) { #container { max-width: 1024px; } }
@media (max-width: 767px) { #container { max-width: 767px; } }
@media (max-width: 479px) { #container { max-width: 479px; } }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* screen size display none */
.screen-ll .visible-ll-up, .screen-ll .visible-l-up, .screen-ll .visible-m-up, .screen-ll .visible-s-up, .screen-ll .visible-ss-up, .screen-ll .visible-ll-down { display: block; }
.screen-ll .visible-l-down, .screen-ll .visible-m-down, .screen-ll .visible-s-down, .screen-ll .visible-ss-down { display: none; }

.screen-l .visible-l-up, .screen-l .visible-m-up, .screen-l .visible-s-up, .screen-l .visible-ss-up, .screen-l .visible-ll-down, .screen-l .visible-l-down { display: block; }
.screen-l .visible-ll-up, .screen-l .visible-m-down, .screen-l .visible-s-down, .screen-l .visible-ss-down { display: none; }

.screen-m .visible-m-up, .screen-m .visible-s-up, .screen-m .visible-ss-up, .screen-m .visible-ll-down, .screen-m .visible-l-down, .screen-m .visible-m-down { display: block; }
.screen-m .visible-ll-up, .screen-m .visible-l-up, .screen-m .visible-s-down, .screen-m .visible-ss-down { display: none; }

.screen-s .visible-s-up, .screen-s .visible-ss-up, .screen-s .visible-ll-down, .screen-s .visible-l-down, .screen-s .visible-m-down, .screen-s .visible-s-down { display: block; }
.screen-s .visible-ll-up, .screen-s .visible-l-up, .screen-s .visible-m-up, .screen-s .visible-ss-down { display: none; }

.screen-ss .visible-ss-up, .screen-ss .visible-ll-down, .screen-ss .visible-l-down, .screen-ss .visible-m-down, .screen-ss .visible-s-down, .screen-ss .visible-ss-down { display: block; }
.screen-ss .visible-ll-up, .screen-ss .visible-l-up, .screen-ss .visible-m-up, .screen-ss .visible-s-up { display: none; }

.screen-ll .visible-ll { display: block; }
.screen-ll .visible-l, .screen-ll .visible-m, .screen-ll .visible-s, .screen-ll .visible-ss { display: none; }

.screen-l .visible-l { display: block; }
.screen-l .visible-ll, .screen-l .visible-m, .screen-l .visible-s, .screen-l .visible-ss { display: none; }

.screen-m .visible-m { display: block; }
.screen-m .visible-ll, .screen-m .visible-l, .screen-m .visible-s, .screen-m .visible-ss { display: none; }

.screen-s .visible-s { display: block; }
.screen-s .visible-ll, .screen-s .visible-l, .screen-s .visible-m, .screen-s .visible-ss { display: none; }

.screen-ss .visible-ss { display: block; }
.screen-ss .visible-ll, .screen-ss .visible-l, .screen-ss .visible-m, .screen-ss .visible-s { display: none; }

/* margin
------------------------------------------------------------------------------------------------------------- */
.m0 { margin: 0 !important; }

.m5 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m20 { margin: 20px !important; }

.m30 { margin: 30px !important; }

.m40 { margin: 40px !important; }

.m50 { margin: 50px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml20 { margin-left: 20px !important; }

.ml30 { margin-left: 30px !important; }

.ml40 { margin-left: 40px !important; }

.ml50 { margin-left: 50px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr20 { margin-right: 20px !important; }

.mr30 { margin-right: 30px !important; }

.mr40 { margin-right: 40px !important; }

.mr50 { margin-right: 50px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mlr5 { margin-left: 5px !important; margin-right: 5px !important; }

.mlr10 { margin-left: 10px !important; margin-right: 10px !important; }

.mlr20 { margin-left: 20px !important; margin-right: 20px !important; }

.mlr30 { margin-left: 30px !important; margin-right: 30px !important; }

.mlr40 { margin-left: 40px !important; margin-right: 40px !important; }

.mlr50 { margin-left: 50px !important; margin-right: 50px !important; }

.mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; }

.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }

.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }

.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }

.mtb50 { margin-top: 50px !important; margin-bottom: 50px !important; }

/* padding
------------------------------------------------------------------------------------------------------------- */
.p0 { padding: 0px !important; }

.p5 { padding: 5px !important; }

.p10 { padding: 10px !important; }

.p20 { padding: 20px !important; }

.p30 { padding: 30px !important; }

.p40 { padding: 40px !important; }

.p50 { padding: 50px !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl20 { padding-left: 20px !important; }

.pl30 { padding-left: 30px !important; }

.pl40 { padding-left: 40px !important; }

.pl50 { padding-left: 50px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr20 { padding-right: 20px !important; }

.pr30 { padding-right: 30px !important; }

.pr40 { padding-right: 40px !important; }

.pr50 { padding-right: 50px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt20 { padding-top: 20px !important; }

.pt30 { padding-top: 30px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.plr5 { padding-left: 5px !important; padding-right: 5px !important; }

.plr10 { padding-left: 10px !important; padding-right: 10px !important; }

.plr20 { padding-left: 20px !important; padding-right: 20px !important; }

.plr30 { padding-left: 30px !important; padding-right: 30px !important; }

.plr40 { padding-left: 40px !important; padding-right: 40px !important; }

.plr50 { padding-left: 50px !important; padding-right: 50px !important; }

.ptb5 { padding-top: 5px !important; padding-bottom: 5px !important; }

.ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }

.ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; }

.ptb50 { padding-top: 50px !important; padding-bottom: 50px !important; }

/* item align
------------------------------------------------------------------------------------------------------------- */
.layout_align-left { text-align: left !important; }

.layout_align-center { text-align: center !important; }

.layout_align-right { text-align: right !important; }

.layout_vertical-top { vertical-align: top !important; }

.layout_vertical-middle { vertical-align: middle !important; }

.layout_vertical-bottom { vertical-align: bottom !important; }

/* item block type
------------------------------------------------------------------------------------------------------------- */
.item_display-block { display: block !important; }

.item_display-inlineBlock { display: inline-block !important; }

.item_display-inline { display: inline !important; }

/* item border type
------------------------------------------------------------------------------------------------------------- */
.item_border { border: #d9b7bf solid 1px; }

.item_border-top { border-top: #d9b7bf solid 1px; }

.item_border-left { border-bottleftom: #d9b7bf solid 1px; }

.item_border-right { border-right: #d9b7bf solid 1px; }

.item_border-bottom { border-bottom: #d9b7bf solid 1px; }

/* item is
------------------------------------------------------------------------------------------------------------- */
.is-visible { display: block !important; }

.is-hidden { display: none !important; }

#headerWrap, #headerWrap-iframe { position: relative; }

#headerWrap-iframe:not(.is-hidden) + #contentsWrap { padding-bottom: 100px; }

#header, #headerWrap-iframe header { position: relative; padding: 0 0 0 20px; border-top: #c45871 solid 6px; border-bottom: #c45871 solid 2px; background: #e76f89; -webkit-box-sizing: box-sizing; -moz-box-sizing: box-sizing; box-sizing: box-sizing; }

.header_inner { display: table; width: 100%; table-layout: fixed; }
.header_inner > div { display: table-cell; vertical-align: middle; height: 80px; }

.headerItem_txtWrap { width: 40%; }

@media (max-width: 1000px) { .headerItem_txtWrap { width: 35%; } }
@media (max-width: 900px) { .headerItem_txtWrap { width: 30%; } }
.headerItem_txt { padding: 5px 0 4px; font-size: 10px; font-size: 1.0rem; line-height: 1.3; letter-spacing: .08; color: #fff; }

.headerItem_title { padding: 5px 0 0; font-size: 22px; font-size: 2.2rem; line-height: 1; color: #ffffff; -webkit-box-sizing: box-sizing; -moz-box-sizing: box-sizing; box-sizing: box-sizing; }
.headerItem_title a { position: relative; display: inline-block; text-decoration: none; color: #fff; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; }
.headerItem_title a:hover { opacity: 0.7; }
.headerItem_title img { max-height: 80px; max-width: 100%; width: auto; height: auto; vertical-align: top; }

.headerItem_menuWrap { text-align: right; }

.hedaerItem_menu { position: relative; text-align: right; min-width: 80px; }

.hedaerItem_menu ul { margin: 0 83px 0 auto; display: inline-block; padding: 0; list-style-type: none; }
.hedaerItem_menu ul li { float: left; }

.hedaerItem_menu a, .hedaerItem_menu li div, .headerNav_btnMenu { display: block; color: #752b3d; text-decoration: none; width: 80px; height: 80px; text-align: center; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.hedaerItem_menu a i, .hedaerItem_menu li div i, .headerNav_btnMenu i { display: inline-block; margin: 20px 0 5px; font-size: 26px; }
.hedaerItem_menu a span, .hedaerItem_menu li div span, .headerNav_btnMenu span { display: block; font-size: 10px; line-height: 1; text-align: center; }

.headerNav_btnMenu { color: #fff; }

.hedaerItem_menu a:hover, .hedaerItem_menu li div:hover, .headerNav_btnMenu:hover { color: #c45871; background: #f9e5e9; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.headerNav_btnMenu { position: absolute; right: 0; top: 0; cursor: pointer; }

.headerItem_menuWrap .headerNav_sp { display: none; }

.hedaerItem_menu .headerNav_btnNewMember div { width: 80px; }

.hedaerItem_menu .headerNav_btnLine { margin-right: 2px; }
.hedaerItem_menu .headerNav_btnLine a { width: 80px; height: 80px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; color: #00c300; }
.hedaerItem_menu .headerNav_btnLine a i { display: inline-block; margin: 5px 0 0 0; font-size: 70px; }
.hedaerItem_menu .headerNav_btnLine a span { display: none !important; }

@media (max-width: 900px) { .hedaerItem_menu { min-width: 70px; }
  .hedaerItem_menu ul { margin: 0 73px 0 auto; }
  .hedaerItem_menu a, .hedaerItem_menu li div, .headerNav_btnMenu { width: 70px; height: 70px; }
  .hedaerItem_menu a i, .hedaerItem_menu li div i, .headerNav_btnMenu i { margin: 18px 0 5px; font-size: 24px; }
  .hedaerItem_menu .headerNav_btnNewMember div { width: 70px; }
  .hedaerItem_menu .headerNav_btnLine a { width: 70px; height: 70px; }
  .hedaerItem_menu .headerNav_btnLine a i { margin: 5px 0 0 0; font-size: 60px; } }
@media (max-width: 767px) { #header { padding: 0 0 0 5px; }
  .header_inner > div { display: table-cell; vertical-align: middle; height: 41px; }
  .headerItem_txt { display: none; }
  .headerItem_txtWrap { padding: 2px 0 2px; }
  .headerItem_title { padding: 0; font-size: 16px; font-size: 1.6rem; }
  .headerItem_title a:hover { opacity: 1; }
  .headerItem_title img { vertical-align: top; max-height: 40px; }
  .headerItem_txtWrap { width: 50%; }
  .header_inner .headerItem_menuWrap { vertical-align: middle; padding-right: 2px; }
  .headerItem_menuWrap ul { display: none; }
  .headerNav_btnMenu, .headerNav_sp li a, .headerNav_sp li div { margin: 0 auto; position: relative; width: 56px; height: 44px; }
  .headerNav_btnMenu i, .headerNav_sp li a i, .headerNav_sp li div i { margin: 5px 0 3px; font-size: 24px; }
  .headerNav_btnMenu span, .headerNav_sp li a span, .headerNav_sp li div span { display: block; font-size: 8px; font-size: 0.8rem; line-height: 1; white-space: nowrap; }
  .headerItem_menuWrap .headerNav_sp { position: relative; margin: 0 0 0 0; display: inline-block; vertical-align: middle; }
  .headerItem_menuWrap .headerNav_sp li a, .headerItem_menuWrap .headerNav_sp li div { text-align: center; }
  .hedaerItem_menu a:hover, .hedaerItem_menu li div:hover, .headerNav_btnMenu:hover { color: #ffffff; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  .headerNav_btnNewMember div { width: 60px; }
  .headerNav_btnMenu { display: inline-block; vertical-align: middle; }
  .hedaerItem_menu .headerNav_btnLine { margin: 1px 0; }
  .hedaerItem_menu .headerNav_btnLine a { width: 46px; height: 42px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
  .hedaerItem_menu .headerNav_btnLine a:hover { background: #fff; color: #00c300; }
  .hedaerItem_menu .headerNav_btnLine a i { display: inline-block; margin: 0 0 0 0; font-size: 42px; } }
@media (max-width: 479px) { .headerItem_txtWrap { width: 32%; }
  .headerNav_btnMenu, .headerItem_menuWrap .headerNav_sp li { width: 50px; height: 41px; }
  .headerNav_btnMenu i, .headerItem_menuWrap .headerNav_sp li i { font-size: 20px; }
  .headerItem_menuWrap .headerNav_sp .headerNav_btnLanguage, .headerItem_menuWrap .headerNav_sp .headerNav_btnLanguage a { width: 56px; }
  .headerItem_menuWrap .headerNav_sp .headerNav_btnReserveTop, .headerItem_menuWrap .headerNav_sp .headerNav_btnReserveTop a { width: 60px; }
  .headerNav_btnNewMember div { width: 50px; }
  .hedaerItem_menu .headerNav_btnLine { margin: 1px 0; }
  .hedaerItem_menu .headerNav_btnLine a { width: 46px; height: 42px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
  .hedaerItem_menu .headerNav_btnLine a:hover { background: #fff; color: #00c300; }
  .hedaerItem_menu .headerNav_btnLine a i { display: inline-block; margin: 0 0 0 0; font-size: 42px; } }
@media (max-width: 320px) { .headerItem_txtWrap { width: 27%; }
  .headerItem_menuWrap .headerNav_sp .headerNav_btnLanguage, .headerItem_menuWrap .headerNav_sp .headerNav_btnLanguage a { width: 56px; }
  .headerItem_menuWrap .headerNav_sp .headerNav_btnReserveTop, .headerItem_menuWrap .headerNav_sp .headerNav_btnReserveTop a { width: 56px; }
  .hedaerItem_menu .headerNav_btnLine { margin: 1px 0; }
  .hedaerItem_menu .headerNav_btnLine a { width: 46px; height: 42px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
  .hedaerItem_menu .headerNav_btnLine a:hover { background: #fff; color: #00c300; }
  .hedaerItem_menu .headerNav_btnLine a i { display: inline-block; margin: 0 0 0 0; font-size: 42px; } }
#headerWrap-iframe header { padding: 0; border: none; }
#headerWrap-iframe .header_inner > div { display: table-cell; vertical-align: middle; height: 50px; }
#headerWrap-iframe .hedaerItem_menu { height: 50px; }
#headerWrap-iframe .headerNav_btnHome { float: none; position: absolute; left: 0; top: 0; }
#headerWrap-iframe .headerItem_menuWrap ul { margin: 0; }
#headerWrap-iframe .hedaerItem_menu a, #headerWrap-iframe .hedaerItem_menu li div, #headerWrap-iframe .headerNav_btnMenu { padding-left: 5px; padding-right: 5px; width: auto; min-width: 50px; height: 50px; white-space: nowrap; }
#headerWrap-iframe .hedaerItem_menu a i, #headerWrap-iframe .hedaerItem_menu li div i, #headerWrap-iframe .headerNav_btnMenu i { display: inline-block; margin: 7px 0 2px; font-size: 22px; }
#headerWrap-iframe .hedaerItem_menu a:hover, #headerWrap-iframe .hedaerItem_menu li div:hover, #headerWrap-iframe .headerNav_btnMenu:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
#headerWrap-iframe .hedaerItem_menu .headerNav_btnLine { margin-right: 0; padding: 0 0; }
#headerWrap-iframe .hedaerItem_menu .headerNav_btnLine a { height: 50px; background: #fff; color: #00c300; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
#headerWrap-iframe .hedaerItem_menu .headerNav_btnLine a i { margin: 0; font-size: 46px; }
#headerWrap-iframe .hedaerItem_menu .headerNav_btnLine a span { display: none !important; }

@media (max-width: 767px) { #headerWrap-iframe .headerItem_menuWrap ul { display: inline-block; } }
@media (max-width: 479px) { #headerWrap-iframe .header_inner > div { display: table-cell; vertical-align: middle; height: 45px; }
  #headerWrap-iframe .hedaerItem_menu { height: 45px; }
  #headerWrap-iframe .hedaerItem_menu a, #headerWrap-iframe .hedaerItem_menu li div, #headerWrap-iframe .headerNav_btnMenu { height: 45px; }
  #headerWrap-iframe .hedaerItem_menu a span, #headerWrap-iframe .hedaerItem_menu li div span, #headerWrap-iframe .headerNav_btnMenu span { font-size: 8px; }
  #headerWrap-iframe .hedaerItem_menu a i, #headerWrap-iframe .hedaerItem_menu li div i, #headerWrap-iframe .headerNav_btnMenu i { margin: 7px 0 2px; font-size: 20px; }
  #headerWrap-iframe .hedaerItem_menu a:hover, #headerWrap-iframe .hedaerItem_menu li div:hover, #headerWrap-iframe .headerNav_btnMenu:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  #headerWrap-iframe .hedaerItem_menu .headerNav_btnLine { margin-right: 0; padding: 0; }
  #headerWrap-iframe .hedaerItem_menu .headerNav_btnLine a { height: 45px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  #headerWrap-iframe .hedaerItem_menu .headerNav_btnLine a i { margin: 3px 0 0; font-size: 40px; } }
#footerWrap { position: relative; background: #e76f89; padding-bottom: 100px; }

#footer { margin-top: 40px; padding: 30px; position: relative; background: #fde4ea; text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 1.8; color: #000; }
#footer .footer_menu { margin: 0; padding: 0; list-style-type: none; }
#footer .footer_menu li { padding: 0 1.5em; display: inline-block; line-height: 1.2; border-right: #999999 dotted 1px; }
#footer .footer_menu li:last-child { border-right: none; }
#footer .footer_menu a { position: relative; padding: 0 0 0.2em; display: inline-block; text-decoration: none; color: #000; }
#footer .footer_menu a::after { position: absolute; bottom: 0; left: 50%; display: inline-block; content: ''; width: 5px; height: 1px; background: #e8bcc6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#footer .footer_menu a:hover { color: #c45871; }
#footer .footer_menu a:hover::after { background: #c45871; left: 0; width: 100%; }
#footer .footer_txt { margin: 1.5em 0 0; line-height: 2; }
#footer .footer_txt .footer_ttl { font-size: 16px; font-size: 1.6rem; font-weight: normal; }

@media (max-width: 767px) { #footer { margin-top: 0; padding: 0; text-align: left; font-size: 10px; font-size: 1.0rem; line-height: 1.4; color: #000; }
  #footer .footer_menu { position: relative; overflow: hidden; }
  #footer .footer_menu li { padding: 0; display: inline; float: left; width: 50%; line-height: 1.2; border-right: none; border-bottom: #cae3e4 solid 1px; }
  #footer .footer_menu li:last-child { border-right: none; }
  #footer .footer_menu li:nth-child(odd) { clear: both; }
  #footer .footer_menu a { position: relative; display: block; padding: 14px 20px 14px 10px; display: block; text-decoration: none; color: #000; border-right: #cae3e4 solid 1px; }
  #footer .footer_menu li:nth-child(even) a { border-right: none; }
  #footer .footer_menu a::after { display: none; }
  #footer .footer_menu a:hover { color: #e76f89; }
  #footer .footer_menu a:hover::after { display: none; }
  #footer .footer_menu a::before { position: absolute; font-family: 'front_icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e112"; color: #e76f89; font-size: 12px; right: 5px; top: 50%; margin: -6px 0 0 0; }
  #footer .footer_menu::after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; background: #cae3e4; }
  #footer .footer_txt { margin: 0; padding: 15px 0; line-height: 2; text-align: center; font-size: 9px; font-size: 0.9rem; }
  #footer .footer_txt .footer_ttl { font-size: 12px; font-size: 1.2rem; }
  #footer .telLink { font-size: 16px; font-size: 1.6rem; } }
#footer02 { display: table; width: 100%; background: #e76f89; }

.footer_copyright { display: table-cell; vertical-align: middle; padding: 1em; background: #e76f89; text-align: center; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 1; }

.footer_btnPagetop { display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: #c45871; text-align: center; }

.footer_btnPagetop a { display: block; width: 40px; height: 40px; text-decoration: none; color: #ffffff; text-decoration: none; font-size: 30px; line-height: 40px; text-align: center; cursor: pointer; }

@media (max-width: 767px) { .footer_copyright { padding: 1em 0.5em; font-size: 8px; font-size: 0.8rem; } }
.sidebarMenu { position: fixed; overflow-y: auto; top: 0; right: -222px; width: 220px; padding: 6px 0 50px; border-left: #e76f89 solid 2px; min-height: 1vh; height: 100%; background: #fde4ea; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 99999; }
.sidebarMenu ul { list-style-type: none; border-top: #d9bdc2 solid 1px; }
.sidebarMenu li { font-size: 14px; font-size: 1.4rem; line-height: 1.2; text-align: left; border-bottom: #d9bdc2 solid 1px; }
.sidebarMenu li a { display: block; position: relative; padding: 15px 20px 15px 10px; text-decoration: none; color: #000; }
.sidebarMenu li a:hover { background: #fff; }
.sidebarMenu li a::before { position: absolute; font-family: 'front_icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e112"; color: #e76f89; font-size: 16px; right: 5px; top: 50%; margin: -9px 0 0 0; }

.sidebarMenu.is-slideOn { right: 0; }

.sidebar_btnClose { text-align: right; height: 78px; }

.sidebar_btnClose > div { margin: 0 0 0 auto; display: block; color: #e76f89; text-decoration: none; padding-top: 10px; width: 78px; height: 78px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; }
.sidebar_btnClose > div i { font-size: 38px; }
.sidebar_btnClose > div span { margin-top: 2px; display: block; font-size: 10px; line-height: 1; text-align: center; }

.sidebar_btnClose > div:hover { color: #c45871; }

.sidebarMenu_list01 { display: none; border-bottom: #d9bdc2 solid 2px; }
.sidebarMenu_list01 .sidebarMenu_list02 li a { padding: 12px 20px 12px 30px; }

.sidebarMenu_list01 i { font-size: 18px; color: #e76f89; vertical-align: bottom; display: inline-block; margin-right: 4px; }

.sidebarMenu_language { display: none; }

.is-language .sidebarMenu_language { display: block; }
.is-language nav { display: none; }

.sidebarMenu_ttl { padding: 3px 10px; font-size: 12px; font-size: 1.2rem; line-height: 1; color: #f9e5e9; letter-spacing: 0.1em; background: #c45871; }
.sidebarMenu_ttl i { font-size: 24px; color: #f9e5e9; vertical-align: middle; display: inline-block; margin-right: 4px; }

.sidebarMenu_list01 .sidebarMenu_ttl i { color: #f9e5e9 !important; vertical-align: -2px; }

@media (max-width: 767px) { .sidebarMenu_list01 { display: block; }
  .sidebarMenu { right: -222px; width: 220px; padding-top: 5px; }
  .sidebarMenu li { font-size: 12px; font-size: 1.2rem; }
  .sidebarMenu li a { padding: 12px 20px 12px 10px; }
  .sidebarMenu li a::before { position: absolute; font-family: 'front_icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e112"; color: #e76f89; font-size: 14px; right: 5px; top: 50%; margin: -6px 0 0 0; }
  .sidebarMenu.is-slideOn { right: 0; }
  .sidebar_btnClose { text-align: right; height: 42px; }
  .sidebar_btnClose > div { margin: 0 0 0 auto; display: block; color: #e76f89; text-decoration: none; padding-top: 8px; width: 42px; height: 42px; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; }
  .sidebar_btnClose > div i { font-size: 28px; }
  .sidebar_btnClose > div span { display: none; }
  .sidebar_btnClose > div:hover { color: #c45871; }
  .sidebarMenu_list01 i { font-size: 18px; color: #e76f89; vertical-align: bottom; display: inline-block; margin-right: 4px; } }
body { font-family: "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }

@font-face { font-family: 'front_icon'; src: url("/scripts/fonts/front_icon.eot?5wpok2"); src: url("/scripts/fonts/front_icon.eot?5wpok2#iefix") format("embedded-opentype"), url("/scripts/fonts/front_icon.ttf?5wpok2") format("truetype"), url("/scripts/fonts/front_icon.woff?5wpok2") format("woff"), url("/scripts/fonts/front_icon.svg?5wpok2#front_icon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'front_icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-line:before { content: "\e903"; }

.icon-btn_03:before { content: "\e900"; }

.icon-btn_02:before { content: "\e901"; }

.icon-btn_01:before { content: "\e902"; }

.icon-upload:before { content: "\e124"; }

.icon-language:before { content: "\e123"; }

.icon-help:before { content: "\e122"; }

.icon-btn_reserve_04:before { content: "\e120"; }

.icon-mail:before { content: "\e121"; }

.icon-pen:before { content: "\e102"; }

.icon-top:before { content: "\e100"; }

.icon-time:before { content: "\e101"; }

.icon-pagetop:before { content: "\e103"; }

.icon-mypage:before { content: "\e104"; }

.icon-menu:before { content: "\e105"; }

.icon-login:before { content: "\e106"; }

.icon-home:before { content: "\e107"; }

.icon-close:before { content: "\e108"; }

.icon-circle_arrow_top:before { content: "\e109"; }

.icon-circle_arrow_right:before { content: "\e10a"; }

.icon-circle_arrow_left:before { content: "\e10b"; }

.icon-circle_arrow_bottom:before { content: "\e10c"; }

.icon-calendar:before { content: "\e10d"; }

.icon-btn_reserve_03:before { content: "\e10e"; }

.icon-btn_reserve_02:before { content: "\e10f"; }

.icon-btn_reserve_01:before { content: "\e110"; }

.icon-arrow_top:before { content: "\e111"; }

.icon-arrow_right:before { content: "\e112"; }

.icon-arrow_left:before { content: "\e113"; }

.icon-arrow_bottom:before { content: "\e114"; }

.icon-add_circle:before { content: "\e147"; }

.icon-remove_circle:before { content: "\e15c"; }

.text-largeSize { font-size: 16px; font-size: 1.6rem; letter-spacing: .1em; }

.text-smallSize { font-size: 12px; font-size: 1.2rem; }

@media (max-width: 479px) { .text-largeSize { font-size: 14px; font-size: 1.4rem; letter-spacing: .05em; }
  .text-smallSize { font-size: 10px; font-size: 1.0rem; } }
.information { padding: 10px 20px; font-size: 14px; font-size: 1.4rem; line-height: 1.8; color: #8c777b; }

@media (max-width: 767px) { .information { padding: 10px; } }
@media (max-width: 479px) { .information { font-size: 12px; font-size: 1.2rem; line-height: 1.5; } }
.layoutType01 { margin: 0 auto; padding: 40px 30px 30px; min-height: 500px; border: #d9b7bf solid 2px; font-size: 14px; font-size: 1.4rem; line-height: 1.8; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); text-align: left; }
.layoutType01 .txtArea { margin: 1.5em 0; }
.layoutType01 .txtArea p { margin: 1em 0 0; }

@media (max-width: 767px) { .layoutType01 { padding: 20px; min-height: 357px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; } }
@media (max-width: 479px) { .layoutType01 { padding: 20px  15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } }
.modal_bg { position: fixed; top: 0; left: 0; width: 100%; height: 150%; min-height: 1vh; background: #fff; padding: 10px; z-index: 199998; }

.is-mobalOpen { max-height: 50vh; overflow: hidden; }

#datepickerModal_wrap { position: absolute; width: 100%; top: 0; left: 0; z-index: 199999; text-align: center; max-height: 100vh; overflow-y: auto; }
#datepickerModal_wrap .btn_type01 { margin: 10px auto 0; font-size: 14px; font-size: 1.4rem; line-height: 1; }

.modal_blockBtn { padding-bottom: 20px; text-align: center; }

.contentsModal_wrap { position: absolute; width: 100%; min-height: 100vh; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 199999; text-align: center; }

.contentsModal { margin: 25px auto; width: 95%; text-align: left; background: #fff; position: relative; }

.contentsModalInner { padding: 20px; }

@media (max-width: 479px) { .contentsModalInner { padding: 30px 10px 10px; } }
.contentsModal_btnClose { position: absolute; right: 0; top: 0; text-align: right; height: 70px; }

.contentsModal_btnClose-footer { position: relative; height: 100px; }

.contentsModal_btnClose .btn_close-modal { margin: 0 0 0 auto; display: block; color: #e76f89; text-decoration: none; padding-top: 10px; width: 70px; height: 70px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; }
.contentsModal_btnClose .btn_close-modal i { font-size: 38px; }
.contentsModal_btnClose .btn_close-modal span { display: block; font-size: 10px; line-height: 1; text-align: center; }

.contentsModal_btnClose .btn_close-modal:hover { color: #c45871; }

@media (max-width: 479px) { .contentsModal_btnClose-footer { display: block; }
  .contentsModal_btnClose { height: 50px; }
  .contentsModal_btnClose-footer { height: 80px; }
  .contentsModal_btnClose .btn_close-modal { margin: 0 0 0 auto; display: block; color: #e76f89; text-decoration: none; padding-top: 10px; width: 50px; height: 50px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; }
  .contentsModal_btnClose .btn_close-modal i { font-size: 30px; }
  .contentsModal_btnClose .btn_close-modal span { margin-top: 2px; display: block; font-size: 9px; line-height: 1; text-align: center; } }
.ttlHl { margin-bottom: 1em; padding: 0 0 0.6em; font-size: 30px; font-size: 3.0rem; line-height: 1.4; letter-spacing: .25em; font-weight: normal; text-align: center; border-bottom: #8c777b solid 1px; color: #8c777b; }

@media (max-width: 767px) { .ttlHl { padding: 0 0 0.3em; font-size: 24px; font-size: 2.4rem; letter-spacing: 0; } }
@media (max-width: 479px) { .ttlHl { font-size: 18px; font-size: 1.8rem; } }
.ttlMl { padding: 0 0 0 24px; position: relative; margin-bottom: 1em; font-size: 20px; font-size: 2.0rem; line-height: 1.4; letter-spacing: .08em; text-indent: -0.08em; font-weight: normal; text-align: left; color: #8c777b; }
.ttlMl::before { position: absolute; left: 0; top: 0.3em; content: ''; display: block; width: 14px; height: 14px; background: #8c777b; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.ttlMl.ttlMl-icon { padding: 0; }
.ttlMl.ttlMl-icon i { margin: 0 0.2em 0 0; font-size: 24px; }
.ttlMl.ttlMl-icon .icon-login { margin: 0 0.2em 0.1em; vertical-align: middle; }
.ttlMl.ttlMl-icon .icon-mypage { margin: 0 0.2em 0.2em; font-size: 27px; vertical-align: middle; }

.ttlMl.ttlMl-icon::before { position: absolute; left: 0; top: 0.4em; content: ''; display: block; width: 11px; height: 11px; margin: 0 0.5em 0 0; background: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; border-radius: none; }

@media (max-width: 767px) { .ttlMl { padding: 0 0 0 20px; font-size: 18px; font-size: 1.8rem; letter-spacing: 0; } }
@media (max-width: 479px) { .ttlMl { font-size: 16px; font-size: 1.6rem; } }
.ttlSl { padding: 0 0 5px 0; position: relative; margin-bottom: 1em; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 1.4; letter-spacing: .08em; text-indent: -0.08em; text-align: left; color: #8c777b; border-bottom: #e8bcc6 solid 4px; }
.ttlSl span { font-weight: normal; display: inline-block; font-size: 14px; font-size: 1.4rem; }

.text_waitingList { font-size: 16px; font-size: 1.6rem; color: #ee0000; margin: 1em 0; }

@media (max-width: 479px) { .text_waitingList { font-size: 14px; font-size: 1.4rem; } }
.layoutBtn_wrap { border-top: #e8bcc6 solid 1px; padding: 2em 0; text-align: center; }

.layoutForm form > .layoutBtn_wrap, .layoutForm > .layoutBtn_wrap, .layoutReserveList > .layoutBtn_wrap { border-top: none; }

.layoutForm_complete .layoutBtn_wrap { border-top: none; padding: 0; }

.layoutBtn_wrap-btn { display: inline-block; margin: 0 1em; }

.layoutBtn_wrap .btn_type01 span, .layoutBtn_wrap .btn_type02 span { font-size: 16px; font-size: 1.6rem; width: 100%; min-width: 200px; text-align: center; }

.layoutBtn_wrapInner { margin: 0 auto; width: 460px; }
.layoutBtn_wrapInner::after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; }
.layoutBtn_wrapInner .layoutBtn_wrap-btn { float: right; display: inline; margin: 0; }
.layoutBtn_wrapInner .layoutBtn_wrap-btn:last-child { float: left; }

@media (max-width: 767px) { .layoutBtn_wrap .btn_type01, .layoutBtn_wrap .btn_type02 { margin: 0 0 15px 0; }
  .layoutBtn_wrapInner { margin: 0 auto; max-width: 460px; width: 100%; }
  .layoutBtn_wrapInner .layoutBtn_wrap-btn { float: right; display: inline; }
  .layoutBtn_wrapInner .layoutBtn_wrap-btn:last-child { float: left; }
  .layoutBtn_wrapInner .btn_type01 span, .layoutBtn_wrapInner .btn_type02 span { min-width: 170px; } }
@media (max-width: 479px) { .layoutBtn_wrap { margin: 0; padding-top: 0; padding-bottom: 0; }
  .layoutBtn_wrap:last-child { border-top: none; }
  .layoutBtn_wrap-btn { display: block; margin: 1em 0; }
  .layoutBtn_wrap .btn_type01, .layoutBtn_wrap .btn_type02 { display: block; width: 100%; }
  .layoutBtn_wrap .btn_type01 span, .layoutBtn_wrap .btn_type02 span { display: block; width: 100%; min-width: 100%; text-align: center; line-height: 40px; }
  .layoutBtn_wrap .btn_type01.btn-large span, .layoutBtn_wrap .btn_type02.btn-large span { line-height: 54px; }
  .layoutBtn_wrapInner { margin: 0 auto; max-width: 100%; width: 100%; }
  .layoutBtn_wrapInner .layoutBtn_wrap-btn { float: none; display: block; }
  .layoutBtn_wrapInner .layoutBtn_wrap-btn:last-child { float: none; }
  .layoutBtn_wrapInner .btn_type01 span, .layoutBtn_wrapInner .btn_type02 span { min-width: 100%; width: 100%; } }
.layout_borderTop-none { border-top: none !important; }

.layout_borderBottom-none { border-bottom: none !important; }

.layoutPagination { margin-top: 1em; text-align: center; }
.layoutPagination ul { display: inline-block; margin: 0 auto; padding: 0; list-style-type: none; }
.layoutPagination li { margin: 0 3px; display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 1.2; }
.layoutPagination a { padding: 6px 10px; display: block; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); color: #fff; background: #e76f89; }
.layoutPagination .is-disabled { color: #fff; background: #dddddd; cursor: default; -moz-box-shadow: 0px 0 0 transparent; -webkit-box-shadow: 0px 0 0 transparent; box-shadow: 0px 0 0 transparent; }
.layoutPagination .is-active { color: #fff; background: #c45871; cursor: default; -moz-box-shadow: 0px 0 0 transparent; -webkit-box-shadow: 0px 0 0 transparent; box-shadow: 0px 0 0 transparent; }
.layoutPagination .layoutPagination_text { margin-top: 8px; text-align: right; line-height: 1.2; }

@media (max-width: 479px) { .layoutPagination li { margin: 0; } }
.loading { position: fixed; left: 0; top: 0; display: none; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100vh; z-index: 300000; text-align: center; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.loading .loading_inner { position: absolute; left: 50%; top: 50%; margin: -70px 0 0 -80px; height: 140px; width: 160px; text-align: center; }
.loading .loading_inner::before { position: absolute; left: 50%; top: 50%; margin: -80px 0 0 -80px; height: 160px; width: 160px; display: block; content: ''; background: #8a2c45; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.loading .loading_inner .loadingItem-box { margin: 40px auto 0; display: inline-block; }
.loading .loading_inner .loadingItem-box:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; }
.loading .loading_inner .loadingItem-box div { margin: 0 1px 2px 1px; float: left; display: block; width: 10px; height: 8px; background: #e76f89; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.loading .loading_inner .loadingItem-box div:nth-child(1) { -webkit-animation: loadingAnime 2.5s linear infinite 0s; -moz-animation: loadingAnime 2.5s linear infinite 0s; animation: loadingAnime 2.5s linear infinite 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(2) { -webkit-animation: loadingAnime 2.5s linear infinite 0.1s; -moz-animation: loadingAnime 2.5s linear infinite 0.1s; animation: loadingAnime 2.5s linear infinite 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(3) { -webkit-animation: loadingAnime 2.5s linear infinite 0.2s; -moz-animation: loadingAnime 2.5s linear infinite 0.2s; animation: loadingAnime 2.5s linear infinite 0.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(4) { -webkit-animation: loadingAnime 2.5s linear infinite 0.3s; -moz-animation: loadingAnime 2.5s linear infinite 0.3s; animation: loadingAnime 2.5s linear infinite 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(5) { -webkit-animation: loadingAnime 2.5s linear infinite 0.4s; -moz-animation: loadingAnime 2.5s linear infinite 0.4s; animation: loadingAnime 2.5s linear infinite 0.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(6) { -webkit-animation: loadingAnime 2.5s linear infinite 0.5s; -moz-animation: loadingAnime 2.5s linear infinite 0.5s; animation: loadingAnime 2.5s linear infinite 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(7) { -webkit-animation: loadingAnime 2.5s linear infinite 0.6s; -moz-animation: loadingAnime 2.5s linear infinite 0.6s; animation: loadingAnime 2.5s linear infinite 0.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(8) { clear: both; -webkit-animation: loadingAnime 2.5s linear infinite 0.7s; -moz-animation: loadingAnime 2.5s linear infinite 0.7s; animation: loadingAnime 2.5s linear infinite 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(9) { -webkit-animation: loadingAnime 2.5s linear infinite 0.8s; -moz-animation: loadingAnime 2.5s linear infinite 0.8s; animation: loadingAnime 2.5s linear infinite 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(10) { -webkit-animation: loadingAnime 2.5s linear infinite 0.9s; -moz-animation: loadingAnime 2.5s linear infinite 0.9s; animation: loadingAnime 2.5s linear infinite 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(11) { -webkit-animation: loadingAnime 2.5s linear infinite 1s; -moz-animation: loadingAnime 2.5s linear infinite 1s; animation: loadingAnime 2.5s linear infinite 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(12) { -webkit-animation: loadingAnime 2.5s linear infinite 1.1s; -moz-animation: loadingAnime 2.5s linear infinite 1.1s; animation: loadingAnime 2.5s linear infinite 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(13) { -webkit-animation: loadingAnime 2.5s linear infinite 1.2s; -moz-animation: loadingAnime 2.5s linear infinite 1.2s; animation: loadingAnime 2.5s linear infinite 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(14) { -webkit-animation: loadingAnime 2.5s linear infinite 1.3s; -moz-animation: loadingAnime 2.5s linear infinite 1.3s; animation: loadingAnime 2.5s linear infinite 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(15) { clear: both; -webkit-animation: loadingAnime 2.5s linear infinite 1.4s; -moz-animation: loadingAnime 2.5s linear infinite 1.4s; animation: loadingAnime 2.5s linear infinite 1.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(16) { -webkit-animation: loadingAnime 2.5s linear infinite 1.5s; -moz-animation: loadingAnime 2.5s linear infinite 1.5s; animation: loadingAnime 2.5s linear infinite 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(17) { -webkit-animation: loadingAnime 2.5s linear infinite 1.6s; -moz-animation: loadingAnime 2.5s linear infinite 1.6s; animation: loadingAnime 2.5s linear infinite 1.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(18) { -webkit-animation: loadingAnime 2.5s linear infinite 1.7s; -moz-animation: loadingAnime 2.5s linear infinite 1.7s; animation: loadingAnime 2.5s linear infinite 1.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(19) { -webkit-animation: loadingAnime 2.5s linear infinite 1.8s; -moz-animation: loadingAnime 2.5s linear infinite 1.8s; animation: loadingAnime 2.5s linear infinite 1.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(20) { -webkit-animation: loadingAnime 2.5s linear infinite 1.9s; -moz-animation: loadingAnime 2.5s linear infinite 1.9s; animation: loadingAnime 2.5s linear infinite 1.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(21) { -webkit-animation: loadingAnime 2.5s linear infinite 2s; -moz-animation: loadingAnime 2.5s linear infinite 2s; animation: loadingAnime 2.5s linear infinite 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(22) { clear: both; -webkit-animation: loadingAnime 2.5s linear infinite 2.1s; -moz-animation: loadingAnime 2.5s linear infinite 2.1s; animation: loadingAnime 2.5s linear infinite 2.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(23) { -webkit-animation: loadingAnime 2.5s linear infinite 2.2s; -moz-animation: loadingAnime 2.5s linear infinite 2.2s; animation: loadingAnime 2.5s linear infinite 2.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(24) { -webkit-animation: loadingAnime 2.5s linear infinite 2.3s; -moz-animation: loadingAnime 2.5s linear infinite 2.3s; animation: loadingAnime 2.5s linear infinite 2.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(25) { -webkit-animation: loadingAnime 2.5s linear infinite 2.4s; -moz-animation: loadingAnime 2.5s linear infinite 2.4s; animation: loadingAnime 2.5s linear infinite 2.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(26) { -webkit-animation: loadingAnime 2.5s linear infinite 2.5s; -moz-animation: loadingAnime 2.5s linear infinite 2.5s; animation: loadingAnime 2.5s linear infinite 2.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(27) { -webkit-animation: loadingAnime 2.5s linear infinite 2.6s; -moz-animation: loadingAnime 2.5s linear infinite 2.6s; animation: loadingAnime 2.5s linear infinite 2.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.loading .loading_inner .loadingItem-box div:nth-child(28) { -webkit-animation: loadingAnime 2.5s linear infinite 2.7s; -moz-animation: loadingAnime 2.5s linear infinite 2.7s; animation: loadingAnime 2.5s linear infinite 2.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

.loadingItem-txt { position: relative; margin-top: 10px; display: block; text-align: center; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.3em; text-indent: 0.3em; color: #e76f89; width: 100%; -webkit-animation: loadingAnimeTxt 0.5s linear 0s; -moz-animation: loadingAnimeTxt 0.5s linear 0s; animation: loadingAnimeTxt 0.5s linear 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes loadingAnime { 0% { opacity: 0; filter: alpha(opacity=0); }
  30% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes loadingAnime { 0% { opacity: 0; filter: alpha(opacity=0); }
  30% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes loadingAnime { 0% { opacity: 0; filter: alpha(opacity=0); }
  30% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes loadingAnimeTxt { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
@-moz-keyframes loadingAnimeTxt { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
@keyframes loadingAnimeTxt { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
@-webkit-keyframes loadingAnime2 { 0% { margin: -10px 0 0 -10px; height: 20px; width: 20px; }
  80% { margin: -80px 0 0 -90px; height: 160px; width: 180px; }
  90% { margin: -65px 0 0 -75px; height: 130px; width: 150px; }
  95% { margin: -72px 0px 0px -82px; height: 144px; width: 164px; }
  100% { margin: -70px 0 0 -80px; height: 140px; width: 160px; } }
@-moz-keyframes loadingAnime2 { 0% { margin: -10px 0 0 -10px; height: 20px; width: 20px; }
  80% { margin: -80px 0 0 -90px; height: 160px; width: 180px; }
  90% { margin: -65px 0 0 -75px; height: 130px; width: 150px; }
  95% { margin: -72px 0px 0px -82px; height: 144px; width: 164px; }
  100% { margin: -70px 0 0 -80px; height: 140px; width: 160px; } }
@keyframes loadingAnime2 { 0% { margin: -10px 0 0 -10px; height: 20px; width: 20px; }
  80% { margin: -80px 0 0 -90px; height: 160px; width: 180px; }
  90% { margin: -65px 0 0 -75px; height: 130px; width: 150px; }
  95% { margin: -72px 0px 0px -82px; height: 144px; width: 164px; }
  100% { margin: -70px 0 0 -80px; height: 140px; width: 160px; } }
.remodal-overlay { background: rgba(0, 0, 0, 0.8) !important; }

.remodal { border: solid 5px #e8bcc6; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }
.remodal p { margin: 1.5em 0; }
.remodal .ttlSl { padding: 0 40px 10px 10px; margin-bottom: 3em; width: 100%; }

.remodal-confirm { display: inline-block !important; margin: 0 10px; background: #e76f89 !important; border: #fff solid 2px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.remodal-confirm:hover { background: #c45871 !important; }

.remodal-cancel { display: inline-block !important; margin: 0 10px; background: #999999 !important; border: #fff solid 2px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.remodal-cancel:hover { background: #666666 !important; }

.remodal-close { position: absolute !important; top: 10px !important; right: 10px !important; left: inherit !important; color: white !important; background: #e76f89 !important; z-index: 9999; }

@media (max-width: 479px) { .remodal { padding-top: 15px; }
  .remodal .ttlSl { padding-bottom: 13px; }
  .remodal-confirm.btn_type01, .remodal-cancel.btn_type02 { margin: 10px 5px 0; width: 45%; display: inline-block; } }
.layoutBtn_wrap-loginNewMemberLink { text-align: right; }
.layoutBtn_wrap-loginNewMemberLink a { color: #000; text-decoration: none; }
.layoutBtn_wrap-loginNewMemberLink a span { display: inline-block; border-bottom: #000 solid 1px; }
.layoutBtn_wrap-loginNewMemberLink a i { color: #e76f89; }
.layoutBtn_wrap-loginNewMemberLink a:hover { color: #c45871; }
.layoutBtn_wrap-loginNewMemberLink a:hover span { border-bottom: #c45871 solid 1px; }
.layoutBtn_wrap-loginNewMemberLink a:hover i { color: #c45871; }

@media (max-width: 767px) { .layoutBtn_wrap-loginNewMemberLink { margin: 1em 0 2em; text-align: center; } }
@media (max-width: 479px) { .layoutBtn_wrap-loginNewMemberLink { margin: 3em 0 2em; text-align: center; font-size: 12px; font-size: 1.2rem; } }
.layoutForm_wrap.layoutForm_wrap-reserve_login .layoutForm_main { padding-bottom: 1em; }
.layoutForm_wrap.layoutForm_wrap-reserve_login .layoutForm_block-beginner:nth-of-type(2) { border-bottom: none; }
.layoutForm_wrap.layoutForm_wrap-reserve_login .btn_type01 { margin-bottom: 0; }
@media (max-width: 767px) { .layoutForm_wrap.layoutForm_wrap-reserve_login .layoutForm_main { padding: 10px 10px 10px; }
  .layoutForm_wrap.layoutForm_wrap-reserve_login .ttlHl { margin-bottom: 0; }
  .layoutForm_wrap.layoutForm_wrap-reserve_login .ttlMl { margin-bottom: 0.5em; }
  .layoutForm_wrap.layoutForm_wrap-reserve_login .layoutType01 { line-height: 1.4; }
  .layoutForm_wrap.layoutForm_wrap-reserve_login .layoutType01 .txtArea { margin: 0.5em 0; }
  .layoutForm_wrap.layoutForm_wrap-reserve_login .layoutType01 .txtArea p { margin: 0; }
  .layoutForm_wrap.layoutForm_wrap-reserve_login .layoutForm_block .layoutForm_block_labelArea { padding: 1em 0 0; }
  .layoutForm_wrap.layoutForm_wrap-reserve_login .layoutForm_block .layoutForm_block_inputArea { padding: 0 0 1em; } }

.categoryCourseRequired { padding: 10px 20px; text-align: center; }

.categoryCourseRequired_inputWrap { margin: 0 auto; display: inline-block; width: auto; }

.categoryCourseRequired_inputWrap > div { display: inline-block; vertical-align: bottom; margin: 0 5px; }
.categoryCourseRequired_inputWrap > div.is-disable { position: relative; }
.categoryCourseRequired_inputWrap > div.is-disable .categoryCourseRequired_block { opacity: 0.4; }
.categoryCourseRequired_inputWrap > div.is-disable::after { content: ''; position: absolute; z-index: +1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0); }

.categoryCourseRequired_block { display: block; text-align: left; padding: 0 0 20px; }
.categoryCourseRequired_block > div { font-size: 14px; font-size: 1.4rem; }

.categoryCourseRequired_labelArea { padding: 0 0 0.5em; display: block; width: 285px; line-height: 1.4; text-align: center; }

.categoryCourseRequired_inputArea { display: block; padding: 0; }
.categoryCourseRequired_inputArea .box { margin: 0 auto; width: 100%; }
.categoryCourseRequired_inputArea .box > div:nth-child(2) { padding: 0 0 0 5px; vertical-align: top; width: 55px; }
.categoryCourseRequired_inputArea .box .box_inner:first-child { width: 100%; }
.categoryCourseRequired_inputArea .box .box_inner:first-child { width: auto; }
.categoryCourseRequired_inputArea .select_wrap { width: 285px; }
.categoryCourseRequired_inputArea .btn_type01 span { font-size: 14px; font-size: 1.4rem; white-space: nowrap; }
.categoryCourseRequired_inputArea .error_wrap { font-size: 13px; font-size: 1.3rem; }

.layout_startTxt_wrap { margin: 50px 0; font-size: 14px; font-size: 1.4rem; text-align: center; line-height: 2; }

.categoryCourseRequired.is-on .categoryCourseRequired_block { padding-bottom: 0; }
.categoryCourseRequired.is-on .layout_startTxt_wrap { display: none; }
.categoryCourseRequired.is-on .categoryCourseRequired_labelArea { line-height: 1.4; font-size: 10px; font-size: 1.0rem; }

.categoryCourseRequired_sp { display: none; }

@media (max-width: 767px) { .categoryCourseRequired { padding: 10px; }
  .categoryCourseRequired_inputWrap > div { margin: 0; display: block; vertical-align: middle; }
  .categoryCourseRequired.is-on { padding: 0 5px 5px; }
  .categoryCourseRequired.is-on .categoryCourseRequired_inputArea { padding: 0 5px 5px; }
  .categoryCourseRequired.is-on .categoryCourseRequired_sp { display: table; width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 1.4; border: #dddddd solid 1px; }
  .categoryCourseRequired.is-on .categoryCourseRequired_sp > div { padding: 5px; display: table-cell; vertical-align: middle; }
  .categoryCourseRequired.is-on .categoryCourseRequired_sp > div:first-child { padding: 5px 10px; }
  .categoryCourseRequired.is-on .categoryCourseRequired_sp > div:last-child { width: 100px; text-align: right; }
  .categoryCourseRequired.is-on .categoryCourseRequired_sp button { margin: 0 0 0 auto; }
  .categoryCourseRequired.is-on .categoryCourseRequired_sp button span { font-size: 12px; font-size: 1.2rem; }
  .categoryCourseRequired.is-visible .categoryCourseRequired_inputWrap { display: none; }
  .categoryCourseRequired_inputWrap > div:nth-of-type(2) .box { display: block; }
  .categoryCourseRequired_inputWrap > div:nth-of-type(2) .box > div { display: block; width: 100%; }
  .categoryCourseRequired_inputWrap > div:nth-of-type(2) .box > div:nth-of-type(2) { text-align: right; padding: 0.5em 0 0; }
  .categoryCourseRequired_inputWrap > div:nth-of-type(2) .box .btn_categoryCourseRequired { margin: 0 0 0 auto; }
  .categoryCourseRequired.is-on .categoryCourseRequired_inputArea { padding: 0.2em 0; }
  .categoryCourseRequired.is-visible .start { display: none; } }
@media (max-width: 479px) { .categoryCourseRequired { padding: 10px; }
  .categoryCourseRequired_block { margin: 0 auto; }
  .categoryCourseRequired_block > div { display: block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; }
  .categoryCourseRequired_inputArea { padding: 0; }
  .categoryCourseRequired_inputArea .box { margin: 0; min-width: 100%; }
  .categoryCourseRequired_inputArea .box .select_wrap { width: 100%; }
  .categoryCourseRequired_inputWrap { display: block; width: 100%; }
  .categoryCourseRequired_inputWrap > div { display: block; width: 100%; } }
.start { margin: 6em 0; text-align: center; position: relative; display: block; }

.start .start_inner { margin: 0 auto; height: 140px; width: 160px; text-align: center; background: #8a2c45; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.start .start_inner .startItem-box { margin: 40px auto 0; display: inline-block; }
.start .start_inner .startItem-box:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; }
.start .start_inner .startItem-box div { margin: 0 1px 2px 1px; float: left; display: block; width: 10px; height: 8px; background: #e76f89; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.start .start_inner .startItem-box div:nth-child(8), .start .start_inner .startItem-box div:nth-child(15), .start .start_inner .startItem-box div:nth-child(22) { clear: both; }
.start .start_inner .startItem-box div:nth-child(1), .start .start_inner .startItem-box div:nth-child(28) { opacity: 0.4; }
.start .start_inner .startItem-box div:nth-child(2), .start .start_inner .startItem-box div:nth-child(27) { opacity: 0.5; }
.start .start_inner .startItem-box div:nth-child(3), .start .start_inner .startItem-box div:nth-child(26) { opacity: 0.6; }
.start .start_inner .startItem-box div:nth-child(4), .start .start_inner .startItem-box div:nth-child(25) { opacity: 0.7; }
.start .start_inner .startItem-box div:nth-child(5), .start .start_inner .startItem-box div:nth-child(24) { opacity: 0.8; }
.start .start_inner .startItem-box div:nth-child(6), .start .start_inner .startItem-box div:nth-child(23) { opacity: 0.9; }

.startItem-txt { position: relative; margin-top: 10px; display: block; text-align: center; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.3em; text-indent: 0.3em; color: #e76f89; width: 100%; }

/*
.btnLoginAnchor{
position: absolute;
right: 0;
top:0;
font-size: 14px;
font-size: 1.4rem;
text-decoration: none; span{ text-decoration: underline; } i{ font-size: 18px !important; font-size: 1.8rem !important; vertical-align: -2px; }
}
@media (max-width:767px) { .btnLoginAnchor{ font-size: 13px; font-size: 1.3rem; }
}
@media (max-width:320px) { .btnLoginAnchor{ font-size: 11px; font-size: 1.1rem; }
}
*/
/* datepicker  style change */
.ui-datepicker { min-width: 260px !important; background: #ffff; }

.ui-datepicker { background: #fff; }

.ui-datepicker-header { background: #e8bcc6; font-weight: normal; color: #000; padding: 2px 2px 1px; text-transform: uppercase; }
.ui-datepicker-header:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; }

.ui-datepicker { text-align: center; }

.ui-datepicker a { color: #000; text-decoration: none; }

.ui-datepicker-calendar { width: 100%; border-collapse: separate; border: #e8bcc6 solid 1px; border-spacing: 2px; }

.ui-datepicker-group { margin: 0; }

.ui-datepicker-month { font-size: 1.6em; }

.ui-datepicker-calendar thead th { padding: 2px; border: none !important; font-weight: normal; color: #000; }

.ui-datepicker-calendar th, .ui-datepicker-calendar td { color: #d9b7bf; text-align: center; border: #dddddd solid 1px; }

.ui-datepicker-calendar td span { display: block; padding: 2px; }

.ui-datepicker-calendar td a { color: #fff; display: block; padding: 2px; }

.ui-datepicker-calendar tr td:last-child a, .ui-datepicker-calendar tr th:last-child, .ui-datepicker-calendar .calendarDay-regularHoliday a { color: #ee0000; }

.ui-datepicker-calendar tr td:nth-child(6) a, .ui-datepicker-calendar tr th:nth-child(6) { color: #0099ff; }

.ui-datepicker-calendar .calendarDay-regularHoliday, .ui-datepicker-calendar .calendarDay-regularHoliday a, .ui-datepicker-calendar .calendarDay-regularHoliday span { display: block; background: #acacac; border: #acacac solid 1px; color: #fff; cursor: default; background-image: none; }

.ui-datepicker-title { padding: 0 30px 0; line-height: 20px; vertical-align: bottom; }

.ui-datepicker-prev { float: left; }

.ui-datepicker-next { float: right; }

.ui-datepicker-prev, .ui-datepicker-next { position: relative; width: 22px; height: 22px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: 1px solid #e76f89; background: #e76f89; }

.ui-datepicker-prev.ui-state-disabled { display: none; }

.ui-datepicker-prev span, .ui-datepicker-next span { display: inline-block; position: relative; width: 20px; height: 20px; font-size: 10px !important; line-height: 12px !important; text-align: left !important; text-indent: 110% !important; white-space: nowrap !important; overflow: hidden !important; word-wrap: normal !important; }

.ui-datepicker-prev span::before, .ui-datepicker-next span::before { position: absolute; left: 0; top: 50%; margin-top: -6px; width: 20px; height: 20px; font-size: 12px; text-align: center; text-indent: 0; font-family: 'front_icon' !important; color: #fff !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ui-datepicker-prev span::before { content: "\e113"; }

.ui-datepicker-next span::before { content: "\e112"; }

.ui-datepicker-other-month { border: none !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ffffff; background-image: none; background: #ffffff; color: #000; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #e76f89; font-weight: bold; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #c45871; background: #c45871; color: #fff !important; cursor: pointer; }

.ui-datepicker-calendar td.ui-datepicker-today { border: 1px solid #e76f89; }

.ui-datepicker-calendar td.ui-datepicker-current-day, .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker-calendar td.ui-datepicker-current-day span { border: 1px solid #c45871; background: #c45871; color: #fff !important; cursor: default; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { border: 1px solid #c45871 !important; background: #c45871 !important; color: #fff !important; font-weight: bold; }

.ui-datepicker-calendar td.ui-datepicker-current-day.ui-datepicker-other-month, .ui-datepicker-calendar td.ui-datepicker-current-day.ui-datepicker-other-month a, .ui-datepicker-calendar td.ui-datepicker-current-day.ui-datepicker-other-month span { background: #dddddd !important; border: #dddddd solid 1px !important; color: #999999 !important; cursor: default; }

.ui-datepicker-unselectable.ui-state-disabled span { background: #dddddd !important; border: #dddddd solid 1px !important; color: #999999; }

.datepickerInline { font-size: 10px; font-size: 1.0rem; }

.ui-datepicker-group { float: left; width: 49%; }

.ui-datepicker-group:nth-of-type(2) { float: right; }

#datepickerModal, #ui-datepicker-div { margin: 20px auto 0; max-width: 480px; width: 100%; font-size: 12px; font-size: 1.2rem; }
#datepickerModal .ui-datepicker-header, #ui-datepicker-div .ui-datepicker-header { padding: 2px; }
#datepickerModal .ui-datepicker-calendar thead th, #ui-datepicker-div .ui-datepicker-calendar thead th { padding: 5px 2px; }
#datepickerModal .ui-datepicker-calendar td span, #ui-datepicker-div .ui-datepicker-calendar td span { padding: 13px 4px; }
#datepickerModal .ui-datepicker-calendar td a, #ui-datepicker-div .ui-datepicker-calendar td a { padding: 13px 4px; }
#datepickerModal .ui-datepicker-title, #ui-datepicker-div .ui-datepicker-title { padding-top: 10px; font-size: 16px; font-size: 1.6rem; line-height: 1; }
#datepickerModal .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-month { font-size: 20px; font-size: 2.0rem; }
#datepickerModal .ui-datepicker-prev, #datepickerModal .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { position: relative; width: 40px; height: 40px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
#datepickerModal .ui-datepicker-prev.ui-state-disabled, #ui-datepicker-div .ui-datepicker-prev.ui-state-disabled { display: none; }
#datepickerModal .ui-datepicker-prev span, #datepickerModal .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span { display: inline-block; position: relative; width: 40px; height: 40px; }
#datepickerModal .ui-datepicker-prev span::before, #datepickerModal .ui-datepicker-next span::before, #ui-datepicker-div .ui-datepicker-prev span::before, #ui-datepicker-div .ui-datepicker-next span::before { width: 40px; height: 40px; font-size: 16px; margin: -10px 0 0; }

@media (max-width: 767px) { #datepickerModal { margin: 0; max-width: 767px; }
  #ui-datepicker-div { width: 90%; max-width: 450px; } }
@media (max-width: 479px) { #ui-datepicker-div { left: 0 !important; width: 100%; } }
.layoutForm_wrap { padding: 20px; text-align: center; }

.layoutForm_header { position: relative; }

.layoutForm_main { margin: 1.5em 0 0; position: relative; padding: 40px 30px; color: #42202b; background: #f9e5e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.layoutForm_main-bgNone { background: #fff; border: #e4e4e4 solid 2px; }

.layoutForm_complete { margin: 0; position: relative; padding: 0 30px 40px; }

.layoutComplete-block-withdrawal, .layoutComplete-block-reservecancel, .layoutComplete-block-change, .layoutComplete-block-passwordF, .layoutComplete-block-passwordC { text-align: center; }
.layoutComplete-block-withdrawal p, .layoutComplete-block-reservecancel p, .layoutComplete-block-change p, .layoutComplete-block-passwordF p, .layoutComplete-block-passwordC p { margin: 30px 0; }

.layoutComplete-block-withdrawal, .layoutComplete-block-reservecancel, .layoutComplete-block-change, .layoutComplete-block-passwordC { font-size: 16px; font-size: 1.6rem; }

.txtArea-error { margin: 1.5em 0 0; padding: 1em; color: #ee0000; background: #ffeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

@media (max-width: 767px) { .layoutForm_wrap { padding: 10px; }
  .layoutForm_main { margin: 1em 0 0; padding: 20px; }
  .layoutForm_complete { margin: 0; padding: 0 0 20px; } }
@media (max-width: 479px) { .layoutForm_wrap { padding: 8px; }
  .layoutForm_main { margin: 10px 0 0; padding: 20px 10px 20px; }
  .layoutForm_complete { margin: 0 0 0; padding: 0 0 10px; }
  .layoutComplete-block-withdrawal, .layoutComplete-block-reservecancel, .layoutComplete-block-change, .layoutComplete-block-passwordC { text-align: left; font-size: 14px; font-size: 1.4rem; } }
.layoutForm_block { display: table; width: 100%; border-top: #e8bcc6 solid 1px; }
.layoutForm_block:last-child { border-bottom: #e8bcc6 solid 1px; }
.layoutForm_block.layout_borderTop-none > div { padding-top: 0; }
.layoutForm_block.layout_borderBottom-none > div { padding-bottom: 0; }

.layoutForm_block_labelArea, .layoutForm_block_labelArea-confirm { display: table-cell; vertical-align: top; }

.layoutForm_block_inputArea, .layoutForm_block_labelArea-confirm { display: table-cell; vertical-align: middle; }

.layoutForm_block_labelArea, .layoutForm_block_labelArea-confirm { padding: 1.5em 1em 1.5em 0; width: 150px; }

.layoutForm_block_labelArea-confirm { color: #8c777b; }

.layoutForm_block_inputArea { padding: 1em 0; }
.layoutForm_block_inputArea .box { display: table; }
.layoutForm_block_inputArea .box > div { display: table-cell; vertical-align: top; }
.layoutForm_block_inputArea .box .box_inner-txt { padding: 10px 0 10px 10px; font-size: 13px; font-size: 1.3rem; }
.layoutForm_block_inputArea .box + .box { margin-top: 5px; }

.layoutForm_block_inputArea-confirm { padding: 1.5em 0; }

.layoutForm_block_inputArea .btn_type01, .layoutForm_block_inputArea .btn_type02 { margin-left: 10px; }

@media (max-width: 767px) { .layoutForm_block { display: block; width: 100%; }
  .layoutForm_block_labelArea, .layoutForm_block_inputArea, .layoutForm_block_labelArea-confirm, .layoutForm_block_inputArea-confirm { display: block; }
  .layoutForm_block_labelArea, .layoutForm_block_labelArea-confirm { padding: 1.5em 0 0 0; width: 100%; }
  .layoutForm_block_inputArea { padding: 0.5em 0 1.5em; }
  .layoutForm_block_inputArea .box { margin-bottom: 0; display: block; }
  .layoutForm_block_inputArea .box > div { display: block; }
  .layoutForm_block_inputArea .box .box_inner-txt { padding: 5px 0 5px; }
  .layoutForm_block_inputArea .box.box-half { display: table !important; }
  .layoutForm_block_inputArea .box.box-half div { display: table-cell !important; }
  .layoutForm_block_labelArea-confirm { font-size: 12px; font-size: 1.2rem; }
  .layoutForm_block_inputArea-confirm { padding: 0.2em 10px 1em 10px; font-size: 16px; font-size: 1.6rem; line-height: 1.4; } }
.layoutForm_btnCancelWrap { position: relative; }
.layoutForm_btnCancelWrap .layoutForm_block_inputArea-confirm { padding-right: 160px; }
.layoutForm_btnCancelWrap .layoutForm_block_btnCancel { position: absolute; right: 0; top: 0; width: 140px; }
.layoutForm_btnCancelWrap .layoutForm_block_btnCancel .btn_type01 { margin: 0 0 0 auto; }

.layoutForm_block + .ttlMl { margin-top: 3em; }

.textFiled_wrap { margin-top: 5px; }

.textFiled_wrap:first-child { margin-top: 0; }

.checkRadio_wrap { padding: 0; line-height: 1.2; }

.error_wrap { margin: 0.4em 0 0; color: #ee0000; }

.text-notice { color: #c45871; }

.text-error { color: #ee0000; }

.textarea_wrap + .error_wrap { margin-top: 0 !important; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="text"], input[type="password"], textarea { max-width: 300px; width: 300px; padding: 0 10px; height: 44px; line-height: 44px; font-size: 14px; font-size: 1.4rem; color: #000; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: 2px solid #e76f89; }

textarea { padding: 10px; height: 160px; line-height: 1.4; }

textarea.textFiled-wide, input.textFiled-wide { max-width: 90%; width: 90%; }

textarea.textFiled-half, input.textFiled-half { max-width: 150px; width: 150px; }

textarea.textFiled-comment { height: 70px; max-width: 90%; width: 90%; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 2px solid #e7a0b0; }

input[readonly] { border: 2px solid #e8bcc6 !important; background: #e8bcc6 !important; }

input[readonly]:focus, textarea[readonly]:focus { border: 2px solid #e8bcc6; }

@media (max-width: 767px) { input[type="text"], input[type="password"], textarea { font-size: 16px; font-size: 1.6rem; }
  textarea.textFiled-wide, input.textFiled-wide, textarea.textFiled-comment { max-width: 100%; width: 100%; } }
@media (max-width: 479px) { input[type="text"], input[type="password"], textarea { max-width: 100%; width: 100%; }
  textarea.textFiled-half, input.textFiled-half { max-width: 150px; width: 145px; } }
.checkRadio_wrap > div { display: inline-block; }

.checkRadio_wrap input[type=radio], .checkRadio_wrap input[type=checkbox] { display: inline-block; margin-right: 6px; }

.checkRadio_wrap input[type=radio] + label, .checkRadio_wrap input[type=checkbox] + label { position: relative; display: inline-block; margin-right: 20px; cursor: pointer; }

.checkRadio_wrap input[type=radio], .checkRadio_wrap input[type=checkbox] { display: none; margin: 0; }

.checkRadio_wrap input[type=radio] + label, .checkRadio_wrap input[type=checkbox] + label { padding: 10px 0 10px 30px; }

.checkRadio_wrap input[type=radio] + label::before, .checkRadio_wrap input[type=checkbox] + label::before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 22px; height: 22px; margin-top: -11px; background: #FFF; border: #e8bcc6 solid 1px !important; -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0px inset; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0px inset; }

.checkRadio_wrap input[type=radio] + label::before { border-radius: 50%; }

.checkRadio_wrap input[type=radio]:checked + label::after, .checkRadio_wrap input[type=checkbox]:checked + label::after { content: ""; position: absolute; top: 50%; display: block; }

.checkRadio_wrap input[type=radio]:checked + label::before, .checkRadio_wrap input[type=checkbox]:checked + label::before { -moz-box-shadow: transparent 0px 0px 0px 0px inset; -webkit-box-shadow: transparent 0px 0px 0px 0px inset; box-shadow: transparent 0px 0px 0px 0px inset; border: #fff solid 1px !important; }

.checkRadio_wrap input[type=radio]:checked + label::after { left: 6px; width: 12px; height: 12px; margin-top: -5px; background: #fa0029; border-radius: 50%; }

.checkRadio_wrap input[type=checkbox]:checked + label::after { left: 3px; width: 16px; height: 6px; margin-top: -7px; border-left: 3px solid #fa0029; border-bottom: 3px solid #fa0029; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.layoutForm_block_inputArea .checkRadio_wrap input[type=radio] + label::before, .layoutForm_block_inputArea .checkRadio_wrap input[type=checkbox] + label::before { border: none; }
.layoutForm_block_inputArea .checkRadio_wrap input[type=radio]:checked + label::after { left: 6px; width: 12px; height: 12px; margin-top: -5px; background: #fa0029; border-radius: 50%; }
.layoutForm_block_inputArea .checkRadio_wrap input[type=checkbox]:checked + label::after { left: 3px; width: 16px; height: 6px; margin-top: -7px; border-left: 3px solid #fa0029; border-bottom: 3px solid #fa0029; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.layoutForm_block_inputArea .checkRadio_wrap input[type=checkbox]:checked + label::before { border: none; background: #FFF; }

.select_wrap_ymd { display: table; }
.select_wrap_ymd > div { display: table-cell; vertical-align: middle; }
.select_wrap_ymd > div:nth-of-type(1) { width: 80px; }
.select_wrap_ymd > div:nth-of-type(3), .select_wrap_ymd > div:nth-of-type(5) { width: 50px; }
.select_wrap_ymd > div:nth-of-type(2), .select_wrap_ymd > div:nth-of-type(4), .select_wrap_ymd > div:nth-of-type(6) { padding: 0 1em 0 0.5em; }

@media (max-width: 479px) { .select_wrap_ymd > div:nth-of-type(1) { width: 80px; }
  .select_wrap_ymd > div:nth-of-type(3), .select_wrap_ymd > div:nth-of-type(5) { width: 50px; }
  .select_wrap_ymd > div:nth-of-type(2), .select_wrap_ymd > div:nth-of-type(4), .select_wrap_ymd > div:nth-of-type(6) { padding: 0 2px 0 2px; font-size: 12px; font-size: 1.2rem; } }
.custom-selectbox { position: relative; max-width: 300px; height: 44px; }

.custom-selectbox-half { max-width: 150px; }
.custom-selectbox-half select { max-width: 150px; width: 100%; }

.custom-selectbox-number { width: 70px; }
.custom-selectbox-number select { width: 70px; }

.custom-selectbox select { position: absolute; top: 0; left: 0; z-index: 1; max-width: 300px; width: 100%; height: 44px; font-size: 14px; font-size: 1.4rem; opacity: 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media (max-width: 479px) { .custom-selectbox { max-width: 100%; }
  .custom-selectbox select { max-width: 100%; } }
.custom-selectbox .inner { position: relative; z-index: 0; box-sizing: border-box; padding: 0 20px 0 10px; width: 100%; height: 44px; font-size: 14px; font-size: 1.4rem; line-height: 44px; overflow: hidden; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: 2px solid #e76f89; }

@media (max-width: 767px) { .custom-selectbox select, .custom-selectbox .inner { font-size: 16px; font-size: 1.6rem; } }
.custom-selectbox .inner:before, .custom-selectbox .inner:after { content: ''; position: absolute; display: block; }

.custom-selectbox .inner:before { top: 0; right: 0; bottom: 0; width: 24px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -ms-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }

.custom-selectbox .inner:after { top: 50%; right: 6px; margin-top: -4px; width: 0; height: 0; border: solid transparent; border-top-color: #e76f89; border-width: 8px 6px 0 6px; }

.layoutForm_complete .layoutComplete-block { padding: 1.5em 0 1.5em 0; }

@media (max-width: 767px) { .layoutForm_complete .layoutComplete-block { padding: 1em 0; } }
@media (max-width: 479px) { .layoutForm_complete .layoutComplete-block { padding: 0.5em 0; } }
.layoutForm_block_labelArea-beginner, .layoutForm_block_inputArea-beginner { display: table-cell; vertical-align: middle; padding: 1.5em 0; }

.layoutForm_block_inputArea-beginner { width: 240px; text-align: right; }
.layoutForm_block_inputArea-beginner .btn_type01, .layoutForm_block_inputArea-beginner .btn_type02 { margin: 0 0 0 auto; width: 90%; }
.layoutForm_block_inputArea-beginner .btn_type01 span, .layoutForm_block_inputArea-beginner .btn_type02 span { margin: 0 auto; text-align: center; }

@media (max-width: 767px) { .layoutForm_block_labelArea-beginner, .layoutForm_block_inputArea-beginner { display: block; }
  .layoutForm_block_labelArea-beginner { padding: 1.5em 0 0; }
  .layoutForm_block_inputArea-beginner { padding-top: 0.5em; width: 100%; text-align: center; }
  .layoutForm_block_inputArea-beginner .btn_type01, .layoutForm_block_inputArea-beginner .btn_type02 { margin: 0 auto; min-width: 220px; width: auto; } }
@media (max-width: 479px) { .layoutForm_block_inputArea-beginner { width: 100%; text-align: center; }
  .layoutForm_block_inputArea-beginner .btn_type01, .layoutForm_block_inputArea-beginner .btn_type02 { margin: 0 auto; min-width: 100%; width: 100%; } }
.layoutForm_block_labelArea-beginner2 { padding: 3em 0 0; text-align: center; border-top: #e8bcc6 solid 1px; }

.layoutForm_block_inputArea-beginner2 { display: table; margin: 0 auto; }
.layoutForm_block_inputArea-beginner2 > div { display: table-cell; vertical-align: middle; padding: 1.5em 0 3em 0; width: 240px; }
.layoutForm_block_inputArea-beginner2 .btn_type01, .layoutForm_block_inputArea-beginner2 .btn_type02 { margin: 0 0 0 auto; width: 90%; }
.layoutForm_block_inputArea-beginner2 .btn_type01 span, .layoutForm_block_inputArea-beginner2 .btn_type02 span { margin: 0 auto; text-align: center; }

@media (max-width: 767px) { .layoutForm_block_labelArea-beginner2 { padding: 2em 0 0; text-align: center; } }
@media (max-width: 479px) { .layoutForm_block_labelArea-beginner2 { padding: 1.5em 0 0; text-align: left; }
  .layoutForm_block_inputArea-beginner2 { display: block; padding-top: 1.5em; }
  .layoutForm_block_inputArea-beginner2 > div { display: block; padding: 0 0 1.5em; width: 100%; }
  .layoutForm_block_inputArea-beginner2 .btn_type01, .layoutForm_block_inputArea-beginner2 .btn_type02 { margin: 0 auto; min-width: 100%; width: 100%; } }
.select_wrap_time { display: table; }
.select_wrap_time > div { width: 100px; display: table-cell; vertical-align: middle; }
.select_wrap_time > div:nth-of-type(1) { width: 90px; }
.select_wrap_time > div:nth-of-type(2) { padding: 0 0 0 5px; width: 3em; }
.select_wrap_time > div:nth-of-type(3) { width: 70px; }
.select_wrap_time > div:nth-of-type(4) { padding: 0 0 0 5px; width: 2em; }

.reserveMenu { padding: 0 18px; }

.reserveMenu_ttl { margin-bottom: 8px; position: relative; font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #c45871; }
.reserveMenu_ttl span { position: relative; padding: 0 10px 0 0; display: inline-block; background: #fff; }
.reserveMenu_ttl::before { content: ''; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; background: #e76f89; }
.reserveMenu_ttl i { padding: 0 5px 2px 0; font-size: 25px; vertical-align: middle; }

.reserveMenu ul { margin: 0; padding: 0; list-style-type: none; display: table; width: 100%; table-layout: fixed; }

.reserveMenu li { display: table-cell; width: 25%; padding: 3px; vertical-align: top; }

.reserveMenu a { position: relative; padding-top: 15px; display: block; text-decoration: none; color: #fff; text-align: center; font-size: 20px; font-size: 2.0rem; line-height: 1.4; background: #e76f89; border: #e76f89 solid 2px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding-bottom: 35px; height: 100%; }
.reserveMenu a div { word-wrap: break-word; overflow-wrap: break-word; }

.reserveMenu a:hover, .reserveMenu li.is-selected a { background: #c45871; }

.reserveMenu_btnShop a { background: #fff; color: #e76f89; border: #e76f89 solid 2px; padding-top: 25px; padding-bottom: 25px; }
.reserveMenu_btnShop a:hover { color: #fff; }

.reserveMenu_btn br { display: none; }

@media (max-width: 1024px) { .reserveMenu a { font-size: 20px; font-size: 2rem; } }
@media (max-width: 960px) { .reserveMenu a { font-size: 19px; font-size: 1.9rem; line-height: 1.2; } }
@media (max-width: 767px) { .reserveMenu { padding: 0 10px; }
  .reserveMenu a { font-size: 18px; font-size: 1.8rem; }
  .reserveMenu_btn br { display: block; } }
@media (max-width: 480px) { .reserveMenu { padding: 0 3px; }
  .reserveMenu_ttl { margin-bottom: 5px; position: relative; font-size: 12px; font-size: 1.2rem; font-weight: normal; }
  .reserveMenu_ttl span { position: relative; padding: 0 10px 0 0; display: inline-block; background: #fff; }
  .reserveMenu_ttl::before { content: ''; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; background: #e76f89; }
  .reserveMenu_ttl i { padding-right: 3px; font-size: 14px; }
  .reserveMenu li { padding: 2px; }
  .reserveMenu a { font-size: 16px; font-size: 1.6rem; letter-spacing: 0; } }
@media (max-width: 320px) { .reserveMenu a { font-size: 13px; font-size: 1.3rem; } }
.reserveMenu_switch { position: absolute; bottom: 0; left: 0; padding: 5px 0 5px 0; width: 100%; background: #c45871; display: block; font-size: 12px; line-height: 1; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

@media (max-width: 767px) { .reserveMenu_switch { padding: 4px 0 6px; font-size: 11px; } }
@media (max-width: 480px) { .reserveMenu_switch { padding: 4px 0 6px; font-size: 9px; } }
.reserveWrap { position: relative; margin: 20px 0 0; padding: 0 20px; }

#reserveTime { border: #e76f89 solid 2px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -ms-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

.reserveTime_header { padding: 20px 20px 10px; display: table; width: 100%; }

.reserveTime_header > div { display: table-cell; vertical-align: top; }

.reserveTimeHeader_block03Area { padding: 0 0 0 20px; width: 380px; }

@media (max-width: 767px) { .reserveWrap { margin: 10px 0 0; padding: 0; }
  #reserveTime { border: none; border-top: #e76f89 solid 2px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  .reserveTime_header { padding: 10px; }
  .reserveTimeHeader_block03Area { display: none !important; } }
@media (max-width: 479px) { .reserveWrap { margin: 5px 0 0; }
  .reserveTime_header { padding: 5px; } }
.reserveTimeHeader_block01 { display: block; width: 100%; }

.reserveTimeHeader_block01_ttl { padding: 5px 0; font-size: 24px; font-size: 2.4rem; font-weight: normal; }

.reserveStep-selected div { color: #c45871; }
.reserveStep-selected svg { fill: #c45871; }
.reserveStep-selected span { color: #c45871; }

@media (max-width: 767px) { .reserveTimeHeader_block01_ttl { font-size: 22px; font-size: 2.2rem; } }
@media (max-width: 479px) { .reserveTimeHeader_block01_ttl { font-size: 11px; font-size: 1.1rem; letter-spacing: 0; } }
.reserveTimeHeader_block02 { margin: 17px 0 0; padding: 10px 20px; background: #e8bcc6; display: table; width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 1.4; letter-spacing: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.reserveTimeHeader_block02 .reserveTimeHeader_block02_ttl, .reserveTimeHeader_block02 .reserveTimeHeader_block02_txt { display: table-cell; vertical-align: middle; text-align: left; }
.reserveTimeHeader_block02 .reserveTimeHeader_block02_ttl { border-right: #fff solid 2px; padding: 0 1em 0 0; font-size: 12px; font-size: 1.2rem; font-weight: normal; width: 4em; white-space: nowrap; }
.reserveTimeHeader_block02 .reserveTimeHeader_block02_txt { padding: 0 0 0 1em; }
.reserveTimeHeader_block02 .reserveTimeHeader_block02_txt table { margin-top: 0.2em; letter-spacing: 0 !important; table-layout: fixed; }
.reserveTimeHeader_block02 .reserveTimeHeader_block02_txt th, .reserveTimeHeader_block02 .reserveTimeHeader_block02_txt td { vertical-align: top; }
.reserveTimeHeader_block02 .reserveTimeHeader_block02_txt th { text-align: right; font-weight: normal; max-width: 7em; min-width: 6em; word-break: break-all; }
.reserveTimeHeader_block02 .reserveTimeHeader_block02_txt td { word-wrap: break-word; overflow-wrap: break-word; }

@media (max-width: 767px) { .reserveTimeHeader_block02 { margin: 5px 0 0; padding: 5px 10px; font-size: 10px; font-size: 1.0rem; line-height: 1.2; }
  .reserveTimeHeader_block02 .reserveTimeHeader_block02_ttl { border-right: #fff solid 1px; font-size: 10px; font-size: 1.0rem; width: 4em; } }
.reserveTimeHeader_block03 { width: 100%; }

.reserveTime_menu { padding: 10px 20px; font-size: 14px; font-size: 1.4rem; line-height: 1; border-bottom: #e8bcc6 solid 1px; }

@media (max-width: 767px) { .reserveTime_menu { padding: 0 10px 10px; }
  .reserveTime_menu-fixed { padding: 5px 10px 10px; } }
@media (max-width: 479px) { .reserveTime_menu { padding: 0 5px 5px; font-size: 10px; font-size: 1.0rem; }
  .reserveTime_menu-fixed { padding: 5px; } }
.reserveTime_menu:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; }

.reserveTime_menu ul { list-style-type: none; }

.reserveTime_menu ul:first-child { float: left; }

.reserveTime_menu ul:last-child { float: right; }

.reserveTime_menu ul:last-child li a:nth-child(2) { display: none; }

.reserveTime_menu li { float: left; margin: 0 8px 0 0; }

.reserveTime_menu li:last-child { margin: 0; }

.reserveTime_menu-btnCalendar, .reserveTime_legend { display: none; }

.reserveTime_menu-btnSaitan br { display: none; }

.reserveTime_menu-btnSaitan a > span { padding-left: 2.5em; padding-right: 2.5em; letter-spacing: 0.1em; }

.reserveTime_menu .btn_type01 .icon-arrow_left { margin-right: 5px; }

.reserveTime_menu .btn_type01 .icon-arrow_right { margin-left: 5px; }

.reserveTime_menu a.is-disabled { background: #dddddd; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: default; pointer-events: none; }

@media (max-width: 767px) { .reserveTime_menu li { margin: 0 4px 0 0; }
  .reserveTime_menu-btnCalendar, .reserveTime_legend { display: block; font-size: 10px; }
  .reserveTime_menu-btnCalendar i, .reserveTime_legend i { font-size: 24px; }
  .reserveTime_legend i::before { font-size: 20px; }
  .reserveTime_menu a > span { padding-left: 1em; padding-right: 1em; letter-spacing: 0; }
  .reserveTime_menu .btn_type01 .icon-arrow_left { margin-right: 5px; }
  .reserveTime_menu .btn_type01 .icon-arrow_right { margin-left: 5px; }
  .reserveTime_menu-btnPrevMonth, .reserveTime_menu-btnNextMonth { display: none; } }
@media (max-width: 479px) { .reserveTime_menu-btnCalendar { display: block; font-size: 8px; }
  .reserveTime_menu-btnCalendar i { font-size: 26px; }
  .reserveTime_menu-btnPrev a:nth-child(1), .reserveTime_menu-btnNext a:nth-child(1) { display: none; }
  .reserveTime_menu-btnPrev a:last-child, .reserveTime_menu-btnNext a:last-child { display: block !important; }
  .reserveTime_menu a > span { padding-left: 0.5em; padding-right: 0.5em; letter-spacing: 0; min-width: 44px; line-height: 1.2; }
  .reserveTime_menu-btnSaitan br { display: block; }
  .reserveTime_menu .btn_type01 .icon-arrow_left { margin-right: 5px; }
  .reserveTime_menu .btn_type01 .icon-arrow_right { margin-left: 5px; } }
.reserveTime_menu-fixed { display: none; position: fixed; top: 0; background: #fff; z-index: 9999; width: 100%; border-bottom: none !important; }

.reserveTime_input { padding: 10px 20px 20px; }

.reserveTime_input-legendTxt { font-size: 12px; font-size: 1.2rem; line-height: 1.2; padding: 0 0  20px 0; color: #666666; }
.reserveTime_input-legendTxt i { margin: 0 2px 0 5px; font-size: 12px; }

@media (max-width: 767px) { .reserveTime_input-legendTxt { font-size: 10px; font-size: 1.0rem; line-height: 1.4; } }
.reserveTime_table, .reserveTime_table-fixed { width: 100%; }
.reserveTime_table thead, .reserveTime_table-fixed thead { font-size: 14px; font-size: 1.4rem; line-height: 1; }
.reserveTime_table thead th, .reserveTime_table-fixed thead th { padding: 0 0 2px; text-align: center; font-weight: normal; width: 13%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.reserveTime_table thead th:first-child, .reserveTime_table-fixed thead th:first-child { width: 9%; }
.reserveTime_table tbody, .reserveTime_table-fixed tbody { font-size: 12px; font-size: 1.2rem; line-height: 1.2; }
.reserveTime_table tbody th, .reserveTime_table-fixed tbody th { font-weight: normal; padding-right: 10px; text-align: right; }
.reserveTime_table tbody td, .reserveTime_table-fixed tbody td { border: #fff solid 1px; height: 46px; background: #dddddd; text-align: center; vertical-align: middle; }
.reserveTime_table tbody td a, .reserveTime_table-fixed tbody td a { text-decoration: none; }

.reserveTime_table-fixed { display: none; position: fixed; top: 0; background: #fff; z-index: 9999; }
.reserveTime_table-fixed th { padding: 2px 0; }

.reserveTime_table-fixed.is-visible { display: table !important; }

thead .reserveTime_sat { color: #0077ee; }

thead .reserveTime_sun { color: #de0000; }

tbody td.reserveTime_sat { background: #85d4f2; }

tbody td.reserveTime_sun { background: #ff8d8d; }

.reserveTime_offHours { background: #dddddd url(/images/off_hours_bg.png) repeat left top !important; }

td.reserveTime_holiday { background: #ff8d8d !important; }

td.reserveTime_regularHoliday, td.reserveTime_end { color: #fff; background: #acacac !important; }

.reserveTime_now { display: inline-block; padding: 3px; color: #fff; background: #ee0000; }

.btn_typeReserve-badge { position: absolute; right: 2px; top: 2px; display: inline-block; padding: 2px 4px; font-size: 9px; font-size: 0.9rem; line-height: 1; color: #fff; background: #ff004e; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

@media (max-width: 767px) { .reserveTime_input { padding: 10px 10px 20px; }
  .reserveTime_table thead, .reserveTime_table-fixed thead { font-size: 11px; font-size: 1.1rem; line-height: 1; }
  .reserveTime_table thead th, .reserveTime_table-fixed thead th { padding: 0 0 2px; text-align: center; font-weight: normal; }
  .reserveTime_table thead span, .reserveTime_table-fixed thead span { font-size: 10px; font-size: 1.0rem; }
  .reserveTime_table tbody, .reserveTime_table-fixed tbody { font-size: 9px; font-size: 0.9rem; line-height: 1.2; }
  .reserveTime_table tbody th, .reserveTime_table-fixed tbody th { font-weight: normal; padding-right: 10px; text-align: right; }
  .btn_typeReserve { width: 90%; } }
@media (max-width: 479px) { .reserveTime_input { padding: 10px 5px 20px; }
  .reserveTime_table thead, .reserveTime_table-fixed thead { font-size: 12px; font-size: 1.2rem; line-height: 1; }
  .reserveTime_table thead th:first-child, .reserveTime_table-fixed thead th:first-child { width: 12%; }
  .reserveTime_table thead th, .reserveTime_table-fixed thead th { padding: 0 0 2px; text-align: center; font-weight: normal; width: 22%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .reserveTime_table thead th:nth-of-type(6), .reserveTime_table thead th:nth-of-type(7), .reserveTime_table thead th:nth-of-type(8), .reserveTime_table-fixed thead th:nth-of-type(6), .reserveTime_table-fixed thead th:nth-of-type(7), .reserveTime_table-fixed thead th:nth-of-type(8) { display: none; }
  .reserveTime_table thead th span, .reserveTime_table-fixed thead th span { font-size: 9px; font-size: 0.9rem; }
  .reserveTime_table thead th:first-child, .reserveTime_table-fixed thead th:first-child { width: 10%; }
  .reserveTime_table tbody, .reserveTime_table-fixed tbody { font-size: 9px; font-size: 0.9rem; line-height: 1.2; }
  .reserveTime_table tbody th, .reserveTime_table-fixed tbody th { padding-right: 5px; }
  .reserveTime_table tbody td:nth-of-type(5), .reserveTime_table tbody td:nth-of-type(6), .reserveTime_table tbody td:nth-of-type(7), .reserveTime_table-fixed tbody td:nth-of-type(5), .reserveTime_table-fixed tbody td:nth-of-type(6), .reserveTime_table-fixed tbody td:nth-of-type(7) { display: none; }
  .btn_typeReserve { width: 90%; }
  .btn_typeReserve > span { padding: 2px; display: table-cell; vertical-align: middle; height: 38px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }
#reserveTime_bottom { padding: 0; width: 100%; border-top: #e76f89 solid 2px; background: #f9e5e9; }

#reserveTime_bottom.is-fixed { width: 100%; padding: 0 20px 0; position: fixed; z-index: 99997; bottom: 0; left: 0; text-align: center; }
#reserveTime_bottom.is-fixed #reserveTime_bottom-Inner { margin: 0 auto; max-width: 984px; }
#reserveTime_bottom.is-fixed .reserveTime_bottom-link { padding-left: 250px; }
#reserveTime_bottom.is-fixed .reserveTime_bottom-link ul { display: table; table-layout: fixed; }

#reserveTime_bottom-Inner { position: relative; padding: 0 8px 0 4px; /*
border-left:$darken-1 solid 2px;
border-right:$darken-1 solid 2px;
border-bottom:$darken-1 solid 2px;
*/ -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; min-height: 50px; }

#reserveTime_bottom i { float: right; font-size: 30px; color: #e76f89; }

#reserveTime_bottom .reserveTime_bottom-anchor { position: absolute; left: 0; top: 0; }
#reserveTime_bottom .reserveTime_bottom-anchor .btn_type01 { background: #ffffff; color: #e76f89; }
#reserveTime_bottom .reserveTime_bottom-anchor .btn_type01:hover { background: #c45871; color: #fff; }

#reserveTime_bottom.is-noTime .reserveTime_bottom-anchor { display: none; }

#reserveTime_bottom .reserveTime_bottom-anchor ul { display: table; list-style-type: none; }

#reserveTime_bottom .reserveTime_bottom-link ul { margin: 0 0 0 auto; list-style-type: none; display: none; }

#reserveTime_bottom li { display: table-cell; vertical-align: middle; padding: 4px 2px; }

#reserveTime_bottom .reserveTime_bottom-anchor li:first-child { width: 36px; }

#reserveTime_bottom .btn_type01 > span { height: 40px; }

#reserveTime_bottom .btn_type01-saitan { background-color: #c45871; }

#reserveTime_bottom .btn_type01-saitan:hover { background-color: #e76f89; }

.btn_type01.is-nextStep { -webkit-animation: nextStep 1s infinite 0s; -moz-animation: nextStep 1s infinite 0s; animation: nextStep 1s infinite 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes nextStep { 0% { background: #fa2c8d; }
  50% { background: #b5465f; }
  100% { background: #fa2c8d; } }
@-moz-keyframes nextStep { 0% { background: #fa2c8d; }
  50% { background: #b5465f; }
  100% { background: #fa2c8d; } }
@keyframes nextStep { 0% { background: #fa2c8d; }
  50% { background: #b5465f; }
  100% { background: #fa2c8d; } }
@-webkit-keyframes nextStepHover { 0% { background: #b5465f; }
  100% { background: #b5465f; } }
@-moz-keyframes nextStepHover { 0% { background: #b5465f; }
  100% { background: #b5465f; } }
@keyframes nextStepHover { 0% { background: #b5465f; }
  100% { background: #b5465f; } }
@media (max-width: 767px) { #reserveTime_bottom, #reserveTime_bottom.is-fixed { padding: 0; border-top: none; }
  #reserveTime_bottom .reserveTime_bottom-link, #reserveTime_bottom.is-fixed .reserveTime_bottom-link { padding-left: 0; }
  #reserveTime_bottom-Inner { padding: 0; border-top: none; border-left: none; border-right: none; border-bottom: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  #reserveTime_bottom .reserveTime_bottom-anchor { position: relative; left: 0; top: 0; background: #fff; border-top: #c6c6c6 solid 1px; padding: 2px 4px 2px 0; }
  #reserveTime_bottom .reserveTime_bottom-anchor i { color: #c6c6c6; }
  #reserveTime_bottom .reserveTime_bottom-anchor li { padding: 4px 0; }
  #reserveTime_bottom .reserveTime_bottom-anchor li:first-child { padding: 4px 2px; border: none; }
  #reserveTime_bottom .reserveTime_bottom-anchor .btn_type01 { box-shadow: none; border: none; border-radius: 0; border-top: #c6c6c6 solid 1px; border-right: #c6c6c6 solid 1px; border-bottom: #c6c6c6 solid 1px; }
  #reserveTime_bottom .reserveTime_bottom-anchor li:nth-child(2) .btn_type01 { border-left: #c6c6c6 solid 1px; }
  #reserveTime_bottom .reserveTime_bottom-anchor ul { position: relative; margin: 0 auto; }
  #reserveTime_bottom .reserveTime_bottom-link { border-top: #e76f89 solid 4px; padding: 2px; }
  #reserveTime_bottom .reserveTime_bottom-link ul { margin: 0 auto; }
  #reserveTime_bottom .reserveTime_bottom-link ul li { width: 25%; }
  #reserveTime_bottom .reserveTime_bottom-link ul li a { width: 100%; } }
@media (max-width: 479px) { #reserveTime_bottom ul { width: 100%; }
  #reserveTime_bottom ul li { width: 25%; }
  #reserveTime_bottom .btn_type01 { width: 100%; }
  #reserveTime_bottom .btn_type01 > span { padding: 2px 10px; height: 36px; } }
.reserve_submitArea, .reserve_submitAreaFixed { padding: 0; width: 100%; left: 0; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.reserve_submitArea .reserve_submitArea_txt01, .reserve_submitArea .reserve_submitArea_txt02, .reserve_submitAreaFixed .reserve_submitArea_txt01, .reserve_submitAreaFixed .reserve_submitArea_txt02 { font-size: 14px; font-size: 1.4rem; line-height: 1; }
.reserve_submitArea .reserve_submitArea_txt01, .reserve_submitAreaFixed .reserve_submitArea_txt01 { margin: 0 0 10px; }
.reserve_submitArea .reserve_submitArea_txt02, .reserve_submitAreaFixed .reserve_submitArea_txt02 { margin: 10px 0 0; font-size: 12px; font-size: 1.2rem; }
.reserve_submitArea .layoutBtn_wrap, .reserve_submitAreaFixed .layoutBtn_wrap { border: none; padding-top: 0; }

.reserve_submitAreaFixed { position: fixed; z-index: 99998; bottom: -500px; max-height: 500px; }

.reserve_submitAreaFixed.is-fixed { max-height: none; }

.reserve_submitArea_Inner { position: relative; padding: 20px 0; background: #fff; }

.reserve_submitArea.is-fixed, .reserve_submitAreaFixed.is-fixed { width: 100%; padding: 0; position: fixed; z-index: 99998; bottom: 0; left: 0; background: #fff; }
.reserve_submitArea.is-fixed .reserve_submitArea_Inner, .reserve_submitAreaFixed.is-fixed .reserve_submitArea_Inner { margin: 0 auto; border-top: #e76f89 solid 6px; }

.layoutBtn_wrap-reserve { font-size: 14px; font-size: 1.4rem; }
.layoutBtn_wrap-reserve .layoutBtn_wrap-btn { margin: 5px; }
.layoutBtn_wrap-reserve .layoutBtn_wrap-btn span { min-width: 160px; }
.layoutBtn_wrap-reserve .layoutBtn_wrap-btn br { display: none; }
.layoutBtn_wrap-reserve .btn_type01-complete { font-size: 16px; font-size: 1.6rem; }
.layoutBtn_wrap-reserve .btn_type01-complete:not(.is-disabled) { -webkit-animation: complete 2s infinite 0s; -moz-animation: complete 2s infinite 0s; animation: complete 2s infinite 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes complete { 0% { background-color: #c45871; }
  25% { background-color: #fa2c8d; }
  50% { background-color: #fa2c8d; }
  75% { background-color: #fa2c8d; }
  100% { background-color: #c45871; } }
@-moz-keyframes complete { 0% { background-color: #c45871; }
  25% { background-color: #fa2c8d; }
  50% { background-color: #fa2c8d; }
  75% { background-color: #fa2c8d; }
  100% { background-color: #c45871; } }
@keyframes complete { 0% { background-color: #c45871; }
  25% { background-color: #fa2c8d; }
  50% { background-color: #fa2c8d; }
  75% { background-color: #fa2c8d; }
  100% { background-color: #c45871; } }
.reserve_submitArea-tel { display: none; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
.reserve_submitArea-tel span { font-size: 24px; font-size: 2.4rem; color: #e76f89; }

.is-telNo .reserve_submitArea-tel { display: block; }

.is-telNo .reserve_submitArea, .is-telNo .reserve_submitArea-pc { display: none; }

.reserve_submitAreaFixed .reserveCourse_selectedWrap { padding: 0 50px 20px 20px; text-align: left; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner { margin-top: 0; padding: 5px; background: #e8bcc6; display: table; width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 1.4; letter-spacing: 0; color: #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner > div { display: table-cell; vertical-align: middle; border-radius: 3px; padding: 0 10px; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner > div:first-child { font-size: 11px; font-size: 1.1rem; font-weight: normal; border-right: #fff 1px solid; width: 4.5em; white-space: nowrap; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap { max-height: 80px; overflow: auto; padding: 0 0 0 0.7em; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap table { margin-top: 0.2em; letter-spacing: 0 !important; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap th, .reserve_submitAreaFixed .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap td { vertical-align: top; font-size: 11px; font-size: 1.1rem; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap th { text-align: right; font-weight: normal; max-width: 7em; min-width: 6em; word-break: break-all; }
.reserve_submitAreaFixed .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap td { word-wrap: break-word; overflow-wrap: break-word; }

@media (max-width: 767px) { .reserve_submitArea.is-fixed, .reserve_submitAreaFixed.is-fixed { padding: 0; }
  .reserve_submitArea_Inner { padding: 20px 10px; }
  .reserve_submitAreaFixed .reserveCourse_selectedWrap { padding: 0 40px 10px 0; text-align: left; }
  .reserve_submitAreaFixed .reserveCourse_selectedWrap_inner { font-size: 12px; font-size: 1.2rem; line-height: 1.2; }
  .reserve_submitAreaFixed .reserveCourse_selectedWrap_inner > div { padding: 4px; }
  .reserve_submitAreaFixed .reserveCourse_selectedWrap_inner > div:first-child { font-size: 10px; font-size: 1.0rem; width: 4.5em; white-space: nowrap; }
  .reserve_submitAreaFixed .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap { max-height: 60px; } }
@media (max-width: 479px) { .layoutBtn_wrap-reserve { font-size: 14px; font-size: 1.4rem; }
  .layoutBtn_wrap-reserve .layoutBtn_wrapInner-reserve { display: table; table-layout: fixed; width: 100%; }
  .layoutBtn_wrap-reserve .layoutBtn_wrap-btn { display: table-cell; vertical-align: middle; padding: 5px 2px 0; }
  .layoutBtn_wrap-reserve .btn_type01 { width: 100%; text-align: center; }
  .layoutBtn_wrap-reserve .layoutBtn_wrap-btn br { display: block; }
  .layoutBtn_wrap-reserve .layoutBtn_wrap-btn span { margin: 0 auto; min-width: initial; min-width: auto; text-align: center; font-size: 14px; font-size: 1.4rem; }
  .reserve_submitArea-tel { display: none; font-size: 11px; font-size: 1.1rem; }
  .reserve_submitArea-tel span { font-size: 20px; font-size: 2.0rem; }
  .reserveCourse_selectedWrap_inner { font-size: 8px; font-size: 0.8rem; line-height: 1.2; }
  .reserveCourse_selectedWrap_inner > div { padding: 4px; }
  .reserveCourse_selectedWrap_inner > div:first-child { font-size: 8px; font-size: 0.8rem; width: 4.5em; white-space: nowrap; }
  .reserveCourse_selectedWrap_inner .reserveCourse_selectedWrap_txtWrap { max-height: 60px; } }
.reserve_submitArea_btnClose { position: absolute; right: 5px; top: 5px; height: 40px; display: none; }

.reserve_submitArea.is-fixed .reserve_submitArea_btnClose, .reserve_submitAreaFixed.is-fixed .reserve_submitArea_btnClose { display: block; }

.reserve_submitArea_btnClose > div { display: block; color: #e76f89; text-decoration: none; width: 40px; height: 40px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; }
.reserve_submitArea_btnClose > div i { font-size: 38px; }
.reserve_submitArea_btnClose > div span { display: block; font-size: 10px; line-height: 1; text-align: center; }

.reserve_submitArea_btnClose > div:hover { color: #c45871; }

@media (max-width: 767px) { .reserve_submitArea_btnClose { text-align: right; height: 42px; }
  .reserve_submitArea_btnClose > div { margin: 0 0 0 auto; display: block; color: #e76f89; text-decoration: none; }
  .reserve_submitArea_btnClose > div i { font-size: 28px; }
  .reserve_submitArea_btnClose > div:hover { color: #c45871; } }
#reserveStaff, #reserveCourse { border: #e76f89 solid 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
#reserveStaff #reserveTime, #reserveCourse #reserveTime { border: none; }
#reserveStaff #reserveTime .reserveTime_header, #reserveCourse #reserveTime .reserveTime_header { display: none; }
#reserveStaff #reserveTime_bottom-Inner, #reserveCourse #reserveTime_bottom-Inner { border: none !important; }

.reserveStaff_header, .reserveCourse_header { padding: 20px; width: 100%; }

@media (max-width: 767px) { .reserveWrap { margin: 10px 0 0; padding: 0; }
  #reserveStaff, #reserveCourse { border: none; border-top: #e76f89 solid 2px; border-bottom: #e76f89 solid 2px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  #reserveStaff #reserveTime, #reserveCourse #reserveTime { padding-top: 10px; }
  #reserveCourse #reserveTime { padding-top: 20px; }
  .reserveStaff_header, .reserveCourse_header { padding: 10px; } }
@media (max-width: 479px) { .reserveWrap { margin: 5px 0 0; }
  .reserveStaff_header, .reserveCourse_header { padding: 5px; } }
.reserveStaffHeader_block0102Area, .reserveCourseHeader_block0102Area { display: table; width: 100%; }

.reserveStaffHeader_block0102Area > div, .reserveCourseHeader_block0102Area > div { display: table-cell; vertical-align: top; }

.reserveStaffHeader_block0102Area_inner01, .reserveCourseHeader_block0102Area_inner01 { padding-right: 5px; }

.reserveStaffHeader_block0102Area_inner02, .reserveCourseHeader_block0102Area_inner02 { width: 340px; }

@media (max-width: 767px) { .reserveStaffHeader_block0102Area, .reserveCourseHeader_block0102Area { display: block; width: 100%; }
  .reserveStaffHeader_block0102Area > div, .reserveCourseHeader_block0102Area > div { display: block; }
  .reserveStaffHeader_block0102Area_inner01, .reserveCourseHeader_block0102Area_inner01 { padding-right: 0; }
  .reserveStaffHeader_block0102Area_inner02, .reserveCourseHeader_block0102Area_inner02 { width: 100%; } }
.reserveStaffHeader_block01, .reserveCourseHeader_block01 { display: block; width: 100%; }

.reserveStaffHeader_block01_ttl, .reserveCourseHeader_block01_ttl { padding: 5px 0; font-size: 24px; font-size: 2.4rem; font-weight: normal; }

.reserveStep-selected div { color: #c45871; }
.reserveStep-selected svg { fill: #c45871; }
.reserveStep-selected span { color: #c45871; }

@media (max-width: 767px) { .reserveStaffHeader_block01_ttl, .reserveCourseHeader_block01_ttl { font-size: 22px; font-size: 2.2rem; } }
@media (max-width: 479px) { .reserveStaffHeader_block01_ttl, .reserveCourseHeader_block01_ttl { font-size: 17px; font-size: 1.7rem; letter-spacing: 0; } }
.reserveStaffHeader_block02, .reserveCourseHeader_block02 { margin: 0; padding: 8px 10px; background: #e8bcc6; display: table; width: 100%; height: 72px; font-size: 12px; font-size: 1.2rem; line-height: 1.4; letter-spacing: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.reserveStaffHeader_block02 .reserveStaffHeader_block02_ttl, .reserveStaffHeader_block02 .reserveStaffHeader_block02_txt, .reserveStaffHeader_block02 .reserveCourseHeader_block02_ttl, .reserveStaffHeader_block02 .reserveCourseHeader_block02_txt, .reserveCourseHeader_block02 .reserveStaffHeader_block02_ttl, .reserveCourseHeader_block02 .reserveStaffHeader_block02_txt, .reserveCourseHeader_block02 .reserveCourseHeader_block02_ttl, .reserveCourseHeader_block02 .reserveCourseHeader_block02_txt { display: table-cell; vertical-align: middle; text-align: left; }
.reserveStaffHeader_block02 .reserveStaffHeader_block02_ttl, .reserveStaffHeader_block02 .reserveCourseHeader_block02_ttl, .reserveCourseHeader_block02 .reserveStaffHeader_block02_ttl, .reserveCourseHeader_block02 .reserveCourseHeader_block02_ttl { border-right: #fff solid 2px; padding: 0 0.5em 0 0; font-size: 12px; font-size: 1.2rem; font-weight: normal; width: 4em; white-space: nowrap; }
.reserveStaffHeader_block02 .reserveStaffHeader_block02_txt, .reserveStaffHeader_block02 .reserveCourseHeader_block02_txt, .reserveCourseHeader_block02 .reserveStaffHeader_block02_txt, .reserveCourseHeader_block02 .reserveCourseHeader_block02_txt { padding: 0 0 0 0.5em; }
.reserveStaffHeader_block02 .reserveStaffHeader_block02_txt table, .reserveStaffHeader_block02 .reserveCourseHeader_block02_txt table, .reserveCourseHeader_block02 .reserveStaffHeader_block02_txt table, .reserveCourseHeader_block02 .reserveCourseHeader_block02_txt table { margin-top: 0.2em; letter-spacing: 0 !important; }
.reserveStaffHeader_block02 .reserveStaffHeader_block02_txt th, .reserveStaffHeader_block02 .reserveStaffHeader_block02_txt td, .reserveStaffHeader_block02 .reserveCourseHeader_block02_txt th, .reserveStaffHeader_block02 .reserveCourseHeader_block02_txt td, .reserveCourseHeader_block02 .reserveStaffHeader_block02_txt th, .reserveCourseHeader_block02 .reserveStaffHeader_block02_txt td, .reserveCourseHeader_block02 .reserveCourseHeader_block02_txt th, .reserveCourseHeader_block02 .reserveCourseHeader_block02_txt td { vertical-align: top; }
.reserveStaffHeader_block02 .reserveStaffHeader_block02_txt th, .reserveStaffHeader_block02 .reserveCourseHeader_block02_txt th, .reserveCourseHeader_block02 .reserveStaffHeader_block02_txt th, .reserveCourseHeader_block02 .reserveCourseHeader_block02_txt th { text-align: right; font-weight: normal; max-width: 7em; min-width: 6em; word-break: break-all; }
.reserveStaffHeader_block02 .reserveStaffHeader_block02_txt td, .reserveStaffHeader_block02 .reserveCourseHeader_block02_txt td, .reserveCourseHeader_block02 .reserveStaffHeader_block02_txt td, .reserveCourseHeader_block02 .reserveCourseHeader_block02_txt td { word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; }

@media (max-width: 767px) { .reserveStaffHeader_block02, .reserveCourseHeader_block02 { height: auto; margin: 5px 0 0; padding: 5px 10px; font-size: 10px; font-size: 1.0rem; line-height: 1.2; }
  .reserveStaffHeader_block02 .reserveStaffHeader_block02_ttl, .reserveStaffHeader_block02 .reserveCourseHeader_block02_ttl, .reserveCourseHeader_block02 .reserveStaffHeader_block02_ttl, .reserveCourseHeader_block02 .reserveCourseHeader_block02_ttl { border-right: #fff solid 1px; font-size: 10px; font-size: 1.0rem; width: 4em; } }
.reserve_submitArea-staff { position: relative; padding-top: 0; padding-bottom: 10px; bottom: 0; }
.reserve_submitArea-staff .reserve_submitArea_Inner { padding-top: 0; }

.reserveStaff_main + .reserveStaff_main { margin-top: 1em; }

.reserveStaff_input { display: none; font-size: 14px; font-size: 1.4rem; }

.reserveStaff_input.is-selected { display: block; }

.reserveStaff_input .ttlHl, .reserveStaff_menu .ttlHl { padding-bottom: 0.4em; font-size: 27px; font-size: 2.7rem; letter-spacing: 0.1em; }
.reserveStaff_input .ttlMl, .reserveStaff_menu .ttlMl { font-size: 18px; font-size: 1.8rem; }

.reserveStaff_menu { padding: 10px 20px 10px; }

.reserveStaff_menuWrap { margin: 0 auto; display: table; }
.reserveStaff_menuWrap .layoutBtn_wrap-btn { display: table-cell; vertical-align: top; width: 33%; }
.reserveStaff_menuWrap .layoutBtn_wrap-btn:nth-child(1) { padding: 0 5px 0 0; }
.reserveStaff_menuWrap .layoutBtn_wrap-btn:nth-child(2) { padding: 0 2px; }
.reserveStaff_menuWrap .layoutBtn_wrap-btn:nth-child(3) { padding: 0 0 0 5px; }
.reserveStaff_menuWrap .btn_type03 { margin: 0; padding: 20px 40px; font-size: 16px; font-size: 1.6rem; width: 100%; }
.reserveStaff_menuWrap .btn_type03 br { display: none; }

.reserveStaff_input { padding: 20px; }
.reserveStaff_input .reserve_submitArea_Inner { border-top: #dddddd solid 1px; padding-left: 0; padding-right: 0; }

.reserveStaff_input_block { padding: 20px 0; }

.reserveStaff_input-none .reserveStaff_input_block { padding: 50px 0; }
.reserveStaff_input-none .reserveStaff_input_block p { text-align: center; }

@media (max-width: 767px) { .reserve_submitArea-staff .reserve_submitArea_Inner { padding-top: 20px; }
  .reserveStaff_input { padding: 0 10px; }
  .reserveStaff_input .layoutForm_main { padding: 20px; }
  .reserveStaff_input .ttlMl, .reserveStaff_menu .ttlMl { font-size: 16px; font-size: 1.6rem; }
  .reserveStaff_menu { padding: 10px 10px 20px; }
  .reserveStaff_menuWrap { width: 100%; }
  .reserveStaff_menuWrap .btn_type03 { margin: 0; padding: 20px 5px; width: 100%; font-size: 14px; font-size: 1.4rem; } }
@media (max-width: 479px) { .reserveStaff_input { padding: 0 10px; }
  .reserveStaff_input .layoutForm_main { padding: 20px 10px 20px; }
  .reserveStaff_input .ttlHl, .reserveStaff_menu .ttlHl { padding-bottom: 0.4em; font-size: 20px; font-size: 2.0rem; letter-spacing: 0; }
  .reserveStaff_input .ttlMl, .reserveStaff_menu .ttlMl { font-size: 15px; font-size: 1.5rem; }
  .reserveStaff_input .ttlMl::before, .reserveStaff_menu .ttlMl::before { margin-top: -2px; }
  .reserveStaff_menu .layoutBtn_wrap-btn { display: table-cell; padding: 0; }
  .reserveStaff_menu .btn_type03 { margin: 0; padding: 8px 5px; width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 1.2; }
  .reserveStaff_menu .btn_type03 br { display: block; } }
.reserveStaff_input_block-genre .layoutForm_block, .reserveCourse_input_block-genre .layoutForm_block { border: none; }
.reserveStaff_input_block-genre .layoutForm_block > div, .reserveCourse_input_block-genre .layoutForm_block > div { vertical-align: middle; }

@media (max-width: 767px) { .reserveStaff_input_block-genre .layoutForm_block, .reserveCourse_input_block-genre .layoutForm_block { border: none; }
  .reserveStaff_input_block-genre .layoutForm_block_labelArea, .reserveCourse_input_block-genre .layoutForm_block_labelArea { padding-top: 0; }
  .reserveStaff_input_block-genre .layoutForm_block_inputArea, .reserveCourse_input_block-genre .layoutForm_block_inputArea { padding-bottom: 0; } }
.reserveStaff_input + .reserveStaff_input .reserveStaff_input_block { padding: 0; }

.reserveStaff_input_block-staff { /* .layoutForm_block_btnMoreArea{ text-align: center; border-top:$lighten-3 solid 1px; padding-top:0.5em; .btn_type01{ margin: 0  auto; } }
*/ }
.reserveStaff_input_block-staff .ttlSl { margin-bottom: 0; }
.reserveStaff_input_block-staff .layoutForm_main { margin-top: 10px; padding-top: 20px; padding-bottom: 10px; }
.reserveStaff_input_block-staff .layoutForm_block { border: none; }
.reserveStaff_input_block-staff .layoutForm_block-genru .box > div:first-child { min-width: 300px; }
.reserveStaff_input_block-staff .layoutForm_block > div { vertical-align: middle; }
.reserveStaff_input_block-staff .layoutForm_main-noStaff { margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.reserveStaff_input_block-staff .layoutForm_main-noStaff .layoutForm_block_inputArea { padding-top: 0; padding-bottom: 0; }
.reserveStaff_input_block-staff .layoutForm_block-staff { padding: 0; width: 100%; display: table; border-top: #e8bcc6 solid 1px; }
.reserveStaff_input_block-staff .layoutForm_block_inputArea, .reserveStaff_input_block-staff .layoutForm_block_btnArea { display: table-cell; vertical-align: middle; }
.reserveStaff_input_block-staff .layoutForm_block_inputArea { padding-top: 0.5em; padding-bottom: 0.5em; }
.reserveStaff_input_block-staff .layoutForm_block_btnArea { padding-top: 0.5em; padding-bottom: 0.5em; width: 200px; }
.reserveStaff_input_block-staff .layoutForm_block_btnArea .btn_type01 { width: 100%; }

@media (max-width: 767px) { .reserveStaff_input_block-staff { padding: 1em 0; }
  .reserveStaff_input_block-staff .layoutForm_block-genru { margin-top: 1em; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .layoutForm_block_inputArea { padding-top: 0.5em; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .box > div:first-child { min-width: 100%; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .box > div { display: table-cell; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .box > div:first-child { min-width: 300px; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .layoutForm_block_labelArea { padding-top: 0; }
  .reserveStaff_input_block-staff .layoutForm_block > div { vertical-align: middle; } }
@media (max-width: 479px) { .reserveStaff_input_block-staff { /* .layoutForm_block_btnMoreArea{ padding-bottom:10px; }
*/ }
  .reserveStaff_input_block-staff .layoutForm_main { padding-bottom: 0; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .box > div { display: block; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .box > div:first-child { min-width: 100%; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .box > div:last-child { text-align: right; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .btn_type01 { margin: 10px 0 0 auto; }
  .reserveStaff_input_block-staff .layoutForm_block-genru .layoutForm_block_inputArea, .reserveStaff_input_block-staff .layoutForm_block-genru .layoutForm_block_btnArea { display: block !important; }
  .reserveStaff_input_block-staff .layoutForm_block-staff .layoutForm_block_btnArea { width: 100px; font-size: 12px; font-size: 1.2rem; }
  .reserveStaff_input_block-staff .layoutForm_block_btnArea { width: 100%; } }
#contentsModal-staff .layoutModal_block { width: 100%; overflow: hidden; }
#contentsModal-staff .layoutModal_block_photo { display: block; padding: 0 0 20px 0; }
#contentsModal-staff .layoutModal_block_photo img { max-width: 100%; height: auto; }
#contentsModal-staff .layoutModal_block_text { display: block; padding: 0; text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
#contentsModal-staff .ttlSl { display: block; font-size: 18px; font-size: 1.8rem; }
#contentsModal-staff .txt_relatedInfo { margin-top: 0.5em; word-break: break-all; }
#contentsModal-staff .txt_relatedInfo span { display: inline-block; }
#contentsModal-staff .btn_wrap { margin: 1em 0 0; text-align: right; }
#contentsModal-staff .btn_wrap .btn_type01 { margin: 0 0 0 auto; font-size: 16px; font-size: 1.6rem; }

@media (max-width: 479px) { #contentsModal-staff .layoutForm_main { padding: 10px 10px 20px; }
  #contentsModal-staff .layoutModal_block_text { padding: 0; text-align: left; font-size: 12px; font-size: 1.2rem; line-height: 1.6; }
  #contentsModal-staff .btn_wrap { margin: 1.5em 0 0; }
  #contentsModal-staff .btn_wrap .btn_type01 { width: 100%; } }
.reserve_submitArea-course { position: relative; padding-top: 0; padding-bottom: 20px; bottom: 0; }
.reserve_submitArea-course .reserve_submitArea_Inner { padding-top: 0; }

.reserveCourse_input + .reserveCourse_input .reserveCourse_input_block { padding: 0; }

.reserveCourse_input { font-size: 14px; font-size: 1.4rem; /* .layoutForm_block_btnMoreArea{ text-align: center; border-top:$lighten-3 solid 1px; padding-top:0.5em; .btn_type01{ margin: 0  auto; } }
*/ }
.reserveCourse_input .layoutForm_main { padding: 20px 30px 10px; }
.reserveCourse_input .layoutForm_block-course { padding: 0; width: 100%; border-top: #e8bcc6 solid 1px; }
.reserveCourse_input .layoutForm_block_inputArea, .reserveCourse_input .layoutForm_block_btnArea { display: table-cell; vertical-align: middle; }
.reserveCourse_input .layoutForm_block_inputArea { padding-top: 0.5em; padding-bottom: 0.5em; }
.reserveCourse_input .ttlSl { margin-bottom: 0; }
.reserveCourse_input .ttlSl + .layoutForm_block-course { border-top: none; }
.reserveCourse_input .ttlSl + .layoutForm_block-course > div { padding-top: 0; }
.reserveCourse_input .layoutForm_block-course:last-child { border-bottom: none; }
.reserveCourse_input .layoutForm_block-course:last-child > div { padding-bottom: 0; }
.reserveCourse_input .layoutForm_block_inputBtn_wrap { width: 100%; display: table; }
.reserveCourse_input .layoutForm_block-genru { margin: 0; width: auto; border-top: none; }
.reserveCourse_input .layoutForm_block-genru .layoutForm_block_labelArea { vertical-align: middle; }
.reserveCourse_input .layoutForm_block-genru .box > div:first-child { min-width: 300px; }
.reserveCourse_input .layoutForm_block_inputArea, .reserveCourse_input .layoutForm_block_btnArea { display: table-cell; vertical-align: middle; }
.reserveCourse_input .layoutForm_block_inputArea { padding-top: 0.5em; padding-bottom: 0.5em; }
.reserveCourse_input .layoutForm_block_inputArea .text_courseName label { padding-top: 5px; padding-bottom: 0; }
.reserveCourse_input .layoutForm_block_btnArea { padding-top: 0.5em; padding-bottom: 0.5em; text-align: right; overflow: hidden; width: 260px; }
.reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-option, .reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-detail { float: right; display: inline-block; white-space: nowrap; width: 108px; }
.reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-option { margin-right: 5px; }
.reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-option .btn_type01 > span { padding: 2px 5px; }
.reserveCourse_input .layoutForm_block_btnArea .btn_type01 { width: 100%; }
.reserveCourse_input .layoutForm_block_btnArea .icon-add_circle, .reserveCourse_input .layoutForm_block_btnArea .icon-remove_circle { font-size: 16px; font-size: 1.6rem; }

.reserveCourse_input.is-selected { display: block; }

.reserveCourse_input .ttlHl { padding-bottom: 0.4em; font-size: 27px; font-size: 2.7rem; letter-spacing: 0.1em; }
.reserveCourse_input .ttlMl { font-size: 18px; font-size: 1.8rem; }

.btn_type01.btn_detail-option { margin: 0.5em 0 0; }
.btn_type01.btn_detail-option > span { height: 30px; font-size: 12px; font-size: 1.2rem; }

.layoutForm_block_option_wrap { display: none; padding: 0 0 10px 30px; }

.layoutForm_block_option_wrap > div { display: inline-block; }

.text_notes { padding: 4px 14px 4px 24px; line-height: 1.5; background: #fff4dc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.text_notes + .layoutForm_main { margin-top: 0.5em; }

@media (max-width: 479px) { .text_notes { padding: 4px 10px 4px 20px; } }
.reserveCourse_input { padding: 20px; }
.reserveCourse_input .reserve_submitArea_Inner { border-top: #dddddd solid 1px; padding-left: 0; padding-right: 0; }

.reserveCourse_input-block { padding: 0 0; }

.reserveCourse_input-none .reserveCourse_input_block { padding: 50px 0; }
.reserveCourse_input-none .reserveCourse_input_block p { text-align: center; }

@media (max-width: 767px) { .reserve_submitArea-course .reserve_submitArea_Inner { padding-top: 20px; }
  .reserveCourse_input { padding: 0 10px; }
  .reserveCourse_input .layoutForm_main { padding: 20px; }
  .reserveCourse_input .ttlMl { font-size: 16px; font-size: 1.6rem; }
  .reserveCourse_input .layoutForm_block-genru { margin-top: 1em; }
  .reserveCourse_input .layoutForm_block-genru .layoutForm_block_inputArea { padding-top: 0.5em; }
  .reserveCourse_input .layoutForm_block-genru .box > div:first-child { min-width: 100%; }
  .reserveCourse_input .layoutForm_block-genru .box > div { display: table-cell; }
  .reserveCourse_input .layoutForm_block-genru .box > div:first-child { min-width: 300px; }
  .reserveCourse_input .layoutForm_block-genru .layoutForm_block_labelArea { padding-top: 0; }
  .reserveCourse_input .layoutForm_block_btnArea { width: 200px; white-space: auto; }
  .reserveCourse_input .layoutForm_block_btnArea > div { padding-top: 0.5em; display: block; }
  .reserveCourse_input .layoutForm_block_btnArea > div a, .reserveCourse_input .layoutForm_block_btnArea > div span { width: 100%; }
  .reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-option { margin-right: 0; }
  .reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-option, .reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-detail { width: 100%; } }
@media (max-width: 479px) { .reserveCourse_input { padding: 0 10px; }
  .reserveCourse_input .layoutForm_main { padding: 20px 10px 20px; }
  .reserveCourse_input { padding-top: 1em; /* .layoutForm_block_btnMoreArea{ padding-bottom:10px; }
*/ }
  .reserveCourse_input .ttlHl { padding-bottom: 0.4em; font-size: 20px; font-size: 2.0rem; letter-spacing: 0; }
  .reserveCourse_input .ttlMl { font-size: 15px; font-size: 1.5rem; }
  .reserveCourse_input .ttlMl::before { margin-top: -2px; }
  .reserveCourse_input .layoutForm_block_btnArea { width: 100px; font-size: 12px; font-size: 1.2rem; white-space: auto; }
  .reserveCourse_input .layoutForm_block_btnArea > div { padding-top: 0.5em; display: block; }
  .reserveCourse_input .layoutForm_block_btnArea > div a, .reserveCourse_input .layoutForm_block_btnArea > div span { width: 100%; }
  .reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-option, .reserveCourse_input .layoutForm_block_btnArea .layoutForm_block_btnArea-detail { width: 100%; }
  .reserveCourse_input .layoutForm_block-genru .box > div { display: block; }
  .reserveCourse_input .layoutForm_block-genru .box > div:first-child { min-width: 100%; }
  .reserveCourse_input .layoutForm_block-genru .box > div:last-child { text-align: right; }
  .reserveCourse_input .layoutForm_block-genru .btn_type01 { margin: 10px 0 0 auto; }
  .reserveCourse_input .layoutForm_block-genru .layoutForm_block_inputArea, .reserveCourse_input .layoutForm_block-genru .layoutForm_block_btnArea { display: block !important; }
  .reserveCourse_input .btn_detail-option { margin: 0 0 0 auto; }
  .reserveCourse_input .btn_detail-option span { height: 40px; } }
@media (max-width: 320px) { .reserveCourse_input .layoutForm_block-genru .box > div:first-child { min-width: 180px; }
  .reserveCourse_input .layoutForm_block-genru .box .custom-selectbox, .reserveCourse_input .layoutForm_block-genru .box .custom-selectbox select { max-width: 180px; } }
.reserveCourse_input-selected { margin: 0; padding: 0 20px; }

.layoutForm_main-selected { margin-top: 0; padding-top: 20px; padding-bottom: 20px; background: #8a2c45; font-size: 14px; font-size: 1.4rem; line-height: 1.4; color: #fff; }
.layoutForm_main-selected .ttlSl { margin-bottom: 0.8em; border-bottom: #621c2f 3px solid; color: #fff; }
.layoutForm_main-selected p { padding: 0 0 0.5em 0; }
.layoutForm_main-selected p span { padding-left: 1em; font-size: 12px; font-size: 1.2rem; }
.layoutForm_main-selected p em { margin-right: 5px; display: inline-block; padding: 2px 4px; background: #42202b; font-style: normal; color: #fff; font-size: 10px; font-size: 1.0rem; }
.layoutForm_main-selected p:last-child { padding-bottom: 0; }

@media (max-width: 767px) { .reserveCourse_input-selected { padding: 10px; }
  .layoutForm_main-selected { margin-top: 0; padding-top: 10px; padding-bottom: 10px; background: #8a2c45; color: #fff; }
  .layoutForm_main-selected .ttlSl { font-size: 14px; font-size: 1.4rem; border-bottom: #621c2f 3px solid; color: #fff; } }
@media (max-width: 479px) { .layoutForm_main-selected .ttlSl { font-size: 14px; font-size: 1.4rem; border-bottom: #621c2f 3px solid; color: #fff; }
  .layoutForm_main-selected p span { display: block; padding-left: 0; font-size: 12px; font-size: 1.2rem; } }
#contentsModal-course .contentsModal-course_text01, #contentsModal-course .contentsModal-course_text02, #contentsModal-course .contentsModal-course_text03 { text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
#contentsModal-course .contentsModal-course_text01 span, #contentsModal-course .contentsModal-course_text02 span, #contentsModal-course .contentsModal-course_text03 span { color: #e76f89; font-size: 16px; font-size: 1.6rem; }
#contentsModal-course .contentsModal-course_text02 { margin: 1em 0 0; }
#contentsModal-course .ttlMl span { padding-left: 1em; font-size: 16px; font-size: 1.6rem; letter-spacing: 0; }
#contentsModal-course .ttlMl-courseOption { margin-bottom: 0.5em; }
#contentsModal-course .checkRadio_wrap { margin: 1em 0 1em; padding: 0 0 0.2em; border-bottom: #e76f89 solid 2px; display: inline-block; }
#contentsModal-course .checkRadio_wrap label { margin-right: 0 !important; font-size: 15px; font-size: 1.5rem; font-weight: bold; }
#contentsModal-course .layoutForm_block_btnArea { font-size: 14px; font-size: 1.4rem; }
#contentsModal-course .layoutModal_block { width: 100%; }
#contentsModal-course .layoutModal_block_photo { display: block; padding: 0 0 20px 0; }
#contentsModal-course .layoutModal_block_photo img { max-width: 100%; height: auto; }
#contentsModal-course .layoutModal_block_text { display: block; padding: 0; text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
#contentsModal-course .ttlSl { margin-bottom: 0; display: block; font-size: 18px; font-size: 1.8rem; }
#contentsModal-course p { margin-top: 1em; }
#contentsModal-course .txt_relatedInfo { margin-top: 0.5em; word-break: break-all; }
#contentsModal-course .txt_relatedInfo span { display: inline-block; }
#contentsModal-course .btn_wrap { margin: 1em 0 0; text-align: right; }
#contentsModal-course .btn_wrap .btn_type01 { margin: 0 0 0 auto; font-size: 16px; font-size: 1.6rem; }
#contentsModal-course .layoutModal_block-courseOption { margin: 3em 0 0; padding: 0; display: table; width: 100%; }
#contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo, #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_text { display: table-cell; vertical-align: top; }
#contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo { padding: 0 20px 0 0; width: 420px; text-align: center; }
#contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo a { display: inline-block; }
#contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo img { margin: 0 auto; max-width: 400px; max-height: 400px; height: auto; }
#contentsModal-course .layoutModal_block-courseOption + .layoutModal_block-courseOption { border-top: #ffffff dotted 2px; padding-top: 3em; }

@media (max-width: 767px) { #contentsModal-course .ttlMl span { font-size: 14px; font-size: 1.4rem; }
  #contentsModal-course .ttlMl-courseOption { margin-bottom: 0.5em; }
  #contentsModal-course .ttlSl { font-size: 16px; font-size: 1.6rem; }
  #contentsModal-course .layoutModal_block-courseOption { margin: 1.5em 0 0; }
  #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo { padding-right: 20px; width: 260px; }
  #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo img { max-width: 240px; max-height: 240px; } }
@media (max-width: 600px) { #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo { padding-right: 20px; width: 200px; }
  #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo img { max-width: 180px; max-height: 180px; } }
@media (max-width: 479px) { #contentsModal-course .layoutForm_main { padding: 15px 10px 20px; }
  #contentsModal-course .contentsModal-course_text01, #contentsModal-course .contentsModal-course_text02 { font-size: 12px; font-size: 1.2rem; line-height: 1.4; }
  #contentsModal-course .contentsModal-course_text01 span, #contentsModal-course .contentsModal-course_text02 span { font-size: 12px; font-size: 1.2rem; }
  #contentsModal-course .ttlMl span { display: block; padding-top: 0.2em; padding-left: 0; font-size: 12px; font-size: 1.2rem; }
  #contentsModal-course .ttlMl-courseOption { margin-bottom: 1em; }
  #contentsModal-course .checkRadio_wrap { margin: 1em 0 1em auto; padding: 0 0 0.2em; }
  #contentsModal-course .checkRadio_wrap label { font-size: 14px; font-size: 1.4rem; }
  #contentsModal-course .layoutForm_block_btnArea { font-size: 14px; font-size: 1.4rem; }
  #contentsModal-course .layoutModal_block { width: 100%; }
  #contentsModal-course .layoutModal_block_photo { display: block; padding: 0 0 15px 0; }
  #contentsModal-course .layoutModal_block_photo img { max-width: 100%; height: auto; }
  #contentsModal-course .layoutModal_block_text { display: block; padding: 0; font-size: 12px; font-size: 1.2rem; line-height: 1.6; }
  #contentsModal-course .ttlSl { margin-bottom: 0.5em; display: block; font-size: 16px; font-size: 1.6rem; }
  #contentsModal-course .btn_wrap { margin: 1em 0 0; text-align: right; }
  #contentsModal-course .btn_wrap .btn_type01 { margin: 0 0 0 auto; width: 100%; font-size: 16px; font-size: 1.6rem; }
  #contentsModal-course .layoutModal_block-courseOption { display: block; }
  #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo, #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_text { display: block; }
  #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo { padding: 0 0 15px 0; width: 100%; text-align: center; }
  #contentsModal-course .layoutModal_block-courseOption .layoutModal_block_photo img { margin: 0 auto; max-width: 100%; max-height: 240px; height: auto; } }
.text_reserveNumber { padding: 1em 10px; text-align: center; background: #f9e5e9; font-size: 20px; font-size: 2.0rem; letter-spacing: 0.2em; }

.layoutComplete-block-reserve p { padding: 0 0 15px 0; }

@media (max-width: 479px) { .text_reserveNumber { font-size: 16px; font-size: 1.6rem; letter-spacing: 0.08em; } }
#reserveGoods { margin: 2.5em 0 0; }

.layoutForm_blockGoods { display: table; width: 100%; border-bottom: #e8bcc6 solid 1px; }
.layoutForm_blockGoods > div { display: table-cell; vertical-align: middle; }

.layoutForm_blockGoods_nameArea { padding: 10px 0; line-height: 1.6; }
.layoutForm_blockGoods_nameArea span { padding-right: 1em; display: inline-block; }
.layoutForm_blockGoods_nameArea .text-name { font-size: 16px; font-size: 1.6rem; }
.layoutForm_blockGoods_nameArea .text-money { font-size: 14px; font-size: 1.4rem; }
.layoutForm_blockGoods_nameArea .text-number { font-size: 14px; font-size: 1.4rem; }

.layoutForm_blockGoods_inputBtnArea { padding: 10px 0; width: 220px; text-align: right; }

.layoutForm_blockGoods-reserve .layoutForm_blockGoods_inputBtnArea { width: 260px; }

.layoutForm_blockGoods_inputBtnArea_inner { margin: 0 0 0 auto; display: table; }

.layoutForm_blockGoods_inputBtnArea_inner > div { display: table-cell; vertical-align: middle; text-align: left; }

.box { display: table; }
.box > div { display: table-cell; vertical-align: middle; }

.layoutForm_blockGoods_inputBtnArea_inner .box > div:nth-child(2) { padding: 0 20px 0 5px; }

.layoutForm_blockGoods-reserve .layoutForm_blockGoods_inputBtnArea_btnArea:last-child { padding-left: 10px; }

.layoutBtn_wrap-reserveGoods { margin: 1em 0; }

@media (max-width: 479px) { #reserveGoods { margin: 1.5em 0 0; }
  .layoutForm_blockGoods { display: block; width: 100%; border-bottom: #e8bcc6 solid 1px; }
  .layoutForm_blockGoods > div { display: block; }
  .layoutForm_blockGoods .layoutForm_blockGoods_nameArea { padding: 10px 0 10px; line-height: 1.6; }
  .layoutForm_blockGoods .layoutForm_blockGoods_nameArea .text-name { display: block; font-size: 13px; font-size: 1.3rem; }
  .layoutForm_blockGoods .layoutForm_blockGoods_nameArea .text-money { font-size: 13px; font-size: 1.3rem; }
  .layoutForm_blockGoods .layoutForm_blockGoods_nameArea .text-number { font-size: 13px; font-size: 1.3rem; }
  .layoutForm_blockGoods_inputBtnArea { padding: 5px 0 15px; }
  .layoutForm_blockGoods-reserve .layoutForm_blockGoods_inputBtnArea { width: 100%; }
  .layoutForm_blockGoods-reserve .layoutForm_blockGoods_inputBtnArea .layoutForm_blockGoods_inputBtnArea_inner { margin: 0; }
  .layoutForm_blockGoods-reserve .layoutForm_blockGoods_inputBtnArea .btn_type02 { font-size: 11px; font-size: 1.1rem; }
  .layoutForm_blockGoods:nth-of-type(1) .layoutForm_blockGoods_nameArea { padding-top: 0; }
  .layoutForm_blockGoods:last-child { border-bottom: none; }
  .layoutForm_blockGoods:last-child .layoutForm_blockGoods_inputBtnArea { padding-bottom: 0; } }
.reserve_submitArea-goods { position: relative; padding-top: 30px; padding-bottom: 0; bottom: 0; }
.reserve_submitArea-goods .reserve_submitArea_Inner { padding-top: 0; }
.reserve_submitArea-goods .btn_type01 { font-size: 16px; font-size: 1.6rem; }

.contentsModal-goods .layoutModal_block { width: 100%; overflow: hidden; }
.contentsModal-goods .layoutModal_block_photo { display: block; padding: 0 0 20px 0; }
.contentsModal-goods .layoutModal_block_photo img { max-width: 100%; height: auto; }
.contentsModal-goods .layoutModal_block_text { display: block; padding: 0; text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
.contentsModal-goods .ttlSl { display: block; font-size: 18px; font-size: 1.8rem; }
.contentsModal-goods .ttlSl span { display: inline-block; font-size: 16px; font-size: 1.6rem; }
.contentsModal-goods .layoutForm_blockGoods_inputBtnArea_inner { margin-top: 1em; margin-bottom: 2em; }

@media (max-width: 479px) { .contentsModal-goods .layoutForm_main { padding: 10px 10px 20px; }
  .contentsModal-goods .layoutModal_block_text { padding: 0; text-align: left; font-size: 12px; font-size: 1.2rem; line-height: 1.6; }
  .contentsModal-goods .layoutForm_blockGoods_inputBtnArea_inner { margin-top: 1em; margin-bottom: 1em; } }
.layoutReserveConfirm_wrap { padding: 20px; text-align: center; }

.layoutReserveConfirm_header { position: relative; }

.layoutReserveConfirm_main { margin: 1.5em 0 0; position: relative; padding: 30px 30px 30px; color: #42202b; background: #f9e5e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

@media (max-width: 767px) { .layoutReserveConfirm_wrap { padding: 10px; }
  .layoutReserveConfirm_main { margin: 1em 0 0; padding: 20px 20px 40px; } }
@media (max-width: 479px) { .layoutReserveConfirm_wrap { padding: 8px; }
  .layoutReserveConfirm_main { margin: 10px 0 0; padding: 20px 10px 20px; } }
.layoutReserveConfirm .layoutReserveConfirm_main_inner + .ttlMl { margin-top: 1.5em; }
.layoutReserveConfirm .layoutReserveConfirm_block { position: relative; display: table; width: 100%; border-top: #e8bcc6 solid 1px; }
.layoutReserveConfirm .layoutReserveConfirm_block + .layoutReserveConfirm_block-btnCancel { border-top: #e8bcc6 solid 1px; }
.layoutReserveConfirm .layoutReserveConfirm_block:last-child { border-bottom: #e8bcc6 solid 1px; }
.layoutReserveConfirm .layoutReserveConfirm_block_labelArea { display: table-cell; vertical-align: top; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea { display: table-cell; vertical-align: middle; }
.layoutReserveConfirm .layoutReserveConfirm_block_labelArea { padding: 1.5em 1em 1.5em 0; width: 150px; }
.layoutReserveConfirm .layoutReserveConfirm_block_labelArea { color: #8c777b; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea { padding: 0.5em 0; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea:first-child { padding: 1.5em 0; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea.textArea-course { padding-right: 60px; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea-comment { padding-top: 1.5em; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea-comment textarea { width: 100%; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea-message { padding-top: 0 !important; }
.layoutReserveConfirm .layoutReserveConfirm_block_textArea-message textarea { width: 100%; }
.layoutReserveConfirm .layoutReserveConfirm_block_btnCancel { position: absolute; right: 0; top: 50%; margin-top: -22px; }
.layoutReserveConfirm .text-notice { font-size: 14px; font-size: 1.4rem; }
@media (max-width: 767px) { .layoutReserveConfirm .layoutReserveConfirm_main_inner + .ttlMl { margin-top: 2.5em; }
  .layoutReserveConfirm .layoutReserveConfirm_block { display: block; width: 100%; }
  .layoutReserveConfirm .layoutReserveConfirm_block_labelArea, .layoutReserveConfirm .layoutReserveConfirm_block_textArea { display: block; }
  .layoutReserveConfirm .layoutReserveConfirm_block_labelArea { padding: 1em 0 0 0; width: 100%; }
  .layoutReserveConfirm .layoutReserveConfirm_block_labelArea { color: #8c777b; font-size: 12px; font-size: 1.2rem; }
  .layoutReserveConfirm .layoutReserveConfirm_block_textArea { padding: 0 10px 1em 10px; font-size: 16px; font-size: 1.6rem; line-height: 1.4; }
  .layoutReserveConfirm .layoutReserveConfirm_block_textArea-message { padding-left: 10px !important; padding-right: 10px !important; } }

.layoutReserve_totalWrap { border-top: #8c777b solid 3px; padding: 0; text-align: right; }
.layoutReserve_totalWrap .layoutReserve_totalWrap_block { border-top: none; border-bottom: none !important; width: auto; margin: 0 0 0 auto; }
.layoutReserve_totalWrap .layoutReserve_totalWrap_block_labelArea, .layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea { display: table-cell; padding-top: 1em; padding-bottom: 0; vertical-align: bottom; line-height: 1; text-align: right; }
.layoutReserve_totalWrap .layoutReserve_totalWrap_block_labelArea { width: auto; padding-right: 1em; }
.layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea { padding-right: 0; width: auto; }
.layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea .text-number { display: block; text-align: left; }
.layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea .text-money { padding-right: 0; font-size: 22px; font-size: 2.2rem; }
.layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea .text-money span { display: inline; font-size: 12px; font-size: 1.2rem; }
.layoutReserve_totalWrap + .layoutReserve_totalWrap_block-btnCancel { padding-bottom: 0; }

@media (max-width: 767px) { .layoutReserve_totalWrap .layoutReserve_totalWrap_block { display: table; width: auto; } }
@media (max-width: 479px) { .layoutReserve_totalWrap { padding: 0; }
  .layoutReserve_totalWrap .layoutReserve_totalWrap_block { border-top: none; border-bottom: none !important; width: auto; margin: 0 0 0 auto; }
  .layoutReserve_totalWrap .layoutReserve_totalWrap_block_labelArea, .layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea { display: table-cell; padding-top: 1em; padding-bottom: 0; vertical-align: bottom; line-height: 1; text-align: right; }
  .layoutReserve_totalWrap .layoutReserve_totalWrap_block_labelArea { width: auto; }
  .layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea { width: auto; }
  .layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea .text-money { font-size: 20px; font-size: 2.0rem; }
  .layoutReserve_totalWrap .layoutReserve_totalWrap_block_textArea .text-money span { font-size: 10px; font-size: 1.0rem; }
  .layoutReserve_totalWrap + .layoutReserve_totalWrap_block-btnCancel { padding-bottom: 0; } }
#contents .btn_type01-textareaConfirm { display: none; position: absolute; right: -5px; top: -5px; }
#contents .btn_type01-textareaConfirm span { width: 40px; height: 40px; font-size: 20px; }

.layoutReserveConfirm .btn_type01-submit { display: none; }

#contents.indexConfrim .layoutReserveConfirm .btn_type01-confirm { display: none; }
#contents.indexConfrim .layoutReserveConfirm .btn_type01-submit { display: table; }
#contents.indexConfrim .btn_type01-textareaConfirm { display: table; }

.textarea_wrapBox { position: relative; }

.textFiled-comment, .textFiled-message { width: 100% !important; max-width: 100% !important; }

#contents.indexConfrim textarea { border: 2px solid #e8bcc6 !important; background: #e8bcc6 !important; padding-right: 35px; }
#contents.indexConfrim textarea:focus { color: #000; border: 2px solid #e76f89 !important; background: #fff !important; }
#contents.indexConfrim .btn_type01-textareaConfirm { display: table; }

.reserveStaff_none, .reserveCourse_none { padding: 0 20px 20px; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
.reserveStaff_none .layoutForm_main, .reserveCourse_none .layoutForm_main { margin-top: 0; padding: 50px 20px; }

@media (max-width: 479px) { .reserveStaff_none, .reserveCourse_none { padding: 10px 10px 0; }
  .reserveStaff_none .layoutForm_main, .reserveCourse_none .layoutForm_main { padding: 25px 20px; } }
.btn_type01, .btn_type02 { display: table; color: #fff; text-decoration: none; text-align: center; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.btn_type01.btn-large > span, .btn_type02.btn-large > span { padding: 2px 40px; height: 56px; font-size: 20px; font-size: 2.0rem; }

.btn_type01 > span, .btn_type02 > span { padding: 2px 10px; display: table-cell; vertical-align: middle; height: 44px; line-height: 1.1; }

input.btn_type01, input.btn_type02 { color: #fff; text-decoration: none; text-align: center; background: #e76f89; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 2px 10px; height: 44px; line-height: 44px; }

.btn_type01 { background: #e76f89; }

.btn_type01:hover { background: #c45871; }

.btn_type02 { background: #999999; }

.btn_type02:hover { background: #666666; }

.btn_type01.is-disabled, .btn_type02.is-disabled { background: #dddddd; cursor: default; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); }

.btn_type01.is-selected, .btn_type02.is-selected { background: #c45871; cursor: default; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); }

.btn_type03 { padding: 10px 20px; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; color: #e76f89; border: #dddddd solid 1px; }
.btn_type03.is-selected { color: #ffffff; background: #c45871; border: #e76f89 solid 1px; cursor: default; -moz-box-shadow: 0px 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0 0 rgba(0, 0, 0, 0.2); }

.btn_type03:hover { color: #c45871; border: #c45871 solid 1px; background: #c45871; color: #fff; }
.btn_type03:hover.is-selected { border: #e76f89 solid 1px; }

.btn_typeReserve, .btn_typeReserve-tel { margin: 0 auto; display: table; max-width: 80px; width: 90%; position: relative; text-decoration: none; text-align: center; background: #ffffff; color: #000; cursor: pointer; background: -moz-linear-gradient(top, #ffffff 90%, #cecece 100%); background: -webkit-linear-gradient(top, #ffffff 90%, #cecece 100%); background: linear-gradient(to bottom, #ffffff 90%, #cecece 100%); -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.btn_typeReserve > span, .btn_typeReserve-tel > span { padding: 2px; display: table-cell; vertical-align: middle; height: 38px; width: 100%; }

.btn_typeReserve.is-selected, .btn_typeReserve-tel.is-selected { background: #c45871; }

.icon-btn_reserve_01 { color: #e76f89; }

.icon-btn_reserve_02, .icon-btn_reserve_03, .icon-btn_reserve_04 { color: #f00; }

.btn_typeReserve .icon-btn_reserve_01 { font-size: 27px; }

.btn_typeReserve .icon-btn_reserve_02 { font-size: 22px; }

.btn_typeReserve .icon-btn_reserve_04 { font-size: 18px; }

.btn_typeReserve-tel .icon-btn_reserve_03 { font-size: 22px; }

.btn_typeReserve.is-selected, .btn_typeReserve.is-selected i, .btn_typeReserve-tel.is-selected, .btn_typeReserve-tel.is-selected i { color: #fff; }

.btn_typeReserve > span span, .btn_typeReserve-tel > span span { font-size: 10px; font-size: 1.0rem; line-height: 1; }

.btn_typeReserve > span span.is-cancel { font-size: 9px; font-size: 0.9rem; }

.btn_typeReserve:hover, .btn_typeReserve-tel:hover { opacity: 0.6; filter: alpha(opacity=60); }

.layoutStatic_wrap { padding: 20px; text-align: center; }

.layoutStatic { margin: 0 auto; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
.layoutStatic .txtArea { margin: 1.5em 0; }
.layoutStatic .txtArea p { margin: 1em 0 0; }

.layoutStatic_header { position: relative; }

.layoutStatic_main { margin: 1.5em 0 0; position: relative; padding: 10px  30px 40px; }

@media (max-width: 767px) { .layoutStatic_wrap { padding: 10px; }
  .layoutStatic { padding: 20px; }
  .layoutStatic_main { margin: 1em 0 0; padding: 5px 20px 20px; } }
@media (max-width: 479px) { .layoutStatic_wrap { padding: 8px; }
  .layoutStatic { padding: 20px  15px; }
  .layoutStatic_main { margin: 10px 0 0; padding: 5px 10px 10px; } }
.layoutStatic_main div, .layoutStatic_main dl, .layoutStatic_main h1, .layoutStatic_main h2, .layoutStatic_main h3, .layoutStatic_main h4, .layoutStatic_main h5, .layoutStatic_main h6, .layoutStatic_main pre, .layoutStatic_main code, .layoutStatic_main fieldset, .layoutStatic_main legend, .layoutStatic_main p, .layoutStatic_main blockquote, .layoutStatic_main figure, .layoutStatic_main figcaption, .layoutStatic_main table { margin: 1.5em 0 0; }
.layoutStatic_main ul, .layoutStatic_main ol { margin: 1.5em 0 0 28px; }
.layoutStatic_main h2, .layoutStatic_main h3 { padding: 0.2em 0.4em; color: #42202b; background: #f9e5e9; font-weight: normal; line-height: 1.5; border-left: #e76f89 solid 8px; }
.layoutStatic_main h4, .layoutStatic_main h5, .layoutStatic_main h6 { position: relative; padding: 0 0 0 1em; color: #42202b; line-height: 1.5; }
.layoutStatic_main h4::before, .layoutStatic_main h5::before, .layoutStatic_main h6::before { display: inline-block; position: absolute; left: 0; top: 5px; content: ''; width: 8px; height: 8px; background: #e76f89; }
.layoutStatic_main h1 { font-size: 20px; font-size: 2.0rem; }
.layoutStatic_main h2 { font-size: 18px; font-size: 1.8rem; }
.layoutStatic_main h3 { font-size: 16px; font-size: 1.6rem; }
.layoutStatic_main h4 { font-size: 14px; font-size: 1.4rem; }
.layoutStatic_main h5 { font-size: 14px; font-size: 1.4rem; }
.layoutStatic_main > div { padding: 0 0 2em; }
.layoutStatic_main > div:first-child { padding-top: 0; }
.layoutStatic_main > h2:first-child, .layoutStatic_main > dl:first-child, .layoutStatic_main > h3:first-child, .layoutStatic_main > h4:first-child, .layoutStatic_main > h5:first-child, .layoutStatic_main > h6:first-child, .layoutStatic_main > pre:first-child, .layoutStatic_main > code:first-child, .layoutStatic_main > fieldset:first-child, .layoutStatic_main > legend:first-child, .layoutStatic_main > p:first-child, .layoutStatic_main > blockquote:first-child, .layoutStatic_main > figure:first-child, .layoutStatic_main > figcaption { margin-top: 0 !important; }
.layoutStatic_main div + h2, .layoutStatic_main dl + h2, .layoutStatic_main h1 + h2, .layoutStatic_main h3 + h2, .layoutStatic_main h4 + h2, .layoutStatic_main h5 + h2, .layoutStatic_main h6 + h2, .layoutStatic_main pre + h2, .layoutStatic_main code + h2, .layoutStatic_main fieldset + h2, .layoutStatic_main legend + h2, .layoutStatic_main p + h2, .layoutStatic_main blockquote + h2, .layoutStatic_main figure + h2, .layoutStatic_main figcaption + h2, .layoutStatic_main table + h2 { margin-top: 3em; }

@media (max-width: 767px) { .layoutStatic_main { font-size: 14px; font-size: 1.4rem; }
  .layoutStatic_main div, .layoutStatic_main dl, .layoutStatic_main h1, .layoutStatic_main h2, .layoutStatic_main h3, .layoutStatic_main h4, .layoutStatic_main h5, .layoutStatic_main h6, .layoutStatic_main pre, .layoutStatic_main code, .layoutStatic_main fieldset, .layoutStatic_main legend, .layoutStatic_main p, .layoutStatic_main blockquote, .layoutStatic_main figure, .layoutStatic_main figcaption { margin: 1em 0 0; }
  .layoutStatic_main ul, .layoutStatic_main ol { margin: 1em 0 0 28px; }
  .layoutStatic_main > div { padding: 0.5em 0 1.5em; } }
@media (max-width: 479px) { .layoutStatic_main h1 { font-size: 18px; font-size: 1.8rem; }
  .layoutStatic_main h2 { font-size: 16px; font-size: 1.6rem; }
  .layoutStatic_main h3 { font-size: 14px; font-size: 1.4rem; }
  .layoutStatic_main h4 { font-size: 12px; font-size: 1.2rem; }
  .layoutStatic_main h5 { font-size: 12px; font-size: 1.2rem; }
  .layoutStatic_main > div { margin-top: 5px; padding: 0 0 1.5em; } }
.text-storeName { margin: 2em 0 1.5em 0  !important; padding: 0 1em !important; }

.text-storeOthers { margin: 0 0 2em !important; padding: 0 1em !important; }

.layoutQR { margin: 3em 0 0 !important; }

.layoutQR_itemWrap { margin: 30px 0 0 !important; display: table; }
.layoutQR_itemWrap div, .layoutQR_itemWrap p { margin: 0 !important; display: table-cell; vertical-align: middle; }
.layoutQR_itemWrap div { padding: 0 30px 0 10px; line-height: 1; }

@media (max-width: 767px) { .layoutQR { display: none; } }
.layoutMypage_wrap { padding: 20px; text-align: center; }

.layoutMypage_header { position: relative; }

.layoutMypage_index { margin: 1.5em 0 0; position: relative; padding: 10px  30px 40px; color: #42202b; }

@media (max-width: 767px) { .layoutMypage_wrap { padding: 10px; }
  .layoutMypage_index { margin: 1em 0 0; padding: 5px 0 20px; } }
@media (max-width: 479px) { .layoutMypage_wrap { padding: 8px; }
  .layoutMypage_index { margin: 10px 0 0; padding: 5px 10px 10px; } }
.layoutMypage .ttlHl span { font-size: 24px; font-size: 2.4rem; }

@media (max-width: 767px) { .layoutMypage .ttlHl span { font-size: 18px; font-size: 1.8rem; } }
@media (max-width: 479px) { .layoutMypage .ttlHl span { font-size: 14px; font-size: 1.4rem; } }
.layoutMypage_index { margin: 0 auto; max-width: 800px; width: 100%; display: table; border-collapse: separate; border-spacing: 20px; }

.layoutMypage_index-block { padding: 30px; display: table-cell; width: 50%; background: #f9e5e9; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.layoutMypage_index ul { margin: 0; padding: 0; list-style-type: none; }
.layoutMypage_index ul li { display: block; margin: 20px 0 0 0; }
.layoutMypage_index ul a { width: 100%; border-collapse: collapse; font-size: 16px; font-size: 1.6rem; }

@media (max-width: 767px) { .layoutMypage_index { border-spacing: 10px; }
  .layoutMypage_index-block { padding: 15px; } }
@media (max-width: 479px) { .layoutMypage_index { display: block; border-collapse: collapse; border-spacing: none; }
  .layoutMypage_index-block { margin: 0 0 10px; padding: 15px; display: block; width: 100%; }
  .layoutMypage_index ul li { margin: 10px 0 0 0; } }
.layoutReserveList_wrap { padding: 20px; text-align: center; }

.layoutReserveList_header { position: relative; }

.layoutReserveList_main { margin: 1.5em 0 0; position: relative; padding: 30px 30px 30px; color: #42202b; background: #f9e5e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

@media (max-width: 767px) { .layoutReserveList_wrap { padding: 10px; }
  .layoutReserveList_main { margin: 1em 0 0; padding: 20px 20px 40px; } }
@media (max-width: 479px) { .layoutReserveList_wrap { padding: 8px; }
  .layoutReserveList_main { margin: 10px 0 0; padding: 20px 10px 20px; } }
.layoutReserveList_reserveList .layoutReserveList_block { display: table; width: 100%; border-top: #e8bcc6 solid 1px; }
.layoutReserveList_reserveList .layoutReserveList_block + .layoutReserveList_block-btnCancel { border-top: #e8bcc6 solid 1px; }
.layoutReserveList_reserveList .layoutReserveList_block:last-child { border-bottom: #e8bcc6 solid 1px; }
.layoutReserveList_reserveList .layoutReserveList_block_labelArea { display: table-cell; vertical-align: top; }
.layoutReserveList_reserveList .layoutReserveList_block_textArea { display: table-cell; vertical-align: middle; }
.layoutReserveList_reserveList .layoutReserveList_block_labelArea { padding: 0.5em 1em 0.5em 0; width: 150px; }
.layoutReserveList_reserveList .layoutReserveList_block_labelArea { color: #8c777b; }
.layoutReserveList_reserveList .layoutReserveList_block-inputArea { padding: 0; }
.layoutReserveList_reserveList .layoutReserveList_block-inputArea .box { display: table; }
.layoutReserveList_reserveList .layoutReserveList_block-inputArea .box > div { display: table-cell; vertical-align: top; }
.layoutReserveList_reserveList .layoutReserveList_block-inputArea .box .box_inner-txt { padding: 10px 0 10px 10px; font-size: 13px; font-size: 1.3rem; }
.layoutReserveList_reserveList .layoutReserveList_block-inputArea .box + .box { margin-top: 5px; }
.layoutReserveList_reserveList .layoutReserveList_block_textArea { padding: 0.5em 0; }
.layoutReserveList_reserveList .layoutReserveList_block-inputArea .btn_type01, .layoutReserveList_reserveList .layoutReserveList_block-inputArea .btn_type02 { margin-left: 10px; }
@media (max-width: 767px) { .layoutReserveList_reserveList .layoutReserveList_block { display: block; width: 100%; }
  .layoutReserveList_reserveList .layoutReserveList_block-inputArea, .layoutReserveList_reserveList .layoutReserveList_block_labelArea, .layoutReserveList_reserveList .layoutReserveList_block_textArea { display: block; }
  .layoutReserveList_reserveList .layoutReserveList_block_labelArea { padding: 1em 0 0 0; width: 100%; }
  .layoutReserveList_reserveList .layoutReserveList_block-inputArea { padding: 0.5em 0 0.5em; }
  .layoutReserveList_reserveList .layoutReserveList_block-inputArea .box { margin-bottom: 0; display: block; }
  .layoutReserveList_reserveList .layoutReserveList_block-inputArea .box > div { display: block; }
  .layoutReserveList_reserveList .layoutReserveList_block-inputArea .box .box_inner-txt { padding: 5px 0 5px; }
  .layoutReserveList_reserveList .layoutReserveList_block-inputArea .box.box-half { display: table !important; }
  .layoutReserveList_reserveList .layoutReserveList_block-inputArea .box.box-half div { display: table-cell !important; }
  .layoutReserveList_reserveList .layoutReserveList_block_labelArea { color: #8c777b; font-size: 12px; font-size: 1.2rem; }
  .layoutReserveList_reserveList .layoutReserveList_block_textArea { padding: 0 10px 1em 10px; font-size: 16px; font-size: 1.6rem; line-height: 1.4; } }

.layoutReserveList_cancelList .layoutReserveList_block { display: table; width: 100%; border-top: #e8bcc6 solid 1px; }
.layoutReserveList_cancelList .layoutReserveList_block + .layoutReserveList_block-btnCancel { border-top: #e8bcc6 solid 1px; }
.layoutReserveList_cancelList .layoutReserveList_block:last-child { border-bottom: #e8bcc6 solid 1px; }
.layoutReserveList_cancelList .layoutReserveList_block_labelArea { display: table-cell; vertical-align: top; }
.layoutReserveList_cancelList .layoutReserveList_block_textArea { display: table-cell; vertical-align: middle; }
.layoutReserveList_cancelList .layoutReserveList_block_labelArea { padding: 1.5em 1em 1.5em 0; width: 150px; }
.layoutReserveList_cancelList .layoutReserveList_block_labelArea { color: #8c777b; }
.layoutReserveList_cancelList .layoutReserveList_block-inputArea { padding: 1em 0; }
.layoutReserveList_cancelList .layoutReserveList_block-inputArea .box { display: table; }
.layoutReserveList_cancelList .layoutReserveList_block-inputArea .box > div { display: table-cell; vertical-align: top; }
.layoutReserveList_cancelList .layoutReserveList_block-inputArea .box .box_inner-txt { padding: 10px 0 10px 10px; font-size: 13px; font-size: 1.3rem; }
.layoutReserveList_cancelList .layoutReserveList_block-inputArea .box + .box { margin-top: 5px; }
.layoutReserveList_cancelList .layoutReserveList_block_textArea { padding: 1.5em 0; }
.layoutReserveList_cancelList .layoutReserveList_block-inputArea .btn_type01, .layoutReserveList_cancelList .layoutReserveList_block-inputArea .btn_type02 { margin-left: 10px; }
@media (max-width: 767px) { .layoutReserveList_cancelList .layoutReserveList_block { display: block; width: 100%; }
  .layoutReserveList_cancelList .layoutReserveList_block-inputArea, .layoutReserveList_cancelList .layoutReserveList_block_labelArea, .layoutReserveList_cancelList .layoutReserveList_block_textArea { display: block; }
  .layoutReserveList_cancelList .layoutReserveList_block_labelArea { padding: 1.5em 0 0 0; width: 100%; }
  .layoutReserveList_cancelList .layoutReserveList_block-inputArea { padding: 0.5em 0 1.5em; }
  .layoutReserveList_cancelList .layoutReserveList_block-inputArea .box { margin-bottom: 0; display: block; }
  .layoutReserveList_cancelList .layoutReserveList_block-inputArea .box > div { display: block; }
  .layoutReserveList_cancelList .layoutReserveList_block-inputArea .box .box_inner-txt { padding: 5px 0 5px; }
  .layoutReserveList_cancelList .layoutReserveList_block-inputArea .box.box-half { display: table !important; }
  .layoutReserveList_cancelList .layoutReserveList_block-inputArea .box.box-half div { display: table-cell !important; }
  .layoutReserveList_cancelList .layoutReserveList_block_labelArea { color: #8c777b; font-size: 12px; font-size: 1.2rem; }
  .layoutReserveList_cancelList .layoutReserveList_block_textArea { padding: 0.2em 10px 1em 10px; font-size: 16px; font-size: 1.6rem; line-height: 1.4; } }

.layoutReserveList_block-btnCancel { padding: 20px 0; text-align: right; }
.layoutReserveList_block-btnCancel .btn_type01, .layoutReserveList_block-btnCancel .btn_type02 { margin: 0 0 0 auto; }

.layoutReserveList_main_inner > .layoutReserveList_block-btnCancel { padding: 20px 0 0; }

.layoutReserveList_block .layoutReserveList_block-btnCancel { padding: 20px 0; }

@media (max-width: 479px) { .layoutReserveList_block-number { position: relative; }
  .layoutReserveList_block-number .layoutReserveList_block_textArea { text-align: right; } }
.layoutReserveList_itemArea { margin-top: 10px; }
.layoutReserveList_itemArea .layoutReserveList_block_textArea .text-name, .layoutReserveList_itemArea .layoutReserveList_block_textArea .text-money, .layoutReserveList_itemArea .layoutReserveList_block_textArea .text-number { display: inline-block; }
.layoutReserveList_itemArea .layoutReserveList_block_textArea .text-name { font-weight: bold; }
.layoutReserveList_itemArea .layoutReserveList_block_textArea .text-name, .layoutReserveList_itemArea .layoutReserveList_block_textArea .text-money { padding-right: 1em; }
.layoutReserveList_itemArea .layoutReserveList_block-btnCancel { padding: 0.5em 0; white-space: nowrap; }

@media (max-width: 479px) { .layoutReserveList_itemArea { margin-top: 10px; }
  .layoutReserveList_itemArea .layoutReserveList_block { display: block; }
  .layoutReserveList_itemArea .layoutReserveList_block_textArea, .layoutReserveList_itemArea .layoutReserveList_block-btnCancel { display: block; }
  .layoutReserveList_itemArea .layoutReserveList_block_textArea span { display: block; }
  .layoutReserveList_itemArea .layoutReserveList_block-btnCancel { padding-top: 0; } }
.layoutReserveList_reserveList-none { padding: 3em 0; text-align: center; }

@media (max-width: 479px) { .layoutReserveList_reserveList-none { padding: 3em 0; text-align: left; } }
.layoutReserve_cancel { margin-top: 3em; }
.layoutReserve_cancel textarea { max-width: 100%; width: 100%; }

/*# sourceMappingURL=main_rose.css.map */