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

article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, main, summary, address {
    display: block
}

h1, h2, h3, h4, h5, h6, strong, em, b {
    font-style: normal;
    font-weight: bold
}

div, p {
    word-wrap: break-word;
    overflow-wrap: break-word
}

ol, ul {
    list-style: none
}

li {
    list-style: inherit
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

img {
    vertical-align: bottom
}

table {
    border-spacing: 0;
    border-collapse: separate;
    word-break: break-all;
    empty-cells: show
}

caption, th {
    text-align: left
}

input, button, textarea, select {
    margin: 0;
    font: inherit
}

input, textarea {
    padding: 0
}

html {
    font-size: 62.5%
}

body {
    color: #333b3f;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.4;
    background-color: #f6f6f6;
    -webkit-text-size-adjust: 100%;
    font-size: 1.2rem
}

body.iframe {
    background-color: #fff
}

a {
    color: #0082d0
}

a:hover, a:active {
    color: #f90
}

@font-face {
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    src: url('../img/htsr/shared/webfonts/app_glyphs/app_glyphs.eot?1507180278#iefix') format("embedded-opentype"), url('../img/htsr/shared/webfonts/app_glyphs/app_glyphs.woff?1507180278') format("woff"), url('../img/htsr/shared/webfonts/app_glyphs/app_glyphs.ttf?1507180278') format("truetype"), url('../img/htsr/shared/webfonts/app_glyphs/app_glyphs.svg?1507180278#Tabelog-Glyphs') format("svg")
}

[class^="gly-b-"]:before, [class*=" gly-b-"]:before {
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none
}

[class^="gly-a-"]:after, [class*=" gly-a-"]:after {
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none
}
/*
.gly-b-home:before, .gly-a-home:after {
    content: "\f600"
}*/

/*.gly-b-breadcrumb:before, .gly-a-breadcrumb:after {
    content: "\f601"
}*/

/*.gly-b-gourmet:before, .gly-a-gourmet:after {
    content: "\f602"
}
*/
.gly-b-star:before, .gly-a-star:after {
    content: "\f603"
}

.gly-b-starhalf:before, .gly-a-starhalf:after {
    content: "\f604"
}

.gly-b-starnil:before, .gly-a-starnil:after {
    content: "\f605"
}

.gly-b-sunny:before, .gly-a-sunny:after {
    content: "\f606"
}

.gly-b-night:before, .gly-a-night:after {
    content: "\f607"
}

.gly-b-lunch:before, .gly-a-lunch:after {
    color: #cc8131;
    content: "\f608"
}

.gly-b-dinner:before, .gly-a-dinner:after {
    color: #336aa2;
    content: "\f609"
}

.gly-b-crown:before, .gly-a-crown:after {
    content: "\f60a"
}

.gly-b-review:before, .gly-a-review:after {
    content: "\f60b"
}

.gly-b-bookmark:before, .gly-a-bookmark:after {
    content: "\f60c"
}

.gly-b-pushpin:before, .gly-a-pushpin:after {
    content: "\f60d"
}

.gly-b-pushpinhalf:before, .gly-a-pushpinhalf:after {
    content: "\f60e"
}

.gly-b-favorite:before, .gly-a-favorite:after {
    content: "\f60f"
}

.gly-b-favoritehalf:before, .gly-a-favoritehalf:after {
    content: "\f610"
}

.gly-b-bookmarkedit:before, .gly-a-bookmarkedit:after {
    content: "\f611"
}

.gly-b-myreviewer:before, .gly-a-myreviewer:after {
    content: "\f612"
}

.gly-b-myreader:before, .gly-a-myreader:after {
    content: "\f613"
}

.gly-b-tooltip:before, .gly-a-tooltip:after {
    content: "\f614"
}

.gly-b-search:before, .gly-a-search:after {
    content: "\f615"
}

.gly-b-zoomin:before, .gly-a-zoomin:after {
    content: "\f616"
}

.gly-b-wrong:before, .gly-a-wrong:after {
    content: "\f617"
}

/*.gly-b-trash:before, .gly-a-trash:after {
    content: "\f618"
}*/

/*.gly-b-block:before, .gly-a-block:after {
    content: "\f619"
}
*/
.gly-b-info:before, .gly-a-info:after {
    content: "\f61a"
}

.gly-b-exclamation:before, .gly-a-exclamation:after {
    content: "\f61b"
}

.gly-b-question:before, .gly-a-question:after {
    content: "\f61c"
}

.gly-b-info2:before, .gly-a-info2:after {
    content: "\f61d"
}

.gly-b-question2:before, .gly-a-question2:after {
    content: "\f61e"
}

/*.gly-b-exclamation2:before, .gly-a-exclamation2:after {
    content: "\f61f"
}*/

.gly-b-alert:before, .gly-a-alert:after {
    content: "\f620"
}

.gly-b-alert2:before, .gly-a-alert2:after {
    content: "\f621"
}

.gly-b-infomark:before, .gly-a-infomark:after {
    content: "\f622"
}

.gly-b-infomark2:before, .gly-a-infomark2:after {
    content: "\f623"
}

.gly-b-infomark3:before, .gly-a-infomark3:after {
    content: "\f624"
}

.gly-b-questmark:before, .gly-a-questmark:after {
    content: "\f625"
}

.gly-b-questmark2:before, .gly-a-questmark2:after {
    content: "\f626"
}

.gly-b-exmark:before, .gly-a-exmark:after {
    content: "\f627"
}

.gly-b-exmark2:before, .gly-a-exmark2:after {
    content: "\f628"
}

.gly-b-exmark3:before, .gly-a-exmark3:after {
    content: "\f629"
}

.gly-b-check:before, .gly-a-check:after {
    content: "\f62a"
}

.gly-b-delete:before, .gly-a-delete:after {
    content: "\f62b"
}

.gly-b-add:before, .gly-a-add:after {
    content: "\f62c"
}

.gly-b-add2:before, .gly-a-add2:after {
    content: "\f62d"
}

.gly-b-remove:before, .gly-a-remove:after {
    content: "\f62e"
}

.gly-b-remove2:before, .gly-a-remove2:after {
    content: "\f62f"
}

.gly-b-listmark:before, .gly-a-listmark:after {
    content: "\f630"
}

.gly-b-anchorarrow:before, .gly-a-anchorarrow:after {
    content: "\f631"
}

.gly-b-arrowup:before, .gly-a-arrowup:after {
    content: "\f632"
}

.gly-b-arrowdown:before, .gly-a-arrowdown:after {
    content: "\f633"
}

.gly-b-arrowleft:before, .gly-a-arrowleft:after {
    content: "\f634"
}

.gly-b-arrowright:before, .gly-a-arrowright:after {
    content: "\f635"
}

.gly-b-pageup:before, .gly-a-pageup:after {
    content: "\f636"
}

.gly-b-pagedown:before, .gly-a-pagedown:after {
    content: "\f637"
}

.gly-b-pageleft:before, .gly-a-pageleft:after {
    content: "\f638"
}

.gly-b-pageright:before, .gly-a-pageright:after {
    content: "\f639"
}

.gly-b-up:before, .gly-a-up:after {
    content: "\f63a"
}

.gly-b-down:before, .gly-a-down:after {
    content: "\f63b"
}

.gly-b-left:before, .gly-a-left:after {
    content: "\f63c"
}

.gly-b-right:before, .gly-a-right:after {
    content: "\f63d"
}

.gly-b-close:before, .gly-a-close:after {
    content: "\f63e"
}

.gly-b-open:before, .gly-a-open:after {
    content: "\f63f"
}

.gly-b-prev:before, .gly-a-prev:after {
    content: "\f640"
}

.gly-b-next:before, .gly-a-next:after {
    content: "\f641"
}

.gly-b-thinprev:before, .gly-a-thinprev:after {
    content: "\f6b8"
}

.gly-b-thinnext:before, .gly-a-thinnext:after {
    content: "\f6b9"
}

.gly-b-boldprev:before, .gly-a-boldprev:after {
    content: "\f6ba"
}

.gly-b-boldnext:before, .gly-a-boldnext:after {
    content: "\f6bb"
}

.gly-b-asc:before, .gly-a-asc:after {
    content: "\f642"
}

.gly-b-desc:before, .gly-a-desc:after {
    content: "\f643"
}

.gly-b-sharing:before, .gly-a-sharing:after {
    content: "\f644"
}

.gly-b-display:before, .gly-a-display:after {
    content: "\f645"
}

.gly-b-targetwindow:before, .gly-a-targetwindow:after {
    content: "\f646"
}

.gly-b-mobile:before, .gly-a-mobile:after {
    content: "\f647"
}

.gly-b-smartphone:before, .gly-a-smartphone:after {
    content: "\f648"
}

.gly-b-authenticated:before, .gly-a-authenticated:after {
    content: "\f649"
}

.gly-b-phone:before, .gly-a-phone:after {
    content: "\f64a"
}

.gly-b-mail:before, .gly-a-mail:after {
    content: "\f64b"
}

.gly-b-mailopen:before, .gly-a-mailopen:after {
    content: "\f64c"
}

.gly-b-message:before, .gly-a-message:after {
    content: "\f64d"
}

.gly-b-printer:before, .gly-a-printer:after {
    content: "\f64e"
}

.gly-b-dishset:before, .gly-a-dishset:after {
    content: "\f64f"
}

.gly-b-cutlery:before, .gly-a-cutlery:after {
    content: "\f650"
}

.gly-b-knifeset:before, .gly-a-knifeset:after {
    content: "\f651"
}

.gly-b-spoonset:before, .gly-a-spoonset:after {
    content: "\f652"
}

.gly-b-trophy:before, .gly-a-trophy:after {
    content: "\f653"
}

.gly-b-award:before, .gly-a-award:after {
    content: "\f654"
}

.gly-b-medal:before, .gly-a-medal:after {
    content: "\f655"
}

.gly-b-calendar:before, .gly-a-calendar:after {
    content: "\f656"
}

.gly-b-calendarcheck:before, .gly-a-calendarcheck:after {
    content: "\f657"
}

.gly-b-percent100:before, .gly-a-percent100:after {
    content: "\f658"
}

.gly-b-percent50:before, .gly-a-percent50:after {
    content: "\f659"
}

.gly-b-percent0:before, .gly-a-percent0:after {
    content: "\f65a"
}

.gly-b-cancel:before, .gly-a-cancel:after {
    content: "\f6c2"
}

.gly-b-chair:before, .gly-a-chair:after {
    content: "\f65b"
}

.gly-b-book:before, .gly-a-book:after {
    content: "\f65c"
}

.gly-b-camera:before, .gly-a-camera:after {
    content: "\f65d"
}

.gly-b-maplocation:before, .gly-a-maplocation:after {
    content: "\f65e"
}

.gly-b-maplocation2:before, .gly-a-maplocation2:after {
    content: "\f6c9"
}

.gly-b-coupon:before, .gly-a-coupon:after {
    content: "\f65f"
}

.gly-b-couponcut:before, .gly-a-couponcut:after {
    content: "\f660"
}

.gly-b-bell:before, .gly-a-bell:after {
    content: "\f661"
}

.gly-b-sort:before, .gly-a-sort:after {
    content: "\f662"
}

.gly-b-user:before, .gly-a-user:after {
    content: "\f663"
}

.gly-b-user2:before, .gly-a-user2:after {
    content: "\f664"
}

.gly-b-users:before, .gly-a-users:after {
    content: "\f665"
}

.gly-b-malefemale:before, .gly-a-malefemale:after {
    content: "\f666"
}

.gly-b-useradd:before, .gly-a-useradd:after {
    content: "\f667"
}

.gly-b-operator:before, .gly-a-operator:after {
    content: "\f668"
}

.gly-b-usersetting:before, .gly-a-usersetting:after {
    content: "\f669"
}

.gly-b-peoples:before, .gly-a-peoples:after {
    content: "\f66a"
}

.gly-b-comment:before, .gly-a-comment:after {
    content: "\f66b"
}

.gly-b-conversation:before, .gly-a-conversation:after {
    content: "\f66c"
}

.gly-b-footprints:before, .gly-a-footprints:after {
    content: "\f66d"
}

.gly-b-eye:before, .gly-a-eye:after {
    content: "\f66e"
}

.gly-b-edit:before, .gly-a-edit:after {
    content: "\f66f"
}

.gly-b-autofill:before, .gly-a-autofill:after {
    content: "\f670"
}

.gly-b-editadd:before, .gly-a-editadd:after {
    content: "\f671"
}

.gly-b-editasterisk:before, .gly-a-editasterisk:after {
    content: "\f672"
}

.gly-b-editseparator:before, .gly-a-editseparator:after {
    content: "\f673"
}

.gly-b-bookedit:before, .gly-a-bookedit:after {
    content: "\f674"
}

.gly-b-setting:before, .gly-a-setting:after {
    content: "\f675"
}

.gly-b-wrench:before, .gly-a-wrench:after {
    content: "\f676"
}

.gly-b-time:before, .gly-a-time:after {
    content: "\f677"
}

.gly-b-hourglass:before, .gly-a-hourglass:after {
    content: "\f678"
}

.gly-b-sync:before, .gly-a-sync:after {
    content: "\f679"
}

.gly-b-other:before, .gly-a-other:after {
    content: "\f67a"
}

.gly-b-mappin:before, .gly-a-mappin:after {
    content: "\f67b"
}

.gly-b-mapdirection:before, .gly-a-mapdirection:after {
    content: "\f67c"
}

.gly-b-locate:before, .gly-a-locate:after {
    content: "\f67d"
}

.gly-b-flag:before, .gly-a-flag:after {
    content: "\f67e"
}

.gly-b-heart:before, .gly-a-heart:after {
    content: "\f67f"
}

.gly-b-tag:before, .gly-a-tag:after {
    content: "\f680"
}

.gly-b-tags:before, .gly-a-tags:after {
    content: "\f681"
}

.gly-b-recepit:before, .gly-a-recepit:after {
    content: "\f682"
}

.gly-b-widget:before, .gly-a-widget:after {
    content: "\f683"
}

.gly-b-replyarrow:before, .gly-a-replyarrow:after {
    content: "\f684"
}

.gly-b-lock:before, .gly-a-lock:after {
    content: "\f685"
}

.gly-b-logout:before, .gly-a-logout:after {
    content: "\f686"
}

.gly-b-diary:before, .gly-a-diary:after {
    content: "\f687"
}

.gly-b-notepad:before, .gly-a-notepad:after {
    content: "\f688"
}

.gly-b-article:before, .gly-a-article:after {
    content: "\f689"
}

.gly-b-layout:before, .gly-a-layout:after {
    content: "\f68a"
}

.gly-b-pictures:before, .gly-a-pictures:after {
    content: "\f68b"
}

.gly-b-documents:before, .gly-a-documents:after {
    content: "\f68c"
}

.gly-b-windows:before, .gly-a-windows:after {
    content: "\f68d"
}

.gly-b-link:before, .gly-a-link:after {
    content: "\f68e"
}

.gly-b-share:before, .gly-a-share:after {
    content: "\f68f"
}

.gly-b-share2:before, .gly-a-share2:after {
    content: "\f690"
}

.gly-b-rss:before, .gly-a-rss:after {
    content: "\f691"
}

.gly-b-facebook:before, .gly-a-facebook:after {
    content: "\f6c0"
}

.gly-b-facebook2:before, .gly-a-facebook2:after {
    content: "\f6c3"
}

.gly-b-instagram:before, .gly-a-instagram:after {
    content: "\f6c4"
}

.gly-b-twitter:before, .gly-a-twitter:after {
    content: "\f6c5"
}

.gly-b-line:before, .gly-a-line:after {
    content: "\f6c6"
}

.gly-b-googleplus:before, .gly-a-googleplus:after {
    content: "\f6c7"
}

.gly-b-megaphone:before, .gly-a-megaphone:after {
    content: "\f692"
}

.gly-b-large:before, .gly-a-large:after {
    content: "\f693"
}

.gly-b-default:before, .gly-a-default:after {
    content: "\f694"
}

.gly-b-small:before, .gly-a-small:after {
    content: "\f695"
}

.gly-b-thum:before, .gly-a-thum:after {
    content: "\f696"
}

.gly-b-thumlist:before, .gly-a-thumlist:after {
    content: "\f697"
}

.gly-b-thumlist2:before, .gly-a-thumlist2:after {
    content: "\f6c1"
}

.gly-b-list:before, .gly-a-list:after {
    content: "\f698"
}

.gly-b-fullscreen:before, .gly-a-fullscreen:after {
    content: "\f699"
}

.gly-b-chart:before, .gly-a-chart:after {
    content: "\f69a"
}

.gly-b-poll:before, .gly-a-poll:after {
    content: "\f69b"
}

.gly-b-chartcurve:before, .gly-a-chartcurve:after {
    content: "\f69c"
}

.gly-b-zipcode:before, .gly-a-zipcode:after {
    content: "\f69d"
}

.gly-b-japan:before, .gly-a-japan:after {
    content: "\f69e"
}

.gly-b-train:before, .gly-a-train:after {
    content: "\f69f"
}

.gly-b-car:before, .gly-a-car:after {
    content: "\f6a0"
}

.gly-b-plane:before, .gly-a-plane:after {
    content: "\f6a1"
}

.gly-b-directions:before, .gly-a-directions:after {
    content: "\f6a2"
}

.gly-b-amusement:before, .gly-a-amusement:after {
    content: "\f6a3"
}

.gly-b-company:before, .gly-a-company:after {
    content: "\f6a4"
}

.gly-b-trunk:before, .gly-a-trunk:after {
    content: "\f6a5"
}

.gly-b-gift:before, .gly-a-gift:after {
    content: "\f6a6"
}

.gly-b-newyear:before, .gly-a-newyear:after {
    content: "\f6a7"
}

.gly-b-beers:before, .gly-a-beers:after {
    content: "\f6a8"
}

.gly-b-cherrys:before, .gly-a-cherrys:after {
    content: "\f6a9"
}

.gly-b-tavern:before, .gly-a-tavern:after {
    content: "\f6aa"
}

.gly-b-cooking:before, .gly-a-cooking:after {
    content: "\f6ab"
}

.gly-b-store:before, .gly-a-store:after {
    content: "\f6ac"
}

.gly-b-beer:before, .gly-a-beer:after {
    content: "\f6ad"
}

.gly-b-beer2:before, .gly-a-beer2:after {
    content: "\f6ae"
}
.gly-b-premark:before, .gly-a-premark:after {
    content: "\f6b1"
}

.gly-b-premedal:before, .gly-a-premedal:after {
    content: "\f6b2"
}
.gly-b-atmark:before, .gly-a-atmark:after {
    content: "\f6bd"
}

.gly-b-n:before, .gly-a-n:after {
    content: "\f6be"
}

.gly-b-mute:before, .gly-a-mute:after {
    content: "\f6bf"
}

.gly-b-celebrity:before, .gly-a-celebrity:after {
    content: "\f6c8"
}

.gly-b-return:before, .gly-a-return:after {
    content: "\f6ca"
}

.gly-b-history:before, .gly-a-history:after {
    content: "\f6cb"
}

.gly-b-onecoinsymbol:before, .gly-a-onecoinsymbol:after {
    content: "\f6cc"
}

.gly-b-card:before, .gly-a-card:after {
    content: "\f6cd"
}

.gly-b-scaledown:before, .gly-a-scaledown:after {
    content: "\f6ce"
}

.gly-b-scaleup:before, .gly-a-scaleup:after {
    content: "\f6cf"
}

.gly-b-public:before, .gly-a-public:after {
    content: "\f6d0"
}

@font-face {
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    src: url('../img/htsr/shared/webfonts/owner_glyphs/owner_glyphs.eot?1499244152#iefix') format("embedded-opentype"), url('../img/htsr/shared/webfonts/owner_glyphs/owner_glyphs.woff?1499244152') format("woff"), url('../img/htsr/shared/webfonts/owner_glyphs/owner_glyphs.ttf?1499244152') format("truetype"), url('../img/htsr/shared/webfonts/owner_glyphs/owner_glyphs.svg?1499244152#Owner-Glyphs') format("svg")
}

[class^="ogly-b-"]:before, [class*=" ogly-b-"]:before {
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none
}

[class^="ogly-a-"]:after, [class*=" ogly-a-"]:after {
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none
}

.ogly-b-home:before, .ogly-a-home:after {
    content: "\f600"
}

.ogly-b-board:before, .ogly-a-board:after {
    content: "\f601"
}

.ogly-b-bell:before, .ogly-a-bell:after {
    content: "\f602"
}

.ogly-b-megaphone:before, .ogly-a-megaphone:after {
    content: "\f603"
}

.ogly-b-book:before, .ogly-a-book:after {
    content: "\f604"
}

.ogly-b-notepad:before, .ogly-a-notepad:after {
    content: "\f605"
}

.ogly-b-recepit:before, .ogly-a-recepit:after {
    content: "\f606"
}

.ogly-b-widget:before, .ogly-a-widget:after {
    content: "\f607"
}

.ogly-b-calendar:before, .ogly-a-calendar:after {
    content: "\f608"
}

.ogly-b-clock:before, .ogly-a-clock:after {
    content: "\f609"
}

.ogly-b-display:before, .ogly-a-display:after {
    content: "\f60a"
}

.ogly-b-shop:before, .ogly-a-shop:after {
    content: "\f60b"
}

.ogly-b-chair:before, .ogly-a-chair:after {
    content: "\f60c"
}

.ogly-b-camera:before, .ogly-a-camera:after {
    content: "\f60d"
}

.ogly-b-print:before, .ogly-a-print:after {
    content: "\f60e"
}

.ogly-b-message:before, .ogly-a-message:after {
    content: "\f60f"
}

.ogly-b-phone:before, .ogly-a-phone:after {
    content: "\f610"
}

.ogly-b-oldphone:before, .ogly-a-oldphone:after {
    content: "\f611"
}

.ogly-b-user:before, .ogly-a-user:after {
    content: "\f612"
}

.ogly-b-operator:before, .ogly-a-operator:after {
    content: "\f613"
}

.ogly-b-help:before, .ogly-a-help:after {
    content: "\f614"
}

.ogly-b-info:before, .ogly-a-info:after {
    content: "\f615"
}

.ogly-b-noinfo:before, .ogly-a-noinfo:after {
    content: "\f616"
}

.ogly-b-hourglass:before, .ogly-a-hourglass:after {
    content: "\f617"
}

.ogly-b-nohourglass:before, .ogly-a-nohourglass:after {
    content: "\f618"
}

.ogly-b-trash:before, .ogly-a-trash:after {
    content: "\f619"
}

.ogly-b-delete:before, .ogly-a-delete:after {
    content: "\f61a"
}

.ogly-b-search:before, .ogly-a-search:after {
    content: "\f61b"
}

.ogly-b-setting:before, .ogly-a-setting:after {
    content: "\f61c"
}

.ogly-b-rotation:before, .ogly-a-rotation:after {
    content: "\f61d"
}

.ogly-b-alert:before, .ogly-a-alert:after {
    content: "\f61e"
}

.ogly-b-block:before, .ogly-a-block:after {
    content: "\f61f"
}

.ogly-b-link:before, .ogly-a-link:after {
    content: "\f620"
}

.ogly-b-share:before, .ogly-a-share:after {
    content: "\f621"
}

.ogly-b-record:before, .ogly-a-record:after {
    content: "\f622"
}

.ogly-b-check:before, .ogly-a-check:after {
    content: "\f623"
}

.ogly-b-checkbox:before, .ogly-a-checkbox:after {
    content: "\f624"
}

.ogly-b-edit:before, .ogly-a-edit:after {
    content: "\f625"
}

.ogly-b-write:before, .ogly-a-write:after {
    content: "\f626"
}

.ogly-b-list:before, .ogly-a-list:after {
    content: "\f627"
}

.ogly-b-grid1:before, .ogly-a-grid1:after {
    content: "\f628"
}

.ogly-b-grid2:before, .ogly-a-grid2:after {
    content: "\f629"
}

.ogly-b-sunny:before, .ogly-a-sunny:after {
    content: "\f62a"
}

.ogly-b-night:before, .ogly-a-night:after {
    content: "\f62b"
}

.ogly-b-lunch:before, .ogly-a-lunch:after {
    color: #cc8131;
    content: "\f62c"
}

.ogly-b-dinner:before, .ogly-a-dinner:after {
    color: #336aa2;
    content: "\f62d"
}

.ogly-b-wrong:before, .ogly-a-wrong:after {
    content: "\f62e"
}

.ogly-b-add:before, .ogly-a-add:after {
    content: "\f62f"
}

.ogly-b-remove:before, .ogly-a-remove:after {
    content: "\f630"
}

.ogly-b-prev:before, .ogly-a-prev:after {
    content: "\f631"
}

.ogly-b-next:before, .ogly-a-next:after {
    content: "\f632"
}

.ogly-b-down:before, .ogly-a-down:after {
    content: "\f633"
}

.ogly-b-up:before, .ogly-a-up:after {
    content: "\f634"
}

.ogly-b-left:before, .ogly-a-left:after {
    content: "\f635"
}

.ogly-b-right:before, .ogly-a-right:after {
    content: "\f636"
}

.ol-container {
    width: 100%;
    min-width: 980px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ol-container.ol-container--mat {
    padding-bottom: 3rem;
    background-color: #fff
}

#container {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    padding: 1px 0 20px;
    background-color: #ffffff
}

#owner-container {
    margin: 0 auto;
    padding: 0;
    width: 950px;
    min-width: 950px;
    overflow: hidden;
    text-align: left
}
/*修正版*/
.layout-owner-main {
    margin: 0 auto;
    padding: 0;
    width: 950px;
    min-width: 730px;
    overflow: hidden;
    text-align: left
}

#owner-container .layout-owner-main {
    float: right;
    width: 1000px
}

#owner-container .layout-owner-side {
    float: left;
    width: 200px
}

.ol-contents {
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    min-width: 950px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/*.ol-contents:before, .ol-contents:after {
    display: block;
    overflow: hidden;
    content: ""
}*/

/*.ol-contents:after {
    clear: both
}

.ol-contents.ol-contents--fixed {
    padding-right: 0;
    padding-left: 0;
    width: 980px
}

.ol-contents.ol-contents--fixed2 {
    padding-right: 0;
    padding-left: 0;
    width: 950px
}
*/
.wrapper {
    width: 100%;
    min-width: 950px;
    color: #333333;
    background-color: #ffffff
}

#wrapper {
    width: 100%;
    min-width: 950px;
    background-color: #ffffff
}

.ol-column2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
}

.ol-column2__main {
    width: 760px;
    min-width: 760px;
    box-sizing: border-box
}

.ol-column2__side {
    width: 200px;
    min-width: 200px;
    box-sizing: border-box
}

.ol-contents--fixed2 .ol-column2__main {
    width: 730px;
    min-width: 730px
}

.notice {
    color: #55aa00
}

.required-text {
    color: #ff0000
}

#owner-main-navi-wrap {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 43px;
    overflow: hidden;
    color: #ffffff;
    background-color: #1366aa;
    background-image: url('../img/htsr/owner/rst/navi/owner_main_navi_bg.gif?4567');
    background-repeat: repeat-x;
    background-position: left top
}

/*ul#owner-main-navi {
    position: relative;
    margin: 0 auto;
    padding-top: 4px;
    width: 950px;
    text-align: left;
    background-image: url('../img/htsr/owner/rst/navi/owner_main_navi_tabs.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 4px
}*/

ul#owner-main-navi li {
    position: relative;
    float: left;
    padding-left: 1px;
    width: 189px;
    \width: 190px;
    w\idth: 189px;
    height: 39px
}

/*ul#owner-main-navi li a, ul#owner-main-navi li span {
    display: block;
    width: 189px;
    height: 39px;
    text-indent: -10000px;
    background-image: url('../img/htsr/owner/rst/navi/owner_main_navi_tabs.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 0
}*/

ul#owner-main-navi li.account a, ul#owner-main-navi li.account span {
    width: 187px
}

ul#owner-main-navi li.pageedit a {
    background-position: -1px 0
}

ul#owner-main-navi li.service a {
    background-position: -191px 0
}

ul#owner-main-navi li.access a {
    background-position: -381px 0
}

ul#owner-main-navi li.commu a {
    background-position: -571px 0
}

ul#owner-main-navi li.account a {
    background-position: -761px 0
}

ul#owner-main-navi li.pageedit a:hover {
    background-position: -1px -39px
}

ul#owner-main-navi li.service a:hover {
    background-position: -191px -39px
}

ul#owner-main-navi li.access a:hover {
    background-position: -381px -39px
}

ul#owner-main-navi li.commu a:hover {
    background-position: -571px -39px
}

ul#owner-main-navi li.account a:hover {
    background-position: -761px -39px
}

ul#owner-main-navi li.pageedit a.selected {
    background-position: -1px -78px
}

ul#owner-main-navi li.service a.selected {
    background-position: -191px -78px
}

ul#owner-main-navi li.access a.selected {
    background-position: -381px -78px
}

ul#owner-main-navi li.commu a.selected {
    background-position: -571px -78px
}

ul#owner-main-navi li.account a.selected {
    background-position: -761px -78px
}

ul#owner-main-navi li.access a.new, ul#owner-main-navi li.access a.new:hover {
    display: block;
    position: absolute;
    top: 12px;
    left: 150px;
    margin: 0;
    padding: 0;
    width: 29px;
    height: 13px;
    font-size: 1%;
    background-image: url('../img/htsr/owner/rst/info/navi_icon_new.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 0
}
.text {
    padding: 8px 5px 0 5px
}

.text p {
    padding: 6px 0 0 0;
    line-height: 1.5;
    line-height: 1.4;
}

.text .inquiry-attention {
    color: #e54c30;
    font-weight: bold
}

.layout-owner-main .notice {
    font-size: 86%
}

.layout-owner-main .center {
    text-align: center
}

.layout-owner-main .must {
    margin-left: 3px;
    font-weight: bold;
    color: #ee0000
}

.layout-owner-main .note-words {
    color: #ee0000
}

.layout-owner-main .attention {
    color: #ee0000
}

.layout-owner-main .information {
    margin-top: 12px;
    padding: 2px 6px 6px 6px;
    background: #fffccc;
    border: 1px solid #ffcc99
}

.layout-owner-main .information p {
    padding: 6px 0 0 0;
    line-height: 1.5;
    line-height: 1.4;
}

.form {
    margin: 15px 0 0 0;
    border: solid 1px #89b8dd
}

.form .attention {
    font-size: 86%
}

.form .notice {
    font-size: 86%
}

.form .example {
    margin-right: 8px;
    color: #666666
}

.form .line {
    color: #89b8dd
}

.form input.ftext {
    padding: 2px;
    line-height: 1.3;
    vertical-align: middle
}

.form label.fradio {
    margin-right: 20px;
    vertical-align: middle
}

.form label.fradio input {
    margin-right: 2px;
    vertical-align: middle
}

.form label.fcheck {
    margin-right: 30px;
    vertical-align: middle
}

.form label.fcheck input {
    margin-right: 2px;
    vertical-align: middle
}

.form table {
    width: 100%;
    border-top: solid 1px #89b8dd;
    border-left: solid 1px #89b8dd
}
.form table th {
    width: 130px;
    padding: 8px;
    color: #333333;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
    line-height: 1.4;
    border-right: solid 1px #89b8dd;
    border-bottom: solid 1px #89b8dd;
    background-color: #ddebf6;
    background-image: url('../img/htsr/owner_rst/table_deco.gif?4567');
    background-repeat: no-repeat;
    background-position: left top
}

.form table th.leng {
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px
}

.form table td {
    padding: 8px 8px;
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
    line-height: 1.4;
    border-top: none;
    border-left: none;
    border-right: solid 1px #89b8dd;
    border-bottom: solid 1px #89b8dd;
    background-color: #ffffff
}

.form table td.core-info {
    background-color: #f4f4f4;
    color: #777777
}

.form table td p {
    width: 99%
}

.form table td p.column2 {
    width: 560px
}

.form table td .in-put {
    margin-top: 5px
}

.form table td .in-put input {
    margin-right: 4px
}

.form table td .realtime-count {
    margin-top: 4px
}

.form table td .realtime-count .count {
    color: #55aa00;
    font-weight: bold
}

.form table td .radiobox label {
    margin-right: 10px;
    vertical-align: middle
}

.form table td .radiobox label input {
    margin-right: 2px;
    vertical-align: middle
}

.form table td .check-boxes p {
    display: block;
    float: left;
    padding: 2px 0;
    vertical-align: middle
}

.form table td .check-boxes p input {
    margin-right: 2px;
    vertical-align: middle
}

.telephone-form {
    width: 100%;
    margin-top: 15px;
    border-collapse: collapse;
    background-color: #ffffff
}

.telephone-form th {
    padding: 6px 12px;
    border: 1px solid #cccccc;
    font-weight: normal;
    vertical-align: middle;
    background-color: #f8f8f8
}

.telephone-form td {
    padding: 10px 12px;
    border: 1px solid #cccccc;
    vertical-align: middle
}

/*.telephone-form td .tel {
    padding: 2px 12px 0 28px;
    color: #e54c30;
    font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, clean, sans-serif;
    font-weight: bold;
    font-size: 150%;
    letter-spacing: 1px;
    line-height: 1;
    background: url('../img/htsr/owner/rst/icon/icon_telephone.gif?4567') no-repeat 0 50%
}*/

.telephone-form__notice {
    margin-top: 5px;
    font-size: 1.1rem
}

.form table td.button {
    padding: 12px 10px;
    width: 726px;
    padding: 12px 0;
    text-align: center;
    background-color: #eff6fb
}

.form table td.button input.btn {
    cursor: pointer;
    width: 120px
}

.form table td.button input.btn-w {
    padding-left: 20px;
    padding-right: 20px;
    *padding-left: 0;
    *padding-right: 0
}

p.button-submit a, input.button-submit {
    padding: 4px 20px;
    color: #ffffff;
    line-height: 1.2;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    letter-spacing: 1px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #138ac6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4dacdd), to(#138ac6));
    background-image: -webkit-linear-gradient(top, #4dacdd, #138ac6);
    background-image: -moz-linear-gradient(top, #4dacdd, #138ac6);
    background-image: -ms-linear-gradient(top, #4dacdd, #138ac6);
    background-image: -o-linear-gradient(top, #4dacdd, #138ac6);
    background-image: linear-gradient(top, #4dacdd, #138ac6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4dacdd', EndColorStr='#138ac6', GradientType=0);
    border: solid 1px #1488c4;
    zoom: 1
}

p.button-submit a:hover, input.button-submit:hover {
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.8) inset, 0 1px 1px rgba(0, 0, 0, 0.25);
    background-color: #37addd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cc1ea), to(#37addd));
    background-image: -webkit-linear-gradient(top, #5cc1ea, #37addd);
    background-image: -moz-linear-gradient(top, #5cc1ea, #37addd);
    background-image: -ms-linear-gradient(top, #5cc1ea, #37addd);
    background-image: -o-linear-gradient(top, #5cc1ea, #37addd);
    background-image: linear-gradient(top, #5cc1ea, #37addd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5cc1ea', EndColorStr='#37addd', GradientType=0);
    border: solid 1px #20addd
}

#copy-index div.button, .layout-owner-main div.button {
    margin-top: 15px;
    padding: 12px 10px;
    text-align: center;
    background-color: #eff6fb
}

#copy-index div.button input.btn, .layout-owner-main div.button input.btn {
    width: 120px;
    cursor: pointer
}

div.buttons {
    margin-top: 15px;
    padding: 12px 10px;
    text-align: center;
    background-color: #eff6fb
}

div.buttons input.btn {
    width: 120px
}

.owner-help-link {
    margin: 8px 0;
    text-align: right
}

.owner-help-link a {
    padding: 2px 0 2px 18px;
    background: url('../img/htsr/owner/rst/owner_vacancy/index_question_icon.gif?4567') no-repeat 0 1px
}

/*.mode-change-link {
    margin: 10px 15px 0 0;
    overflow: hidden;
    text-align: right
}

.mode-change-link a {
    padding: 0 0 2px 15px;
    overflow: hidden;
    color: #0082d0;
    text-decoration: underline;
    background: url('../img/htsr/owner/rst/common/arrow_circle_blue.gif?4567') no-repeat 0 1px
}

.mode-change-link a:hover {
    color: #ff9900;
    text-decoration: underline;
    background: url('../img/htsr/owner/rst/common/arrow_circle_orange.gif?4567') no-repeat 0 1px
}
*/
.service-info-parts {
    margin: 8px 0 0 0;
    padding: 6px 8px 10px 8px;
    text-align: center;
    background-color: #fffccc
}

.service-info-parts p {
    padding: 6px 0 0 0;
    line-height: 1.5;
    line-height: 1.4
}

.service-info-parts p a .arrow {
    font-weight: bold
}

.service-info-parts p.title {
    color: #ee0000;
    font-weight: bold
}

.service-info-parts p.note {
    color: #ee0000
}

.modest-service-info-parts {
    margin: 8px 0 0 0;
    padding: 3px 8px 5px 8px;
    font-size: 90%;
    text-align: left;
    background-color: #fffcee
}

.modest-service-info-parts p {
    padding: 3px 0 0 0;
    line-height: 1.5;
    line-height: 1.4;
}

.modest-service-info-parts p a .arrow {
    font-weight: bold
}

.modest-service-info-parts p.note {
    color: #ee0000;
    font-weight: bold
}
/*
.layout-owner-main .list-controll {
    margin-top: 15px;
    width: 730px
}

.list-controll .line {
    color: #aaaaaa
}

.list-controll .count {
    color: #ee0000
}

.list-controll select option {
    padding-right: 1em
}

.list-controll .page-count {
    margin: 0 0 0 3px
}

.list-controll .page-count .num {
    font-size: 120%
}
*/
/*#view-controll .page-count {
    display: inline;
    margin-right: 8px
}

#view-controll .view-type {
    display: inline;
    margin-left: 2px
}

#view-controll .view-type strong {
    color: #333333
}

#view-controll .view-type img {
    margin-right: 2px;
    vertical-align: middle
}

#view-controll .view-pages {
    width: 540px;
    float: left
}

#view-controll .view-counts {
    width: 180px;
    float: right;
    text-align: right
}

#view-controll .view-counts form {
    display: inline;
    padding-right: 2px
}

#view-controll .view-counts select {
    width: 4em;
    vertical-align: middle
}*/

/*.list-controll .page-move {
    padding: 6px 5px;
    text-align: center;
    font-weight: bold;
    border: solid 1px #d0d0d0
}

.list-controll .page-move .num {
    color: #ee0000;
    font-size: 120%;
    letter-spacing: 1px
}

.list-controll .page-move .num a {
    font-weight: normal
}
*/
.prevnext-move {
    margin-top: 15px;
    padding: 5px 0;
    text-align: center;
    color: #cccccc;
    font-weight: bold;
    border: solid 1px #d0d0d0
}

.prevnext-move p.prev {
    float: left;
    width: 242px;
    text-align: center
}

.prevnext-move p.top {
    float: left;
    width: 242px;
    text-align: center;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc
}

.prevnext-move p.next {
    float: right;
    width: 242px;
    text-align: center
}
/*
.list-controll table {
    margin-top: 6px;
    width: 100%;
    border-top: solid 1px #d0d0d0;
    border-left: solid 1px #d0d0d0
}

.list-controll table th {
    width: 65px;
    padding: 6px 8px;
    color: #333333;
    vertical-align: middle;
    background-color: #e4e4e4;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    background-image: url('../img/htsr/bg/bg_thline_lgray.gif?4567');
    background-repeat: no-repeat;
    background-position: left top
}

.list-controll table td {
    padding: 6px 8px;
    vertical-align: middle;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0
}

.list-controll table td.view-count {
    width: 180px;
    padding: 3px 0;
    text-align: center
}

.list-controll table td.view-count select.type {
    width: 7em
}

.list-controll table td.view-count select.num {
    width: 4em
}

.list-controll table td img {
    margin-right: 2px;
    vertical-align: middle
}

.list-controll table td a {
    text-decoration: none
}

.list-controll table td a span {
    border-bottom: solid 1px
}

.list-controll table td a strong {
    border-bottom: solid 1px
}

.list-controll table td .line {
    margin-left: 1px
}

.list-controll table .sort th {
    width: 90px;
    padding: 0
}

.list-controll table .sort th p {
    padding: 6px 2px 6px 25px;
    background-image: url('../img/htsr/icon/icon_sort.gif?4567');
    background-repeat: no-repeat;
    background-position: 6px
}

.list-controll table .sort td {
    padding: 2px 4px 5px 10px
}

.list-controll table .sort td p {
    padding: 4px 0 0 0
}*/

.layout-owner-main .no-entry {
    margin: 8px 0 0 0;
    padding: 10px;
    line-height: 1.5;
    line-height: 1.4;
    background-color: #eeeeee
}

#copy-index {
    padding-top: 30px
}

#copy-index .attention {
    color: #ee0000
}

.other-rstput {
    margin-top: 12px;
    padding: 6px 8px 8px 8px;
    border: solid 2px #dbdbdb;
    background-color: #ffffff
}

.other-rstput p {
    padding: 2px 0 0 0
}

.form table td .other-rstput {
    margin-top: 0;
    padding: 2px 0 4px 0;
    border: none
}

.form table td .other-rstput p {
    width: auto;
    padding: 2px 0 0 0
}

.form .other-rstput .attention {
    font-size: 100%
}

.other-rstput .other-rstlst {
    margin-top: 10px;
    border: solid 1px #dbdbdb
}

#copy-index .select-items {
    border-bottom: none
}

.other-rstput .other-rstlst p.title {
    padding: 6px 8px 5px 8px;
    background-color: #eeeeee
}

.other-rstput .other-rstlst p.all-select {
    padding: 6px 8px 5px 8px;
    background-color: #e3e6e6
}

.other-rstput .other-rstlst .all-select-sub {
    padding: 6px 8px 5px 8px;
    border-top: solid 1px #dbdbdb;
    background-color: #f1f1f1
}

.other-rstput .other-rstlst .all-select-sub a {
    cursor: pointer
}

.other-rstput .other-rstlst p.all-select a {
    cursor: pointer
}

.other-rstput .other-rstlst p.all-select .line {
    color: #cccccc
}

.other-rstput .other-rstlst ul {
    background-image: url('../img/htsr/line/leng_solid_l.gif?4567');
    background-repeat: repeat-y;
    background-position: center top
}

#copy-index .other-rstput .select-items ul {
    background: none
}

.other-rstput .other-rstlst ul li.item {
    float: left;
    width: 50%
}

#copy-index .other-rstput .select-items ul li.item {
    float: none;
    border-bottom: solid 1px #dbdbdb;
    width: auto
}

#copy-index .other-rstput .select-items ul li.item p {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 18%
}

#copy-index .other-rstput .select-items ul li.item label .item-list .name {
    display: inline-block;
    display: inline;
    zoom: 1;
    width: 120px
}

#copy-index .other-rstput .select-items ul li.item label input {
    position: absolute;
    top: 4px;
    left: 8px
}

#copy-index .other-rstput .select-items ul li.item .item-list {
    display: block;
    padding-left: 22px
}

#copy-index.confirm .other-rstput .select-items ul li.item .item-list {
    padding-left: 0
}

.other-rstput .other-rstlst ul li.floatclear {
    width: 100%;
    height: 1px;
    font-size: 1px;
    background-image: url('../img/htsr/line/line_solid_l.gif?4567');
    background-repeat: repeat-x;
    background-position: left bottom
}

.other-rstput .other-rstlst ul li.item p {
    padding: 4px 8px 5px 8px;
    vertical-align: middle;
    line-height: 1.5;
    line-height: 1.4;
}

.other-rstput .other-rstlst ul li.item p input {
    margin-right: 3px;
    vertical-align: middle
}

.other-rstput .other-rstlst ul li.item p .rst-id {
    font-size: 93%;
    color: #999999
}

.other-rstput__notification {
    width: 98%;
    margin: 1rem auto
}

.rstlst-narrow-table__cell-head {
    padding: 7px 10px;
    border-bottom: dotted 1px #d2d2d2;
    width: 130px;
    background: #f4f4f4
}

.rstlst-narrow-table__cell-data {
    padding: 7px 10px;
    border-bottom: dotted 1px #d2d2d2;
    width: 758px
}

.rstlst-narrow-table__notice {
    display: block;
    margin-bottom: 5px;
    color: #8fb336
}

.rstlst-narrow-table__cell-data input {
    padding: 3px;
    width: 500px
}

.rstlst-narrow-table__cell-data textarea {
    padding: 3px;
    width: 192px;
    min-height: 50px
}

.rstlst-narrow-table__cell-data select {
    padding: 3px;
    min-width: 200px
}

.rstlst-narrow-btn {
    padding: 10px 0;
    text-align: center
}

.rstlst-narrow-btn__search {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    cursor: pointer;
    padding: 4px 4.5em;
    border: 1px solid transparent;
    border-bottom: 2px solid rgba(51, 59, 63, 0.3);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.4;
    background-color: #8fb336
}

.rstlst-narrow-btn__search:hover {
    color: #ffffff;
    background-color: #a4cc3d
}

.myrst-no-list {
    margin: 20px;
    text-align: center
}

ul.lateral-move-navi {
    display: block;
    margin-top: 12px;
    border: solid 3px #eeeeee;
    background-color: #eeeeee
}

ul.lateral-move-navi li {
    display: block;
    float: left
}

.layout-owner-main ul.lateral-move-navi li a {
    display: block;
    padding: 5px 20px 5px 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #cccccc;
    background-image: url('../img/htsr/owner_rst/arrow_tri.gif?4567');
    background-repeat: no-repeat;
    background-position: 15px 50%
}

.layout-owner-main ul.lateral-move-navi li a:hover {
    background-color: #fffbbb;
    background-image: url('../img/htsr/owner_info/arrow_tri.gif?4567');
    background-repeat: no-repeat;
    background-position: 15px 50%
}

.layout-owner-main ul.lateral-move-navi li strong {
    display: block;
    padding: 5px 20px 5px 24px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #ff9900;
    text-decoration: none;
    border-top: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #cccccc;
    background-color: #fffbbb;
    background-image: url('../img/htsr/owner_info/arrow_tri_under.gif?4567');
    background-repeat: no-repeat;
    background-position: 14px 50%
}

.rst-preview-side {
    margin-top: 15px;
    padding: 3px;
    border: solid 1px #d0d0d0;
    background-color: #f2f2f2
}

.rst-preview-side dl dt {
    padding: 4px 2px;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    background-color: #f2f2f2
}

.rst-preview-side dl dd {
    background-color: #ffffff
}

.rst-preview-side dl dd .preview-pc {
    padding: 12px 6px;
    text-align: center;
    background-image: url('../img/htsr/owner/rst/common/line_dot.gif?4567');
    background-repeat: repeat-x;
    background-position: left bottom
}

.rst-preview-side dl dd .preview-keitai {
    padding: 6px 6px 6px 6px
}

.rst-preview-side dl dd .preview-keitai p.note {
    color: #666666;
    font-size: 86%
}

.rst-preview-side dl dd .preview-keitai p.barcode {
    padding-top: 6px;
    text-align: center
}

div#cover_back {
    position: absolute;
    z-index: 990;
    opacity: 0.6;
    background-color: #000000;
    top: 0;
    left: 0;
    width: 100%
}

div#popup_box {
    position: absolute;
    z-index: 999;
    color: #333333;
    text-align: left
}

div#popup_ownerphoto_box {
    position: absolute;
    z-index: 999
}

.ownerphoto-box {
    width: 730px;
    text-align: left;
    background-color: #89b8dd
}

.ownerphoto-box .box-head {
    padding: 6px 8px 5px 8px;
    background-color: #89b8dd
}

.ownerphoto-box .box-head .menu-title {
    float: left;
    width: 680px;
    font-weight: bold
}

.ownerphoto-box .box-head .close {
    float: right;
    width: 14px;
    padding-top: 2px
}

.ownerphoto-box .box-head .close a {
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -10000px;
    overflow: hidden;
    background-image: url('../img/htsr/icon/icon_close.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 0
}

.ownerphoto-box .photolist-wrap {
    width: 726px;
    background-color: #ffffff;
    border: solid 2px #89b8dd
}

.ownerphoto-box .photolist-wrap {
    \width: 730px;
    w\idth: 726px
}

.ownerphoto-box .photolist-wrap .lead-ownerphoto {
    padding: 4px 12px 8px 12px;
    background-color: #eff6fb;
    border-bottom: solid 1px #89b8dd
}

.ownerphoto-box .photolist-wrap .lead-ownerphoto p {
    padding: 6px 0 0 0;
    line-height: 1.4;
    line-height: 1.3;
}

.ownerphoto-box .photolist-wrap .lead-ownerphoto .photo-caution {
    margin: 6px 0 2px 0;
    padding: 0 6px 6px 26px;
    color: #ee0000;
    border: solid 1px #ff6666;
    background-color: #ffe4e4;
    background-image: url('../img/htsr/icon/icon_caution.gif?4567');
    background-repeat: no-repeat;
    background-position: 6px 6px
}

.ownerphoto-box .photolist-wrap .lead-ownerphoto .photo-caution p.ex {
    padding-top: 4px
}

.ownerphoto-box .photolist-wrap .lead-caution {
    margin: 6px 0 2px 0;
    padding: 0 6px 6px 26px;
    color: #ee0000;
    background-color: #fffccc;
    background-image: url('../img/htsr/icon/icon_caution.gif?4567');
    background-repeat: no-repeat;
    background-position: 7px 7px
}

.ownerphoto-box .photolist-wrap .lead-caution .notice {
    padding: 2px 0 0 0;
    color: #55aa00;
    font-size: 86%
}

.ownerphoto-box .photolist-wrap .photo-list {
    overflow: auto;
    width: 726px;
    height: 480px;
    padding: 12px 0
}

.ownerphoto-box .photolist-wrap .owner-stitle {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0
}

.ownerphoto-box .photolist-wrap .owner-stitle .edit {
    float: right;
    padding-right: 4px;
    font-size: 86%
}

.ownerphoto-box .photolist-wrap .photo-list p.nodata {
    margin: 8px 10px 15px 10px;
    padding: 12px;
    background-color: #eeeeee
}

.ownerphoto-box .photolist-wrap .photo-list ul {
    display: block;
    padding: 2px 0 15px 20px
}

.ownerphoto-box .photolist-wrap .photo-list ul li.owner-photo {
    float: left;
    margin-right: 8px;
    padding: 6px 0 0 0;
    width: 126px;
    text-align: center
}

.ownerphoto-box .photolist-wrap .photo-list ul li.owner-photo label {
    display: block;
    padding: 8px 0 6px 0;
    border: solid 1px #d8d8d8;
    background-color: #ffffd0
}

.ownerphoto-box .photolist-wrap .photo-list ul li.checked label {
    border: solid 1px #ffcc00;
    background-color: #fff1aa
}

.ownerphoto-box .photolist-wrap .photo-list ul li.owner-photo .owner-images-src {
    display: block
}

.ownerphoto-box .photolist-wrap .photo-list ul li.owner-photo label input {
    margin-top: 4px
}

.ownerphoto-box .photolist-wrap .btn-ownerphoto {
    padding: 12px 8px;
    text-align: center;
    background-color: #eff6fb;
    border-top: solid 1px #89b8dd
}

.ownerphoto-box .photolist-wrap .btn-ownerphoto .btn {
    width: 130px
}

p.eraser {
    text-align: center
}

p.eraser a {
    background-image: url('../img/htsr/icon/icon_eraser.gif?4567');
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 18px;
    text-decoration: underline
}

.layout-owner-side .owner-menu {
    margin: 0;
    width: 196px;
    padding: 0 1px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc
}

.layout-owner-side .owner-menu {
    \width: 200px;
    w\idth: 196px
}

.layout-owner-side .owner-menu ul li {
    float: left;
    width: 196px
}

.layout-owner-side .owner-menu ul li a {
    color: #1366aa
}

.layout-owner-side .owner-menu ul.list1 li {
    padding-top: 1px;
    padding-bottom: 2px;
    background-image: url('../img/htsr/owner/rst/common/line_dot.gif?4567');
    background-repeat: repeat-x;
    background-position: left bottom
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 li {
    padding: 0;
    background: none
}

.layout-owner-side .owner-menu ul.list1 li.sublist {
    padding: 0;
    background: none
}

.layout-owner-side .owner-menu ul.list1 li.no-border {
    padding-bottom: 1px;
    background-image: none
}

.layout-owner-side .owner-menu ul.list1 li a .charge {
    margin-left: 2px;
    color: #4499dd;
    font-size: 86%;
    font-weight: normal;
    font-style: normal
}

.layout-owner-side .owner-menu ul.list1 li a img {
    margin-left: 2px
}

.layout-owner-side .owner-menu ul.list1 li a, .layout-owner-side .owner-menu ul.list1 li .subtitle2 {
    display: block;
    width: 180px;
    padding: 2px 4px 1px 12px;
    padding: 1px 4px 1px 12px;
    text-decoration: none;
    background-image: url('../img/htsr/owner/rst/common/arrow_tri.gif?4567');
    background-repeat: no-repeat;
    background-position: 4px 6px
}

.layout-owner-side .owner-menu ul.list1 li a, .layout-owner-side .owner-menu ul.list1 li .subtitle2 {
    \width: 196px;
    w\idth: 180px
}

.layout-owner-side .owner-menu ul.list1 li a:hover {
    text-decoration: underline;
    background-color: #e4eff8
}

.layout-owner-side .owner-menu ul.list1 li a.selecting {
    font-weight: bold;
    background-color: #e4eff8
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 li {
    padding: 0;
    background: none
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 li a {
    display: block;
    width: 172px;
    padding: 1px 4px 1px 20px;
    text-decoration: none;
    background-image: url('../img/htsr/owner_rst/corner_left_bottom.gif?4567');
    background-repeat: no-repeat;
    background-position: 5px 0
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 li a {
    \width: 196px;
    w\idth: 172px
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 li a:hover {
    text-decoration: underline;
    background-color: #e4eff8
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 ul.list4 li a {
    padding: 2px 4px 3px 28px;
    width: 164px;
    \width: 196px;
    w\idth: 164px;
    background-image: url('../img/htsr/owner/rst/common/arrow_tri_light.gif?4567');
    background-position: 20px 6px
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 ul.list4 li.edit a, .layout-owner-side .owner-menu ul.list1 li ul.list3 ul.list4 li.photo a {
    padding: 1px 4px 3px 34px;
    width: 158px;
    \width: 196px;
    w\idth: 158px;
    background-position: 18px 4px
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 ul.list4 li.edit a {
    background-image: url('../img/htsr/owner/rst/common/texticon_edit_off.png?4567')
}

.layout-owner-side .owner-menu ul.list1 li ul.list3 ul.list4 li.photo a {
    background-image: url('../img/htsr/owner/rst/common/icon_photo.gif?4567')
}

.layout-owner-side .owner-menu ul.list1 li.sublist .subtitle {
    position: relative;
    z-index: 10;
    display: block;
    width: 196px;
    color: #444444;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.3;
    border-top: solid 1px #ffffff
}

.layout-owner-side .owner-menu ul.list1 li.sublist .subtitle img {
    vertical-align: middle
}

.layout-owner-side .owner-menu ul.list1 li.sublist .subtitle a, .layout-owner-side .owner-menu ul.list1 li.sublist .subtitle span {
    display: block;
    width: 172px;
    padding: 5px 6px 4px 18px;
    padding: 4px 6px 4px 18px;
    text-decoration: none;
    background-color: #eeeeee;
    background-image: url('../img/htsr/owner_rst/arrow_circle_under.gif?4567');
    background-repeat: no-repeat;
    background-position: 3px 5px
}

.layout-owner-side .owner-menu ul.list1 li.sublist .subtitle a, .layout-owner-side .owner-menu ul.list1 li.sublist .subtitle span {
    \width: 196px;
    w\idth: 172px
}

.layout-owner-side .owner-menu ul.list1 li.sublist .subtitle a:hover {
    text-decoration: underline;
    background-color: #e4eff8
}

.layout-owner-side .owner-menu ul.list1 li.sublist .subtitle a.selecting {
    font-weight: bold;
    background-color: #e4eff8
}

.layout-owner-side .owner-menu ul li.vacancy {
    position: relative;
    padding: 3px 0 3px 0
}

/*.layout-owner-side .owner-menu ul li.vacancy span.time {
    display: inline-block;
    vertical-align: text-bottom;
    width: 68px;
    height: 15px;
    color: #ee0000;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url('../img/htsr/owner/rst/navi/time_icon_vacancy.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 0
}*/

.layout-owner-side .owner-menu ul li.vacancy img {
    vertical-align: middle;
    text-decoration: none
}

.inquiry-end {
    padding-top: 10px;
    text-align: center
}

.inquiry-end p {
    padding-top: 26px
}

.inquiry-end strong {
    font-size: 117%
}

.inquiry-end .alert-text {
    color: #ff0000;
    font-size: 86%
}

.report-end {
    padding-top: 10px;
    text-align: center
}

.report-end p {
    padding-top: 26px
}

.report-end strong {
    font-size: 117%
}

.nav-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    width: 200px;
    padding: 5px;
    color: #ffffff;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #333333
}

.tooltip-help-balloon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 260px
}

.tooltip-help-balloon dl.balloon-box {
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 258px;
    color: #333333;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    white-space: normal;
    line-height: 1.4;
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #fafdff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eef8ff), to(#fafdff));
    background-image: -webkit-linear-gradient(top, #eef8ff, #fafdff);
    background-image: -moz-linear-gradient(top, #eef8ff, #fafdff);
    background-image: -ms-linear-gradient(top, #eef8ff, #fafdff);
    background-image: -o-linear-gradient(top, #eef8ff, #fafdff);
    background-image: linear-gradient(top, #eef8ff, #fafdff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eef8ff', EndColorStr='#fafdff', GradientType=0);
    border: solid 1px #77b0dd;
    \width: 260px;
    w\idth: 258px
}

.tooltip-help-balloon dl.balloon-box dt {
    padding: 8px 8px 2px 26px;
    color: #004488;
    font-weight: bold;
    background: url('../img/htsr/owner/rst/common/icon_help_tooltip.gif?4567') no-repeat 8px 9px
}

.tooltip-help-balloon dl.balloon-box dd {
    padding: 2px 8px 6px
}

.tooltip-help-balloon dl.balloon-box dd p {
    padding: 2px 0
}

.tooltip-help-balloon dl.balloon-box dd ul, .tooltip-help-balloon dl.balloon-box dd ol, .tooltip-help-balloon dl.balloon-box dd li {
    padding: 2px 0
}

.tooltip-help-balloon .balloon-angle-border {
    position: absolute;
    bottom: 0;
    left: 125px;
    border-top: solid 10px #77b0dd;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    font-size: 1px;
    line-height: 0
}

.tooltip-help-balloon .balloon-angle-border .balloon-angle {
    position: absolute;
    left: -4px;
    bottom: 2px;
    border-top: solid 8px #fafdff;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    line-height: 0
}

* html .tooltip-help-balloon .balloon-box {
    border: solid 2px #77b0dd
}

* html .tooltip-help-balloon .balloon-angle-border {
    border-top: solid 10px #77b0dd;
    border-left: solid 5px #ffffff;
    border-right: solid 5px #ffffff
}

* html .tooltip-help-balloon .balloon-angle-border .balloon-angle {
    left: -3px;
    bottom: 5px;
    border-top: solid 7px #fafdff;
    border-left: solid 3px #77b0dd;
    border-right: solid 3px #77b0dd
}

a.tooltip-help-trigger {
    display: inline-block;
    margin-left: 2px;
    width: 13px;
    height: 13px;
    font-size: 1px;
    cursor: pointer;
    text-indent: -9999px;
    vertical-align: middle;
    overflow: hidden;
    background: url('../img/htsr/owner/rst/common/icon_help_trigger.gif?4567') no-repeat 0 0 #0082d0
}

a:hover.tooltip-help-trigger {
    background-color: #5cc1ee;
    background-position: -13px 0
}

.tooltip-caution-balloon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 300px
}

.tooltip-caution-balloon dl.balloon-box {
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 298px;
    color: #333333;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    white-space: normal;
    line-height: 1.4;
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #fffff8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fffddd), to(#fffff8));
    background-image: -webkit-linear-gradient(top, #fffddd, #fffff8);
    background-image: -moz-linear-gradient(top, #fffddd, #fffff8);
    background-image: -ms-linear-gradient(top, #fffddd, #fffff8);
    background-image: -o-linear-gradient(top, #fffddd, #fffff8);
    background-image: linear-gradient(top, #fffddd, #fffff8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fffddd', EndColorStr='#fffff8', GradientType=0);
    border: solid 1px #ff8555;
    \width: 300px;
    w\idth: 298px
}

.tooltip-caution-balloon dl.balloon-box dt {
    padding: 8px 8px 2px 26px;
    color: #f00000;
    font-weight: bold;
    background: url('../img/htsr/owner/rst/common/icon_ng.gif?4567') no-repeat 8px 9px
}

.tooltip-caution-balloon dl.balloon-box dd {
    padding: 2px 8px 6px
}

.tooltip-caution-balloon dl.balloon-box dd p {
    padding: 2px 0
}

.tooltip-caution-balloon dl.balloon-box dd ul, .tooltip-caution-balloon dl.balloon-box dd ol, .tooltip-caution-balloon dl.balloon-box dd li {
    padding: 2px 0
}

.tooltip-caution-balloon .balloon-angle-border {
    position: absolute;
    bottom: 0;
    left: 125px;
    border-top: solid 10px #ff8555;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    font-size: 1px;
    line-height: 0
}

.tooltip-caution-balloon .balloon-angle-border .balloon-angle {
    position: absolute;
    left: -4px;
    bottom: 2px;
    border-top: solid 8px #fffff8;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    line-height: 0
}

* html .tooltip-caution-balloon .balloon-box {
    border: solid 2px #ff8555
}

* html .tooltip-caution-balloon .balloon-angle-border {
    border-top: solid 10px #ff8555;
    border-left: solid 5px #ffffff;
    border-right: solid 5px #ffffff
}

* html .tooltip-caution-balloon .balloon-angle-border .balloon-angle {
    left: -3px;
    bottom: 5px;
    border-top: solid 7px #fffff8;
    border-left: solid 3px #ff8555;
    border-right: solid 3px #ff8555
}

a.tooltip-caution-trigger {
    color: #f00000
}

a:hover.tooltip-caution-trigger {
    color: #ff0000;
    background-color: #fffccc
}

#contents-cover-back {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 800;
    min-width: 950px;
    background-color: #000000
}

#contents-cover-sheet {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 700;
    min-width: 950px;
    background-color: #ffffff
}

.contents-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

.contents-overlay .overlay-box {
    position: relative;
    padding: 15px;
    border: solid 1px #222222;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9)
}

/*.contents-overlay p.close {
    position: absolute;
    top: -10px;
    right: -10px
}*/

/*.contents-overlay p.close a {
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    background: url('../img/htsr/owner/rst/common/btn_circle_close.png?4567') no-repeat 0 0
}*/

.contents-overlay p.close a:hover {
    background-position: 0 -34px
}

#contents-overlay-message {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 12px 20px;
    color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #222222;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.contents-balloon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 324px
}

.contents-balloon .balloon-box {
    position: absolute;
    top: 9px;
    left: 0;
    padding: 6px 6px 8px;
    width: 310px;
    color: #333333;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #bbbbbb;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    \width: 324px;
    w\idth: 310px
}

.contents-balloon .balloon-angle-border {
    position: absolute;
    top: 0;
    left: 155px;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-bottom: solid 10px #bbbbbb;
    font-size: 1px;
    line-height: 0
}

.contents-balloon .balloon-angle-border .balloon-angle {
    position: absolute;
    top: 2px;
    left: -4px;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 8px #ffffff;
    line-height: 0
}

* html .contents-balloon .balloon-box {
    border: solid 2px #cccccc
}

* html .contents-balloon .balloon-angle-border {
    border-left: solid 5px #ffffff;
    border-right: solid 5px #ffffff;
    border-bottom: solid 10px #cccccc
}

* html .contents-balloon .balloon-angle-border .balloon-angle {
    top: 5px;
    left: -3px;
    border-left: solid 3px #cccccc;
    border-right: solid 3px #cccccc;
    border-bottom: solid 7px #ffffff
}

#contents-balloon-service-plan .balloon-box {
    border-color: #77bb22
}

#contents-balloon-service-plan .balloon-angle-border, * html #contents-balloon-service-plan .balloon-angle-border {
    border-bottom: solid 10px #88bb66
}

* html #contents-balloon-service-plan .balloon-angle-border .balloon-angle {
    border-left: solid 3px #77bb22;
    border-right: solid 3px #77bb22
}

#contents-balloon-service-plan p.ex {
    padding: 5px 5px 4px 5px;
    font-size: 86%;
    text-align: center;
    background-color: #fffaaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

/*#contents-balloon-service-plan p.ex span {
    display: inline-block;
    padding-left: 14px;
    background-image: url('../img/htsr/owner/rst/navi/navicon_lock_s.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 50%
}*/

/*#contents-balloon-service-plan p.lead {
    padding: 8px 4px 65px;
    text-align: center;
    background-image: url('../img/htsr/owner/rst/balloon/image_analytics_service.gif?4567');
    background-repeat: no-repeat;
    background-position: center bottom
}*/

#contents-balloon-service-plan p.more {
    margin: 8px 2px 0;
    border: solid 1px #77bb22;
    background-color: #77bb22;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#contents-balloon-service-plan p.more a {
    display: block;
    padding: 5px;
    color: #ffffff;
    font-size: 116%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: solid 1px #99cc33;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #7dc622;
    background-image: url('../img/htsr/owner/rst/balloon/btn_bg_green.gif?4567');
    background-repeat: repeat-x;
    background-position: left bottom
}

#contents-balloon-service-plan p.more a:hover {
    color: #ffffff;
    border-color: #96da37;
    background-color: #afdf45;
    background-image: url('../img/htsr/owner/rst/balloon/btn_bg_green_hover.gif?4567');
    background-repeat: repeat-x;
    background-position: left bottom
}

/*.agency-auth {
    margin-top: 14px;
    padding: 2px;
    line-height: 1.6;
    *line-height: 1.4
}

.agency-auth .edit-list {
    width: 690px;
    margin: 16px auto 6px;
    border: 1px solid #dbdbdb
}

.agency-auth .edit-list p.list-title {
    float: left;
    width: 160px;
    padding: 50px 10px;
    background-color: #f4f4f4;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    font-weight: bold
}

.agency-auth .edit-list ul {
    float: right;
    width: 490px;
    padding: 10px 0
}

.agency-auth .edit-list ul li {
    width: 148px;
    float: left;
    padding: 0 0 0 14px;
    background: url('../img/htsr/icon/dot_disc.gif?4567') no-repeat 3px 5px
}

.agency-auth .edit-list ul li.notice {
    clear: both;
    background: none;
    width: 490px;
    padding: 4px 0 0
}

.agency-auth .btn {
    margin-top: 20px;
    padding: 12px 6px;
    text-align: center;
    background-color: #eff6fb
}
*/
.agency-auth .btn input[type="submit"] {
    margin-top: 8px;
    padding: 10px 24px
}

.agency-auth .btn input[type="submit"]:hover {
    cursor: pointer
}

.agency-auth .btn .agreedupon {
    padding: 10px 24px;
    color: #595960
}

#owner-container-ex .layout-owner-main {
    width: 950px
}

#owner-container-ex .layout-owner-main .owner-title {
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: center top;
    border: none
}

.like-count {
    line-height: 1.0
}


.like-count .count {
    float: left;
    padding: 0 3px 0 2px;
    color: #949499;
    font-family: Arial;
    font-weight: bold
}

/*.like-count .like-help {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    text-indent: -9999px;
    background: url('../img/htsr/restaurant/icons/like_icons.png?1499244152') no-repeat 0 -73px
}*/

/*.suggest-short-seed {
    margin: 10px 6px 0;
    padding: 7px 12px 12px;
    border: 1px solid #fad48a;
    border-radius: 3px;
    background-color: #ffffe8
}

.suggest-short-seed > ul {
    margin-top: 5px
}

.suggest-short-seed > ul > li {
    margin-top: 2px;
    padding: 0 0 0 15px;
    background: url('../img/htsr/icon/dot_blue.gif?4567') no-repeat 0 3px
}

.suggest-short-seed__onepoint-advice {
    width: 129px;
    height: 19px;
    text-indent: -9999px;
    background: url('../img/htsr/owner/rst/top/icon_onepoint.png?4567') no-repeat 0 0
}
*/
.announce-wrap {
    margin-top: 10px;
    padding: 7px 12px;
    border: 1px solid #fad48a;
    background-color: #ffffe8
}

.announce-wrap.font-small {
    font-size: 86%
}

.announce-wrap.pay-announce {
    margin-bottom: 10px
}

.announce-wrap .text-wrap {
    padding-bottom: 10px
}

.announce-wrap .announce-title {
    padding: 1px 0 4px 22px;
    font-weight: bold;
    background: url('../img/htsr/owner/common/icon_caution.gif?4567') no-repeat 0 0
}

label {
    cursor: pointer
}

.layout-liquid {
    padding: 0 20px;
    min-width: 940px
}

.tablet .layout-liquid {
    padding-right: 10px;
    padding-left: 10px
}

#header {
    position: relative;
    z-index: 2
}

.global-heading {
    display: none
}

.global-heading-logo {
    position: absolute;
    top: 6px;
    z-index: 1
}

.global-account-wrap {
    color: #d4d8de;
    background: #273c5c
}

.global-account {
    padding: 6px 0
}

.global-account > li {
    float: left;
    font-size: 92%
}

.global-account > li > a {
    color: #e9ebee
}

.global-account > li > a:hover {
    color: #1d9fbf
}

.global-account-register {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #52637d
}

li.global-account-help, li.global-account-logout, li.global-account-switch {
    float: right;
    padding: 0 10px;
    border-left: 1px solid #52637d
}

.global-nav-wrap {
    position: relative;
    z-index: 1;
    border-bottom: 3px solid #52637d;
    background: #ffffff
}

.global-nav {
    position: relative
}

.global-nav > li {
    padding: 4px 0
}

.global-nav-notice {
    float: left
}

.global-nav-ref {
    float: right
}

.global-nav-item, a.global-nav-item {
    display: block;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    padding: 7px 2px;
    color: #375582;
    text-decoration: none
}

li.global-nav-inquiry > .global-nav-item {
    margin-right: 0
}

.global-nav-item:hover, a.global-nav-item:hover {
    color: #1d9fbf
}

.global-nav-notice > .global-nav-item {
    font-weight: bold
}

.global-nav-item .badge {
    display: none;
    position: absolute;
    top: 1px;
    left: 11px;
    z-index: 1;
    font-weight: normal
}

.global-nav-today > .global-nav-item > .badge {
    display: inline
}

.global-nav-item.is-highlight > .badge {
    background-color: #1d9fbf
}

.global-nav-item:before {
    color: #273c5c;
    font-size: 18px;
    line-height: 1;
    vertical-align: bottom
}

.global-nav-item:hover:before {
    color: #1d9fbf
}

.global-nav-notice > .global-nav-item:before {
    margin-right: 7px
}

.global-nav-ref > .global-nav-item:before {
    margin-right: 6px
}

.global-navbar-wrap {
    margin-top: -1px
}

.global-navbar > li {
    float: left;
    width: 11.1%
}

.global-navbar > li > a {
    padding-right: 2px !important;
    padding-left: 2px !important
}

.global-navbar > li.is-disabled {
    padding-right: 2px !important;
    padding-left: 2px !important
}
#footer {
    border-top: 1px solid #d6d8d9;
    background: #f7f7f7
}

#footer a {
    color: #2a65a0
}

#footer a:hover {
    color: #1d9fbf
}

.global-support-wrap {
    padding: 10px 0
}

.global-support {
    float: left;
    width: 100%
}

.yoyaku-support {
    margin-bottom: 8px;
    margin-left: 338px
}

.yoyaku-support > li {
    float: left;
    margin-right: 16px;
    border-right: 1px solid #d6d8d9
}

.yoyaku-support > li > a {
    display: block;
    float: left;
    padding: 2px 16px 2px 2px
}

.yoyaku-support > li > a:before {
    display: inline-block;
    margin-right: 6px;
    color: #273c5c;
    font-size: 18px;
    vertical-align: middle;
    line-height: 1
}

.yoyaku-support > li > a:hover:before {
    color: #1d9fbf
}

.owner-support-wrap {
    margin-left: 338px;
    padding: 6px;
    border-radius: 3px;
    height: 52px;
    background: #eaebeb
}

.yoyaku-support + .owner-support-wrap {
    height: auto
}

.owner-support-title {
    float: left;
    color: #273c5c;
    font-size: 92%;
    line-height: 2
}

.owner-support-title:before {
    margin: 0 4px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1
}

.owner-support {
    float: left
}

.owner-support > li {
    float: left;
    padding: 3px 9px;
    border-left: 1px solid #c1c4c5
}

.owner-support > li.owner-support-faq {
    padding-left: 4px;
    border-left: none
}

.owner-support > li.owner-support-faq:before {
    margin-right: 2px;
    color: #273c5c
}

.global-inquiry {
    float: left;
    margin-left: -100%;
    border-right: 1px solid #d6d8d9;
    width: 330px
}

.global-inquiry-oldphone {
    position: relative;
    float: left;
    border-radius: 3px;
    width: 64px;
    height: 64px;
    color: #273c5c;
    background: #eaebeb
}

.global-inquiry-oldphone > abbr {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    text-indent: 0;
}

.global-inquiry-oldphone:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    font-size: 40px;
    line-height: 1
}

.global-inquiry > dl {
    float: left;
    margin-left: 10px;
    width: 254px
}

.global-inquiry-title {
    margin-top: 2px;
    color: #52637d;
    font-size: 92%
}
.global-inquiry-telephone {
    margin-top: 1px;
    color: #273c5c;
    letter-spacing: 2px
}

.global-inquiry-telephone__tel {
    font-weight: bold;
    font-size: 167%
}

.global-inquiry-telephone__link {
    margin-bottom: 5px
}

.global-inquiry-telehour {
    margin-top: 1px;
    color: #707578;
    font-size: 92%;
    line-height: 1.2
}
.global-agreement {
    padding: 8px 4px 0;
    border-top: 1px solid #d6d8d9
}

.global-agreement > li {
    float: left;
    margin-right: 6px;
    margin-bottom: 2px;
    padding-right: 6px;
    border-right: 1px solid #d6d8d9;
    font-size: 92%
}

#footer > .global-agreement > li > a {
    color: #999d9f;
    text-decoration: none
}

#footer > .global-agreement > li > a:hover {
    color: #c1c4c5;
    text-decoration: underline
}

.global-agreement-comment {
    display: block;
    padding: 2px 4px 8px 4px;
    color: #999d9f;
    font-size: 84%
}

.global-copyright {
    padding: 8px 4px 15px 170px;
    border-top: 1px solid #d6d8d9;
    color: #707578;
    font-size: 92%;
    text-align: right;
    background: url('../img/htsr/owner/common/footer_logo.png?4567') no-repeat 0 6px;
    -webkit-background-size: 160px 20px;
    background-size: 160px 20px
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .global-copyright {
        background-image: url('../img/htsr/owner/common/footer_logo_2x.png?4567')
    }

}

.modal-open {
    overflow: hidden
}

.modal-back {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 150%;
    height: 100%;
    overflow: hidden;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #333b3f
}

.modal-shadow {
    -webkit-box-shadow: 0 0 2px 1px rgba(51, 59, 63, 0.4);
    box-shadow: 0 0 2px 1px rgba(51, 59, 63, 0.4)
}

.tooltip-shadow {
    -webkit-box-shadow: 0 0 1px 1px rgba(51, 59, 63, 0.12);
    box-shadow: 0 0 1px 1px rgba(51, 59, 63, 0.12)
}

.entry-lead-modal {
    margin-top: -70px
}

.entry-lead-text {
    line-height: 1.5
}

.entry-lead-text > p {
    margin: 10px 0
}

.contents .heading2 {
    margin-top: 14px
}

.contents .notification {
    margin-top: 14px
}

.contents .notification--warning .ogly-b-alert:before {
    color: #f2aa0f;
    font-size: 14px;
    vertical-align: middle
}

.contents .annotation {
    font-size: 11px
}

.contents .stepbar {
    margin-top: 14px
}

.contents-header {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: #d6d8d9 solid 1px;
    -webkit-box-shadow: 0 1px 1px rgba(51, 59, 63, 0.1);
    box-shadow: 0 1px 1px rgba(51, 59, 63, 0.1);
    background-color: #ffffff
}

.contents-heading {
    float: left;
    padding: 5px 15px 0 5px;
    width: 160px;
    color: #1c2b42;
    font-weight: bold;
    font-size: 134%;
    letter-spacing: 1px;
    white-space: nowrap;
    line-height: 1.3
}

.contents-nav-right {
    float: right
}

.contents-nav-right:before, .contents-nav-right:after {
    display: block;
    overflow: hidden;
    content: ""
}

.contents-nav-right:after {
    clear: both
}

.contents-nav-right {
    zoom: 1;
}

.contents-nav-right > li {
    float: left;
    padding-left: 8px
}

.contents-nav-right > li:first-child {
    padding-left: 0
}

.contents-action {
    display: table;
    margin: 0 auto;
    overflow: hidden
}

.contents-action-item {
    display: table-cell;
    position: relative;
    padding: 15px;
    width: 280px;
    overflow: hidden;
    vertical-align: top
}
.contents-action-item > .line_yet_coodinate_start{
    width: 320px;
}

.contents-action-item.contents-action-item--lg {
    width: 600px
}

.contents-action-item > .btn {
    padding-right: 4px;
    padding-left: 4px;
    width: 100%
}

.contents-action-emphasis {
    margin-top: 5px;
    text-align: center;
    line-height: 1.5
}

.process-result {
    display: none;
    margin-top: 10px;
    padding: 10px;
    min-width: 940px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 109%;
    text-align: center
}

.process-result.is-overlay {
    display: none;
    position: fixed;
    top: 10px;
    left: 1%;
    z-index: 1000;
    margin-top: 0;
    padding: 15px 10px;
    width: 98%;
    -webkit-box-shadow: 0 0 2px 1px rgba(51, 59, 63, 0.4);
    box-shadow: 0 0 2px 1px rgba(51, 59, 63, 0.4);
    font-size: 117%;
    filter: alpha(opacity=98);
    opacity: 0.98
}

.yoyakunote-alert {
    margin-top: 14px
}

.newplan-info {
    text-align: center;
    margin-top: 1rem
}

.newplan-info__title {
    color: #333b3f;
    font-weight: bold
}

.newplan-info__link {
    font-weight: bold;
    text-decoration: none;
    margin-top: 0.5rem;
    font-size: 1.4rem
}

.newplan-info__link-target {
    text-decoration: none
}

.newplan-info__link-target::before {
    color: #0082d0;
    margin-right: 0.3rem;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f636"
}

.newplan-info__link-target:hover {
    color: #f90;
    text-decoration: none;
    background-color: transparent
}

.newplan-info__link-target:hover > span {
    text-decoration: underline
}

.newplan-info__notice {
    color: #e64939;
    font-size: 1.1rem
}

.owner-yoyaku-container {
    font-family: "ＭＳ Ｐゴシック", Arial, sans-serif
}

.owner-yoyaku-container input, .owner-yoyaku-container button, .owner-yoyaku-container select, .owner-yoyaku-container textarea {
    font-family: "ＭＳ Ｐゴシック", Arial, sans-serif
}
/*
.contents-up {
    padding: 8px 4px 10px 0;
    font-size: 100%;
    text-align: right;
    line-height: 1.3
}

.contents-up a.up {
    padding: 1px 0 1px 14px;
    background-image: url('../img/htsr/icon/icon_action_up.gif?4567');
    background-repeat: no-repeat;
    background-position: left center
}*/

#owner-container input[type="text"] {
    margin-bottom: 4px
}

#owner-container input[type="radio"] {
    margin-right: 4px
}

#owner-container select {
    margin-right: 4px
}

.lead-explanation {
    padding: 6px 5px 0 5px
}

.lead-explanation p {
    padding: 6px 0 0;
    line-height: 1.5
}

.lead-explanation .notice {
    color: #66aa00;
    font-size: 92%
}

.lead-explanation .notice-l {
    color: #66aa00
}

.lead-explanation p.notice {
    padding-top: 4px
}

.lead-explanation p.attention {
    padding-left: 20px;
    color: #ff0000;
    font-weight: bold;
    background-image: url('../img/htsr/owner/common/icon_caution.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 7px
}

.lead-explanation p.emphasis {
    margin: 6px 0;
    padding: 6px;
    border: 1px solid #e9d296;
    background-color: #fefae6
}

.lead-explanation p.normal-ex {
    padding: 6px;
    border: 1px solid #a5bcd1;
    background-color: #f1f4f8
}

.form-errors {
    margin-top: 12px;
    padding: 6px;
    border: 1px solid #ee0000;
    color: #ee0000;
    font-size: 100%;
    background-color: #fff0f0
}

.form-success {
    margin-top: 12px;
    padding: 8px 0;
    border: 1px solid #fae486;
    color: #797152;
    font-weight: bold;
    font-size: 109%;
    font-size: 100%;
    text-align: center;
    background-color: #fefae6
}

div.lead-formerror {
    margin-top: 12px;
    padding: 3px 6px 6px 6px;
    border: 1px solid #ffaaaa;
    background: #fff0f0
}

div.lead-formerror p {
    padding: 4px 0 0 19px;
    line-height: 1.4;
    background-image: url('../img/htsr/owner/common/icon_exclamation.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 3px
}

ul.lead-formerror {
    margin-top: 12px;
    padding: 3px 6px 6px 6px;
    border: 1px solid #ffaaaa;
    background: #fff0f0
}

ul.lead-formerror li {
    padding: 4px 0 0 19px;
    color: #ff0000;
    line-height: 1.4;
    background-image: url('../img/htsr/owner/common/icon_exclamation.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 3px
}

.secure-comment {
    margin-top: 20px;
    padding: 0 10px;
    border: solid 1px #d0d0d0
}

.secure-comment .text {
    float: left;
    padding: 10px 0;
    width: 760px;
    color: #666666;
    line-height: 1.4
}

.secure-comment .logo {
    float: right;
    padding: 10px 0 0 0;
    width: 160px
}

.oc-alert {
    position: relative;
    border: 1px solid #c1c4c5;
    border-radius: 4px;
    line-height: 1.5;
    background-color: #f6f6f6;
    padding: 1rem 2.4rem 1rem 1.2rem
}

.oc-alert.is-success {
    border-color: #afc873;
    color: #80a12e;
    background-color: #f4f7ec
}

.oc-alert.is-info {
    border-color: #67bcd1;
    color: #178aa6;
    background-color: #e8f5f8
}

.oc-alert.is-warning {
    border-color: #f6c458;
    color: #d89400;
    background-color: #fefae6
}

.oc-alert.is-danger {
    border-color: #ed7f74;
    color: #cd2615;
    background-color: #fdefee
}

.oc-alert__message {
    display: block;
    margin: 0.2rem 0
}

.oc-alert__message > * {
    margin-right: 0.3em
}

.oc-alert__close {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 2rem;
    height: 2rem
}

.oc-alert__close:before {
    display: inline-block;
    color: #999d9f;
    text-align: center;
    line-height: 1.66667;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62e"
}

.oc-alert__close:hover:before {
    color: #c1c4c5
}

.alert {
    position: relative;
    padding: 10px 24px 10px 12px;
    border: #c1c4c5 solid 1px;
    border-radius: 4px;
    background-color: #f5f5f5
}

.alert strong {
    font-weight: bold
}

.alert__message {
    padding: 2px 0
}

.alert__message > strong {
    margin-right: 4px
}

.alert__close {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: #999d9f;
    font-size: 12px;
    background-color: transparent
}

.alert__close:before {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62e"
}

.alert__close:hover {
    color: #adb1b2
}

.tablet .alert__close {
    top: 4px;
    right: 4px;
    font-size: 14px
}

.alert.is-success {
    border-color: #b0ca72;
    color: #80a030;
    background-color: #f4f7eb
}

.alert.is-success strong {
    color: #80a030
}

.alert.is-info {
    border-color: #60bcd2;
    color: #1a90ad;
    background-color: #e8f5f8
}

.alert.is-info strong {
    color: #1a90ad
}

.alert.is-warning {
    border-color: #f6c357;
    color: #d99400;
    background-color: #fef8e7
}

.alert.is-warning strong {
    color: #d99400
}

.alert.is-error {
    border-color: #ed7f74;
    color: #cc301f;
    background-color: #fceceb
}

.alert.is-error strong {
    color: #cc301f
}

.oc-badge {
    display: inline-block;
    border-radius: 3px;
    min-width: 1em;
    min-height: 1em;
    color: #fff;
    text-align: center;
    line-height: 1;
    background-color: #999d9f;
    padding: 0.3rem;
    font-size: 1.1rem;
    -webkit-box-shadow: 0 0 0 1.5px #fff;
    box-shadow: 0 0 0 1.5px #fff
}

.oc-badge.is-disabled {
    background-color: rgba(156, 156, 156, 0.2)
}

.oc-badge.oc-badge--primary {
    background-color: #2a65a0
}

.oc-badge.oc-badge--primary.is-disabled {
    background-color: rgba(62, 101, 140, 0.2)
}

.oc-badge.oc-badge--info {
    background-color: #1d9fbf
}

.oc-badge.oc-badge--info.is-disabled {
    background-color: rgba(51, 146, 169, 0.2)
}

.oc-badge.oc-badge--danger {
    background-color: #e64939
}

.oc-badge.oc-badge--danger.is-disabled {
    background-color: rgba(208, 91, 79, 0.2)
}

.oc-badge.oc-badge--circle {
    border-radius: 1.2rem
}

.badge {
    display: inline-block;
    padding: 3px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    min-width: 1em;
    min-height: 1em;
    color: #ffffff;
    font-size: 92%;
    text-align: center;
    line-height: 1;
    background-color: #999d9f
}

.badge.is-disabled {
    color: #ffffff;
    background-color: #ebebec
}

.badge--circle {
    border-radius: 12px
}

.badge--primary {
    background-color: #2a65a0
}

.badge--primary.is-disabled {
    background-color: #cbd6e3
}

.badge--info {
    background-color: #1d9fbf
}

.badge--info.is-disabled {
    background-color: #c9e3ea
}

.badge--emphasis {
    background-color: #e64939
}

.badge--emphasis.is-disabled {
    background-color: #f3d3d0
}

.oc-badge-tpoint::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    content: '';
    vertical-align: bottom;
    background: url('../img/htsr/owner/icon/tpoint_logo.svg?1507180277');
    background-size: cover;
    margin-right: 0.4rem
}

.oc-badge-tpoint.oc-badge-tpoint--s::before {
    width: 15px;
    height: 15px;
    vertical-align: -15%
}

.oc-balloon {
    position: relative
}

.oc-balloon:before, .oc-balloon:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    width: 0;
    height: 0;
    line-height: 0;
    content: ''
}

.oc-balloon.oc-balloon--top {
    padding-bottom: 8px
}

.oc-balloon.oc-balloon--top:before {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #c1c4c5
}

.oc-balloon.oc-balloon--top:after {
    bottom: 2px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #fff
}

.oc-balloon.oc-balloon--right {
    padding-left: 8px
}

.oc-balloon.oc-balloon--right:before {
    top: 50%;
    left: 0;
    margin-top: -9px;
    border-width: 9px 9px 9px 0;
    border-right-color: #c1c4c5
}

.oc-balloon.oc-balloon--right:after {
    top: 50%;
    left: 1px;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #fff
}

.oc-balloon.oc-balloon--bottom {
    padding-top: 8px
}

.oc-balloon.oc-balloon--bottom:before {
    top: 0;
    left: 50%;
    margin-left: -9px;
    border-width: 0 9px 9px;
    border-bottom-color: #c1c4c5
}

.oc-balloon.oc-balloon--bottom:after {
    top: 1px;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #fff
}

.oc-balloon.oc-balloon--left {
    padding-right: 8px
}

.oc-balloon.oc-balloon--left:before {
    top: 50%;
    right: 0;
    margin-top: -9px;
    border-width: 9px 0 9px 9px;
    border-left-color: #c1c4c5
}

.oc-balloon.oc-balloon--left:after {
    top: 50%;
    right: 1px;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: #fff
}

.balloon {
    position: relative
}

.balloon:before, .balloon:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    width: 0;
    height: 0;
    line-height: 0;
    content: ""
}

.balloon--top {
    padding-bottom: 8px
}

.balloon--top:before {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #c1c4c5
}

.balloon--top:after {
    bottom: 2px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #ffffff
}

.balloon--right {
    padding-left: 8px
}

.balloon--right:before {
    top: 50%;
    left: 0;
    margin-top: -9px;
    border-width: 9px 9px 9px 0;
    border-right-color: #adb1b2
}

.balloon--right:after {
    top: 50%;
    left: 1px;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #ffffff
}

.balloon--bottom {
    padding-top: 8px
}

.balloon--bottom:before {
    top: 0;
    left: 50%;
    margin-left: -9px;
    border-width: 0 9px 9px;
    border-bottom-color: #adb1b2
}

.balloon--bottom:after {
    top: 1px;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #ffffff
}

.balloon--left {
    padding-right: 8px
}

.balloon--left:before {
    top: 50%;
    right: 0;
    margin-top: -9px;
    border-width: 9px 0 9px 9px;
    border-left-color: #adb1b2
}

.balloon--left:after {
    top: 50%;
    right: 1px;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: #ffffff
}

.oc-breadcrumbs {
    position: relative;
    display: block;
    color: #333b3f;
    padding-left: 1.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-breadcrumbs:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #c1c4c5;
    font-size: 1.4rem;
    vertical-align: text-top;
    line-height: 1;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f600"
}

.oc-breadcrumbs.oc-breadcrumbs--mappin:before {
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f67b"
}

.oc-breadcrumbs__item {
    display: inline;
    font-size: 1.1rem;
    white-space: nowrap
}

.oc-breadcrumbs__item:after {
    margin: 0 -0.4rem;
    display: inline-block;
    color: #c1c4c5;
    font-size: 1.4rem;
    vertical-align: text-top;
    line-height: 1;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f601"
}

.oc-breadcrumbs__item.is-current {
    font-weight: normal
}

.oc-breadcrumbs__item.is-current:after {
    content: ''
}

.oc-btn {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 2px;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    color: #333b3f;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    line-height: 1.4;
    background-color: #f6f6f6;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0.5rem 1.5rem;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-btn:hover {
    color: #333b3f;
    text-decoration: none;
    background-color: #fff
}

.oc-btn.is-disabled.is-disabled, .oc-btn:disabled:disabled {
    cursor: default;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    color: rgba(255, 255, 255, 0.95);
    text-shadow: none;
    background-color: rgba(156, 156, 156, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none
}

.oc-btn.oc-btn--emphasis {
    color: #e64939
}

.oc-btn.oc-btn--emphasis.is-disabled.is-disabled, .oc-btn.oc-btn--emphasis:disabled:disabled {
    color: rgba(255, 255, 255, 0.95)
}

.oc-btn.oc-btn--link {
    color: #0082d0;
    text-shadow: none;
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.oc-btn.oc-btn--link:hover {
    color: #f90;
    text-decoration: underline
}

.oc-btn.oc-btn--link.is-disabled.is-disabled, .oc-btn.oc-btn--link:disabled:disabled {
    color: #d6d8d9;
    border-color: transparent;
    text-decoration: none;
    background-color: transparent
}

.oc-btn.oc-btn--primary {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #2a65a0;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.oc-btn.oc-btn--primary:hover {
    background-color: #287ed5
}

.oc-btn.oc-btn--primary.is-disabled.is-disabled, .oc-btn.oc-btn--primary:disabled:disabled {
    background-color: rgba(62, 101, 140, 0.2)
}

.oc-btn.oc-btn--success {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #8fb336;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.oc-btn.oc-btn--complete {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #a6764f;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    border-radius: 4px;
}

.oc-btn.oc-btn--complete:hover {
    background-color: #bd875b;
}

.oc-btn.oc-btn--success:hover {
    background-color: #acd646
}

.oc-btn.oc-btn--success.is-disabled.is-disabled, .oc-btn.oc-btn--success:disabled:disabled {
    background-color: rgba(133, 156, 77, 0.2)
}

.oc-btn--success_line:disabled:disabled {
    background-color: rgba(133, 156, 77, 0.5)
}

.oc-btn.oc-btn--info {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #1d9fbf;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.oc-btn.oc-btn--info:hover {
    background-color: #24c4eb
}

.oc-btn.oc-btn--info.is-disabled.is-disabled, .oc-btn.oc-btn--info:disabled:disabled {
    background-color: rgba(51, 146, 169, 0.2)
}

.oc-btn.oc-btn--warning {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #f2aa0f;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.oc-btn.oc-btn--warning:hover {
    background-color: #ffbf35
}

.oc-btn.oc-btn--warning.is-disabled.is-disabled, .oc-btn.oc-btn--warning:disabled:disabled {
    background-color: rgba(217, 161, 40, 0.2)
}

.oc-btn.oc-btn--danger {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #e64939;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.oc-btn.oc-btn--danger:hover {
    background-color: #f46c5e
}

.oc-btn.oc-btn--danger.is-disabled.is-disabled, .oc-btn.oc-btn--danger:disabled:disabled {
    background-color: rgba(208, 91, 79, 0.2)
}

.oc-btn.oc-btn--inverse {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #273c5c;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.oc-btn.oc-btn--inverse:hover {
    background-color: #2d5189
}

.oc-btn.oc-btn--inverse.is-disabled.is-disabled, .oc-btn.oc-btn--inverse:disabled:disabled {
    background-color: rgba(52, 63, 79, 0.2)
}

.oc-btn.oc-btn--s {
    padding: 0.4rem 1.2rem;
    font-size: 1.1rem
}

.oc-btn.oc-btn--l {
    padding: 0.6rem 1.8rem;
    font-size: 1.3rem
}

.oc-btn.oc-btn--full {
    width: 100%
}

.oc-btn[class^="ogly-b-"]:before, .oc-btn[class*=" ogly-b-"]:before, .oc-btn[class^="ogly-a-"]:after, .oc-btn[class*=" ogly-a-"]:after {
    display: inline-block;
    font-size: 1.15em;
    vertical-align: middle;
    line-height: 1
}

.oc-btn[class^="ogly-b-"]:before, .oc-btn[class*=" ogly-b-"]:before {
    margin-right: 0.3em
}

.oc-btn[class^="ogly-a-"]:after, .oc-btn[class*=" ogly-a-"]:after {
    margin-left: 0.3em
}

.btn {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-width: 2px;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    color: #333b3f;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    line-height: 1.4;
    background-color: #f6f6f6;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0.5rem 1.5rem;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn:hover {
    color: #333b3f;
    text-decoration: none;
    background-color: #fff
}

.btn.is-disabled.is-disabled, .btn:disabled:disabled {
    cursor: default;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    color: rgba(255, 255, 255, 0.95);
    text-shadow: none;
    background-color: rgba(156, 156, 156, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn--emphasis {
    color: #e64939
}

.btn.btn--emphasis.is-disabled.is-disabled, .btn.btn--emphasis:disabled:disabled {
    color: rgba(255, 255, 255, 0.95)
}

.btn.btn--link {
    color: #0082d0;
    text-shadow: none;
    border-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn--link:hover {
    color: #f90;
    text-decoration: underline
}

.btn.btn--link.is-disabled.is-disabled, .btn.btn--link:disabled:disabled {
    color: #d6d8d9;
    border-color: transparent;
    text-decoration: none;
    background-color: transparent
}

.btn.btn--primary {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #2a65a0;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.btn.btn--primary:hover {
    background-color: #287ed5
}

.btn.btn--primary.is-disabled.is-disabled, .btn.btn--primary:disabled:disabled {
    background-color: rgba(62, 101, 140, 0.2)
}

.btn.btn--success {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #8fb336;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.btn.btn--success:hover {
    background-color: #acd646
}

.btn.btn--success.is-disabled.is-disabled, .btn.btn--success:disabled:disabled {
    background-color: rgba(133, 156, 77, 0.2)
}

.btn.btn--info {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #1d9fbf;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.btn.btn--info:hover {
    background-color: #24c4eb
}

.btn.btn--info.is-disabled.is-disabled, .btn.btn--info:disabled:disabled {
    background-color: rgba(51, 146, 169, 0.2)
}

.btn.btn--warning {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #f2aa0f;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.btn.btn--warning:hover {
    background-color: #ffbf35
}

.btn.btn--warning.is-disabled.is-disabled, .btn.btn--warning:disabled:disabled {
    background-color: rgba(217, 161, 40, 0.2)
}

.btn.btn--danger {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #e64939;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.btn.btn--danger:hover {
    background-color: #f46c5e
}

.btn.btn--danger.is-disabled.is-disabled, .btn.btn--danger:disabled:disabled {
    background-color: rgba(208, 91, 79, 0.2)
}

.btn.btn--inverse {
    border-top-color: rgba(0, 0, 0, 0.05);
    border-right-color: rgba(0, 0, 0, 0.05);
    border-left-color: rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #273c5c;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset
}

.btn.btn--inverse:hover {
    background-color: #2d5189
}

.btn.btn--inverse.is-disabled.is-disabled, .btn.btn--inverse:disabled:disabled {
    background-color: rgba(52, 63, 79, 0.2)
}

.btn.btn--sm {
    padding: 0.4rem 1.2rem;
    font-size: 1.1rem
}

.btn.btn--lg {
    padding: 0.6rem 1.8rem;
    font-size: 1.3rem
}

.btn[class^="ogly-b-"]:before, .btn[class*=" ogly-b-"]:before, .btn[class^="ogly-a-"]:after, .btn[class*=" ogly-a-"]:after {
    display: inline-block;
    font-size: 1.15em;
    vertical-align: middle;
    line-height: 1
}

.btn[class^="ogly-b-"]:before, .btn[class*=" ogly-b-"]:before {
    margin-right: 0.3em
}

.btn[class^="ogly-a-"]:after, .btn[class*=" ogly-a-"]:after {
    margin-left: 0.3em
}

.btn.btn--info.btn-check_all {
    width: 100%;
    padding:  0.5rem;
}

.oc-calendar {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-calendar > caption {
    margin: 0;
    padding: 0 0 6px;
    font-weight: bold;
    text-align: center;
    font-size: 1.4rem
}

.oc-calendar__cell {
    border: solid 1px #c1c4c5
}

.oc-calendar__cell.oc-calendar__cell--sat {
    color: #2a65a0
}

.oc-calendar__cell.oc-calendar__cell--sun, .oc-calendar__cell.oc-calendar__cell--holiday.oc-calendar__cell--holiday {
    color: #e64939
}

.oc-calendar__cell.oc-calendar__cell--today {
    background-color: #fef6d7
}

.oc-calendar__cell.oc-calendar__cell--closed {
    background-color: #eaebeb
}

thead .oc-calendar__cell {
    border-bottom-width: 2px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color: #f6f6f6;
    padding: 0.3rem;
    font-size: 1.1rem
}

.oc-calendar thead .oc-calendar__cell.oc-calendar__cell--sat {
    background-color: #e5eff8
}

.oc-calendar thead .oc-calendar__cell.oc-calendar__cell--sun {
    background-color: #fcebea
}

tbody .oc-calendar__cell {
    font-weight: normal;
    vertical-align: top;
    padding: 0.4rem
}

.oc-calendar__target {
    display: block;
    color: inherit;
    margin: -0.4rem;
    padding: 0.4rem
}

.oc-calendar a.oc-calendar__target {
    cursor: pointer;
    text-decoration: none
}

.oc-calendar a.oc-calendar__target:hover {
    color: inherit;
    background-color: #fffcf0
}

.oc-calendar__day {
    text-align: center
}

.oc-calendar__day > span {
    margin-left: 2px;
    font-size: 1.1rem
}

.calendar {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    background-color: #ffffff
}

.calendar > caption {
    margin: 0;
    padding: 0 0 6px;
    font-weight: bold;
    font-size: 117%;
    text-align: center
}

.calendar > thead > tr > th {
    padding: 2px;
    border: solid 1px #c1c4c5;
    border-bottom: solid 2px #c1c4c5;
    font-weight: bold;
    font-size: 92%;
    text-align: center;
    vertical-align: middle;
    background-color: #f7f7f7
}

.calendar > thead > tr > .calendar-sat {
    color: #2a65a0;
    background-color: #e9eff5
}

.calendar > thead > tr > .calendar-sun {
    color: #e64939;
    background-color: #fceceb
}

.calendar > tbody > tr > td {
    border: solid 1px #c1c4c5;
    font-weight: normal;
    vertical-align: top
}

.calendar > tbody > tr > td > .calendar-cell {
    display: block;
    padding: 2px
}

.calendar > tbody > tr > td > a {
    color: #333b3f;
    text-decoration: none
}

.calendar > tbody > tr > td > a:hover {
    background-color: #fefbec
}

.calendar-date {
    text-align: center
}

.calendar-sat .calendar-date {
    color: #2a65a0
}

.calendar-sun .calendar-date {
    color: #e64939
}

.calendar-holiday .calendar-date {
    color: #e64939
}

.calendar-holiday .calendar-date > span {
    margin-left: 2px;
    font-size: 92%
}

.calendar-today {
    background-color: #fdf6d6
}

.calendar-closed {
    background-color: #eaebeb
}

.calendar--lg > caption {
    padding-bottom: 12px;
    font-size: 134%;
}

.calendar--lg > caption.embedded-calendar {
    margin-left: 13px;
    text-align: left;
}

.calendar--lg > thead > tr > th {
    padding: 4px
}

.calendar--lg > tbody > tr > td > .calendar-cell {
    padding: 4px
}

.calendar-nav > .navbtn {
    float: right;
    margin-bottom: -24px;
    font-size: 117%
}

.oc-heading1 {
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.3;
    background-color: #273c5c;
    padding: 0.9rem 1.2rem 0.7rem;
    font-size: 1.6rem
}

.owner-title {
    padding: 7px 9px 6px 9px;
    color: #ffffff;
    font-size: 116%;
    font-weight: bold;
    line-height: 1.3;
    background-color: #333333;
    background-image: url('../img/htsr/owner/rst/common/bg_maintitle.gif?4567');
    background-repeat: no-repeat;
    background-position: center top
}

.layout-owner-main .owner-title {
    margin-top: 15px;
    background-repeat: no-repeat;
    background-position: center top
}

.oc-heading2 {
    border-bottom: 1px solid #90795a;
    border-left: 6px solid #90795a;
    color: #1d2e48;
    font-weight: bold;
    letter-spacing: 0.05em;
    background-color: #f1f1f1;
    padding: 0.7rem 0.6rem 0.6rem;
    font-size: 1.4rem
}

.owner-stitle {
    margin: 15px 0 0 0;
    padding: 5px 5px 3px 6px;
    padding-top: 3px;
    font-size: 116%;
    line-height: 1.3;
    border-left: solid 5px #444444;
    border-bottom: solid 1px #444444;
    background-color: #f4f4f4
}

.owner-stitle .ex-info {
    padding-top: 1px;
    padding-right: 4px;
    float: right;
    font-size: 86%;
    font-weight: normal
}

.owner-stitle .ex-info .update {
    padding-left: 6px;
    color: #ff0000
}

.owner-stitle .line {
    color: #cccccc
}

.inquiry-stitle {
    margin-top: 25px
}

.oc-heading3 {
    border-left: 6px solid #273c5c;
    color: #1d2e48;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0.2rem 0.7rem 0.1rem;
    font-size: 1.3rem
}

.oc-icon {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.oc-icon:before {
    display: block;
    width: 32px;
    height: 32px;
    content: '';
    background-repeat: no-repeat;
    background-position: center center
}

/*.oc-icon.oc-icon--place1:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place0.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

/*.oc-icon.oc-icon--place2:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place1.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

/*.oc-icon.oc-icon--place3:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place2.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

/*.oc-icon.oc-icon--place4:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place3.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

/*.oc-icon.oc-icon--place5:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place4.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

/*.oc-icon.oc-icon--place6:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place5.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

/*.oc-icon.oc-icon--place7:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place6.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

/*.oc-icon.oc-icon--place8:before {*/
    /*background-image: url('../img/admin/seat_icons/icon_place7.png?4567');*/
    /*-webkit-background-size: 32px 32px;*/
    /*background-size: 32px 32px*/
/*}*/

.oc-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    background-repeat: no-repeat;
    background-position: center center
}

/*.oc-icon.oc-icon--smoking0:after {*/
    /*background-image: url('../img/htsr/owner/yoyaku/icon/icon_smoking.svg?4567');*/
    /*-webkit-background-size: 16px 16px;*/
    /*background-size: 16px 16px*/
/*}*/

/*.oc-icon.oc-icon--smoking1:after {*/
    /*background-image: url('../img/htsr/owner/yoyaku/icon/icon_nosmoking.svg?4567');*/
    /*-webkit-background-size: 16px 16px;*/
    /*background-size: 16px 16px*/
/*}*/

/*.icon-place1-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place0_smoking1.png?4567')*/
/*}*/
/*.icon-place1-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place0_smoking1.png?4567')*/
/*}*/
/*.icon-place1-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place0_smoking0.png?4567')*/
/*}*/
/*.icon-place1-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place0_smoking1.png?4567')*/
/*}*/

/*.icon-place2-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place1_smoking1.png?4567')*/
/*}*/
/*.icon-place2-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place1_smoking1.png?4567')*/
/*}*/
/*.icon-place2-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place1_smoking0.png?4567')*/
/*}*/
/*.icon-place2-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place1_smoking1.png?4567')*/
/*}*/

/*.icon-place3-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place2_smoking1.png?4567')*/
/*}*/
/*.icon-place3-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place2_smoking1.png?4567')*/
/*}*/
/*.icon-place3-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place2_smoking0.png?4567')*/
/*}*/
/*.icon-place3-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place2_smoking1.png?4567')*/
/*}*/

/*.icon-place4-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place3_smoking1.png?4567')*/
/*}*/
/*.icon-place4-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place3_smoking1.png?4567')*/
/*}*/
/*.icon-place4-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place3_smoking0.png?4567')*/
/*}*/
/*.icon-place4-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place3_smoking1.png?4567')*/
/*}*/

/*.icon-place5-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place4_smoking1.png?4567')*/
/*}*/
/*.icon-place5-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place4_smoking1.png?4567')*/
/*}*/
/*.icon-place5-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place4_smoking0.png?4567')*/
/*}*/
/*.icon-place5-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place4_smoking1.png?4567')*/
/*}*/

/*.icon-place6-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place5_smoking1.png?4567')*/
/*}*/
/*.icon-place6-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place5_smoking1.png?4567')*/
/*}*/
/*.icon-place6-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place5_smoking0.png?4567')*/
/*}*/
/*.icon-place6-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place5_smoking1.png?4567')*/
/*}*/

/*.icon-place7-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place6_smoking1.png?4567')*/
/*}*/
/*.icon-place7-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place6_smoking1.png?4567')*/
/*}*/
/*.icon-place7-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place6_smoking0.png?4567')*/
/*}*/
/*.icon-place7-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place6_smoking1.png?4567')*/
/*}*/

/*.icon-place8-smoking0 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place7_smoking1.png?4567')*/
/*}*/
/*.icon-place8-smoking1 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place7_smoking1.png?4567')*/
/*}*/
/*.icon-place8-smoking2 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place7_smoking0.png?4567')*/
/*}*/
/*.icon-place8-smoking3 {*/
    /*background-image: url('../img/admin/seat_icons/icon_place7_smoking1.png?4567')*/
/*}*/

@media (-webkit-min-device-pixel-ratio: 2) {
    /*.icon-place1-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place0_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place1-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place0_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place1-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place0_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place1-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place0_smoking1_2x.png?4567')*/
    /*}*/

    /*.icon-place2-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place1_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place2-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place1_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place2-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place1_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place2-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place1_smoking1_2x.png?4567')*/
    /*}*/

    /*.icon-place3-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place2_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place3-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place2_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place3-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place2_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place3-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place2_smoking1_2x.png?4567')*/
    /*}*/

    /*.icon-place4-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place3_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place4-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place3_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place4-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place3_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place4-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place3_smoking1_2x.png?4567')*/
    /*}*/

    /*.icon-place5-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place4_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place5-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place4_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place5-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place4_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place5-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place4_smoking1_2x.png?4567')*/
    /*}*/

    /*.icon-place6-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place5_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place6-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place5_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place6-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place5_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place6-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place5_smoking1_2x.png?4567')*/
    /*}*/

    /*.icon-place7-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place6_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place7-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place6_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place7-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place6_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place7-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place6_smoking1_2x.png?4567')*/
    /*}*/

    /*.icon-place8-smoking0 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place7_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place8-smoking1 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place7_smoking1_2x.png?4567')*/
    /*}*/
    /*.icon-place8-smoking2 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place7_smoking0_2x.png?4567')*/
    /*}*/
    /*.icon-place8-smoking3 {*/
        /*background-image: url('../img/admin/seat_icons/icon_place7_smoking1_2x.png?4567')*/
    /*}*/
}

.oc-label {
    display: inline-block;
    border-radius: 2px;
    border: 1px solid transparent;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    line-height: 1.2;
    background-color: #999d9f;
    padding: 0.3rem 0.6rem
}

.oc-label.oc-label--primary {
    background-color: #2a65a0
}

.oc-label.oc-label--success {
    background-color: #8fb336
}

.oc-label.oc-label--info {
    background-color: #1d9fbf
}

.oc-label.oc-label--warning {
    background-color: #f2aa0f
}

.oc-label.oc-label--danger {
    background-color: #e64939
}

.oc-label.oc-label--inverse {
    background-color: #273c5c
}

.oc-label.oc-label--bordered {
    color: #333b3f;
    border-color: #c1c4c5;
    background-color: #f6f6f6
}

.oc-label.oc-label--bordered.oc-label.oc-label--primary {
    color: #23588e;
    border-color: #6993bc;
    background-color: #e9eff5
}

.oc-label.oc-label--bordered.oc-label.oc-label--success {
    color: #80a12e;
    border-color: #afc873;
    background-color: #f4f7ec
}

.oc-label.oc-label--bordered.oc-label.oc-label--info {
    color: #178aa6;
    border-color: #67bcd1;
    background-color: #e8f5f8
}

.oc-label.oc-label--bordered.oc-label.oc-label--warning {
    color: #d89400;
    border-color: #f6c458;
    background-color: #fefae6
}

.oc-label.oc-label--bordered.oc-label.oc-label--danger {
    color: #cd2615;
    border-color: #ed7f74;
    background-color: #fdefee
}

.oc-label.oc-label--bordered.oc-label.oc-label--inverse {
    color: #1d2e48;
    border-color: #67768c;
    background-color: #e7e9ed
}

.oc-label.oc-label--s {
    padding: 0.2rem 0.4rem;
    font-size: 1.1rem
}

.label {
    display: inline-block;
    margin: 0;
    padding: 4px 8px;
    border-radius: 2px;
    color: #ffffff;
    font-weight: normal;
    font-size: 100%;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.2;
    background-color: #999d9f
}

.label--bordered {
    padding: 3px 7px;
    border: 1px solid #c1c4c5;
    color: #999d9f;
    background-color: #f5f5f5
}

.label--bordered.label--primary {
    border: 1px solid #6a92ba;
    color: #2a65a0;
    background-color: #e9eff5
}

.label--bordered.label--success {
    border: 1px solid #b0ca72;
    color: #8fb336;
    background-color: #f4f7eb
}

.label--bordered.label--info {
    border: 1px solid #60bcd2;
    color: #1d9fbf;
    background-color: #e8f5f8
}

.label--bordered.label--warning {
    border: 1px solid #f6c357;
    color: #f2aa0f;
    background-color: #fef8e7
}

.label--bordered.label--danger {
    border: 1px solid #ed7f74;
    color: #e64939;
    background-color: #fceceb
}

.label--bordered.label--inverse {
    border: 1px solid #66748a;
    color: #273c5c;
    background-color: #e9ebee
}

.label--primary {
    color: #ffffff;
    background-color: #2a65a0
}

.label--success {
    color: #ffffff;
    background-color: #8fb336
}

.label--info {
    color: #ffffff;
    background-color: #1d9fbf
}

.label--warning {
    color: #ffffff;
    background-color: #f2aa0f
}

.label--danger {
    color: #ffffff;
    background-color: #e64939
}

.label--inverse {
    color: #ffffff;
    background-color: #273c5c
}

.oc-lead {
    margin: 1.5rem 0
}

.oc-lead > p {
    line-height: 1.6;
    margin: 0 0.5rem 1rem
}

.oc-lead.oc-lead--center {
    text-align: center
}

.lead > p {
    padding: 6px;
    line-height: 1.5
}

.lead-frame {
    padding: 4px;
    border-radius: 4px;
    background-color: #eaebeb
}

.lead-frame > p {
    padding: 6px;
    line-height: 1.5
}

.lead-frame--inverse {
    color: #d4d8de;
    background-color: #273c5c
}

.owner-lead {
    padding: 8px 5px 0 5px
}

.owner-lead__text {
    padding: 6px 0 0 0;
    line-height: 1.5;
    line-height: 1.4;
}

.oc-list {
    background-color: #fff
}

.oc-list__item {
    line-height: 1.3;
    padding: 1rem
}

.oc-list__item + .oc-list__item {
    border-top: 1px solid #c1c4c5
}

.oc-list__target {
    display: block;
    position: relative;
    cursor: pointer;
    color: #0082d0;
    text-decoration: none;
    margin: -1rem;
    padding: 1rem
}

.oc-list__target:hover {
    color: #04a1ff;
    background-color: #fbfbfb
}

.oc-list__target.is-selected {
    cursor: default;
    color: #1d2e48;
    font-weight: bold;
    background-color: #f6f6f6;
    padding-right: 3rem
}

.oc-list__target.is-selected:after {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    color: #273c5c;
    line-height: 1;
    right: 0;
    padding-right: 1.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62a"
}

.oc-list__target.is-disabled {
    cursor: default;
    color: #d6d8d9;
    background-color: transparent
}

.oc-list.oc-list--bordered {
    border: 1px solid #c1c4c5;
    border-bottom-width: 2px;
    border-radius: 5px
}

.oc-list.oc-list--bordered .oc-list__item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.oc-list.oc-list--bordered .oc-list__item:first-child .oc-list__target {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.oc-list.oc-list--bordered .oc-list__item:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.oc-list.oc-list--bordered .oc-list__item:last-child .oc-list__target {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.oc-list.oc-list--striped .oc-list__item:nth-child(odd), .oc-list.oc-list--striped .oc-list__item:nth-child(odd) {
    background-color: #f6f6f6
}

.list {
    background-color: #ffffff
}

.list__item {
    padding: 10px;
    border-top: 1px solid #c1c4c5;
    line-height: 1.3
}

.list__item:first-child {
    border-top: none
}

.list__target {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 10px;
    color: #0b8ad4;
    text-decoration: none
}

.list__item > .list__target {
    margin: -10px
}

.list__target:hover {
    color: #0ca3fa;
    background-color: #f7f7f7
}

.list__target.is-selected {
    cursor: default;
    padding-right: 30px;
    color: #273c5c;
    font-weight: bold;
    background-color: #f7f7f7
}

.list__target.is-selected:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.6em;
    color: #2a65a0;
    font-size: 16px;
    line-height: 1;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62a"
}

.list__target.is-disabled, .list__target.is-disabled:hover {
    cursor: default;
    color: #d6d8d9;
    background-color: transparent
}

.list--striped > .list__item:nth-child(odd), .list--striped > .list__item:nth-child(odd) {
    background-color: #f7f7f7
}

.list--bordered {
    border: 1px solid #c1c4c5;
    border-bottom-width: 2px;
    border-radius: 5px
}

.list--bordered > .list__item:first-child {
    border-radius: 5px 5px 0 0
}

.list--bordered > .list__item:last-child {
    border-radius: 0 0 5px 5px
}

.list--bordered > .list__item:first-child > .list__target {
    border-radius: 5px 5px 0 0
}

.list--bordered > .list__item:last-child > .list__target {
    border-radius: 0 0 5px 5px
}

.oc-loader {
    display: inline-block;
    position: relative;
    width: 7rem;
    height: 7rem
}

.oc-loader:before {
    display: block;
    position: relative;
    color: rgba(51, 59, 63, 0.85);
    text-align: center;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f6b0"
}

.oc-loader:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border-radius: 50%;
    -webkit-animation: oc-loader 0.8s infinite ease;
    -moz-animation: oc-loader 0.8s infinite ease;
    animation: oc-loader 0.8s infinite ease
}

.oc-loader:before {
    line-height: 1.62791;
    width: 7rem;
    height: 7rem;
    font-size: 4rem
}

.oc-loader:after {
    margin: 3.2rem;
    width: 0.6rem;
    height: 0.6rem;
    font-size: 3.1rem
}

.oc-loader.oc-loader--l {
    width: 10rem;
    height: 10rem
}

.oc-loader.oc-loader--l:before {
    line-height: 1.5625;
    width: 10rem;
    height: 10rem;
    font-size: 6rem
}

.oc-loader.oc-loader--l:after {
    margin: 4.6rem;
    width: 0.8rem;
    height: 0.8rem;
    font-size: 4.5rem
}

.oc-loader.oc-loader--s {
    width: 5rem;
    height: 5rem
}

.oc-loader.oc-loader--s:before {
    line-height: 1.53846;
    width: 5rem;
    height: 5rem;
    font-size: 3rem
}

.oc-loader.oc-loader--s:after {
    margin: 2.25rem;
    width: 0.5rem;
    height: 0.5rem;
    font-size: 2.15rem
}

.oc-loader.oc-loader--xs {
    width: 2rem;
    height: 2rem
}

.oc-loader.oc-loader--xs:before {
    display: none
}

.oc-loader.oc-loader--xs:after {
    margin: 0.8rem;
    width: 0.4rem;
    height: 0.4rem;
    font-size: 0.7rem
}

.oc-loader.oc-loader--inverse:before {
    color: rgba(255, 255, 255, 0.85)
}

.oc-loader.oc-loader--inverse:after {
    -webkit-animation: oc-loader--inverse 1s infinite ease;
    -moz-animation: oc-loader--inverse 1s infinite ease;
    animation: oc-loader--inverse 1s infinite ease
}

@-webkit-keyframes oc-loader--inverse {
    0% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em -1em 0 0 rgba(255, 255, 255, 0.5), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), 1em 0.0em 0 0 rgba(255, 255, 255, 0.8)
    }

    8.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.8), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.0em 1em 0 0 rgba(255, 255, 255, 0), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.0em -1em 0 0 rgba(255, 255, 255, 0.4), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.6), 1em 0.0em 0 0 rgba(255, 255, 255, 0.7)
    }

    16.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.7), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.0em 1em 0 0 rgba(255, 255, 255, 0.9), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.3), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.5), 1em 0.0em 0 0 rgba(255, 255, 255, 0.6)
    }

    25% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.6), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.0em 1em 0 0 rgba(255, 255, 255, 0.8), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.9), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.4), 1em 0.0em 0 0 rgba(255, 255, 255, 0.5)
    }

    33.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.5), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.0em 1em 0 0 rgba(255, 255, 255, 0.7), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.8), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), -1em 0.0em 0 0 rgba(255, 255, 255, 0), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), 1em 0.0em 0 0 rgba(255, 255, 255, 0.4)
    }

    41.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.4), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.0em 1em 0 0 rgba(255, 255, 255, 0.6), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.7), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.8), -1em 0.0em 0 0 rgba(255, 255, 255, 0.9), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.3)
    }

    50% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.3), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em 1em 0 0 rgba(255, 255, 255, 0.5), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.6), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.7), -1em 0.0em 0 0 rgba(255, 255, 255, 0.8), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.9), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    58.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.0em 1em 0 0 rgba(255, 255, 255, 0.4), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.5), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.6), -1em 0.0em 0 0 rgba(255, 255, 255, 0.7), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.8), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.0em -1em 0 0 rgba(255, 255, 255, 0), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    66.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.3), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.4), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.5), -1em 0.0em 0 0 rgba(255, 255, 255, 0.6), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.0em -1em 0 0 rgba(255, 255, 255, 0.9), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    75% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.3), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.4), -1em 0.0em 0 0 rgba(255, 255, 255, 0.5), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.6), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.0em -1em 0 0 rgba(255, 255, 255, 0.8), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    83.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.3), -1em 0.0em 0 0 rgba(255, 255, 255, 0.4), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.5), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.0em -1em 0 0 rgba(255, 255, 255, 0.7), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.9), 1em 0.0em 0 0 rgba(255, 255, 255, 0)
    }

    91.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.3), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.4), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.0em -1em 0 0 rgba(255, 255, 255, 0.6), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.8), 1em 0.0em 0 0 rgba(255, 255, 255, 0.9)
    }

    100% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em -1em 0 0 rgba(255, 255, 255, 0.5), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), 1em 0.0em 0 0 rgba(255, 255, 255, 0.8)
    }

}

@-moz-keyframes oc-loader--inverse {
    0% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em -1em 0 0 rgba(255, 255, 255, 0.5), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), 1em 0.0em 0 0 rgba(255, 255, 255, 0.8)
    }

    8.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.8), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.0em 1em 0 0 rgba(255, 255, 255, 0), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.0em -1em 0 0 rgba(255, 255, 255, 0.4), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.6), 1em 0.0em 0 0 rgba(255, 255, 255, 0.7)
    }

    16.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.7), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.0em 1em 0 0 rgba(255, 255, 255, 0.9), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.3), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.5), 1em 0.0em 0 0 rgba(255, 255, 255, 0.6)
    }

    25% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.6), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.0em 1em 0 0 rgba(255, 255, 255, 0.8), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.9), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.4), 1em 0.0em 0 0 rgba(255, 255, 255, 0.5)
    }

    33.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.5), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.0em 1em 0 0 rgba(255, 255, 255, 0.7), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.8), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), -1em 0.0em 0 0 rgba(255, 255, 255, 0), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), 1em 0.0em 0 0 rgba(255, 255, 255, 0.4)
    }

    41.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.4), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.0em 1em 0 0 rgba(255, 255, 255, 0.6), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.7), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.8), -1em 0.0em 0 0 rgba(255, 255, 255, 0.9), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.3)
    }

    50% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.3), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em 1em 0 0 rgba(255, 255, 255, 0.5), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.6), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.7), -1em 0.0em 0 0 rgba(255, 255, 255, 0.8), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.9), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    58.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.0em 1em 0 0 rgba(255, 255, 255, 0.4), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.5), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.6), -1em 0.0em 0 0 rgba(255, 255, 255, 0.7), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.8), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.0em -1em 0 0 rgba(255, 255, 255, 0), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    66.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.3), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.4), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.5), -1em 0.0em 0 0 rgba(255, 255, 255, 0.6), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.0em -1em 0 0 rgba(255, 255, 255, 0.9), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    75% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.3), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.4), -1em 0.0em 0 0 rgba(255, 255, 255, 0.5), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.6), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.0em -1em 0 0 rgba(255, 255, 255, 0.8), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    83.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.3), -1em 0.0em 0 0 rgba(255, 255, 255, 0.4), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.5), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.0em -1em 0 0 rgba(255, 255, 255, 0.7), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.9), 1em 0.0em 0 0 rgba(255, 255, 255, 0)
    }

    91.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.3), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.4), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.0em -1em 0 0 rgba(255, 255, 255, 0.6), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.8), 1em 0.0em 0 0 rgba(255, 255, 255, 0.9)
    }

    100% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em -1em 0 0 rgba(255, 255, 255, 0.5), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), 1em 0.0em 0 0 rgba(255, 255, 255, 0.8)
    }

}

@keyframes oc-loader--inverse {
    0% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em -1em 0 0 rgba(255, 255, 255, 0.5), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), 1em 0.0em 0 0 rgba(255, 255, 255, 0.8)
    }

    8.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.8), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.0em 1em 0 0 rgba(255, 255, 255, 0), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.0em -1em 0 0 rgba(255, 255, 255, 0.4), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.6), 1em 0.0em 0 0 rgba(255, 255, 255, 0.7)
    }

    16.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.7), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.0em 1em 0 0 rgba(255, 255, 255, 0.9), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.3), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.5), 1em 0.0em 0 0 rgba(255, 255, 255, 0.6)
    }

    25% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.6), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.0em 1em 0 0 rgba(255, 255, 255, 0.8), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.9), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.4), 1em 0.0em 0 0 rgba(255, 255, 255, 0.5)
    }

    33.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.5), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.0em 1em 0 0 rgba(255, 255, 255, 0.7), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.8), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), -1em 0.0em 0 0 rgba(255, 255, 255, 0), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), 1em 0.0em 0 0 rgba(255, 255, 255, 0.4)
    }

    41.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.4), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.0em 1em 0 0 rgba(255, 255, 255, 0.6), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.7), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.8), -1em 0.0em 0 0 rgba(255, 255, 255, 0.9), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.3)
    }

    50% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.3), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em 1em 0 0 rgba(255, 255, 255, 0.5), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.6), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.7), -1em 0.0em 0 0 rgba(255, 255, 255, 0.8), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.9), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em -1em 0 0 rgba(255, 255, 255, 0.2), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    58.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.3), 0.0em 1em 0 0 rgba(255, 255, 255, 0.4), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.5), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.6), -1em 0.0em 0 0 rgba(255, 255, 255, 0.7), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.8), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.0em -1em 0 0 rgba(255, 255, 255, 0), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    66.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.3), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.4), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.5), -1em 0.0em 0 0 rgba(255, 255, 255, 0.6), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.0em -1em 0 0 rgba(255, 255, 255, 0.9), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.2), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    75% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.3), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.4), -1em 0.0em 0 0 rgba(255, 255, 255, 0.5), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.6), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.0em -1em 0 0 rgba(255, 255, 255, 0.8), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.9), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0), 1em 0.0em 0 0 rgba(255, 255, 255, 0.2)
    }

    83.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.3), -1em 0.0em 0 0 rgba(255, 255, 255, 0.4), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.5), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.0em -1em 0 0 rgba(255, 255, 255, 0.7), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.8), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.9), 1em 0.0em 0 0 rgba(255, 255, 255, 0)
    }

    91.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.3), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.4), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.5), 0.0em -1em 0 0 rgba(255, 255, 255, 0.6), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.7), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.8), 1em 0.0em 0 0 rgba(255, 255, 255, 0.9)
    }

    100% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.9), 0.5em 0.86603em 0 0 rgba(255, 255, 255, 0), 0.0em 1em 0 0 rgba(255, 255, 255, 0.2), -0.5em 0.86603em 0 0 rgba(255, 255, 255, 0.2), -0.86603em 0.5em 0 0 rgba(255, 255, 255, 0.2), -1em 0.0em 0 0 rgba(255, 255, 255, 0.2), -0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.3), -0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.4), 0.0em -1em 0 0 rgba(255, 255, 255, 0.5), 0.5em -0.86603em 0 0 rgba(255, 255, 255, 0.6), 0.86603em -0.5em 0 0 rgba(255, 255, 255, 0.7), 1em 0.0em 0 0 rgba(255, 255, 255, 0.8)
    }

}

@-webkit-keyframes oc-loader {
    0% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em -1em 0 0 rgba(74, 85, 91, 0.5), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), 1em 0.0em 0 0 rgba(74, 85, 91, 0.8)
    }

    8.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.8), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.0em 1em 0 0 rgba(74, 85, 91, 0), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.0em -1em 0 0 rgba(74, 85, 91, 0.4), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.6), 1em 0.0em 0 0 rgba(74, 85, 91, 0.7)
    }

    16.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.7), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.0em 1em 0 0 rgba(74, 85, 91, 0.9), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.3), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.5), 1em 0.0em 0 0 rgba(74, 85, 91, 0.6)
    }

    25% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.6), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.0em 1em 0 0 rgba(74, 85, 91, 0.8), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.9), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.4), 1em 0.0em 0 0 rgba(74, 85, 91, 0.5)
    }

    33.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.5), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.0em 1em 0 0 rgba(74, 85, 91, 0.7), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.8), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), -1em 0.0em 0 0 rgba(74, 85, 91, 0), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), 1em 0.0em 0 0 rgba(74, 85, 91, 0.4)
    }

    41.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.4), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.0em 1em 0 0 rgba(74, 85, 91, 0.6), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.7), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.8), -1em 0.0em 0 0 rgba(74, 85, 91, 0.9), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.3)
    }

    50% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.3), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em 1em 0 0 rgba(74, 85, 91, 0.5), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.6), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.7), -1em 0.0em 0 0 rgba(74, 85, 91, 0.8), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.9), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    58.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.0em 1em 0 0 rgba(74, 85, 91, 0.4), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.5), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.6), -1em 0.0em 0 0 rgba(74, 85, 91, 0.7), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.8), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.0em -1em 0 0 rgba(74, 85, 91, 0), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    66.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.3), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.4), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.5), -1em 0.0em 0 0 rgba(74, 85, 91, 0.6), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.0em -1em 0 0 rgba(74, 85, 91, 0.9), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    75% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.3), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.4), -1em 0.0em 0 0 rgba(74, 85, 91, 0.5), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.6), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.0em -1em 0 0 rgba(74, 85, 91, 0.8), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    83.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.3), -1em 0.0em 0 0 rgba(74, 85, 91, 0.4), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.5), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.0em -1em 0 0 rgba(74, 85, 91, 0.7), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.9), 1em 0.0em 0 0 rgba(74, 85, 91, 0)
    }

    91.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.3), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.4), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.0em -1em 0 0 rgba(74, 85, 91, 0.6), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.8), 1em 0.0em 0 0 rgba(74, 85, 91, 0.9)
    }

    100% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em -1em 0 0 rgba(74, 85, 91, 0.5), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), 1em 0.0em 0 0 rgba(74, 85, 91, 0.8)
    }

}

@-moz-keyframes oc-loader {
    0% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em -1em 0 0 rgba(74, 85, 91, 0.5), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), 1em 0.0em 0 0 rgba(74, 85, 91, 0.8)
    }

    8.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.8), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.0em 1em 0 0 rgba(74, 85, 91, 0), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.0em -1em 0 0 rgba(74, 85, 91, 0.4), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.6), 1em 0.0em 0 0 rgba(74, 85, 91, 0.7)
    }

    16.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.7), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.0em 1em 0 0 rgba(74, 85, 91, 0.9), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.3), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.5), 1em 0.0em 0 0 rgba(74, 85, 91, 0.6)
    }

    25% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.6), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.0em 1em 0 0 rgba(74, 85, 91, 0.8), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.9), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.4), 1em 0.0em 0 0 rgba(74, 85, 91, 0.5)
    }

    33.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.5), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.0em 1em 0 0 rgba(74, 85, 91, 0.7), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.8), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), -1em 0.0em 0 0 rgba(74, 85, 91, 0), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), 1em 0.0em 0 0 rgba(74, 85, 91, 0.4)
    }

    41.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.4), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.0em 1em 0 0 rgba(74, 85, 91, 0.6), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.7), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.8), -1em 0.0em 0 0 rgba(74, 85, 91, 0.9), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.3)
    }

    50% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.3), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em 1em 0 0 rgba(74, 85, 91, 0.5), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.6), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.7), -1em 0.0em 0 0 rgba(74, 85, 91, 0.8), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.9), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    58.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.0em 1em 0 0 rgba(74, 85, 91, 0.4), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.5), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.6), -1em 0.0em 0 0 rgba(74, 85, 91, 0.7), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.8), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.0em -1em 0 0 rgba(74, 85, 91, 0), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    66.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.3), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.4), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.5), -1em 0.0em 0 0 rgba(74, 85, 91, 0.6), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.0em -1em 0 0 rgba(74, 85, 91, 0.9), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    75% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.3), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.4), -1em 0.0em 0 0 rgba(74, 85, 91, 0.5), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.6), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.0em -1em 0 0 rgba(74, 85, 91, 0.8), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    83.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.3), -1em 0.0em 0 0 rgba(74, 85, 91, 0.4), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.5), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.0em -1em 0 0 rgba(74, 85, 91, 0.7), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.9), 1em 0.0em 0 0 rgba(74, 85, 91, 0)
    }

    91.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.3), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.4), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.0em -1em 0 0 rgba(74, 85, 91, 0.6), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.8), 1em 0.0em 0 0 rgba(74, 85, 91, 0.9)
    }

    100% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em -1em 0 0 rgba(74, 85, 91, 0.5), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), 1em 0.0em 0 0 rgba(74, 85, 91, 0.8)
    }

}

@keyframes oc-loader {
    0% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em -1em 0 0 rgba(74, 85, 91, 0.5), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), 1em 0.0em 0 0 rgba(74, 85, 91, 0.8)
    }

    8.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.8), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.0em 1em 0 0 rgba(74, 85, 91, 0), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.0em -1em 0 0 rgba(74, 85, 91, 0.4), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.6), 1em 0.0em 0 0 rgba(74, 85, 91, 0.7)
    }

    16.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.7), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.0em 1em 0 0 rgba(74, 85, 91, 0.9), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.3), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.5), 1em 0.0em 0 0 rgba(74, 85, 91, 0.6)
    }

    25% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.6), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.0em 1em 0 0 rgba(74, 85, 91, 0.8), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.9), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.4), 1em 0.0em 0 0 rgba(74, 85, 91, 0.5)
    }

    33.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.5), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.0em 1em 0 0 rgba(74, 85, 91, 0.7), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.8), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), -1em 0.0em 0 0 rgba(74, 85, 91, 0), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), 1em 0.0em 0 0 rgba(74, 85, 91, 0.4)
    }

    41.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.4), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.0em 1em 0 0 rgba(74, 85, 91, 0.6), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.7), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.8), -1em 0.0em 0 0 rgba(74, 85, 91, 0.9), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.3)
    }

    50% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.3), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em 1em 0 0 rgba(74, 85, 91, 0.5), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.6), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.7), -1em 0.0em 0 0 rgba(74, 85, 91, 0.8), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.9), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em -1em 0 0 rgba(74, 85, 91, 0.2), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    58.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.3), 0.0em 1em 0 0 rgba(74, 85, 91, 0.4), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.5), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.6), -1em 0.0em 0 0 rgba(74, 85, 91, 0.7), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.8), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.0em -1em 0 0 rgba(74, 85, 91, 0), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    66.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.3), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.4), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.5), -1em 0.0em 0 0 rgba(74, 85, 91, 0.6), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.0em -1em 0 0 rgba(74, 85, 91, 0.9), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.2), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    75% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.3), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.4), -1em 0.0em 0 0 rgba(74, 85, 91, 0.5), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.6), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.0em -1em 0 0 rgba(74, 85, 91, 0.8), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.9), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0), 1em 0.0em 0 0 rgba(74, 85, 91, 0.2)
    }

    83.33333% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.3), -1em 0.0em 0 0 rgba(74, 85, 91, 0.4), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.5), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.0em -1em 0 0 rgba(74, 85, 91, 0.7), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.8), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.9), 1em 0.0em 0 0 rgba(74, 85, 91, 0)
    }

    91.66667% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.3), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.4), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.5), 0.0em -1em 0 0 rgba(74, 85, 91, 0.6), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.7), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.8), 1em 0.0em 0 0 rgba(74, 85, 91, 0.9)
    }

    100% {
        box-shadow: 0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.9), 0.5em 0.86603em 0 0 rgba(74, 85, 91, 0), 0.0em 1em 0 0 rgba(74, 85, 91, 0.2), -0.5em 0.86603em 0 0 rgba(74, 85, 91, 0.2), -0.86603em 0.5em 0 0 rgba(74, 85, 91, 0.2), -1em 0.0em 0 0 rgba(74, 85, 91, 0.2), -0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.3), -0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.4), 0.0em -1em 0 0 rgba(74, 85, 91, 0.5), 0.5em -0.86603em 0 0 rgba(74, 85, 91, 0.6), 0.86603em -0.5em 0 0 rgba(74, 85, 91, 0.7), 1em 0.0em 0 0 rgba(74, 85, 91, 0.8)
    }

}

.loader.is-loading {
    display: block;
    min-width: 42px;
    min-height: 42px;
    background: url('../img/htsr/owner/loader/loader_32x32.gif?4567') no-repeat center center;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px
}

.loader--sm.is-loading {
    display: block;
    min-width: 26px;
    min-height: 26px;
    background: url('../img/htsr/owner/loader/loader_16x16.gif?4567') no-repeat center center;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px
}

.loader--lg.is-loading {
    display: block;
    min-width: 74px;
    min-height: 74px;
    background: url('../img/htsr/owner/loader/loader_64x64.gif?4567') no-repeat center center;
    -webkit-background-size: 64px 64px;
    background-size: 64px 64px
}

.loader.loader--default.is-loading {
    background-image: url('../img/htsr/owner/loader/loader_default_32x32.gif?4567')
}

.loader--sm.loader--default.is-loading {
    background-image: url('../img/htsr/owner/loader/loader_default_16x16.gif?4567')
}

.loader--lg.loader--default.is-loading {
    background-image: url('../img/htsr/owner/loader/loader_default_64x64.gif?4567')
}

.loader.loader--inverse.is-loading {
    background-image: url('../img/htsr/owner/loader/loader_inverse_32x32.gif?4567')
}

.loader--sm.loader--inverse.is-loading {
    background-image: url('../img/htsr/owner/loader/loader_inverse_16x16.gif?4567')
}

.loader--lg.loader--inverse.is-loading {
    background-image: url('../img/htsr/owner/loader/loader_inverse_64x64.gif?4567')
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .loader.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_64x64.gif?4567')
    }

    .loader--sm.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_32x32.gif?4567')
    }

    .loader--lg.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_128x128.gif?4567')
    }

    .loader.loader--default.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_default_64x64.gif?4567')
    }

    .loader--sm.loader--default.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_default_32x32.gif?4567')
    }

    .loader--lg.loader--default.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_default_128x128.gif?4567')
    }

    .loader.loader--inverse.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_inverse_64x64.gif?4567')
    }

    .loader--sm.loader--inverse.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_inverse_32x32.gif?4567')
    }

    .loader--lg.loader--inverse.is-loading {
        background-image: url('../img/htsr/owner/loader/loader_inverse_128x128.gif?4567')
    }

}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    background-color: #ffffff
}

.modal.is-visible {
    display: block
}

.modal.is-hidden {
    display: none
}

.modal__header {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #e1e1e1;
    min-height: 40px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.modal__title {
    padding: 10px 25px 8px 10px;
    color: #463f2d;
    font-weight: bold;
    font-size: 134%;
    text-align: center
}

.modal__close {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    margin: 3px;
    padding: 0;
    border: none;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: #999d9f;
    font-size: 12px;
    background-color: transparent
}

.modal__close:before {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62e"
}

.modal__close:hover {
    color: #adb1b2
}

.modal__contents {
    position: relative;
    z-index: 0;
    width: 100%
}

.modal__contents--scroll {
    max-height: 400px;
    overflow: hidden
}

.modal__inner {
    padding: 15px 20px
}

.modal__footer {
    padding: 12px 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 2px -2px rgba(188, 176, 138, 0.3) inset;
    text-align: center;
    background-color: #eeece4
}

.modal__item {
    display: inline-block;
    margin: 0 3px
}

.modal--s {
    margin-left: -175px;
    width: 350px
}

.modal--m {
    margin-left: -380px;
    width: 760px
}

.modal--l {
    margin-left: -490px;
    width: 980px
}

div.popup-help-window {
    position: relative;
    z-index: 10000
}
/*
div.popup-help-box {
    display: none;
    position: absolute;
    width: 575px;
    margin-top: 2px;
    color: #444444;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    border: solid 4px #b7deff;
    background-color: #ffffff;
    top: -185px;
    left: 125px;
    _left: 0
}

div.popup-help-box {
    \width: 583px;
    w\idth: 575px
}

div.popup-help-box .help-box {
    background-color: #ffffff;
    border: solid 1px #44a0f0
}

div.popup-help-box .help-box strong {
    color: #444444;
    font-weight: bold
}

div.popup-help-box .help-box p.help-close {
    padding: 12px;
    text-align: center
}

div.popup-help-box .help-box p.help-close a {
    display: block;
    width: 70px;
    height: 22px;
    margin: 0 auto;
    text-indent: -10000px;
    overflow: hidden;
    background-image: url('../img/htsr/btn/formbtn_close_s.gif?4567');
    background-repeat: no-repeat;
    background-position: center top
}

div.popup-help-box .help-box .head1 {
    padding: 6px 6px 5px 6px;
    font-size: 116%;
    font-weight: bold;
    line-height: 1.4;
    *line-height: 1.3;
    background-color: #d8eeff
}

div.popup-help-box .help-box .head1 a.close {
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    overflow: hidden;
    background-color: #338beb;
    background-image: url('../img/htsr/popup_help/icon_close.gif?4567');
    background-repeat: no-repeat;
    background-position: 1px 1px
}

div.popup-help-box .help-box .lead {
    background-color: #ffffff;
    padding: 12px 12px 0 12px
}

div.popup-help-box .help-box .lead p {
    padding: 6px 0 0 0;
    color: #555555;
    font-size: 100%;
    line-height: 1.4;
    *line-height: 1.3
}

div.popup-help-box .help-box .lead .top {
    width: 550px;
    padding: 0 0 90px;
    background: #fff url('../img/htsr/popup_help/image/image_pillow_name.jpg?4567') no-repeat 0 20px
}

div.popup-help-box .help-box .lead p.notice {
    padding: 4px 0 0 0;
    color: #55aa00;
    font-size: 86%
}

div.popup-help-box .help-box .lead .example p {
    float: left;
    width: 30px;
    color: #55aa00
}

div.popup-help-box .help-box .lead .example ul {
    float: left;
    width: 366px;
    padding-top: 5px;
    color: #55aa00
}

div.popup-help-box .help-box .attention p {
    background: url('../img/htsr/icon/icon_caution_s.gif?4567') no-repeat;
    padding-left: 16px
}

div.popup-help-box .help-box .attention {
    padding: 6px;
    padding-top: 4px;
    margin: 12px 12px 0;
    background: #f8f8f8;
    border: 1px solid #cccccc
}
*/
.oc-navbar {
    display: table;
    padding: 0 20px;
    border-top: 1px solid #c1c4c5;
    border-bottom: 1px solid #c1c4c5;
    width: 100%;
    table-layout: fixed;
    background-color: #f6f6f6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-navbar__item {
    display: table-cell;
    border-right: 1px solid #c1c4c5;
    cursor: pointer;
    color: #333b3f;
    line-height: 1.4;
    vertical-align: bottom;
    background-color: #f6f6f6
}

.oc-navbar__item:first-child {
    border-left: 1px solid #c1c4c5
}

.oc-navbar__item:hover {
    background-color: #fbfbfb
}

.oc-navbar__item.is-active.is-active {
    cursor: default;
    color: #1d2e48;
    background-color: #fff
}

.oc-navbar__item.is-disabled.is-disabled.is-disabled {
    cursor: default;
    color: #d6d8d9;
    background-color: #f6f6f6
}

.oc-navbar__dropdown .oc-navbar__item {
    display: block;
    border: none;
    border-top: 1px dotted #c1c4c5;
    background-color: #fbfbfb
}

.oc-navbar__dropdown .oc-navbar__item:hover {
    background-color: #fff
}

.oc-navbar__target {
    position: relative;
    display: block;
    cursor: inherit;
    overflow: hidden;
    color: inherit;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1rem 0.2rem
}

.oc-navbar__target:hover {
    color: inherit
}

.oc-navbar__target.is-idle:before {
    display: inline-block;
    margin-right: 0.2em;
    line-height: 1;
    color: #e64939;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f619"
}

.oc-navbar__item.is-active > .oc-navbar__target {
    margin-bottom: -1px;
    font-weight: bold;
    border-bottom: 1px solid #fff
}

.oc-navbar__dropdown .oc-navbar__item.is-active > .oc-navbar__target {
    margin-bottom: 0;
    border-bottom: none
}

.oc-navbar__item.oc-navbar__item--dropdown > .oc-navbar__target {
    padding-right: 1.6rem
}

.oc-navbar__item.oc-navbar__item--dropdown > .oc-navbar__target:after {
    position: absolute;
    top: 50%;
    z-index: 2;
    cursor: inherit;
    margin-top: -0.5em;
    width: 1em;
    height: 1em;
    color: #999d9f;
    line-height: 1;
    right: 0.6rem;
    font-size: 1.4rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f633";
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease
}

.oc-navbar__item.oc-navbar__item--dropdown:hover .oc-navbar__target:after {
    color: #adb1b2;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.oc-navbar__dropdown-wrapper {
    display: block;
    position: relative;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease
}

.oc-navbar__item.oc-navbar__item--dropdown:hover .oc-navbar__dropdown-wrapper {
    opacity: 1;
    visibility: visible
}

.oc-navbar__dropdown {
    display: block;
    position: absolute;
    left: -1px;
    right: -1px;
    border-right: 1px solid #c1c4c5;
    border-bottom: 1px solid #c1c4c5;
    border-left: 1px solid #c1c4c5
}

.navbar {
    padding: 0 10px;
    border-top: 1px solid #c1c4c5;
    border-bottom: 1px solid #c1c4c5;
    background-color: #f7f7f7
}

.navbar:before, .navbar:after {
    display: block;
    overflow: hidden;
    content: ""
}

.navbar:after {
    clear: both
}

.navbar {
    zoom: 1;
}

.navbar__item {
    position: relative;
    float: left;
    border-right: 1px solid #c1c4c5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4
}

.navbar__item:first-child {
    border-left: 1px solid #c1c4c5
}

.navbar__item.navbar__item--dropdown {
    position: relative
}

.navbar__item.navbar__item--dropdown:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 1;
    margin-top: -2px;
    width: 7px;
    height: 5px;
    content: "";
    background: url('../img/htsr/owner/yoyaku/icon/icon_navbar_down.png?4567') no-repeat 0 0
}

.navbar__item.navbar__item--dropdown:hover:after {
    display: none
}

.navbar__target {
    display: block;
    cursor: pointer;
    padding: 9px 1.2em;
    overflow: hidden;
    color: #273c5c;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f7f7f7
}

.navbar__item:hover .navbar__target {
    color: #375582;
    background-color: #fdfdfd
}

.navbar__item.navbar__item--dropdown > .navbar__target {
    cursor: default
}

.navbar__target.is-idle:before {
    display: inline-block;
    margin-right: 0.3em;
    color: #cc301f;
    font-size: 0.9em;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f619"
}

a.navbar__target {
    color: #273c5c;
    text-decoration: none
}

.navbar__item.is-selected > .navbar__target {
    margin-bottom: -1px;
    border-bottom: 1px solid #ffffff;
    color: #1c2b42;
    font-weight: bold;
    background-color: #ffffff
}

.navbar__item.is-disabled {
    cursor: default;
    padding: 9px 1.2em;
    overflow: hidden;
    color: #d6d8d9;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f7f7f7
}

.tablet-dropdown-trigger {
    display: none
}

@media screen and (max-device-width: 1024px) {
    .tablet-dropdown-trigger {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: transparent
    }

    .navbar__item.navbar__item--dropdown:hover:after {
        display: block
    }

}

.navbar-lev2 {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    border: 1px solid #c1c4c5;
    border-top: none;
    width: 100%;
    box-sizing: content-box;
    font-size: 92%;
    text-align: center;
    background-color: #ffffff
}

.navbar__item:hover > .navbar-lev2 {
    display: block
}

.navbar-lev2__item {
    border-top: 1px dotted #c1c4c5;
    background-color: #ffffff
}

.navbar-lev2__target {
    display: block;
    padding: 10px 0;
    color: #0b8ad4;
    text-decoration: none;
    background-color: #ffffff
}

.navbar-lev2__target:hover {
    color: #0ca3fa;
    background-color: #f7f7f7
}

.navbar-lev2__target.is-disabled {
    cursor: default;
    color: #d6d8d9
}

.navbar-lev2__target.is-disabled:hover {
    color: #d6d8d9;
    background-color: #ffffff
}

.oc-navbtn {
    display: table
}

.oc-navbtn:before, .oc-navbtn:after {
    display: block;
    overflow: hidden;
    content: ""
}

.oc-navbtn:after {
    clear: both
}

.oc-navbtn__item {
    display: table-cell;
    cursor: pointer;
    line-height: 1.4;
    border-top: 1px solid #c1c4c5;
    border-right: 1px solid #c1c4c5;
    border-bottom: 1px solid #c1c4c5;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset
}

.oc-navbtn__item:first-child {
    border-left: 1px solid #c1c4c5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.oc-navbtn__item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.oc-navbtn__item:hover {
    background-color: #fbfbfb
}

.oc-navbtn__item.is-active.is-active {
    cursor: default;
    color: #1d2e48;
    font-weight: bold;
    background-color: #eaebeb;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset
}

.oc-navbtn__item.is-disabled.is-disabled.is-disabled {
    cursor: default;
    color: #d6d8d9;
    background-color: #f6f6f6
}

.oc-navbtn__target {
    display: block;
    cursor: inherit;
    overflow: hidden;
    color: inherit;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.7rem 1.4rem
}

.oc-navbtn__target:hover {
    color: inherit
}

.navbtn {
    float: left
}

.navbtn:before, .navbtn:after {
    display: block;
    overflow: hidden;
    content: ""
}

.navbtn:after {
    clear: both
}

.navbtn {
    zoom: 1;
}

.navbtn__item {
    float: left;
    line-height: 1.4
}

.navbtn__item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.navbtn__item:nth-last-child(2) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.navbtn__item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.navbtn__target {
    display: block;
    cursor: pointer;
    padding: 6px 1.2em;
    border-top: 1px solid #c1c4c5;
    border-right: 1px solid #c1c4c5;
    border-bottom: 1px solid #c1c4c5;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
    color: #273c5c;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f7f7f7
}

a.navbtn__target {
    color: #273c5c;
    text-decoration: none
}

.navbtn__target:hover {
    color: #375582;
    background-color: #fdfdfd
}

.is-selected > .navbtn__target {
    cursor: default;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
    color: #1c2b42;
    font-weight: bold;
    background-color: #eaebeb
}

.is-disabled > .navbtn__target {
    cursor: default;
    color: #d6d8d9;
    background-color: #f7f7f7
}

.navbtn__item:first-child > .navbtn__target {
    border-left: 1px solid #c1c4c5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.navbtn__item:nth-last-child(2) > .navbtn__target {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.navbtn__item:last-child > .navbtn__target {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.navbtn--inverse > .navbtn__item > .navbtn__target {
    border-color: transparent;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset;
    color: #e9ebee;
    background-color: #273c5c
}

.navbtn--inverse > .navbtn__item:first-child > .navbtn__target {
    border-color: transparent
}

.navbtn--inverse > .navbtn__item > .navbtn__target:hover {
    color: #0ca3fa;
    background-color: #375582
}

.navbtn--inverse > .navbtn__item > .navbtn__target.is-selected {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) inset;
    color: #0ca3fa;
    background-color: #1c2b42
}

.navbtn--inverse > .navbtn__item > .navbtn__target.is-disabled {
    color: #52637d;
    background-color: #273c5c
}

.navbtn__item--separate > .navbtn__target {
    border-radius: 4px
}

.navbtn__item--separate + .navbtn__item {
    margin-left: 8px
}

.navbtn__item--separate + .navbtn__item > .navbtn__target {
    border-left: 1px solid #c1c4c5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.navbtn__item:last-child > .navbtn__target{
    border-left: 1px solid #c1c4c5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}


.navbtn__target--gly {
    position: relative
}

.navbtn__target--gly > i {
    display: block;
    width: 1em;
    overflow: hidden;
    text-indent: -9999px;
    text-indent: 0;
}

.navbtn__target--gly:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    font-size: 16px;
    line-height: 1
}

.oc-navslider {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 6.3rem
/*    width: 730px;
    margin: 0 auto;*/
}

.oc-navslider:before, .oc-navslider:after {
    display: block;
    overflow: hidden;
    content: ""
}

.oc-navslider:after {
    clear: both
}

.oc-navslider__content {
    display: block;
    position: relative;
    z-index: 0;
    float: left;
    height: 100%;
    /*width: 670px*/
}

.oc-navslider__list-wrapper {
    position: absolute
}

.oc-navslider__list-wrapper:before, .oc-navslider__list-wrapper:after {
    display: block;
    overflow: hidden;
    content: ""
}

.oc-navslider__list-wrapper:after {
    clear: both
}

.oc-navslider__list {
    float: left;
    width: 1000px
}

.oc-navslider__arrow {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #c1c4c5;
    background-color: #f6f6f6;
    width: 30px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-navslider__arrow:hover {
    background-color: #fbfbfb
}

.oc-navslider__arrow.oc-navslider__arrow--prev {
    float: left;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.oc-navslider__arrow.oc-navslider__arrow--prev::before {
    left: 50%;
    margin-left: -0.6rem;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f635"
}

.oc-navslider__arrow.oc-navslider__arrow--next {
    float: right;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.oc-navslider__arrow.oc-navslider__arrow--next::before {
    right: 50%;
    margin-right: -0.6rem;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f636"
}

.oc-navslider__arrow::before {
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -0.6rem;
    font-size: 1.2rem;
    line-height: 1
}

.oc-navslider__arrow.is-disabled {
    color: #d6d8d9;
    background-color: #f6f6f6
}

.oc-navslider__arrow-target {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px
}

.oc-navslider__arrow.is-disabled .oc-navslider__arrow-target {
    cursor: default
}

.oc-navslider__title {
    display: block;
    border-top: 1px solid #c1c4c5;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f6f6f6;
    width: 890px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.9rem 1.4rem;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset
}

.oc-navslider__btn {
    display: block;
    overflow: hidden;
    width: 890px
}

.oc-navslider__item-wrapper {
    display: table;
    width: 100%
}

.oc-navslider__item {
    display: table-cell;
    cursor: pointer;
    border: 1px solid #c1c4c5;
    border-left: none;
    background-color: #f6f6f6;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset
}

.oc-navslider__item:last-child {
    border-right: none
}

.oc-navslider__item:hover {
    background-color: #fbfbfb
}

.oc-navslider__item.is-selected {
    cursor: default;
    color: #1d2e48;
    font-weight: bold;
    background-color: #eaebeb;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset
}

.oc-navslider__item.is-disabled {
    cursor: default;
    color: #d6d8d9;
    background-color: #f6f6f6
}

.oc-navslider__item-target {
    display: block;
    cursor: inherit;
    overflow: hidden;
    color: inherit;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.9rem 1.4rem
}

.oc-navslider__item-target:hover {
    color: inherit
}

.oc-notification {
    position: relative;
    border: 1px solid #c1c4c5;
    border-radius: 4px;
    line-height: 1.5;
    background-color: #f6f6f6;
    padding: 0.6rem 2.4rem 0.6rem 1.2rem
}

.oc-notification.is-success {
    border-color: #afc873;
    color: #80a12e;
    background-color: #f4f7ec
}

.oc-notification.is-info {
    border-color: #67bcd1;
    color: #178aa6;
    background-color: #e8f5f8
}

.oc-notification.is-warning {
    border-color: #f6c458;
    color: #d89400;
    background-color: #fefae6
}

.oc-notification.is-danger {
    border-color: #ed7f74;
    color: #cd2615;
    background-color: #fdefee
}

.oc-notification__message {
    display: block;
    margin: 0.6rem 0
}

.oc-notification__close {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 2rem;
    height: 2rem
}

.oc-notification__close:before {
    display: inline-block;
    color: #999d9f;
    text-align: center;
    line-height: 1.66667;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62e"
}

.oc-notification__close:hover:before {
    color: #c1c4c5
}

.notification {
    position: relative;
    padding: 8px 24px 8px 12px;
    border: #c1c4c5 solid 1px;
    border-radius: 4px;
    background-color: #f5f5f5
}

.notification strong {
    font-weight: bold
}

.notification__message {
    padding: 2px 0
}

.notification__close {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: #999d9f;
    font-size: 12px;
    background-color: transparent
}

.notification__close:before {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62e"
}

.notification__close:hover {
    color: #adb1b2
}

.tablet .notification__close {
    top: 4px;
    right: 4px;
    font-size: 14px
}

.notification--inverse {
    border-color: #273c5c;
    color: #ffffff;
    background-color: #273c5c
}

.notification--inverse > .notification__close {
    color: #e9ebee
}

.notification--inverse > .notification__close:hover {
    color: #d4d8de
}

.notification--success {
    border-color: #b0ca72;
    color: #80a030;
    background-color: #f4f7eb
}

.notification--success strong {
    color: #80a030
}

.notification--info {
    border-color: #60bcd2;
    color: #1a90ad;
    background-color: #e8f5f8
}

.notification--info strong {
    color: #1a90ad
}

.notification--warning {
    border-color: #f6c357;
    color: #d99400;
    background-color: #fef8e7
}

.notification--warning strong {
    color: #d99400
}

.notification--danger {
    border-color: #ed7f74;
    color: #cc301f;
    background-color: #fceceb
}

.notification--danger strong {
    color: #cc301f
}

/*.page-up {
    padding: 12px 4px 5px 0px;
    font-size: 100%;
    line-height: 1.3;
    *line-height: 1.2;
    text-align: right
}

.page-up a.up {
    padding: 1px 0px 1px 14px;
    background-image: url('../img/htsr/icon/icon_action_up.gif?4567');
    background-repeat: no-repeat;
    background-position: left center;
    *background-position: 0px 3px
}
*/
/*.contents-up {
    padding: 8px 4px 10px 0px;
    font-size: 100%;
    line-height: 1.3;
    *line-height: 1.2;
    text-align: right
}

.contents-up a.up {
    padding: 1px 0px 1px 14px;
    background-image: url('../img/htsr/icon/icon_action_up.gif?4567');
    background-repeat: no-repeat;
    background-position: left center;
    *background-position: 0px 3px
}
*/
.page-gotop {
    clear: both;
    border-bottom: solid 3px #333333;
    width: 100%;
    min-width: 950px;
    background-color: #ffffff
}

.page-gotop p {
    width: 950px;
    min-width: 950px;
    margin: 0 auto;
    padding: 40px 0px 0px
}

/*.page-gotop p a {
    display: block;
    width: 200px;
    height: 25px;
    float: right;
    color: #ffffff;
    text-indent: -10000px;
    background-color: #333333;
    background-image: url('../img/htsr/owner/rst/navi/btn_pagetop.gif?4567');
    background-repeat: no-repeat;
    background-position: 0px 0px
}*/

.page-gotop p a:hover {
    background-position: 0px -25px
}

.oc-panel {
    position: relative;
    border: 1px solid #c1c4c5;
    border-bottom-width: 2px;
    border-radius: 5px;
    background-color: #fff
}

.oc-panel:before, .oc-panel:after {
    display: block;
    overflow: hidden;
    content: ""
}

.oc-panel:after {
    clear: both
}

.oc-panel__header {
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-top: 1rem
}

.oc-panel__header.oc-panel__header--define {
    border-bottom: 1px solid #c1c4c5;
    background-color: #eaebeb;
    padding-bottom: 1rem
}

.oc-panel__title {
    font-weight: bold;
    padding: 0 1rem;
    font-size: 1.3rem
}

.oc-panel__body {
    padding: 1rem
}

.oc-panel__body.oc-panel__body--center {
    text-align: center
}

.oc-panel__message {
    line-height: 1.5;
    margin: 0.6rem 0
}

.oc-panel__footer {
    text-align: center;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-bottom: 1rem
}

.oc-panel__footer.oc-panel__footer--define {
    border-top: 1px solid #c1c4c5;
    background-color: #f1f1f1;
    padding-top: 1rem
}

.oc-panel__action {
    display: table;
    width: 100%;
    overflow: hidden;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-panel__action-item {
    display: table-cell;
    vertical-align: middle
}

.oc-panel__close {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 2rem;
    height: 2rem
}

.oc-panel__close:before {
    display: inline-block;
    color: #999d9f;
    text-align: center;
    line-height: 1.66667;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62e"
}

.oc-panel__close:hover:before {
    color: #c1c4c5
}

.panel {
    position: relative;
    border: 1px solid #c1c4c5;
    border-bottom-width: 2px;
    border-radius: 5px;
    background-color: #ffffff
}

.panel:before, .panel:after {
    display: block;
    overflow: hidden;
    content: ""
}

.panel:after {
    clear: both
}

.panel {
    zoom: 1;
}

.panel__body {
    padding: 8px
}

.panel__body--fit {
    padding: 0
}

.panel__body--trim {
    padding: 3px
}

.panel__body--center {
    text-align: center
}

.panel__message {
    padding: 4px 2px
}

.panel__close {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    margin: 3px;
    padding: 0;
    border: none;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: #999d9f;
    font-size: 12px;
    background-color: transparent
}

.panel__close:before {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62e"
}

.panel__close:hover {
    color: #adb1b2
}

.tablet .panel__close {
    margin: 4px;
    font-size: 14px
}

.panel__header {
    padding: 12px 8px 0;
    border-radius: 5px 5px 0 0;
    text-align: center
}

.panel__body .panel__header {
    margin: -8px -8px 0
}

.panel__body--fit .panel__header {
    margin: 0
}

.panel__body--trim .panel__header {
    margin: -3px -3px 3px
}

.panel__header--define {
    padding: 8px;
    border-bottom: 1px solid #c1c4c5;
    background-color: #eaebeb
}

.panel__body .panel__header--define {
    margin-bottom: 8px
}

.panel__body--fit .panel__header--define {
    margin-bottom: 0
}

.panel__body--trim .panel__header--define {
    margin-bottom: 3px
}

.panel__title {
    font-weight: bold;
    font-size: 109%;
    text-align: center
}

.panel__footer {
    margin-top: -5px;
    padding: 3px;
    border-radius: 0 0 5px 5px;
    text-align: center
}

.panel__body .panel__footer {
    margin: 0 -8px -8px
}

.panel__body--fit .panel__footer {
    margin: 0
}

.panel__body--trim .panel__footer {
    margin: 3px -3px -3px
}

.panel__footer--define {
    margin-top: 0;
    border-top: 1px solid #d6d8d9;
    background-color: #f1f1f1
}

.panel__body .panel__footer--define {
    margin-top: 8px
}

.panel__body--fit .panel__footer--define {
    margin-top: 0
}

.panel__body--trim .panel__footer--define {
    margin-top: 3px
}

.panel__action {
    display: table;
    width: 100%;
    overflow: hidden;
    table-layout: fixed
}

.panel__action-item {
    display: table-cell;
    position: relative;
    padding: 5px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle
}

.panel__action-btn {
    padding-right: 2px;
    padding-left: 2px;
    width: 100%
}

.oc-radio, .oc-checkbox {
    display: none
}
/*税込みチェックボックス対応 display:noneだとvalidateが使えないので*/
#plan_tax_flag {
    visibility: hidden
}

.oc-radio, .oc-checkbox-group_required {
    display: inherit;
    opacity: 0;
    position: absolute;
}

.oc-radio + label, .oc-checkbox + label , #plan_tax_flag + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: text-top;
    padding-left: 2.2rem;
    line-height: 1.6rem
}

.oc-radio + label:hover, .oc-checkbox + label:hover {
    color: #8fb336
}

.oc-radio + label:before, .oc-checkbox + label:before , #plan_tax_flag + label:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: solid #c1c4c5;
    content: '';
    background-color: #fff;
    width: 1.6rem;
    height: 1.6rem;
    border-width: 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-radio + label:after, .oc-checkbox + label:after , #plan_tax_flag + label:after {
    display: block;
    position: absolute;
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-radio + label:before {
    border-radius: 1.6rem
}

.oc-radio:checked + label:after {
    background-color: #a4c84a;
    top: 0.5rem;
    left: 0.5rem;
    border-radius: 0.3rem;
    width: 0.6rem;
    height: 0.6rem
}

.oc-checkbox:checked + label:after , #plan_tax_flag:checked + label:after {
    border-bottom: solid #a4c84a;
    border-left: solid #a4c84a;
    top: 0;
    left: 0.3rem;
    border-bottom-width: 0.3rem;
    border-left-width: 0.3rem;
    width: 1.4rem;
    height: 0.8rem;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#plan_tax_flag:checked + label:after {
    border-color: #fc765b;
}

.oc-radio:disabled:disabled + label, .oc-checkbox:disabled:disabled + label, #plan_tax_flag:disabled:disabled + label {
    cursor: default;
    color: #d6d8d9
}

.oc-radio:disabled:disabled + label:before, .oc-checkbox:disabled:disabled + label:before , #plan_tax_flag:disabled:disabled + label:before {
    border-color: #e6e6e6;
    background-color: #f5f5f5
}

.oc-radio:disabled:disabled + label:after {
    background-color: #d6d6d6
}

.oc-checkbox:disabled:disabled + label:after, #plan_tax_flag:disabled:disabled + label:after {
    border-color: #d6d6d6
}

.radio, .checkbox {
    display: inline-block;
    vertical-align: middle
}

.radio + label, .checkbox + label {
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 2px;
    vertical-align: middle;
    line-height: 2.4em
}

.radio + label:hover, .checkbox + label:hover {
    color: #8fb336
}

.radio[disabled] + label, .checkbox[disabled] + label {
    cursor: default;
    color: #c1c4c5
}

@media (min-width: 1px) {
    .radio, .checkbox {
        display: none;
        margin: 0
    }

    .radio + label, .checkbox + label {
        padding: 0 0 0 22px
    }

    .radio + label::before, .checkbox + label::before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: "";
        background-color: #ffffff
    }

    .radio + label::before {
        border: 2px solid #c1c4c5;
        border-radius: 16px
    }

    .checkbox + label::before {
        border: 2px solid #c1c4c5
    }

    .radio:checked + label::after, .checkbox:checked + label::after {
        display: block;
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: ""
    }

    .radio:checked + label::after {
        left: 5px;
        margin-top: -3px;
        border-radius: 6px;
        width: 6px;
        height: 6px;
        background-color: #a4cc3d
    }

    .checkbox:checked + label::after {
        left: 3px;
        margin-top: -8px;
        border-bottom: 3px solid #a4cc3d;
        border-left: 3px solid #a4cc3d;
        width: 14px;
        height: 8px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .radio[disabled] + label::before, .checkbox[disabled] + label::before {
        border: 2px solid #eaebeb;
        background-color: #f7f7f7
    }

    .radio[disabled] + label::after {
        background-color: #d6d8d9
    }

    .checkbox[disabled] + label::after {
        border-bottom: 3px solid #d6d8d9;
        border-left: 3px solid #d6d8d9
    }

}

.oc-scrollbar {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.oc-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.oc-scrollbar::-webkit-scrollbar-track:vertical {
    border-radius: 8px 8px 0 0;
    background-color: #d6d8d9
}

.oc-scrollbar::-webkit-scrollbar-track:horizontal {
    border-radius: 8px 0 0 8px;
    background-color: #d6d8d9
}

.oc-scrollbar::-webkit-scrollbar-corner {
    background-color: #c1c4c5
}

.oc-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(51, 59, 63, 0.7);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset
}

.oc-scrollbar::-webkit-scrollbar-thumb:window-inactive {
    background-color: rgba(51, 59, 63, 0.2)
}

.oc-scrollbar.oc-scrollbar--y {
    overflow-x: hidden;
    overflow-y: scroll;
}

.oc-scrollbar.oc-scrollbar--y::-webkit-scrollbar-track, .oc-scrollbar.oc-scrollbar--y::-webkit-scrollbar-track:vertical {
    border-radius: 8px
}

.oc-scrollbar.oc-scrollbar--x {
    overflow-x: scroll;
    overflow-y: hidden
}

.oc-scrollbar.oc-scrollbar--x::-webkit-scrollbar-track, .oc-scrollbar.oc-scrollbar--x::-webkit-scrollbar-track:horizontal {
    border-radius: 8px
}

.scrollbar {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.scrollbar::-webkit-scrollbar-track:vertical {
    border-radius: 8px 8px 0 0;
    background-color: #d6d8d9
}

.scrollbar::-webkit-scrollbar-track:horizontal {
    border-radius: 8px 0 0 8px;
    background-color: #d6d8d9
}

.scrollbar::-webkit-scrollbar-corner {
    background-color: #c1c4c5
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 6px rgba(51, 59, 63, 0.3) inset;
    box-shadow: 0 0 6px rgba(51, 59, 63, 0.3) inset;
    background-color: rgba(51, 59, 63, 0.7)
}

.scrollbar::-webkit-scrollbar-thumb:window-inactive {
    background-color: rgba(51, 59, 63, 0.2)
}

.scrollbar--y {
    overflow-x: hidden;
    overflow-y: scroll
}

.scrollbar--y::-webkit-scrollbar-track, .scrollbar--y::-webkit-scrollbar-track:vertical {
    border-radius: 8px
}

.scrollbar--x {
    overflow-x: scroll;
    overflow-y: hidden
}

.scrollbar--x::-webkit-scrollbar-track, .scrollbar--x::-webkit-scrollbar-track:horizontal {
    border-radius: 8px
}

.oc-select {
    display: inline-block;
    position: relative;
    border: 1px solid #c1c4c5;
    border-bottom: 2px solid #c1c4c5;
    border-radius: 4px;
    width: auto;
    height: auto;
    /*overflow: hidden;*/
    vertical-align: middle;
    background-color: #fff
}

.oc-select:hover {
    background-color: rgba(248, 204, 17, 0.1)
}

.oc-select:after {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -0.5em;
    color: #999d9f;
    line-height: 1;
    right: 0.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f633"
}

.oc-select.is-disabled.is-disabled {
    background-color: #fff;
    border-color: #d6d8d9;
    color: #d6d8d9
}

.oc-select.is-disabled.is-disabled > select {
    cursor: default
}

.oc-select > select {
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
    outline: none;
    border: none;
    width: 100%;
    height: 2.5em;
    background-color: rgba(255, 255, 255, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0 2.4rem 0 0.7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-select > select::-ms-expand {
    display: none
}

.select {
    display: inline-block;
    position: relative;
    border: 1px solid #c1c4c5;
    border-bottom: 2px solid #c1c4c5;
    border-radius: 4px;
    width: auto;
    height: auto;
    overflow: hidden;
    vertical-align: middle;
    background-color: #ffffff
}

.select:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.5em;
    line-height: 1;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f633"
}

.select:hover {
    background-color: #fefbec
}

.select > select {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
    outline: none;
    padding: 0 40px 0 8px;
    border: none;
    width: 132%;
    min-width: 100%;
    height: 2.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333b3f;
    background-color: transparent
}

.select > select::-ms-expand {
    display: none
}

.oc-stepbar {
    display: table;
    width: 100%;
    table-layout: fixed
}

.oc-stepbar__item {
    display: table-cell;
    color: #adb1b2;
    letter-spacing: 0.1em;
    text-align: center;
    background-color: #eaebeb;
    padding: 0 1rem 0 3rem;
    height: 3rem;
    line-height: 3rem
}

.oc-stepbar__item:after {
    display: block;
    margin-left: auto;
    border-right: 2px solid #fff;
    content: '';
    background-color: inherit;
    margin-top: -1.5rem;
    margin-right: -2rem;
    width: 2rem;
    height: 1.5rem;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg)
}

.oc-stepbar__item:before {
    display: block;
    margin-left: auto;
    border-right: 2px solid #fff;
    content: '';
    background-color: inherit;
    margin-right: -2rem;
    margin-bottom: -1.5rem;
    width: 2rem;
    height: 1.5rem;
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg)
}

.oc-stepbar__item:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 2rem
}

.oc-stepbar__item:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.oc-stepbar__item:last-child:before {
    display: none
}

.oc-stepbar__item:last-child:after {
    display: none
}

.oc-stepbar__item.is-current {
    color: #fff;
    background: #273c5c
}

.stepbar__item {
    display: inline-block;
    padding: 0 20px;
    height: 28px;
    color: #adb1b2;
    text-decoration: none;
    letter-spacing: 0.5px;
    line-height: 28px;
    background: #f1f1f1
}

@media (min-width: 1px) {
    .stepbar__item {
        padding: 0 14px 0 28px
    }

}

.stepbar__item::after {
    display: block;
    position: relative;
    margin-top: -14px;
    margin-right: -22px;
    margin-left: auto;
    border-right: 1px solid #ffffff;
    width: 20px;
    height: 14px;
    content: " ";
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    background: #f1f1f1
}

.stepbar__item::before {
    display: block;
    float: right;
    margin-right: -22px;
    margin-bottom: -14px;
    margin-left: auto;
    border-right: 1px solid white;
    width: 20px;
    height: 14px;
    content: " ";
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
    background: #f1f1f1
}

.stepbar__item:first-child {
    padding-left: 20px;
    border-radius: 3px 0 0 3px
}

.stepbar__item:last-child {
    padding-right: 20px;
    border-radius: 0 3px 3px 0
}

.stepbar__item:last-child::before {
    border: 0;
    background: transparent
}

.stepbar__item:last-child::after {
    border: 0;
    background: transparent
}

.stepbar__item.is-current {
    color: #ffffff;
    background: #273c5c
}

.stepbar__item.is-current::before {
    background: #273c5c
}

.stepbar__item.is-current::after {
    background: #273c5c
}

.stepbar__item.is-current:last-child::before {
    border: 0;
    background: transparent
}

.stepbar__item.is-current:last-child::after {
    border: 0;
    background: transparent
}

.oc-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    line-height: 1.5;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-table tr {
    vertical-align: middle
}

.oc-table thead tr th {
    padding: 6px 8px;
    border-bottom: 2px solid #c1c4c5;
    font-weight: bold;
    text-align: center;
    vertical-align: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-table tbody tr th {
    border-top: 1px solid #c1c4c5;
    font-weight: bold;
    text-align: left;
    vertical-align: inherit;
    padding: 0.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-table tbody tr td {
    border-top: solid 1px #c1c4c5;
    text-align: left;
    vertical-align: inherit;
    padding: 0.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oc-table tbody tr:first-child th, .oc-table tbody tr:first-child td {
    border-top: none
}

.oc-table.oc-table--striped tbody tr:nth-child(odd) th, .oc-table.oc-table--striped tbody tr:nth-child(odd) td {
    background-color: #f6f6f6
}

.oc-table.oc-table--bordered thead tr th {
    border: 1px solid #c1c4c5;
    border-bottom-width: 2px;
    background-color: #eaebeb
}

.oc-table.oc-table--bordered tbody tr th {
    border: 1px solid #c1c4c5;
    background-color: #f6f6f6
}

.oc-table.oc-table--bordered tbody tr td {
    border: 1px solid #c1c4c5
}

.table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff
}

.table > thead > tr > th {
    padding: 6px 8px;
    border-bottom: solid 2px #c1c4c5;
    font-weight: bold;
    text-align: center;
    vertical-align: middle
}

.table > tbody > tr > th {
    padding: 8px 10px;
    border-top: solid 1px #c1c4c5;
    font-weight: bold;
    text-align: left;
    vertical-align: middle
}

.table > tbody > tr > td {
    padding: 8px;
    border-top: solid 1px #c1c4c5;
    font-weight: normal;
    vertical-align: middle
}

.table > tbody > tr:first-child > th, .table > tbody > tr:first-child > td {
    border-top: none
}

.table--striped > tbody > tr:nth-child(odd) > td, .table--striped > tbody > tr:nth-child(odd) > th {
    background-color: #f7f7f7
}

.table--bordered > thead > tr > th, .table--bordered > tbody > tr > th, .table--bordered > tbody > tr > td {
    border: solid 1px #c1c4c5
}

.table--bordered > thead > tr > th {
    border-bottom-width: 2px;
    background-color: #eaebeb
}

.table--bordered > tbody > tr > th {
    border-right-width: 2px;
    background-color: #eaebeb
}

.table--bordered > tbody > tr:first-child > th, .table--bordered > tbody > tr:first-child > td {
    border-top: solid 1px #c1c4c5
}

.oc-textfield-counter {
    display: inline-block;
    padding: 4px;
    vertical-align: middle
}

.textfield-counter {
    display: inline-block;
    padding: 4px;
    vertical-align: middle
}

.oc-textfield {
    display: inline-block;
    position: relative;
    outline: 0;
    border: 1px solid #c1c4c5;
    border-radius: 4px;
    vertical-align: middle;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0.7rem;
    font-size: 1.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.07) inset;
    box-shadow: 0 1px rgba(0, 0, 0, 0.07) inset
}

.oc-textfield::-webkit-input-placeholder {
    color: #adb1b2;
    opacity: 1
}

.oc-textfield::-moz-placeholder {
    color: #adb1b2;
    opacity: 1
}

.oc-textfield:-moz-placeholder {
    color: #adb1b2;
    opacity: 1
}

.oc-textfield:-ms-input-placeholder {
    color: #adb1b2;
    opacity: 1
}

.oc-textfield:not([readonly]):focus {
    background-color: #fffcf0
}

.oc-textfield:disabled:disabled {
    cursor: default;
    background-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.oc-textfield:read-only {
    cursor: default;
    background-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.oc-textfield.oc-textfield--full {
    width: 100%
}

.oc-textfield.oc-textfield--half {
    width: 50%
}

.oc-textfield.oc-textfield--s {
    width: 130px
}

.oc-textfield.oc-textfield--m {
    width: 264px
}

.oc-textfield.oc-textfield--l {
    width: 528px
}

.oc-textfield.oc-textfield--textarea {
    line-height: 1.5
}

.oc-textfield.is-error {
    border-color: #e64939;
    background-color: rgba(230, 73, 57, 0.07)
}

.val-textfield-counter {
    display: inline-block;
    padding: 4px;
    vertical-align: middle
}

.val-textfield {
    position: relative;
}

.val-textfield::-webkit-input-placeholder {
    color: #adb1b2;
    opacity: 1
}

.val-textfield::-moz-placeholder {
    color: #adb1b2;
    opacity: 1
}

.val-textfield:-moz-placeholder {
    color: #adb1b2;
    opacity: 1
}

.val-textfield:-ms-input-placeholder {
    color: #adb1b2;
    opacity: 1
}

.val-textfield:disabled:disabled {
    cursor: default;
    background-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.val-textfield.val-textfield--full {
    width: 100%
}

.val-textfield.val-textfield--half {
    width: 50%
}

.val-textfield.val-textfield--s {
    width: 130px
}

.val-textfield.val-textfield--m {
    width: 264px
}

.val-textfield.val-textfield--l {
    width: 528px
}

.val-textfield.val-textfield--textarea {
    line-height: 1.5
}

.val-textfield.is-error {
    border-color: #e64939;
    background-color: rgba(230, 73, 57, 0.07)
}

.textfield {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    outline: 0;
    padding: 6px 8px;
    border: 1px solid #c1c4c5;
    border-radius: 4px;
    width: 100%;
    height: 2.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px rgba(51, 59, 63, 0.1) inset;
    box-shadow: 0 1px 2px rgba(51, 59, 63, 0.1) inset;
    font-size: 109%;
    vertical-align: middle;
    background-color: #ffffff
}

.textfield:focus {
    -webkit-box-shadow: 0 1px 2px #fdf6d6 inset;
    box-shadow: 0 1px 2px #fdf6d6 inset;
    background-color: #fefbec
}

.textfield[disabled="disabled"] {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #eaebeb
}

.textfield.is-error {
    border: 1px solid #ff5e4c
}

.textfield--half {
    width: 50%
}

.textfield--shorter {
    width: 130px
}

.textfield--short {
    width: 264px
}

.textfield--long {
    width: 528px
}

.textfield--textarea {
    height: auto;
    line-height: 1.5
}

.oc-text-frame {
    position: relative;
    border: 1px solid #c1c4c5;
    line-height: 1.5;
    background-color: #f6f6f6;
    padding: 1rem 1.2rem
}

.oc-text-frame.is-success {
    border-color: #afc873;
    color: #80a12e;
    background-color: #f4f7ec
}

.oc-text-frame.is-info {
    border-color: #67bcd1;
    color: #178aa6;
    background-color: #e8f5f8
}

.oc-text-frame.is-warning {
    border-color: #f6c458;
    color: #d89400;
    background-color: #fefae6
}

.oc-text-frame.is-danger {
    border-color: #ed7f74;
    color: #cd2615;
    background-color: #fdefee
}

.oc-text-frame__message {
    display: block;
    margin: 0.2rem 0
}

.oc-text-frame__message > * {
    margin-right: 0.3em
}

/*.oc-tooltip {
    position: relative;
    border-radius: 2px;
    color: #fff;
    background-color: #333b3f;
    padding: 0.6rem 1rem
}

.oc-tooltip:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    width: 0;
    height: 0;
    line-height: 0;
    content: ''
}*/
/*
.oc-tooltip.oc-tooltip--top {
    margin-bottom: 0.5rem
}

.oc-tooltip.oc-tooltip--top:before {
    left: 50%;
    border-top-color: #333b3f;
    bottom: -0.5rem;
    margin-left: -0.5rem;
    border-width: 0.5rem 0.5rem 0
}
*/
/*.oc-tooltip.oc-tooltip--right {
    margin-left: 0.5rem
}

.oc-tooltip.oc-tooltip--right:before {
    top: 50%;
    border-right-color: #333b3f;
    left: -0.5rem;
    margin-top: -0.5rem;
    border-width: 0.5rem 0.5rem 0.5rem 0
}

.oc-tooltip.oc-tooltip--bottom {
    margin-top: 0.5rem
}

.oc-tooltip.oc-tooltip--bottom:before {
    left: 50%;
    border-bottom-color: #333b3f;
    top: -0.5rem;
    margin-left: -0.5rem;
    border-width: 0 0.5rem 0.5rem
}

.oc-tooltip.oc-tooltip--left {
    margin-right: 0.5rem
}

.oc-tooltip.oc-tooltip--left:before {
    top: 50%;
    border-left-color: #333b3f;
    right: -0.5rem;
    margin-top: -0.5rem;
    border-width: 0.5rem 0 0.5rem 0.5rem
}

.tooltip {
    position: relative;
    padding: 6px 10px;
    border-radius: 2px;
    color: #ffffff;
    background-color: #333b3f
}

.tooltip:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    width: 0;
    height: 0;
    line-height: 0;
    content: ""
}*/

/*.tooltip--top {
    margin-bottom: 5px
}

.tooltip--top:before {
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #333b3f
}
*/
.tooltip--right {
    margin-left: 5px
}

.tooltip--right:before {
    top: 50%;
    left: -5px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #333b3f
}

.tooltip--bottom {
    margin-top: 5px
}

.tooltip--bottom:before {
    top: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #333b3f
}

.tooltip--left {
    margin-right: 5px
}

.tooltip--left:before {
    top: 50%;
    right: -5px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #333b3f
}

.is-oc-validation {
    display: none;
    min-height: 1.4em;
    vertical-align: middle;
    line-height: 1.4;
    padding: 0.4rem 0.5rem
}

.is-oc-validation.is-oc-validation--error {
    display: inline-block;
    color: #e64939
}

.is-oc-validation.is-oc-validation--error:before {
    margin-right: 0.3em;
    line-height: 1;
    vertical-align: bottom;
    font-size: 1.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62b"
}

.is-oc-validation.is-oc-validation--success {
    display: inline-block;
    color: #8fb336
}

.is-oc-validation.is-oc-validation--success:before {
    margin-right: 0.3em;
    line-height: 1;
    vertical-align: bottom;
    font-size: 1.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62a"
}

.is-oc-validation.is-oc-validation--search {
    display: inline-block;
    color: #adb1b2
}

.is-oc-validation.is-oc-validation--search:before {
    margin-right: 0.3em;
    line-height: 1;
    vertical-align: bottom;
    font-size: 1.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f615"
}

.is-oc-validation.is-oc-validation--checking {
    display: inline-block;
    color: #adb1b2
}

.is-oc-validation.is-oc-validation--checking:before {
    display: inline-block;
    margin-right: 0.3em;
    width: 16px;
    height: 16px;
    content: '';
    vertical-align: bottom;
    background: url('../img/htsr/owner/loader/loader_32x32.gif?4567') no-repeat 0 0;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px
}

.is-validation {
    display: none;
    min-height: 1.4em;
    vertical-align: middle;
    line-height: 1.4;
    padding: 0.4rem 0.5rem
}

.is-validation.is-validation--error {
    display: inline-block;
    color: #e64939
}

.is-validation.is-validation--error:before {
    margin-right: 0.3em;
    line-height: 1;
    vertical-align: bottom;
    font-size: 1.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62b"
}

.is-validation.is-validation--success {
    display: inline-block;
    color: #8fb336
}

.is-validation.is-validation--success:before {
    margin-right: 0.3em;
    line-height: 1;
    vertical-align: bottom;
    font-size: 1.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62a"
}

.is-validation.is-validation--search {
    display: inline-block;
    color: #adb1b2
}

.is-validation.is-validation--search:before {
    margin-right: 0.3em;
    line-height: 1;
    vertical-align: bottom;
    font-size: 1.6rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f615"
}

.is-validation.is-validation--checking {
    display: inline-block;
    color: #adb1b2
}

.is-validation.is-validation--checking:before {
    display: inline-block;
    margin-right: 0.3em;
    width: 16px;
    height: 16px;
    content: '';
    vertical-align: bottom;
    background: url('../img/htsr/owner/loader/loader_32x32.gif?4567') no-repeat 0 0;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px
}

.is-validation--search.is-success {
    color: #8fb336
}

.oc-link-window {
    text-decoration: none
}

.oc-link-window > * {
    text-decoration: underline
}

.oc-link-window::after {
    color: #adb1b2;
    margin-left: 0.2rem;
    font-size: 1rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f646"
}

.op-breadcrumbs {
    padding: 12px 0;
    -webkit-box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.1)
}

.op-global-header {
    display: block
}

.op-global-header__line-wrapper {
    background-color: #f1f1f1
}

.op-global-header__line {
    display: table;
    line-height: 1.2;
    font-size: 1.1rem
}

.op-global-header__heading {
    display: table-cell;
    padding: 0.8em 0;
    vertical-align: middle
}

.op-global-header__heading > h1 {
    font-weight: normal
}

.op-global-header__account {
    display: table-cell;
    padding: 0.3em 0;
    vertical-align: middle;
    text-align: right
}

.op-global-header__account-item {
    display: inline-block;
    margin: 0.3em 0 0.3em 0.3em;
    padding: 0 0 0 0.5em;
    white-space: nowrap
}

.op-global-header__account-item + .op-global-header__account-item {
    border-left: 1px solid #d6d8d9
}

.op-global-header__bar {
    display: table;
    width: 100%;
    padding-bottom: 0.3rem
}

.op-global-header__logo {
    display: table-cell;
    width: 270px;
    padding: 1.2rem 0
}

.op-global-header__nav {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 0.3rem
}

.op-global-header__nav-item {
    display: inline-block;
    white-space: nowrap
}

.op-global-header__nav-item + .op-global-header__nav-item {
    margin-left: 1em
}

#owner-headline {
    margin: 0 auto;
    width: 950px;
    min-width: 950px;
    text-align: left
}

#owner-headline h1 {
    float: left;
    padding: 8px 0;
    width: 240px;
    overflow: hidden;
    color: #707070;
    font-weight: normal;
    font-size: 86%;
    white-space: nowrap;
    line-height: 1
}

#owner-headline .user-guide {
    float: right;
    padding-top: 5px;
    width: 665px;
    overflow: hidden;
    color: #555555;
    font-size: 86%;
    text-align: right;
    line-height: 1.2
}

#owner-headline .back {
    float: left;
    padding: 5px 0;
    width: 240px;
}

#owner-headline .guide-user {
    float: right;
    padding: 6px 0 5px;
    color: #707070;
    font-size: 86%;
    text-align: right;
    line-height: 1
}

#owner-headline .guide-user li {
    float: left;
    padding: 2px 4px;
    border-right: solid 1px #b0b0b0;
    min-height: 12px;
    white-space: nowrap
}

#owner-headline .guide-user li.username {
    padding-right: 0;
    border-right: none
}

#owner-headline .guide-user li.help {
    padding-left: 21px;
    background: url('../img/htsr/owner/common/icon_help.gif?4567') no-repeat 4px 50%
}

#owner-header {
    width: 950px;
    min-width: 950px;
    margin: 0 auto;
    text-align: left
}

#owner-header .logo {
    float: left;
    width: 280px;
    padding: 12px 0 15px
}

#owner-header ul.navi {
    float: right;
    width: 660px;
    padding: 14px 0 0
}

.owner-yoyaku-header ul.navi {
    padding: 36px 0 0 !important
}

#owner-header ul.navi li {
    float: right;
    padding-bottom: 14px
}

#owner-header ul.navi li.top {
    width: 128px
}

#owner-header ul.navi li.rstgrp {
    width: 166px
}

/*#owner-header ul.navi li a {
    display: block;
    height: 24px;
    text-indent: -10000px;
    overflow: hidden;
    background-image: url('../img/htsr/owner/rst/navi/global_navi_btns.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 0
}*/

#owner-header ul.navi li.top a {
    width: 122px;
    background-position: 0 0
}

#owner-header ul.navi li.top a:hover {
    background-position: 0 -24px
}

#owner-header ul.navi li.rstgrp a {
    width: 160px;
    background-position: -122px 0
}

#owner-header ul.navi li.rstgrp a:hover {
    background-position: -122px -24px
}

#owner-header ul.navi li.help a {
    width: 70px;
    background-position: -282px 0
}

#owner-header ul.navi li.help a:hover {
    background-position: -282px -24px
}

#owner-header ul.navi li.owner, #owner-header ul.navi li.yoyaku {
    margin-top: 6px;
    margin-right: 8px;
    padding-bottom: 0
}

#owner-header ul.navi li.owner a {
    width: 188px;
    padding-top: 8px;
    text-indent: 0px;
    color: #444444;
    text-align: center;
    font-weight: bold;
    background-image: none;
    background-color: #e0e0e0
}

#owner-header ul.navi li.owner a.selected {
    color: #ffffff;
    background-color: #004181
}

#owner-header ul.navi li.yoyaku a {
    width: 188px;
    padding-top: 8px;
    color: #444444;
    text-indent: 0px;
    text-align: center;
    font-weight: bold;
    background-image: none;
    background-color: #e0e0e0
}

#owner-header ul.navi li.yoyaku a.selected {
    color: #ffffff;
    background-color: #910030
}

.owner-header-nav {
    float: right;
    padding: 12px 0 0
}

.owner-header-nav2 {
    float: right;
    margin-top: 22px
}

.owner-header-nav2--icon-list {
    padding-left: 18px;
    background: url('../img/htsr/owner/icon/icon_list.gif?4567') no-repeat left center
}

.owner-header-nav2--icon-setting {
    padding-left: 18px;
    background: url('../img/htsr/owner/icon/icon_setting.gif?4567') no-repeat left center
}

#owner-header .inquiry-info {
    float: right;
    width: 230px;
    height: 74px;
    overflow: hidden;
    background: url('../img/htsr/owner/rst/common/inquiry_info_telnum.gif?4567') no-repeat 100% 10px
}

#owner-header .inquiry-info dt, #owner-header .inquiry-info dd p {
    text-indent: -9999px
}

#owner-header .for-inquiry {
    float: right;
    max-width: 250px;
    max-height: 56px;
    overflow: hidden
}

#owner-header .for-inquiry a {
    display: block;
    padding: 9px 4px 7px 25px;
    color: #555555;
    background: #ffffff no-repeat 0 50%
}

#owner-header .for-inquiry a:hover {
    color: #ff9900
}

/*#owner-header .for-inquiry.telephone a {
    background-image: url('../img/htsr/owner/rst/icon/icon_telephone.gif?4567')
}*/

#owner-header .for-inquiry.mail a {
    background-image: url('../img/htsr/owner/rst/icon/icon_mail.gif?4567')
}

.op-global-footer {
    display: block;
    text-align: center;
    border-top: 1px solid #d6d8d9
}

.op-global-footer__nav {
    border-bottom: 1px solid #d6d8d9;
    padding: 1.2rem 0;
    font-size: 1.3rem
}

.op-global-footer__nav:before, .op-global-footer__nav:after {
    display: block;
    overflow: hidden;
    content: ""
}

.op-global-footer__nav:after {
    clear: both
}

.op-global-footer__nav.op-global-footer__nav--list {
    font-size: 1.1rem
}

.op-global-footer__nav > li {
    display: inline-block;
    margin: 0.3em 0;
    padding: 0 0.2em 0 0.5em;
    line-height: 1.2;
    white-space: nowrap
}

.op-global-footer__nav > li + li {
    border-left: 1px solid #d6d8d9
}

.op-global-footer__nav > li:nth-child(15) {
    border-left: none
}

.op-global-footer__nav > li > a {
    text-decoration: none
}

.op-global-footer__nav > li > a:hover {
    text-decoration: underline
}

.op-global-footer__copyright {
    padding: 1.2rem 0;
    font-size: 1.1rem
}

#owner-footer {
    width: 100%;
    min-width: 950px;
    color: #666666;
    font-weight: normal;
    font-size: 100%;
    line-height: 1.3;
    text-align: center
}

#owner-footer a:link, #owner-footer a:visited {
    color: #555555
}

#owner-footer a:hover, #owner-footer a:active {
    color: #ff9900
}

#owner-footer .support-wrap {
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #c8c8c8;
    background-color: #eeeeee;
    background-image: url('../img/htsr/owner/rst/navi/footer_shadow.gif?4567');
    background-repeat: repeat-x;
    background-position: left top
}

/*#owner-footer .support-wrap .support {
    width: 950px;
    min-width: 950px;
    margin: 0 auto;
    padding: 7px 0px 8px 0px;
    text-align: left;
    background-image: url('../img/htsr/owner/rst/navi/icon_footer_info.gif?4567');
    background-repeat: no-repeat;
    background-position: 2px 50%
}*/

#owner-footer .support .support-info {
    float: left;
    width: 410px
}

#owner-footer .support .support-title {
    padding: 2px 0 0 50px;
    color: #444444;
    font-weight: bold;
    font-size: 117%
}

#owner-footer .support .support-ex {
    padding: 2px 0 0 50px
}

#owner-footer .support .support-telinfo {
    padding: 2px 0 0 50px;
    color: #444444;
    font-weight: bold
}

#owner-footer .support .support-telnum {
    padding: 2px 0 0 50px;
    color: #e54c30;
    font-size: 86%
}

#owner-footer .support .support-telnum .num {
    display: block;
    font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, clean, sans-serif;
    font-weight: bold;
    font-size: 159%;
    letter-spacing: 1px
}

.owner-support-navi {
    float: right;
    width: 536px;
    text-align: center
}

.owner-support-navi__target {
    position: relative;
    float: left;
    border-right: solid 1px #c8c8c8;
    border-left: solid 1px #ffffff;
    width: 19.6%
}

.owner-support-navi__target:first-child:before, .owner-support-navi__target:last-child:after {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    content: ""
}

.owner-support-navi__target:first-child:before {
    left: -2px;
    border-left: solid 1px #c8c8c8
}

.owner-support-navi__target:last-child:after {
    right: -2px;
    border-left: solid 1px #ffffff
}

.owner-support-navi__target > a {
    display: block;
    position: relative;
    padding-top: 24px;
    min-height: 30px
}

/*.owner-support-navi__target > a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 24px;
    content: "";
    background: url('../img/htsr/owner/rst/navi/support_navi_icons.gif?4567') no-repeat
}*/

.owner-support-navi__target--help > a:before {
    background-position: 0 0
}

.owner-support-navi__target--beginner > a:before {
    background-position: 0 -24px
}

.owner-support-navi__target--manual > a:before {
    background-position: 0 -48px
}

.owner-support-navi__target--inquiry > a:before {
    background-position: 0 -72px
}

.owner-support-navi__target--infelicity > a:before {
    background-position: 0 -96px
}

#owner-footer ul.navi {
    padding: 12px 2px 12px 2px;
    text-align: center;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #c8c8c8;
    background-color: #eeeeee
}

#owner-footer ul.navi li {
    display: inline;
    line-height: 1.6
}

#owner-footer ul.navi li a {
    margin-right: 2px
}

#owner-footer ul.navi li span {
    margin: 0px 2px 0px 4px;
    margin: 0px 0px 0px 2px;
    color: #c0c0c0
}

.global-newsinfo {
     /* max-height: 400px; 
    overflow-y: auto;   */
    display: none;
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 999
}

.global-newsinfo-panel {
    width: 542px
}

.global-newsinfo--whatsnew:before, .global-newsinfo--whatsnew:after {
    left: 180px
}

.global-newsinfo--ownernews:before, .global-newsinfo--ownernews:after {
    left: 295px
}

.global-newsinfo-header {
    position: relative;
    z-index: 1;
    padding: 8px;
    border-bottom: 1px solid #c1c4c5;
    -webkit-box-shadow: 0 1px 1px rgba(51, 59, 63, 0.1);
    box-shadow: 0 1px 1px rgba(51, 59, 63, 0.1);
    text-align: left
}

.global-newsinfo-header > p {
    padding: 4px 2px 1px
}

.global-newsinfo-note {
    font-size: 92%;
    line-height: 1.5
}

.global-newsinfo-title {
    font-weight: bold
}

.global-newsinfo-default {
    padding: 20px 10px;
    border-top: 1px solid #d6d8d9;
    border-radius: 0 0 5px 5px;
    text-align: center;
    background-color: #f7f7f7
}

.global-newsinfo-loader {
    display: none
}

.global-newsinfo-loader > .loader.is-loading {
    overflow: hidden;
    text-indent: -9999px
}

.global-newsinfo-footer {
    padding: 8px;
    border-top: 1px solid #c1c4c5;
    border-radius: 0 0 5px 5px;
    text-align: center;
    background-color: #f1f1f1
}

.global-newsinfo-footer > p {
    padding: 4px 2px 1px
}

.global-ownernews-inquiry {
    display: inline-block;
    text-align: left
}

.global-ownernews-inquiry > dt {
    float: left;
    padding-top: 4px;
    width: 4.5em;
    text-align: right;
    white-space: nowrap
}

.global-ownernews-inquiry > dt:after {
    content: '：'
}

.global-ownernews-inquiry > dd {
    padding-top: 4px;
    padding-left: 5em;
    text-align: left
}

.global-ownernews-mailadd {
    color: #cc301f;
    font-weight: bold;
    letter-spacing: 1px
}

.global-ownernews-tel {
    color: #999d9f;
    line-height: 1.5
}

.global-ownernews-tel + .global-ownernews-tel {
    margin-top: 0.4rem
}

.global-ownernews-telno {
    margin-right: 2px;
    color: #80a030;
    font-weight: bold;
    letter-spacing: 1px
}

.global-ownernews-telinfo {
    font-size: 1.1rem
}
p.global-ownernews-hours {
    margin-top: 3px;
    padding: 3px;
    color: #707578;
    background-color: #d6d8d9
}

.global-whatsnew {
    position: relative;
    border-radius: 0 0 5px 5px;
    background-color: #f7f7f7
}

.global-whatsnew > li {
    display: block;
    position: relative;
    position: static;
    border-top: solid 1px #d6d8d9;
    background-color: #fefbec
}

.global-whatsnew > li:first-child {
    border-top: none
}

.global-whatsnew > li:hover {
    background-color: #fdf6d6
}

.global-whatsnew-bkgsummary {
    float: left;
    padding: 8px 0;
    border-right: dotted 1px #d6d8d9;
    width: 500px
}

.global-whatsnew-status {
    display: block;
    padding: 0 8px;
    font-weight: bold
}

.global-whatsnew-status:before {
    margin-right: 4px;
    font-size: 16px;
    vertical-align: bottom;
    line-height: 1
}

.global-whatsnew-add .global-whatsnew-status:before {
    color: #8fb336;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f62f"
}

.global-whatsnew-modify .global-whatsnew-status:before {
    color: #f2aa0f;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f61d"
}

.global-whatsnew-cancel .global-whatsnew-status:before {
    color: #e64939;
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f61a"
}

.global-whatsnew-info {
    display: block;
    padding: 4px 8px 0 28px;
    color: #707578
}

.global-whatsnew-info > dt {
    float: left;
    clear: both;
    margin: 0 0 2px;
    padding: 2px 0;
    width: 5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1
}

.global-whatsnew-info > dt.global-whatsnew-tpoint {
    width: auto
}

.global-whatsnew-info > dd {
    margin: 0 0 2px 5em;
    padding: 2px 8em 2px 0;
    min-height: 1em;
    line-height: 1
}

.global-whatsnew-info > dd:before {
    content: '： '
}

dd.global-whatsnew-date {
    padding-right: 0
}

.global-whatsnew-info > dt.is-edit {
    color: #f2aa0f
}

.global-whatsnew-info > dd.is-edit strong {
    color: #f2aa0f
}

.global-whatsnew-info > dd.is-edit del {
    color: #c1c4c5;
    text-decoration: none
}

.global-whatsnew-options {
    margin-left: 28px;
    padding: 1px 8em 0 5em
}

.global-whatsnew-option {
    float: left;
    margin-left: 4px
}

.global-whatsnew-option > .label {
    padding: 2px 4px;
    font-size: 92%;
    background-color: #ffffff
}

.global-whatsnew-option > .label:before {
    margin-right: 4px;
    font-size: 12px;
    vertical-align: bottom
}

.global-whatsnew-detail {
    float: right;
    cursor: pointer;
    margin-top: -1.4em;
    padding-right: 8px
}

.global-whatsnew-detail:hover > a {
    color: #0ca3fa
}

.global-whatsnew-detail:after {
    margin-left: 4px;
    color: #0b8ad4;
    font-size: 16px;
    vertical-align: bottom
}

.global-whatsnew-detail:hover:after {
    color: #0ca3fa
}

.global-whatsnew-check {
    display: block;
    float: right;
    cursor: pointer;
    width: 40px;
    height: 50px
}

.global-whatsnew-checkbtn {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin: 8px 6px;
    padding: 0;
    border: none;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background-color: transparent
}

.global-whatsnew-check:hover > .global-whatsnew-checkbtn {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    background-color: #f9e79d
}

.global-whatsnew-checkbtn > span {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    text-indent: 0;
}

.global-whatsnew-checkbtn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    color: #999d9f;
    font-size: 12px;
    line-height: 1
}

.global-whatsnew-checktip {
    display: none;
    position: absolute;
    top: 2px;
    right: 35px;
    filter: alpha(opacity=95);
    opacity: 0.95
}

.op-input-form tbody tr th {
    width: 20%;
    vertical-align: top;
    padding: 1.2rem 1rem
}

.nowrap-name {
    white-space: nowrap;
}

.op-input-form tbody tr td {
    padding: 1rem
}

.op-input-form__th-option {
    float: right;
    margin: -0.2rem -0.2rem 0.2rem 0.8rem
}

.op-input-form__tr.op-input-form__tr--primary.op-input-form__tr--primary th {
    background-color: #dae3eb
}

.op-input-form__tr.op-input-form__tr--primary.op-input-form__tr--primary td {
    background-color: #eef3f7
}

.op-input-form__tr.op-input-form__tr--success.op-input-form__tr--success th {
    background-color: #e8eddb
}

.op-input-form__tr.op-input-form__tr--success.op-input-form__tr--success td {
    background-color: #f6f9f0
}

.op-input-form__tr.op-input-form__tr--info.op-input-form__tr--info th {
    background-color: #d7ebf0
}

.op-input-form__tr.op-input-form__tr--info.op-input-form__tr--info td {
    background-color: #edf7fa
}

.op-input-form__tr.op-input-form__tr--warning.op-input-form__tr--warning th {
    background-color: #f9f1d0
}

.op-input-form__tr.op-input-form__tr--warning.op-input-form__tr--warning td {
    background-color: #fefaeb
}

.op-input-form__tr.op-input-form__tr--danger.op-input-form__tr--danger th {
    background-color: #f6dad7
}

.op-input-form__tr.op-input-form__tr--danger.op-input-form__tr--danger td {
    background-color: #fdf1f0
}

.op-input-form__line {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.op-input-form__line + .op-input-form__line, .op-input-form__table + .op-input-form__line {
    margin-top: 0.8rem
}

.op-input-form__table {
    display: table;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.op-input-form__table + .op-input-form__table, .op-input-form__line + .op-input-form__table {
    margin-top: 0.8rem
}

.op-input-form__table.op-input-form__table--full {
    width: 100%
}

.op-input-form__table-row {
    display: table-row
}

.op-input-form__table-cell {
    display: table-cell
}

.op-input-form__table-cell + .op-input-form__table-cell {
    padding-left: 1.6rem
}

.op-input-form__table-row + .op-input-form__table-row > .op-input-form__table-cell {
    padding-top: 0.8rem
}

.op-input-form__action {
    display: table;
    margin: 0 auto;
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 2rem 0.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.op-input-form__action-item {
    display: table-cell;
    width: 24rem
}

.op-input-form__action-target {
    width: 100%
}

.op-input-complete {
    text-align: center;
    margin-top: 3rem
}

.op-input-complete__message {
    line-height: 1.6;
    margin: 0 0.5rem 1.5rem
}

.op-input-complete__message.op-input-complete__message--large {
    font-size: 1.6rem
}

.op-input-complete__action {
    display: inline-block;
    margin-right: 1.5rem
}

.op-input-complete__action:last-child {
    margin-right: 0
}

.op-input-complete__action.op-input-complete__action--line {
    display: block;
    margin-right: 0
}

.op-input-complete__action.op-input-complete__action--line + .op-input-complete__action.op-input-complete__action--line {
    margin-top: 1rem
}

.placeinfo {
    padding: 6px 4px 4px 45px;
    background-repeat: no-repeat;
    background-position: 7px 8px;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px
}

.placeinfo__name,
.planinfo__name{
    font-weight: bold;
    font-size: 109%
}

.placeinfo__attribute {
    padding-top: 1px;
    color: #999d9f;
    font-size: 92%
}

.placeinfo__connect {
    display: block;
    margin-top: 4px;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 79%;
    text-align: center;
    line-height: 1.1
}

.placeinfo__connect--possible {
    border: 1px solid #bbe2ec;
    color: #1d9fbf;
    background: #edf7fa
}

.placeinfo__connect--impossible {
    border: 1px solid #c1c4c5;
    color: #999d9f;
    background: #ffffff
}

.placeinfo__member {
    margin-top: 4px
}

.placeinfo__time {
    padding: 2px 0 1px;
    background-repeat: no-repeat
}

.placeinfo__time:before {
    line-height: 1
}

.placeinfo__count,
.planinfo__count{
    padding: 5px 0 2px;
    border-top: 1px dotted #cccccc;
    text-align: center
}

.placeinfo--line {
    padding: 0 0 0 42px;
    background-position: 0 50%
}

.placeinfo--line .placeinfo__name {
    display: inline-block;
    margin-right: 2px;
    vertical-align: bottom
}

.placeinfo--line .placeinfo__attribute {
    display: inline-block;
    margin-right: 4px;
    vertical-align: bottom
}

.placeinfo--line .placeinfo__connect {
    display: inline-block;
    vertical-align: bottom
}

.placeinfo--line .placeinfo__member {
    display: inline-block;
    margin-right: 6px
}

.placeinfo--line .placeinfo__time {
    display: inline-block
}

/*.owner-side-navi {
    position: relative;
    z-index: 10;
    margin-top: -1px;
    width: 196px;
    padding: 0 1px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    \width: 200px;
    w\idth: 196px
}*/

.side-navi-title {
    position: relative;
    z-index: 50;
    margin-top: 15px;
    width: 184px;
    padding: 7px 8px 6px 8px;
    color: #ffffff;
    font-size: 116%;
    font-weight: bold;
    line-height: 1.3;
    background-color: #333333;
    background-image: url('../img/htsr/owner/rst/common/bg_sidetitle.gif?4567');
    background-repeat: no-repeat;
    background-position: center top;
    \width: 200px;
    w\idth: 184px
}

/*.owner-side-navi ul.navi li {
    float: left;
    width: 196px
}

.owner-side-navi ul.navi li {
    padding-top: 2px;
    padding-bottom: 1px;
    background-image: url('../img/htsr/owner/rst/common/line_dot.gif?4567');
    background-repeat: repeat-x;
    background-position: left top
}

.owner-side-navi ul.navi li a {
    display: block;
    width: 179px;
    color: #1366aa;
    padding: 7px 4px 6px 13px;
    *padding: 5px 4px 5px 13px;
    text-decoration: none;
    background-image: url('../img/htsr/owner/rst/common/arrow_tri.gif?4567');
    background-repeat: no-repeat;
    background-position: 4px 10px;
    \width: 196px;
/*    w\idth: 179px*/
/*}*/

/*.owner-side-navi ul.navi li a:hover {
    text-decoration: underline;
    background-color: #e4eff8
}

.owner-side-navi ul.navi li a.selected {
    font-weight: bold;
    background-color: #e4eff8
}

.owner-side-navi .newplan-more {
    width: 196px
}

.owner-side-navi .newplan-more a {
    display: block;
    width: 179px;
    color: #1366aa;
    padding: 7px 4px 6px 13px;
    *padding: 5px 4px 5px 13px;
    text-decoration: none;
    background-image: url('../img/htsr/owner/rst/common/arrow_tri.gif?4567');
    background-repeat: no-repeat;
    background-position: 4px 10px;
    \width: 196px;
    w\idth: 179px
}

.owner-side-navi .newplan-more a:hover {
    text-decoration: underline;
    background-color: #e4eff8
}*/

.owner-side-nav {
    float: left;
    width: 200px
}

.owner-side-nav__title {
    position: relative;
    z-index: 50;
    padding: 7px 8px 6px 8px;
    width: 184px;
    color: #ffffff;
    font-weight: bold;
    font-size: 116%;
    line-height: 1.3;
    background-color: #333333;
    background-image: url('../img/htsr/owner/rst/common/bg_sidetitle.gif?4567');
    background-repeat: no-repeat;
    background-position: center top
}

.owner-side-nav__menu {
    margin: 0;
    padding: 0 1px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    width: 196px
}

.owner-side-nav__menu-list1 {
    float: left;
    width: 196px
}

.owner-side-nav__menu-list1-sublist {
    padding-bottom: 1px;
    background: none
}

.owner-side-nav__menu-list1-sublist--link {
    display: block;
    padding: 5px 4px 3px 12px;
    padding: 4px 4px 4px 12px;
    width: 180px;
    text-decoration: none;
    background-image: url('../img/htsr/owner/rst/common/arrow_tri.gif?4567');
    background-repeat: no-repeat;
    background-position: 4px 8px
}

.owner-side-nav__menu-list1-sublist--link:hover {
    text-decoration: underline;
    background-color: #e4eff8
}

.sublist-info {
    border-bottom: 1px dotted #d6d8d9;
    background-color: #fefae6;
    padding: 0.8rem 0.6rem
}

.sublist-info__text {
    font-weight: bold;
    text-align: center
}

.sublist-info__link, .layout-owner-side .owner-menu .list1 .sublist-info__link {
    display: block;
    width: 100%;
    color: #0082d0;
    text-decoration: none;
    background-image: none;
    margin-left: -0.5rem;
    padding: 0.8rem 0 0;
    font-size: 1.3rem
}

.sublist-info__link::before, .layout-owner-side .owner-menu .list1 .sublist-info__link::before {
    font-family: "Owner Glyphs";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f636";
    font-size: 1.2rem
}

.sublist-info__link:hover, .layout-owner-side .owner-menu .list1 .sublist-info__link:hover {
    color: #f90;
    text-decoration: none;
    background-color: transparent
}

.sublist-info__link:hover::before, .layout-owner-side .owner-menu .list1 .sublist-info__link:hover::before {
    color: #0082d0
}

.sublist-info__link:hover > span, .layout-owner-side .owner-menu .list1 .sublist-info__link:hover > span {
    text-decoration: underline
}

.sublist-info__notice {
    display: block;
    color: #e64939;
    margin: 0.5rem 0 0 1rem;
    text-indent: -1rem;
    font-size: 1rem
}

.ou-align-left {
    text-align: left
}

.ou-align-right {
    text-align: right
}

.ou-align-center {
    text-align: center
}

.ou-align-left-next-right {
    text-align: left;
    float: left
}

.ou-clearfix:before, .ou-clearfix:after {
    display: block;
    overflow: hidden;
    content: ""
}

.ou-clearfix:after {
    clear: both
}

.clearfix:before, .clearfix:after {
    display: block;
    overflow: hidden;
    content: ""
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.floatclear {
    clear: both;
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 1%;
    line-height: 1
}

* html .floatclear {
    height: 1px
}

*:first-child + html .floatclear {
    height: 1px
}

.ou-hide {
    display: none
}

.ou-mb {
    margin-bottom: 1.5rem
}

.ou-ol {
    margin: 0.2em 0;
    padding-left: 2em;
    list-style-type: decimal;
    line-height: 1.5
}

.ou-ol > li {
    margin-bottom: 0.3em;
    list-style-type: inherit
}

.ou-ol .ou-ol {
    list-style-type: lower-roman
}

.ou-ol .ou-ol .ou-ol {
    list-style-type: lower-alpha
}

.ou-text-example {
    color: #707578
}

.ou-text-indirect {
    color: #adb1b2
}

.ou-text-notice {
    color: #8fb336
}

.ou-text-warning {
    color: #f2aa0f
}

.ou-text-attention {
    color: #e64939
}

.ou-text.is-disabled {
    color: #d6d8d9
}

.text-example {
    color: #707578
}

.text-muted {
    color: #adb1b2
}

.text-disabled {
    color: #d6d8d9
}

.text-note {
    color: #8fb336
}

.text-warning {
    color: #f2aa0f
}

.text-emphasis {
    color: #e64939
}

.ou-ul {
    margin: 0.2em 0;
    padding-left: 2em;
    list-style-type: disc;
    line-height: 1.5
}

.ou-ul > li {
    margin-bottom: 0.3em;
    list-style-type: inherit
}

.ou-ul .ou-ul {
    list-style-type: circle
}

.ou-ul .ou-ul .ou-ul {
    list-style-type: square
}

.ou-valign-top.ou-valign-top.ou-valign-top {
    vertical-align: top
}

.ou-valign-center.ou-valign-center.ou-valign-center {
    vertical-align: center
}

.ou-valign-bottom.ou-valign-bottom.ou-valign-bottom {
    vertical-align: bottom
}

#cboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #333b3f
}

#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    outline: 0;
    background: transparent
}

#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: transparent
}

#cboxContent {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 2px 1px rgba(51, 59, 63, 0.4);
    box-shadow: 0 0 2px 1px rgba(51, 59, 63, 0.4)
}

#cboxTitle, #cboxCurrent, #cboxLoadingOverlay, #cboxLoadingGraphic, #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow, .cboxPhoto, .cboxIframe, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight {
    display: none !important
}

#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/htsr/owner/loader/loader_32x32.gif?4567') no-repeat center center;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px
}

@media (-webkit-min-device-pixel-ratio: 2) {
    #cboxLoadingOverlay {
        background-image: url('../img/htsr/owner/loader/loader_64x64.gif?4567')
    }

}

#cboxLoadedContent {
    overflow: auto
}

#cboxError {
    padding: 50px
}

.sp-deprecated-browser-banner {
    background-color: #fefae6;
    padding: 1rem 0
}

.sp-deprecated-browser-banner__text {
    font-weight: bold;
    color: #13131e;
    text-align: center
}

.sp-deprecated-browser-banner__text:before {
    color: #e64c30;
    font-size: 1.3em;
    padding: 0 0.3rem;
    font-family: "Tabelog Glyph";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    speak: none;
    content: "\f620"
}

/*.a-btn-disabled {*/
    /*pointer-events: none; !* aタグのリンクを無効にする *!*/
    /*cursor: default;  !* マウスオーバー時のカーソルをdefaultに固定 *!*/
    /*text-decoration: none;  !* 下線等を消す。 *!*/
    /*color: #c1c4c5;*/
/*}*/

.navbtn__target-disabled {
    pointer-events: none; /* aタグのリンクを無効にする */
    display: block;
    cursor: default;  /* マウスオーバー時のカーソルをdefaultに固定 */
    padding: 6px 1.2em;
    border-top: 1px solid #c1c4c5;
    border-left: 1px solid #c1c4c5;
    border-right: 1px solid #c1c4c5;
    border-bottom: 1px solid #c1c4c5;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
    color: #c1c4c5;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.navbtn__target-left-disabled {
    pointer-events: none; /* aタグのリンクを無効にする */
    display: block;
    cursor: default;  /* マウスオーバー時のカーソルをdefaultに固定 */
    padding: 6px 1.2em;
    border-top: 1px solid #c1c4c5;
    border-left: 1px solid #c1c4c5;
    border-right: 1px solid #c1c4c5;
    border-bottom: 1px solid #c1c4c5;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
    color: #c1c4c5;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f7f7f7;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/*--------------*/
.btn-submit-wrap {
    clear: both;
    margin: 15px auto;
    width: 950px
}

.btn-submit-wrap .btn-submit {
    margin: 12px auto;
    width: 380px
}

.btn-submit-wrap .btn-submit-inner {
    margin: 12px auto;
    width: 600px
}

.btn-submit-inner .btn-backedit {
    float: left;
    width: 260px
}

.btn-submit-inner .btn-entry {
    float: right;
    width: 320px
}

.greenbtn a, .greenbtn .btn, .greenbtn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    cursor: pointer;
    padding: 9px 0;
    border: 1px solid #6f8f2b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    line-height: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#96ba48, endColorstr=#769a2e, GradientType=0);
    background: #96ba48;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #96ba48), color-stop(0.9, #769a2e));
    background: -webkit-linear-gradient(top, #96ba48 10%, #769a2e 90%);
    background: -moz-linear-gradient(top, #96ba48 10%, #769a2e 90%);
    background: -ms-linear-gradient(top, #96ba48 10%, #769a2e 90%);
    background: -o-linear-gradient(top, #96ba48 10%, #769a2e 90%);
    background: linear-gradient(to bottom, #96ba48 10%, #769a2e 90%)
}

:root .greenbtn a, :root .greenbtn .btn, :root .greenbtn input {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM5NmJhNDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiM3NjlhMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.greenbtn a:hover, .greenbtn .btn:hover, .greenbtn input:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6ca58, endColorstr=#86ab3d, GradientType=0);
    background: #a6ca58;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #a6ca58), color-stop(0.9, #86ab3d));
    background: -webkit-linear-gradient(top, #a6ca58 10%, #86ab3d 90%);
    background: -moz-linear-gradient(top, #a6ca58 10%, #86ab3d 90%);
    background: -ms-linear-gradient(top, #a6ca58 10%, #86ab3d 90%);
    background: -o-linear-gradient(top, #a6ca58 10%, #86ab3d 90%);
    background: linear-gradient(to bottom, #a6ca58 10%, #86ab3d 90%)
}

:root .greenbtn a:hover, :root .greenbtn .btn:hover, :root .greenbtn input:hover {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNhNmNhNTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiM4NmFiM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.whitebtn a, .whitebtn .btn, .whitebtn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    zoom: 1;
    cursor: pointer;
    padding: 9px 0;
    border: 1px solid #c0c0c0;
    border-bottom-color: #b8b8b8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    color: #333333 !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#ececec, GradientType=0);
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fefefe), color-stop(0.9, #ececec));
    background: -webkit-linear-gradient(top, #fefefe 10%, #ececec 90%);
    background: -moz-linear-gradient(top, #fefefe 10%, #ececec 90%);
    background: -ms-linear-gradient(top, #fefefe 10%, #ececec 90%);
    background: -o-linear-gradient(top, #fefefe 10%, #ececec 90%);
    background: linear-gradient(to bottom, #fefefe 10%, #ececec 90%)
}

:root .whitebtn a, :root .whitebtn .btn, :root .whitebtn input {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.whitebtn a:hover, .whitebtn .btn:hover, .whitebtn input:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8, GradientType=0);
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fff), color-stop(0.9, #f8f8f8));
    background: -webkit-linear-gradient(top, #fff 10%, #f8f8f8 90%);
    background: -moz-linear-gradient(top, #fff 10%, #f8f8f8 90%);
    background: -ms-linear-gradient(top, #fff 10%, #f8f8f8 90%);
    background: -o-linear-gradient(top, #fff 10%, #f8f8f8 90%);
    background: linear-gradient(to bottom, #fff 10%, #f8f8f8 90%)
}

:root .whitebtn a:hover, :root .whitebtn .btn:hover, :root .whitebtn input:hover {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.bluebtn a, .bluebtn .btn, .bluebtn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    zoom: 1;
    cursor: pointer;
    padding: 9px 0;
    border: 1px solid #518cc6;
    border-bottom-color: #2a65a0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    line-height: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#599bdc, endColorstr=#3072b3, GradientType=0);
    background: #599bdc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #599bdc), color-stop(0.9, #3072b3));
    background: -webkit-linear-gradient(top, #599bdc 10%, #3072b3 90%);
    background: -moz-linear-gradient(top, #599bdc 10%, #3072b3 90%);
    background: -ms-linear-gradient(top, #599bdc 10%, #3072b3 90%);
    background: -o-linear-gradient(top, #599bdc 10%, #3072b3 90%);
    background: linear-gradient(to bottom, #599bdc 10%, #3072b3 90%)
}

:root .bluebtn a, :root .bluebtn .btn, :root .bluebtn input {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM1OTliZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMzMDcyYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.bluebtn a:hover, .bluebtn .btn:hover, .bluebtn input:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#74b4d8, endColorstr=#4082c3, GradientType=0);
    background: #74b4d8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #74b4d8), color-stop(0.9, #4082c3));
    background: -webkit-linear-gradient(top, #74b4d8 10%, #4082c3 90%);
    background: -moz-linear-gradient(top, #74b4d8 10%, #4082c3 90%);
    background: -ms-linear-gradient(top, #74b4d8 10%, #4082c3 90%);
    background: -o-linear-gradient(top, #74b4d8 10%, #4082c3 90%);
    background: linear-gradient(to bottom, #74b4d8 10%, #4082c3 90%)
}

:root .bluebtn a:hover, :root .bluebtn .btn:hover, :root .bluebtn input:hover {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM3NGI0ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiM0MDgyYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.redbtn a, .redbtn .btn, .redbtn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    zoom: 1;
    cursor: pointer;
    padding: 9px 0;
    border: 1px solid #cf0404;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    line-height: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4029, endColorstr=#cc1616, GradientType=0);
    background: #ff4029;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ff4029), color-stop(0.9, #cc1616));
    background: -webkit-linear-gradient(top, #ff4029 10%, #cc1616 90%);
    background: -moz-linear-gradient(top, #ff4029 10%, #cc1616 90%);
    background: -ms-linear-gradient(top, #ff4029 10%, #cc1616 90%);
    background: -o-linear-gradient(top, #ff4029 10%, #cc1616 90%);
    background: linear-gradient(to bottom, #ff4029 10%, #cc1616 90%)
}

:root .redbtn a, :root .redbtn .btn, :root .redbtn input {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZjQwMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjYzE2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.redbtn a:hover, .redbtn .btn:hover, .redbtn input:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5844, endColorstr=#df2929, GradientType=0);
    background: #ff5844;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ff5844), color-stop(0.9, #df2929));
    background: -webkit-linear-gradient(top, #ff5844 10%, #df2929 90%);
    background: -moz-linear-gradient(top, #ff5844 10%, #df2929 90%);
    background: -ms-linear-gradient(top, #ff5844 10%, #df2929 90%);
    background: -o-linear-gradient(top, #ff5844 10%, #df2929 90%);
    background: linear-gradient(to bottom, #ff5844 10%, #df2929 90%)
}

:root .redbtn a:hover, :root .redbtn .btn:hover, :root .redbtn input:hover {
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZjU4NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNkZjI5MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 \9
}

.disablebtn a, .disablebtn .btn, .disablebtn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    zoom: 1;
    cursor: default;
    padding: 9px 0;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    color: #bbbbbb;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    line-height: 1;
    background: #e4e4e4
}

#action-copyentry .text {
    width: 630px
}

#action-copyentry p.btn-action {
    width: 300px
}

.global-ownernews {
    background-color: #ffffff
}

.global-ownernews > li {
    padding: 0 8px;
    border-bottom: 1px solid #d6d8d9;
    background-color: #ffffff
}

.global-ownernews > li:hover {
    background-color: #f7f7f7
}

.global-ownernews > li:last-child {
    border-bottom: none
}

.global-ownernews li.is-uncheck {
    background-color: #fefbec
}

.global-ownernews li.is-uncheck:hover {
    background-color: #fdf6d6
}

.global-ownernews-head {
    padding: 8px 2px 5px;
    border-bottom: 1px dotted #d6d8d9
}

.global-ownernews-date {
    margin-bottom: 4px;
    color: #80a030
}

.global-ownernews-title {
    font-weight: bold
}

.global-ownernews-caution:before {
    margin-right: 4px;
    color: #f2aa0f;
    font-size: 16px;
    vertical-align: bottom;
    line-height: 1
}

.global-ownernews-message {
    padding: 8px 2px 10px;
    color: #707578
}

#owner-container {
    padding: 15px 0
}

#owner-container .notification {
    margin: 14px 0 10px
}

#owner-container .notification .notice {
    color: #55aa00
}

#owner-container .notification .caution {
    color: #ff0000
}

#owner-container .notification .small {
    font-size: 92%
}

#owner-container .notification ul {
    padding: 3px 0;
    line-height: 1.5
}

#owner-container .notification.information {
    border-color: #bbd4ee;
    background-color: #eff6fb
}

#owner-container .notification.warning {
    border-color: #ffcc99;
    background-color: #fffdd8
}

#owner-container .notification.success {
    border-color: #c1d779;
    background-color: #f5ffd0
}

#owner-container .notification.failure {
    border-color: #ffaaaa;
    background-color: #fff0f0
}

#owner-container .notification.attention {
    padding-left: 10px;
    border-color: #e9d296;
    background-color: #fefae6;
    background-image: none
}

#owner-container .notification.attention .mark {
    color: #887000
}

.owner-title {
    padding: 8px 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 117%;
    line-height: 1.3;
    background: #273c5c
}

.layout-owner-main .owner-title {
    margin-top: 15px;
    background-repeat: no-repeat;
    background-position: center top
}

.owner-stitle {
    margin: 15px 0 0;
    padding: 7px 6px 6px;
    border-bottom: 1px solid #52637d;
    border-left: 6px solid #273c5c;
    color: #1c2b42;
    font-weight: bold;
    font-size: 117%;
    text-align: left;
    background-color: #f1f1f1
}

.owner-stitle.owner-stitle-nopublish {
    margin-top: 30px
}

.owner-stitle.owner-stitle-first {
    margin-top: 0
}

.owner-stitle .ex-info {
    float: right;
    padding-top: 1px;
    padding-right: 4px;
    font-weight: normal;
    font-size: 92%
}

.owner-stitle .ex-info .update {
    padding-left: 6px;
    color: #ff0000
}

.owner-stitle .line {
    color: #cccccc
}

.owner-sstitle {
    margin: 15px 0 0 0;
    padding: 3px 5px 1px 6px;
    border-left: solid 3px #444444;
    text-align: left;
    line-height: 1.2
}

.owner-stitle-sub {
    margin: 15px 0 0;
    padding: 2px 2px 4px 2px;
    font-weight: bold;
    font-size: 117%;
    text-align: left
}

.owner-stitle-sub:before {
    margin-right: 4px;
    font-size: 16px
}

.lead-noinfo {
    margin-top: 12px;
    padding: 3px 6px 6px 6px;
    border: 1px solid #d0d0d0;
    background: #f2f2f2
}

.lead-noinfo p {
    padding: 4px 0 0;
    line-height: 1.4
}

.lead-information {
    margin-top: 12px;
    padding: 3px 6px 6px 6px;
    border: 1px solid #ffcc99;
    background: #fffccc
}

.lead-information p {
    padding: 4px 0 0;
    line-height: 1.4
}

.lead-information p.attention {
    color: #ff0000;
    font-weight: bold
}

.lead-caution {
    margin-top: 12px;
    padding: 3px 6px 6px 6px;
    border: 1px solid #ffcc99;
    background: #fffccc
}

.lead-caution p {
    padding: 4px 0 0;
    line-height: 1.4
}

.lead-caution p.caution {
    padding-left: 18px;
    color: #ff0000;
    font-weight: bold;
    background-image: url('../img/htsr/owner/common/icon_caution.gif?4567');
    background-repeat: no-repeat;
    background-position: 0 3px
}

.lead-caution p.notice {
    color: #55aa00;
    font-size: 92%;
    line-height: 1.3
}

.lead-action {
    padding: 6px 5px 0 5px
}

.lead-action .text {
    float: left;
    padding: 0;
    width: 710px
}

.lead-action .text p {
    padding: 6px 0 0;
    line-height: 1.5
}

.lead-action .text p.notice {
    padding-top: 4px;
    color: #55aa00;
    font-size: 92%
}

.lead-action p.btn-action {
    float: right;
    padding: 4px 0 0;
    width: 220px
}

.textlink {
    text-align: right
}

.textlink a {
    margin-right: 5px;
    color: #a8a8a8
}

.msg-box {
    margin: 10px 0;
    padding: 20px 0;
    text-align: center;
    background-color: #e6f1f6
}

p.error-comment {
    margin-top: 12px;
    padding: 6px 6px;
    border: 1px solid #ffaaaa;
    font-size: 100%;
    line-height: 1.4;
    background: #fff0f0
}

p.link-navi {
    margin-top: 20px;
    border: solid 1px #d6d8d9;
    border-radius: 2px;
    font-size: 109%;
    background-color: #f7f7f7
}

p.link-navi a {
    display: block;
    padding: 10px;
    text-decoration: none
}

p.link-navi a:hover {
    background-color: #fdfdfd
}

p.link-navi a:before {
    margin-right: 6px;
    color: #0b8ad4;
    font-size: 16px;
    vertical-align: bottom
}

p.link-navi a:hover:before {
    color: #0ca3fa
}

.container-cover-sheet {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 700;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000000
}

.container-overlay {
    display: none;
    position: absolute;
    z-index: 999;
    margin: 10px auto 0;
    width: 790px;
    min-height: 200px
}

.container-overlay .overlay-box {
    position: relative;
    padding: 45px;
    border: solid 1px #bbbbbb;
    border-radius: 6px;
    box-shadow: 0 0 5px #aaaaaa;
    background-color: #ffffff
}

.container-overlay p.close {
    position: absolute;
    top: -10px;
    right: -10px
}

.container-overlay p.close a {
    display: block;
    cursor: pointer;
    width: 34px;
    height: 34px;
    overflow: hidden;
    text-indent: -9999px;
    background: url('../img/htsr/owner/yoyaku/common/btn_overlay_close.png?4567') no-repeat 0 0
}

.container-overlay p.close a:hover {
    background-position: 0 -34px
}

.overlay-box .loading {
    display: block;
    padding: 14px 10px 6px
}

.overlay-box .loading p {
    padding: 55px 0 0;
    color: #666666;
    font-size: 100%;
    text-align: center;
    white-space: nowrap;
    background: url('../img/htsr/yoyaku/shared/loading.gif?1499244153') no-repeat 50% 0
}

.owner-help-link {
    margin: 8px 0;
    text-align: right
}

.owner-help-link a {
    padding: 2px 0 2px 18px;
    background: url('../img/htsr/owner/rst/owner_vacancy/index_question_icon.gif?4567') no-repeat 0 1px
}

.tieup-mc-label {
    margin-bottom: 5px;
    font-size: 92%
}

/*loginページ用css*/
.login{
    margin-top: 70px;
}

.maintenance_message{
    text-align: center;
    margin: auto;
    color: red;
}
.login-form{
    margin: auto;
    width: 260px;
    background-color: #fff;
    border: 3.5px solid #D0BBA7;
    box-shadow: 5px 5px #E8E6E3;
    padding: 25px;
    padding-bottom: 50px;
}
.login-form p{
    color: #5B554C;
    padding-left: 10px;
    margin: 10px 0 3px 0;
}
.bt-add{
    background-color: #5b9f62;
    color: #fff;
    text-align: center;
}
.w100{
    width: 100%;
}
.bt-md {
    border-radius: 4px;
    padding: 7px 15px 7px 15px;
    display: inline-block;
    font-weight: bold;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.login-form *{
    box-sizing: border-box;
}
.mt20{
    margin-top: 20px;
}
.caution-text{
    color: red;
}



.attention_string {
    font-weight: bold;
    color: #ff0000
}

.length-counter {
    float: right;
}

.length-counter-m {
    padding-left: 330px;
}

.length-counter-l {
    padding-left: 500px;
}

#photo_caption {
    width: 355px;
    height: 60px;
}

.plan-coution {
    padding: 10px 0 0;
    font-weight: bold;
    color: #e64939;
}
.edit-place-count-atonce:not(:first-child), .place-count-atonce:not(:first-child) {
    border-left: double 5px;
    border-color: #e8e2dc;
}
.edit-plan-count-atonce:not(:first-child), .plan-count-atonce:not(:first-child) {
    border-left: double 5px;
    border-color: #e8e2dc;
}

.tax-type-out {
    font-weight: bold;
    color: #e64939;
}
.tax-type-out.is-hidden {
    display: none
}
.tax-type-in {
    font-weight: bold;
    color: #e64939;
}
.tax-type-in.is-hidden {
    display: none
}


.timetable-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #f7f7f7
}

.timetable-loader>.is-loading {
    margin: 80px
}


.movie_explain_icon {
    width: 18px;
    position: relative;
    top: -4px;
    left: -2px;
}

/*「後で」を押した際のsms登録促進バナー*/
.sms-setting-banner {
    z-index: 99;
    display: none;
    position: fixed;
    background: #b0d424;
    right: 1%;
    bottom: 1%;
    border-radius: 8px;
    width: 400px;
    padding: 5px;
    vertical-align: middle;
    cursor:pointer;
}
.sms-setting-banner p {
    font-size: 11px;
    padding: 0;
    font-weight:500;
    text-align: left;
    padding-bottom: 8px;
}
.sms-setting-banner h5 {
    font-size: 15px;
    text-align: left;
    padding: 5px 0;
}
.sms-setting-banner td {
    vertical-align: middle;
}

/*sms登録促進バナー用画像*/
.sms-notice-img {
    display: inline-block;
    width: 50px;
    vertical-align: middle;
    margin: 0 11px;
}

.flash_area p {
    font-size: 1.5em;
    padding: 0.4em 1em 0.3em;
    margin-bottom: 1em;
}
.flash_area .flash_success {
    color: green;
    background-color: #c0ffc6;
    border: 1px solid green;
}

.flash_area .flash_error {
    color: pink;
    background-color: pink;
    border: 1px solid red;
}

/* ebicaでSAVOR JAPAN予約モーダルCSS */
#ebica_savor_reservation_modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.close-btn {
    position: absolute;
    right: 1rem;
    font-size: large;
    cursor: pointer;
}

.modal_bg {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100%;
}

.ebica_savor_modal_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    height: 690px;
    max-width: 950px;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 10px;
}

.entry-title {
    margin: 12px 0 0 0;
    padding: 6px 6px 5px;
    font-size: 117%;
    font-weight: bold;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-color: #dddddd
}

.ebica_savor_modal_term{
    margin: 12px 0 0 0;
    height: 260px;
    overflow-y: scroll;
}

.ebica_savor_modal_term_content{
    background-color: #f9f9f9;
    padding: 15px 5px 15px 15px;
    min-height: 370px;
    border-color: #e8e2dc;
    word-break : break-all;
}

table.ebica_savor_form-entry {
    width: 100%;
    margin: 10px 0 0 0;
    border-collapse: collapse
}

table.ebica_savor_form-entry td.button {
    padding: 20px 0px 5px;
    width: 946px;
    text-align: center;
    background-color: #f9f6f3
}
#terms_mail {
    width: 85%;
    height: 30px;
}

.form_heading {
    width: 215px;
    padding: 10px;
    color: #ffffff;
    background: #e7efc6;/*背景色*/
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    white-space: nowrap;
    display: inline-block;
    font-weight:800;
}
.form_heading p {
    font-size: 15px;
    margin: 0; 
    padding: 0;
}

.form_heading_here {
    width: 210px;
    padding: 10px;
    color: #ffffff;
    background: #a9c434;/*背景色*/
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    white-space: nowrap;
    display: inline-block;
    font-weight:800;
}

.form_heading_here p {
    font-size: 15px;
    margin: 0; 
    padding: 0;
}

.savor_item_center{
    text-align: center;
    margin: 13px;
}

.table_row_corporate_number.is-hidden{
    display: none;
}

.table_row_company_name.is-hidden{
    display: none;
}

.table_row_company_name_kana.is-hidden{
    display: none;
}

.table_row_licenses_name.is-hidden{
    display: none;
}

.table_row_licenses_number.is-hidden{
    display: none;
}

.gmo_application_box {
    padding-top: 5px;
    text-align: center;

}

.gmo_application_message{
    font-weight: 900;
    font-size: 14px;
}
.close_bank_information.is-hidden{
    display: none;
}
.open_bank_information.is-hidden{
    display: none;
}
.cursor_pointer{
    cursor: pointer;
}
.is-hidden {
    display: none;
}
.flex_space-between {
    display: flex;
    justify-content: space-between;
}

input[class*="validate"] {
    position: relative;
}
select[class*="validate"] {
    position: relative;
}