@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

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

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

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

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

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

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

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

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

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

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

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

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

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

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

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

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

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

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

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

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

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/* sp-side
-------------------------------------------------- */
@media only screen and (max-width: 640px) { html, :root { font-size: 62.5%; } body { font-size: 16px; } }

/* iPhone5-side
-------------------------------------------------- */
@media only screen and (max-width: 568px) { html, :root { font-size: 55.46875%; } }

/* android-w
-------------------------------------------------- */
@media only screen and (max-width: 540px) { html, :root { font-size: 52.734375%; } }

/* android-m
-------------------------------------------------- */
@media only screen and (max-width: 480px) { html, :root { font-size: 46.875%; } }

/* iphone6plus
-------------------------------------------------- */
@media only screen and (max-width: 414px) { html, :root { font-size: 40.4296875%; } }

/* iphone6
-------------------------------------------------- */
@media only screen and (max-width: 375px) { html, :root { font-size: 36.62109375%; } }

/* android
-------------------------------------------------- */
@media only screen and (max-width: 360px) { html, :root { font-size: 35.15625%; } }

/* iphone5, android-s
-------------------------------------------------- */
@media only screen and (max-width: 320px) { html, :root { font-size: 31.25%; } }

.js_scroll-fadeIn, .js_scroll-fadeInUp, .js_scroll-slideIn, .js_scroll-slideIn-map { opacity: 0; }

.fadeIn { -webkit-animation: fadeIn 2s .2s forwards; animation: fadeIn 2s .2s forwards; }

.fadeOut { -webkit-animation: fadeOut 2s .2s forwards; animation: fadeOut 2s .2s forwards; }

.slideIn { -webkit-animation: slideIn 2s 0s forwards; animation: slideIn 2s 0s forwards; }

.fadeInUp { -webkit-animation: fadeInUp 2s 0s forwards; animation: fadeInUp 2s 0s forwards; }

.slideIn-map { -webkit-animation: slideIn-map 1s 0s forwards; animation: slideIn-map 1s 0s forwards; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes slideIn { 0% { opacity: 0;
    transform: translateX(2%); }
  100% { opacity: 1;
    transform: translateX(0); } }

@keyframes slideIn { 0% { opacity: 0;
    transform: translateX(2%); }
  100% { opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes slideIn-map { 0% { opacity: 1;
    transform: translate(100%, -50%); }
  100% { opacity: 1;
    transform: translate(0%, -50%); } }

@keyframes slideIn-map { 0% { opacity: 1;
    transform: translate(100%, -50%); }
  100% { opacity: 1;
    transform: translate(0%, -50%); } }

@-webkit-keyframes fadeInUp { 0% { transform: translateY(2%);
    opacity: 0; }
  100% { transform: translateY(0%);
    opacity: 1; } }

@keyframes fadeInUp { 0% { transform: translateY(2%);
    opacity: 0; }
  100% { transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes rotate90 { 0% { transform: rotate(0); }
  100% { transform: rotate(90deg); } }

@keyframes rotate90 { 0% { transform: rotate(0); }
  100% { transform: rotate(90deg); } }

@-webkit-keyframes statusbar_width50 { 0% { width: 0; }
  100% { width: 50%; } }

@keyframes statusbar_width50 { 0% { width: 0; }
  100% { width: 50%; } }

@-webkit-keyframes step_border { 0% { width: 0; }
  100% { width: 670px; } }

@keyframes step_border { 0% { width: 0; }
  100% { width: 670px; } }

@-webkit-keyframes step_border-sp { 0% { width: 0; }
  100% { width: 10.3333333333%; } }

@keyframes step_border-sp { 0% { width: 0; }
  100% { width: 10.3333333333%; } }

@-webkit-keyframes slideIn_top_to_bottom { 0% { top: -100%; }
  100% { top: 0; } }

@keyframes slideIn_top_to_bottom { 0% { top: -100%; }
  100% { top: 0; } }

@font-face { font-family: "misotaiken"; src: url("/wp-content/themes/misotaiken/fonts/misotaiken/fonts/misotaiken.eot"); src: url("/wp-content/themes/misotaiken/fonts/misotaiken/fonts/misotaiken.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/misotaiken/fonts/misotaiken/fonts/misotaiken.woff") format("woff"), url("/wp-content/themes/misotaiken/fonts/misotaiken/fonts/misotaiken.ttf") format("truetype"), url("/wp-content/themes/misotaiken/fonts/misotaiken/fonts/misotaiken.svg#misotaiken") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "misotaiken" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "misotaiken" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-7:before { content: "\61"; }

body, header, nav, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, blockquote, form, table, input, div, figure, figcaption, a, span, img, th, td, section { margin: 0; padding: 0; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, th, td { font-size: 100%; }

th, td { text-align: left; line-height: 1.4; }

img { border: none; vertical-align: bottom; }

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

html, body { width: 100%; height: 100%; font-size: 62.5%; }

body { min-width: 1000px; line-height: 1.75; color: #222; font-family: "Noto Sans Japanese","SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif; font-size: 16px; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y: scroll; }

#wrap { overflow-x: hidden; }

a { color: inherit; text-decoration: none; transition: 0.3s; cursor: pointer; }

a:hover { color: #28a7e1; opacity: .8; }

a.tel { pointer-events: none; }

@media only screen and (max-width: 640px) { a.tel { pointer-events: auto; } }

li { list-style: none; }

.inner { margin: 0 auto; padding: 0; width: 100%; max-width: 1200px; }

section { position: relative; }

section h2 { line-height: 1; font-size: 32px; font-weight: 500; text-align: center; }

.pc_hidden { display: none; }

#js_mediaFlag { width: 100px; }

#header { padding: 20px 40px 0; display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; z-index: 900; width: 100%; min-width: 1000px; }

#header .logo_img { width: 172px; height: auto; }

#header .rightlink, #header .rightlink > ul, #header .reserve_introduction > ul { display: flex; align-items: center; justify-content: flex-end; }

#header .rightlink { padding-right: 460px; color: #fff; }

#header .rightlink a { display: block; color: #fff; font-size: 16px; }

#header .snslink { display: none !important; padding: 0 30px; border-right: solid 1px #fff; }

#header .snslink li + li { margin-left: 10px; }

#header .englishlink a { padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px; }

#header .instagram a { padding-right: 9px; }

#header .instagram a img { width: 40px; height: 40px; }

#header .twitter a { padding-right: 22px; }

#header .twitter a img { width: 37px; height: 37px; }

#header .reserve_introduction { position: fixed; top: 20px; right: 40px; z-index: 1000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-weight: 600; }

#header .reserve_introduction p { padding-right: 1em; font-size: 14px; letter-spacing: .05em; }

#header .reserve_introduction li a { height: 40px; line-height: 40px; width: 160px; background: #28a7e1; text-align: center; letter-spacing: .1em; }

#header .reserve_introduction li.confirm a { width: 140px; font-size: 12px; }

#header .reserve_introduction li:nth-child(1) a { background: #8a8a8f; }

#header .reserve_introduction li:nth-child(2) a { background: #28a7e1; }

#header .reserve_introduction li:nth-child(3) a { background: #009542; }

#nav { width: 100%; height: 100px; background: #fff; }

#nav .inner { padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; }

@media only screen and (min-width: 1240px) { #nav .inner { padding: 18px 0; } }

#nav h3 { width: 320px; }

#nav h3 a { display: block; }

#nav h3 img { width: 100%; height: auto; }

#nav .nav_menu { width: 73.3333333333%; }

#nav ul { display: flex; justify-content: flex-end; }

#nav ul li { display: flex; align-items: center; justify-content: center; background: url(/wp-content/themes/misotaiken/images/nav-arrow.png) center bottom no-repeat; }

#nav ul li:hover { background: url(/wp-content/themes/misotaiken/images/nav-arrow-hover.png) center bottom no-repeat; }

#nav ul li + li { margin-left: 30px; }

#nav ul li a { padding: .8em 0 1.2em; display: block; line-height: 1.1; font-size: 17px; }

@media only screen and (max-width: 1200px) { #nav ul li + li { margin-left: 4.1666666667%; } #nav ul li a { font-size: 1.4vw; } }

@media only screen and (max-width: 1000px) { #nav ul li a { font-size: 14px; } }

#nav.fixed { position: fixed; top: 0; bottom: auto; }

#nav .sns_list { display: none !important; display: none; }

.sns_listwrap { display: none !important; padding: 150px 0; position: relative; background: #222; color: #28a7e1; }

.sns_listwrap .miso_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sns_listwrap .inner { display: flex; align-items: center; position: static; }

.sns_listwrap h2 { padding-left: 40px; font-size: 28px; }

.sns_listwrap hr { margin: 0 30px 0 40px; border-color: #28a7e1; width: 37.5%; }

.sns_listwrap .sns_list { display: flex; align-items: center; line-height: 1; font-family: 'misotaiken'; font-size: 60px; }

.sns_listwrap .sns_list li + li { margin-left: 10px; }

.sns_listwrap .sns_list a { display: block; }

@media only screen and (max-width: 1200px) { .sns_listwrap h2 { font-size: 22.4px; } .sns_listwrap .miso_img { width: 316.8px; } .sns_listwrap .sns_list { font-size: 48px; } }

#footer { padding: 60px 0; line-height: 1.2; background: #000; color: #999; font-size: 13px; }

#footer .inner { display: flex; align-items: center; }

#footer h2 { padding: 0 11.5% 0 8.3333333333%; }

#footer h2 img { width: 172px; height: auto; }

#footer .link_list { width: 100%; letter-spacing: .1em; }

#footer .link_list ul:after { display: block; clear: both; content: ""; }

#footer .link_list li { float: left; }

#footer .link_list li + li:before { margin: 0 1em; content: "｜"; }

#footer .link_list .footer-top_menu { margin-bottom: 1em; padding-bottom: 1.25em; border-bottom: solid 1px #333; color: #fff; font-size: 14px; }

@media only screen and (max-width: 1200px) { #footer h2 { padding: 0 8.3333333333% 0 8.3333333333%; } #footer .link_list { letter-spacing: 0em; } }

.copyright { margin-top: 1.5em; color: #666; font-size: 13px; }

.headline-border_both { padding: 1em; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }

.headline-border_bottom { padding-bottom: .5em; border-bottom: solid 2px #000; line-height: 1.2; font-size: 24px; text-align: left; font-weight: 600; }

.list-disc li { display: flex; align-items: flex-start; }

.list-disc li:before { margin-right: .25em; display: inline-block; width: 1em; content: "・"; }

.linklist-icon_plus { display: flex; align-items: center; }

.linklist-icon_plus li + li { margin-left: 1em; }

.linklist-icon_plus a { display: flex; align-items: center; font-size: 14px; }

.linklist-icon_plus a:before { margin-right: .25em; line-height: 1; font-family: "misotaiken"; font-size: 26px; content: "a"; }

.linklist-icon_plus a:hover:before { -webkit-animation: rotate90 .2s forwards; animation: rotate90 .2s forwards; }

.btn-basic { margin: 0 auto; padding: .75em 5.5em; display: inline-block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); line-height: 1; background: #28a7e1; color: #fff; font-size: 20px; }

.btn-basic:hover { color: #fff; background: #066dc7; }

.nowrap { white-space: nowrap; }

.text_underline { border-bottom: solid 1px #666; display: inline-block; }

input:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; }

.bottom-bgi-slash { position: relative; }

.bottom-bgi-slash > * { position: relative; z-index: 701; }

.bottom-bgi-slash:after { padding-bottom: 36.9791666667%; display: block; position: absolute; left: 0; bottom: 0; z-index: 700; width: 100%; height: 0; background: url(/wp-content/themes/misotaiken/images/step-bgi.svg) no-repeat center top, #f8f8f8; background-size: 100% auto; content: ""; }

.flow_caption, body:not(.home) .calender_caption { margin-top: 34px; padding: 34px 80px; border: solid 6px #fff; }

.flow_caption a, body:not(.home) .calender_caption a { display: inline-block; border-bottom: solid 1px rgba(255, 255, 255, 0.7); }

.flow_caption a:hover, body:not(.home) .calender_caption a:hover { color: inherit; }

body.home { background: #f8f8f8; }

body.home #header { z-index: 901; }

body.home .kv { position: relative; }

body.home .kv.full_screen { width: 100%; height: auto; min-height: 662.5px; overflow: hidden; }

body.home .kv.full_screen:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 200px); z-index: 900; background: url(/wp-content/themes/misotaiken/images/loading.gif) center center no-repeat #fff; content: ""; }

body.home .kv.full_screen.video_start video, body.home .kv.full_screen.video_start .bottom_area { z-index: 900; }

body.home .kv.full_screen.video_start:after { -webkit-animation: fadeOut .2s forwards; animation: fadeOut .2s forwards; z-index: -1; }

body.home .kv > *:not(.bottom_area) { opacity: 0; -webkit-animation: fadeIn 2s 0s forwards; animation: fadeIn 2s 0s forwards; }

body.home .kv h2 { margin-top: -100px; display: block; position: absolute; top: 50%; left: 50%; z-index: 600; width: 100%; transform: translate(-50%, -50%); text-align: center; }

body.home .kv h2 img { width: 18.75%; max-width: 360px; }

body.home .kv video { display: block; position: absolute; top: 0%; left: 0%; z-index: 800; width: 100%; height: auto; min-width: 1000px; }

body.home .kv video.video_end { pointer-events: none; -webkit-animation: fadeOut 3s forwards; animation: fadeOut 3s forwards; }

body.home .kv video.video_end ~ .scroll { z-index: 901; }

body.home .kv video.video_skip { pointer-events: none; -webkit-animation: fadeOut .2s forwards; animation: fadeOut .2s forwards; }

body.home .kv video.video_skip ~ .scroll { z-index: 901; }

body.home .kv .bg-white { width: 100%; height: auto; }

body.home .kv .kv_bgi_slider { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: calc(100% - 100px); pointer-events: none; }

body.home .kv .kv_bgi_slider li { position: relative; }

body.home .kv .kv_bgi_slider li img { width: 100%; height: auto; }

body.home .kv .bottom_area { position: absolute; left: 0; bottom: 0; z-index: 800; width: 100%; height: auto; }

body.home .kv .video_skip_control { position: absolute; right: 0; bottom: 200px; }

body.home .kv .video_skip_control img { padding: 20px 40px; }

body.home .kv .scroll { margin-bottom: 40px; display: block; position: absolute; bottom: 200px; left: 50%; z-index: 600; width: 1.5625%; max-width: 30px; transform: translateX(-50%); text-align: center; }

body.home .kv .scroll img { width: 100%; height: auto; min-width: 20px; }

body.home .kv .scroll:hover img { transform: translateY(4%); }

body.home .kv .information { position: absolute; left: 0; bottom: 100px; width: 100%; height: 100px; background: rgba(0, 0, 0, 0.8); }

body.home .kv .information .inner { padding: 1em 40px 1em 50px; display: flex; align-items: center; justify-content: space-between; height: 100%; }

body.home .kv .information h3 { color: #28a7e1; font-size: 15px; letter-spacing: .75em; }

body.home .kv .info_list_wrap { padding-left: 50px; }

body.home .kv .info_list { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; font-size: 13px; }

body.home .kv .info_list li { width: 29%; overflow-x: hidden; }

body.home .kv .info_list.notslider { transform: translate3d(0px, 0px, 0px) !important; }

body.home .kv .info_list.notslider .swiper-slide-duplicate { display: none; }

body.home .kv .info_list a { color: #ddd; }

body.home .kv .info_list .date { line-height: 1; color: #999; }

body.home .kv .info_list .text { margin-top: 9px; padding-top: 7px; border-top: solid 2px #28a7e1; line-height: 1.25; max-height: 3em; overflow: hidden; overflow-y: scroll; -ms-overflow-style: none; }

body.home .kv .info_list .text::-webkit-scrollbar { display: none; }

body.home .kv.noinfo.full_screen { min-height: 640px; }

body.home .kv.noinfo.full_screen:after { height: calc(100% - 100px); }

body.home .kv.noinfo h2 { margin-top: -50px; }

body.home .kv.noinfo video { display: block; position: absolute; top: 0%; left: 0%; z-index: 800; width: 100%; height: auto; min-width: 1000px; }

body.home .kv.noinfo .video_skip_control { bottom: 100px; }

body.home .kv.noinfo .scroll { bottom: 100px; }

body.home .kv.noinfo .information { display: none; }

body.home.firefox .kv .info_list .text { padding-right: 1em; width: calc(100% + 20px); }

body.home.tablet .kv .kv_bgi_slider .kv-slide-2 { background: url(/wp-content/themes/misotaiken/images/index/kv-bgi-2.jpg) no-repeat center center; background-size: cover; }

body.home.tablet .kv .kv_bgi_slider .kv-slide-2 img { opacity: 0; }

@media only screen and (max-width: 1024px) { body.home .kv .kv_bgi_slider .kv-slide-2 { background: url(/wp-content/themes/misotaiken/images/index/kv-bgi-2.jpg) no-repeat center center; background-size: cover; } body.home .kv .kv_bgi_slider .kv-slide-2 img { opacity: 0; } }

body.home #nav { border-bottom: solid 1px #259acf; position: absolute; left: 0; bottom: 0; z-index: 999; }

body.home #nav .inner { padding: 18px 40px 18px 10px; }

@media only screen and (min-width: 1200px) { body.home #nav .inner { padding-left: 0; } }

.welcome { padding: 0; max-height: 960px; position: relative; z-index: -1; color: #fff; text-align: center; }

.welcome .status_bar { padding-top: 2px; position: absolute; top: 0; left: 0; width: 100%; }

.welcome .status_bar hr { margin: 0; border-color: transparent; position: absolute; top: 0; left: 50%; width: 0; }

.welcome .status_bar hr + hr { left: auto; right: 50%; }

.welcome .status_bar.start hr { border-color: #28a7e1; -webkit-animation: statusbar_width50 5000ms forwards; animation: statusbar_width50 5000ms forwards; }

.welcome .status_bar.stop { margin-top: 100px; }

.welcome .status_bar.stop hr { width: 0; -webkit-animation: none; animation: none; }

.welcome .linklist-icon_plus { padding: 20px 40px; position: absolute; right: 0; bottom: 0; }

.welcome .linklist-icon_plus a { color: #fff; }

.welcome .linklist-icon_plus a:hover { color: #28a7e1; opacity: 1; }

.welcome .text_wrap { margin-top: -3.125%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

.welcome h2 { line-height: 1.5; }

.welcome h2 + p { margin-top: 4.6875%; line-height: 2.25; }

@media only screen and (min-width: 641px) and (max-width: 1360px) { .welcome h2 { font-size: 29px; } .welcome h2 + p { margin-top: 4.4117647059%; font-size: .9em; } }

.welcome .slider-bgi { position: relative; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }

.welcome .slider-bgi li { pointer-events: none; }

.welcome .slider-bgi img { width: 100%; height: auto; }

.welcome .slider-bgi:before, .welcome .slider-bgi:after { display: block; position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: ""; }

.welcome .slider-bgi:after { margin-left: -800px; top: 100%; left: 100%; background: rgba(0, 0, 0, 0.7); transform-origin: 0 0; transform-origin: top left; transform: rotate(-13.36deg); }

.welcome .slider-bgi:after { content: none; }

@media only screen and (min-width: 1920px) { .welcome .text_wrap { margin-top: -80px; } .welcome h2 + p { margin-top: 90px; } .feature_list { margin-top: -160px; } }

.feature_list_wrap { position: relative; z-index: 700; }

.feature_list { margin: -8.3333333333% auto 0; padding: 0 20px; display: flex; justify-content: space-between; position: absolute; top: 0; right: 0; left: 0; width: 100%; max-width: 1200px; min-width: 960px; }

.feature_list > li { padding: 60px 0 140px; position: relative; width: 31.3333333333%; color: #666; overflow: hidden; background: url(/wp-content/themes/misotaiken/images/slanting.png) no-repeat center top; }

.feature_list h3, .feature_list p { margin: 0 auto; width: 256px; }

.feature_list h3 { margin-bottom: 1em; border-top: solid 3px #28a7e1; border-bottom: solid 3px #28a7e1; display: flex; align-items: center; justify-content: center; height: 100px; line-height: 1.1; color: #28a7e1; font-size: 22px; }

.feature_list p { line-height: 1.375; text-align: left; }

.award_information_wrap { padding: 380px 0 0 0; position: relative; background: #28a7e1; color: #fff; }

.award_information { padding: 40px 60px; display: flex; background: url(../images/index/award_information-bg.png) no-repeat center center; background-size: 100% 100%; }

.award_information img { margin-right: 40px; }

.award_information_text { width: 100%; text-align: left; }

.award_information_text h3 { font-size: 22px; font-weight: normal; }

.award_information_text h4 { font-size: 16px; font-weight: normal; position: relative; }

.award_information_text h4 span { padding-right: 5px; position: relative; background: #02222f; z-index: 5; }

.award_information_text h4:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; top: 50%; border-top: solid 1px #4e4e4e; z-index: 1; }

.award_information_text ul { margin-left: 2em; }

.award_information_text ul li { font-size: 13px; list-style-image: url(../images/index/award_information-ohkan.png); }

.award_information_text ul li p { display: inline-block; }

.flow { padding: 200px 0 36.4583333333%; position: relative; background: #28a7e1; color: #fff; text-align: center; }

.flow .anchor { margin-top: 280px; display: block; position: absolute; top: 0; left: 0; height: 0; width: 100%; }

.flow > h2 + p { margin-top: 70px; }

.step_list { margin-top: 100px; }

.step_list > li { position: relative; height: 600px; }

.step_list > li + li { margin-top: 80px; }

.step_list > li:nth-child(1) .text_card, .step_list > li:nth-child(3) .text_card, .step_list > li:nth-child(4) .text_card { right: 50%; }

.step_list > li:nth-child(1) .stepimg, .step_list > li:nth-child(3) .stepimg, .step_list > li:nth-child(4) .stepimg { margin-left: -180px; left: 50%; }

.step_list > li:nth-child(1):after, .step_list > li:nth-child(3):after, .step_list > li:nth-child(4):after { margin-left: -245px; transform: rotate(29deg); }

.step_list > li:nth-child(2) .text_card, .step_list > li:nth-child(5) .text_card { left: 50%; }

.step_list > li:nth-child(2) .stepimg, .step_list > li:nth-child(5) .stepimg { margin-right: -180px; right: 50%; }

.step_list > li:nth-child(2):after, .step_list > li:nth-child(5):after { margin-left: 245px; bottom: 105px; transform: rotate(-209deg); }

.step_list > li:nth-child(5):after { content: none; }

.step_list > li:before, .step_list > li:after { display: block; clear: both; content: ""; position: absolute; left: 50%; bottom: 105px; z-index: 980; transform-origin: 0 0; transform-origin: top left; width: 0; height: 2px; background: rgba(255, 255, 255, 0.6); }

.step_list > li:before { content: none; }

.step_list > li.step_border::after { -webkit-animation: step_border 2s forwards; animation: step_border 2s forwards; }

.step_list .step_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 900; }

.step_list .text_card { padding: 80px; display: flex; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 800; width: 600px; height: 390px; background: #fff; color: #000; text-align: justify; }

.step_list .text_card h3 { line-height: 1.2; font-size: 30px; }

.step_list .text_card p { margin-top: 30px; }

.step_list .stepimg { position: absolute; top: 0; z-index: 700; }

@media only screen and (max-width: 1200px) { .step_list li { padding: 0 20px; } .step_list li:nth-child(odd) .text_card { padding-left: 60px; } .step_list li:nth-child(even) .text_card { padding-right: 60px; } .step_list li:nth-child(4) { margin-left: auto; margin-right: auto; padding: 0; width: calc(100% - 40px); } .step_list li:nth-child(4) li { padding: 0; width: 100%; } .step_list li:nth-child(4) .making_list { padding-left: 40px; padding-right: 40px; } .step_list li:nth-child(4) .text_area { padding: 40px; } .step_list .text_card { width: 500px; } }

.step_list .step4 { position: relative; z-index: 990; height: auto; background: #fff; color: #000; }

.step_list .step4 .step4_kv { width: 100%; height: auto; }

.step_list .step4 li + li { margin-top: 0; }

.making_area { padding-top: 100px; position: relative; }

.making_area .step_icon { top: 0; }

.making_area h3 { margin-bottom: 20px; line-height: 1; font-size: 30px; }

.making_area h3 + p { line-height: 1.75; }

.making_list { padding: 80px; }

.making_list li { overflow: hidden; }

.making_list li > img { width: 50%; height: auto; }

.making_list li:nth-child(odd) > img { float: left; }

.making_list li:nth-child(even) > img { float: right; }

.making_list .text_area { padding: 80px; float: left; width: 50%; max-height: 400px; text-align: justify; text-justify: inter-ideograph; }

.making_list .text_area h4 { margin-bottom: .8em; line-height: 1.2; color: #28a7e1; font-size: 30px; font-weight: normal; }

.making_list .text_area h4 img { margin-bottom: 30px; display: block; }

.making_list .text_area h4 + p { letter-spacing: -.05em; }

.making_list .text_area small { margin-top: .75em; display: block; color: #666; font-size: 12px; letter-spacing: -.05em; }

.making_list .text_area-center { padding: 110px 80px 45px; float: none; width: 100%; text-align: center; }

.making_list .text_area-center h4 img { margin: 0 auto 30px; padding-right: .5em; }

.facility { margin-top: -350px; padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 800; }

.facility h2 { padding-bottom: 100px; }

.facility table { margin: 0 auto; width: 1200px; }

@media only screen and (max-width: 1280px) { .facility table { width: calc(100% - 160px); } }

.facility table tr + tr th, .facility table tr + tr td { border-top: solid 2px #f8f8f8; }

.facility table th, .facility table td { padding: 1.25em 40px; line-height: 1.25; color: #fff; }

.facility table th { width: 200px; background: #066dc7; }

.facility table td { line-height: 1.4; background: #28a7e1; }

.facility table a { border-bottom: 1px solid #fff; font-weight: bold; }

.facility table a:hover { opacity: .8; color: #fff; }

.facility table dl { display: table; }

.facility table dl dd table { width: 100%; }

.facility table dl dd table th, .facility table dl dd table td { padding: 10px; border-top: solid 1px #28a7e1; border-right: solid 1px #28a7e1; color: #181818; text-align: center; }

.facility table dl dd table th { background: #e3f0f6; font-weight: normal; width: 60%; }

.facility table dl dd table td { background: #fff; }

.facility table dl dd ul { margin-top: 10px; }

.facility table dl dd ul li + li { margin-top: 8px; }

.facility table dl dd ul li { text-indent: -1em; margin-left: 1em; }

.facility table dl + dl { margin-top: 20px; }

.popup { margin: 0; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; opacity: 0; z-index: -2; transition: opacity 0s; overflow: auto; }

.popup.open { opacity: 1; z-index: 999; transition: opacity 0.2s; }

.popup .popupBgi { position: fixed; top: 0; left: 0; z-index: 800; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }

.popup .popupPlate { margin: 0 auto 50px; padding: 50px 30px; position: absolute; top: 50px; left: 50%; z-index: 900; transform: translate(-50%, 0%); width: 1200px; background: #fff; /* .horizontal_scroll-mainNumber::-webkit-scrollbar { display: none; } .horizontal_scroll::-webkit-scrollbar:vertical { display: none; } */ }

.popup .popupPlate .horizontal_scroll, .popup .popupPlate .horizontal_scroll-mainNumber { overflow: scroll; }

@media only screen and (max-width: 641px) { .popup .popupPlate .horizontal_scroll-mainNumber::-webkit-scrollbar { display: none; -webkit-appearance: none; } .popup .popupPlate .horizontal_scroll::-webkit-scrollbar { display: none; -webkit-appearance: none; } }

@media only screen and (min-width: 641px) { .popup .popupPlate .horizontal_scroll { height: 700px !important; } }

.popup .popupPlate .data_wrap { top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; overflow: auto; border-left: 1px solid; }

.popup .popupPlate .ttl_wrap { margin-top: 70px; border-top: 1px solid #28a7e1; width: 105px; display: flex; box-shadow: 3px 4px 4px -3px rgba(0, 0, 0, 0.3); }

@media only screen and (max-width: 1280px) { .popup .popupPlate { width: calc(100% - 160px); } .popup .popupPlate .horizontal_scroll { height: 100%; } .popup .popupPlate p { border-right: 1px solid #28a7e1; } }

.popup .popupPlate .nutrition_table { position: relative; display: flex; border: 1px solid #28a7e1; color: #28a7e1; }

.popup .popupPlate .nutrition_table ul { display: table; width: 1041px; height: 35px; }

.popup .popupPlate .nutrition_table ul li { display: table-cell; vertical-align: middle; border-top: 1px solid #28a7e1; border-left: 1px solid #28a7e1; width: 52px; text-align: center; font-size: 14px; letter-spacing: -.5px; }

.popup .popupPlate .nutrition_table ul.mainNumber { font-size: 18px; font-weight: bold; }

.popup .popupPlate .number { width: 100%; }

.popup .popupPlate .vertical_heading { left: 30px; top: 158px; width: 40px; writing-mode: vertical-rl; background: #28a7e1; }

.popup .popupPlate .vertical_heading p { height: 100%; width: 100%; color: #fff; }

.popup .popupPlate h5 { width: 100%; height: 35px; background: #28a7e1; color: #fff; text-align: center; line-height: 2.1; display: flex; justify-content: center; }

.popup .popupPlate h4 { margin-bottom: 40px; font-size: 32px; text-align: center; color: #28a7e1; line-height: 1; }

.popup .popupPlate p { width: 55px; height: 35px; font-weight: bold; white-space: nowrap; display: flex; text-align: center; justify-content: center; align-items: center; line-height: 1.2; border-top: 1px solid #28a7e1; }

.popup .popupPlate p:first-child { border-top: none; }

.popup .popupPlate .text { font-size: 12px; }

.popupClose { padding: 1em; display: inline-block; position: absolute; top: -125px; right: 0; transform: translate(-50%, 150%); background: #28a7e1; text-align: center; cursor: pointer; }

.popupClose:hover { opacity: .9; }

.input_btn { border-bottom: 1px solid #fff; font-weight: bold; }

.input_btn:hover { opacity: .8; cursor: pointer; }

input[type="checkbox"] { display: none; }

#select_popupOpen:checked + .popup { opacity: 1; z-index: 999; transition: opacity 0.2s; }

#select_popupOpen:checked + .popup label { display: block; }

#html, #body { overflow: inherit; }

#html.fix, #body.fix { overflow: hidden; }

.map { padding-top: 80px; }

.map h2 { padding-bottom: 100px; }

.map_wrap { padding: 50px; position: relative; background: #fff; text-align: center; }

#map-img { padding-right: 360px; width: 100%; height: auto; max-width: 1147px; }

.live-camera_wrap { max-width: 1147px; position: absolute; top: 54%; right: 0; left: 0; margin: 0 auto; width: 100%; }

.live-camera_wrap a { display: inline-block; position: absolute; left: 20px; }

.live-camera_inner { position: relative; }

.live-camera_inner .live { position: absolute; top: -50px; left: -20px; z-index: 3; }

.live-camera_inner .live-camera { position: relative; border: 4px solid #28a7e1; width: 240px; border-radius: 5px; overflow: hidden; z-index: 1; }

.live-camera_inner .live-camera p { text-align: left; padding: 16px 16px 23px; font-size: 14px; line-height: 1.3; }

.live-camera_inner .externalLink { position: absolute; bottom: 10px; right: 20px; }

.textbox-access { margin-left: 260px; padding: 40px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); min-width: 370px; line-height: 1.5; text-align: left; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

.textbox-access h3, .textbox-access .text-lb { color: #28a7e1; }

.textbox-access p + h3 { margin-top: 30px; }

.textbox-access .text-lb { padding-left: 1em; text-indent: -1em; }

.textbox-access .text-lb.ls, .textbox-access .text-lb .ls { line-height: 1.3; letter-spacing: -.075em; }

.textbox-access .text-lb.lh13 { line-height: 1.3; }

@media only screen and (max-width: 1366px) { .textbox-access { margin-left: 0; left: auto; right: 0; } }

.line-dot-center { display: flex; justify-content: space-between; position: relative; overflow: hidden; text-align: justify; }

.line-dot-center span { display: inline-block; background: #fff; }

.line-dot-center span:first-of-type { padding-right: .25em; }

.line-dot-center span:last-of-type { padding-left: .25em; }

.line-dot-center span.pc_hiddden { padding: 0; display: none; }

.line-dot-center:after { position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -70%); width: 80%; content: ".............................................................................................."; }

.line-dot-center.no_after > span:last-of-type { padding: 0; position: absolute; bottom: 0; right: 0; }

.line-dot-center.no_after:after { content: none; }

.by_car, .by_bus, .by_train { margin-bottom: .5em; padding-bottom: .5em; border-bottom: solid 2px #28a7e1; display: flex; align-items: flex-start; line-height: 1.2; font-size: 20px; }

.by_car img, .by_bus img, .by_train img { margin-right: 12px; width: 36px; height: auto; }

.by_car small, .by_bus small, .by_train small { margin-top: .125em; display: block; font-size: 14px; font-weight: normal; }

.by_train img { margin-right: 9px; padding: 0 3px; }

.by_bus img { margin-right: 6px; width: 42px; }

.by_bus small, .by_bus .text-lb { line-height: 1.2; letter-spacing: -.05em; }

.nature { display: flex; align-items: center; justify-content: center; height: 400px; background: url(/wp-content/themes/misotaiken/images/index/nature-photo.jpg) repeat-x center top; }

.nature .fadeInUp { -webkit-animation: fadeInUp 1s 0s forwards; animation: fadeInUp 1s 0s forwards; }

.textbox-bk { margin: 0; padding: 40px 40px 30px; width: 650px; background: rgba(0, 0, 0, 0.8); line-height: 1.4; color: #ccc; font-size: 14px; text-align: center; }

.textbox-bk h2 { margin-bottom: 1em; line-height: 1; color: #fff; font-size: 20px; }

.textbox-bk a { margin: 1em auto 0; border: solid 1px #666; display: block; width: 260px; height: 30px; line-height: 30px; text-align: center; text-indent: -1em; background: url(/wp-content/themes/misotaiken/images/icon-eternal_link.png) no-repeat 226px 7px; }

.textbox-bk a:hover { color: inherit; opacity: .8; }

.contact_section { padding: 100px 0; background: url(/wp-content/themes/misotaiken/images/index/contact-bgi.png) repeat-x center top; background-size: auto 100%; color: #fff; text-align: center; }

.contact_section .inner, .contact_section .need_tell_area { position: relative; z-index: 800; }

@media only screen and (max-width: 1280px) { .contact_section .inner { width: calc(100% - 40px); } }

.contact_section .need_tell_area { text-shadow: 0 0 10px rgba(6, 109, 199, 0.9); }

.contact_section:after { display: block; position: absolute; top: 0; right: 0; z-index: 0; width: 38.3333333333%; height: 100%; max-width: 736px; content: ""; background: url(/wp-content/themes/misotaiken/images/index/contact-img.png) no-repeat right bottom; background-size: contain; }

.panel_list-col2 { margin-top: 75px; display: flex; }

.panel_list-col2 li { padding: 80px 40px 60px; width: 50%; color: #333; }

.panel_list-col2 li h3 { line-height: 1; font-size: 28px; }

.panel_list-col2 li p { margin: 1.5em auto; line-height: 1.5; }

.panel_list-col2 li .btn { margin: 0 auto; display: block; width: 380px; height: 70px; line-height: 70px; color: #fff; font-size: 20px; }

.panel_list-col2 li:first-child { background: #fff; }

.panel_list-col2 li:first-child h3 { color: #28a7e1; }

.panel_list-col2 li:first-child .btn { background: #28a7e1; }

.panel_list-col2 li:last-child { background: rgba(255, 255, 255, 0.9); }

.panel_list-col2 li:last-child h3 { color: #009542; }

.panel_list-col2 li:last-child .btn { background: #009542; }

.panel_list-col2 + .notice { margin-bottom: 30px; padding: .75em 0; color: #ccc; background: rgba(0, 0, 0, 0.25); font-size: 12px; }

.panel_list-col2 + .notice .text_underline { border-color: #ccc; }

@media only screen and (min-width: 641px) { .windows.chrome .popup .popupPlate .horizontal_scroll { height: 718px !important; overflow-y: hidden; } .windows.chrome .popup .popupPlate .number { padding-top: 16px; } .windows.chrome .popup .popupPlate .number p:nth-child(n+5) { height: 35.5px; } .windows.chrome .popup .popupPlate .number p:nth-child(n+11) { height: 35px; } .windows.chrome .popup .popupPlate .number p:nth-child(n+15) { height: 35.5px; } .windows.chrome .popup .popupPlate .horizontal_scroll li { height: 35px; } .windows.chrome .popup .popupPlate .horizontal_scroll-mainNumber { overflow-y: hidden; } }

@media only screen and (max-width: 1240px) and (min-width: 641px) { body:not(.home) .inner { padding: 0 20px; } }

body:not(.home) .kv { position: relative; height: 480px; background: url(/wp-content/themes/misotaiken/images/booking/kv-img.png) no-repeat right top, url(/wp-content/themes/misotaiken/images/booking/kv-bgi.png) no-repeat center top; background-size: auto,100% 100%; box-shadow: inset 0px 9px 3px -3px rgba(0, 0, 0, 0.1); }

body:not(.home) .kv h2 { padding-top: 150px; color: #fff; font-size: 36px; text-align: center; }

body:not(.home) .kv h2 > small { margin: 20px auto 0; padding-top: 20px; border-top: solid 2px #fff; display: block; width: 600px; line-height: 1; font-size: 24px; }

body:not(.home) .kv h2 > small small { margin-top: .25em; display: block; }

body:not(.home) .kv .business_hours { position: absolute; left: 0; bottom: 0; right: 0; z-index: 900; display: flex; align-items: center; height: 250px; transform: translateY(50%); }

body:not(.home) .kv .business_hours h3 { display: flex; align-items: center; justify-content: center; width: 25%; height: 100%; background: #066dc7; color: #fff; font-size: 24px; font-weight: normal; }

body:not(.home) .kv .business_hours h3:before { margin-right: 16px; font-family: "misotaiken"; font-size: 50px; content: "b"; }

body:not(.home) .kv .business_hours .text_area { padding: 60px 80px; width: 75%; height: 100%; background: #fff; }

body:not(.home) .kv .business_hours .date_list { display: flex; align-items: center; justify-content: space-between; }

body:not(.home) .kv .business_hours .date_list li { padding: 10px; border: solid 4px #000; width: 48.6486486486%; border-radius: 8px; font-size: 24px; text-align: center; }

body:not(.home) .kv .business_hours .text { margin-top: 1em; line-height: 1.5; }

body:not(.home) .calender { padding: 160px 0; position: relative; z-index: 800; background: #28a7e1; color: #fff; }

body:not(.home) .calender_box { margin-top: 20px; padding: 80px 100px; position: relative; z-index: 800; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #fff; color: #222; text-align: center; }

body:not(.home) .calender_box > h3 { margin-bottom: 60px; line-height: 1.2; font-size: 28px; font-weight: 500; }

body:not(.home) .calender_box .mark_explain { margin-bottom: 20px; line-height: 1; font-size: 14px; font-weight: 300; text-indent: -1.5em; }

body:not(.home) .tab_select { display: flex; align-items: center; justify-content: space-between; }

body:not(.home) .tab_select li { width: 25%; }

body:not(.home) .tab_select li + li { border-left: solid 2px #fff; }

body:not(.home) .tab_select li a { display: block; height: 60px; line-height: 60px; color: #fff; background: #7ecaed; }

body:not(.home) .tab_select li.active a { background: #28a7e1; }

body:not(.home) .calender_table { border: solid 4px #28a7e1; width: 100%; display: none; }

body:not(.home) .calender_table.active { display: table; }

body:not(.home) .calender_table tr + tr th, body:not(.home) .calender_table tr + tr td { border-top: solid 1px #ccc; }

body:not(.home) .calender_table th, body:not(.home) .calender_table td { border-left: solid 1px #ccc; width: 11.7469879518%; font-weight: normal; text-align: center; }

body:not(.home) .calender_table th:first-child { border-left: none; width: 17.8068410463%; }

body:not(.home) .calender_table .week th, body:not(.home) .calender_table .week td { line-height: 2.25; color: #666; }

body:not(.home) .calender_table .date th, body:not(.home) .calender_table .date td { height: 40px; line-height: 40px; background: #f8f8f8; }

body:not(.home) .calender_table .date th:nth-last-child(1), body:not(.home) .calender_table .date td:nth-last-child(1) { background: #f6e7e7; }

body:not(.home) .calender_table .date th:nth-last-child(2), body:not(.home) .calender_table .date td:nth-last-child(2) { background: #e7eff6; }

body:not(.home) .calender_table .date th.nodate, body:not(.home) .calender_table .date td.nodate { background: #eaeaea; }

body:not(.home) .calender_table .date th:first-child { background: none; }

body:not(.home) .calender_table .status th, body:not(.home) .calender_table .status td { padding: 30px 0 10px; border-top: none; line-height: 1; }

body:not(.home) .calender_table .status th:not(.unavailable), body:not(.home) .calender_table .status td:not(.unavailable) { color: #28a7e1; }

body:not(.home) .calender_table .status td { font-size: 20px; }

body:not(.home) .calender_table .status td a:hover { font-weight: bold; }

body:not(.home) .calender_table .status + .status th, body:not(.home) .calender_table .status + .status td { padding: 10px 0 30px; }

body:not(.home) .calender_table .status + .status th:not(.unavailable), body:not(.home) .calender_table .status + .status td:not(.unavailable) { color: #066dc7; }

body:not(.home) .calender_table .unavailable { background: #f8f8f8; color: #ccc; }

body:not(.home) .attentionbox { margin-top: 40px; padding: 60px; background: #f8f8f8; color: #666; text-align: left; }

body:not(.home) .attentionbox > ul { margin-top: 1em; }

body:not(.home) .attentionbox > ul li { display: table; line-height: 1.7; font-size: 14px; }

body:not(.home) .attentionbox > ul li:before { display: table-cell; width: 1.5em; content: "・"; }

body:not(.home) .attentionbox > ul li + li { margin-top: .25em; }

body:not(.home) .attentionbox > ul + h3 { margin-top: 30px; }

body:not(.home) .attentionbox > .attention_ { margin-bottom: 30px; }

body:not(.home) .attentionbox > .attention_ > ul li { display: table; line-height: 1.7; font-size: 14px; }

body:not(.home) .attentionbox > .attention_ > ul li:before { display: table-cell; width: 1.5em; content: "・"; }

body:not(.home) .attentionbox > .attention_ > ul li + li { margin-top: .25em; }

body:not(.home) .attentionbox > .attention_ > p { font-size: 14px; line-height: 1.7; }

body:not(.home) .attentionbox > .attention_ > p span { padding-right: .5em; }

body:not(.home) .btnwrap { margin-top: 40px; position: relative; z-index: 800; text-align: center; }

.need_tell_area { text-align: center; }

.need_tell_area h3 { margin-bottom: 1.5em; line-height: 1.2; font-weight: normal; }

.need_tell_area a { color: #fff; }

.need_tell_area .headline-border_both { margin: 0 auto; padding: 1em 0; width: 580px; }

@media only screen and (min-width: 641px) { .need_tell_area.japanese .headline-border_both { padding-left: 4em; text-align: left; } .need_tell_area.japanese .tell_number small { margin-top: .25em; } }

@media only screen and (max-width: 640px) { .need_tell_area.japanese .headline-border_both { line-height: 1.7; } }

.tell_number { margin-top: 1em; display: flex; align-items: center; justify-content: center; line-height: 1; text-align: center; }

.tell_number span { font-size: 30px; text-align: left; letter-spacing: .05em; }

.tell_number small { display: block; font-size: 12px; letter-spacing: 0; }

.tell_number:before { margin-right: .25em; font-family: "misotaiken"; font-size: 40px; content: "c"; }

.tell_number + p { margin-top: 1.5em; padding-left: 3em; color: #c6e2ef; font-size: 12px; }

.form_section { padding-bottom: 40px; background: #28a7e1; }

.form_section .inner { margin-bottom: -120px; position: relative; top: -120px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: #fff; }

@media only screen and (max-width: 1240px) { .form_section .inner { padding: 0; width: calc(100% - 40px); } }

@media only screen and (max-width: 1240px) and (min-width: 641px) { .booking .form_section .inner { padding: 0; width: calc(100% - 40px); } }

.sub_heading { margin-top: 15px; }

.companion + .companion { margin-top: 20px; }

.companion h4 { margin: 15px 0 5px 0; }

.companion h4.kana { margin-top: 10px; }

.form_flow { display: flex; align-items: center; justify-content: space-around; background: url(/wp-content/themes/misotaiken/images/booking/form/flow-bgi-1.png) no-repeat center center; background-size: 100% 100%; }

.form_flow li { height: 120px; line-height: 120px; color: #fff; font-size: 20px; }

.form_flow li:nth-child(1) { padding-left: .5em; }

.form_flow li:nth-child(3) { padding-right: .75em; }

.form_flow.form_flow-type2 { background: url(/wp-content/themes/misotaiken/images/booking/form/flow-bgi-2.png) no-repeat center center; background-size: 100% 100%; }

.form_flow.form_flow-type3 { background: url(/wp-content/themes/misotaiken/images/booking/form/flow-bgi-3.png) no-repeat center center; background-size: 100% 100%; }

.flow-title { margin-bottom: 80px; line-height: 1; text-align: center; font-size: 28px; }

.flow-title small { margin-top: 1.5em; margin-bottom: -40px; display: block; font-size: 16px; font-weight: normal; }

.flow_caption { margin: 0 auto; border-color: #066dc7; color: #222; }

.flow_caption ul { margin-top: .5em; font-size: 14px; }

.flow_caption a { border-bottom: solid 1px #666; }

.flow_caption.flow_caption-minheight { display: flex; align-items: center; justify-content: center; min-height: 175px; }

.flow_caption.flow_caption-border_bk { padding: 40px; border-color: #000; line-height: 1; text-align: center; }

.flow_caption .reserve-date { margin-bottom: .5em; font-size: 24px; }

.formwrap { padding: 80px 100px; }

@media only screen and (max-width: 1280px) { .formwrap { padding: 80px 2%; } }

.formwrap table { margin: 20px auto 0; border-collapse: separate; width: 100%; table-layout: fixed; }

.formwrap input, .formwrap textarea, .formwrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; box-shadow: none; background: none; overflow: auto; box-sizing: border-box; }

.formwrap .error { margin: .25em 0; color: #e02828; font-size: .9em; }

.formwrap tr + tr th, .formwrap tr + tr td { border-top: solid 2px #fff; }

.formwrap th, .formwrap td { position: relative; font-weight: normal; letter-spacing: -.05em; }

.formwrap th { padding: 24px 100px 24px 40px; width: 27%; background: #066dc7; color: #fff; vertical-align: top; }

@media only screen and (max-width: 1280px) { .formwrap th { padding-left: 3.125%; white-space: nowrap; } }

.formwrap .require { position: relative; z-index: 800; }

.formwrap .require:after { border: solid 2px #ff0; border-radius: 4px; position: absolute; top: 20px; right: 30px; width: 60px; height: 30px; line-height: 30px; color: #ff0; text-align: center; content: "必須"; }

@media only screen and (max-width: 1280px) { .formwrap .require:after { right: 0; margin-right: 8.8888888889%; } }

.formwrap td { padding: 24px 30px; width: 73%; background: #efefef; color: #222; font-size: 14px; }

.formwrap td > p { margin-bottom: 1.25em; line-height: 1.5; color: #000022; font-size: 12px; }

.formwrap input, .formwrap select, .formwrap textarea { padding: .5em 1em; border: solid 1px #dcdcdc; width: 160px; height: 30px; line-height: 30px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 16px; box-sizing: border-box; }

.formwrap .input-long { width: 500px; }

.formwrap .input-mid { width: 100px; }

.formwrap .input-short { width: 80px; }

.formwrap .td-date { font-size: 18px; }

.formwrap .selectwrap { margin-left: .5em; display: inline-block; position: relative; width: 160px; overflow: hidden; vertical-align: middle; }

.formwrap .selectwrap:after { position: absolute; top: 0; right: 0; display: block; width: 20px; height: 30px; background: url(/wp-content/themes/misotaiken/images/booking/form/arrow-select.png) no-repeat center center; background-size: 100% 100%; content: ""; pointer-events: none; }

.formwrap select { padding: 0 0 0 1em; display: block; width: 120%; }

.formwrap .selectbox + .selectbox { margin-left: 20px; }

.formwrap .attention { margin-left: .5em; color: #000022; font-size: 12px; }

@media only screen and (max-width: 1200px) { .formwrap .attention { font-size: 11px; white-space: nowrap; } }

.namebox { padding: 20px 30px; background: #d6e2e7; }

.namebox .namebox_title { margin-bottom: .25em; color: #066dc7; }

.namebox .error + .namebox_title { margin-top: 1em; }

.namebox .labelwrap span { margin-right: .75em; width: auto; }

.namebox + .namebox { margin-top: 5px; }

.labelwrap { display: flex; align-items: center; }

.labelwrap label { display: flex; align-items: center; }

.labelwrap label + label { margin-left: 1.5em; }

.labelwrap span { display: inline-block; width: 2.5em; white-space: nowrap; }

.labelwrap input + span { margin-left: 1em; }

.labelwrap .label-age { margin-left: 1.75em; }

.labelwrap .label-age input + span { margin-left: .5em; }

.tr-number .selectwrap { width: 100px; }

.tr-park span { margin-left: .5em; }

.tr-zip .btn-zip_search { margin-left: 1.75em; }

@media only screen and (max-width: 1200px) { .tr-zip .btn-zip_search { font-size: 13px; } }

.tr-address label, .tr-mail label, .tr-pass label { display: block; }

.tr-address label > p, .tr-mail label > p, .tr-pass label > p { margin-bottom: .25em; }

.tr-address label + label, .tr-mail label + label, .tr-pass label + label { margin-top: 1em; }

.tr-address .selectwrap, .tr-mail .selectwrap, .tr-pass .selectwrap { margin: 0; }

.tr-address ::-moz-placeholder, .tr-mail ::-moz-placeholder, .tr-pass ::-moz-placeholder { color: transparent; }

.tr-address ::placeholder, .tr-mail ::placeholder, .tr-pass ::placeholder { color: transparent; }

.attention_box { display: flex; align-items: center; }

.attention-left { display: flex; align-items: center; width: 400px; }

@media only screen and (max-width: 1200px) { .attention-left { width: 60%; } }

.hyphen { margin: 0 .5em; }

.btn-zip_search { display: none !important; padding: .3575em 2.2em; border: solid 3px #066dc7; border-radius: 30px; display: inline-block; line-height: 1; position: relative; color: #066dc7; }

.btn-zip_search:after { border: solid 3px rgba(0, 0, 0, 0.1); border-radius: 30px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; }

.form-btnwrap { margin: 40px auto 100px; display: flex; justify-content: center; text-align: center; }

.form-btnwrap li { margin: 0 10px 0 0; }

.form-btnwrap li + li { margin: 0 0 0 10px; }

.form-btnwrap a, .form-btnwrap button { padding: 0; display: block; border: none; outline: none; box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); width: 280px; height: 50px; line-height: 50px; background: #28a7e1; color: #fff; font-size: 20px; transition: .3s; cursor: pointer; }

.form-btnwrap a:hover, .form-btnwrap button:hover { opacity: 1; background: #066dc7; }

.form-btnwrap + p { color: #666; font-size: 12px; text-align: center; }

.form-btnwrap + p a { border-bottom: solid 1px #666; display: inline-block; }

.form_section-confirm td { letter-spacing: 0; }

.form_section-confirm td span + span { margin-left: 1em; }

.form_section-confirm td li + li { margin-top: .5em; }

.text-center-wrap { margin-top: 40px; line-height: 1.5; text-align: center; }

.text-center-wrap p + p { margin-top: 1.5em; }

.text-center-wrap .log_img { margin-top: 40px; width: 240px; height: auto; }

.flow-title + .text-center-wrap { margin-top: -50px; }

.tel_contact_box { margin-top: 20px; padding: 34px 40px; border: solid 1px #dcdcdc; display: flex; align-items: center; line-height: 1; white-space: nowrap; pointer-events: none; }

@media only screen and (max-width: 640px) { .tel_contact_box { pointer-events: auto; } }

.tel_contact_box .tel-title { font-size: 18px; letter-spacing: -.05em; }

.tel_contact_box .tel_number { margin-left: 50px; display: flex; align-items: center; font-size: 36px; }

.tel_contact_box .tel_number:before { margin-right: 10px; font-family: "misotaiken"; font-size: 48px; content: "c"; }

.tel_contact_box .tel-attention { margin-left: 20px; color: #999; font-size: 12px; }

.tel_contact_box .tel-attention li + li { margin-top: .5em; }

@media only screen and (max-width: 1140px) and (min-width: 641px) { .tel_contact_box { display: block; text-align: center; } .tel_contact_box .tel-title { font-size: 22px; } .tel_contact_box .tel_number { margin: .25em auto .4em; justify-content: center; font-size: 44px; } .tel_contact_box .tel_number:before { margin-top: 3px; } }

body.inquiry .flow-title { line-height: 1.333; }

body.inquiry .form-btnwrap { margin-bottom: 60px; }

body.inquiry .form-btnwrap + p { color: #222; }

body.inquiry .form-btnwrap.en-form-btnwrap button { line-height: 1.2; height: 70px; }

body.inquiry .tel_contact_box { margin: 40px auto 60px; width: 990px; background: #fff; }

body.inquiry .form_section-complete .text-center-wrap { margin-top: -50px; }

.bottom-bgi-slash-top { background: #f8f8f8; }

.bottom-bgi-slash-top:after { top: 0; bottom: auto; background-position-y: -120px; }

@media only screen and (max-width: 1280px) { .bottom-bgi-slash-top { background: #28a7e1; } .bottom-bgi-slash-top:after { padding-bottom: 59%; top: auto; bottom: 0; background-position-y: 0; } }

body.contact .flow-title { line-height: 1.333; }

body.contact .tel_contact_box { margin-bottom: 40px; }

body.contact .attentionbox { padding: 40px 60px; }

body.contact .attentionbox > ul { margin-top: 0; }

.formwrap textarea { padding: .75em 1em; width: 100%; height: 150px; line-height: 1.4; }

.formwrap .td-radio { display: flex; align-items: center; justify-content: flex-start; width: 100%; }

.formwrap .td-radio label { display: flex; align-items: center; cursor: pointer; }

.formwrap .td-radio label span:last-child { margin-left: .25em; }

.formwrap .td-radio label + label { margin-left: 1.5em; }

.formwrap .radio_label .btn_radio { width: 1em; height: 1em; background: url(/wp-content/themes/misotaiken/images/btn-radio.png) no-repeat center center; background-size: contain; font-size: 34px; }

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

.formwrap .radio_label input[type=radio]:checked ~ .btn_radio { background: url(/wp-content/themes/misotaiken/images/btn-radio-on.png) no-repeat center center; background-size: contain; }

.formwrap .label-age input + span { margin-left: .5em; }

.formwrap .td-text-confirm { line-height: 1.75; }

body.faq .flow-title { line-height: 1.333; }

body.faq .inner { padding: 0; }

body.faq .formwrap { padding: 80px 0; }

.faq_list { padding: 0 100px; }

.faq_list dt, .faq_list dd { display: flex; }

.faq_list dt:before, .faq_list dd:before { display: block; width: 30px; height: 30px; content: ""; }

.faq_list dt { padding-top: 35px; align-items: center; line-height: 1; color: #28a7e1; font-size: 21px; font-weight: 600; }

.faq_list dt:first-child { border-top: solid 1px #dcdcdc; }

.faq_list dt:before { margin-right: 10px; background: url(/wp-content/themes/misotaiken/images/faq/Q.svg) no-repeat center center; background-size: contain; }

.faq_list dt.num_begin:before { margin-right: 11px; }

.faq_list dd { padding-bottom: 35px; margin-top: 1em; padding-left: 1px; border-bottom: solid 1px #dcdcdc; line-height: 1.5; }

.faq_list dd:before { margin-right: 11px; height: 25px; background: url(/wp-content/themes/misotaiken/images/faq/A.svg) no-repeat center center; background-size: contain; }

.faq_list + p { margin-top: 40px; line-height: 1.5; color: #666; text-align: center; }

.ieStyle .formwrap .attention { letter-spacing: -.1em; }

.ieStyle .flow_caption-minheight { position: relative; }

.ieStyle .flow_caption-minheight p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; }

.edgeStyle .popup, .ieStyle .popup { overflow-x: hidden; }

@media only screen and (min-width: 641px) { .edgeStyle .popup .popupPlate .horizontal_scroll, .ieStyle .popup .popupPlate .horizontal_scroll { height: 715px !important; overflow-y: hidden; } .edgeStyle .popup .popupPlate .horizontal_scroll-mainNumber, .ieStyle .popup .popupPlate .horizontal_scroll-mainNumber { overflow-y: hidden; } .edgeStyle .popup .popupPlate .number, .ieStyle .popup .popupPlate .number { padding-top: 15px; width: 55px; } .edgeStyle .popup .popupPlate p, .ieStyle .popup .popupPlate p { width: 100%; } }

@media only screen and (min-width: 641px) { body.en #nav ul li { display: flex; align-content: center; } body.en #nav ul li a { line-height: 1.2; font-size: 16px; white-space: nowrap; } }

@media only screen and (min-width: 641px) and (max-width: 1200px) { body.en #nav ul li a { font-size: 1.4vw; } }

body.en .map_wrap { min-height: 920px; }

@media only screen and (max-width: 640px) { body.en .map_wrap { display: block; min-height: 0; } }

body.en .formwrap { word-break: break-word; }

body.en .tel_contact_box { padding: 1.75em 40px; line-height: 1.3; white-space: normal; }

body.en .tel_contact_box .tel-title, body.en .tel_contact_box .tel_number { white-space: nowrap; }

body.en .labelwrap span { margin-right: .75em; width: auto; }

body.en.faq .flow-title { white-space: normal; }

body.en .require:after { width: 70px; content: "Required"; }

body.en .calendarBtn a, body.en .calendarBtn button { width: 310px; }

body.en .labelwrap { flex-wrap: wrap; }

body.en .labelwrap label { margin: 0 1.5em .5em 0; }

body.en .labelwrap label:last-child { margin-right: 0; }

body.en .formwrap input { width: 154px; }

body.en .formwrap .input-short { width: 80px; }

body.en .form_flow li:nth-child(3) { line-height: 1.2; padding-top: 1.8em; }

body.en #nav .nav_menu { padding-left: 10%; }

body.en #nav .nav_menu li { line-height: 1.3; }

body.en .need_tell_area .headline-border_both { line-height: 1.7; }

body.en :not(.home) .kv .business_hours h3 { line-height: 1.2; }

body.en .step_list .text_card h3 { text-align: left; letter-spacing: 1px; }

body.en .making_list .text_area h4 { text-align: left; }

body.en .making_list li:last-child h4 { text-align: center; }

body.en .making_list li:first-child .text_area { padding-top: 55px; }

body.en .panel_list-col2 li { padding-bottom: 120px; position: relative; }

body.en .panel_list-col2 li .btn { padding-top: .5em; margin: auto; line-height: 1.2; position: absolute; left: 0; right: 0; bottom: 40px; }

body.en .contact_section.topOnly { background-size: auto 100%; }

body.en .making_list .text_area.enOnly_paddingTop { padding-top: 60px; }

body.en .textbox-access { text-align: left; letter-spacing: -.025em; }

body.en .textbox-access .line-dot-center span:last-of-type { padding-left: 0; }

body.en .textbox-access .text-lb { padding-left: 0; text-indent: 0; }

@media only screen and (min-width: 641px) { body.en .textbox-access { width: 370px; } body.en .textbox-access .line-dot-center:after { content: none; } }

body.en .tell_number small { line-height: 1.2; }

body.en .tell_number + p { line-height: 1.1; }

body.en #header .reserve_introduction li a { padding-top: .5em; line-height: 1.2; font-size: 12px; }

body.en .feature_list li { background-position: center 140px; }

body.en .feature_list li:before { content: ""; display: block; position: absolute; top: -60px; width: 100%; height: 300px; background: #fff; z-index: -1; }

body.en .feature_list h3 { height: 170px; }

body.en .flow { padding-top: 200px; }

body.en .award_information_wrap { padding: 480px 0 0 0; }

@media only screen and (max-width: 640px) { body.en .flow { padding-top: 18.75%; } body.en .tel_contact_box tel-attention { line-height: 1.3; } body.en .calendarBtn a, body.en .calendarBtn button { padding: .5em 0; width: 100%; line-height: 1.2; } body.en .require:after { width: 34%; } body.en .tell_number + p { margin-top: 15.8333333333%; } body.en .formwrap input { width: 100%; } body.en .formwrap .input-short { width: 32%; } body.en .form_flow li:nth-child(3) { padding-top: 1.2em; } body.en .award_information_wrap { padding: 18.75% 3.125% 0; } body.en .live-camera_inner .live { top: -30%; } body.en .need_tell_area .headline-border_both { line-height: 1.3; } body.en :not(.home) .calender { padding: 70.3125% 0 15.625%; } body.en :not(.home) .calender_box .mark_explain { line-height: 1.5; } body.en :not(.home) .kv .business_hours h3 { line-height: 1.6; } body.en #header .reserve_introduction li a { padding: 7.5117370892% 0; line-height: 1; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } body.en .making_list .text_area.enOnly_paddingTop { padding: 3.8461538462% 0 0; } body.en .making_list li:last-child h4 { text-align: left; } body.en .making_list li:first-child .text_area { padding-top: 3.8461538462%; } body.en .nature .fadeInUp { margin: 4.375% auto 0; } body.en .line-dot-center:after { content: none; } }

@media only screen and (max-width: 640px) { body { min-width: 100%; line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } img { width: 100%; height: auto; } li { list-style: none; } .inner { padding: 0 3.125%; width: 100%; max-width: 100%; } section h2 { font-size: 42px; font-size: 4.2rem; font-size: 6.5625vw; } .pc_hidden { display: block; } .sp_hidden { display: none !important; } #js_mediaFlag { width: 1px; } #header { padding: 12.5% 4.6875% 0; min-width: 0; } #header h1 { padding-top: 6.8965517241%; width: 43.7931034483%; line-height: 1; } #header .logo_img { width: 100%; height: auto; } #header .rightlink { padding: 5.6896551724% 0 0; align-self: flex-start; } #header .rightlink a { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #header .snslink { margin-right: 1em; padding: 0 1em 0 0; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } #header .snslink li { width: 1.5em; } #header .snslink li + li { margin-left: .5em; } #header .snslink li a { display: flex; align-items: center; } #header .englishlink a { margin-left: 0; padding: 0; border-left: none; height: auto; line-height: 1; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } #header .instagram { margin-left: 10%; width: 100%; } #header .instagram a { padding: 0; height: auto; width: 100%; } #header .instagram a img { width: auto; width: 2em; height: auto; } #header .twitter { margin-left: 10%; width: 100%; } #header .twitter a { padding: 0; height: auto; width: 100%; } #header .twitter a img { width: 2em; height: auto; } #header .reserve_introduction { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; font-weight: normal; } #header .reserve_introduction > ul { align-items: stretch; } #header .reserve_introduction p { padding-right: 0; } #header .reserve_introduction li { display: flex; align-items: center; width: 3333.3333333333%; } #header .reserve_introduction li a { padding: 12.20657277% 0; height: 100%; line-height: 1; width: 100%; letter-spacing: 0; } #header .reserve_introduction li.confirm a { width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; background: rgba(0, 0, 0, 0.2); } #nav { width: 100%; height: auto; } #nav .inner { padding: 2.8125% 6.25% 2.65625% 3.125%; } #nav h3 { width: 55.1724137931%; } #nav .sp_menu { position: relative; width: 10.3448275862%; height: auto; line-height: 1; box-sizing: border-box; } #nav .nav_menu { display: none; opacity: 0; padding: 4.6875% 6.25% 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; color: #fff; text-align: center; } #nav .nav_menu > * { position: relative; z-index: 999; opacity: 0; } #nav .nav_menu:before, #nav .nav_menu:after { display: block; position: fixed; top: -100%; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.8); z-index: 990; } #nav .nav_menu:before { margin-top: -4.6875%; background: rgba(40, 167, 225, 0.8); z-index: 998; width: 200%; transform-origin: bottom left; transform: rotate(-13.2deg); } #nav .nav_menu .sp_menu-close { line-height: 1; text-align: right; } #nav .nav_menu .sp_menu-close img { width: 7%; } #nav .nav_menu ul { margin: 5.3571428571% auto 6.25%; padding: 5.3571428571% 0; border-top: solid 2px rgba(255, 255, 255, 0.4); border-bottom: solid 2px rgba(255, 255, 255, 0.4); display: block; width: 85.7142857143%; } #nav .nav_menu li { padding: 0; background: none; } #nav .nav_menu li + li { margin: 4.1666666667% 0 0; } #nav .nav_menu li a { padding: 0; line-height: 1.5; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } #nav .nav_menu .btnwrap { margin: 0 auto; padding-bottom: 26.7857142857%; width: 85.7142857143%; } #nav .nav_menu .btnwrap .text_link { line-height: 1.2; color: #c6e2ef; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #nav .nav_menu .btnwrap .text_link + .text_link { margin-top: .75em; } #nav .nav_menu .btn-block { padding: .5em 1em; } #nav .nav_menu .btn-group { margin: 5.3571428571% auto 7.1428571429%; } #nav .nav_menu .btn-group .btn-block { background: #009542; } #nav .nav_menu .sns_list { margin: 0; padding: 4.6875% 12.5%; border: none; display: flex; align-items: center; justify-content: flex-end; position: fixed; right: 0; bottom: 0; width: 100%; } #nav .nav_menu .sns_list li { margin: 0; line-height: 1; } #nav .nav_menu .sns_list li a { font-family: 'misotaiken'; font-size: 70px; font-size: 7rem; font-size: 10.9375vw; } #nav .nav_menu .sns_list li + li { margin-left: 0.416666em; } #nav .nav_menu.open { display: block; opacity: 1; overflow: scroll; } #nav .nav_menu.open:before { -webkit-animation: slideIn_top_to_bottom .3s .3s forwards; animation: slideIn_top_to_bottom .3s .3s forwards; } #nav .nav_menu.open:after { -webkit-animation: slideIn_top_to_bottom .4s forwards; animation: slideIn_top_to_bottom .4s forwards; } #nav .nav_menu.open > * { -webkit-animation: fadeIn .6s .6s forwards; animation: fadeIn .6s .6s forwards; } #nav.fixed { position: fixed; top: 0; bottom: auto; } .sns_listwrap { padding: 9.375% 0; text-align: center; } .sns_listwrap .miso_img { margin: 0 auto; position: relative; top: 0%; left: 0%; transform: translate(0%, 0%); width: 55%; } .sns_listwrap h2 { padding-left: 3.3333333333%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -.05em; white-space: nowrap; } .sns_listwrap hr { margin: 0 .4em; width: 13.3333333333%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .sns_listwrap .sns_list { font-size: 60px; font-size: 6rem; font-size: 9.375vw; } .sns_listwrap .sns_list li + li { margin-left: .16666em; } #footer { padding: 9.375% 0; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } #footer .inner { padding: 0 6.25%; display: block; } #footer h2 { padding: 0; } #footer h2 img { width: 45.3571428571%; } #footer .link_list { letter-spacing: 0; } #footer .link_list li { float: none; line-height: 1; } #footer .link_list li + li { margin-top: .75em; } #footer .link_list li + li:before { content: none; } #footer .link_list .footer-top_menu { margin-top: 10.7142857143%; margin-bottom: 7.1428571429%; padding-bottom: 7.1428571429%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .copyright { margin-top: 7.1428571429%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .headline-border_both { padding: .75em 1em; line-height: 1.33333; } .headline-border_bottom { font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .linklist-icon_plus { display: flex; align-items: center; } .linklist-icon_plus li + li { margin-left: 1em; } .linklist-icon_plus a { display: flex; align-items: center; font-size: 14px; } .linklist-icon_plus a:before { margin-right: .25em; line-height: 1; font-family: "misotaiken"; font-size: 26px; content: "a"; } .linklist-icon_plus a:hover:before { -webkit-animation: rotate90 .2s forwards; animation: rotate90 .2s forwards; } .btn-basic { padding: .75em 4.5em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .btn-block { padding: .75em 1em; display: block; line-height: 1.2; background: #28a7e1; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .flow_caption, body:not(.home) .calender_caption { margin-top: 8.3333333333%; padding: 9% 6.6666666667%; letter-spacing: -.025em; } }

@media only screen and (max-width: 640px) and (max-width: 640px) { .flow_caption, body:not(.home) .calender_caption { border-width: 6px; } }

@media only screen and (max-width: 640px) and (max-width: 568px) { .flow_caption, body:not(.home) .calender_caption { border-width: 5px; } }

@media only screen and (max-width: 640px) and (max-width: 540px) { .flow_caption, body:not(.home) .calender_caption { border-width: 5px; } }

@media only screen and (max-width: 640px) and (max-width: 480px) { .flow_caption, body:not(.home) .calender_caption { border-width: 5px; } }

@media only screen and (max-width: 640px) and (max-width: 414px) { .flow_caption, body:not(.home) .calender_caption { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 375px) { .flow_caption, body:not(.home) .calender_caption { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 360px) { .flow_caption, body:not(.home) .calender_caption { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 320px) { .flow_caption, body:not(.home) .calender_caption { border-width: 3px; } }

@media only screen and (max-width: 640px) { .js_scroll-fadeIn, .js_scroll-slideIn { opacity: 0; } .fadeIn { -webkit-animation: fadeIn 2s .2s forwards; animation: fadeIn 2s .2s forwards; } @-webkit-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { transform: translateY(1%);
      opacity: 0; }
    100% { transform: translateY(0%);
      opacity: 1; } } @keyframes fadeInUp { 0% { transform: translateY(1%);
      opacity: 0; }
    100% { transform: translateY(0%);
      opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; }
    100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; }
    100% { opacity: 0; } } @-webkit-keyframes rotate90 { 0% { transform: rotate(0); }
    100% { transform: rotate(90deg); } } @keyframes rotate90 { 0% { transform: rotate(0); }
    100% { transform: rotate(90deg); } } @-webkit-keyframes statusbar_width50 { 0% { width: 0; }
    100% { width: 50%; } } @keyframes statusbar_width50 { 0% { width: 0; }
    100% { width: 50%; } } @-webkit-keyframes step_border { 0% { width: 0; }
    100% { width: 670px; } } @keyframes step_border { 0% { width: 0; }
    100% { width: 670px; } } body.home #header { position: absolute; } body.home .kv.full_screen { padding-bottom: 185.15625%; z-index: 0; height: 0; min-height: 0; background: url(/wp-content/themes/misotaiken/images/index/kv-bgi-sp.jpg) no-repeat center top; background-size: contain; overflow: visible; } body.home .kv.full_screen .bg-white { display: none; } body.home .kv.full_screen:after { display: none; } }

@media only screen and (max-width: 640px) and (orientation: portrait) { body.home .kv.full_screen { padding: 0; height: 100vh; height: calc(var(--vh, 1vh) * 100); } body.home .kv.full_screen:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: url(/wp-content/themes/misotaiken/images/index/kv-bgi-sp.jpg) no-repeat center top; background-size: cover; z-index: 800; margin-top: -39%; } }

@media only screen and (max-width: 640px) { body.home .kv.open { z-index: 1001; } body.home .kv h2 { margin: 40.625% auto 0; top: 0; transform: translate(-50%, 0); z-index: 900; width: 79.6875%; } body.home .kv h2 img { width: 100%; max-width: 100%; } body.home .kv video { display: none; } body.home .kv .bottom_area { z-index: 900; width: 100%; height: auto; } body.home .kv .video_skip_control { display: none; } body.home .kv .scroll { display: none; margin-bottom: 53.125%; bottom: 0; width: 4.6875%; max-width: 100%; } body.home .kv .scroll img { min-width: auto; } body.home .kv .information { margin-bottom: 15.625%; bottom: 0; height: 5em; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; background: #000; } body.home .kv .information .inner { padding: 0 4.6875% 7.8125%; display: block; position: relative; overflow: visible; } body.home .kv .information h3 { margin-top: -2.7586206897%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .63em; font-weight: normal; text-shadow: 0px 0px 2em rgba(0, 0, 0, 0.8); } body.home .kv .info_list_wrap { padding-left: 0; } body.home .kv .info_list { margin-top: .75em; padding-left: 0; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } body.home .kv .info_list li { width: 100%; } body.home .kv .info_list .date { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } body.home .kv .info_list .text { margin-top: .4em; padding-top: .2em; line-height: 1.25; height: 2.7em; max-height: 10em; } body.home .kv .kv_bgi_slider { display: none; } body.home .kv.noinfo.full_screen { min-height: 0; } body.home .kv.noinfo.full_screen:before { margin-top: -15%; background: url(/wp-content/themes/misotaiken/images/index/kv-bgi-sp.jpg) no-repeat center bottom; background-size: 100% auto; } body.home .kv.noinfo.full_screen:after { display: none; } body.home .kv.noinfo h2 { margin-top: 48.4375%; } body.home .kv.noinfo video { display: none; } body.home .kv.noinfo .video_skip_control { display: none; } body.home .kv.noinfo .scroll { display: none; } body.home .kv.noinfo .information { display: none; } body.home #nav .inner { padding: 2.8125% 6.25% 2.65625% 3.125%; } .welcome { padding: 0; max-height: 100%; min-height: 0; } .welcome h2 { line-height: 1.14; letter-spacing: -.05em; } .welcome h2 + p { margin: 10.9375% auto 0; padding: 0 4.6875%; line-height: 1.75; } .welcome .linklist-icon_plus { display: none; padding: 3.125% 4.6875%; width: 100%; background: rgba(0, 0, 0, 0.7); } .welcome .linklist-icon_plus li { width: 33.3333333333%; text-align: center; } .welcome .linklist-icon_plus li:nth-child(1) { position: relative; left: .25em; } .welcome .linklist-icon_plus li:nth-child(2) { position: relative; left: .75em; } .welcome .linklist-icon_plus a { justify-content: center; font-size: 20px; font-size: 2rem; font-size: 3.125vw; white-space: nowrap; transform: scale(0.8); } .welcome .slider-bgi:after { display: none; } .welcome .text_wrap { margin: 0; padding: 15.625% 0; position: relative; top: 0; left: 0; transform: translate(0, 0); background: #28a7e1; } .feature_list_wrap { z-index: 800; background: #28a7e1; } .feature_list { margin: 0 auto; padding: 0; display: block; position: relative; width: 93.75%; max-width: 100%; min-width: 0; background: url(/wp-content/themes/misotaiken/images/slanting-sp.png) no-repeat center bottom; background-size: contain; } .feature_list > li { padding: 10% 10% 0; width: 100%; background: #fff; } .feature_list > li img { position: absolute; bottom: 0; left: 0; width: 101%; } .feature_list > li:nth-child(-n+2) img { display: none; } .feature_list > li:last-child { padding-bottom: 33.3333333333%; background: transparent; } .feature_list > li:before, .feature_list > li:after { content: none; } .feature_list h3, .feature_list p { width: 100%; } .feature_list h3 { margin-bottom: .5em; padding: .5em 0; height: auto; line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-align: center; } .feature_list p { line-height: 1.5; letter-spacing: -.05em; } .award_information_wrap { padding: 18.75% 3.125% 0; } .award_information { padding: 19.53125% 6.25% 11.71875% 6.25%; display: block; position: relative; background: url(../images/index/award_information-bg-sp.png) no-repeat center center; background-size: 100% 100%; } .award_information img { margin: auto; position: absolute; top: 0; right: 0; left: 0; width: 24%; margin-top: -11%; } .award_information_text { width: 100%; } .award_information_text h3 { font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; font-weight: normal; } .award_information_text h4 { padding: 9.375% 0 6.25%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; font-weight: normal; text-align: center; } .award_information_text h4 span { display: block; padding-right: 0; position: relative; background: none; } .award_information_text h4:after { display: none; } .award_information_text .award_information_list { margin-left: 1em; text-indent: -1em; } .award_information_text ul { margin-left: 2em; } .award_information_text ul li { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .award_information_text ul li + li { margin-top: 3.125%; } .flow { padding: 18.75% 3.125% 48.90625%; } .flow .anchor { margin-top: 0; } .flow > h2 + p { margin-top: 11.6666666667%; padding: 0 2.5%; line-height: 1.75; } .step_list { margin-top: 15%; padding: 0; } .step_list > li { padding: 0; position: relative; height: auto; } .step_list > li + li { margin-top: 10%; } .step_list > li:nth-child(even) .text_card { padding-right: 6%; } .step_list > li:nth-child(1) .text_card, .step_list > li:nth-child(3) .text_card, .step_list > li:nth-child(4) .text_card { right: 0; } .step_list > li:nth-child(1) .stepimg, .step_list > li:nth-child(3) .stepimg, .step_list > li:nth-child(4) .stepimg { margin-left: 0; left: 0; } .step_list > li:nth-child(2) .text_card, .step_list > li:nth-child(5) .text_card { left: 0; } .step_list > li:nth-child(2) .stepimg, .step_list > li:nth-child(5) .stepimg { margin-right: 0; right: 0; } .step_list > li:nth-child(5):before { content: none; } .step_list > li:nth-child(odd) .text_card { padding-left: 6%; } .step_list > li:nth-child(4) { width: 100%; } .step_list > li:nth-child(4) li { padding: 0; width: 100%; } .step_list > li:nth-child(4) .making_list { padding-left: 0; padding-right: 0; } .step_list > li:nth-child(4) .text_area { padding: 3.8461538462% 0 0; } .step_list > li:nth-child(4) .text_area-center { padding-top: 0; } .step_list > li:before { bottom: 0; z-index: -1; width: 0; transform: rotate(90deg); content: ""; } .step_list > li:after { content: none; } .step_list > li.step_border::before { -webkit-animation: step_border-sp 1s forwards; animation: step_border-sp 1s forwards; } .step_list > li.step_border::after { -webkit-animation: none; animation: none; } .step_list .step_icon { margin-top: 52.3333333333%; top: 0; width: 18.3333333333%; } .step_list .text_card { padding: 10% 6% 8.3333333333%; position: relative; top: 0; transform: translateY(0); width: 100%; height: auto; } .step_list .text_card h3 { line-height: 1.2; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; font-weight: normal; } .step_list .text_card p { margin-top: .75em; line-height: 1.75; letter-spacing: -.025em; } .step_list .stepimg { position: relative; } .step_list .step4 li + li { margin-top: 14.4230769231%; } .making_area { padding: 16.6666666667% 6.6666666667%; } .making_area .step_icon { margin-top: 0; } .making_area h3 { margin-bottom: .75em; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; font-weight: normal; } .making_list { padding: 0; } .making_list li { margin-top: 14.4230769231%; } .making_list li > img { width: 100%; height: auto; } .making_list li:nth-child(odd) > img { float: none; } .making_list li:nth-child(even) > img { float: none; } .making_list .text_area { float: none; width: 100%; max-height: 100%; } .making_list .text_area h4 { margin-bottom: .6em; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; letter-spacing: .025em; } .making_list .text_area h4 img { margin-bottom: .75em; width: auto; height: 1em; font-size: 23px; font-size: 2.3rem; font-size: 3.59375vw; } .making_list .text_area h4 + p { line-height: 1.75; letter-spacing: -.075em; } .making_list .text_area small { margin-top: .5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: 0; } .making_list .text_area-center { padding: 0; float: none; width: 100%; text-align: left; } .making_list .text_area-center h4 img { margin: 0 0 .75em; padding-right: 0; } .facility { margin-top: -25%; padding: 25% 0 0; } .facility h2 { padding-bottom: 16.6666666667%; } .facility table { width: 93.75%; } .facility table tr + tr th, .facility table tr + tr td { border-top: solid 1px #f8f8f8; } .facility table th, .facility table td { padding: 1em 3.3333333333%; } .facility table th { width: 32.1666666667%; font-weight: normal; } .facility table td { letter-spacing: .025em; } .facility table dl { display: block; } .facility table dl table { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .facility table dl table th, .facility table dl table td { padding: .25em; } .facility table dl table th { width: 76%; } .popup .popupPlate { padding: 7.8125% 3.125%; width: 100%; height: 85%; } .popup .popupPlate .nutrition_table { margin-left: 0; padding-left: 8.3333333333%; height: 92%; overflow: hidden; border-top-width: 80%; } .popup .popupPlate .nutrition_table ul li { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .popup .popupPlate .nutrition_table ul.mainNumber li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .popup .popupPlate .horizontal_scroll-mainNumber { border-bottom: none; box-shadow: 2px 1px 10px -3px rgba(0, 0, 0, 0.3); } .popup .popupPlate .vertical_heading { margin-top: 70px; position: absolute; left: 0; top: 0; width: 8.5714285714%; height: 100%; } .popup .popupPlate .vertical_heading p { height: 100%; width: 100%; color: #fff; } .popup .popupPlate .number { overflow-y: scroll; } .popup .popupPlate .number p:first-child { height: 34px; } .popup .popupPlate .data_wrap { border-left: 1px solid #28a7e1; overflow: hidden; } .popup .popupPlate .data_wrap li:first-child { border-left: none; } .popup .popupPlate .horizontal_scroll { overflow: scroll; } .popup .popupPlate .ttl_wrap { width: 13%; } .popup .popupPlate h5 { width: 100%; } .popup .popupPlate h5 span { margin: auto; } .popup .popupPlate h4 { margin-bottom: 6.25%; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .popup .popupPlate p { width: 100%; font-weight: bold; border-right: none; } .popup .popupPlate .text { font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; } .popupClose { margin-top: -28%; width: 6.25%; top: 0; } input { display: none; } .map { padding-top: 18.75%; } .map h2 { padding-bottom: 15.625%; } .map_wrap { padding: 9.375% 3.125% 12.5%; } #map-img { padding-right: 0; max-width: 100%; } .live-camera_wrap { padding-top: 7.8125%; position: relative; max-width: none; bottom: 0; } .live-camera_wrap a { left: 0; position: relative; } .live-camera_inner .live { width: 14%; left: -2%; top: -40%; } .live-camera_inner .live-camera { width: 100%; display: flex; } .live-camera_inner .live-camera span { width: 30%; } .live-camera_inner .live-camera span img { -o-object-fit: cover; object-fit: cover; height: 100%; } .live-camera_inner .live-camera p { padding: 5.46875% 5.46875% 7.03125% 5.46875%; width: 70%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .live-camera_inner .externalLink { width: 6%; } .textbox-access { margin-left: 0; padding: 10% 3.3333333333% 0; position: relative; top: 0; left: 0; transform: translateY(0); min-width: 0; line-height: 1.75; box-shadow: none; text-align: left; -webkit-animation: none; animation: none; opacity: 1; } .line-dot-center span.pc_hiddden { display: inline-block; } .by_car, .by_bus, .by_train { margin-bottom: .5em; padding-bottom: .5em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; font-weight: normal; } .by_car img, .by_bus img, .by_train img { margin-right: 3.5714285714%; width: 9.6428571429%; } .by_train, .by_bus { margin-top: 1em; } .by_train img, .by_bus img { margin-right: 3.0357142857%; padding: 0 0.625%; } .by_train small, .by_bus small { line-height: 1.3; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .by_bus img { padding: 0; width: 10.3571428571%; } .nature { height: 0; padding-bottom: 125%; background: url(/wp-content/themes/misotaiken/images/index/nature-photo-sp.jpg) no-repeat center top; background-size: contain; } .textbox-bk { margin: 24.21875% auto 0; padding: 6.25% 6.25% 9.375%; position: absolute; top: 0; left: 0; right: 0; width: 90.625%; line-height: 1.3333; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .textbox-bk h2 { margin-bottom: .75em; line-height: 1.2; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .textbox-bk a { padding: .5em 2em; display: inline-block; width: auto; height: auto; line-height: 1; text-indent: -.75em; background-position: 94% 55%; background-size: 4%; } .contact_section { padding: 17.1875% 3.125% 99.21875%; background: url(/wp-content/themes/misotaiken/images/index/contact-bgi-sp.png) repeat-x center top; background-size: auto 100%; } .contact_section h2 { line-height: 1.15; } .contact_section .inner, .contact_section .need_tell_area { position: relative; z-index: 800; } .contact_section .inner { margin: 0; padding: 0; width: 100%; } .contact_section .need_tell_area { text-shadow: none; } .contact_section:after { width: 100%; height: 100%; max-width: 100%; content: ""; background: url(/wp-content/themes/misotaiken/images/index/contact-img-sp.png) no-repeat right bottom; background-size: contain; } .panel_list-col2 { margin-top: 15%; display: block; } .panel_list-col2 li { padding: 10% 3.3333333333%; width: 100%; } .panel_list-col2 li h3 { font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; } .panel_list-col2 li p { margin: 1.25em auto; line-height: 1.333; } .panel_list-col2 li .btn { margin: 0 auto; padding: .75em 0; display: inline-block; width: 78.5714285714%; height: auto; line-height: 1; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .panel_list-col2 + .notice { margin-bottom: 10%; padding: .75em 0; line-height: 1.3333; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } body:not(.home) .kv { padding-bottom: 62.5%; height: 0; background: url(/wp-content/themes/misotaiken/images/booking/kv-bgi-sp.jpg) no-repeat center top; background-size: contain; } body:not(.home) .kv h2 { padding-top: 21.875%; font-size: 42px; font-size: 4.2rem; font-size: 6.5625vw; } body:not(.home) .kv h2 > small { margin: 3.125% auto 0; padding-top: 3.125%; display: block; width: 93.75%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } body:not(.home) .kv .business_hours { margin-bottom: 6.25%; padding: 0 3.125%; display: block; height: auto; transform: translateY(100%); } body:not(.home) .kv .business_hours h3 { width: 100%; height: 100%; line-height: 1.6; background: #066dc7; color: #fff; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; text-align: center; } body:not(.home) .kv .business_hours h3:before { margin-right: .125em; font-size: 50px; font-size: 5rem; font-size: 7.8125vw; } body:not(.home) .kv .business_hours .text_area { padding: 6.6666666667% 5.8333333333% 5.8333333333%; width: 100%; } body:not(.home) .kv .business_hours .date_list li { padding: .75em 1em; width: 49.0566037736%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } }

@media only screen and (max-width: 640px) and (max-width: 640px) { body:not(.home) .kv .business_hours .date_list li { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 568px) { body:not(.home) .kv .business_hours .date_list li { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 540px) { body:not(.home) .kv .business_hours .date_list li { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 480px) { body:not(.home) .kv .business_hours .date_list li { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 414px) { body:not(.home) .kv .business_hours .date_list li { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 375px) { body:not(.home) .kv .business_hours .date_list li { border-width: 2px; } }

@media only screen and (max-width: 640px) and (max-width: 360px) { body:not(.home) .kv .business_hours .date_list li { border-width: 2px; } }

@media only screen and (max-width: 640px) and (max-width: 320px) { body:not(.home) .kv .business_hours .date_list li { border-width: 2px; } }

@media only screen and (max-width: 640px) { body:not(.home) .kv .business_hours .text { margin-top: .5em; } body:not(.home) .calender { padding: 57.8125% 0 15.625%; } body:not(.home) .calender:after { padding-bottom: 48.4375%; } body:not(.home) .calender_box { margin-top: 6.6666666667%; padding: 13.3333333333% 3.3333333333% 10%; } body:not(.home) .calender_box > h3 { margin-bottom: 11.6666666667%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; white-space: nowrap; letter-spacing: -.05em; } body:not(.home) .calender_box .mark_explain { margin-bottom: 1em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; text-indent: 0; letter-spacing: -.1em; white-space: nowrap; } body:not(.home) .tab_select li { width: 25%; } body:not(.home) .tab_select li + li { border-left: solid 4px #fff; } }

@media only screen and (max-width: 640px) and (max-width: 640px) { body:not(.home) .tab_select li + li { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 568px) { body:not(.home) .tab_select li + li { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 540px) { body:not(.home) .tab_select li + li { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 480px) { body:not(.home) .tab_select li + li { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 414px) { body:not(.home) .tab_select li + li { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 375px) { body:not(.home) .tab_select li + li { border-width: 2px; } }

@media only screen and (max-width: 640px) and (max-width: 360px) { body:not(.home) .tab_select li + li { border-width: 2px; } }

@media only screen and (max-width: 640px) and (max-width: 320px) { body:not(.home) .tab_select li + li { border-width: 2px; } }

@media only screen and (max-width: 640px) { body:not(.home) .tab_select li a { padding: .6em 0; height: auto; line-height: 1.1; } body:not(.home) .calender_table { border: solid 4px #28a7e1; } }

@media only screen and (max-width: 640px) and (max-width: 640px) { body:not(.home) .calender_table { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 568px) { body:not(.home) .calender_table { border-width: 4px; } }

@media only screen and (max-width: 640px) and (max-width: 540px) { body:not(.home) .calender_table { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 480px) { body:not(.home) .calender_table { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 414px) { body:not(.home) .calender_table { border-width: 3px; } }

@media only screen and (max-width: 640px) and (max-width: 375px) { body:not(.home) .calender_table { border-width: 2px; } }

@media only screen and (max-width: 640px) and (max-width: 360px) { body:not(.home) .calender_table { border-width: 2px; } }

@media only screen and (max-width: 640px) and (max-width: 320px) { body:not(.home) .calender_table { border-width: 2px; } }

@media only screen and (max-width: 640px) { body:not(.home) .calender_table th, body:not(.home) .calender_table td { width: 11.690647482%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } body:not(.home) .calender_table th:first-child { border-left: none; width: 17.9856115108%; } body:not(.home) .calender_table .week th, body:not(.home) .calender_table .week td { line-height: 1.75; } body:not(.home) .calender_table .date th, body:not(.home) .calender_table .date td { height: auto; line-height: 2; } body:not(.home) .calender_table .status th, body:not(.home) .calender_table .status td { padding: 1.25em .5em .5em; } body:not(.home) .calender_table .status th:not(.unavailable), body:not(.home) .calender_table .status td:not(.unavailable) { color: #28a7e1; } body:not(.home) .calender_table .status th { line-height: 1.1; text-align: left; } body:not(.home) .calender_table .status td { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } body:not(.home) .calender_table .status + .status th, body:not(.home) .calender_table .status + .status td { padding: .5em .5em 1.5em; } body:not(.home) .attentionbox { margin-top: 12.5%; padding: 10.7142857143% 5.3571428571%; } body:not(.home) .attentionbox > ul { margin-top: 1em; } body:not(.home) .attentionbox > ul li { line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.05em; } body:not(.home) .attentionbox > ul li:before { width: 1.25em; } body:not(.home) .attentionbox > ul li + li { margin-top: .25em; } body:not(.home) .attentionbox > ul + h3 { margin-top: 1em; } body:not(.home) .attentionbox > .attention_ { margin-bottom: 1em; } body:not(.home) .attentionbox > .attention_ > ul li { line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.05em; } body:not(.home) .attentionbox > .attention_ > ul li:before { width: 1.25em; } body:not(.home) .attentionbox > .attention_ > ul li + li { margin-top: .25em; } body:not(.home) .attentionbox > .attention_ > p { line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; letter-spacing: -.05em; } body:not(.home) .attentionbox > .attention_ > p span { padding-right: .5em; } body:not(.home) .btnwrap { margin-top: 10%; } .need_tell_area h3 { margin-bottom: 1.28em; line-height: 1.28; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; } .need_tell_area .headline-border_both { width: 100%; } .tell_number { margin-top: 1em; } .tell_number span { font-size: 48px; font-size: 4.8rem; font-size: 7.5vw; position: relative; } .tell_number small { font-size: 20px; font-size: 2rem; font-size: 3.125vw; margin: 3em 0 0 -3.25em; width: 180%; position: absolute; top: 0; left: 0; } .tell_number:before { font-size: 40px; font-size: 4rem; font-size: 6.25vw; } .tell_number + p { margin-top: 1.75em; padding-left: 1.5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .025em; } .form_section { padding-bottom: 9.375%; } .form_section .inner { margin-bottom: 0; padding: 0; top: 0; width: 93.75%; } .form_flow { margin-bottom: -6.6666666667%; transform: translateY(-50%); } .form_flow li { padding: 4.8333333333% 0; height: auto; line-height: 1; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .flow-title { margin-bottom: 14.2857142857%; line-height: 1.33333; font-size: 36px; font-size: 3.6rem; font-size: 5.625vw; letter-spacing: -.05em; white-space: nowrap; } .flow-title small { margin: 1em auto -7.1428571429%; line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .flow_caption { padding: 9.6428571429% 7.1428571429%; letter-spacing: -.05em; } .flow_caption ul { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .flow_caption.flow_caption-minheight { min-height: 0; } .flow_caption.flow_caption-border_bk { padding: 9.6428571429% 7.1428571429%; border-color: #000; line-height: 1.5; } .flow_caption .reserve-date { margin-bottom: .25em; font-size: 32px; font-size: 3.2rem; font-size: 5vw; } .formwrap { padding: 13.3333333333% 3.3333333333% 10%; } .formwrap table { margin: 3.5714285714% auto 0; display: block; width: 100%; } .formwrap .error:last-child { margin-bottom: 0; } .formwrap tbody { display: block; } .formwrap tr { display: block; } .formwrap tr + tr th, .formwrap tr + tr td { border-top: none; } .formwrap tr:last-of-type td { padding-bottom: 8.9285714286%; } .formwrap th, .formwrap td { display: block; overflow: hidden; } .formwrap th { padding: 8.0357142857% 5.3571428571% 0.5em; width: 100%; background: #efefef; color: #000; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .formwrap .require { padding: 6.25% 5.3571428571% 0.25em; display: flex; align-items: center; } .formwrap .require:after { margin: 0; padding: 2.4% 0; border: solid 4px #066dc7; border-radius: 8px; position: relative; top: 0; right: auto; width: 24%; height: auto; line-height: 1; color: #066dc7; font-weight: bold; letter-spacing: .05em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; transform: scale(0.5); } .formwrap td { padding: 0 5.3571428571%; width: 100%; color: #333; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } .formwrap td > p { margin-bottom: 1.25em; line-height: 1.3333; color: #333; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .formwrap input, .formwrap select, .formwrap textarea { padding: .5em 1em; border: solid 1px #dcdcdc; width: 100%; height: auto; line-height: 1.333; font-size: 20px; font-size: 2rem; font-size: 3.125vw; display: inline-block; } .formwrap .input-long { width: 100%; } .formwrap .input-mid { width: 50%; } .formwrap .input-short { width: 32%; } .formwrap .td-date { font-size: 29.25px; font-size: 2.925rem; font-size: 4.5703125vw; } .formwrap .selectbox { display: block; } .formwrap .selectbox + .selectbox { margin: .5em 0 0; } .formwrap .selectwrap { width: 50%; } .formwrap .selectwrap:after { position: absolute; top: 0; right: 0; display: block; width: 16%; height: 100%; background: url(/wp-content/themes/misotaiken/images/booking/form/arrow-select.png) no-repeat center center; background-size: 100% 100%; content: ""; pointer-events: none; } .formwrap select { padding: .75em 1em; } .formwrap select.noselect { color: #777; } .formwrap .attention { margin: .5em 0 0; display: inline-block; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .namebox { padding: 6%; } .namebox .namebox_title { margin-bottom: .5em; } .namebox + .namebox { margin-top: .25em; } .labelwrap { display: block; align-items: center; } .labelwrap label + label { margin: .5em 0 0; } .labelwrap span { margin-right: .75em; width: auto; } .labelwrap .label-age { margin-left: 0; } .tr-number .selectwrap { width: 28%; } .tr-number .selectwrap:after { width: 28.5714285714%; } .tr-park span { margin-left: .5em; } .tr-zip .btn-zip_search { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .tr-zip .attention-left { width: 63.6%; } .tr-address label, .tr-mail label, .tr-pass label { display: block; } .tr-address label > p, .tr-mail label > p, .tr-pass label > p { margin-bottom: .5em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; } .tr-address label + label, .tr-mail label + label, .tr-pass label + label { margin-top: .5em; } .tr-address .selectwrap, .tr-mail .selectwrap, .tr-pass .selectwrap { margin: 0; } .tr-address ::-moz-placeholder, .tr-mail ::-moz-placeholder, .tr-pass ::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .tr-address ::placeholder, .tr-mail ::placeholder, .tr-pass ::placeholder { color: rgba(0, 0, 0, 0.5); } .tr-address .placeholder-address, .tr-mail .placeholder-address, .tr-pass .placeholder-address { margin-left: 1em; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: rgba(0, 0, 0, 0.5); font-size: 20px; font-size: 2rem; font-size: 3.125vw; letter-spacing: .025em; pointer-events: none; } .attention_box { display: block; } .attention-left { width: 100%; } .hyphen { margin: 0; padding: 0 .5em; font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .btn-zip_search { padding: .3575em 1.5em; min-width: 6em; white-space: nowrap; display: flex; justify-content: center; } .form-btnwrap { margin: 9.375% auto; display: flex; justify-content: center; text-align: center; } .form-btnwrap li { margin: 0 1.5625%; width: 45.3125%; } .form-btnwrap li + li { margin: 0 1.5625%; } .form-btnwrap a, .form-btnwrap button { display: block; border: none; outline: none; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.16); width: 100%; height: auto; line-height: 2.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; transition: .3s; cursor: pointer; } .form-btnwrap a:hover, .form-btnwrap button:hover { opacity: 1; background: #066dc7; } .form-btnwrap + p { font-size: 20px; font-size: 2rem; font-size: 3.125vw; } .form_section.bottom-bgi-slash:after { padding-bottom: 48.90625%; } .form_section.bottom-bgi-slash-343:after { padding-bottom: 53.59375%; } .form_section-confirm { padding-bottom: 6.25%; } .text-center-wrap { margin-top: 2em; } .text-center-wrap p + p { margin-top: 1.5em; } .text-center-wrap .log_img { margin-top: 2em; padding-bottom: 3.5714285714%; width: 51.4285714286%; height: auto; } .flow-title + .text-center-wrap { margin-top: 2em; } .form_section-error { padding-bottom: 6.25%; } .notflow_section .inner:before { margin-bottom: -4em; padding-bottom: 2em; display: block; position: relative; top: -2em; background: #fff; font-size: 20px; font-size: 2rem; font-size: 3.125vw; content: ""; } body.inquiry .tel_contact_box, .tel_contact_box { margin-top: 3.5714285714%; padding: 7.1428571429%; display: block; text-align: center; line-height: 1; pointer-events: auto; } body.inquiry .tel_contact_box .tel-title, .tel_contact_box .tel-title { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; } body.inquiry .tel_contact_box .tel_number, .tel_contact_box .tel_number { margin: .5em auto; justify-content: center; font-size: 48px; font-size: 4.8rem; font-size: 7.5vw; } .tel_contact_box .tel_number:before { margin-right: .25em; font-size: 60px; font-size: 6rem; font-size: 9.375vw; } body.inquiry .tel_contact_box .tel-attention, .tel_contact_box .tel-attention { margin-left: 0; display: inline-block; text-align: center; font-size: 20px; font-size: 2rem; font-size: 3.125vw; line-height: 1.25; } .tel_contact_box .tel-attention li + li { margin-top: .5em; } body.inquiry .flow-title { white-space: normal; } body.inquiry .form-btnwrap { margin: 9.375% auto; } body.inquiry .form-btnwrap + p { padding: 0 3.125%; } body.inquiry .form-btnwrap.en-form-btnwrap button { height: 4em; } body.inquiry .tel_contact_box { margin: 9.375% auto 6.25%; width: 93.75%; } body.inquiry .form_section.bottom-bgi-slash-top:after { padding-bottom: 120.3125%; } body.inquiry .form_section-complete { padding-bottom: 6.25%; } body.inquiry .form_section-complete .text-center-wrap { margin-top: 0; } .bottom-bgi-slash-top { background: #28a7e1; } .bottom-bgi-slash-top:after { top: auto; bottom: 0; background-position-y: 0; } body.contact .flow-title { white-space: normal; } body.contact .tel_contact_box { margin-bottom: 0; } body.contact .attentionbox { margin-top: 7.1428571429%; } body.contact .attentionbox > ul { margin-top: 0; } body.contact .form-btnwrap { margin-bottom: 6.25%; } .formwrap textarea { height: 7.5em; } .formwrap .td-radio label + label { margin-left: 1em; } .formwrap .radio_label .btn_radio { font-size: 56px; font-size: 5.6rem; font-size: 8.75vw; } .formwrap .radio_label input[type=radio] { display: none; } .formwrap .td-text-confirm { line-height: 1.5; } body.faq .form-btnwrap { margin-bottom: 6.25%; } body.faq.en .flow-title { white-space: normal; } .faq_list { margin: 0 auto; padding: 0; width: 93.3333333333%; } .faq_list dt, .faq_list dd { display: table; width: 100%; } .faq_list dt:before, .faq_list dd:before { padding-right: .5em; display: table-cell; vertical-align: top; width: 1em; height: 1em; content: ""; font-size: 30px; font-size: 3rem; font-size: 4.6875vw; } .faq_list dt { padding-top: 7.1428571429%; line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vw; letter-spacing: -.05em; } .faq_list dt:before { margin-right: inherit; background-size: 1em 1em; background-position: left .15em; } .faq_list dd { padding-bottom: 7.1428571429%; margin-top: 1em; padding-left: 0; line-height: 1.4; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; } .faq_list dd:before { margin-right: inherit; height: 1em; background-size: .66em 1em; background-position: .19em .15em; } .faq_list + p { margin-top: 7.1428571429%; padding: 0 3.5714285714%; text-align: left; } }