@charset "UTF-8";

/**
 * 出勤ページover write
 */
div.active a:hover {
	opacity: 0.6;
}
main > .responsiveBg1{
	margin-top:px;
	margin-bottom:px;
}

#scheduleDateList {
	margin-top:20px;
	margin-bottom:20px;
	display: flex;
	flex-wrap: wrap;
}
#scheduleDateList ul{
	display:flex;
	justify-content:center;
}
#scheduleDateList li {
	margin: 0;
}
#scheduleDateList li a {
	display: flex;
	border-radius: 4px;
	border-width: 0px;
	padding: 0;
	box-sizing: border-box;
	flex-wrap:wrap;
}
#scheduleDateList li a:hover {
	text-decoration:none;
}
#scheduleDateList li a > div{
	display: flex;
	width: 100%;
	/*
	min-height: 45px;
	*/
	height: auto;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	justify-content: center;
}
#scheduleDateList li a > div.monthDayWrap{
			align-items: flex-end;
				border-radius:4px;
		font-size:18px;
}
#scheduleDateList li a > div.dayOfWeekWrap{
			align-items: baseline;
				border-radius:0 0 4px 4px;
		font-size:16px;
}
.btnScheduleDay{
    position:relative;
}
.btnScheduleDay.active{
    pointer-events:none;
}
.btnScheduleDay.active:after{
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    content:'▼';
    margin:auto;
    left:0;
    right:0;
    bottom:-10px;
					}
body.sp .btnScheduleDay.active:after{
	bottom:-9px;
}
@media screen and (min-width:641px){
	#scheduleDateList {
		justify-content: center;
	}
	#scheduleDateList ul{
				max-width: calc((90px + 6px + 0px) * 7 + 60px);
		gap: 10px;
	}
	#scheduleDateList li {
		width: calc((100% - 60px) / 7);
	}
	#scheduleDateList li a {
		gap: 6px 0;
				width: 100%;
		aspect-ratio: 1 / 1;
	}
}
@media screen and (max-width: 640px) {
	.btnScheduleDay.active:after{
		bottom:-9px;
	}
	#scheduleDateList li a > div{
		padding-left:0px;
		padding-right:0px;
	}
}
[data-list^="scheduleDay"]:nth-child(n+2){
	display:none;
}
[data-list^="scheduleDay"].active{
	display:block;
}
.weekWrap a.active{
	pointer-events:none;
}
.weekWrap a.active > span{
	color:#FFFFFF;
}
.weekWrap a{
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
	/*position:relative;*/
}
	#scheduleDataWrap ul {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content:var(--parts2-listJustifyContent);
}
											
		@media screen and (min-width:641px){
		#scheduleDataWrap ul {
			gap: 20px 20px;
		}
	}
		@media screen and (max-width: 640px) {
		#scheduleDataWrap ul {
			gap: 10px 10px;
		}
	}
#scheduleDataWrap li {
		padding-bottom:0;
	position:relative;
	z-index:0;
		box-sizing:border-box;
		box-shadow: 0px 0px 8px 0px inset rgba(255,255,255,0.5);
									
				
		width:calc((100% / 5) - 16px);
		margin: 0;
	}
		#scheduleDataWrap {
		margin: 0 10px;
	}
	#scheduleDataWrap ul{
		margin-bottom:20px;
	}
#scheduleDataWrap li .img{
	position:relative;
}
#scheduleDataWrap li.noItem {
	display:block;
	width:93%;
	background-color:rgba(255,255,255,.8);
	padding-top:30px;
	padding-bottom:30px;
	color:#000000;
}

a.itemName {
	margin-top: 5px;
	display: inline-block;
	margin-bottom: 5px;
}
.scheduleData{
		background-color:rgba(255,246,251, 1);
	backdrop-filter: var(--parts3-bgEffectFilter0, none);
	border-radius:var(--parts-otherPageItemDataBorderRadius);
}
@media screen and (max-width: 640px) {
	.scheduleData{
		backdrop-filter: var(--parts3-bgEffectFilter0, none);
	}
}
.scheduleData .img img{
	object-fit:contain;
	width:100%;
	/*max-height:420px;*/
}
.scheduleData .img img:hover{
	object-fit:contain;
	max-height:100%;
}
.scheduleData .img .scheduleIconWrap img,
.scheduleData .img .itemAttributeWrap img{
	width:auto;
	max-width:100%;
}
.scheduleData.shift_out {
	display:none;
}
.shortProf{
			color:#333333;
		padding-top:5px;
		padding-bottom:0;
	
}
.shortProf > span{
	display:inline-block;
	margin:2px;
}
.itmeTodaySchedule{
	font-size:16px;
				color:#FFFFFF;
							background-color:rgba(136,136,136, 1);
		border-radius: 0px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:0px;
	margin-bottom:0px;
			width:calc(100% - 0.0px - 0.0px);
	margin-left:0.0px;
	margin-right:0.0px;
}
.shortProf > *:last-child:not(:has(.itmeTodaySchedule)){
	padding-bottom:4px;
}
.itmeTodaySchedule:not(.workNow) {
	;
}
.itmeTodaySchedule.workNow{
			color:#FFFFFF;
							background-color:rgba(118,185,240, 1);
							background-image: unset;
				;
}
@media screen and (max-width: 640px) {
	.itmeTodaySchedule{
		padding-top:4px;
		padding-bottom:4px;
		margin-top:0px;
		margin-bottom:0px;
						width:calc(100% - 0.0px - 0.0px);
		margin-left:0.0px;
		margin-right:0.0px;
	}
}
#scheduleDataWrap .img picture{
	width:100%;
	display:block;
}
#scheduleDataWrap .img a{
	width:100%;
	position:relative;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#scheduleDataWrap .img a:hover{
	text-decoration:none;
}
#scheduleDataWrap .img a.scheduleIconAnchor span{
	margin:		0 auto 0 0
	;
}
#scheduleDataWrap li .img .noImage a.imageLink{
	height:100%;
}
#scheduleDataWrap li .img a .noImage{
	width:100%;
	height:100%;
	display:inline-block;
	margin:auto;
	box-sizing:border-box;
	background-color: rgba(0,0,0,.2);
}
#scheduleDataWrap li .img a .noImage:after{
	position:absolute;
	font-size:16px;
	display:block;
	content:'No Image';
	width:100%;
	height:20px;
	color:#FFFFFF;
	line-height: 100%;
	text-align: center;
	margin: auto;
	top: 0;
	bottom: 0;
}
#scheduleDataWrap .img a > span.noImage img{
	width:100%;
	height:100%;
}
#scheduleDataWrap .img a .castImage{
	margin: 0 auto;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	width: 100%;
}
#scheduleDataWrap li .img figure {
	margin: 0 auto;
	display: inline-block;
	position: relative;
	width:100%;
}
.catchCopyWrap {
	display: block;
	text-align: center;
	min-width: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
}
#blockHeadLine .catchCopyWrap {
	position: static;
}
.catchCopy{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-weight: normal;
	line-height: 22px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 auto;
	overflow: hidden;
}
/*------ icon --------------------------------------*/
/*------ icon 新人 --------------------------------------*/
#scheduleAllBody .scheduleIconWrap{
	/*width:calc(100% - 10px);*/
	width:100%;
}

/*-- コンテンツ件数 --------------------------------*/
.itemContentsCounter {
	margin-top: 5px;
}
.itemContentsCounter .photoMailDiaryCount,
.itemContentsCounter .reviewCounter {
	display: inline-block;
	white-space: nowrap;
	margin: 0 4px;
}

/* sp */
body.sp #scheduleDataWrap {
	width:100%;
}
body.sp #scheduleDataWrap ul{
	width: 100%;
}
body.sp #scheduleDataWrap li {
		box-shadow: 0px 0px 8px 0px inset rgba(255,255,255,0.5);
									
		width: calc(100% / 2 - 5px);
		margin:0px;
	}
	body.sp #scheduleDataWrap {
		margin:0;
	}
	body.sp #scheduleDataWrap ul{
		margin-bottom:10px;
	}
body.sp #scheduleDataWrap li .img a > img.castImage {
	margin: 0 auto;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	width: 100%;
}
body.sp #scheduleDataWrap li.noItem {
	width:100%;
}
body.sp #scheduleBody .scheduleIconWrap{
	width:100%;
}
body.sp .weekWrap{
	margin-top:10px;
}
body.sp #scheduleAllBody .scheduleIconWrap{
	width:150px;
}

@media screen and (max-width: 640px) {
	#scheduleDateList {
		margin-top:10px;
		margin-bottom: 10px;
	}
	#scheduleDateList ul {
		padding: 10px 1px 10px 0;
		margin:auto;
		width:calc(100% - 30px);
		min-width:350px;
		justify-content: end;
		overflow-x: auto;
		overflow-y: hidden;
	}
	#scheduleDateList li {
		margin: 0;
		margin-right:3px;
	}
	#scheduleDateList li:last-child {
		margin-right:0px;
	}
	#scheduleDateList li a {
		font-size:0.7em;
		text-align:center;
		min-width: 45px;
					width:auto;
			height:auto;
			min-height:45px;
				white-space:nowrap;
		padding: 0px;
		gap:2px 0;
	}
	#scheduleDateList li a > div{
		/*min-height: 25px;*/
		height: auto;
	}
	#scheduleDateList li a > div.monthDayWrap{
		font-size:14px;
	}
	#scheduleDateList li a > div.dayOfWeekWrap{
		font-size:10px;
	}
				
	#scheduleDataWrap {
    	width:100%;
	}
    #scheduleDataWrap ul{
    	width: 100%;
    }
    #scheduleDataWrap li {
				box-shadow: 0px 0px 8px 0px inset rgba(255,255,255,0.5);
									width: calc(100% / 2 - 5px);
			margin:0px;
			}
				#scheduleDataWrap {
			margin:0;
		}
		#scheduleDataWrap ul{
			margin-bottom:10px;
		}
		#scheduleDataWrap li .img a > img {
		/*width: 100%;*/
		max-width:100%;
		height: auto;
	}
	#scheduleDataWrap li.noItem {
		width:100%;
	}
	#scheduleBody .scheduleIconWrap{
		width:100%;
	}
	.weekWrap{
		margin-top:10px;
	}
	#scheduleAllBody .scheduleIconWrap{
		width:150px;
	}
}

/*ページタイトル*/
.pageTitle:after{
										}

/* ajax loading*/
#scheduleDataWrap .contents{
	position:relative;
	width:100%;
	min-height:200px;
}
#scheduleDataWrap .contents #ajaxLoading{
	position:absolute;
	width:100%;
	height:100%;
	z-index:9;
}

/* 月日の表示形式 */
.monthDayWrap > span:after{
	display:inline-block;
}
.weekBtnMonthDayType0 > span.month:after{
	content:'月';
}
.weekBtnMonthDayType0 > span.day:after{
	content:'日';
}
.weekBtnMonthDayType1 > span.month:after{
	content:'/';
}
.weekBtnMonthDayType2 > span.month:after{
	content:'.';
}
/* 曜日を囲う記号 */
.dayOfWeekWrap > span:before,
.dayOfWeekWrap > span:after{
	display:inline-block;
}
.weekBtnDayOfWeekParenthesisType1:before{
	content:'（';
	}
.weekBtnDayOfWeekParenthesisType1:after{
	content:'）';
	}
.weekBtnDayOfWeekParenthesisType2:before{
	content:'[';
	}
.weekBtnDayOfWeekParenthesisType2:after{
	content:']';
	}
.activeDateWrap .weekBtnDayOfWeekParenthesisType0{
    margin-left: 5px;
}
.activeDateWrap {
	text-align: left;
	margin: 10px auto 0 auto;
	padding: 5px 3px;
	box-sizing: border-box;
	font-size:16px;
	color:#333333;
	border-bottom:1px solid #333333;
}
body.sp .activeDateWrap{
	font-size:16px;
}
@media screen and (max-width: 640px) {
	.activeDateWrap{
		font-size:16px;
	}
}
#scheduleDataWrap .itemAttributeWrap{
	width:100%;
			text-align:center;
}
.itemAttributeWrap .itemAttribute.itemAttributeDisplayModeR{
		margin:5px 5px 0 5px;
	}
/* icon position */
#scheduleDataWrap .iconPosition > .newFaceIcon,
#scheduleDataWrap .iconPosition > .newFaceIconImage{
							left:0%;
							top:0%;
			bottom:unset;
					}
#scheduleDataWrap .iconPosition > .newFaceIconImage {
	object-fit: unset;
	width: unset;
}
#scheduleDataWrap .iconPosition > .newFaceIcon.triangle {
	border-width: 0px;
				border-color: #DB3E3E transparent transparent transparent;
		
}
#scheduleDataWrap .iconPosition > .newFaceIcon.triangle > span {
	display: none;
				color: #FFFFFF;
	}

#scheduleDataWrap .shortProfWrap .itemName ruby .rt ,
#scheduleDataWrap .shortProfWrap .itemName ruby rt {
	font-size:8px;
}

/* シフト切り替え表示 */
[class^=switchShiftTitle] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	width: 100%;
	padding: 0px;
	margin: 0px auto 15px auto;
	box-sizing: border-box;
}
[class^=switchShiftTitle].noSchedule {
	cursor: unset;
	pointer-events:none;
	user-select: none;
}
[class^=switchShiftTitle] > div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	border: 1px solid !important;
	border-color:rgba(0,0,0,1) !important;
	box-sizing: border-box;
}
[class^=switchShiftTitle] > div:not(.shiftTitle_all) {
	color: #000000 !important;
	background-color: #FFFFFF !important;
}
[class^=switchShiftTitle] > div.active {
	color: #FFFFFF !important;
	background-color: #000000 !important;
}
[class^=switchShiftTitle] > div:not(.active) {
	cursor: pointer;
}
[class^=switchShiftTitle] .shiftTitle_all{
	color: #000000;
	background-color: #FFFFFF;
}
[class^=switchShiftTitle] > div > span {
	padding: 10px 0px;
	user-select: none;
}
@media screen and (max-width: 640px) {
	[class^=switchShiftTitle] {
		margin: 0px auto 5px auto;
	}
}

/* 出勤アイコン切り替え表示 */
[class^=switchScheduleIconTitle] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	width: 100%;
	padding: 0px;
	margin: 0px auto 15px auto;
	box-sizing: border-box;
}
[class^=switchScheduleIconTitle].noSchedule {
	cursor: unset;
	pointer-events:none;
	user-select: none;
}
[class^=switchScheduleIconTitle] > div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	border: 1px solid !important;
	border-color:rgba(0,0,0,1) !important;
	box-sizing: border-box;
}
[class^=switchScheduleIconTitle] > div:not(.scheduleTitle_all) {
		color: #000000 !important;
			background-color: #FFFFFF !important;
	}
[class^=switchScheduleIconTitle] > div.active {
	color: #FFFFFF !important;
	background-color: #000000 !important;
}
[class^=switchScheduleIconTitle] > div:not(.active) {
	cursor: pointer;
}
[class^=switchScheduleIconTitle] .scheduleTitle_all{
	color: #000000;
	background-color: #FFFFFF;
}
[class^=switchScheduleIconTitle] > div > span {
	padding: 10px 0px;
	user-select: none;
}
@media screen and (max-width: 640px) {
	[class^=switchScheduleIconTitle] {
		margin: 0px auto 5px auto;
	}
}

/* 出勤アイコンボタン色 */
#scheduleAllBody .table .th.btnScheduleDay {
				border-color: #A6B7D1;
		color: #FFFFFF;
		background-color:#B6A6AA;
							background-image:unset;
			}
#scheduleAllBody .table .sat .th.btnScheduleDay {
				border-color: #A6B7D1;
		color: #FFFFFF;
		background-color:#8AAAF4;
							background-image:unset;
			}
#scheduleAllBody .table .sun .th.btnScheduleDay {
				border-color: #A6B7D1;
		color: #FFFFFF;
		background-color:#F682DC;
							background-image:unset;
			}
#scheduleAllBody .table .th.btnScheduleDay.active {
				border-color: #A6B7D1;
		color: #FFFFFF;
	background-color:#22B1CB;
				background-image:unset;
	}

/* 縦に並べて表示レイアウト */
.weekWrap:has( + #scheduleDataWrap.layout1 #scheduleDay1) {
	margin-bottom: 10px;
}
#scheduleDataWrap.layout1 ul {
	margin-bottom: 25px;
}
#scheduleDataWrap.layout1 li.noItem.off {
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 0px;
}
#scheduleDataWrap.layout1 [data-setoptimage]:not(:has(.scheduleData, .noItem)) {
	display: none !important;
}
#scheduleDataWrap.layout1 .scheduleDayTitle {
	display: flex;
	align-items: center;
	justify-content: center;
				border: 0px solid #A6B7D1;
		color: #FFFFFF;
		background-color:#B6A6AA;
							background-image:unset;
				border-radius:4px;
	padding: 10px;
}
#scheduleDataWrap.layout1 .scheduleDayTitle.sat {
				border-color: #A6B7D1;
		color: #FFFFFF;
		background-color:#8AAAF4;
							background-image:unset;
			}
#scheduleDataWrap.layout1 .scheduleDayTitle.sun {
				border-color: #A6B7D1;
		color: #FFFFFF;
		background-color:#F682DC;
							background-image:unset;
			}
#scheduleDataWrap.layout1 .scheduleDayTitle .monthDayWrap {
	font-size:18px;
	margin-right: 6px;
}
#scheduleDataWrap.layout1 .scheduleDayTitle .dayOfWeekWrap {
	font-size:16px;
}
#scheduleDataWrap.layout1 .scheduleDayTitle,
#scheduleDataWrap.layout1 .shiftTitle,
#scheduleDataWrap.layout1 .scheduleTitle,
#scheduleDataWrap.layout1 .courseTitle {
	margin: 0px auto 15px;
}
#scheduleDataWrap.layout1 .shiftTitle,
#scheduleDataWrap.layout1 .scheduleTitle,
#scheduleDataWrap.layout1 .courseTitle {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 98%;
	padding: 10px;
}
#scheduleDataWrap.layout1 .shiftTitle {
	color: #000000;
	background-color: #FFFFFF;
	border-color:rgba(0,0,0,1);
	border-width: 1px;
	border-style: solid;
}
#scheduleDataWrap.layout1 .shiftTitle + .scheduleTitle,
#scheduleDataWrap.layout1 .shiftTitle + .courseTitle {
	width: 96%;
}
#scheduleDataWrap.layout1 .scheduleTitle {
	border-color:rgba(0,0,0,1) !important;
}	
#scheduleDataWrap.layout1 .scheduleTitle:not(.scheduleTitle_other) {
			color: #000000 !important;
				background-color: #FFFFFF !important;
	}
@media screen and (max-width: 640px) {
	#scheduleDataWrap.layout1 .scheduleDayTitle,
	#scheduleDataWrap.layout1 .shiftTitle,
	#scheduleDataWrap.layout1 .scheduleTitle,
	#scheduleDataWrap.layout1 .courseTitle {
		margin-bottom: 10px;
	}
	#scheduleDataWrap.layout1 .shiftTitle,
	#scheduleDataWrap.layout1 .scheduleTitle,
	#scheduleDataWrap.layout1 .courseTitle {
		width: 96%;
	}
	#scheduleDataWrap.layout1 .shiftTitle + .scheduleTitle,
	#scheduleDataWrap.layout1 .shiftTitle + .courseTitle {
		width: 92%;
	}
	#scheduleDataWrap.layout1 ul {
		margin-bottom: 20px !important;
	}
	#scheduleDataWrap.layout1 li.noItem.off {
		width: 95%;
	}
	#scheduleDataWrap.layout1 .scheduleDayTitle .monthDayWrap {
		font-size:14px;
		margin-right: 2px;
	}
	#scheduleDataWrap.layout1 .scheduleDayTitle .dayOfWeekWrap {
		font-size:10px;
	}
}