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

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

a{
color:#F00;
}

body{
font-size:16px;
background:url(img/bg.jpg);
/*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;}
.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;
}


/*表示ボタン*/
.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 6px 12px 6px;*/
margin:0 2% 4%;
border:1px solid #ccc;
text-align:center;
background:#FFF;
position:relative;
display:block;
width:43%;
}
.ladys li a{
display:block;
/*max-height:360px;*/
overflow:hidden;
}
.ladys li a img{
width:100%;
}
.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:6px 0;
}
.prof-name a{
text-decoration:none;
}
.prof-schedate{
background:#e1e1e1;
padding:5px 0;
font-weight:bold;
}



/*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;
width:50%;
padding:12px;
font-size:90%;
}
.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%;
  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 th{
width:30%;
}
.profile .tbl td{
font-weight:normal;
font-size:medium;
line-height:1.3em;
}
.profile .tbl span img{
height:36px;
margin-bottom:-3px;
}


/*求人・ボタン*/
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%;
}



/*求人・テーブル*/
.recruit th{
width:30%;
}


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


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


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


/*認証ページ*/
.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-family:ヒラギノ明朝 Pro W6, Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, serif;*/
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;
}