@charset "UTF-8";

/* カレンダーエリア全体 */
.calendar_wrap{
/*width: 100%;*/
overflow: auto;
text-align: center;
padding-bottom: 10px;
}

.calendar{
display: flex;
justify-content: space-between;
}
/* ループ 月1つ分 */
.month_title{
padding: 5px;
}
.month_wrap{
/*flex-basis: calc((100% - 50px) / 2);*/
border-top:rgba(96,56,19,0.3) 1px solid;
border-left:rgba(96,56,19,0.3) 1px solid;
}

.w_name_wrap,
.month_day{
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.day{
flex-basis: calc(100% / 7);
}
html.edge .day{
flex-basis: calc((100% - 1px) / 7);
}
html.ie11 .day{
flex-basis:32.1px;
/*width: calc((100% - 60px) / 7);*/
}
.month_title,
.day{
border-bottom: rgba(96,56,19,0.3) 1px solid;
border-right: rgba(96,56,19,0.3) 1px solid;
}

/* 曜日 */
.w_name{
font-size: 1.3rem;
font-weight: bold;
}
.w_name:first-child,
.day_num:nth-child(1),
.day_num:nth-child(7n+1){
color: rgba(194,101,128,1.00);
}
.w_name:nth-child(7),
.day_num:nth-child(7n){
color:rgba(58,133,178,1.00);
}
.w_name,
.day_num{
padding: 9px;
}
.day_num.j_holi_yes{
color: rgba(194,101,128,1.00);
}
.w_name span{
font-size: 1rem;
font-weight: bold;
display: block;
text-align: center;
line-height: 1;
}
.day_num span{
display: block;
line-height: 1;
font-size: 1.5rem;
}
.prev_m span,
.next_m span{
opacity: 0.3;
}
.day_num.holiday{
background-color: rgba(242,208,218,1.00);
}
.day_num.holiday.prev_m,
.day_num.holiday.next_m{
background-color: rgba(242,208,218,0.3);
}
.calendar_sub_con{
margin-top: 20px;
text-align: left;
}
.calendar_sub_con .calendar_desc{
display: block;
}
.calendar_sub_con .calendar_desc i {
    margin-right: 0.5em;
	color: rgba(242,208,218,1.00);
	font-size: 1.6rem;
}
.calendar_sub_con .calendar_txt{
margin-top: 20px;
}
/* スマホ用 */
.is_sp .calendar {
display: block;
}
.is_sp .month_wrap{
margin-bottom: 15px;
}
.is_sp .calendar_sub_con{
margin-top: 5px;
font-size: 1.3rem;
letter-spacing: 0.05em;
}
.is_sp .calendar_sub_con .calendar_txt{
margin-top: 15px;
}