/* ==========================================================================
   Theme-paper
   ========================================================================== */
.invertColor-mode .base-contents, .invertColor-mode .mod-index {
  color: #FFF !important;
  background: #000 !important;
  border-color: #FFF !important;
}
.invertColor-mode .base-contents a, .invertColor-mode .mod-index a {
  color: inherit;
}

/*!
 * Structure & Basic Styles
 *
 *
 */
html, body {
  color: #000;
  background: #F5F5F5;
}

a {
  color: #000;
}
a:link {
  color: #000;
}
a:visited {
  color: #46008C;
}
a:hover {
  color: #666666;
  text-decoration: none;
}
a:active {
  color: #666666;
}

.base-page {
  background: #FFF;
}

.base-body {
  background: url("../img/base/bg.png") no-repeat 50% 0;
}

.base-contents {
  position: relative;
  padding: 30px 10px 10px;
  background: url("../img/bg-paper.png") repeat 0 0;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.base-contents:before {
  position: relative;
  top: -22px;
  display: block;
  content: '';
  width: 100%;
  background: #DDDDDD url("../img/bg-line2.png") no-repeat 0 0;
  height: 4px;
  margin: -4px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*!
* Widget Styles
*
*
*/
.wgt-heading {
  padding: 0 10px 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
.wgt-heading:before {
  color: #F65845;
}

.wgt-heading2 {
  position: relative;
  padding: 3px 0 0 30px;
  border: none;
}
.wgt-heading2:before {
  position: absolute;
  top: 1px;
  left: 0;
  color: #F65845;
  font-family: "customfonts";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f106";
}
.wgt-heading2.type-date:before {
  top: 27px;
}

.wgt-heading3:before {
  color: #F65845;
}

.wgt-button button, .wgt-button a {
  background: #F9534A;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.wgt-data-head {
  color: #1EA5AA;
}

.wgt-data-head2 {
  color: #1EA5AA;
}

.wgt-data-conditions {
  border: 1px solid #BBBBBB;
}

.wgt-dataList2-head {
  color: #1EA5AA;
}

.wgt-cart {
  color: #FFF;
  background: #F9534A;
  border-color: #F9534A;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.wgt-cart:hover {
  color: #FFF;
  background: #F9534A;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.wgt-cart:before {
  color: #FFF;
}
.wgt-cart.disabled {
  border-color: #DDDDDD;
}

.wgt-unit {
  margin: 0;
  padding-top: 10px;
  background: none;
  border: none;
  border-bottom: 1px solid #CCCCCC;
}
.wgt-unit.rent {
  background: rgba(47, 186, 191, 0.23);
}

.wgt-unit-h {
  padding-left: 10px;
}
.wgt-unit-h:before {
  top: 5px;
  color: #F9534A;
  content: "\f110";
}

.wgt-unit-subhead {
  padding-left: 10px;
}
.wgt-unit-subhead:before {
  color: #F9534A;
  content: "\f110";
}

.wgt-unit-button a, .wgt-unit-button button {
  color: #FFF;
  background: #F9534A;
  border-color: #F9534A;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.wgt-unit-button a:hover, .wgt-unit-button button:hover {
  color: #FFF;
  background: #F9534A;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.wgt-unit-button a.disabled, .wgt-unit-button button.disabled {
  border-color: #DDDDDD;
}

.wgt-unit2 {
  padding: 0 7px 7px;
}
.wgt-unit2.type2 {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
  margin-bottom: 0;
  margin-top: 30px;
}

.wgt-unit2-h {
  position: relative;
  padding: 3px 0 0 30px;
  border: none;
}
.wgt-unit2-h:before {
  position: absolute;
  top: 1px;
  left: 0;
  color: #F65845;
  font-family: "customfonts";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f106";
}

.wgt-newslist-item a:before {
  color: #F9534A;
  content: "\f110";
  left: -16px;
}

.wgt-newslist2-item a:before {
  color: #F9534A;
  content: "\f110";
  left: -16px;
}

.wgt-linklist-item:before {
  color: #F9534A;
  content: "\f110";
  left: 10px;
}

.wgt-ranking-item .rank:before {
  color: #F9534A;
  content: "\f110";
}

.wgt-calendar-navPrev:before,
.wgt-calendar-navNext:before {
  color: #F65845;
}

.wgt-rental .wgt-rental-icon {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.wgt-backlink.type-head {
  margin-top: -1.7em;
  margin-bottom: 10px;
}
.wgt-backlink:before {
  color: #F9534A;
  content: "\f10f";
}

.wgt-delete {
  color: #FFF;
  background: #F9534A;
  border-color: #F9534A;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.wgt-delete:hover {
  color: #FFF;
  background: #F9534A;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.wgt-delete:before {
  color: #FFF;
}
.wgt-delete.disabled {
  border-color: #DDDDDD;
}
.wgt-unit-thumbnail {
  margin: 0;
  padding-top: 10px;
  background: none;
  border: none;
  border-bottom: 1px solid #CCCCCC;
}
/*!
* Module Styles
*
*
*/
.mod-menu {
  padding-top: 8px;
  background: #FFF url("../img/mod-menu/bg.png") repeat-x 50% 0;
}

.mod-menu-unit {
  border-right: none;
  padding-left: 0;
}
.mod-menu-unit:first-child {
  border-left: none;
}

.mod-menu-item-h {
  font-weight: bold;
}

.mod-menu-item-button {
  margin-left: 0;
}
.mod-menu-item-button a {
  background: #FFF;
  color: #000;
  border: solid #DDDDDD;
  border-width: 1px 0 1px 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.mod-menu-item-button a.current {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #9DD013;
  color: #FFF;
}
.mod-menu-item-button:last-child a {
  border-right: 1px solid #DDDDDD;
}

.mod-menu-item2-button button, .mod-menu-item2-button a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #DADADA;
  border-color: #DADADA;
  color: #000;
  font-weight: bold;
  text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.74);
}
.mod-menu-item2-button button .num, .mod-menu-item2-button a .num {
  color: #000;
}

.mod-header {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mod-header-sitetitle {
  color: #000;
}

.mod-header-nav {
  position: relative;
  top: 4px;
  padding-bottom: 4px;
}

.mod-header-navitem {
  position: relative;
  margin: 0;
  z-index: 20;
}
.mod-header-navitem:before {
  position: absolute;
  left: 0;
  bottom: -4px;
  content: '';
  width: 100%;
  height: 4px;
  background: #000;
  border: solid #FFF;
  border-width: 0 1px;
  z-index: 20;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-header-navitem:first-child:before {
  background: #F9534A;
}
.mod-header-navitem:last-child:before {
  background: #22BBBE;
  border-left: none;
}
.mod-header-navitem a {
  color: #000;
  background: #FFF;
  border-color: #FFF;
  -moz-border-radius: 9px 9px 0 0;
  -webkit-border-radius: 9px;
  border-radius: 9px 9px 0 0;
}
.mod-header-navitem a.search:before {
  color: #F9534A;
}
.mod-header-navitem a.menu {
  border-left: none;
}
.mod-header-navitem a.menu:before {
  color: #22BBBE;
}
.mod-header-navitem a:hover {
  color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff), color-stop(100%, #ececec));
  background: -moz-linear-gradient(#ffffff 50%, #ececec);
  background: -webkit-linear-gradient(#ffffff 50%, #ececec);
  background: linear-gradient(#ffffff 50%, #ececec);
}
.mod-header-navitem a.current {
  border-color: #FFF;
  color: #FFF;
}
.mod-header-navitem a.search {
  margin: 0;
}
.mod-header-navitem a.search.current {
  background: #F9534A;
}
.mod-header-navitem a.search.current:before {
  color: #FFF;
}
.mod-header-navitem a.menu {
  margin: 0;
}
.mod-header-navitem a.menu.current {
  background: #22BBBE;
}
.mod-header-navitem a.menu.current:before {
  color: #FFF;
}

.mod-header-body {
  border-color: #CCCCCC;
  background: #22BBBE;
}

.mod-footer-foot {
  border: none;
  padding-top: 22px;
  background: #F5F5F5 url("../img/bg-line.png") repeat-x 50% 0;
}

.mod-footer-pagetop:before {
  color: #F9534A;
}

.mod-search {
  display: table;
  margin: 0 auto 35px;
  width: 704px;
  padding-bottom: 10px;
  background: rgba(245, 245, 245, 0.9);
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-search-inner2 {
  padding: 0;
  background: none;
}

.mod-search-title {
  font-weight: bold;
  padding-left: 0;
}
.mod-search-title:before {
  color: #F9534A;
  font-family: "customfonts";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f15e";
  margin-right: 5px;
}

.mod-search-input .input-search {
  border-right: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-search-button {
  padding-left: 0;
}
.mod-search-button button, .mod-search-button a {
  background: #F9534A;
  border: 1px solid #F9534A;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-search-link:before {
  margin-right: 5px;
  font-family: "customfonts";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f110";
  color: #F9534A;
}

.mod-searchDetail {
  margin: 0 auto 35px;
  padding-bottom: 1px;
  background: rgba(245, 245, 245, 0.9);
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-searchDetail-h {
  padding: 0 10px 8px;
  margin-bottom: 15px;
  border-color: #F65845;
}
.mod-searchDetail-h:before {
  color: #F65845;
}

.mod-searchDetail-link:before {
  color: #F65845;
}

.mod-result {
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}

.mod-result2 {
  margin: 0;
  padding: 0 10px 15px;
  border-bottom: 1px solid #CCC;
}

.mod-period {
  margin: 0;
  padding: 0 10px 15px;
  border-bottom: 1px solid #CCC;
}

.mod-pagination {
  margin-bottom: 20px;
}

.mod-pagination-item a, .mod-pagination-item span {
  background: #FFF;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.mod-pagination-item a.current, .mod-pagination-item span.current {
  color: #FFF;
  background: #F9534A;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-pagination-prev a {
  background: none;
  padding: 0;
  border: none;
  text-decoration: underline;
}
.mod-pagination-prev a:hover {
  text-decoration: none;
  background: none;
}
.mod-pagination-prev a:before {
  content: "\f10f";
  color: #F65845;
}

.mod-pagination-next a {
  background: none;
  padding: 0;
  border: none;
  text-decoration: underline;
}
.mod-pagination-next a:hover {
  text-decoration: none;
  background: none;
}
.mod-pagination-next a:after {
  content: "\f110";
  color: #F65845;
}

.mod-index {
  position: relative;
  border: none;
  padding: 17px 4px 4px;
  background: url("../img/bg-paper.png") repeat 0 0;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
.mod-index:before {
  position: relative;
  top: -9px;
  display: block;
  content: '';
  width: 100%;
  background: #DDDDDD url("../img/bg-line2.png") no-repeat 0 0;
  height: 4px;
  margin: -4px 0 0;
}
.invertColor-mode .mod-index {
  border: 1px solid #FFF !important;
}

.mod-index-h .sub {
  color: #000;
}
.mod-index-h:before {
  color: #F9534A;
}

.mod-index-body {
  padding: 15px 10px 0;
  border-top: 1px solid #CCCCCC;
}

.mod-index-button {
  top: 20px;
}
.mod-index-button a, .mod-index-button button {
  min-width: 0;
  padding: 0;
  background: none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  color: #000;
  text-decoration: underline;
}
.mod-index-button a:hover, .mod-index-button button:hover {
  background: none;
  border: none;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mod-index-button a:before, .mod-index-button button:before {
  text-decoration: none;
  color: #F9534A;
  content: "\f110";
}
.invertColor-mode .mod-index-button a, .invertColor-mode .mod-index-button button {
  border: none !important;
}

.mod-page.type2 {
  padding: 0 10px;
}
.mod-page h2 {
  background: none;
  padding: 6px 0 7px 7px;
  border: solid #1EA5AA;
  border-width: 0 0 1px 8px;
}
.mod-page h3 {
  border-bottom: 1px solid #CCCCCC;
}
.mod-page h4 {
  border-color: #1EA5AA;
}
.mod-page h5 {
  color: #1EA5AA;
}
.mod-page hr {
  border-color: #CCC;
}

.mod-page-link:before {
  color: #F9534A;
  content: "\f110";
  margin-right: 8px;
}

.mod-login {
  display: table;
  margin: 0 auto 35px;
  min-width: 704px;
  padding-bottom: 10px;
  background: rgba(245, 245, 245, 0.9);
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-login-inner2 {
  padding: 0;
  background: none;
}

.mod-login-title {
  font-weight: bold;
  padding-left: 0;
}
.mod-login-title:before {
  color: #F9534A;
  margin-right: 5px;
}

.mod-login-input .input-search {
  border-right: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-login-button {
  padding-left: 0;
}
.mod-login-button button, .mod-login-button a {
  background: #F9534A;
  border: 1px solid #F9534A;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.mod-login-link:before {
  margin-right: 5px;
  font-family: "customfonts";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f110";
  color: #F9534A;
}

/*
* 予約
*/
.mod-reserve {
  background: none;
  border: none;
  border-bottom: 1px solid #CCCCCC;
}

/*
* 予約画面
*/
.mod-reserveinput {
  background: url("../img/bg-paper.png") repeat 0 0;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  border: none;
  border-bottom: 1px solid #CCCCCC;
}

/**
* 予約ボタン
*/
.mod-reserve-button button, .mod-reserve-button a, .mod-usermenu-button button, .mod-usermenu-button a {
  background: #F9534A;
  border: none;
  color: #ffffff;
}

/* ログイン画面 */
.mod-userlogin {
  background: url("../img/bg-paper.png") repeat 0 0;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  border: none;
  border-bottom: 1px solid #CCCCCC;
}

/**
* 利用者メニュー
*/

.itemExtend {
	color:#008000;
	font-weight:bold;
}

.itemTermdate {
	color:#FF0000;
}


/**
* パスワード変更
*/
.mod-pwchange-button button, .mod-pwchange-button a {
  background: #F9534A;
  border: none;
  color: #ffffff;
}

.emphasis {
	font-size: 24px;
	color: #FF0000;
}
.emphasis2 {
    font-size: 1.71429em;
    color: #FF0000;
}
@media screen and (max-width: 767px) {
  /* ==========================================================================
     Mobile
     ========================================================================== */
  .invertColor-mode .base-contents, .invertColor-mode .mod-index {
    color: #FFF !important;
    background: #000 !important;
    border-color: #FFF !important;
  }
  .invertColor-mode .base-contents a, .invertColor-mode .mod-index a {
    color: inherit;
  }

  /*!
   * Structure & Basic Styles
   *
   *
   */
  .base-body {
    -moz-background-size: 690px auto;
    -o-background-size: 690px auto;
    -webkit-background-size: 690px auto;
    background-size: 690px auto;
  }

  .base-body-inner {
    padding-left: 0;
    padding-right: 0;
  }

  /*!
  * Widget Styles
  *
  *
  */
  .wgt-unit-h {
    padding-left: 10px;
  }
  .wgt-unit-h:before {
    top: 0;
  }

  .wgt-backlink {
    margin-left: 10px;
  }
  .wgt-backlink.type-head {
    margin-left: 10px;
    margin-top: -1em;
  }

  /*!
  * Module Styles
  *
  *
  */
  .mod-search {
    min-width: 0;
    width:90%;
  }

  .mod-searchDetail {
    min-width: 0;
  }

  .mod-index {
    padding: 4px;
  }
  .mod-index:before {
    top: 4px;
  }

  .mod-index-head {
    padding-bottom: 10px;
  }

  .mod-index-togglerbtn {
    margin-top: -16px;
  }
  .mod-index-togglerbtn:before {
    color: #000000;
    font-size: 20px;
  }

  .mod-index-h .sub {
    margin-top: 0;
  }

  .mod-login {
    min-width: 0;
  }

  /**
  * 予約ボタン
  */
  .mod-reserve-button button, .mod-reserve-button a, .mod-usermenu-button button, .mod-usermenu-button a {
    background: #F9534A;
    border: none;
    color: #ffffff;
  }

  /**
  * パスワード変更
  */
  .mod-pwchange-button button, .mod-pwchange-button a {
    background: #F9534A;
    border: none;
    color: #ffffff;
  }
}