@charset "UTF-8";

.cast{width:100%;height:auto;max-width:1200px;}
/*======*/
.cast{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.cast .girl{margin:0px 1% 15px 1%;background:rgb(0,0,0,0.7);padding:8px 0px;}
.cast .girl div.img{width:calc(100% - 16px);position:relative;}
.cast .girl div.img p.img{width:100%;background:#ffffff;}
.cast .girl div.img .new{display:inline-block;width:30px;position:absolute;top:6px;left:4px;}
.cast .girl div.img .x_twitter{display:inline-block;width:30px;position:absolute;top:6px;left:4px;}
.cast .girl div.img .x_twitter_b{display:inline-block;width:30px;position:absolute;top:40px;left:4px;}
.cast .girl div.img p.today{width:100%;position:absolute;bottom:0px;left:0px;background:rgb(104,30,56,0.6);color:#ffffff;padding:4px 0px 2px 0px;}
.cast .girl div.img p.today span.today{display:inline-block;width:auto;height:auto;background:url(../img/common/time.png) no-repeat;background-size:14px 16px;background-position:top left;padding-left:20px;}
.cast .girl div.img p.today span.now_time{display:inline-block;width:100%;height:auto;}
.cast .girl div.name{width:calc(100% - 16px);background:#000000;padding-bottom:8px;}
.cast .girl div.name h3{width:calc(100% - 15px);color:#ffffff;font-size:12px;padding-top:8px;padding-bottom:2px;}
.cast .girl div.name p.size{width:calc(100% - 15px);color:#ffffff;padding-top:2px;padding-bottom:11px;border-top:1px solid #2c2c2c;}
.cast .girl div.name h3 span , 
.cast .girl div.name p.size span
	{font-size:11px;color:#af9d7d;vertical-align: baseline;}
.girls.cast .girl div.name p.size{padding-bottom:0px;}
.cast .girl div.name p.today{width:calc(100% - 16px);color:#ffffff;padding:2px 0px 1px 0px;background: linear-gradient(to bottom,  #9c7c44 0%,#795f32 100%);position:relative;}
.cast .girl div.name p.today:after {content:"";position: absolute;top:-9px;right:46%;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #9c7c44 transparent;}
	@media all and (min-width: 1025px) {
		.cast .girl{width:18.4%;}
		.cast .girl:nth-child(5n+1){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(5n){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 1024px) {
		.cast .girl{width:23.5%;}
		.cast .girl:nth-child(4n-3){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(4n){margin:0px 0% 15px 1%;}
		.cast .girl div.name p.size{font-size:11px;}
		.cast .girl div.name h3 span , 
		.cast .girl div.name p.size span
			{font-size:10px;}
	}
	@media all and (max-width: 820px) {
		.cast .girl{width:30%;}
		.cast .girl:nth-child(3n-2){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(3n){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
		.cast{-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
		.cast .girl{width:48%;}
		.cast .girl:nth-child(odd){margin:0px 1% 15px 0%;}
		.cast .girl:nth-child(even){margin:0px 0% 15px 1%;}
	}
	@media all and (max-width: 480px) {
	}

/*======*/
.calender_ul{width:100%;height:auto;margin:0px auto;padding-bottom:25px;}
.calender_ul li{display:inline-block;width:auto;height:auto;margin:0px auto;padding:0px;}
.calender_ul li a{display:inline-block;width:auto;height:auto;margin:0px auto;padding:0px 15px;}
.calender h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
.calender h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:5px 45px 4px 45px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#987942;color:#ffffff;font-size:13px;    line-height: 160%;}
.calender_ul li .day{display:block;width:auto;height:auto;margin:0px auto;padding:0px;font-size:15px;letter-spacing:2px;line-height:100%;}
.calender_ul li .week{display:block;width:auto;height:auto;margin:0px auto;padding:0px;font-size:12px;letter-spacing:2px;line-height:100%;}
.calender_ul li .red{color:#c53170;}
.calender_ul li .blue{color:#068da1;}
	@media all and (min-width: 1025px) {
		.calender_ul li{position:relative;}
		.calender_ul .selected li:nth-of-type(1):after{content:"";display:inline-block;position:absolute;bottom:-10px;left:25px;width: 0;height: 0;border-style: solid;border-width: 5px 7px 0 7px;border-color: #987942 transparent transparent transparent;}
		.calender_ul li.selected:after{content:"";display:inline-block;position:absolute;bottom:-10px;left:calc(50% - 8px);width: 0;height: 0;border-style: solid;border-width: 5px 7px 0 7px;border-color: #987942 transparent transparent transparent;}
		.calender_ul li a:link{color:#2b2b2b;text-decoration:none;}
		.calender_ul li a:visited{color:#2b2b2b;text-decoration:none;}
		.calender_ul li a:hover{color:#c53170;text-decoration:none;}
		.calender_ul li a:active{color:#2b2b2b;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		.calender h3{width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
		.calender h3 span{font-size:12px;padding:5px 30px 4px 30px;line-height:150%;}
		.calender_ul li{position:relative;}
		.calender_ul .selected li:nth-of-type(1):after{content:"";display:inline-block;position:absolute;bottom:4px;left:calc(50% - 8px);width: 0;height: 0;border-style: solid;border-width: 5px 7px 0 7px;border-color: #987942 transparent transparent transparent;}
		.calender_ul li.selected:after{content:"";display:inline-block;position:absolute;bottom:4px;left:calc(50% - 8px);width: 0;height: 0;border-style: solid;border-width: 5px 7px 0 7px;border-color: #987942 transparent transparent transparent;}
		.calender_ul{padding-bottom:10px;}
		.calender_ul li .day{font-size:12px;}
		.calender_ul li .week{font-size:11px;}
		.calender_ul li a{color:#2b2b2b;text-decoration:none;display:inline-block;padding:0px 4px 10px 4px;}
	}

/*===■出勤 前の1週間/次の1週間===*/
ul.tabs{max-width:1200px;width:100%;height:auto;padding-bottom:8px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
ul.tabs li{width:auto;height:auto;margin:0px 10px;display:inline-block;cursor:pointer;background:rgb(152,121,66,0.4);}
ul.tabs li a{display:inline-block;margin:0px;padding:0px 10px;line-height:200%;color:#ffffff;}
ul.tabs li.active {background:#987942;}
	@media all and (max-width: 1024px) {
		ul.tabs{width:95%;}
	}