@charset "UTF-8";
/* line 1, ../../scss/partial/_cp_list.scss */
.cp_list {
  width: 24%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 1.5%;
  float: left;
  background-image: url(../img/cp_bg.png);
  background-size: cover;
  background-color: rgba(118, 106, 100, 0.3);
  overflow: hidden;
  background-color: rgba(196, 183, 166, 0.32);
  border: 1px solid rgba(118, 106, 100, 0.1);
}
/* line 24, ../../scss/partial/_cp_list.scss */
.cp_list .listinfo {
  padding: 0 0 4px;
}
/* line 28, ../../scss/partial/_cp_list.scss */
.cp_list .pic {
  text-align: center;
}
/* line 30, ../../scss/partial/_cp_list.scss */
.cp_list .pic img {
  height: 200px;
  width: auto;
  margin: 0 auto;
}
/* line 37, ../../scss/partial/_cp_list.scss */
.cp_list .new {
  height: 18px;
  text-align: center;
  margin: 4px auto;
}
/* line 42, ../../scss/partial/_cp_list.scss */
.cp_list .new span {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  background-color: #ffc107;
  color: #766a64;
  font-weight: bold;
  border-radius: 10px;
  padding: 0px 16px;
}
/* line 55, ../../scss/partial/_cp_list.scss */
.cp_list .info-bg {
  background-color: rgba(118, 106, 100, 0.3);
  text-align: center;
  color: white;
  margin-bottom: 1px;
  padding: 1px 0;
  background-color: rgba(249, 240, 228, 0.7);
  color: #222222;
  background-color: transparent;
}
/* line 70, ../../scss/partial/_cp_list.scss */
.cp_list .cp-rank {
  position: absolute;
  top: 4px;
  left: 14px;
}
/* line 74, ../../scss/partial/_cp_list.scss */
.cp_list .cp-rank img {
  height: 18px;
  width: auto;
}
/* line 80, ../../scss/partial/_cp_list.scss */
.cp_list .date-enter {
  margin: 5px auto;
  color: #766a64;
  display: inline-block;
  width: 100%;
}
/* line 87, ../../scss/partial/_cp_list.scss */
.cp_list .name {
  color: #222222;
  text-align: center;
  background-color: rgba(249, 240, 228, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: transparent;
}
/* line 98, ../../scss/partial/_cp_list.scss */
.cp_list .cp-category {
  background-color: #fa9e9f;
  margin-bottom: 5px;
  padding: 2px 3px;
  height: 4.8rem;
  overflow: hidden;
}
/* line 109, ../../scss/partial/_cp_list.scss */
.cp_list .ico {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1px;
  height: 34px;
}
/* line 115, ../../scss/partial/_cp_list.scss */
.cp_list .ico li {
  width: 16.66667%;
  float: left;
  padding: 2px 3px;
  border: none;
}
/* line 131, ../../scss/partial/_cp_list.scss */
.cp_list .comment {
  height: 50px;
  height: 5rem;
  padding: 2px 5px;
  margin: 2px 0;
  overflow: hidden;
  background-color: rgba(249, 240, 228, 0.7);
}
/* line 129, ../../scss/partial/_cp_list.scss */
.cp_list .comment font {
  color: #222222;
}
/* line 135, ../../scss/partial/_cp_list.scss */
.cp_list .att-comment {
  height: 50px;
  height: 5rem;
  padding: 2px 5px;
  margin: 2px 0;
  overflow: hidden;
  background-color: rgba(246, 85, 87, 0.4);
  color: #222222;
}
/* line 129, ../../scss/partial/_cp_list.scss */
.cp_list .att-comment font {
  color: #222222;
}
/* line 140, ../../scss/partial/_cp_list.scss */
.cp_list .att, .cp_list .mark-label {
  padding: 3%;
  background-color: rgba(118, 106, 100, 0.3);
  text-align: center;
  color: white;
  margin: 10px 2%;
  border-radius: 5px;
}
/* line 148, ../../scss/partial/_cp_list.scss */
.cp_list .full {
  background-color: #c4c4c4;
  cursor: auto;
}
/* line 151, ../../scss/partial/_cp_list.scss */
.cp_list .full:hover {
  position: relative;
  top: 0px;
}
/* line 157, ../../scss/partial/_cp_list.scss */
.cp_list .today:after {
  content: "本日出勤";
  padding: 4px 8px;
  border-radius: 4px;
  text-align: center;
  margin-left: 1rem;
}
/* line 166, ../../scss/partial/_cp_list.scss */
.cp_list .att-time {
  background-color: #766a64;
  text-align: center;
  color: white;
  padding: 6px 0;
  margin-bottom: 5px;
}
/* line 172, ../../scss/partial/_cp_list.scss */
.cp_list .att-time.no-data {
  background-color: transparent;
  color: transparent;
}
/* line 177, ../../scss/partial/_cp_list.scss */
.cp_list img {
  width: 100%;
}
/* line 180, ../../scss/partial/_cp_list.scss */
.cp_list .button {
  width: 90%;
  margin: 0 5% 10px;
}
/* line 187, ../../scss/partial/_cp_list.scss */
.cp_list .rank_default:before {
  content: "";
  position: relative;
  top: 6px;
  width: 24px;
  height: 24px;
  background-image: url(../img/ume.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (max-width: 768px) {
  /* line 204, ../../scss/partial/_cp_list.scss */
  .cp_list .cp-category {
    text-align: center;
    background-color: #f2f2f2;
  }
}

/* line 217, ../../scss/partial/_cp_list.scss */
.newcomer-list .button {
  width: 96%;
  height: 33px;
  margin: 0 auto 7px;
}

/* line 231, ../../scss/partial/_cp_list.scss */
.mobile .cp_list {
  width: 49%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 20px;
  border: 2px solid #766a64;
}
/* line 246, ../../scss/partial/_cp_list.scss */
.mobile .cp_list .pic img {
  height: 170px;
}
/* line 248, ../../scss/partial/_cp_list.scss */
.mobile .cp_list .listinfo {
  color: #222222;
  padding: 0;
}
/* line 252, ../../scss/partial/_cp_list.scss */
.mobile .cp_list .att-time {
  margin-bottom: 0;
}
/* line 255, ../../scss/partial/_cp_list.scss */
.mobile .cp_list .gate-shop {
  margin-top: 5px;
}
/* line 259, ../../scss/partial/_cp_list.scss */
.mobile .name,
.mobile .cp-category,
.mobile .comment,
.mobile .att-comment {
  width: 90%;
  margin: 5px auto;
}
/* line 268, ../../scss/partial/_cp_list.scss */
.mobile .lady-list .cp-category {
  text-align: center;
  background-color: #f2f2f2;
}
/* line 274, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list {
  position: relative;
  height: auto;
  width: 96%;
  margin: 0 2% 10px;
}
/* line 280, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list .new {
  top: 0;
  right: 0;
  display: inline;
  position: absolute;
  width: 0;
  height: 0;
  border: none;
  border: 24px solid transparent;
  border-top: 24px solid #ffc107;
  border-right: 24px solid #ffc107;
  padding: 0;
}
/* line 292, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list .new span {
  font-weight: normal;
  position: absolute;
  top: -16px;
  left: -6px;
  z-index: 2;
  color: white;
  word-break: normal;
}
/* line 303, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list .pic {
  width: 30%;
  float: left;
}
/* line 306, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list .pic img {
  width: 100%;
  height: auto;
  padding: 0;
}
/* line 312, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list .listinfo {
  width: 68%;
  float: right;
  margin-right: 1%;
}
/* line 317, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list .ico {
  overflow: hidden;
  height: 100%;
}
/* line 321, ../../scss/partial/_cp_list.scss */
.mobile .oldtype_cp_list .button {
  height: 30px;
}
/* line 326, ../../scss/partial/_cp_list.scss */
.mobile .imasugu-area li {
  margin-bottom: 5px;
}
/* line 330, ../../scss/partial/_cp_list.scss */
.mobile .cp_list-attend-list {
  width: 49%;
}
/* line 334, ../../scss/partial/_cp_list.scss */
.mobile .lady-list {
  width: 49%;
}
/* line 336, ../../scss/partial/_cp_list.scss */
.mobile .lady-list .pic {
  min-height: 190px;
}
/* line 339, ../../scss/partial/_cp_list.scss */
.mobile .lady-list .cp-category {
  height: 23px;
  overflow: hidden;
}
/* line 345, ../../scss/partial/_cp_list.scss */
.mobile .result-list {
  width: 49%;
}
/* line 348, ../../scss/partial/_cp_list.scss */
.mobile .ico {
  height: 32px;
}
/* line 350, ../../scss/partial/_cp_list.scss */
.mobile .ico img {
  width: auto;
  max-height: 22px;
}

/* line 370, ../../scss/partial/_cp_list.scss */
.tablet .cp_list {
  width: 32.33333%;
  margin-right: 0.5%;
  margin-left: 0.5%;
}
/* line 376, ../../scss/partial/_cp_list.scss */
.tablet .cp_list .ico img {
  max-height: 32px;
  width: auto;
}
@media screen and (min-width: 600px) {
  /* line 393, ../../scss/partial/_cp_list.scss */
  .tablet .cp_list {
    width: 49%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
}
@media screen and (min-width: 600px) and (orientation: landscape) {
  /* line 400, ../../scss/partial/_cp_list.scss */
  .tablet .cp_list {
    width: 32.33333%;
    margin-right: 0.5%;
    margin-left: 0.5%;
  }
}

/* ============================================= */
/* Button fmt CSS                                    */
/* ============================================= */
/* line 5, ../../scss/partial/_button_fmt.scss */
.button {
  font-size: 13px;
  font-size: 1.3rem;
}
/* line 7, ../../scss/partial/_button_fmt.scss */
.attendance-list .button, .attendance-area .cp_list .button, .newsflash-area dt .button, .shame-list .button, .cp-rank-list .button, .cp-newcomer-list .button, .schedule-area .cp_list .button, .search-area .cp_list .button, .gallery_photo-area .cp_list .button, .gallery_movie .movie_unit .button, .button.btn-white {
  display: table;
  height: 45px;
  background-color: white;
  box-shadow: none;
  margin-bottom: 5px;
}
/* line 25, ../../scss/partial/_button_fmt.scss */
.attendance-list .button a, .attendance-area .cp_list .button a, .newsflash-area dt .button a, .shame-list .button a, .cp-rank-list .button a, .cp-newcomer-list .button a, .schedule-area .cp_list .button a, .search-area .cp_list .button a, .gallery_photo-area .cp_list .button a, .gallery_movie .movie_unit .button a, .button.btn-white a {
  display: table-cell;
  vertical-align: middle;
  color: #766a64;
  padding: 2px;
}
/* line 32, ../../scss/partial/_button_fmt.scss */
.newsflash-area .button {
  width: 150px;
}

/*------------------------------------------
// Core style start
// not change -> color is site-color
----------------------------------------- */
/* normal */
/* line 1, ../../scss/partial/_pagination.scss */
.pc-pagination {
  margin: 20px 0 20px 0;
}
/* line 6, ../../scss/partial/_pagination.scss */
.pc-pagination .current, .pc-pagination .now-tag {
  padding: 7px;
  margin: 0 2px 0 2px;
  border: 1px solid #ccc;
  background-color: white;
  color: #222222;
}
/* line 14, ../../scss/partial/_pagination.scss */
.pc-pagination .first_tag, .pc-pagination .new_tag {
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #766a64;
}
/* line 19, ../../scss/partial/_pagination.scss */
.pc-pagination .first_tag a, .pc-pagination .new_tag a {
  color: white;
}
/* line 21, ../../scss/partial/_pagination.scss */
.pc-pagination .new_tag {
  margin-right: 10px;
}
/* line 22, ../../scss/partial/_pagination.scss */
.pc-pagination .first_tag {
  margin-left: 10px;
}
/* line 24, ../../scss/partial/_pagination.scss */
.pc-pagination .nextpostslink, .pc-pagination .next-tag {
  margin-left: 10px;
}
/* line 25, ../../scss/partial/_pagination.scss */
.pc-pagination .prevpostslink, .pc-pagination .prev-tag {
  margin-right: 10px;
}
/* line 26, ../../scss/partial/_pagination.scss */
.pc-pagination .pages {
  margin-right: 10px;
}
/* line 28, ../../scss/partial/_pagination.scss */
.pc-pagination .pages-num a, .pc-pagination .other-tag a {
  margin-right: 10px;
  background-color: #766a64;
  color: white;
  padding: 7px;
  margin: 0 2px 0 2px;
  border: 1px solid #ccc;
}

@font-face {
  font-family: 'arrowicons';
  src: url("../font/arrowicons.eot");
  src: url("../font/arrowicons.eot?#iefix") format("embedded-opentype"), url("../font/arrowicons.woff") format("woff"), url("../font/arrowicons.ttf") format("truetype"), url("../font/arrowicons.svg#arrowicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 47, ../../scss/partial/_pagination.scss */
.pagenav-text {
  text-align: center;
}

/* line 54, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .prev-tag, .mobile .pc-pagination .next-tag {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 42px;
  width: calc(48% - 20px);
}

/* line 64, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination {
  position: relative;
  padding: 10px 5% 90px 5%;
}
/* line 68, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .pages {
  position: absolute;
  bottom: 0;
  width: 90%;
  text-align: center;
  border: 1px solid;
  margin: 0;
  left: 5%;
  padding: 6px;
  border-radius: 4px;
}
/* line 79, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .now-tag {
  padding: 14px;
  display: inline-block;
}
/* line 84, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .other-tag a {
  padding: 14px;
  display: inline-block;
  margin: 0 0 5px 0;
}
/* line 91, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .prev-tag, .mobile .pc-pagination .next-tag {
  border: 1px solid #ccc;
}
/* line 94, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .prev-tag a, .mobile .pc-pagination .next-tag a {
  display: inline-block;
  width: 100%;
  padding: 13px 0;
}
/* line 101, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .prev-tag {
  margin-right: 5px;
}
/* line 104, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .next-tag {
  margin-left: 5px;
}
/* line 108, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .first-tag, .mobile .pc-pagination .last-tag {
  position: absolute;
  bottom: 30px;
  width: 43%;
  text-align: center;
  background-color: #b30031;
  margin: 0;
  padding: 6px;
  border-radius: 4px;
}
/* line 118, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .first-tag a, .mobile .pc-pagination .last-tag a {
  color: white;
}
/* line 121, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .first-tag {
  left: 5%;
}
/* line 122, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .last-tag {
  right: 5%;
}
/* line 125, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .prev-tag {
  left: 16px;
}
/* line 126, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination .next-tag {
  right: 16px;
}
/* line 128, ../../scss/partial/_pagination.scss */
.mobile .pc-pagination a {
  display: block;
}

/************************************************************
 * modal
 ************************************************************/
/* line 5, ../../scss/partial/_modal.scss */
.cookiemodal {
  display: none;
  z-index: 9999;
  margin: 0;
  color: #646c71;
  background-color: #FFFFFF;
}

/* line 13, ../../scss/partial/_modal.scss */
.modal {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.76);
}
/* line 23, ../../scss/partial/_modal.scss */
.modal h2 {
  font-size: large;
  padding: 10px 0;
  font-weight: 800;
}

/* line 31, ../../scss/partial/_modal.scss */
.Absolute-Center {
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* .close_modal{z-index: 999999; position: fixed;; top: 0; right: 0;} */
/* line 41, ../../scss/partial/_modal.scss */
.close_modal a {
  color: #646c71;
}

/***********************/
/* line 45, ../../scss/partial/_modal.scss */
.md-modal {
  visibility: hidden;
}
/* line 47, ../../scss/partial/_modal.scss */
.md-modal .button {
  padding: 5px;
  width: 60%;
  margin: 15px 20% 0;
}

/* line 55, ../../scss/partial/_modal.scss */
.md-show {
  visibility: visible;
}

/* line 57, ../../scss/partial/_modal.scss */
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 72, ../../scss/partial/_modal.scss */
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

/* line 77, ../../scss/partial/_modal.scss */
.md-close {
  width: 100%;
}

/* line 84, ../../scss/partial/_modal.scss */
.modal-unit {
  height: auto;
  width: 420px;
  background: #fff;
  border-radius: 5px;
  z-index: 9999;
  margin: 22.5% auto;
  padding: 20px;
}
/* line 98, ../../scss/partial/_modal.scss */
.modal-unit .icon_box ul {
  overflow: hidden;
}
/* line 99, ../../scss/partial/_modal.scss */
.modal-unit .icon_box ul li {
  height: 40px;
  width: auto;
  float: left;
  padding-right: 8px;
  margin-bottom: 10px;
}
/* line 105, ../../scss/partial/_modal.scss */
.modal-unit .icon_box ul li img {
  width: 25px;
  vertical-align: middle;
  margin-right: 5px;
}

/* line 129, ../../scss/partial/_modal.scss */
.mobile .modal-unit {
  width: 96%;
  margin-left: 2%;
}

/* line 3, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort ul {
  width: 100%;
}
/* line 5, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort ul.shop {
  margin: 0 0 3%;
  padding: 1% 0;
  overflow: hidden;
  border-top: 2px dotted #766a64;
}
/* line 13, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort li {
  text-align: center;
  color: white;
  border-radius: 5px;
  width: 24%;
  margin-right: 1%;
  margin-left: 0%;
  margin-bottom: 1%;
  display: table;
  min-height: 40px;
  vertical-align: middle;
  position: relative;
  line-height: 36px;
  line-height: 3.6rem;
  float: left;
  background-color: #a89d98;
}
/* line 33, ../../scss/partial/_pref_shop_sort.scss */
.shop .pref_shop_sort li {
  height: auto;
}
/* line 40, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort li:nth-child(4n) {
  width: 25%;
  margin-right: 0;
}
/* line 44, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort li a {
  display: block;
  color: white;
}
/* line 48, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/* line 52, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort li.active {
  background-image: none;
  background-color: #F5025A;
}
/* line 78, ../../scss/core/_mixin.scss */
.pref_shop_sort li.active a:before {
  content: "\f046";
  font-family: "FontAwesome";
  font-size: 18px;
  font-size: 1.8rem;
  padding: 4px 0;
  color: white;
  padding-right: 0px;
}
/* line 59, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort li.disable {
  background-image: none;
  background-color: #c4c4c4;
}
/* line 64, ../../scss/partial/_pref_shop_sort.scss */
.pref_shop_sort li label {
  border: none !important;
}

/* line 89, ../../scss/partial/_pref_shop_sort.scss */
.mobile .pref_shop_sort .shop {
  margin: 0 1%;
  width: 98%;
  padding: 1% 0;
}
/* line 95, ../../scss/partial/_pref_shop_sort.scss */
.mobile .pref_shop_sort li {
  display: block;
  min-height: inherit;
  text-align: left;
  width: 49%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 1%;
  overflow: hidden;
}
/* line 105, ../../scss/partial/_pref_shop_sort.scss */
.mobile .pref_shop_sort li label {
  display: inline-block;
  width: 82%;
  float: right;
}