/********* スケジュール *************************************************/
.schedule{
	overflow:hidden;
}
.schedule.list{
	padding-bottom: 40px;
}
.news.top h2,
.schedule.list h2{
	background:none;
	font-size:30px;
	border:0;
	padding:0;
	height:50px;
}
.news.top h2 i,
.schedule.list h2 i{
	color: var(--main-color);
}
.news.top h2 span,
.schedule.list h2 span{
	font-size:18px;
}
.news.top h2 a,
.schedule.list h2 a{
	float:right;
	border-radius:5px;
	height:50px;
	padding:0 20px;
	font-weight:700;
	line-height:50px;
	font-size:15px;
	background:#222;
	color:#fff;
}
.schedule.list h2 a:hover{
	background: var(--main-color);
	color:#fff;
	border:0;
	opacity:1;
}

.schedule.list .cal_navi{
	width:50%;
	margin:0 auto;
	text-align:center;
	font-size: 18px;
	font-weight:bold;
	margin-bottom:10px;
}
.schedule.list .cal_navi a{
	margin:0 10px;
	text-decoration:none;
}
.schedule.list .cal {
	display: block;
	margin: 0 auto;
}


.schedule.list .cal a {
	text-decoration: none;
}

.schedule.list .cal{
	width:100%;
	border-collapse: separate;
	border-spacing: 1px;
	background:#ebebeb;
}
.schedule.list .cal .flexTr{
    margin-bottom: 0;
}
.schedule.list .cal .flexTh,
.schedule.list .cal .flexTd {
	text-align: center;
	width:calc(100% / 7);
	border:1px solid #eee;
}
.schedule.list .cal .flexTd a{
	display: block;
}
.schedule.list .cal .flexTd a{
	padding:3px;
	margin:2px 0;
}
.schedule.list .cal .flexTh {
	padding:3px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 700;
	color: #696969;
	text-transform: uppercase;
	background: #eee;
}

.schedule.list .cal .flexTd {
	min-height:100px;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	padding:3px;
	padding-bottom:30px;
	position: relative;
	background-color: #fff;
	display: inline-block;
    height: auto;
}
.schedule.list .cal .flexTd a{
	font-size:12px;
}
.schedule.list .cal .flexTh.week0,
.schedule.list .cal .flexTd.week0{
	color:#c00;
}
.schedule.list .cal .flexTh.week6,
.schedule.list .cal .flexTd.week6{
	color:#005DBF;
}
.schedule.list .cal .flexTd.today{
	background:#fffae5;
	color:#111;
}
.schedule.list .cal .flexTd.blank{
	background:#f6f6f6;
}

.schedule.list .cal .flexTd a.item{
	color:#111;
	border-radius:5px;
	white-space: nowrap;
	overflow-x:hidden;
}
.schedule.list .cal .flexTd a.item:hover{
	opacity:0.7;
}
.schedule.list .cal .flexTd a.item.close:hover{
	background:#bbb;
}

.schedule.list li{
	float:left;
	margin-right:20px
}

.schedule.list .iconList{
	font-size:12px;
	padding:10px;
}

/****アイコン****/
.schedule.list .icon_box{
	display:inline-block;
	width:14px;
	height:14px;
	border-radius:3px;
}
.schedule.list .icon_box.status{
	float:left;
	margin-left:1px;
	margin-right:3px;
}
.schedule.list .icon_box.staff{
	float:right;
	margin-right:1px;
}
.schedule.list .icon_box.account{
	float:right;
	margin-right:1px;
}
.schedule.list .icon{
	margin:0;
	width:14px;
	height:14px;
	text-align:center;
	border-radius:3px;
	display:inline-block;
	font-size:10px;
}
.schedule.list .icon:before{
	width:14px;
	height:14px;
}

/***ステータス　カラー***/
.schedule.list .icon.full{
	background:#c00;
}
.schedule.list .icon.vacant{
	background:#4BC4E1;
}
.schedule.list .icon.entry{
	background:#41BB0C;
}
.schedule.list .icon.wait{
	background:#FEC800;
}
.schedule.list .icon.undecided{
	background:#aaa;
}
.schedule.list .icon.close{
	background:#aaa;
}
.schedule.list .icon.status:before{
	color:#fff;
}
.schedule.list .icon.full:before{
	content:"満"
}
.schedule.list .icon.vacant:before{
	content:"空"
}
.schedule.list .icon.entry:before{
	content:"参"
}
.schedule.list .icon.wait:before{
	content:"待"
}
.schedule.list .icon.undecided:before{
	content:"未"
}
.schedule.list .icon.close:before{
	content:"終"
}

.schedule.list .icon:before{
	vertical-align:middle;
}
.schedule.list .icon.staff{
	color:#c00;
	float:left;
}
.schedule.list .icon.staff.mine{
	color:#41BB0C;
}
.schedule.list .icon.unpaid{
	color:#fff;
	background:#333;
}
.schedule.list .icon.unpaid.mine{
	background:#FFF232;
}


.schedule.list .cal .flexTd .plan_time{
	background:#fff;
	border-radius:3px;
	width:100%;
	display:block;
	color:#111;
	text-align:center;
}

.schedule.list .cal .flexTd .sp{
	display:none;
}
.schedule.list .cal .flexTd button{
	width:20px;
	height:20px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	position:absolute;
	padding:0;
	bottom:0;
	right:0;
	color:#666;
	border-radius:5px;
	background:#f8f8f8;
	margin:3px;
	border: 1px solid #e6e6e6;
}
.schedule.list .cal .flexTd button i{
	margin:0;
}

/*詳細*/
.schedule.view>div{
	float:left;
}
.schedule.view .info{
	width:610px;
	margin-right:20px;
}
.schedule.view .plan,
.schedule.view .basic,
.schedule.view .detail,
.schedule.view .place{
	width:100%;
}
.schedule.view .entry,
.schedule.view .menber{
	width:350px;
}
.schedule.view .plan{
	margin-bottom:20px;
}
.schedule.view .info .basic{
	padding:10px;
	overflow:hidden;
	background:#E2F4F7;
}
.schedule.view .info .basic>div{
	height:140px;
	float:left;
}
.schedule.view .info .basic .left_box{
	width:140px;
	text-align:center;
	background:#fff;
}
.schedule.view .info .basic .left_box div{
	font-weight:bold;
}
.schedule.view .info .basic .left_box .date{
	font-size:30px;
	line-height:40px;
	margin-top:25px;
}
.schedule.view .info .basic .left_box .week{
	font-size:15px;
	line-height:20px;
}
.schedule.view .info .basic .left_box .city{
	font-size:13px;
	line-height:40px;
}
.schedule.view .info .basic .right_box{
	position:relative;
	width:450px;
	text-align:center;
}
.schedule.view .info .basic .right_box h2{
	background:none;
	border:0;
	padding:0;
	font-size:25px;
	font-weight:normal;
	text-align:left;
	margin:30px 0 0 80px;
	display:inline-block;
	float:left;
}
.schedule.view .info .basic .right_box>span{
	width:150px;
	height:30px;
	display:inline-block;
	line-height:28px;
	border-radius:30px;
	font-size:14px;
	color:#FFB853;
	border:2px solid #FFB853;
	background:#fff;
	position:absolute;
	top:0;
	left:10px;
}
.schedule.view .info .basic .right_box h2 span{
	font-size:12px;
	position:absolute;
	bottom:-30px;
	right:0;
}
.schedule.view .editControl ul{
	padding:0;
	position:absolute;
	right:0;
}


.schedule.view .detail{
	background:#F6F6F6;
}

.schedule.view .place>div{
	background:#F6F6F6;
}
.schedule.view h3{
	height:40px;
	margin:0 0 10px;
	font-size:22px;
}
.schedule.view h3 a{
	float:right;
	border-radius:5px;
	height:40px;
	padding:0 20px;
	font-weight:700;
	line-height:40px;
	font-size:12px;
	border:1px solid #111;
	color:#111;
}
.schedule.view h3 a:hover{
	background: var(--main-color);
	color:#fff;
	border:0;
	opacity:1;
}
.schedule.view #map{
	height:300px;
}
.schedule.view .entry>div{
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom:1px solid #CCCCCC;
}
.schedule.view .entry_form>div,
.schedule.view .entry_info>div{
	padding:0 20px;
}

.schedule.view .entry_message{
	border-radius:5px;
	border:2px solid var(--main-color);
	background:#fff;
	text-align:center;
	padding:10px;
	margin:15px 0;
}
.schedule.view .entry_info ul{
	width:100%;
	border-radius:5px;
	border:2px solid var(--main-color);
	background:#fff;
	overflow:hidden;
}
.schedule.view .entry_info dl{
	text-align:center;
	overflow:hidden;
}
.schedule.view .entry_info dt,
.schedule.view .entry_info dd{
	width:50%;
	float:left;
	padding:5px;
}
.schedule.view .entry_info dt{
	border-right:1px solid var(--main-color);
	color : var(--main-color);
	background:#E2F4F7;
	font-weight : bold;
}
.schedule.view .entry_info li{
	border-bottom:1px solid var(--main-color);
}
.schedule.view .entry_info li:last-child{
	border-bottom:0;
}
.schedule.view .entry_form .number input{
	text-align:center;
}
.schedule.view .entry .entry_form{
	color : #222;
}
.schedule.view .entry .entry_form ul{
	width:100%;
	border:2px solid #FFB853;
	border-radius:5px;
	margin-bottom:10px;
	background:#fff;
	display:table;
	overflow:hidden;
}
.schedule.view .entry .entry_form li{
	text-align:center;
	width:50%;
	padding:5px;
	border-bottom:0;
	display:table-cell;
}
.schedule.view .entry .entry_form th{
	width:50%;
	border-right:1px solid #FFB853;
}
.schedule.view .entry .entry_form li:first-child{
	border-right:1px solid #FFB853;
	color : #FFB853;
	background:#FCF2D5;
	font-weight : bold;
}

.schedule.view .entry .submit.cancel{
	background:#009CF0;
	border-bottom:3px solid #006399;
}
.schedule.view .entry .submit.cancel:hover{
	background:#006399;
	border-bottom:0;
	border-top:3px solid #004266;
}

.schedule.view .entry textarea{
	border-radius:5px;
	background:#fff;
	padding:5px;
	border:2px solid #FFB853;
}

.schedule.view .entry .entry_form ul.user_login{
	border:0;
	background:none;
}
.schedule.view .entry .entry_form ul.user_login li{
	border:0;
	background:none;
	display:block;
	float:left;
}
.schedule.view .entry_menber li.members div.name p {
    color: #d3b572;
}
.schedule.view .entry_form ul.user_login li a{
	color:#fff;
	background:#009CF0;
	border-bottom:3px solid #006399;
	border-radius:5px;
	display:block;
	width:100%;
	padding:10px;
	text-decoration:none;
}
.schedule.view .entry_form ul.user_login li a:hover{
	background:#006399;
	border-bottom:0;
	border-top:3px solid #004266;
}
.schedule.view .entry_form ul.user_login li a.login{
	background:var(--btn-color);
	border-bottom: 3px solid #994600;
}
.schedule.view .entry_form ul.user_login li a.login:hover{
	background:#994600;
	border-top:3px solid #662f00;
	border-bottom:0;
}
.schedule.view .entry_menber{
	margin-top:20px;
}
.schedule.view .entry_menber li{
	background:#fff;
	border:1px solid #ebebeb;
	overflow:hidden;
	margin:5px 0;
}
.schedule.view .entry_menber li div{
	padding:9px;
	float:left;
}
.schedule.view .entry_menber li div.name{
	width:45%;
}
.schedule.view .entry_menber li div.number{
	width:15%;
	text-align:center;
	line-height:37px;
}
.schedule.view .entry_menber li div.status{
	width:40%;
}

.schedule.view .entry_menber li div.comment{
	width:100%;
	background:#f5f5f5;
	font-size:11px;
}
.schedule.view .entry_menber li div.name,
.schedule.view .entry_menber li div.number,
.schedule.view .entry_menber li div.status{
	height:55px;
}
.schedule.view .entry_menber li div.name p{
	font-weight:bold;
	color:#3A7E93;
}
.schedule.view .entry_menber li div.name span{
	color:#888;
	font-size:11px;
}
.schedule.view .entry_menber li div.number span{
	font-size:1.1rem;
}
.schedule.view .entry_menber li div.status span{
	border-radius:5px;
	padding:6px 0;
	margin:0 auto;
	text-align:center;
	display:block;
	background:#F94444;
	color:#fff;
}
.schedule.view .entry_menber li div.status span.cancel{
	background:#AFAFAF;
}
.schedule.view .entry_menber li div.status span.wait{
	background:#FEC800;
}

.schedule.view .count{
	width:100%;
	margin-top:30px;
}
.schedule.view .count ul{
	width:40%;
	margin-left:60%;
}

.schedule.view .count li{
	overflow:hidden;
	border-bottom:1px solid #bbb;
	margin-bottom:10px;
}
.schedule.view .count dt{
	width:50%;
}
.schedule.view .count dd{
	width:40%;
	text-align:right;
}
.schedule.view .count dd.yen{
	width:10%;
}
.schedule.view .count dt,
.schedule.view .count dd{
	float:left;
	color:#666;
}


input.on-off{
	display:none;
}
/*編集*/
.schedule.edit>div{
	margin:0 100px;
	background:#f5f5f5;
}
.schedule.edit>div .submit{
	width:60%;
	margin:10px 20%;
}
.schedule.delete>div{
	width:80%;
	margin:20px 10%;
}
.schedule.delete>div ul{
	margin-bottom:20px;
}
.schedule.delete>div table{
	background:#f3f3f3;
}
.schedule.delete>div form{
	width:50%;
	margin:0 25%;
}