/* title */
.check::before{
	content: '';
	display: inline-block;
	width: 55px;
	height: 45px;
	background-image: url('/images/icon_check.png');
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	padding-right: 15px !important;
}

/* top */
.event_top_catch{
	background-image: url('/images/bg_event.jpg');
}
.attend_top_catch{
	background-image: url('/images/bg_attend.jpg');
}
.event_top_catch,
.attend_top_catch{
	width: 100%;
	height: 700px;
	background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}
.event_top_catch .catch_title,
.attend_top_catch .catch_title{
	display: inline-block;
	margin-top: 60px;
	padding: 20px 0;
	min-width:400px;
	width: 70%;
	background-color: rgba( 255, 255, 255, 0.55 );
}
.event_top_catch .catch_title .sub_title,
.attend_top_catch .catch_title .sub_title{
	color: #000;
	font-size: 30px;
	padding: 10px 0 10px 30px;
	font-family: 'メイリオ';
	color: #333;
	text-align: left;
/*	text-shadow: 0 -1px 1px #BFD5E2, 1px 1px 1px #fff;*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	          -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	          0px 1px 0 #FFF,  0-1px 0 #FFF,
	          -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.event_top_catch .catch_title h1,
.attend_top_catch .catch_title h1{
	padding: 20px 0;
	color: #009efb !important;
	font-size: 36px;
	font-family: 'メイリオ';
	background-color: rgba( 255, 255, 255, 0.25 );
	font-weight: bold;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	          -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	          0px 1px 0 #FFF,  0-1px 0 #FFF,
	          -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.event_top_catch .catch_title p,
.attend_top_catch .catch_title p{
	padding: 10px;
	font-weight: bold;
	font-size: 18px;
}
.event_top_catch .catch_btn,
.attend_top_catch .catch_btn {
	margin-top: 200px;
	text-align: center;
}
.event_top_catch .catch_btn a,
.attend_top_catch .catch_btn a{
	position                : relative;
	display                 : -webkit-flex;
	display                 : flex;
	width                   : 200px;
	-webkit-justify-content : left;
	justify-content         : left;
	-webkit-align-items     : center;
	align-items             : center;
	height                  : 100%;
	min-height              : 60px;
	border                  : 1px solid #009efb;
	background-color        : #fff;
	text-decoration         : none;
	transition              : all 0.3s ease;
	padding                 : 5px 25px 5px 38px;
	margin                  : 0 auto;
}
.event_top_catch .catch_btn a:hover,
.attend_top_catch .catch_btn a:hover{
    transition: all 0.3s ease;
	color: white;
	background-color: #009efb
}

@media screen and (min-width: 769px) {
	.event_top_catch .catch_btn a:hover .arrow-right.icon:before,
	.attend_top_catch .catch_btn a:hover .arrow-right.icon:before {
		color: white;
	}

	.event_top_catch .catch_btn a:hover .arrow-right.icon,
	.attend_top_catch .catch_btn a:hover .arrow-right.icon {
	    transition: transform 0.3s ease;
	    -webkit-transform: translateX(5px);
	    -ms-transform: translateX(5px);
	    transform: translateX(5px);
		color: white;
	}
}

.event_top_catch .catch_btn .arrow-right.icon,
.attend_top_catch .catch_btn .arrow-right.icon {
    transition: transform 0.3s ease;
	position: absolute;
	top: 50%;
	left: 12px;
	color: #fff;

	position: absolute;
	margin-left: 2px;
	width: 16px;
	height: 1px;
	background-color: currentColor;

}

.event_top_catch .catch_btn .arrow-right.icon:before,
.attend_top_catch .catch_btn .arrow-right.icon:before {
	color: #2b589b;
	content: '';
	position: absolute;
	right: 1px;
	top: -5px;
	width: 10px;
	height: 10px;
	border-top: solid 1px currentColor;
	border-right: solid 1px currentColor;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


@media all and (max-width:768px) {
	.event_top_catch,
	.attend_top_catch{
		height: 400px;
	    background-size: 240%;
	}
	.event_top_catch .catch_title,
	.attend_top_catch .catch_title{
		margin-top: 30px;
		padding: 10px 0;
		width: 100%;
	}
	.event_top_catch .catch_title .sub_title,
	.attend_top_catch .catch_title .sub_title{
		font-size: 24px;
		padding: 5px 0 5px 10px;
	}
	.event_top_catch .catch_title h1,
	.attend_top_catch .catch_title h1{
		padding: 10px 0;
		color: #000 !important;
		font-size: 32px !important;
		line-height: 32px;
	}
	.event_top_catch .catch_title p,
	.attend_top_catch .catch_title p{
		padding: 5px;
		font-weight: bold;
		font-size: 14px;
	}

	.event_top_catch .catch_btn,
	.attend_top_catch .catch_btn {
		margin-top: 30px;
	}
}

/* service explain card block */
.scroll_fadein {
  opacity : 0;
  transform : translate(30px, 30px);
  transition : all 2s;
}

.scroll_fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}

.card_image{
	width: 100%;
	height: 200px;
	background-size: 120%;
	border-bottom: 1px solid #999;
	background-repeat: no-repeat;
	background-position: top -35px left -35px;
	font-family:  serif, 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-weight: bold;
}

.card_image div{
	position: absolute;
	top: 20px;
	left: 30px;
	padding: 5px 10px;
	color: #009efb;
	font-size: 26px;
	background-color: rgba( 255, 255, 255, 0.90 );
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #009efb;
	border-bottom:1px solid #009efb;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);
}

.card_image.event_calendar{
	background-image: url('/images/bg_event_calendar.png');
}
.card_image.event_easy{
	background-image: url('/images/bg_event_easy.png');
}
.card_image.event_team_share{
	background-image: url('/images/bg_event_team_share.png');
}
.card_image.event_attend_manage{
	background-image: url('/images/bg_event_attend_manage.jpg');
}

.card_image.attend_calendar{
	background-image: url('/images/bg_event_calendar.png');
}
.card_image.attend_check{
	background-image: url('/images/bg_event_attend_manage.jpg');
}
.card_image.attend_change_contact{
	background-image: url('/images/bg_attend_change_contact.jpg');
}
.card_image.attend_no_login{
	background-image: url('/images/bg_attend_no_login.jpg');
}
/* event footer modal */
.open_date {
	font-weight : bold;
	padding     : 5px;
	color       : #009efb;
	font-size   : 18px;
}

/* event load */
#event_preloader {
	position   : fixed;
	width      : 100%;
	height     : 100%;
	top        : 0px;
	left       : 0px;
	z-index    : 99998;
	background : rgba(255, 255, 255, 0.3);
}

#event_preloader .pre_message{
	position         : absolute;
	width            : 250px;
	top              : 50%;
	left             : 50%;
	margin           : -30px 0 0 -125px;  /*縦横半分をネガティブマージンでずらす*/
	z-index          : 9999;
	text-align       : center;
	padding          : 10px;
	color            : #888;
	border           : 1px solid #aaa;
	border-radius    : 5px;
	background-color : #fff;
}
#event_preloader .pre_message svg {
	margin-top : 10px;
}
#event_preloader .pre_message svg,
#event_preloader .pre_message span {
	vertical-align: middle;
}

/* group menu */
.calendar-events:hover {
	background-color: #eff;
}

/**
 * event item
 */
/* for tags*/

.fc-event .event_tags {
	text-align       : right;
	vertical-align   : middle;
	height           : 12px;
	font-size        : 10px;
	position         : absolute;
	top              : -12px;
	right            : 0;
}
.fc-event .event_tags .event_tag_attend span{
	display: none;
}

.fc-event .event_tags .event_tag_attend,
.fc-event .event_tags .event_tag_tag1,
.fc-event .event_tags .event_tag_tag2,
.fc-event .event_tags .event_tag_tag3,
.fc-event .event_tags .event_tag_tag4,
.fc-event .event_tags .event_tag_tag5 {
	display          : none;
	text-align       : center;
	vertical-align   : middle;
	width            : 12px;
	height           : 12px;
	padding          : 1px;
	color            : #fff;
	border           : 1px solid #fff;
	border-radius    : 2px;
}
.fc-event.attendFlag.answeredFlag .event_tags .event_tag_attend{
	width : 24px;
}

.fc-event.attendFlag.answeredFlag .event_tags .event_tag_attend .replay_icon{
	display          : inline;
}

.fc-event.attendFlag .event_tags .event_tag_attend,
.fc-event.event_tag1 .event_tags .event_tag_tag1,
.fc-event.event_tag2 .event_tags .event_tag_tag2,
.fc-event.event_tag3 .event_tags .event_tag_tag3,
.fc-event.event_tag4 .event_tags .event_tag_tag4,
.fc-event.event_tag5 .event_tags .event_tag_tag5 {
	display          : inline-block;
}

.fc-event.attendFlag .event_tags .event_tag_attend{
	background-color : #0ba500;
}
.fc-event.event_tag1 .event_tags .event_tag_tag1{
	background-color : #2FF3E0;
}
.fc-event.event_tag2 .event_tags .event_tag_tag2{
	background-color : #FFAEBC;
}
.fc-event.event_tag3 .event_tags .event_tag_tag3{
	background-color : #E1C340;
}
.fc-event.event_tag4 .event_tags .event_tag_tag4{
	background-color : #F652A0;
}
.fc-event.event_tag5 .event_tags .event_tag_tag5 {
	background-color : #000C66;
}
.color_checkbox input.tag0[type="checkbox"]+label{color : #2FF3E0;}
.color_checkbox input.tag0[type="checkbox"]+label::before,
.color_checkbox input.tag0[type="checkbox"]:checked+label::after{border-color: #2FF3E0 !important;}
.color_checkbox input.tag1[type="checkbox"]+label{color : #FFAEBC;}
.color_checkbox input.tag1[type="checkbox"]+label::before,
.color_checkbox input.tag1[type="checkbox"]:checked+label::after{border-color: #FFAEBC !important;}
.color_checkbox input.tag2[type="checkbox"]+label{color : #E1C340;}
.color_checkbox input.tag2[type="checkbox"]+label::before,
.color_checkbox input.tag2[type="checkbox"]:checked+label::after{border-color: #E1C340 !important;}
.color_checkbox input.tag3[type="checkbox"]+label{color : #F652A0;}
.color_checkbox input.tag3[type="checkbox"]+label::before,
.color_checkbox input.tag3[type="checkbox"]:checked+label::after{border-color: #F652A0 !important;}
.color_checkbox input.tag4[type="checkbox"]+label{color : #000C66;}
.color_checkbox input.tag4[type="checkbox"]+label::before,
.color_checkbox input.tag4[type="checkbox"]:checked+label::after{border-color: #000C66 !important;}

.fc-title {
	display: block;
	overflow: hidden;
}
.fc-time-grid-event,
.fc-event .fc-content{
	padding : 0;
	overflow : visible !important;
}

/* タグ分スペース空ける */
.fc-event.attendFlag,
.fc-event.event_tag1,
.fc-event.event_tag2,
.fc-event.event_tag3,
.fc-event.event_tag4,
.fc-event.event_tag5 {
	margin-top : 14px !important;
}

@media all and (min-width:769px) {
	.fc-content {
		padding: 3px 5px !important;
	}
}
@media all and (max-width:768px) {
	.fc-content {
		font-size : 10px;
	}
	/* tag wrap */
	.fc-event .event_tags {
		width : 42px;
		top   : -12px;
		right : -4px;
	}

		/* 2段分　タグ分スペース空ける */
	.fc-event.tag_count4,
	.fc-event.tag_count5,
	.fc-event.tag_count6,
	.fc-event.tag_count7 {
		margin-top : 28px !important;
	}

	/* タグ2段分上に上げる */
	.fc-event.tag_count4 .event_tags,
	.fc-event.tag_count5 .event_tags,
	.fc-event.tag_count6 .event_tags,
	.fc-event.tag_count7 .event_tags {
		top   : -27px;
	}

	/* タグ設定 */
	.fc-event .event_tags .event_tag_attend,
	.fc-event .event_tags .event_tag_tag1,
	.fc-event .event_tags .event_tag_tag2,
	.fc-event .event_tags .event_tag_tag3,
	.fc-event .event_tags .event_tag_tag4,
	.fc-event .event_tags .event_tag_tag5 {
		font-size : 10px;
		height    : 12px;
		padding   : 0;
	}

	.fc-event .event_tags .event_tag_attend{
		padding   : 1px;
	}
	.fc-event.attendFlag.answeredFlag .event_tags .event_tag_attend .replay_icon{
		font-size : 10px;
	}
	.fc-event.attendFlag.answeredFlag .event_tags .event_tag_attend{
		width : 20px;
	}

	.fc-event.tag_count4 .event_tags span,
	.fc-event.tag_count5 .event_tags span,
	.fc-event.tag_count6 .event_tags span,
	.fc-event.tag_count7 .event_tags span {
		width : 10px;
	}
	.fc-event.attendFlag.answeredFlag.tag_count7 .event_tags .event_tag_attend{
		width : 10px;
	}
}
@media all and (max-width:768px) {
	.fc-content {
		padding:2px !important;
	}

	.fc-event.attendFlag .fc-content::after {
		right    : -5px;
	}
	a.fc-more:not([href]):not([tabindex]) {
		color : red;
		font-size: large;
	}
	.fc-toolbar>.fc-left {
		float : right !important;
		margin-left : 10px;
	}
	.fc-toolbar>.fc-right {
		clear : both;
		margin-top : 10px;
	}
	.fc-toolbar.fc-header-toolbar {
		margin-bottom : 0 !important;
		padding : 10px 0 !important;
	}
}
 /* event modal info */
.event_memo_wrap,
.event_tags_wrap,
.event_link_wrap {
	border : 1px solid #eceeef;
	padding : 20px;
	margin-bottom : 5px;
}
.event_tag_wrap {
	padding : 10px;
}

.event_link_wrap .link_title,
.event_memo_wrap .memo_title,
.event_tags_wrap .tag_title {
	margin-bottom : 10px;
}
.event_memo_wrap #event_memo {
	border-color : #ccc;
	padding : 5px;
	width : 500px;
	color : #333;
}
#event_memo_save_state {
	font-size : x-small;
	color : #aaa;
}

@media all and (max-width:768px) {
	.event_memo_wrap #event_memo {
		width : 300px;
	}
	.event_memo_wrap #event_memo {
		width : 250px;
	}
	.event_link_blank,
	.attend_link_blank {
		display : block;
	}
}

 /* attend edit */
.note{
	max-width: 500px;
	width: 100%;
}
.event_items input{
	color: #333;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 10px;
}
.cancel_item,
#cancel_event_input:checked+label,
.cancel_item_input:checked+label {
	text-decoration: line-through !important;
	color : #ccc;
}
.cancel_item .fc-title::before,
#cancel_event_input:checked+label>span:first-child::before,
.cancel_item_input:checked+label>span:first-child::before{
	content:'[中止] '
}

/* datepicker */
#event_date .datepicker .datepicker-days th {
	color: white;
	background-color: #009efb;
	border: 1px solid #ccc;
}
#event_date .datepicker .datepicker-days td {
	border: 1px solid #ccc;
}
table.event_items th {
	border-right: 2px solid white;
}

#event_date_wrap {
	margin        : 20px 0;
	display       : inline-block;
	padding       : 20px;
	width         : 306px;
	border        : 1px solid #aaa;
	border-radius : 10px;
}
#event_date_wrap #event_date table{
	background-color: white;
	margin-bottom: 10px;
}

#event_items_wrap {
	padding       : 20px;
	margin        : 20px 0;
	border        : 1px solid #aaa;
	border-radius : 10px;
}

.edit_event_item,
.change_attend_book_flag{
	width: 68px;
}
.event_items .event_item_data:nth-child(odd){
	padding: 3px 0;
	background-color: #f6f8f8;
}

.event_info_date,
.event_info_time{
	display: block;
}
.event_items {
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.event_items .event_item_data:hover{
	background-color: #f8f3f8;
}

@media screen and (min-width: 769px) {
	#event_items_wrap {
		min-width: 500px;
	}
	#event_wrap {
		
	}
	#event_many_date_wrap {
		
	}
	#event_many_date {
		display: flex;
	}
	#event_date_wrap {
		margin-right: 20px;
	}
	#event_items_wrap {
		max-width: 100%
	}
}
@media screen and (max-width: 768px) {
	.event_info_date,
	.event_info_time,
	.event_info_titel,
	.event_info_place{
		display: block;
	}
}

#rel_tours li,
#rel_fps li {
	padding: 5px 0;
}
#modal-cancel-event .modal-body {
	padding:20px;
}
#modal-cancel-event  .cancel_event_title {
	font-size : large;
	margin-bottom : 20px;
}

/* for hide dm_hide */
.fc-event.dm_wait .fc-content::before {
	content          : "準備";
	text-align       : center;
	vertical-align   : middle;
	width            : 24px;
	height           : 12px;
	font-size        : 10px;
	padding          : 1px;
	color            : gray;
	border           : 1px solid #fff;
	background-color : yellow;
	border-radius    : 2px;
	position         : absolute;
	top              : 0;
	right            : 16px;
}

/* for hide dm_hide */
.fc-event.dm_hide  .fc-content::before {
	content          : "非公";
	text-align       : center;
	vertical-align   : middle;
	width            : 24px;
	height           : 12px;
	font-size        : 10px;
	padding          : 1px;
	color            : #fff;
	border           : 1px solid #fff;
	background-color : gray;
	border-radius    : 2px;
	position         : absolute;
	top              : 0;
	right            : 16px;
}

@media all and (max-width:768px) {
	.fc-event.dm_wait .fc-content,
	.fc-event.dm_hide .fc-content{
		overflow : visible;
	}

	.fc-event.dm_wait .fc-content::before,
	.fc-event.dm_hide .fc-content::before {
		top      : -10px;
		right    : 11px;
	}
}

/* from history event */
.fc-event.mode_history {
	border:2px dotted gray !important;
}
/* Effect1
 *************************************** */
/* 擬似要素の共通スタイル */
.fc-event::after,
.fc-event::before {
  background-color: #009efb;
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
/* 左上へ配置 */
.fc-event::after {
	border: 0px solid #fff;
    width: 0px;
    height: 2px;
    top: -1px;
    left: -1px;
}
/* 右下へ配置 */
.fc-event::before {
	border: 0px solid #fff;
    width: 0px;
    height: 2px;
    left: -1px;
    bottom: -1px;
}

/* hover */
.fc-event:hover::after,
.fc-event:hover::before,
.event_focus::after,
.event_focus::before {
  width: 100%;
  width: calc(100% + 1px);
}
.fc-event:hover::after,
.event_focus::after{
  /*border-bottom-width: 1px;*/
}
.fc-event:hover::before,
.event_focus::before {
  /*border-top-width: 1px;*/
}

/* view */
.event_item_title,
.event_report_title {
	font-size     : 20px;
	padding       : 10px 20px;
	border-top    : 3px solid #ccc;
	border-bottom : 3px solid #ccc;
	color         : #666;
}
.event_item_wrap {
	padding: 10px;
}
.event_item_wrap .event_item_header {
	font-size   : 20px;
	padding     : 5px 10px;
	border-left : 4px solid #ccc;
}
.event_item_wrap .event_item_details {
	padding: 5px 20px;
}
.event_item_wrap .event_title {
	font-size   : 18px;
	margin-bottom:  5px;
}
.event_item_wrap .event_place,
.event_item_wrap .event_time {
	margin-left : 10px;
	font-size   : 16px;
}

.event_report_wrap ul {
	padding : 20px 40px;
	list-style-type : circle;
}

  /* my memo area */
.my_memos {
	margin: 10px 0 0 30px;
	padding: 10px;
	border : 1px solid #ddd;
	border-radius : 5px;
	background-color : #fafafa;
}
.my_memos .my_memo {
	width : 400px;
	padding: 10px;
	border-color : #ccc;
}

.my_memos .memo_title,
.my_memos .tags_title {
	padding           : 5px 10px;
	margin-bottom     : 5px;
	border            : 1px solid #ccc;
	border-left-width : 5px;
	background-color  : white;
}
.my_memos textarea.my_memo {
	margin-left : 10px;
}

@media all and (max-width:768px) {
	.my_memos .my_memo {
		width : 250px;
	}
}
.my_memos .tag_edit_area_wrap{
	padding : 5px;
}
.my_memos .tag_edit_area_wrap .tag_edit_area{
	display          : inline-block;
	padding          : 10px;
	margin : 10px
	border           : 1px solid #aaf;
	background-color : white;
	border-radius    : 5px;
	-webkit-filter   :drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter      :drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter       :drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	filter           :drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.color_attend{
	color : #0ba500;
}
.color_tag1{
	color : #2FF3E0;
}
.color_tag2{
	color : #FFAEBC;
}
.color_tag3{
	color : #E1C340;
}
.color_tag4{
	color : #F652A0;
}
.color_tag5 {
	color : #000C66;
}

.tags_wrap {
	display: table;
	padding : 10px;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 4px 0;  /* 左右 上下で記述 */
}
.tags_wrap .event_tag {
	display          : table-cell;
	font-size        : 20px;
	background-color : white;
	border           : 1px solid #ccc;
	border-radius    : 5px;
	width            : 40px;
	height           : 40px;
	text-align       : center;
	vertical-align   : middle;
	margin-right     : 10px;
}

/* calendar */
#dateController {
	padding : 2px 5px;
	/*background-color: rgba(255,255,255,0.8);*/
}
#headerThisMonth {
	padding: 0;
	margin:0 2px;
	color : white;
}
.fc-row.fc-week .fc-this-week td {
/*	background-image:linear-gradient(0deg, #fff 50%, transparent 50%) !important;
	background-size: 8px 8px !important;*/
}
.fc-row.fc-week .fc-this-week td.fc-today {
	background-image:none !important;
}
.fc-row.fc-week .fc-this-week td:nth-child(1),
.fc-row.fc-week .fc-this-week td:nth-child(2),
.fc-row.fc-week .fc-this-week td:nth-child(3),
.fc-row.fc-week .fc-this-week td:nth-child(4),
.fc-row.fc-week .fc-this-week td:nth-child(5)
{
	/*background-color: #efe !important;*/
}
.fc-row.fc-week .fc-this-week td:nth-child(6){
	/*background-color: #CAE9FF !important;*/
/*	background-image:linear-gradient(0deg, #f0ffff 50%, transparent 50%) !important;
	background-size: 10px 10px !important;*/
}
.fc-row.fc-week .fc-this-week td:nth-child(7){
	/*background-color: #FFCAE9 !important;*/
/*	background-image:linear-gradient(0deg, #fffafa 50%, transparent 50%) !important;
	background-size: 10px 10px !important;*/
}

.fc-row.fc-week .fc-this-week td.fc-today {
	background-color: #ffc !important;
}
.fc-row.fc-week tbody td {
	position : relative;
}
.fc-row.fc-week .fc-content-skeleton .fc-this-week td .fc-day-number{
	font-weight  : bold;
	border-top : 1px solid #eee;
	border-left : 1px solid #eee3ee;
	border-right : 2px solid #ccc;
	border-bottom: 2px solid #666;
	padding: 1px 3px;
	margin-right : 2px;
	background-color: #fff !important;
}

.fc-row.fc-week .fc-bg .fc-this-week td.fc-today::before {
/*.fc-row.fc-week tbody td.fc-today::before {*/
	content       : "TODAY";
	text-align    : center;
	vertical-align: middle;
	font-size     : 20px;
	padding       : 1px 3px;
	color         : #aaa;
	background    : white;
	border-right  : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	position      : absolute;
	right         : 10px;
	bottom        : 10px;
}
@media all and (max-width: 678px) {
	.fc-row.fc-week .fc-bg .fc-this-week td.fc-today::before {
	/*.fc-row.fc-week tbody td.fc-today::before {*/
		font-size: 10px;
		right    : 2px;
		top      : 90px;
		height   : 15px;
		padding  : 0 3px;
	}
}
/* calendar footer modal */
#footerModal {
	display          : none;
	z-index          : 9990;
	background-color : #fee;
	text-align       : center;
	padding          : 8px 0 0 0;
	position         : fixed;
	bottom           : 0;
	width            : 100%;
	height           : 50px;
	border           : 1px solid #f55;
}
#footerModal::after {
	content          : 'x';
	cursor           : pointer;
	z-index          : 9991;
	position         : absolute;
	top              : -12px;
	right            : 6px;
	text-align       : center;
	vertical-align   : middle;
	font-size        : 16px;
	width            : 30px;
	height           : 30px;
	padding          : 2px;
	color            : #fff;
	border           : 1px solid #fff;
	border-radius    : 2px;
	background-color : #f55;
}
#footerModal div {
	margin: 0 3px;
}
/* calendar make event modal */

@media all and (max-width: 580px) {
	#my-event input{
		/*width:250px;*/
	}
}

/* month calendar */
.fc-row.fc-widget-header thead tr th:nth-child(6),
.fc-row.fc-week.fc-widget-content thead tr td:nth-child(6) span.fc-day-number{
	background-color: #f0ffff;
	color : #55f;
}
.fc-row.fc-widget-header thead tr th:nth-child(7),
.fc-row.fc-week.fc-widget-content thead tr td:nth-child(7) span.fc-day-number{
	background-color: #fffafa;
	color : #f55;
}
.fc-row.fc-week.fc-widget-content div.fc-bg tbody tr td:nth-child(6){
	background-color: #f0ffff;
}
.fc-row.fc-week.fc-widget-content div.fc-bg tbody tr td:nth-child(7){
	background-color: #fffafa;
}

/* edit */
.calendar-events:hover .open_group_edit_btn {
	display : inline-block;
	float   : right;
	cursor  : pointer;
}
.calendar-events label span.g_exp{
	margin-left : 3px;
	color : #c88;
	font-size : small;
	transition : all 1.5s 0s ease;/*transitionの記述を追加*/
}

.group_edit_area,
.color_pallet_area {
	display          : none;
	padding          : 5px 0;
	position         : fixed;
	z-index          : 999;
	background-color : white;
	width            : 200px;
	border           : 1px solid #aaa;
}
.color_pallet_area .color_circle {
	display: inline-block;
	padding: 5px;
	cursor: pointer;
}

/* list */
.color_checkbox input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
.color_checkbox input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.color_checkbox input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #585753; /* 枠の色変更 お好きな色を */
    background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.color_checkbox input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 16px;
    height: 9px;
    margin-top: -7px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #585753; /* チェックの色変更 お好きな色を */
}
.color_checkbox input[type="checkbox"]+label.cb-wine::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-wine::after{border-color: #AD1457 !important;}
.color_checkbox input[type="checkbox"]+label.cb-orange::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-orange::after{border-color: #F4511E !important;}
.color_checkbox input[type="checkbox"]+label.cb-lemon::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-lemon::after{border-color: #E4C441 !important;}
.color_checkbox input[type="checkbox"]+label.cb-basil::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-basil::after{border-color: #0B8043 !important;}
.color_checkbox input[type="checkbox"]+label.cb-blueberry::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-blueberry::after{border-color: #3F51B5 !important;}
.color_checkbox input[type="checkbox"]+label.cb-grapes::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-grapes::after{border-color: #8E24AA !important;}
.color_checkbox input[type="checkbox"]+label.cb-rose::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-rose::after{border-color: #D81B60 !important;}
.color_checkbox input[type="checkbox"]+label.cb-pumpkin::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-pumpkin::after{border-color: #EF6C00 !important;}
.color_checkbox input[type="checkbox"]+label.cb-avocado::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-avocado::after{border-color: #C0CA33 !important;}
.color_checkbox input[type="checkbox"]+label.cb-eucalyptus::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-eucalyptus::after{border-color: #009688 !important;}
.color_checkbox input[type="checkbox"]+label.cb-lavender::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-lavender::after{border-color: #7986CB !important;}
.color_checkbox input[type="checkbox"]+label.cb-cocoa::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-cocoa::after{border-color: #795548 !important;}
.color_checkbox input[type="checkbox"]+label.cb-tomato::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-tomato::after{border-color: #D50000 !important;}
.color_checkbox input[type="checkbox"]+label.cb-mango::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-mango::after{border-color: #F09300 !important;}
.color_checkbox input[type="checkbox"]+label.cb-pistachio::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-pistachio::after{border-color: #7CB342 !important;}
.color_checkbox input[type="checkbox"]+label.cb-peacock::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-peacock::after{border-color: #039BE5 !important;}
.color_checkbox input[type="checkbox"]+label.cb-lilac::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-lilac::after{border-color: #B39DDB !important;}
.color_checkbox input[type="checkbox"]+label.cb-graphite::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-graphite::after{border-color: #616161 !important;}
.color_checkbox input[type="checkbox"]+label.cb-flamingo::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-flamingo::after{border-color: #E67C73 !important;}
.color_checkbox input[type="checkbox"]+label.cb-banana::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-banana::after{border-color: #F6BF26 !important;}
.color_checkbox input[type="checkbox"]+label.cb-sage::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-sage::after{border-color: #33B679 !important;}
.color_checkbox input[type="checkbox"]+label.cb-cobalt::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-cobalt::after{border-color: #4285F4 !important;}
.color_checkbox input[type="checkbox"]+label.cb-amethyst::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-amethyst::after{border-color: #9E69AF !important;}
.color_checkbox input[type="checkbox"]+label.cb-birch::before,
.color_checkbox input[type="checkbox"]:checked+label.cb-birch::after{border-color: #A79B8E !important;}

.fc-content {
	border-radius: 3px;
}
.fc-event {
	cursor: pointer !important;
	border-color: inherit !important;
}

.fc-scroller.fc-time-grid-container,
.fc-scroller.fc-day-grid-container{
	height: auto !important;
}

/**
 * for attend
 */
.attend_table_wrap{
	width: 100%;
}
table.attend_table {
	/*width: 100%;*/
	table-layout: fixed;
}
table.attend_table th {
	color            : #000055;
	background-color : #eee;
}
table.attend_table th.ans {
	min-width : 60px;
}
table.attend_table th,
table.attend_table td {
	border: 1px solid #ddd;
}
table.attend_table th,
table.attend_table td {
	text-align     : center;
	vertical-align : middle;
	padding        : 2px 5px;
}
table.attend_table th .table_event_item_title {
	font-size: small;
}

table.attend_table.table_horizontal tr:nth-child(1) th {
	height: 40px;
}
table.attend_table.table_horizontal th:nth-child(1),
table.attend_table.table_horizontal th:nth-child(2),
table.attend_table.table_horizontal th:nth-child(3),
table.attend_table.table_horizontal th:nth-child(4),
table.attend_table.table_list th:nth-child(1),
table.attend_table.table_list th:nth-child(2),
table.attend_table.table_list th:nth-child(3),
table.attend_table.table_list th:nth-child(4)
 {
	color            : #000055;
	background-color : #eee;
	width : 100px;
}
table.attend_table.table_horizontal td:nth-child(1),
table.attend_table.table_horizontal td:nth-child(2),
table.attend_table.table_horizontal td:nth-child(3),
table.attend_table.table_horizontal td:nth-child(4),
table.attend_table.table_vertical tr:nth-child(1) td,
table.attend_table.table_vertical tr:nth-child(2) td,
table.attend_table.table_vertical tr:nth-child(3) td,
table.attend_table.table_vertical tr:nth-child(4) td,
table.attend_table.table_list td:nth-child(1),
table.attend_table.table_list td:nth-child(2),
table.attend_table.table_list td:nth-child(3),
table.attend_table.table_list td:nth-child(4)
{
	background-color : #E6FFE9;
}
table.attend_table.table_horizontal th{
	width     :80px;
	max-width :80px;
	font-size : small
}
table.attend_table th.ans {
	background-color: #ffe !important;
}
table.attend_table.table_horizontal th:nth-child(1){
	width     :150px;
	max-width :300px;
}
table.attend_table.table_horizontal td:nth-child(2),
table.attend_table.table_vertical tr:nth-child(2) td,
table.attend_table td span.result_mark_ok {
	color       : green;
	font-size   : x-large;
	font-weight : bold;
}
table.attend_table.table_horizontal td:nth-child(3),
table.attend_table.table_vertical tr:nth-child(3) td,
table.attend_table td span.result_mark_keep {
	color       : #00AA00;
	font-size   : large;
	font-weight : bold;
}
table.attend_table.table_horizontal td:nth-child(4),
table.attend_table.table_vertical tr:nth-child(4) td,
table.attend_table td span.result_mark_ng {
	color       : gray;
	font-size   : large;
	font-weight : bold;
}
table.attend_table tr.comment td {
	color            : gray !important;
	background-color : white !important;
	font-weight      : normal !important;
	font-size        : medium !important;
}
table.attend_table tr.comment td pre {
	font-size: 80% !important;
}
table.attend_table tr th.event_item_title_wrap {
	background-color : #fff !important;
}
table.attend_table tr th div.table_event_item_title div.specific_name {
	margin           : 3px 5px;
	padding          : 2px 0;
	border           : 1px solid blue;
	color            : blue;
	background-color : white;
	border-radius    : 10px;
}
table.attend_table tr th div.table_event_item_title div.event_item_date {
	margin           : 2px 0 0 0;
	padding          : 2px 0;
	border-bottom    : 1px dashed #aaa;
	font-size        : large;
	background-color : white;
}
table.attend_table tr th div.table_event_item_title div.event_item_time,
table.attend_table tr th div.table_event_item_title div.event_item_place {
	padding          : 1px 0;
	background-color : #fefefe;
}
table.attend_table tr th div.table_event_item_title div.event_item_place {
	font-size : small;
}

.attend_select .attend_item {
	padding: 5px 0;
}
.attend_select .attend_item:hover {
	background-color: #f7fff7;
}
.attend_select .attend_date,
.attend_select .attend_time,
.attend_select .attend_title {
	padding-left: 10px;
}
.attend_select .attend_date{
	font-weight: bold;
	padding-left: 10px;
}
.attend_select .attend_time,
.attend_select .attend_title {
	font-size: small;
	padding-left: 20px;
}
.attend_select .attend_extra_info {
	margin-bottom: 10px;
}

table.attend_table span.openAttend {
	text-decoration : underline;
	cursor          : pointer;
}

/* horizontal */
table.attend_table.table_horizontal th .event_item_title div:nth-child(1) {
	font-weight : bold;
}
table.attend_table.table_horizontal th.comment_title {
	text-align: right;
}

/* vertical */
table.attend_table.table_vertical tr:nth-child(1) th {
	padding        : 5px;
	vertical-align : top;
}
table.attend_table.table_vertical th.comment_title {
	vertical-align : bottom;
	font-size      : small;
}

#openAttend.openAttend {
	width: 150px;
	height: 100px;
	margin: 20px;
	font-size: 28px;
	display: table-cell;
	vertical-align: middle;
}

.log_box {
	padding: 20px
}
.log_box .title{
	font-size: large;
	padding: 3px 5px;
}
.log_box .log{
	border        : 1px solid #999;
	border-radius : 5px;
	padding       : 0 10px;
	height        : 120px;
	max-width     : 800px;
	overflow-x    : hidden;
	overflow-y    : scroll;
}
.log_box .log ul{
	padding-left : 0;
}
.log_box .log ul li{
	padding : 2px 0 2px 10px;
}
.log_box .log ul li span.new_tag{
	color            : #fff;
	background-color : red;
	border           : 1px solid white;
	padding          : 5px;
	margin-bottom    : 3px;
	font-size        : x-small;
	vertical-align   : middle;
}