@charset "utf-8";

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	base

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	word-break: break-all;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	header

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.header .inner .logo img {
	width:80%;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	footer

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.footer {
	padding:20px 0 100px;
}
.footer .inner {
	justify-content: space-between;
	width:90%;
}
.footer .inner_col3 {
	width:90%;
}
.footer .inner a {
	width:48%;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 4%;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222 !important;
    font-size: 22px;
    text-decoration: none;
    padding: 10px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff !important;
    font-size: 22px;
    text-decoration: none;
    padding: 10px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	共通

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.contents .inner {
	width:90%;
}
.contents .inner h2 {
	font-size:30px;
}
.contents .inner h3 {
	font-size:20px;
}
.btnWrap_back {
	margin:10px auto 0;
	width:90%;
	justify-content: flex-end;
}
.btnWrap_back a {
	min-width:5em;
}

.btnWrap_fixed {
	justify-content: flex-start;
	margin-left:-5%;
	width:100%;
}
.btnWrap_fixed input {
  font-family : inherit;
  font-size   : 100%;
}
.btnWrap_fixed p {
	margin:0 5px;
}
.btnWrap_fixed p:first-child {
	margin-left:5%;
}
.btnWrap_fixed input[type = "submit"]{
  margin: 10px auto;
}

.btnWrap_fixed input.hozon[type = "submit"]{
  width: 5.5em;
  height:60px;
	line-height:1;
}
.btnWrap_fixed input.seisou[type = "submit"]{
  width: 5.5em;
  height:60px;
	line-height:1;
}
.btnWrap_fixed input.saiyomi[type = "submit"]{
  width: 50px;
  height:60px;
	font-size:30px;
	line-height:1;
}
.btnWrap_fixed input[type = "button"]{
  margin: 10px auto;
}

.btnWrap_fixed input.hozon[type = "button"]{
  width: 5.5em;
  height:60px;
	line-height:1;
}
.btnWrap_fixed input.seisou[type = "button"]{
  width: 5.5em;
  height:60px;
	line-height:1;
}
.btnWrap_fixed input.saiyomi[type = "button"]{
  width: 50px;
  height:60px;
	font-size:30px;
	line-height:1;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	アコーディオン

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
    .acdWrap {
      margin:0 0;
    }
    .acd-check{
      display: none;
    }
    .acd-label{
      display:block;
      padding: 0 0;
    }
    .acd-label h2 {
	font-size:24px !important;
	background:#3aab9a url(../img/acd_ic_open.png) no-repeat ;
	background-size: 6vw 6vw;
	background-position:right 2vw center;
}
    .acd-label h3 {
	font-size:20px !important;
	/*background:#0477ba url(../img/acd_ic_open.png) no-repeat ;*/
        background-color:#0477ba;
	background-size: 6vw 6vw;
	background-position:right 2vw center;
}
    .acd-content{
      display: none;
      height: 0;
      opacity: 0;
      transition: all 0.5s 0s ease;
      visibility: hidden;
    }
    .acd-check:checked + .acd-label h2 {
	background:#3aab9a url(../img/acd_ic_close.png) no-repeat ;
	background-size: 6vw 6vw;
	background-position:right 2vw center;
}
    .acd-check:checked + .acd-label h3 {
	background:#0477ba url(../img/acd_ic_close.png) no-repeat ;
	background-size: 6vw 6vw;
	background-position:right 2vw center;
}
    .acd-check:checked + .acd-label + .acd-content{
      display:block;
      height:auto;
      opacity: 1;
      padding: 0 0;
      visibility: visible;
    }

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	〇〇〇〇〇〇ホテル様

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.sec_user {
	margin:10px auto 0;
	width:90%;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	sec_login

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	状態

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.statusWrap {
	font-size:90%;
}
.statusWrap ol {
	justify-content: space-between;
}
.statusWrap ol li {
	margin-top:10px;
	width:47%;
}
.calendar_month_select {
	margin:40px 20% 0;
	font-size:40px;
}
.calendar_month_select .thismonth {
	font-size:30px;
}
.calendar_month_select a {
	display:block;
	padding:0 10px 10px;
	box-shadow:3px 3px 1px #ccc;
}
.statusWrap ul.day_color li {
	margin-top:5px;
}
.statusWrap ul.day_color.day_color_calendar {
	flex-direction: column;
}
.statusWrap ul.day_color.day_color_calendar li {
	width:100%;
}
.statusWrap ul.day_color.day_color_calendar li span {
	float:right;
	width:35%;
}
.statusWrap ul.other_word {
	flex-direction: column;
}
.statusWrap ul.other_word li {
	width:100%;
}
.statusWrap .eng {
	font-size:100%;
}
.calendar_month_select {
	margin:40px 20% 0;
	font-size:40px;
}
.calendar_month_select .thismonth {
	font-size:30px;
}
.calendar_month_select a {
	display:block;
	padding:0 10px 10px;
	box-shadow:3px 3px 1px #ccc;
}
.statusWrap ul.check_status {
	justify-content: space-between;
	text-align:center;
	background:url(../img/cleaning_check_status_arrow.png) no-repeat center 60px;
	background-size:40% auto;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	本日の仕事一覧

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.sec_joblist .inner {
	padding:25px 0 ;
}
.joblist_title_Wrap .tx {
	margin-top:5px;
	font-size:14px;
}

.joblistWrap {
	padding:10px 0;
}
.joblistWrap .job_info {
	width:63%;
}
.joblistWrap .job_btn {
	width:37%;
}
.joblistWrap .name {
	font-size:22px;
}
.joblistWrap .txt {
	font-size:14px;
}
.joblistWrap .job_info .status {
	/* font-size:14px; */
	font-size:13px;
	white-space: nowrap; /* 20230209*/
}
.joblistWrap .job_info .alert {
	font-size:18px;
}
.joblistWrap .job_btn a {
	width:auto;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	仕事詳細

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
h3.detail_h3 {
	margin:0 5% 20px !important;
}
.customer_ph li {
	width:47%;
}
.bg_yellow {
	background-color:#ffe53a;
}

.detailWrap {
	margin:0 5% 30px;
	padding:10px 10px;
}
.detailWrapTable th {
	padding:5px 0;
	font-size:12px;
}
.detailWrapTable td {
	padding:5px 0;
	font-size:12px;
}
.detailWrapTable td.detailWrapTable_user {
padding:0 10px;
}
.detailWrapTable .detailWrapTable_irai {
	width:60px;
}
.detailWrapTable .detailWrapTable_user {
	width: calc(100% - 120px);
}
.detailWrapTable .detailWrapTable_check {
	width:60px;
}
.detailWrapTable .detailWrapTable_option {
	width:60px;
}
.detailWrapTable .detailWrapTable_option2 {
	width: calc(100% - 120px);
}
.detailWrapTable .detailWrapTable_option3 {
	width:60px;
}
.detailWrapTable_irai ul.cleaning_type {
	width:60px;
}
.detailWrapTable_irai ul.cleaning_type li {
	width:60px;
}
.detailWrapTable_irai ul.cleaning_type li span {
	padding:20px 0 20px;
}
.detailWrapTable_irai ul.cleaning_option {
	width:60px;
}
.detailWrapTable_irai ul.cleaning_option li {
	width:60px;
}
.detailWrapTable_irai ul.cleaning_option li span {
	padding:20px 0 20px;
}
.detailWrapTable_irai ul.cleaning_check {
	width:60px;
}
.detailWrapTable_irai ul.cleaning_check li {
	width:60px;
}
.detailWrapTable_irai ul.cleaning_check li span {
	padding:20px 0 20px;
}

input[type=checkbox] + label::before {
    width: 55px;
    height: 58px;
}
input[type=checkbox]:checked + label::before {
    width: 55px;
    height: 58px;
}
/*------------------------------
 * 追加CSS： 2025/02/25
 *----------------------------*/
.sec_top .inner {
  padding:50px 10px;
  background:#fff;
}
.login-box {
  flex-direction: column;
}
a.btn-b,
a.btn-c {
font-size: 1.25rem;
padding: 2rem 0 1rem;
}