@charset "UTF-8";
/* CSS Document */
.wrap{}

#shop-main{ 
	width:100%; margin: 0 auto;
	padding:10px 0; background:#ffffff;
}

/***********出勤スケジュール****************/

#schedule{}
#schedule .shoptab{ width:100%; padding-bottom:25px; }
#schedule .shoptab > input { display: none; } 

#schedule .stab {
	display: none;/*店舗タブ非表示*/
	float:left;
    /*display: inline-block; インラインブロック化 */
	margin: 0 ;
	padding:0 10px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	box-sizing:border-box;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

}
/* ▼出勤表の店舗タブにマウスポインタが載った際の装飾 */
#schedule .stab:hover {
	color:#F24999;/* タブの文字色 ：ピンク*/
	background: #ffe8f6; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe8f6 0%, #f2bfdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe8f6 0%,#f2bfdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe8f6 0%,#f2bfdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8f6', endColorstr='#f2bfdb',GradientType=0 ); /* IE6-9 */
	cursor: pointer;/* マウスポインタの形状を「指(指し示す形)」にする */
}

/* ▼選択状態　出勤表の店舗タブ(＝チェックが入っているラジオボタンの隣にあるタブの装飾) */
#schedule input:checked + .stab {
	color:#F24999;/* タブの文字色：ピンク */
	background: #ffe8f6; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe8f6 0%, #f2bfdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe8f6 0%,#f2bfdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe8f6 0%,#f2bfdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8f6', endColorstr='#f2bfdb',GradientType=0 ); /* IE6-9 */
}

/* ▼出勤表の店舗タブの中身(共通装飾＋非選択状態の装飾) */
#schedule .stabcontent {
	clear:both;
	width:100%;
	margin:0 0 0 0;
	/*background:rgba(255,255,255,0.8);*/
    display: none;/* 標準では非表示にする */
    padding:0 0 0 0;/* 内側の余白量 */
}

#schedule .weektab input { display: none; }

#schedule #label-left{ margin-left:0;}

/* ▼出勤表の店舗タブ チェックが入っているラジオボタンに対応するタブの中身を表示する */
#schedule #stb-all:checked ~ #tc-all { display: block; } /*店舗 すべて */
#schedule #stb-1:checked ~ #tc-1 { display: block; } /*店舗 1*/
#schedule #stb-2:checked ~ #tc-2 { display: block; } /*店舗 2*/
#schedule #stb-3:checked ~ #tc-3 { display: block; } /*店舗 3*/
#schedule #stb-4:checked ~ #tc-4 { display: block; } /*店舗 4*/

#schedule .wtab-all, /*店舗 すべて*/
#schedule .wtab-s1,  /*店舗 1*/
#schedule .wtab-s2,  /*店舗 2*/
#schedule .wtab-s3,  /*店舗 3*/
#schedule .wtab-s4   /*店舗 4*/
{
	float:left;
    display: inline-block;  /* インラインブロック化 */
	margin:0px 5px 0 0 ;
	padding:0 ;
	width:75px;
	height:75px;
	line-height:1em;
	font-weight:bold;
	color:#555555;
	background:#cccccc;
	border-radius:50%;
}

/* ▼出勤表の店舗タブにマウスポインタが載った際の装飾 */
#schedule .wtab-all:hover,/*すべて*/
#schedule .wtab-s1:hover, /*店舗 1*/
#schedule .wtab-s2:hover, /*店舗 2*/
#schedule .wtab-s3:hover, /*店舗 3*/
#schedule .wtab-s4:hover  /*店舗 4*/
{
	color:#ffffff;/* タブの文字色 */
	background:#F24999;   /* タブの背景色：ピンク*/
	cursor: pointer;/* マウスポインタの形状を「指(指し示す形)」にする */
}

#schedule .wtab-all > div, /*店舗 すべて*/
#schedule .wtab-s1 > div,  /*店舗 1*/
#schedule .wtab-s2 > div,  /*店舗 2*/
#schedule .wtab-s3 > div,  /*店舗 3*/
#schedule .wtab-s4 > div   /*店舗 4*/
{text-align: center; margin-top:27px;}

/* ▼選択状態 出勤表の店舗タブ(＝チェックが入っているラジオボタンの隣にあるタブの装飾) */
#schedule input:checked + .wtab-all,/*すべて*/
#schedule input:checked + .wtab-s1, /*支店 1*/
#schedule input:checked + .wtab-s2, /*支店 2*/
#schedule input:checked + .wtab-s3, /*支店 3*/
#schedule input:checked + .wtab-s4  /*支店 4*/
{
	color:#ffffff; /* タブの文字色：白色 */
	background:#F24999; /* タブの背景色：ピンク */
}

#schedule .tab-day{ clear:both; width:100%; margin:10px auto 0 auto; padding:10px 0 0 0; /*background:#aaffff;*/ display: none;  }
#schedule .tab-day > .girl{ width:150px; height:242px; margin:25px 0 0 29px; float:left; overflow:hidden; background:#ffffff; }
#schedule .tab-day > .girl > a:hover {opacity: 0.7;}
#schedule .tab-day > .girl > a > .tag{width:100%; height:20px;}

#schedule .tab-day > .girl > a > div.data{ position:relative; width:150px; height:225px; overflow:hidden;}
#schedule .tab-day > .girl > a > div.data > .thum{ position: absolute; top:0; left:0; width:100%; }
#schedule .tab-day > .girl > a > div.data > .tex{
	position: absolute; bottom:0; left:0; 
	/*padding:8px 2% 4px 2%;*/
	padding:6px 5px 4px 5px;
	width:100%;
	box-sizing: border-box;
	text-align: center; 
	color:#555555;
	background:rgba(255,255,255,0.7);
}

#schedule .tab-day > .girl > a > div.data > .tex > p{ white-space: nowrap; margin:0 ; overflow: hidden;}
/*#schedule .tab-day > .girl > a > div.data > .tex > .name{ font-size:12px;}*/
#schedule .tab-day > .girl > a > div.data > .tex > .size{ margin-top:3px;  font-size:10px;}
/*#schedule .tab-day > .girl > a > div.data > .tex > .shop{ margin:3px 0 0 0;  font-size:10px;}*/
#schedule .tab-day > .girl > a > div.data > .tex > .time{
	margin:2px 0 0 0; padding:0 2%; width:99%; height:18px; line-height:20px; box-sizing: border-box; background:#ffff55/*#ffffff*/; text-align: center;}

#schedule .tab-day > .girl > a > div.time{margin:0 0 0 0; padding:2px; text-align:center;  font-size:12px; color:#ffffff; background:#EFAECF/*#ffffff*/;}
/*****/

/* ▼出勤表 日にち選択 チェックが入っているラジオボタンに対応するタブの中身を表示する */
#schedule #wtb-all-1:checked ~ #wc-all-1, /*すべて の 1日目*/
#schedule #wtb-all-2:checked ~ #wc-all-2, /*すべて の 2日目*/
#schedule #wtb-all-3:checked ~ #wc-all-3, /*すべて の 3日目*/
#schedule #wtb-all-4:checked ~ #wc-all-4, /*すべて の 4日目*/
#schedule #wtb-all-5:checked ~ #wc-all-5, /*すべて の 5日目*/
#schedule #wtb-all-6:checked ~ #wc-all-6, /*すべて の 6日目*/
#schedule #wtb-all-7:checked ~ #wc-all-7, /*すべて の 7日目*/
#schedule #wtb-s1-1:checked ~ #wc-s1-1, /*店舗 1 の 1日目*/
#schedule #wtb-s1-2:checked ~ #wc-s1-2, /*店舗 1 の 2日目*/
#schedule #wtb-s1-3:checked ~ #wc-s1-3, /*店舗 1 の 3日目*/
#schedule #wtb-s1-4:checked ~ #wc-s1-4, /*店舗 1 の 4日目*/
#schedule #wtb-s1-5:checked ~ #wc-s1-5, /*店舗 1 の 5日目*/
#schedule #wtb-s1-6:checked ~ #wc-s1-6, /*店舗 1 の 6日目*/
#schedule #wtb-s1-7:checked ~ #wc-s1-7, /*店舗 1 の 7日目*/
#schedule #wtb-s2-1:checked ~ #wc-s2-1, /*店舗 2 の 1日目*/
#schedule #wtb-s2-2:checked ~ #wc-s2-2, /*店舗 2 の 2日目*/
#schedule #wtb-s2-3:checked ~ #wc-s2-3, /*店舗 2 の 3日目*/
#schedule #wtb-s2-4:checked ~ #wc-s2-4, /*店舗 2 の 4日目*/
#schedule #wtb-s2-5:checked ~ #wc-s2-5, /*店舗 2 の 5日目*/
#schedule #wtb-s2-6:checked ~ #wc-s2-6, /*店舗 2 の 6日目*/
#schedule #wtb-s2-7:checked ~ #wc-s2-7, /*店舗 2 の 7日目*/
#schedule #wtb-s3-1:checked ~ #wc-s3-1, /*店舗 3 の 1日目*/
#schedule #wtb-s3-2:checked ~ #wc-s3-2, /*店舗 3 の 2日目*/
#schedule #wtb-s3-3:checked ~ #wc-s3-3, /*店舗 3 の 3日目*/
#schedule #wtb-s3-4:checked ~ #wc-s3-4, /*店舗 3 の 4日目*/
#schedule #wtb-s3-5:checked ~ #wc-s3-5, /*店舗 3 の 5日目*/
#schedule #wtb-s3-6:checked ~ #wc-s3-6, /*店舗 3 の 6日目*/
#schedule #wtb-s3-7:checked ~ #wc-s3-7, /*店舗 3 の 7日目*/
#schedule #wtb-s4-1:checked ~ #wc-s4-1, /*店舗 4 の 1日目*/
#schedule #wtb-s4-2:checked ~ #wc-s4-2, /*店舗 4 の 2日目*/
#schedule #wtb-s4-3:checked ~ #wc-s4-3, /*店舗 4 の 3日目*/
#schedule #wtb-s4-4:checked ~ #wc-s4-4, /*店舗 4 の 4日目*/
#schedule #wtb-s4-5:checked ~ #wc-s4-5, /*店舗 4 の 5日目*/
#schedule #wtb-s4-6:checked ~ #wc-s4-6, /*店舗 4 の 6日目*/
#schedule #wtb-s4-7:checked ~ #wc-s4-7  /*店舗 4 の 7日目*/
{ display: block; }

p.unregist{ padding:10px 0 0 0; text-align: center; color:#777777; }