@charset "utf-8";

html, body {display:block;margin:0;padding:0;height:100%;background-color:#fff}

img {vertical-align:top}
button, label {cursor:pointer;outline:none}
a,
a:hover,
a:focus,
a:active {
	background-color: transparent;
	outline: 0;
	text-decoration:none;
}
a.txts {color:#00f;text-decoration:underline}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-0.1em}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1_3em {font-size:1.3em !important}
.f1_5em {font-size:1.5em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}
.fc10 {color:#f60 !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}
.fs03 {font-weight:normal !important}
.fs04 {text-decoration:underline !important}

.bg000 {color:#000 !important}

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per05 {width:5% !important}
.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per33 {width:33% !important}
.per34 {width:34% !important}
.per40 {width:40% !important}
.per45 {width:45% !important}
.per50 {width:50% !important}
.per55 {width:55% !important}
.per60 {width:60% !important}
.per70 {width:70% !important}
.per80 {width:80% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

.no-data {padding:150px !important;text-align:center}

/************** Button **************/
.e-btn {
	display:inline-block;
	margin:1px;
	padding:5px 15px 7px;
	font-size:12px;
	letter-spacing:-1px;
	color:#000;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {background-color:#f6f6f6}

.e-btn-xs {
	padding:2px 10px 4px;
}
.e-btn-xss {
	font-size:10px;
	padding:0px 10px 2px;
}
.e-btn-lg {
	font-size:15px;
	padding:8px 20px 10px;
}
.e-btn-block {
	display:block;
	width:100%;
}

.e-btn-sty01 {color:#fff;border:1px solid #007bff;background-color:#007bff}
.e-btn-sty01:hover,
.e-btn-sty01:focus,
.e-btn-sty01:active {color:#fff;border:1px solid #0069D9;background-color:#0069D9}

.e-btn-sty02 {color:#fff;border:1px solid #6c757d;background-color:#6c757d}
.e-btn-sty02:hover,
.e-btn-sty02:focus,
.e-btn-sty02:active {color:#fff;border:1px solid #545B62;background-color:#545B62}

.e-btn-sty03 {color:#fff;border:1px solid #28a745;background-color:#28a745}
.e-btn-sty03:hover,
.e-btn-sty03:focus,
.e-btn-sty03:active {color:#fff;border:1px solid #218838;background-color:#218838}

.e-btn-sty04 {color:#fff;border:1px solid #dc3545;background-color:#dc3545}
.e-btn-sty04:hover,
.e-btn-sty04:focus,
.e-btn-sty04:active {color:#fff;border:1px solid #C82333;background-color:#C82333}

.e-btn-sty05 {color:#000;border:1px solid #ffc107;background-color:#ffc107}
.e-btn-sty05:hover,
.e-btn-sty05:focus,
.e-btn-sty05:active {color:#000;border:1px solid #E0A800;background-color:#E0A800}

.e-btn-sty06 {color:#fff;border:1px solid #17a2b8;background-color:#17a2b8}
.e-btn-sty06:hover,
.e-btn-sty06:focus,
.e-btn-sty06:active {color:#fff;border:1px solid #138496;background-color:#138496}

.e-btn-sty07 {color:#fff;border:1px solid #111;background-color:#111}
.e-btn-sty07:hover,
.e-btn-sty07:focus,
.e-btn-sty07:active {color:#fff;border:1px solid #000;background-color:#000}
/************** Button **************/

/************** Input **************/
.e-input {padding:2px 10px 4px}
/************** Input **************/

/********************* MODAL POPUP *********************/
.mw-popup{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw-popup.open{display:block}
.mw-popup .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
#mw-contents-wrap {position:absolute;top:50px;left:0;width:auto;height:auto;border:1px solid #333;background-color:#fff;overflow:auto}
#mw-contents-wrap .mw-close {position:absolute;top:0;right:0;display:block;margin:0;padding:5px;color:#fff;background-color:#333}
#mw-contents-wrap .mw-close img {width:20px;height:20px}
/********************* MODAL POPUP *********************/




/********************************** NEW EVENT CSS **********************************/
.new-event-wrap {display:block;margin:0 auto;padding:15px;width:1101px;background-color:#fff}
.new-event-wrap .event01-wrap {display:block;margin:0 15px 0 0;padding:0;width:355px;height:820px;border:1px solid #ddd}
.new-event-wrap .event01-wrap .ev-calendar-wrap {display:block;margin:0;padding:15px;height:395px;border-bottom:1px solid #ddd;background-color:#fafafa;overflow:hidden}
.new-event-wrap .event01-wrap .calendar-tbl {display:block;margin:0;padding:0}
.new-event-wrap .event01-wrap .calendar-tbl table {width:100%;font-size:12px}
.new-event-wrap .event01-wrap .calendar-tbl table th {text-align:center;height:80px;line-height:80px;font-size:15px;font-weight:900;color:#333;border-bottom:1px solid #ccc}
.new-event-wrap .event01-wrap .calendar-tbl table th a {display:inline-block;margin:0;padding:0;height:80px;line-height:80px}
.new-event-wrap .event01-wrap .calendar-tbl table th a img {vertical-align:middle}
.new-event-wrap .event01-wrap .calendar-tbl table td {height:40px;line-height:45px;text-align:center;border-bottom:1px solid #ccc}
.new-event-wrap .event01-wrap .calendar-tbl a {display:inline-block;padding:0;width:30px;height:30px;line-height:30px;color:#333}
.new-event-wrap .event01-wrap .calendar-tbl a.active {color:#fff;border-radius:100%;background-color:#00bcbe}
.new-event-wrap .event01-wrap .ev-time-select {display:block;margin:0;padding:15px}
.new-event-wrap .event01-wrap .ev-time-select h2 {display:block;margin:0;padding:0;font-size:19px}
.new-event-wrap .event01-wrap .ev-time-select .ev-select-time {display:block;margin:30px 0 0;padding:0;height:290px;overflow-y:auto;xbackground-color:#00bcbe}
.new-event-wrap .event01-wrap .ev-time-select .ev-select-time ul {margin:0;padding:0;list-style:none}
.new-event-wrap .event01-wrap .ev-time-select .ev-select-time ul li {float:left;margin:0;padding:0;width:25%}
.new-event-wrap .event01-wrap .ev-time-select .ev-select-time ul li a {display:block;margin:0 5px 5px 0;padding:7px 0;font-weight:bold;font-size:15px;text-align:center;color:#333;border:1px solid #ccc;border-radius:18px}
.new-event-wrap .event01-wrap .ev-time-select .ev-select-time ul li.active a {color:#fff;border:1px solid #00bcbe;background-color:#00bcbe}
.new-event-wrap .event01-wrap .ev-time-select .ev-select-time ul li.times-limit a {color:#ccc;border:1px solid #ddd}
.new-event-wrap .event02-wrap {display:block;margin:0 15px 0 0;padding:0;width:355px;height:820px;border:1px solid #ddd}
.new-event-wrap .event02-wrap .ev-list-wrap {display:block;margin:0;padding:15px;height:770px;overflow-y:auto}
.new-event-wrap .event02-wrap .ev-list-wrap h2 {display:block;margin:0;padding:0;font-size:19px}
.new-event-wrap .event02-wrap .ev-list-wrap h2 > small {float:right;padding-top:10px;font-size:12px}
.new-event-wrap .event02-wrap .ev-list-wrap .tab-nav {display:block;margin:35px 0 0;padding:0}
.new-event-wrap .event02-wrap .ev-list-wrap .tab-nav ul {margin:0;padding:0;list-style:none}
.new-event-wrap .event02-wrap .ev-list-wrap .tab-nav ul li {float:left;margin:0;padding:0;width:50%}
.new-event-wrap .event02-wrap .ev-list-wrap .tab-nav ul li a {display:block;margin:0;padding:0;height:36px;line-height:36px;font-size:12px;text-align:center;color:#333;border:1px solid #ddd;background-color:#f2f2f2}
.new-event-wrap .event02-wrap .ev-list-wrap .tab-nav ul li.active a {border:1px solid #ddd;border-bottom:1px solid #fff;background-color:#fff}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap {display:block;margin:0;padding:0;border:1px solid #ddd;border-top:1px solid #fff;border-bottom:1px solid #fff}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap .select-event {display:block;margin:0;padding:20px 15px;border-bottom:1px solid #ddd;cursor:pointer}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap .select-event:hover {}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap .select-event > .soldout-wrap {display:none}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap .select-no-event {display:block;margin:0;padding:20px 15px;border-bottom:1px solid #ddd}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap h3 {display:block;margin:0 0 7px;padding:0;font-size:14px;font-weight:900}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap h4 {display:block;margin:0 0 17px;padding:0;font-size:12px;font-weight:500;color:#999}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap h5 {display:inline-block;margin:0;padding:0 0 0 10px;font-size:14px;font-weight:500;color:#999}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap h5 strong {font-size:1.5em;color:#00bcbe}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap span {text-decoration:line-through;color:#999}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap .select-event-non {position:relative;display:block;margin:0;padding:20px 15px;color:#bbb;border-bottom:1px solid #ddd}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap .select-event-non > .soldout-wrap {position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.5) url(/landing/petit/img/soldout_03.png) no-repeat 50% 50%}
.new-event-wrap .event02-wrap .ev-list-wrap .select-event-wrap .select-event-non h5 strong {color:#bbb}
.new-event-wrap .event03-wrap {display:block;margin:0;padding:0;width:355px;height:820px;border:1px solid #ddd}
.new-event-wrap .event03-wrap .ev-select-wrap {display:block;margin:0;padding:15px;height:770px}
.new-event-wrap .event03-wrap .ev-select-wrap h2 {display:block;margin:0;padding:0;font-size:19px}
.new-event-wrap .event03-wrap .ev-select-wrap .add-event-wrap {display:block;margin:35px 0 0;padding:5px 0 0;height:250px;overflow-y:auto;xbackground-color:#eee}
.new-event-wrap .event03-wrap .ev-select-wrap .add-event-wrap .event-info {display:block;margin:0;padding:5px;border-bottom:1px solid #ddd;xbackground-color:#eee}
.new-event-wrap .event03-wrap .ev-select-wrap .add-event-wrap .event-title {float:left;font-size:14px;font-weight:900}
.new-event-wrap .event03-wrap .ev-select-wrap .add-event-wrap .event-cost {}
.new-event-wrap .event03-wrap .ev-select-wrap .add-event-wrap .event-title strong {font-size:16px;color:#00bcbe}
.new-event-wrap .event03-wrap .ev-select-wrap .add-event-wrap a {float:right}
.new-event-wrap .event03-wrap .fm-info-wrap {display:block;margin:0;padding:20px;font-size:12px;border-top:1px solid #333;background-color:#eee}
.new-event-wrap .event03-wrap .fm-info-wrap strong {font-size:17px}
.new-event-wrap .event03-wrap .fm-wrap {display:block;margin:20px 0 0;padding:0}
.new-event-wrap .event03-wrap .fm-wrap table {width:100%;font-size:12px}
.new-event-wrap .event03-wrap .fm-wrap table th {padding:5px;vertical-align:middle;text-align:left;font-size:13px}
.new-event-wrap .event03-wrap .fm-wrap table td {padding:5px;vertical-align:middle;font-size:13px}
.new-event-wrap .event03-wrap .fm-wrap input[type='text'] {width:235px;height:36px;line-height:36px;border:1px solid #ddd;border-radius:5px;font-size:13px}
.new-event-wrap .event03-wrap .fm-wrap textarea {width:231px;height:100px;line-height:150%;border:1px solid #ddd;border-radius:5px;font-size:13px}
/********************************** NEW EVENT CSS **********************************/



.event-wrap {display:block;margin:0 auto;padding:0;width:1200px;min-width:1200px;height:100%}
.event-wrap h1 {display:block;margin:0;padding:0;text-align:center;letter-spacing:-1px}
.event-wrap h2 {display:block;margin:0;padding:0;text-align:left;font-size:20px;letter-spacing:-1px}

.contents-wrap {display:block;margin:0;padding:10px;height:100%}

.info01-wrap,
.info02-wrap,
.info03-wrap {height:100%}

.info01-wrap .contents-wrap {border-left:1px solid #ccc}

.info02-wrap .contents-wrap {border-left:1px solid #ccc;border-right:1px solid #ccc}
.info02-wrap .tab-nav {display:block;margin:0;padding:0}
.info02-wrap .tab-nav ul {margin:0;padding:0;list-style:none}
.info02-wrap .tab-nav ul li {float:left;margin:0;padding:0;width:50%}
.info02-wrap .tab-nav ul li a {display:block;margin:0;padding:5px;font-size:12px;text-align:center;color:#333;border:1px solid #ddd;border-bottom:1px solid #333}
.info02-wrap .tab-nav ul li.active a {border:1px solid #333;border-bottom:1px solid #fff}
.info02-wrap .e-btn h3 {display:block;margin:0;padding:0}
.info02-wrap .e-btn h4 {display:block;margin:0;padding:0}
.info02-wrap .e-btn h5 {display:block;margin:0;padding:0}

.info03-wrap .contents-wrap {border-right:1px solid #ccc}
.info03-wrap .add-event-wrap {display:block;margin:0;padding:5px 0 0;height:400px;overflow-y:auto;xbackground-color:#eee}
.info03-wrap .event-info {position:relative;display:block;margin:0 0 5px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#fff}
.info03-wrap .event-info .event-title {display:block}
.info03-wrap .event-info .event-cost {display:block}
.info03-wrap .event-info a {position:absolute;top:5px;right:5px}
.info03-wrap .fm-info-wrap {display:block;margin:0;padding:20px;font-size:12px;border-top:1px solid #333;background-color:#eee}
.info03-wrap .fm-wrap {display:block;margin:0;padding:0}
.info03-wrap .fm-wrap table {width:100%;font-size:12px}
.info03-wrap .fm-wrap table th {padding:5px;vertical-align:top}
.info03-wrap .fm-wrap table td {padding:5px;vertical-align:top}


#page_mark {padding-top:0}

.sub-nav-wrap {display:block;margin:0;padding:0}
.sub-nav-wrap ul {margin:0;padding:0;list-style:none}
.sub-nav-wrap ul li {float:left;margin:0;padding:0}
.sub-nav-wrap ul li a {display:block;margin:0;padding:10px}
.sub-nav-wrap ul li.active a {font-weight:bold}

.calendar_sub_txt {
    font-size: 16px;
    margin: 0;
    padding: 5px;
    word-break: keep-all;
    color: red;
}