@charset "utf-8";

/*-----------------------------------------------------
Calender
-------------------------------------------------------*/
#Calender{
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#FFF;
}

#Calender div.detail p.date,
#Calender div.detail ul.pager li.prev a,
#Calender div.detail ul.pager li.next a,
#Calender div.detail div.info p.ttl,
#Calender div.detail div.info p.ttl span{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url("../images/calender/sp_sprite.png");
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-background-size:143px 176px;
	background-size:143px 176px;
}

/*-------------------------------------
photo
---------------------------------------*/
#Calender div.photo{
	width:100%;
	min-height:153px;
	overflow:hidden;
	position:relative;
	z-index:1;
	background-color:#E2D9CE;
	background-image:url("../images/calender/sp_photo_arrow01.gif"), url("../images/calender/sp_photo_arrow02.gif");
	background-repeat:no-repeat, no-repeat;
	background-position:5% 50%, 95% 50%;
	-webkit-background-size:15px 22px, 15px 22px;
	background-size:15px 22px,15px 22px;
}
/* img */
#Calender div.photo p.img01,
#Calender div.photo p.img02{
	width:100%;
}
#Calender div.photo p.img01{
	position:relative;
	z-index:2;
}
#Calender div.photo p.img02{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
#Calender div.photo p.img01 img,
#Calender div.photo p.img02 img{width:100%;height:auto;}

/* move */
#Calender div.photo.move{
	-webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
/* mask */
#Calender div.photo div.mask{display:none;}


/*-------------------------------------
month_btn
---------------------------------------*/
#Calender p.month_btn{display:none !important;}


/*-------------------------------------
detail_open
---------------------------------------*/
#Calender p.detail_btn{display:none !important;}


/*-------------------------------------
detail
---------------------------------------*/
#Calender div.detail{
	width:100%;
	position:relative;
	top:0 !important;
	z-index:5;
}

/* close
---------------------*/
#Calender div.detail p.close{display:none !important;}

/* date
---------------------*/
#Calender div.detail p.date{
	height:32px;
	position:relative;
	margin:14px 46px 14px 46px;
	text-indent:0;
	text-align:center;
	line-height:32px;
	font-size:14px;
	font-weight: bold;
	color:#593926;
	background-position:0 0;
	background-repeat:repeat-x;
}

/* pager
---------------------*/
#Calender div.detail ul.pager{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
/* prev */
#Calender div.detail ul.pager li.prev{
	width:32px;
	height:32px;
	position:absolute;
	top:0;
	left:14px;
	cursor:default;
}
#Calender div.detail ul.pager li.prev a{
	width:32px;
	height:32px;
	background-position:0 -33px;
}
#Calender div.detail ul.pager li.prev a.on{background-position:-66px -33px;}

/* next */
#Calender div.detail ul.pager li.next{
	width:32px;
	height:32px;
	position:absolute;
	top:0;
	right:14px;
	cursor:default;
}
#Calender div.detail ul.pager li.next a{
	width:32px;
	height:32px;
	background-position:-33px -33px;
}
#Calender div.detail ul.pager li.next a.on{background-position:-99px -33px;}


/* info
---------------------*/
#Calender div.detail div.info{
	padding:0 4px 4px;
}
/* ttl */
#Calender div.detail div.info p.ttl{
	width:100%;
	height:42px;
	margin:0;
	text-indent:0;
	background-position:0 -66px;
	background-repeat:repeat-x;
	cursor:pointer;
}
#Calender div.detail div.info p.ttl span{
	width:143px;
	height:33px;
	margin:4.5px auto 0 auto;
	background-position:0 -109px;
}
#Calender div.detail div.info.on p.ttl span{background-position:0 -143px;}
/* name,sex,type,master */
#Calender div.detail div.info p.name,
#Calender div.detail div.info p.sex,
#Calender div.detail div.info p.type,
#Calender div.detail div.info p.master{
	height:23px;
	overflow:hidden;
	margin:0 10px 6px;
	display:none;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-indent:48px;
	line-height:23px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:41px 23px;
}
#Calender div.detail div.info p.name{
	margin:15px 10px 6px;	
}
#Calender div.detail div.info p.master{margin-bottom:12px;}
#Calender div.detail div.info p.name{background-image:url("../images/calender/detail_info_txt01.gif");}
#Calender div.detail div.info p.sex{background-image:url("../images/calender/detail_info_txt02.gif");}
#Calender div.detail div.info p.type{background-image:url("../images/calender/detail_info_txt03.gif");}
#Calender div.detail div.info p.master{background-image:url("../images/calender/detail_info_txt04.gif");}
#Calender div.detail div.info.on p.name,
#Calender div.detail div.info.on p.sex,
#Calender div.detail div.info.on p.type,
#Calender div.detail div.info.on p.master{display:block;}

/* comment */
#Calender div.detail div.info div.comment{
	display:none;
	margin:0 10px 15px;
	line-height:24px;
	background:url("../images/calender/sp_detail_txt_bg.gif") repeat 0 0;
	-webkit-background-size:261px 24px;
	background-size:261px 24px;
}
#Calender div.detail div.info.on div.comment{display:block;}
#Calender div.detail div.info div.comment p.title{
	font-weight:bold;
	color:#593C27;
}

/*-------------------------------------
month_list
---------------------------------------*/
#Calender div.month_list{display:none !important;}



/*-------------------------------------
loading
---------------------------------------*/
#Calender div.loading_bg{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(256,256,256,0.9);
	z-index:100;
}

/*-------------------------------------
loading
---------------------------------------*/
#Calender div.loading_logo{
	width:70px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	text-indent:-9999px;
	background-image:url("../common/images/nekobu_logo.png?d=2021022101");
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: contain;
	z-index:110;
}