@charset "UTF-8";

/*************************************
 カレンダー
*************************************/
.calendar .cal{
	width: 100%;
	table-layout: fixed;
}
.calendar .cal a{
	color: #000;
	text-decoration: underline;
}
.calendar .cal a[href*="javascript"]{
	text-decoration: none;
}
.calendar .cal th{
	padding: .8rem 0;
	height: 3rem;
	background-repeat: no-repeat;
	vertical-align: middle;
	vertical-align: middle;
	background-color: #565B69;
	color: #FFF;
	border-right: 1px solid #FFF;
}
.calendar .cal th:last-of-type{
	border-right: none;
}
.calendar th.col1{
	width: 5rem;
}
.calendar .honjyo th.col2{
	width: 50%;
}
.calendar .honjyo th.col3{
	width: 30%;
}
.calendar .cal td{
	height: 3rem;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
.calendar .cal td.SG,
.calendar .cal td.G1,
.calendar .cal td.G2,
.calendar .cal td.G3,
.calendar .cal td.IP {
	/* text-decoration: underline; */
}
/*************************************
 jlc
*************************************/
.cal.honjyo td.jlc{
    background-color: #dcebfe;
    color: #2f63b7;
}
/*************************************
 中止順延
*************************************/
.cal td.NG{
	background-color: #000;
}
.cal td.NG a{
	color: #FFF;
}
.cal td.kyukan{
	background-color: #000;
	color: #FFF;
}
/*************************************
 オールレディース
*************************************/
.cal td .woman:before{
	content: '';
	width: 1.5rem;
	height: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/icon_ladies2.png);
	background-size: 1.1rem;
	background-position: center;
	background-repeat: no-repeat;
}
/*************************************
 ナイター
*************************************/
.cal.jyogai td .time_night:after{
	content: '';
	width: 1.5rem;
	height: 1.6rem;
	display: block;
	margin: auto;
	vertical-align: middle;
	background-image: url(../images/icon_night2.png);
	background-size: 1.1rem;
	background-position: center;
	background-repeat: no-repeat;
}




/*****************************************
 凡例
*****************************************/
.calendar .category-info{
	padding: 1rem 1rem 0rem 1rem;
}
.calendar .group-hanrei{
	display: table;
	width: 100%;
	padding: 1rem;
	border: 1px solid #19417b;
	background-color: #19417b;
}
.calendar .group-hanrei ul{
	width: 100%;
}
.calendar .group-hanrei li{
	display: inline-block;
	width: 20%;
	color: #FFF;
}
.calendar .group-hanrei li.list_image{
	width: 34%;
}
.calendar .group-hanrei li.list_image img{
	width: 100%;
	vertical-align: middle;
}
.calendar .group-hanrei li .icon_grade{
	display: inline-block;
	width: 0;
	padding: .5rem;
	margin-right: .5rem;
	vertical-align: initial;
	border-radius: 0;
}
.calendar .group-hanrei span{
	display: inline-block;
	width: 3.2rem;
	padding: 0.3rem 0;
	border-radius: 0.3rem;
	text-align: center;
	color: #FFF;
}
.calendar .group-hanrei span.item-sg{background-color: #f00;/* margin-bottom: .5rem; */}
.calendar .group-hanrei span.item-g1{background-color: #f90;}
.calendar .group-hanrei span.item-g2{background-color: #fe0;}
.calendar .group-hanrei span.item-g3{
    background-color: #0f5;
}
.calendar .group-hanrei span.item-ip{
    background-color: #43beeb;
}
.calendar .group-hanrei span.icon_image{
	width: 1.2rem;
	margin-right: .5rem;
}

/*****************************************
 選択タブ
*****************************************/
.calendar .page_select{
	border-spacing: 0.1rem 0;
	margin-top: -0.2rem;
}
.calendar .page_select .pagecategory{
	padding: 0.5rem 0 0rem 0;
	text-align: center;
}
.page_select .btn_name{
	display: block;
	color: #FFF;
	/* padding-bottom: 0.4rem; */
	padding: 0.7rem 0;
	font-size: 1.3rem;
}
.calendar .page_select .category_item_wrapper{
	padding-bottom: 0.4rem;
	margin-top: 0;
}
.calendar .page_select .category_item_wrapper .category_item{
	width: 90%;
	padding: 0.5rem 0;
}
/*.calendar .page_select .pagecategory:last-of-type .category_item_wrapper .category_item{*/
.calendar .page_select .category_item_wrapper.sotomuke .category_item{
	width: 2rem;
	margin: 0 0.3rem;
}
.calendar .pagecategory:nth-of-type(2) .btn_name{
	margin-top: .4rem;
}

/******************************************
 月選択
******************************************/
.calendar .select_month{
	width: 100%;
	padding: 2rem 1rem 0 1rem;
	white-space: nowrap;
}

.calendar .select_month .cal-month-btn {
	display: inline-block;
	width: 15.5%;
	padding: .8rem 0;
	margin-left: 1.4%;
	border: 2px solid;
	border-radius: 0.3rem;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}
.calendar .select_month a.cal-month-btn:first-of-type{
	margin-left: 0;
}
.calendar .select_month a.cal-month-btn {
	border-color: #5a8cda;
	color: #5a8cda;
}
.calendar .select_month span.cal-month-btn {
	border-color: #999;
	color: #999;
}
.calendar .select_month a.cal-month-btn.active{
	background-color: #5a8cda;
	color: #FFF;
}

/*************************************
 土日
*************************************/
.days_0{
color: #d72120;
}
.days_6{
color: #1674fd;
}

/*****************************************
 ポケットカレンダー
*****************************************/
.calendar .item_pocket_cal{
	display: block;
	padding: 1rem 1rem 2rem 1rem;
	text-align: right;
}
.calendar .item_pocket_cal img{
	width: 70%;
}
/*****************************************
 jsによる表示切替
*****************************************/
.state-on{
	display: block;
}
.state-off{
	display: none;
}


.cal_notice_text{
	margin-top: -1rem;
	padding: 0 1rem 1rem 1rem;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.5;
}