@charset "UTF-8";
/* CSS Document */

/*----------------------------------

出勤表
 
---------------------------------- */
.cal_bg {
	margin-bottom: 3%;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.cal_bg div{
    float: left;
	width: 13%;
	margin-right: 1.5%;
    font-size: calc(6 * ((100vw - 320px) / 1600) + 10px);
}
.cal_bg div a{
    line-height: 1.6em;
    padding: 5% 0;
	display: block;
	color: #1b1b1b;
	text-align: center;
	font-weight: bold;
	box-shadow: inset 0 0 2px rgba(0,0,0,.3);
}
.cal_bg div:last-child{ margin-right: 0; }
.date a { background-color: #fff; }
.date_on a { background-color: #ff97cc; }
.date a:hover{ background: #ff97cc; }
/*.today_date {
	background-image: url(../img/schedule/today_line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}
.sch_time  { color: #FF0; }*/
#bg_type_cation { margin-bottom: 5%}
#bg_type_cation h3 {
    overflow: hidden;
    text-align: center;
    color: #da0000;
    font-size: calc(6 * ((100vw - 320px) / 1600) + 18px);
    margin-bottom: 2%;
    background: #e9e7da;
}
#bg_type_cation h3 .titleWrap {
    position: relative;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    text-align: center;
}
#bg_type_cation h3 .titleWrap::before,
#bg_type_cation h3 .titleWrap::after {
    position: absolute;
    top: 50%;
    content: '';
    width: 400%;
    height: 1px;
    background-color: #da0000;
}
#bg_type_cation h3 .titleWrap::before { right: 100%; }
#bg_type_cation h3 .titleWrap::after { left: 100%; }

#newslist ul { margin: 0; padding: 0; width: auto; }
#newslist li { list-style-type: none; margin: 0; padding: 0; }
#newslist a {
	display: block;
	position: relative;
	color: #474747;
	text-decoration: none;
    padding: 2% 0;
    margin-bottom: 2%;
	line-height: 140%;
	width: auto;
	border-bottom: 1px dotted #404040;
}
#newslist p { margin-bottom: 0px; }

p.list_day {
	float: left;
    margin: 0 10px 0 0 ;
    padding: 0;
	color: #aa0000;
}
.caps{display: block; color: #FF0000;}
.no{/*color: #FFF;*/}

/*-------------------------------------------------------------

タブレット
 
------------------------------------------------------------- */
@media screen and (min-width: 750px) and (max-width: 960px) {

	
}
/*-------------------------------------------------------------

スマホ
 
------------------------------------------------------------- */
@media screen and (max-width: 750px) {
	
.cal_bg a span{display: block;}    
#bg_type_cation h2 .titleDate {display: block;}
    
}