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

audio, canvas, progress, video { display: inline-block; }

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

ol, ul { list-style: none; }

a { text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; }

img { max-width: 100%; }

html { font-size: 62.5%; }

body { margin: 0; font-family: 'Helvetica Neue' , 'Hiragino Sans' , 'Hiragino Kaku Gothic ProN' , 'meiryo' , sans-serif; line-height: 1.3; color: #454545; }

.input_none { margin: 0; padding: 0; line-height: 1.3; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Helvetica Neue' , 'Hiragino Sans' , 'Hiragino Kaku Gothic ProN' , 'meiryo' , sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; }

.input_none:disabled { cursor: default; }

.clearfix:after { content: ''; display: block; clear: both; opacity: 0; }

.d_none { display: none; }

::-webkit-input-placeholder { color: #999999; }

:-ms-input-placeholder { color: #999999; }

::placeholder { color: #999999; }

#main-body_frame { min-width: 800px; }

#main-body_frame:not(.rooms) { background-color: #f5f5f5; }

#main-body_frame.rooms { background-color: #191919; }

#main-body_frame.fixed { position: fixed; width: 100%; height: 100%; overflow: hidden; }

#main-body { width: 100%; max-width: 880px; margin: 0 auto; padding: 60px 40px 80px; box-sizing: border-box; }

#page-header { margin-bottom: 40px; }

#main-title, #sub-title { display: block; }

#main-title { font-size: 2.4rem; font-weight: 600; color: #454545; word-break: break-all; }

#sub-title { padding-top: 4px; font-size: 1.3rem; font-weight: 400; color: #999999; word-break: break-all; }

#page-btn-box { display: table-cell; vertical-align: middle; text-align: right; }

#page-btn { background: #3A84FA; line-height: 36px; padding: 0 1.2em; vertical-align: middle; font-size: 1.3rem; font-weight: 600; color: #ffffff; word-break: break-all; box-sizing: border-box; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.05); border-radius: 200px; transition: opacity .2s; }

#page-btn:hover { opacity: .6; }

.action-btn { display: inline-block; width: 100%; margin: 0 10px; font-size: 1.3rem; font-weight: 600; color: #ffffff; word-break: break-all; line-height: 42px; text-align: center; border-radius: 200px; transition: opacity .2s; }

.action-btn.is_main { background-color: #3A84FA; }

.action-btn.is_sub { background-color: #999999; }

#body-loader_box { position: fixed; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0; z-index: -1; transition: opacity .2s; }

#body-loader_box.is_show { z-index: 10000; opacity: 1; }

.body-loader { width: 100px; height: 100px; background-color: #ffffff; padding: 23px; font-size: 0; border-radius: 7px; box-sizing: border-box; }

.body-loader .body-loader-core { display: inline-block; width: 46px; height: 46px; border-top: 4px solid #e4e4e4; border-right: 4px solid #e4e4e4; border-bottom: 4px solid #e4e4e4; border-left: 4px solid #3A84FA; border-radius: 200px; transform: translateZ(0); animation: loadAnimate 1s infinite linear; }

.body-loader .body-loader-btn_box { position: absolute; width: 256px; padding: 12px; top: 164px; left: calc(50% - 128px); border-radius: 7px; background-color: #ffffff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3); box-sizing: border-box; }

.body-loader .body-loader-btn { width: 100%; font-size: 1.3rem; font-weight: 600; color: #ffffff; word-break: break-all; line-height: 42px; text-align: center; border-radius: 200px; background-color: #FA3A3A; }

@media screen and (min-width: 880px) { .body-loader-btn { transition: opacity .2s; }
  .body-loader-btn:hover { opacity: .6; } }

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

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