@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap');

/***************************/
/*clearfix*/
/***************************/
.clearfix:after{
  content:"."; 
  display:block; 
  clear:both;
  height:0;
  visibility: hidden;
}

.clearfix{
  min-height:1px;
}

*html .clearfix{
  height:1px;
  /**//*/
  height:auto;
  overflow:hidden;
  /**/
}


a {
  color: #F00;
}

body {
  font-size: 16px;
  background: url(img/bg.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  /*background:#c7b0a0;*/
  /*background-size:100%;*/
}

body,
textarea {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

input,
select,
button {
  font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}


/*マージン・パディング・フロート*/
.mb15 {
  margin-bottom: 15px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.mr {
  margin-right: 1em;
}


/*ヘッダー*/
.header {
  display: block;
  margin-bottom: 100px;
  box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.4);
}


/*ナビゲーション*/
ul.navi {
  border-top: 1px solid #b96b1f;
  margin: 0;
}

.navi li {
  width: 33.3%;
  float: left;
}

.navi li a {
  display: block;
  padding: 1.2em 0;
  font-size: small;
  outline: 0 none;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background: #222222;
  background: -webkit-gradient(linear, center top, center bottom, from(#999999), to(#222222));
  /* WebKit */
  background: -moz-linear-gradient(top, #999999, #222222);
  /* Mozilla */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#999999, EndColorStr=#222222);
  /* IE9 */
}

.navi li:last-child a {
  border-right: none;
}


/*ヘッダーティッカー*/
.ticker-header {
  background: url(img/ticker.jpg) no-repeat;
  background-size: 100% 35px;
  height: 35px;
  line-height: 2.8em;
  font-size: small;
}


/*アーティクル*/
article {
  padding: 10px;
}


/*見出し*/
h2.tit,
h3.tit {
  background: url(img/h-tit.jpg) repeat-x;
  height: 28px;
  padding-left: 6px;
  font-size: small;
  font-weight: bold;
  line-height: 2.2em;
  border: 1px solid #ccc;
  margin: 30px 0 10px 0;
}

/*
.tit span{
border-left:4px solid #675329;
padding-left:10px;
}
*/


/*開閉エリア*/
/*.bodyarea {
  height: 300px;
  overflow: hidden;
}*/

.bodyarea a {
  display: inline;
}

.bodyarea img {
  max-width: 100%;
}

/*表示ボタン*/
.btn {
  text-align: center;
  background: #fff;
  padding: 5px 0;
  margin-top: 10px;
}

.btn button {
  width: 50%;
  padding: 1em 0;
  font-size: large;
}


/*キャスト*/
.ladys li {
  float: left;
  padding: 4px;
  margin: 0 5px 20px;
  border: 1px solid #ccc;
  text-align: center;
  background: #FFF;
  position: relative;
  display: block;
  width: calc(100% / 8 - 20px);
}

.ladys li a {
  display: block;
  height: 250px;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .ladys li {
    width: calc(100% / 4 - 25px);
  }

  .ladys li a {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .ladys li {
    width: calc(100% / 2 - 35px);
  }

  .ladys li a {
    height: 150px;
  }
}

.ladys li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ladys li img.newface {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 31px;
}

.ladys li img.yoyaku {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
}


/*女性ブロック*/
.prof-ticker {
  background: #e1e1e1;
  padding: 5px 0;
  font-size: 10px;
  height: 1em;
}

.prof-name {
  font-size: 14px;
  padding: 10px 0 3px;
}

.prof-name a {
  text-decoration: none;
}

.prof-schedate {
  background: #e1e1e1;
  padding: 5px 0;
  font-weight: bold;
  font-size: 14px;
}



/*MENU*/
#site_menu_navi ul {
  /*margin:10px;*/
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 1px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

#site_menu_navi ul li {
  /*height:45px;*/
  background: #222222;
  /* Old browsers */
  background: -moz-linear-gradient(bottom left, #999999 0%, #222222 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, bottom left, top right, color-stop(0%, #999999), color-stop(100%, #222222));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom left, #999999 0%, #222222 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom left, #999999 0%, #222222 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom left, #999999 0%, #222222 100%);
  /* IE10+ */
  background: linear-gradient(to bottom left, #999999 0%, #222222 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#222222', GradientType=0);
  /* IE6-9 */
  border-bottom: 1px dotted #fff;
  /*line-height:45px;*/
  padding: 15px;
}

#site_menu_navi ul li:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

#site_menu_navi ul li:last-child {
  border-bottom: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

#site_menu_navi ul li a {
  display: block;
  margin: 0;
  /*padding:0 25px 0 15px;*/
  background: url('img/carat-r-white.png') no-repeat 100% center;
  color: #fff;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  font-size: small;
}

#site_menu_navi ul li a span {
  background: url(img/arrow.png) no-repeat center left;
  padding-left: 12px;
}


/*フッター*/
footer {
  text-align: center;
  font-size: 10px;
  padding-bottom: 20px;
}

footer address {
  font-style: normal;
  color#: #000;
}

address span {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  /*box-shadow:2px 2px 4px #ccc;*/
}

footer address a {
  display: inline-block;
  text-decoration: none;
  color: #000;
}


/*サイドアイコン*/
.side-icon {
  position: fixed;
  right: 5px;
  top: 40%;
  width: 50px;
  z-index: 999;
  margin: 5px auto;
}

.side-icon img {
  width: 50px;
  padding: 10px 0;
}


/*スケジュール*/
.date select {
  width: 75%;
  display: block;
  margin: 10px auto;
  padding: 5px;
  font-size: large;
}


/*標準テーブル*/
.tbl table {
  border: none;
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}

.tbl th {
  background: #CCC;
  text-align: left;
  border-bottom: 1px dashed #000;
  font-weight: normal;
  text-align: center;
}

.tbl td {
  /*background:#fff;*/
  text-align: left;
  border-bottom: 1px dashed #000;
  width: 50%;
  padding: 12px;
  line-height: 1.3;
}

.tbl p {
  line-height: 1.5;
  /*! font-size: small; */
  padding-bottom: .5em;
}


/*写メ日記
.diary a {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999;
  color: #000;
}

.diary dl {
  margin: 0;
  background: #fff url(img/arrow-r-black.png) no-repeat center right;
  padding: 5px;
  box-shadow: 3px 3px 5px #ccc;
  margin-bottom: 10px;
}

.diary dl dt {
  width: 68px;
  float: left;
  margin-right: 10px;
  padding: 2px;
  border: 1px solid #ccc;
  background: #FFF;
  box-shadow: 2px 2px 2px #aaa;
}

.diary dl dt img {
  width: 100%;
}

.diary dl dd {
  float: left;
  padding: 0;
  margin: 0;
  font-size: small;
  line-height: 2.5em;
}

.diary .subject {
  color: #F0F;
  font-size: medium;
}


/*アイコン
.icon-date span {
  /*background:url(img/clock.gif) no-repeat left center;
  background-size:contain;
  padding-left:16px;
  font-size: 14px;
}

.icon-heart span {
  background:url(img/heart.gif) no-repeat left center;
  /*background-size:contain;
  padding-left:18px;
  font-size: 14px;
}
*/


/*日記・詳細
em.name {
  padding-left: 1em;
  font-size: medium;
  color: #F0F;
}

.diary-dtl {
  padding: 10px 0;
  margin: 10px 0;
  border-top: 1px dashed #999;
}

.diary-dtl dl {
  width: 240px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.diary-dtl dl dt {
  text-align: center;
  margin-bottom: 1em;
}

.diary-dtl img {
  max-width: 240px;
}

.diary-dtl dl dd {
  margin: 0;
  line-height: 1.5;
}
*/


/*プロフィール画像*/
#profImages {
  margin: 0;
  padding: 10px 0;
  overflow: hidden;
  /*background: #fbf5f2;*/
}

.slideRight {
  display: none;
}

.slideLeft {
  display: none;
}

#profImages ul {
  text-align: center;
}

#profImages li {
  text-align: center;
  vertical-align: middle;
}

#profImages li img.photo {
  width: 90%;
  max-width: 480px;
  height: auto;
  vertical-align: middle;
  border: 3px solid #fff;
  border-radius: 6px;
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 1px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 1px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.profile .tbl span img {
  height: 36px;
  margin-bottom: -3px;
}

.profile .tbl span.room {
  font-size:small;
  font-weight:bold;
  color:#fff;
  padding:1px 5px;
  margin-right:5px; 
}

.profile .tbl span.imaike {
  background: #249ae1;
}

.profile .tbl span.chikusa {
  background: #c8a800;
}

.profile .tbl span.meieki {
  background: #d57373;
}


/*求人・ボタン*/
p.recruit_btn,
p.line_btn {
  padding: 0;
  width: 100%;
}

.recruit_btn a {
  background: linear-gradient(to left bottom, #5F5F5F, #1F1F1F) repeat scroll 0 0 transparent;
  border: 1px solid #8F8F8F;
  border-radius: 6px 6px 6px 6px;
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}

.line_btn a {
  background: linear-gradient(to right bottom, #BFFA53, #9EF047 20%, #6CDD42 40%, #41BB1C 70%) repeat scroll 0 0 transparent;
  border: 1px solid #3CA505;
  border-radius: 6px 6px 6px 6px;
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}


/*nodata*/

p.nodata {
  text-align: center;
  padding: 50px 0;
  font-size: small;
}


/*注意事項*/
.attention p {
  line-height: 1.8em;
}


/*TOP・イメージ*/
.topimg {
  text-align: center;
}

.topimg img {
  width: 90%;
  max-width: 640px;
}


/*認証ページ*/
.btn_leave a {
  font-size: 12px;
  padding: 6px 0;
  margin: 0 auto 30px auto;
  /*width:224px;*/
}

footer.index {
  box-shadow: none;
  margin: 0;
  padding: 0;
}

footer.index address {
  margin: 0;
}


/*認証・リンク集*/
.index-link {
  width: 100%;
  margin-top: 40px;
}

.index-link ul {
  list-style-type: none;
}

.index-link li {
  float: left;
  margin: 9px 4px;
}

.index-link li img {
  max-width: 100%;
}


/*TOP・文言BOX*/
.topbox {
  background: #543a19;
  padding: 10px;
  border-radius: 10px;
  border: 4px solid rgb(191, 162, 105);
  border-image: none;
  width: 90%;
  margin: 0 auto;
}

.topbox-inner {
  background: linear-gradient(#ffffff, #9c7c57);
  padding: 15px;
  border-radius: 10px;
  border: 2px solid rgb(191, 162, 105);
  border-image: none;
  font-weight: normal;
  text-align: center;
}


/*ページナビ*/
.pagenav {
  padding: 40px 0;
}

.pagenav a {
  display: inline;
  padding: 1em 2em;
  background: #fff;
  border: none;
  text-decoration: none;
  color: #000;
  border-radius: 5px;
}


/*TOP・求人バナー*/
.bnr-recruit {
  margin-top: 40px;
}

.bnr-recruit img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 780px;
}

/*SNSアイコン*/
.snsicon {
  text-align: center;
}

.snsicon ul li {
  padding: 10px 0;
}

.snsicon ul li img {
  width: 220px;
}


/*MAP*/
.map {
  max-width: 800px;
  margin: 0 auto;
}

.map iframe {
  width: 100%;
  height: 400px;
  margin-top: 10px;
}

@media screen and (max-width: 769px) {
  .map iframe {
    height: 300px;
  }
}


/*出勤ルーム*/
.ladys div.room {
  background: #666;
  color: #fff;
  padding: 6px 0;
  margin: 5px 0 0;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
}

div.room.imaike {
  background: #249ae1;
}

div.room.chikusa {
  background: #c8a800;
}

div.room.meieki {
  background: #d57373;
}



/*写メ日記*/
.diary a{
display:block;
border-bottom:1px solid #999;
color: #000;
text-decoration:none;
}
.diary dl{
background:url(img/icon_arrow.png) center right no-repeat;
/*margin:10px 0;*/
}
.diary dl dt{
width:100px;
height:100px;
overflow:hidden;
float:left;
margin-right:10px;
background:none;
border:none;
}
.diary dl dt img{
width:100%;
height:100%;
object-fit: cover;
}
.diary dl dd{
white-space:nowrap;
line-height:2;
}
/*
.diary .subject{
color:#F00;
font-size:medium;
}*/

.diary dl dd p.date{
font-size:12px;
color:#666;
}
.diary dl dd p.subject{
font-size:16px;
color:#F00;
}



/*日記・詳細*/
.diary-dtl{
padding:0;
text-align:center;
}

.diary-dtl img{
max-width:240px;
}

.diary-dtl-date{
font-size: 14px;
color:#666;
}

.diary-dtl-gname a{
color:#C33;
}

.diary-dtl dl{
background:none;
box-shadow:none;
border:none;
}

.diary-dtl dl dt{
text-align:center;
}

.diary-dtl dl dd{
color:#000;
line-height:2;
}

.btn_back a{
background:#333;
color:#fff;
text-decoration:none;
display:block;
border-radius:50%;
border:2px dotted #fff;
width:4em;
height:4em;
text-align:center;
line-height:4em;
font-weight:bold;
font-size:medium;
margin:0 auto;
}


/*ページナビ*/
.pagenavi{
position:relative;
overflow:hidden;
margin:15px 0;
}
.pagenavi ul{
list-style-type:none;
position:relative;
left:50%;
float:left;
}
.pagenavi li{
position:relative;
left:-50%;
float:left;
margin:0 5px;
}
.pagenavi a{
background:#333;
color:#fff;
text-decoration:none;
display:block;
border-radius:50%;
border:2px dotted #fff;
width:4em;
height:4em;
text-align:center;
line-height:4em;
font-weight:bold;
font-size:medium;
}
.pagenavi a:hover, .pagenavi a.active{
background:#666;
}