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

/* リンクスクロール */
body {
	scroll-behavior: smooth;
}
/*リンク*/
a.button-02, input.button {
    display: inline-block;
    padding: 13px 0px;
    color: #fff;
    text-decoration: none;
    background-color: #333333;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 1.0em;
    width: 139px;
    /* margin-bottom: 10px; */
}

.event-link{
	width: 500px;
	margin: auto;
	margin-bottom: 40px;
}
li.maker-button-event {
    width: 500px;
    /*margin: auto;*/
}
#event-button{
	padding-bottom: 16px!important;
}
#event-button .active, {
    background-color: #ee353b;
}
a.button-02.event-info.active{
	background-color: #ee353b;
	color: #ffffff;
}
#event-button .active{
	font-size: 1.2em;
}
@media screen and (max-width: 767px){
	li.maker-button-event{
		width: 100%;
	}
	.maker-button-event-past-wrap{
		width: 100%!important;
	}
	.maker-button-event-past a.button-02{
		width: 100%!important;
	}
	li.maker-button-event-past{
		width: 48.5%;
	}
	.event-link{
	width: 100%;
	padding-left: 5px;
		padding-right: 5px;
		box-sizing: border-box;
}
}
li.maker-button-event a{
	width: 100%;
}
li.maker-button-event-past{
	color: #333333;
	float: left;
	padding-right: 8px;
	padding-bottom: 8px;
}
li.maker-button-event-past:nth-child(even){
	padding-right: 0px;
}
.maker-button-event-past a.button-02{
	background-color: #cccccc;
	color: #333333;
	width: 246px;
}
a.button-02.event-info{
	background-color: #cccccc;
	color: #333333;
}
a.button-02.event-info:hover{
	text-decoration: underline;
	color: #333333;
}

.maker-button-event-past a.button-02:hover{
	text-decoration: underline;
/*	color: #ee353b;*/
	color: #333333;
}
a.button-02.event-info.active:hover{
	color: #ffffff;
}
.maker-button-event-past-wrap{
	/*border:3px solid #cccccc;*/
	width: 500px;
	/*margin:24px auto 0;*/
}
.maker-button-event-past-wrap .past{
	/*border-bottom:2px solid #cccccc;*/
	padding-bottom: 4px;
	text-align: center;
}
/*高さ調整*/
.link-t{
	margin-top: -100px!important;
	padding-top: 100px!important;
}
/*カレンダー*/
.event_info_yss .maker-button{
	width: 200px;
}
.event_info_yss a.button-02 {
	width: 200px;
}
#calendar_yss .table-box{
	text-align: center;
	padding-bottom: 40px;
}
.calendar_yss{
	text-align: center;
}
.calendar_yss .table-1{

}
.calendar_yss table.month{
	width: 32%;
	/*display: inline-block;*/
	float: left;
	margin: 0 5px;
}

.calendar_yss .month caption{
	padding: 4px;
}
.calendar_yss .month th{
	background: #eeeeee;
}
.calendar_yss .month th:nth-child(1){
	color: red;
}
.calendar_yss .month th:nth-child(7){
	color: blue;
}
.calendar_yss .month tr{
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
.calendar_yss .month th,
.calendar_yss .month td{
	padding: 3px 10px!important;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}
@media screen and (max-width: 767px){
#calendar_yss table{
	display: table;
	width: 98%;
	margin-bottom: 8px;
}
#calendar_yss table th,
#calendar_yss table td{
	display: table-cell;
	text-align: center;
}
}
/*---------------------------------------
イベント詳細
----------------------------------------*/
/*#event-button a{
	padding: 13px 20px;
}*/
/*a.button-02.event-info.active{
	background-color: #ed9a00;
}*/
/*a.button-02.event-info{
	background-color: #bbbbbb;
}*/
@media screen and (max-width: 767px){
#event-button .maker-button {width: 100%;}
/*#event-button a{padding: 12px!important;}*/
}
.event-list{
	margin: 0 auto 16px;
	width: 100%;
	display: table;
	padding: 16px;
	box-sizing: border-box;
	line-height: 1.3em;
}
.event-list .pict{
	float: left;
	width: 25%;
	display: table-cell;
	text-align: center;
}
.event-list .pict img{
	max-width: 100%;
	height: auto;
}
.event-list .text{
	float: left;
	width: 73%;
	display: table-cell;
	padding-left: 16px;
}
.event-list .text .head{
	
	font-size: 1.2em;
	padding-bottom: 8px;
	border-bottom: 2px dotted #bbbbbb;
	
}
.event-list .text .head a{
	color: #D0021B;
	font-weight: bold;
}
.event-list .text .desc{
	padding-top: 4px;
}
.event-list .text .desc ul.sum,
.event-list .text .desc ul.sche{	
	padding: 8px 0;
}
.event-list .text .desc ul.sum li{
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.event-list{
		width: 98%;
		box-sizing: border-box;
		padding: 8px;
	}
	.event-list .pict{
	float: none;
	width: 100%;
	display: block;
}
.event-list .text .desc{
	width: 100%;
}
	.event-list .text{
	float: none;
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-left: 0;
}


}
/*#calendar table {
	text-align: center;
	float: left;
	width: 280px;
	border-spacing:0px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
	margin-right: 5px;
}

#calendar table:last-child {
	text-align: center;
	float: left;
	width: 280px;
	border-spacing:0px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
	margin-right: 0px;
}

#calendar th {
	text-align: center;
	font-weight: bold;
	height: 30px;
	background-color: #EEE
}

#calendar th, td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
	height: 30px;
}

#calendar th:first-child {
	color: #900;
}

#calendar th:last-child {
	color: #006;
}*/

/*カレンダーリンク*/
.month .link {
	background-color: #FF9;
}

/*月の色指定*/
/*#calendar caption {
	color: #FFF;
	text-align: center;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	padding: 2px 0;
	margin-bottom: 5px;
}*/


/* april 4月 */
.c_april {
	background-color: #d46d96;
}
.c_april_border {
	border: 3px solid #d46d96;
}

/* may 5月 */
.c_may {
	background-color: #6dd472;
}
.c_may_border {
	border: 3px solid #6dd472;
}

/* june 6月 */
.c_june {
	background-color: #6dd3d4;
}
.c_june_border {
	border: 3px solid #6dd3d4;
}

/* july 7月 */
.c_july {
	background-color: #6db3d4;
}
.c_july_border {
	border: 3px solid #6db3d4;
}

/* august 8月 */
.c_august {
	background-color: #d4c76d;
}
.c_august_border {
	border: 3px solid #d4c76d;
}

/* september 9月 */
.c_september {
	background-color: #b36dd4;
}
.c_september_border {
	border: 3px solid #b36dd4;
}
/* october 10月 */
.c_october {
	background-color: #d49d6d;
}
.c_october_border {
	border: 3px solid #d49d6d;
}

/* november 11月 */
.c_november {
	background-color: #d46d6d;
}
.c_november_border {
	border: 3px solid #d46d6d;
}

/* december 12月 */
.c_december {
	background-color: #6d6fd4;
}
.c_december_border {
	border: 3px solid #6d6fd4;
}

/* january 1月 */
.c_january {
	background-color: #d4d4d4;
}
.c_january_border {
	border: 3px solid #d4d4d4;
}

/* february 2月 */
.c_february {
	background-color: #6dd4c7;
}
.c_february_border {
	border: 3px solid #6dd4c7;
}

/* march 3月 */
.c_march {
	background-color: #b6d46d;
}
.c_march_border {
	border: 3px solid #b6d46d;
}


