@charset "utf-8";
.badge {
  padding: 5px 8px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

.commonHeaderTitle, .commonBox .maintitle, .commonBox .subtitle, .modal .modal-content .modal-header {
  margin: 0;
  padding: 10px 20px 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 2px;
  background-color: #cb921f;
}

.commonHeaderTitleSub, .commonBox .subtitle {
  font-size: 20px;
}

@media print {
  .noPrint {
    display: none;
  }

  .printPagebreak {
    page-break-after: always;
  }
}
/*==========================================
= container
===========================================*/
.container {
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
  width: 1200px;
}
.container.w980 {
  width: 980px;
}
.container.w720 {
  width: 720px;
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
/*==========================================
= commonBox
===========================================*/
.commonBox {
  margin: 0 auto;
  padding: 0;
  width: 1024px;
  background-color: #fff;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.commonBox.noTitle {
  padding-top: 0;
}
.commonBox .maintitle {
  overflow: hidden;
  margin: 0;
  font-weight: bold;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.commonBox .maintitle small {
  color: #fff;
}
.commonBox .maintitle span {
  display: block;
}
.commonBox .subtitle {
  overflow: hidden;
  margin: 0;
  padding: 10px 20px;
}
.commonBox .subtitle small {
  color: #fff;
}
.commonBox .subtitle.condition {
  background: #665252;
}
.commonBox .subtitle2 {
  color: #2dace2;
  font-weight: bold;
  border-top: 5px solid #e0d5d0;
  border-bottom: 1px solid #e0d5d0;
  background: #f7f7f7;
}
.commonBox .subtitle2 span {
  display: block;
  padding: 0 0 0 35px;
  background: url(/img/reserve/icoSubTitle1.png) no-repeat 0 0;
}
.commonBox > .head {
  overflow: hidden;
  min-height: 20px;
  background-color: #fff;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.commonBox > .head > h2 {
  margin: 0;
}
.commonBox > .foot {
  overflow: hidden;
  min-height: 20px;
  background-color: #fff;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.commonBox .container {
  margin: 0 auto;
  padding: 10px 15px;
  background-color: #fff;
}
.commonBox.errorPage .maintitle {
  color: #000;
  background: #ddd;
}
.commonBox.errorPage .fa-exclamation-triangle {
  color: #f00;
}
.commonBox.errorPage .container p {
  margin: 50px auto;
  width: 640px;
  font-size: 16px;
}

/*==========================================
= modal
===========================================*/
.modal .modal-content {
  overflow: hidden;
}
.modal .modal-content .modal-header {
  background: #665252;
}
.modal .modal-content .modal-header .modal-title:before {
  font-family: "FontAwesome";
  margin-right: 5px;
  content: "\f041";
}
.modal .modal-content .modal-header .close {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  text-shadow: none;
}
.modal .modal-content .modal-header .close small {
  font-size: 70%;
  font-weight: normal;
}
.modal .modal-content .modal-body label {
  cursor: pointer;
}
.modal .modal-content .modal-body .toggle-area {
  margin: 0 0 1em;
  font-size: 14px;
}
.modal .modal-content .modal-body .toggle-area.base_area .left {
  width: 400px;
}
.modal .modal-content .modal-body .toggle-area.base_area .right {
  width: 440px;
}
.modal .modal-content .modal-body .toggle-area .child {
  padding: 0 0 0 80px;
}
.modal .modal-content .modal-body .toggle-area .child.list-inline li {
  display: inline\9;
}
.modal .modal-content .modal-body .toggle-area .listL {
  font-size: 18px;
}
.modal .modal-content .modal-body .toggle-area .listM {
  font-size: 16px;
}
.modal .modal-content .modal-body .toggle-area .listS {
  font-size: 14px;
}
.modal .modal-content .modal-body .toggle-area .cateIcon {
  display: inline-block;
  width: 40px;
  height: 28px;
  background-position: -3px -9px;
  background-repeat: no-repeat;
}
.modal .modal-content .modal-body .toggle-area .area {
  display: none;
  margin: 1em 0 0;
}
.modal .modal-content .modal-body .toggle-area > a {
  display: block;
  margin: 0 0 .5em;
  padding: .5em;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #a16b6b;
}
.modal .modal-content .modal-body .toggle-area > a:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
  content: "\f0fe";
}
.modal .modal-content .modal-body .toggle-area > a:hover {
  text-decoration: none;
}
.modal .modal-content .modal-body .toggle-area .toggle-area {
  padding: 0 10px;
}
.modal .modal-content .modal-body .toggle-area .toggle-area > a {
  display: inline-block;
  padding: 0;
  color: #535353;
  text-decoration: none;
  background-color: transparent;
}
.modal .modal-content .modal-body .toggle-area .toggle-area > a:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
  content: "\f196";
  color: #a16b6b;
  font-size: 18px;
}
.modal .modal-content .modal-body .toggle-area .toggle-area .area {
  margin: 0;
}
.modal .modal-content .modal-body .toggle-area .toggle-area.open > a:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
  content: "\f147";
}
.modal .modal-content .modal-body .toggle-area.open {
  display: block;
}
.modal .modal-content .modal-body .toggle-area.open > .area {
  display: block;
}
.modal .modal-content .modal-body .toggle-area.open > a:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
  content: "\f146";
}
.modal .modal-content .modal-body .searchButton .btn {
  font-size: 16px;
  letter-spacing: 2px;
}
.modal .modal-content .modal-body .searchButton .btn:before {
  display: inline-block;
  margin-left: .2em;
  margin-right: 0.2em;
  width: 1em;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-decoration: inherit;
  line-height: 1em;
  text-align: center;
  text-transform: none;
  content: "\e805";
}
.modal .modal-content .modal-body .searchButton .btn.btn-search {
  color: #fff;
  background-color: #ea5350;
  border-color: #e52622;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.modal .modal-content .modal-body .searchButton .btn.btn-search:hover, .modal .modal-content .modal-body .searchButton .btn.btn-search:focus, .modal .modal-content .modal-body .searchButton .btn.btn-search:active, .modal .modal-content .modal-body .searchButton .btn.btn-search.active {
  color: #fff;
  background-color: #e52622;
  border-color: #e52622;
}
.modal .modal-content .modal-body .searchButton .btn.btn-search:active, .modal .modal-content .modal-body .searchButton .btn.btn-search.active {
  background-color: #bd1a17;
  background-image: none;
}
.modal .modal-content .modal-body .searchButton .btn.btn-reset {
  color: #6e5a5a;
  text-decoration: none;
}
.modal.spot-search .modal-dialog {
  width: 720px;
}
.modal .searchButton {
  margin: 1em 0 0;
}
.modal .searchButton .row:first-child {
  margin-bottom: .5em;
}
.modal.modal-util .modal-header .modal-title:before {
  font-family: "FontAwesome";
  margin-right: 5px;
  content: "\f05a";
}
.modal.modal-util .modal-body .container {
  width: auto;
}
.modal.modal-util .modal-footer .btn-modal-ok {
  letter-spacing: 10px;
}

/*==========================================
= search-condition
===========================================*/
.search-condition.displayNone {
  display: none;
}
.search-condition table {
  width: 100%;
}
.search-condition table tr th, .search-condition table tr td {
  padding: 5px 8px;
  border-bottom: 1px solid #fff;
}
.search-condition table tr th {
  color: #535353;
  text-align: center;
  background: #d8d8d8;
}
.search-condition table tr:nth-child(even) td {
  background-color: #F8F8F8;
}
.search-condition table tr td {
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
}
.search-condition table tr td label {
  cursor: pointer;
}
.search-condition table tr td.buttons {
  text-align: center;
  background-color: #d8d8d8;
}
.search-condition table tr td.buttons .btn {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}
.search-condition table tr td.buttons .btn:before {
  display: inline-block;
  margin-left: .2em;
  margin-right: 0.2em;
  width: 1em;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-decoration: inherit;
  line-height: 1em;
  text-align: center;
  text-transform: none;
  content: "\e805";
}
.search-condition table tr td.buttons .btn.btn-filter, .search-condition table tr td.buttons .btn.btn-search {
  color: #fff;
  background-color: #ea5350;
  border-color: #e52622;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.search-condition table tr td.buttons .btn.btn-filter:hover, .search-condition table tr td.buttons .btn.btn-filter:focus, .search-condition table tr td.buttons .btn.btn-filter:active, .search-condition table tr td.buttons .btn.btn-filter.active, .search-condition table tr td.buttons .btn.btn-search:hover, .search-condition table tr td.buttons .btn.btn-search:focus, .search-condition table tr td.buttons .btn.btn-search:active, .search-condition table tr td.buttons .btn.btn-search.active {
  color: #fff;
  background-color: #e52622;
  border-color: #e52622;
}
.search-condition table tr td.buttons .btn.btn-filter:active, .search-condition table tr td.buttons .btn.btn-filter.active, .search-condition table tr td.buttons .btn.btn-search:active, .search-condition table tr td.buttons .btn.btn-search.active {
  background-color: #bd1a17;
  background-image: none;
}
.search-condition table tr td.buttons .btn.btn-reset {
  color: #6e5a5a;
  text-decoration: none;
}

.searchResult {
  padding-bottom: 5px !important;
  border-bottom: 4px solid #cb921f;
}
.searchResult .recordcount {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}
.searchResult .recordcount strong {
  color: #e66139;
}
.searchResult .recordcount strong span {
  font-size: 26px;
}

.msgNoData {
  margin: 0;
  padding: 50px;
  font-size: 18px;
}
.msgNoData :before {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "\f05a";
}

/*==========================================
= pagenate
===========================================*/
.pagenate {
  clear: both;
  overflow: hidden;
  margin: 0 auto 1em;
  width: 880px;
}
.pagenate ul li {
  float: left;
  margin-right: 5px;
}
.pagenate ul li span, .pagenate ul li a {
  display: block;
  padding: .3em .4em;
  min-width: 40px;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 3px solid #cb921f;
}
.pagenate ul li .bgFill, .pagenate ul li a:hover, .pagenate ul li.page span {
  color: #fff;
  background-color: #cb921f;
}

/*==========================================
= sns share tools
===========================================*/
.sns.horizontal {
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
}
.sns.horizontal li {
  float: left;
}
.sns.horizontal li.twitter {
  width: 105px;
}
.sns.horizontal li.facebook {
  width: 120px;
  margin-top: -5px;
}
.sns.horizontal li.googleplus {
  width: 90px;
}

.YoutubeWrapper {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 69px 0 50%;
}
.YoutubeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.view-clip {
  position: fixed;
  top: 25%;
  right: 0;
  z-index: 900;
}
.view-clip .btn-vew-clip {
  color: #fff;
  background-color: #e66139;
  border-color: #d2451a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  -o-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.view-clip .btn-vew-clip:hover, .view-clip .btn-vew-clip:focus, .view-clip .btn-vew-clip:active, .view-clip .btn-vew-clip.active {
  color: #fff;
  background-color: #d2451a;
  border-color: #d2451a;
}
.view-clip .btn-vew-clip:active, .view-clip .btn-vew-clip.active {
  background-color: #a43615;
  background-image: none;
}

/*==========================================
= Table base
===========================================*/
.table_base, table.tableType1, table.tableType2, table.tableType3 {
  width: 100%;
  margin: 0 0 30px;
}
.table_base th, table.tableType1 th, table.tableType2 th, table.tableType3 th, .table_base td, table.tableType1 td, table.tableType2 td, table.tableType3 td {
  padding: 10px;
}
.table_base th, table.tableType1 th, table.tableType2 th, table.tableType3 th {
  border: #ddd 1px solid;
  border-right: none;
  border-bottom-color: #fff;
  background: #ddd;
}
.table_base td, table.tableType1 td, table.tableType2 td, table.tableType3 td {
  border: #ddd 1px solid;
  border-left: none;
  background: #f8f8f8;
}
.table_base tr:last-child th, table.tableType1 tr:last-child th, table.tableType2 tr:last-child th, table.tableType3 tr:last-child th {
  border-bottom-color: #ddd;
}
.table_base tr:nth-child(odd) td, table.tableType1 tr:nth-child(odd) td, table.tableType2 tr:nth-child(odd) td, table.tableType3 tr:nth-child(odd) td {
  background: white;
}

/*==========================================
= Table type 1
===========================================*/
/*==========================================
= Table type 2
===========================================*/
table.tableType2 th, table.tableType2 td {
  color: #675352;
}
table.tableType2 th {
  border-color: #b6aeab;
  background-color: #E0D5D1;
}
table.tableType2 td {
  border-color: #dcd7d3;
}

/*==========================================
= Table type 3
===========================================*/
table.tableType3 th, table.tableType3 td {
  color: #665454;
}
table.tableType3 th {
  font-weight: bold;
  border-color: #b5aca7;
  background-color: #e0d5d1;
}
table.tableType3 th.title {
  color: #fff;
  background-color: #665253;
}
table.tableType3 td {
  border-color: #e2e1df;
  background-color: #f8f4f3;
}
table.tableType3 tr:nth-child(odd) td {
  background-color: #fcfbf9;
}

/*==========================================
= Google Map Dialog
===========================================*/
.googleMap .dialog {
  width: 280px;
}
.googleMap .dialog h4.dialog-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}
.googleMap .dialog .dialog-photo {
  margin: 0 0 7px;
}
.googleMap .dialog .dialog-photo img {
  margin: 0 auto;
  max-width: 200px;
  max-height: 200px;
}
.googleMap .dialog .dialog-copy {
  margin: 0 0 5px;
  width: 260px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.googleMap .dialog .dialog-address {
  margin: 0 0 5px;
  width: 260px;
  font-size: 12px;
}
.googleMap .dialog .btn-dialog.btn-route {
  color: #fff;
  background-color: #e66139;
  border-color: #d2451a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleMap .dialog .btn-dialog.btn-route:hover, .googleMap .dialog .btn-dialog.btn-route:focus, .googleMap .dialog .btn-dialog.btn-route:active, .googleMap .dialog .btn-dialog.btn-route.active {
  color: #fff;
  background-color: #d2451a;
  border-color: #d2451a;
}
.googleMap .dialog .btn-dialog.btn-route:active, .googleMap .dialog .btn-dialog.btn-route.active {
  background-color: #a43615;
  background-image: none;
}
.googleMap .dialog .btn-dialog.btn-detail {
  color: #fff;
  background-color: #47bfb5;
  border-color: #369d94;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleMap .dialog .btn-dialog.btn-detail:hover, .googleMap .dialog .btn-dialog.btn-detail:focus, .googleMap .dialog .btn-dialog.btn-detail:active, .googleMap .dialog .btn-dialog.btn-detail.active {
  color: #fff;
  background-color: #369d94;
  border-color: #369d94;
}
.googleMap .dialog .btn-dialog.btn-detail:active, .googleMap .dialog .btn-dialog.btn-detail.active {
  background-color: #297770;
  background-image: none;
}

/*@ sourceMappingURL=layout.css.map */