@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 120px;
}
.footer .inner {
	justify-content: space-between;
}
.footer .inner a {
	width:48%;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 3%;
}
.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:22px;
}
.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 p {
	margin:0 10px;
}
.btnWrap_fixed p:first-child {
	margin-left:5%;
}
.btnWrap_fixed input[type = "submit"]{
  width: 7em;
}
.btnWrap_fixed input[type = "button"]{
  width: 8em;
}

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

	アコーディオン

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
    .acdWrap {
      margin:0 0;
    }
    .acd-check{
      display: none;
    }
    .acd-label{
      display:block;
      padding: 0 0;
    }
    .acd-label h2 {
	font-size:24px !important;
	background:#0051ad url(../img/acd_ic_open.png) no-repeat ;
	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:#0051ad 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;
}

.mv_hotel {
	padding:80px 0 0 0 ;
}

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

	カレンダー

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.sec_calendar .inner {
	padding:20px 0 ;
	width:90%;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	状態

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.statusWrap {
	font-size:90%;
}
.statusWrap ol {
	justify-content: space-between;
}
.statusWrap ol li {
	margin-top:10px;
	width:33%;
}
.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;
}
.calendar_list a {
	display:flex;
	justify-content: space-between;
	padding:15px 10px;
	font-size:12px;
}
.statusWrap ul.day_color li {
	margin-top:5px;
}
.statusWrap ul.cleaning_type li {
	margin-top:5px;
	width:25%;
}
.statusWrap ul.cleaning_type li span {
	width:90%;
}
.statusWrap ul.room_status li {
	margin-top:5px;
	width:47%;
}
.statusWrap ul.room_status li span {
	display:block;
	padding:5px 0;
	text-indent:0.5em;
	width:100%;
}
.statusWrap ul.cleaning_option li {
	margin-top:5px;
	width:25%;
	font-size:10px;
}
.statusWrap ul.cleaning_option li span {
	font-size:14px;
	width:90%;
}
.statusWrap ul.check_status li {
	margin-top:5px;
	width:25%;
}
.statusWrap ul.check_status li span {
	width:90%;
}

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

	依頼

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

.sec_request .selectWrap select {
  border-radius: 0;
  width:80%;
  height:50px;
}

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

	依頼　アイコンリスト

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.typeWrapTable {
	flex-direction: column;
}
.typeWrapTable .typeWrapTable2 {
	margin-top:20px;
}
.typeWrapTable .typeWrapTable3 {
	margin-top:20px;
}
.typeWrap ul.cleaning_type li {
	margin-right:8px;
	width:64px;
}
.typeWrap ul.cleaning_option li {
	margin-right:8px;
	width:64px;
}

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

	清掃スタッフ

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.staffDetail .ph img {
	max-width:100%;
}
.sec_staff .inner .yoroshiku {
	font-size:18px;
}