@charset "UTF-8";
#wrapper.original .free_space { border: solid 1px #DCE1E9; background: rgba(255, 255, 255, 0.9); }

#wrapper.original #more_block .inbox { max-height: 244px; padding: 20px; }

#wrapper.original #more_block .more { margin: 0; padding: 0; }

#wrapper.original #more_block .more a { display: block; padding: 1em; }

#wrapper.original table.normal { background: #FFF; border-left: solid 1px #DCE1E9; border-right: solid 1px #DCE1E9; }

#wrapper.original table.normal tr > * { padding: 15px 20px; }

#wrapper.original table.normal th { padding-right: 0; }

html { min-width: 1200px; height: 100%; font-size: 62.5%; }

body { min-width: 1200px; height: 100%; font-family: "Open Sans", "Hiragino Sans', ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #2E3849; background-color: #FFF; font-size: 14px; font-size: 1.4rem; -webkit-text-size-adjust: 100%; line-height: 1; }

body.noscroll { width: 100%; position: fixed; }

#booking #header { padding: 10px 0; }

#booking #push { height: 95px; }

#booking #footer { margin-top: -95px; }

#push.min { height: 95px; }

#footer.min { margin-top: -95px; }

* { word-break: break-all; }

.w1200 { width: 1200px; margin-left: auto; margin-right: auto; }

a { color: #2E3849; text-decoration: none; }

a:hover { text-decoration: underline; }

.required, .red { color: #FE595F; }

.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

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

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

.mb100 { margin-bottom: 100px !important; }

.pre { white-space: pre-line; }

.flex_block { display: -webkit-flex; display: flex; margin: 0 0 20px; width: 100%; }

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

.f14 { font-size: 14px; font-size: 1.4rem; }

.gray { color: #888; }

.orange { color: #E6991B; }

.green { color: #32ADA3; }

.ccc { color: #CCC; }

.red { color: #FE595F; }

.flex_block > * + * { margin-left: 20px; }

.ex { display: none; position: absolute; font-size: 10px; font-size: 1rem; white-space: nowrap; }

.ex.big { font-size: 12px; font-size: 1.2rem; }

.ex p { margin: 0; padding: 6px; border-radius: 5px; background: #2E3849; cursor: text; color: #FFF; transition: opacity .3s ease; white-space: nowrap; }

.ex.big p { padding: 10px; }

.ex p::after { position: absolute; top: -5px; left: 50%; margin-left: -5px; content: ''; width: 10px; height: 5px; background: url("../img/ex_arrow.8a2686520a96.png") no-repeat center; background-size: 10px 5px; font-size: 0; transform: rotate(180deg); }

.ex.top p::after { position: absolute; top: auto; bottom: -5px; left: 50%; margin-left: -5px; content: ''; width: 10px; height: 5px; background: url("../img/ex_arrow.8a2686520a96.png") no-repeat center; background-size: 10px 5px; font-size: 0; transform: rotate(0deg); }

/* system message */
.alert { position: fixed; left: 50%; top: 30%; z-index: 101; width: 600px; margin-left: -300px; color: #FFF; }

.alert ul { position: relative; z-index: 0; border-radius: 10px; list-style: none; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.alert ul li { position: relative; padding: 20px 50px; background: rgba(63, 92, 188, 0.96); line-height: 1.5; }

.alert ul li:first-child { border-radius: 10px 10px 0 0; }

.alert ul li:last-child { border-radius: 0 0 10px 10px; }

.alert ul li:first-child:last-child { border-radius: 10px; }

.alert ul li.success, .alert ul li.green { background: rgba(52, 148, 90, 0.96); }

.alert ul li.info { background: rgba(245, 166, 35, 0.96); }

.alert ul li.error { background: rgba(244, 74, 79, 0.96); }

.alert ul li + li { border-top: solid 1px rgba(255, 255, 255, 0.5); }

.alert a.close { display: inline-block; position: absolute; z-index: 10; right: 10px; top: 10px; width: 34px; height: 34px; padding: 10px; border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 17px; font-size: 0; color: #FFF; line-height: 1; text-align: center; }

#wrapper { min-height: 100%; }

#header { position: relative; width: 100%; background: #FFF; margin: 0 auto 40px; padding: 10px 0; border-bottom: solid 1px #EBF1F4; }

#gnav { position: relative; width: 1200px; margin: 0 auto; }

#gnav ul.logo { float: left; }

#gnav ul.logo img { height: 14px; width: 66px; margin: 0 6px 0 0; vertical-align: top; }

#gnav ul.logo a { font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #004B73; line-height: 14px; }

#gnav ul.nav { float: right; margin-right: 74px; }

#gnav ul.nav a:hover, #gnav ul.nav a.selected { color: #004B73; }

#gnav ul.nav a::after { position: absolute; left: 0; bottom: 5px; content: ""; width: 100%; height: 3px; background: #004B73; opacity: 0; transition: all .3s ease; }

#gnav ul.nav a:hover::after, #gnav ul.nav a.selected::after { bottom: 0; opacity: 1; }

#gnav li { display: table-cell; vertical-align: middle; }

#gnav li + li { padding-left: 20px; }

#gnav a { position: relative; display: inline-block; padding: 10px 0; color: #000; font-weight: normal; text-decoration: none; transition: all .3s ease; letter-spacing: 2px; }

#more_menu { position: absolute; left: 50%; margin-left: 556px; top: 2px; }

#more_menu > a { position: relative; z-index: 100; display: inline-block; width: 44px; height: 44px; border: solid 1px #FFF; font-size: 0; vertical-align: top; }

#more_menu > a span { position: absolute; left: 9px; top: 20px; display: inline-block; width: 24px; height: 2px; background: #004B73; transition: all .15s ease; }

#more_menu > a span::after { position: absolute; left: 0; top: 5px; display: inline-block; content: ''; width: 24px; height: 2px; background: #004B73; transition: all .15s ease; }

#more_menu > a span::before { position: absolute; left: 0; bottom: 5px; display: inline-block; content: ''; width: 24px; height: 2px; background: #004B73; transition: all .15s ease; }

#more_menu:hover > a { border-radius: 5px 5px 0 0; border: solid 1px #DCE1E9; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }

#more_menu ul { display: none; }

#more_menu:hover ul { display: block; position: absolute; right: 0; top: 43px; z-index: 101; list-style: none; border: solid 1px #DCE1E9; border-radius: 5px 0 5px 5px; background: #FFF; white-space: nowrap; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }

#more_menu:hover ul a { display: block; padding: 15px; font-size: 12px; font-size: 1.2rem; text-decoration: none; }

#more_menu:hover ul a:hover { background: #F7F9FB; }

#more_menu:hover ul li + li { border-top: solid 1px #DCE1E9; }

#more_menu:hover ul li:first-child a { border-radius: 5px 0 0 0; }

#more_menu:hover ul li:last-child a { border-radius: 0 0 5px 5px; }

#more_menu:hover ul li:first-child:last-child a { border-radius: 5px 0 5px 5px; }

#shop_header { display: table; width: 1200px; margin: 0 auto 40px; }

#shop_header > * { display: table-cell; padding: 0; vertical-align: middle; }

#shop_header #shop_logo { width: 100px; padding-right: 20px; }

#shop_header #shop_logo > div { border: solid 4px #FFF; background: #F7F9FB no-repeat center; background-size: contain; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); }

#shop_header #shop_logo > div img { width: 92px; height: 92px; vertical-align: top; }

#shop_header #shop_title { margin: 11px 0 5px; font-size: 20px; font-size: 2rem; font-weight: bold; }

#shop_header #shop_title a { display: inline-block; }

#shop_header #shop_title a:hover { color: #2E3849; }

#shop_header #shop_title a.homepage { display: inline-block; margin: -5px 10px; border: solid 1px #DCE1E9; border-radius: 14px; padding: 7px; font-size: 12px; line-height: 1; vertical-align: top; font-weight: normal; text-decoration: none; color: #647479; transition: all .2s ease; }

#shop_header #shop_title a.homepage:hover { border-color: #004B73; }

#shop_header nav ul { display: table; list-style: none; }

#shop_header nav li { display: table-cell; }

#shop_header nav li + li { padding-left: 20px; }

#shop_header nav li > a { position: relative; display: block; padding: 11px 0; font-weight: bold; text-decoration: none; }

#shop_header nav a:hover, #shop_header nav a.selected { color: #004B73; }

#shop_header nav li a::after { position: absolute; left: 0; bottom: 5px; content: ""; width: 100%; height: 3px; background: #004B73; opacity: 0; transition: all .3s ease; }

#shop_header nav li a:hover::after, #shop_header nav li a.selected::after { bottom: 0; opacity: 1; }

#shop_header nav.disabled a { text-decoration: none; }

#shop_header nav.disabled li a:hover { color: #000; }

#shop_header nav.disabled li a::after { opacity: 0; }

#wide_main { width: 1200px; margin: 0 auto 100px; }

#shop_footer { margin: 0 0 40px; padding: 0 0 40px; border-bottom: solid 1px #DCE1E9; text-align: center; font-size: 0; }

#shop_footer > * { display: inline-block; font-size: 14px; font-size: 1.4rem; }

#shop_footer > * + * { margin-left: 20px; }

#shop_footer dt { font-weight: bold; color: #2E3849; }

#push { width: 100%; height: 254px; }

#footer { margin: -254px 0 0; padding: 40px 0; border-top: solid 1px #EBF1F4; color: #2E3849; background: #FFF; }

#footer a { color: #2E3849; }

#footer_contents { display: table; width: 1200px; margin: 0 auto 40px; padding: 0 0 40px; border-bottom: solid 1px #DCE1E9; line-height: 1.5; }

#footer_contents li { display: table-cell; width: 33.333%; vertical-align: top; font-size: 13px; font-size: 1.3rem; }

#footer_contents li h6 { font-size: 14px; font-size: 1.4rem; }

#copylight { float: left; }

#links { float: right; font-size: 0; }

#links a { display: inline-block; padding: 1px 0; font-size: 12px; font-size: 1.2rem; }

#links span { display: inline-block; width: 1px; height: 14px; margin: 0 10px; background: #EEE; vertical-align: top; }

#apply { width: 1200px; margin: 0 auto; }

#apply > *:last-child { margin-bottom: 100px !important; }

#apply h1 { margin: 0 0 20px; font-size: 20px; font-size: 2rem; }

#apply hr { margin: 20px 0; border: none; border-top: solid 1px #EEE; }

#apply > p { line-height: 1.8; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

#apply > p.sub { font-weight: normal; font-size: 14px; font-size: 1.4rem; text-align: center; }

#apply > p.sub2 { color: #999; font-weight: normal; font-size: 12px; font-size: 1.2rem; text-align: center; }

#apply .kari { margin: 20px 0; text-align: center; }

#apply .kari p { line-height: 1.8; font-size: 20px; font-size: 2rem; font-weight: bold; }

#apply .kari .red { color: #F44A4F; }

#apply .kari p.sub { font-weight: normal; font-size: 14px; font-size: 1.4rem; }

#apply .kari table { max-width: 50%; border-collapse: separate; border-spacing: 0; margin: 20px auto 0; line-height: 1.5; }

#apply .kari table td, #apply .kari table th { padding: 20px; text-align: left; }

#apply .kari table strong { color: #F44A4F; }

#apply .kari table th { width: 1%; background: #647479; color: #FFF; white-space: nowrap; font-size: 12px; font-size: 1.2rem; }

#apply .kari table td { background: #F3F7FA; }

#apply .kari table tr:nth-child(2n) th { background: #8B979B; }

#apply .kari table tr:nth-child(2n) td { background: #F7F9FB; }

#apply .kari table b { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 1; }

#apply .kari table tr + tr > * { border-top: solid 3px #FFF; }

#apply .kari table p { margin-top: 10px; padding-top: 10px; border-top: dotted 2px #DEE9F1; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }

#apply .links { list-style: none; line-height: 1.8; text-align: center; }

#apply .links a { color: #004B73; }

#selected_space { margin: 0 0 40px; }

#selected_space h2 { padding: 15px 20px; border-radius: 5px 5px 0 0; background: #004B73; font-size: 14px; font-size: 1.4rem; color: #FFF; }

#selected_space table { width: 100%; border-collapse: separate; border-spacing: 0; border-left: solid 1px #004B73; }

#selected_space tr > * { width: 25%; padding: 15px 20px; border-right: solid 1px #004B73; border-bottom: solid 1px #004B73; text-align: center; }

#selected_space th { padding: 10px 20px; background: #DEE2F3; font-size: 12px; font-size: 1.2rem; }

#selected_space .nowrap { white-space: nowrap; }

/* input, textarea, select */
input, textarea, select { margin: 0; padding: 9px 10px; border: solid 1px #DDD; border-radius: 5px; background: #FFF no-repeat right; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.43; vertical-align: top; text-align: left; }

input + input { margin-left: 2%; }

select { padding-right: 30px; background-image: url("../img/select_arrow.4ee6ac4e9578.png"); background-size: 20px 8px; }

.w100 input, .w100 select, .w100 textarea { width: 100%; }

.w50 input, .w50 select, .w50 textarea { width: 49%; }

.w25 input, .w25 select, .w25 textarea { width: 25%; }

.m40 input, .m40 select, .m40 textarea { max-width: 35%; }

input + span, select + span { line-height: 40px; }

input + span + *, select + span + * { margin-left: 5px; }

:placeholder-shown { color: #DDD; font-weight: normal; }

::-webkit-input-placeholder { color: #DDD; font-weight: normal; }

:-moz-placeholder { color: #DDD; font-weight: normal; }

::-moz-placeholder { color: #DDD; font-weight: normal; }

:-ms-input-placeholder { color: #DDD; font-weight: normal; }

input[type=text]:disabled, textarea:disabled, select:disabled { border-color: #EEE; background: #F6F6F6; color: #CCC; }

:disabled:placeholder-shown { color: #CCC; }

:disabled::-webkit-input-placeholder { color: #CCC; }

:disabled:-moz-placeholder { color: #CCC; }

:disabled::-moz-placeholder { color: #CCC; }

:disabled:-ms-input-placeholder { color: #CCC; }

input[type=checkbox] { opacity: 0; width: 18px; height: 18px; margin: 0; padding: 0; font-size: 0; line-height: 0; vertical-align: top; }

input[type=checkbox] + label { margin-left: -18px; padding-left: 23px; background: url("../img/checkbox.8b2d29563800.png") no-repeat left; background-size: 18px 18px; font-size: 14px; font-size: 1.4rem; line-height: 1.286; cursor: pointer; }

input[type=checkbox]:hover + label, input[type=checkbox] + label:hover { background-image: url("../img/checkbox_hover.0e36b0ceec93.png"); }

input[type=checkbox]:checked + label { background-image: url("../img/checkbox_checked.8517c0bdceed.png"); }

input[type=checkbox]:disabled + label { background-image: url("../img/checkbox_disabled.f1b071b9f3da.png"); }

label.checkbox { display: inline-block; margin: 3px 15px 3px 0; background: none; font-size: 14px; font-size: 1.4rem; line-height: 1; cursor: pointer; }

label.checkbox input { width: 14px; height: 14px; margin: 0 6px 0 0; padding: 0; opacity: 1; }

.checkboxs { font-size: 0; }

input[type=radio] { opacity: 0; width: 18px; height: 18px; margin: 0; padding: 0; vertical-align: top; }

input[type=radio] + label { margin-left: -18px !important; padding-left: 23px; background: url("../img/radio.6a61025e8dcd.png") no-repeat left; background-size: 18px 18px; font-size: 14px; font-siz: 1.4rem; line-height: 1.286; cursor: pointer; }

input[type=radio]:hover + label, input[type=radio] + label:hover { background-image: url("../img/radio_hover.cd9e8b1b872c.png"); }

input[type=radio]:checked + label { background-image: url("../img/radio_checked.a265ed4d9ed6.png"); }

input[type=radio]:disabled + label { background-image: url("../img/radio_disabled.dac90033ca98.png"); }

#post_step { position: sticky; top: 0; z-index: 100; display: table; width: 100%; border-bottom: solid 3px #FFF; margin: 0 auto 17px; line-height: 1; font-weight: bold; }

#post_step > li { display: table-cell; width: 10%; text-align: center; vertical-align: top; }

#post_step > li + li { border-left: solid 3px #FFF; }

#post_step .dot { display: none; }

#post_step .now { padding: 15px 0; background: #004B73; color: #FFF; }

#post_step .end { padding: 15px 0; background: #CCC; color: #FFF; }

#post_step .now + *, #post_step .now + * + *, #post_step .now + * + * + * { padding: 15px 0; background: #F7F9FB; color: #000; }

#post_step p { font-size: 14px; font-size: 1.4rem; }

#post_step .step { display: block; margin: 0 0 6px; font-size: 10px; font-size: 1rem; }

#post_step .step::before { content: 'STEP'; }

#customer { position: relative; }

#customer h1, #customer h2 { margin: 0 0 20px; font-size: 20px; font-size: 2rem; line-height: 1; }

#customer .errorlist { margin-bottom: 10px !important; }

#customer .info > div { position: -webkit-sticky; /* Safari */ position: sticky; top: 100px; }

#customer table { margin: 0; border-collapse: separate; border-spacing: 0; }

#customer table .sub ul { line-height: 1.5; margin: none; list-style: none; }

#customer table .sub ul li::before { content: '※'; }

#customer th { width: 1%; white-space: nowrap; line-height: 40px; font-size: 12px; font-size: 1.2rem; vertical-align: top; }

#customer th, #customer td { padding: 15px 20px; background: #F3F7FA; text-align: left; }

#customer tr:nth-child(2n) th, #customer tr:nth-child(2n) td { background: #F7F9FB; }

#customer td { padding-left: 0; }

#customer td p { line-height: 1.5; }

#customer td div + * { margin-top: 10px; }

#customer tr + tr > * { border-top: solid 3px #FFF; }

#customer table.text th, #customer table.text td { padding: 15px 20px; line-height: 18px; }

#customer.flex { display: flex; }

#customer.flex > * { margin: 0; }

#customer.flex > * + * { margin-left: 40px; }

#customer b { margin: 0; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 1; }

#customer .submit { margin: 20px 0 0; }

#customer .submit div, #customer .submit p { line-height: 1.5; }

#customer .submit input, #customer .submit a { display: block; width: 100%; margin: 10px 0 0; padding: 15px; border-radius: 0; outline: none; text-align: center; background: #004B73; color: #FFF; font-size: 16px; font-size: 1.6rem; line-height: 1; box-shadow: none; text-decoration: none; }

#customer .submit input.min, #customer .submit a.min { padding: 12px; border: solid 3px #004B73; background: #FFF; color: #004B73; }

#customer .submit input.min:hover, #customer .submit a.min:hover { background: #004B73; color: #FFF; }

#customer #not_cancel { margin: 0 0 20px; padding: 15px; background: #FFF5F5; color: #D53343; font-weight: bold; text-align: center; }

#customer input, #customer textarea, #customer select { margin: 0; padding: 10px; border: solid 1px #DCE1E9; border-radius: 0 !important; background: #FFF no-repeat right; font-family: sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.43; vertical-align: top; text-align: left; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05) inset; }

#customer input + *:not(table), #customer textarea + *:not(table), #customer select + *:not(table) { margin-left: 5px; }

#customer select { padding-right: 30px; background-image: url("../img/select_arrow.4ee6ac4e9578.png"); background-size: 20px 8px; }

.sub_text { margin: 0 0 40px; padding: 15px; background: #FDF8E4; color: #8C6E3D; line-height: 1.5; text-align: center; font-weight: bold; font-size: 12px; font-size: 1.2rem; }

.sub_text.red { margin-top: 40px; background: #FFF5F5; color: #D53343; font-size: 14px; font-size: 1.4rem; }

.has_booking > span { cursor: default; }

.has_booking > span p { cursor: text; }

#rule { margin: -20px 0 40px; list-style: none; }

#rule h3 { margin: 0 0 10px; font-size: 18px; font-size: 1.8rem; line-height: 1; }

#rule div { padding: 17px 20px; border: solid 1px #DDD; max-height: 144px; overflow-x: auto; font-size: 12px; font-size: 1.2rem; line-height: 1.5; white-space: pre-line; }

#rule li + li { margin-top: 20px; }

#rule.blue { margin: 0; padding: 20px; background: #FFF; border: solid 1px #DCE1E9; border-top: none; }

#rule.blue h3 { font-size: 14px; font-size: 1.4rem; }

.free_space { line-height: 1.8; }

.free_space p + p { margin-top: 1em; }

.free_space ul, .free_space ol, .free_space dl { margin-left: 20px; }

.free_space .show a { color: #004B73; }

#wide_main .free_space img { max-width: 100%; }

#more_block h2 { margin: 0 0 10px; padding: 0 0 10px; border-bottom: solid 1px #E6EAF0; color: #2E3849; font-size: 14px; font-size: 1.4rem; line-height: 1.43; }

#more_block .inbox { overflow-y: scroll; max-height: 203px; }

#more_block .inbox p + p { margin-top: 1em; }

#more_block .more { display: none; margin-top: 1em; border-top: dotted 1px #DCE1E9; padding-top: 1em; line-height: 1; text-align: center; font-weight: bold; }

#more_block .more a { display: inline-block; }

.wide #more_block .inbox { max-height: 210px; }

#contents { width: 1200px; margin: 0 auto; }

#contents.embed { width: auto; border: solid 1px #DDD; margin: 0 auto !important; }

#contents.embed .pagination { margin: 10px 0; }

#contents.embed .pagination ul { padding-bottom: 5px; }

#calendars { min-width: 1200px; margin: 0 0 40px; }

#left { float: left; width: 200px; }

#left .left_calendar { margin: 0 0 10px; border: solid 1px #DCE1E9; }

#main { float: right; width: 860px; }

.page_title { margin: 0 0 20px; color: #2E3849; font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 1.3; }

.page_title.bb { padding: 0 0 20px; border-bottom: solid 1px #DCE1E9; }

.embed .page_title { font-size: 14px; font-size: 1.4rem; line-height: 1; }

table.normal { width: 100%; border-top: solid 1px #DCE1E9; border-collapse: separate; border-spacing: 0; line-height: 1.57; }

table.normal tr > * { padding: 15px 0; border-bottom: solid 1px #DCE1E9; }

table.normal th { width: 1%; padding-right: 20px; text-align: left; white-space: nowrap; color: #647479; font-size: 12px; font-size: 1.2rem; line-height: 1.83333; vertical-align: top; }

table.normal td a { color: #004B73; text-decoration: underline; }

table.normal td a:hover { color: #526DDC; }

table.normal .pictures { padding: 20px 0; }

table.normal .pre { white-space: pre-line; }

#show_pictures { margin: 0 0 40px; font-size: 0; display: flex; }

#show_pictures > a, #show_pictures > div a:first-child { display: block; width: 111px; background: #F7F9FB no-repeat center; background-size: cover; }

#show_pictures > a + a, #show_pictures > div + div { margin-left: 10px; }

#show_pictures > div { position: relative; }

#show_pictures img { width: 100%; height: auto; }

#show_pictures .pict { position: relative; }

#show_pictures .delete-image { position: absolute; right: 5px; top: 5px; padding: 7px; background: #FFF; border: solid 1px #2E3849; font-size: 11px; font-size: 1.1rem; text-align: center; text-decoration: none; opacity: 0; transition: opacity .3s ease; }

#show_pictures a:hover + .delete-image, #show_pictures .delete-image:hover { opacity: 1; }

#calendar_blocks { position: relative; min-width: 1200px; margin: 0 auto 40px; text-align: center; }

#calendar_blocks .inline { display: inline-block; position: relative; max-width: 100%; }

#calendar_blocks .calendar_block { position: absolute; z-index: 100; left: 0px; top: 57px; width: 201px; height: -webkit-calc(100% - 175px); height: calc(100% - 175px); border: solid 1px #DCE1E9; }

#calendar_blocks .res_calendar { border-bottom: solid 1px #DCE1E9; }

#calendar_blocks .input { padding: 10px; }

#calendar_blocks .input input { font-size: 11px; font-size: 1.1rem; }

#calendar_blocks .inline { min-width: 1200px; }

#calendar_blocks #time_table { width: -webkit-calc(100% - 200px) !important; width: calc(100% - 200px) !important; margin-left: 200px; }

#calendar_blocks #week_table_block { margin-left: 200px; }

#edit_mode { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; margin: 0; padding: 20px; background: rgba(33, 33, 33, 0.8); color: #FFF; font-size: 18px; font-size: 1.8rem; text-align: center; }

#edit_mode a { display: inline-block; margin: 0 10px; padding: 8px 10px; border: solid 1px rgba(255, 255, 255, 0.6); border-radius: 5px; color: #FFF; line-height: 1; text-decoration: none; }

#edit_mode a:hover { border-color: #F44A4F; background: #F44A4F; color: #FFF; }

.relative { position: relative; }

#edit_pictures { margin: 0 0 40px; }

#edit_pictures h2 { margin: 0 0 20px; font-size: 18px; font-size: 1.8rem; }

#edit_pictures .body { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; border: solid 1px #DCE1E9; background: rgba(247, 250, 252, 0.8); }

#edit_pictures input[type=file] { margin: 0; padding: 8px 7px 7px; background: #FFF; }

#edit_pictures #show_pictures { margin: 0 0 20px; }

#edit_pictures .btn { margin: 0 0 0 10px; padding: 10px 20px; border-color: #004B73; background: #004B73; color: #FFF; }

#edit_pictures .sample { position: absolute; left: 50%; top: 50%; width: 200px; height: 38px; margin: -19px 0 0 -100px; opacity: .5; }

#edit_pictures .errorlist { margin: 10px 0 0 20px; color: #F44A4F; }

#shop_header .disabled { position: relative; }

#edit_logo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; border: solid 1px #DCE1E9; background: rgba(247, 250, 252, 0.8); }

#edit_logo h2 { margin: 0 0 20px; font-size: 18px; font-size: 1.8rem; }

#edit_logo input[type=file] { margin: 0; padding: 8px 7px 7px; background: #FFF; }

#edit_logo .btn { margin: 0 0 0 10px; padding: 10px 20px; border-color: #004B73; background: #004B73; color: #FFF; }

#edit_logo .sample { position: absolute; left: 50%; top: 50%; width: 200px; height: 38px; margin: -19px 0 0 -100px; opacity: .5; }

#pr_edit { position: relative; }

#pr_edit h2 { margin: 0 0 20px; }

#pr_edit .free_space p { display: none; }

#pr_edit .django-ckeditor-widget, #pr_edit #id_free_space { width: 100% !important; vertical-align: top; }

#pr_edit #cke_id_free_space { width: 768px !important; }

#pr_edit.wide { width: 1200px; margin: 0 auto 40px; }

#pr_edit.wide #cke_id_free_space { width: 1198px !important; }

#pr_edit .submit { padding: 20px; border: solid 1px #d1d1d1; border-top: none; background: #f8f8f8; vertical-align: top; text-align: center; }

#pr_edit .submit .btn { display: inline-block; height: auto; margin: 0; padding: 15px 50px; border: none; border-radius: 5px; background: #004B73; font-size: 16px; font-size: 1.6rem; line-height: 1; color: #FFF; outline: none; vertical-align: top; transition: opacity .2s ease; cursor: pointer; }

#pr_edit .submit .btn:hover { opacity: .8; }

#edit_modes .alert-info { position: fixed; left: 0; top: 76px; width: 100%; border-radius: 0; margin: 0; background: rgba(52, 148, 90, 0.9); }

#edit_modes .alert-info .messages { position: relative; list-style: none; width: 100%; border-radius: 0; margin: 0 auto; z-index: 0; text-align: center; font-size: 16px; font-size: 1.6rem; color: #FFF; }

#edit_modes .alert-info .messages li { padding: 20px; }

#edit_modes .alert-info a { position: absolute; z-index: 1; top: 10px; right: 50%; margin-right: -550px; width: 36px; height: 36px; color: transparent; background: url("../img/close10.47861809982d.png") no-repeat center; background-size: 10px 10px; }

.ads_bottom { width: 1200px; margin: 0 auto 40px; text-align: center; }

.ads_bottom .dummy a { display: block; width: 970px; height: 90px; margin: 0 auto; background: #999; color: #FFF; line-height: 90px; }

#customer td .errorlist { margin: 10px 0 0; list-style: none; font-size: 12px; font-size: 1.2rem; color: #F44A4F; line-height: 1.5; }

#customer td .errorlist:first-child { margin-top: 0; }

#customer td .errorlist li { padding-left: 15px; background: url("../img/errors.a4b9309c24b7.png") no-repeat left 5px; background-size: 10px 8px; }

#path { margin: 0 0 20px; padding: 10px 0; background: #F7F9FB; color: #647479; }

#path ul { width: 1200px; margin: 0 auto; list-style: none; font-size: 0; }

#path li { display: inline-block; font-size: 11px; font-size: 1.1rem; }

#path li:not(:first-child) { margin-left: 5px; padding-left: 8px; background: url("../../img/path.c11ce0d445fe.png") no-repeat left; background-size: 3px 5px; }

#path a { color: #647479; }

#path h1 { float: right; color: #647479; font-size: 11px; font-size: 1.1rem; font-weight: normal; }

#contact_links { padding: 20px; border: solid 1px #DCE1E9; border-radius: 5px; background: #FFF; }

#contact_links p { margin: 0 0 20px; color: #647479; line-height: 1.5; }

#contact_links ul { font-size: 18px; font-size: 1.8rem; list-style: none; }

#contact_links ul li + li { margin-top: 10px; }

#contact_links a { color: #004B73; }

#pr_tab { position: absolute; left: 0; top: -29px; z-index: 10; list-style: none; display: table; width: 100%; }

#pr_tab > li { display: table-cell; width: 100px; padding-left: 4px; }

#pr_tab > li:first-child { width: auto; }

#pr_tab a { display: block; padding: 8px 10px; border: solid 1px #d1d1d1; border-radius: 5px 5px 0 0; background: #f8f8f8; text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 1; text-decoration: none; text-shadow: 0 1px 0 #FFF; }

#pr_tab a:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+97 */ background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ }

.simple #pr_simple, .details #pr_details { border-bottom-color: #f8f8f8; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+97 */ background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ }

.simple #cke_1_toolbox #cke_12, .simple #cke_1_toolbox #cke_18, .simple #cke_1_toolbox #cke_26, .simple #cke_1_toolbox .cke_toolbar_break { display: none; }

#login_block { text-align: center; }

#login_block > .center { display: inline-block; text-align: left; }

#login_block .login { width: 390px; padding: 20px; border: solid 1px #DCE1E9; background: #FFF; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.06); }

#login_block .login > hr:first-child { display: none; }

#login_block .login + .login { margin-left: 20px; }

#login_block .login h3 { margin: 0 0 20px; font-size: 16px; font-size: 1.6rem; }

#login_block .login ul { list-style: none; }

#login_block .login ul li + li { margin-top: 20px; }

#login_block .login h4 { margin: 0 0 10px; font-size: 14px; font-size: 1.4rem; line-height: 1.5; font-weight: normal; }

#login_block .login .text { line-height: 1.5; }

#login_block .login .text ul { list-style: disc; margin-left: 2em; }

#login_block .login .text ul li { margin: 0; }

#login_block .login input[type=text], #login_block .login input[type=password] { width: 100%; }

#login_block .login .errors { margin: 0 0 20px; border-radius: 5px; padding: 10px 10px 10px 30px; background: #FFF6F7; color: #F44A4F; line-height: 1.5; }

#login_block .login .errors ul { list-style: disc !important; }

#login_block .login li .errorlist { margin: 10px 0; list-style: none; font-size: 12px; font-size: 1.2rem; color: #F44A4F; line-height: 1; }

#login_block .login li .errorlist:first-child { margin-top: 0; }

#login_block .login li .errorlist li { padding-left: 15px; background: url("../img/errors.a4b9309c24b7.png") no-repeat left; background-size: 10px 8px; }

#login_block .login .btns { text-align: center; }

#login_block .login .btns input { display: block; width: 100%; padding: 10px 20px; border: none; background: #004B73; color: #FFF; outline: none; text-align: center; box-shadow: none; }

#login_block .login .btns input:hover { opacity: .8; }

#login_block .login .sub { margin-top: 20px; }

#user_menu { position: relative; text-align: right; width: 1%; white-space: nowrap; }

#user_menu > a { position: relative; z-index: 100; padding: 9px 10px; border: solid 1px #DCE1E9; border-radius: 5px; display: inline-block; vertical-align: top; line-height: 24px; text-decoration: none; }

#user_menu > a img { width: 24px; height: 24px; margin-right: 5px; border-radius: 15px; vertical-align: top; }

#user_menu > a .min { margin-right: -6px; font-size: 12px; font-size: 1.2rem; }

#user_menu:hover > a { border-radius: 5px 5px 0 0; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }

#user_menu ul { display: none; }

#user_menu:hover ul { display: block; position: absolute; right: 0; top: 50%; min-width: 100%; margin-top: 21px; z-index: 101; list-style: none; border: solid 1px #DCE1E9; border-radius: 0 0 5px 5px; background: #FFF; white-space: nowrap; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-align: left; }

#user_menu:hover ul a { display: block; padding: 15px; font-size: 12px; font-size: 1.2rem; text-decoration: none; }

#user_menu:hover ul a:hover { background: #F7F9FB; }

#user_menu:hover ul li + li { border-top: solid 1px #DCE1E9; }

#user_menu:hover ul li:first-child a { border-radius: 5px 0 0 0; }

#user_menu:hover ul li:last-child a { border-radius: 0 0 5px 5px; }

#user_menu:hover ul li:first-child:last-child a { border-radius: 5px 0 5px 5px; }

#register { width: 800px; margin: 0 auto 100px; }

#register h1 { margin: 0 0 20px; font-size: 20px; font-size: 2rem; }

#register ul.text { margin-left: 2em; line-height: 1.5; }

#register table { width: 100%; border-collapse: separate; border-spacing: 0; border: solid 1px #DCE1E9; }

#register th { padding: 20px; background: #F7F9FB; }

#register td { padding: 10px; border-top: solid 1px #DCE1E9; }

#register td + td { border-left: solid 1px #DCE1E9; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

#register .btn { display: block; width: 100px; padding: 10px; border-radius: 5px; background: #004B73; color: #FFF; text-align: center; text-decoration: none; transition: opacity .3s ease; }

#register .btn:hover { opacity: .8; }

#regist_table { width: 100%; border-collapse: separate; border-spacing: 0; background: #FFF; border-left: solid 1px #DCE1E9; border-top: solid 1px #DCE1E9; }

#regist_table th { padding: 10px 20px; width: 1%; border-right: solid 1px #DCE1E9; border-bottom: solid 1px #DCE1E9; background: #F7F9FB; white-space: nowrap; text-align: left; font-size: 12px; font-size: 1.2rem; vertical-align: top; line-height: 40px; }

#regist_table td { padding: 10px; border-right: solid 1px #DCE1E9; border-bottom: solid 1px #DCE1E9; }

#regist_table td ul { margin-left: 2em; font-size: 12px; font-size: 1.2rem; color: #647479; line-height: 1.5; }

#regist_table td .errorlist { margin: 10px 0; list-style: none; font-size: 12px; font-size: 1.2rem; color: #F44A4F; line-height: 1; }

#regist_table td .errorlist li { padding-left: 15px; background: url("../img/errors.a4b9309c24b7.png") no-repeat left; background-size: 10px 8px; }

#regist_table td > div + * { margin-top: 10px; }

#regist_table + .submit, #regist_table + #rule + .submit { padding: 20px; border: solid 1px #DCE1E9; border-top: none; background: #F7F9FB; text-align: center; }

#regist_table + .submit .btn.big, #regist_table + #rule + .submit .btn.big { display: inline-block; height: auto; margin: 0; padding: 15px 50px; border: none; border-radius: 5px; background: #004B73; font-size: 16px; font-size: 1.6rem; line-height: 1; color: #FFF; outline: none; vertical-align: top; transition: opacity .2s ease; cursor: pointer; }

#regist_table + .submit .btn.big:hover, #regist_table + #rule + .submit .btn.big:hover { opacity: .8; }

#regist .errors { margin: 0 0 20px; padding: 15px; border-radius: 5px; background: #FFF6F7; color: #F44A4F; line-height: 1.5; }

#regist .errors li { margin-left: 20px; }

#regist .errors.nnone ul { margin: 0 !important; }

.btn_blue { display: block; padding: 13px 20px; border: none; background: #004B73; color: #FFF; text-decoration: none; }

.btn_blue:hover { opacity: .8; text-decoration: none; }

.btn_red { display: block; padding: 13px 20px; border: none; border-radius: 5px; background: #F44A4F; color: #FFF; text-decoration: none; }

.btn_red:hover { opacity: .8; text-decoration: none; }

#check_list { width: 100%; border: solid 1px #DCE1E9; background: #FFF; border-collapse: separate; border-spacing: 0; }

#check_list th { padding: 10px 20px 10px 0; background: #F7F9FB; color: #2E3849; font-size: 12px; font-size: 1.2rem; text-align: left; white-space: nowrap; }

#check_list th.center { text-align: center; }

#check_list td { padding: 15px 20px 15px 0; border-top: solid 1px #DCE1E9; }

#check_list td.center { text-align: center; }

#check_list td.cancel { padding: 10px 10px 10px 0; text-align: center; color: #CCC; }

#check_list td.cancel a { display: block; padding: 8px; border-radius: 5px; background: #F44A4F; font-size: 12px; font-size: 1.2rem; text-decoration: none; color: #FFF; }

#check_list td.cancel a:hover { opacity: .8; }

#check_list td.cancel .btn { display: block; padding: 8px; border-radius: 5px; background: #EEE; font-size: 12px; font-size: 1.2rem; text-decoration: none; color: #FFF; cursor: default; }

#check_list td.cancel .sub { display: block; margin-top: 6px; font-size: 11px; font-size: 1.1rem; text-align: center; color: #666; }

#check_list .nowrap { white-space: nowrap; }

#check_list .center { text-align: center; }

#check_list .right { text-align: right; }

#check_list tr > *:first-child { padding-left: 20px; }

#check_list .none { color: #CCC; }

#check_list tr.canceled, #check_list tr.expired { color: #888888; background: #F9F9F9; }

#check_list td.confirmed { color: #004B73; }

#check_list td.tentative { color: #E2BD07; }

#check_list td.canceled, #check_list td.expired { color: #888888; }

#check_list .point { padding: 10px 20px 10px 0; font-size: 20px; font-size: 2rem; font-weight: bold; }

#check_list .付与 { color: #32ADA3; }

#check_list .利用 { color: #F44A4F; }

#check_list .返還 { color: #32ADA3; }

#check_list .失効 { color: #888; }

#simple_tab { display: flex; list-style: none; margin: 0 0 20px; border-bottom: solid 1px #DCE1E9; }

#simple_tab > li { width: 20%; padding-right: 5px; }

#simple_tab a { display: block; margin: 0 0 -1px; padding: 12px; background: #F7F9FB; border: solid 1px #DCE1E9; border-radius: 5px 5px 0 0; text-align: center; text-decoration: none; }

#simple_tab a.selected { border-bottom-color: #FFF; background: #FFF; color: #004B73; }

/* overlay */
.modal { display: none; position: fixed; left: 0; top: 0; z-index: 102; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }

.modal-dialog { display: table; width: 100%; height: 100%; }

.modal-content { display: table-cell; vertical-align: middle; padding: 20px; }

.modal-header { position: relative; width: 600px; margin: 0 auto; padding: 14px 44px; border-radius: 10px 10px 0 0; background: #004B73; font-size: 16px; font-size: 1.6rem; color: #FFF; text-align: center; }

.modal-header .close { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; border-radius: 5px; background: rgba(0, 0, 0, 0.2) url("../img/close10.47861809982d.png") no-repeat center; background-size: 10px 10px; font-size: 0; }

.modal-header .close:hover { background-color: rgba(0, 0, 0, 0.4); }

.modal-body { width: 600px; max-height: 70%; margin: 0 auto; padding: 20px; background: #FFF; overflow-y: auto; }

.modal-body p.term, .modal-body div.term { line-height: 1.5; margin-top: 20px; border: solid 1px #DCE1E9; border-radius: 5px; padding: 10px; background: #F7F9FB; }

.modal-body p.term table, .modal-body div.term table { width: auto; }

.modal-body p.term table th, .modal-body div.term table th { text-align: left; }

.modal-body p.term table td, .modal-body p.term table th, .modal-body div.term table td, .modal-body div.term table th { width: auto; }

.modal-body p.text { line-height: 1.5; }

.modal-body p.text small { font-size: 12px; font-size: 1.2rem; }

.modal-body .repeat td input { vertical-align: middle; }

.modal-body .repeat tr + tr > * { padding-top: 10px !important; }

.modal-body .repeat .div-repeat input[type=text], .modal-body .repeat .div-repeat input[type=number] { margin-right: 5px; }

.modal-footer { width: 600px; margin: 0 auto; padding: 20px; border-top: solid 1px #DCE1E9; background: #FFF; border-radius: 0 0 10px 10px; text-align: center; }

.modal-footer a, .modal-footer input, .modal-footer button { display: inline-block; padding: 15px 50px; font-size: 16px; font-size: 1.6rem; border-radius: 5px; background: #004B73; color: #FFF; text-decoration: none; line-height: 1; white-space: nowrap; text-align: center; outline: none; }

.modal-footer a:hover, .modal-footer input:hover, .modal-footer button:hover { opacity: .8; }

.modal-footer a.cancel, .modal-footer input.cancel, .modal-footer button.cancel { border: solid 1px #DCE1E9; background: #FFF; color: #647479; }

.modal-footer a.cancel:hover, .modal-footer input.cancel:hover, .modal-footer button.cancel:hover { border-color: #647479; background: #647479; color: #FFF; opacity: 1; }

.modal-footer > * + * { margin-left: 20px; }

.modal-select { width: 480px; margin: 0 auto; padding: 20px; border-radius: 10px; background: #FFF; }

.modal-select h2, .modal-select .title { font-size: 18px; font-size: 1.8rem; margin: 0 0 20px; font-weight: bold; }

.modal-select input { position: relative; margin: 10px 0 0; display: block; width: 100%; height: auto; padding: 20px; border: solid 1px #DCE1E9; background: #F7F9FB url("../img/arrow_login.3860cc48dba3.png") no-repeat right; background-size: 28px 14px; color: #2E3849; font-weight: bold; }

.modal-select input:hover { border-color: #004B73; background-color: #004B73; color: #FFF; font-weight: normal; background-image: url("../img/arrow_login_w.1f7aa117ac70.png"); }

#cancel_rule { margin-top: 10px; color: #647479; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

.pagination { margin: 20px 0 0; text-align: center; }

.pagination ul { padding: 0 0 10px 5px; list-style: none; font-size: 0; }

.pagination li { display: inline-block; margin: 0 5px 5px 0; }

.pagination li a, .pagination li span { display: block; min-width: 36px; padding: 10px 15px; border: solid 1px #DCE1E9; border-radius: 5px; background: #FFF; font-size: 14px; font-size: 1.4rem; text-align: center; color: #2E3849; }

.pagination li span { opacity: .5; }

.pagination li span i { opacity: .5; }

.pagination span.dot { min-width: auto; padding: 0; border: none; background: none; }

.pagination li a:hover { background: #F7F9FB; color: #004B73; }

.pagination li a.active { border-color: #004B73; background: #004B73; color: #FFF; }

.pagination p { color: #647479; font-size: 12px; font-size: 1.2rem; }

#free_space_event { line-height: 1.8; padding: 20px 0; border-top: solid 1px #DCE1E9; }

#free_space_event p + p { margin-top: 1em; }

#free_space_event ul, #free_space_event ol, #free_space_event dl { margin-left: 20px; }

#free_space_event img { max-width: 100%; height: auto; }

#event_show > * { position: relative; }

#event_show #event_apply { border: solid 1px #DCE1E9; border-top: solid 5px #004B73; background: #FFF; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.06); }

#event_show #event_apply.fixed { position: -webkit-sticky; /* Safari */ position: sticky; top: 20px; z-index: 99; }

#event_show #event_apply .title { margin: 0 0 10px; font-size: 20px; font-size: 2rem; font-weight: normal; }

#event_show #event_apply .sub-title { padding-bottom: 20px; font-size: 14px; font-size: 1.4rem; font-weight: normal; text-align: center; }

#event_show #event_apply .sub-title:not(:first-child) { padding-top: 20px; border-top: dotted 1px #DCE1E9; }

#event_show #event_apply .sub { margin-top: 10px; }

#event_show #event_apply .status { padding: 20px; border-bottom: solid 1px #DCE1E9; background: #FBFCFE; text-align: center; }

#event_show #event_apply .status a { position: relative; color: #004B73; cursor: pointer; }

#event_show #event_apply .status a .top { bottom: 24px; }

#event_show #event_apply .status div { font-size: 14px; font-size: 1.4rem; }

#event_show #event_apply .status .count { font-size: 20px; font-size: 2rem; font-weight: bold; }

#event_show #event_apply .price { padding: 20px; }

#event_show #event_apply .price p { margin: 0 0 20px; font-size: 16px; font-size: 1.6rem; line-height: 1.375; }

#event_show #event_apply .price p b { font-size: 20px; font-size: 2rem; }

#event_show #event_apply .price p .min { font-size: 14px; font-size: 1.4rem; }

#event_show #event_apply .price p.sub-text { font-size: 12px; font-size: 1.2rem; line-height: 1.5; white-space: pre-line; }

#event_show .btn { display: block; margin: 0; padding: 0 0 5px; text-decoration: none; }

#event_show .btn span { display: block; padding: 13px; border-radius: 5px; background: #004B73; box-shadow: 0 5px 0 #273E8B; color: #FFF; text-align: center; }

#event_show .btn.big { width: 50%; margin: 20px auto 0; }

#event_show .btn.big span { padding: 15px; font-size: 16px; font-size: 1.6rem; }

#event_show span.btn span { background: #CCC; box-shadow: 0 5px 0 #BBB; cursor: default; }

#event_show a.btn:hover { padding: 3px 0 2px; }

#event_show a.btn:hover span { box-shadow: 0 2px 0 #273E8B; }

#event_show table.normal { margin: 0 0 20px; }

#event_show table.normal h2 { color: #647479; font-size: 16px; font-size: 1.6rem; line-height: 1.43; }

#event_list { list-style: none; line-height: 1.2; }

#event_list > li { overflow: hidden; position: relative; border: solid 1px #DDD; }

#event_list > li + li { margin-top: 10px; }

#event_list > li.none { padding: 20px; text-align: center; color: #999; background: #FFF; }

#event_list > li a { display: table; width: 100%; border-bottom: none; background: #FFF; text-decoration: none; }

#event_list > li a:hover { background: #FCF9D9; }

#event_list > li a:hover .apply { border-color: #FCF9D9; }

#event_list > li a > div { display: table-cell; padding: 20px; vertical-align: middle; }

#event_list > li a > div.body > * + * { margin-top: 5px; }

#event_list > li a > div.body > * + h2, #event_list > li a > div.body > h2 + * { margin-top: 10px; }

#event_list > li a > div.apply { width: 300px; padding: 15px 20px; text-align: center; border: solid 20px #FFF; border-left: none; background: #F7F9FB; line-height: 1.43; }

#event_list > li a > div.apply > * + * { margin-top: 10px; }

#event_list .date { font-size: 16px; font-size: 1.6rem; }

#event_list h2 { font-size: 20px; font-size: 2rem; color: #004B73; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

#event_list .level, #event_list .price { font-size: 14px; font-size: 1.4rem; line-height: 1.43; }

#event_list .level i + span.ccc, #event_list .price i + span.ccc { display: none; }

#event_list .label { position: absolute; right: -60px; top: -60px; display: block; margin: 0 !important; background: rgba(50, 173, 163, 0.8); border: solid 60px transparent; color: #FFF; font-size: 0; transform: rotate(45deg); }

#event_list .label.red { background: rgba(244, 74, 79, 0.8); }

#event_list .label b { position: absolute; display: block; width: 100px; left: -50px; top: 40px; font-size: 12px; font-size: 1.2rem; letter-spacing: 1px; font-weight: normal; }

#event_list .btn { display: block; border-radius: 5px; padding: 10px; background: #004B73; color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); letter-spacing: 1px; line-height: 1; }

#event_list .sub { color: #647479; font-size: 12px; font-size: 1.2rem; }

#event_list .capacity { font-weight: bold; }

#event_list .capacity .min { font-size: 12px; font-size: 1.2rem; }

#event_list .capacity .line { display: inline-block; width: 1px; height: 20px; margin: 0 10px; background: #DDD; font-size: 0; vertical-align: top; }

#event_list.embed > li { border: none; border-bottom: solid 1px #DDD; }

#event_list.embed > li + li { margin: 0; }

#event_list.embed > li a > div { padding: 10px; }

#event_list.embed > li a > div.body > * + *, #event_list.embed > li a > div.body > h2 + * { margin-top: 5px; }

#event_list.embed .date { font-size: 12px; font-size: 1.2rem; }

#event_list.embed > li a > div.body > * + h2 { margin-top: 5px; font-size: 16px; font-size: 1.6rem; }

#event_list.embed .level { font-size: 12px; font-size: 1.2rem; }

#event_list.embed .level i { display: none; }

#event_list.embed .price { font-size: 12px; font-size: 1.2rem; }

#event_list.embed .price i { display: none; }

#event_list.embed > li a > div.apply { border-width: 10px; }

#event_list.embed .apply { width: 220px; padding: 10px; }

#event_list.embed .capacity { font-size: 12px; font-size: 1.2rem; line-height: 1; }

#event_list.embed .capacity .line { height: 12px; }

#side_map { padding: 20px; border: solid 1px #DCE1E9; background: #FFF; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.06); }

#side_map .title { margin: 0 0 10px; font-size: 20px; font-size: 2rem; font-weight: normal; }

#side_map p { margin: 0 0 1em; line-height: 1.5; }

a.link { color: #004B73; text-decoration: underline; }

#search { display: table; margin: 0 0 20px; }

#search > li { display: table-cell; }

#search > li + li { padding-left: 10px; }

#search .btn { padding: 9px 20px; border-color: #004B73; background: #004B73; color: #FFF; }

#search .btn:hover { opacity: .8; }

#sub_detail td { line-height: 1.5; }

#sub_detail td h2 { margin: 0 0 1em; }

#sub_detail td .pre { white-space: pre-line; }

.warning_space { padding: 20px; background: #F7F9FB; text-align: center; color: #647479; }

#type_choose { display: flex; list-style: none; flex-wrap: wrap; text-align: center; justify-content: center; }

#type_choose li { width: 400px; padding: 20px; margin: 0 10px 20px; border: solid 1px #DCE1E9; border-top-width: 5px; background: #FFF; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1); }

#type_choose h2 { padding: 10px 0; line-height: 1; }

#type_choose .text { border-top: solid 1px #DCE1E9; margin-top: 20px; padding-top: 20px; line-height: 1.8; }

#type_choose .text + .text { text-align: left; }

#type_choose .text.f16 { font-size: 16px; font-size: 1.6rem; }

#type_choose .text.f16 div:last-child { white-space: pre-line; }

#type_choose .text.f16 div + div:last-child { margin-top: 1em; }

#type_choose .btn { display: block; margin: 0 0 10px; padding: 10px; border-radius: 5px; background: #F44A4F; color: #FFF; font-size: 16px; font-size: 1.6rem; text-decoration: none; }

#type_choose .btn:hover { opacity: .8; }

#mulst_select { z-index: 999; position: sticky; bottom: 0; margin: 40px 0 -1px; padding: 40px; background: rgba(255, 255, 255, 0.8); text-align: center; border: solid 1px #DCE1E9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

#mulst_select input { display: block; width: 300px; margin: 0 auto; padding: 15px; font-size: 16px; font-size: 1.6rem; border-radius: 5px; text-align: center; border: none; background: #004B73; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); letter-spacing: 1px; }

#mulst_select input:hover { opacity: .8; }

#space_category { display: flex; position: relative; z-index: 1; padding: 0 20px; list-style: none; }

#space_category li { margin: 0 0 -1px; }

#space_category li + li { margin-left: 5px; }

#space_category li a { display: block; padding: 10px 20px; background: #FCFBFC; color: #647479; border: solid 1px #DCE1E9; text-decoration: none; }

#space_category li a.selected { padding-top: 8px; border-top: solid 3px #004B73; border-bottom-color: #FFF; background: #FFF; color: #000; }

#member_type_lists { border: solid 1px #DCE1E9; border-radius: 5px; padding: 10px; background: #F7F9FB; line-height: 1.5; margin: 0 0 20px; }

#member_type_lists h5 { font-weight: bold; margin: 0; font-size: 14px; font-size: 1.4rem; }

.member_expired { margin: 0 0 20px; padding: 10px; border-radius: 5px; background: #FFF6F7; color: #F44A4F; font-size: 12px !important; font-size: 1.2rem !important; font-weight: normal !important; line-height: 1.5; }

.ads_footer { margin: 0 auto 40px; text-align: center; border-spacing: 0; border-collapse: separate; }

.ads_footer td { vertical-align: top; }

.ads_footer td + td { padding-left: 20px; }

.ads_footer td > *, .ads_footer td > * > * { vertical-align: top; }

.ads_footer .dummy a { display: block; width: 336px; height: 280px; margin: 0 auto; background: #969BA4; color: #FFF; line-height: 280px; text-align: center; }

#waitings { position: fixed; left: 0; bottom: 100%; z-index: 999; display: table; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity .3s ease; text-align: center; }

#waitings.active { bottom: 0; opacity: 1; }

#waitings > .cell { display: table-cell; width: 100%; height: 100%; padding: 100px; vertical-align: middle; text-align: center; }

#waitings > .cell > .block { display: inline-block; max-width: 600px; margin: 0 auto; vertical-align: top; }

#waitings > .cell > .scroll { display: inline-block; overflow: auto; text-align: center; vertical-align: top; }

#waitings .close { margin: -10px -30px 0 0; text-align: right; }

#waitings .close .overlay-close { display: inline-block; width: 36px; height: 36px; border-radius: 18px; background: #EBF1F4 url("../img/close12_2.cb64e8c29f57.png") no-repeat center; background-size: 12px 12px; font-size: 0; vertical-align: top; }

#waitings .title { position: relative; padding: 15px; border-radius: 10px 10px 0 0; background: #004B73; color: #FFF; text-align: center; }

#waitings .title .overlay-close { position: absolute; right: 10px; top: 10px; display: inline-block; width: 24px; height: 24px; border-radius: 5px; background: rgba(0, 0, 0, 0.2) url("../img/close10.47861809982d.png") no-repeat center; background-size: 10px 10px; font-size: 0; vertical-align: top; }

#waitings .title2 { position: relative; padding: 20px; border-radius: 10px 10px 0 0; border-bottom: solid 1px #DCE1E9; background: #FFF; color: #2E3849; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-align: center; }

#waitings .title2 .overlay-close { position: absolute; right: 10px; top: 10px; display: block; width: 36px; height: 36px; border-radius: 18px; border-left: solid 1px rgba(255, 255, 255, 0.1); background: #EBF1F4 url("../img/close12_2.cb64e8c29f57.png") no-repeat center; background-size: 12px 12px; font-size: 0; vertical-align: top; }

#waitings .body { background: #FFF; padding: 20px 40px; line-height: 1.5; }

#waitings .body + .body { border-top: solid 1px #DCE1E9; }

#waitings .body .mb20 { margin-bottom: 20px; }

#waitings .submit { padding: 10px; border-top: solid 1px #DCE1E9; border-radius: 0 0 10px 10px; background: #FFF; }

#waitings .h3 { font-size: 16px; font-size: 1.6rem; font-weight: bold; }

#waitings .error p { line-height: 1.5; }

#waitings .download_list { list-style: none; width: 300px; margin: 20px auto 0; }

#waitings .download_list a { display: block; padding: 10px; border: solid 1px #DCE1E9; border-radius: 5px; background: #FFF; color: #647479; line-height: 14px; text-align: center; text-decoration: none; }

#waitings .download_list li + li { margin-top: 10px; }

.ui-widget-overlay { z-index: 1001; background: rgba(0, 0, 0, 0.6); opacity: 1; height: 100%; width: 100%; left: 0; position: fixed; top: 0; }

.ui-widget.ui-widget-content { z-index: 999; padding: 0; border: none; background: none; outline: 0; }

.ui-dialog .ui-dialog-titlebar { position: relative; margin: 0 auto; padding: 14px 44px; border-radius: 10px 10px 0 0; border: none; background: #004B73; font-size: 16px; font-size: 1.6rem; color: #FFF; text-align: center; font-weight: normal; }

.ui-dialog .ui-dialog-title { width: 100%; margin: 0; }

.ui-dialog .ui-dialog-titlebar-close { position: absolute; top: 10px; right: 10px; margin: 0; width: 24px; height: 24px; border-radius: 5px; background: rgba(0, 0, 0, 0.2) url("../img/close10.47861809982d.png") no-repeat center; background-size: 10px 10px; font-size: 0; }

.ui-dialog .ui-dialog-titlebar-close:hover { background-color: rgba(0, 0, 0, 0.4); }

.ui-dialog .ui-dialog-content { height: auto !important; margin: 0 auto; padding: 20px; border: none; background: #FFF; }

.ui-dialog .ui-dialog-content p { margin: 0 0 20px; }

.ui-dialog .ui-dialog-buttonpane { margin: 0 auto; padding: 20px; border: none; border-top: solid 1px #DCE1E9; background: #FFF; border-radius: 0 0 10px 10px; text-align: center; font-size: 0; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; display: block; text-align: center; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { display: inline-block; height: auto; margin: 0; padding: 15px 50px; border: none; border-radius: 5px; background: #004B73; font-size: 16px; font-size: 1.6rem; line-height: 1; color: #FFF; outline: none; vertical-align: top; transition: opacity .2s ease; cursor: pointer; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button { margin-left: 20px; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { opacity: .8; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child { border: solid 1px #DCE1E9; background: #FFF; color: #647479; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover { border-color: #647479; background: #647479; color: #FFF; opacity: 1; }

#current_member { text-align: center; line-height: 1.5; }

#current_member img { width: 80px; height: 80px; border-radius: 40px; }

#current_member .name { margin: 10px 0 0; font-weight: bold; }

#current_member p { margin: 0 0 10px; font-size: 12px; font-size: 1.2rem; }

#current_member button { display: inline-block; height: auto; margin: 0; padding: 15px 50px; border: none; border-radius: 5px; background: #004B73; font-size: 14px; font-size: 1.4rem; line-height: 1; color: #FFF; outline: none; vertical-align: top; transition: opacity .2s ease; cursor: pointer; }

#current_member button + button { margin-left: 20px; }

#current_member button:hover { opacity: .8; }

#select_member { line-height: 1.5; }

#select_member .table { display: table; width: 100%; }

#select_member .table > * { display: table-cell; vertical-align: middle; }

#select_member li + li { margin-top: 20px; }

#select_member .pict { width: 40px; padding: 0 10px 0 0; }

#select_member img { width: 70px; height: 70px; border-radius: 35px; }

#select_member .name { font-weight: bold; }

#select_member p { margin: 0 0 7px; font-size: 12px; font-size: 1.2rem; }

#select_member .btns { width: 1%; }

#select_member .btn { white-space: nowrap; display: inline-block; height: auto; margin: 0; padding: 10px; border: solid 1px #DDD; border-radius: 5px; background: #FFF; color: #000; font-size: 14px; font-size: 1.4rem; line-height: 1; outline: none; vertical-align: top; transition: all .2s ease; cursor: pointer; }

#select_member .btn + button { margin-left: 20px; }

#select_member .btn:hover { border-color: #004B73; background: #004B73; color: #FFF; }

.login_regist .blue { color: #004B73; }

#login-desc { margin-top: 10px; line-height: 1.5; font-size: 12px; font-size: 1.2rem; }

#sales_total { border: solid 1px #DCE1E9; padding: 20px; margin: 0 0 20px; }

#sales_total ul { display: table; font-size: 20px; font-size: 2rem; line-height: 1; }

#sales_total ul > li { display: table-cell; padding: 0 20px 0 0; vertical-align: middle; }

#sales_total ul > li + li { padding: 0 0 0 20px; border-left: solid 1px #DCE1E9; }

.credit-error { color: red; font-weight: bold; margin-bottom: 1em; }