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

/*全体*/
*{
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 500;
font-size: 16px;
scroll-behavior:smooth;
list-style: none;
}


/*aリンク*/
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: inherit;
}

html,
body{
	background:#f1efef;
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
	caret-color: transparent;
	user-select: none;
}

input, textarea, select {
  caret-color: auto;
  user-select: text;
}

.container {
	display: flex;
	flex: 1 1 auto;
	position: relative;
	justify-content: space-between;
	min-height: 100vh;
	width: 100%;
	max-width: none;
}



form {
    margin: 0;
    padding: 0;
}



/**********ログイン前サイドバー**********/

.sidebar_login_before{
	min-width:280px;
	background:#ccc8aa;
	color: #191717;
	min-height: 100vh;
	min-height: 100svh;
	position: fixed;
	flex-shrink: 0;
}

@media(max-width: 530px){
	.sidebar_login_before{
		width: 100% !important;
		background:#ccc8aa;
		color: #191717;
		min-height: 100vh;
		position: fixed;
		flex-shrink: 0;
	}
}


/*ログイン前のロゴ*/
.logo_login_before{
	padding: 33px 0px 11px 25px;
	flex: 0 0 280px;
	width: 100%;
}

/*ログイン前ロゴa*/
.logo_login_before a{
	font-size:39px;
	padding: 0px 0 0px 0px;
	color:#191717;
}


/*ログイン前ロゴhover*/
.logo_login_before a:hover{
	opacity: 0.8;
}



/*ログイン前ナビli*/
.main_nav_login_before li{
	position: relative;
	padding: 16px 0 12px 65px;
    width: 100%;
	height: 60px;
	color: #191717
}


.main_nav_login_before li a
{
    display: block;
	color: #191717;
}


.contact_login_before{
	position: relative;
	padding: 16px 0 12px 65px;
    width: 100%;
	color: #191717;
	height: 60px;
}





.site_description:hover > a,
.registration:hover > a,
.contact_login_before:hover > a,
.login:hover > a
{
	color: #191717;
	font-weight: bold;
}



.site_description a,
.registration a,
.contact_login_before a,
.site_description_selected a,
.registration_selected a,
.contact_login_before_selected a
{
	width: 92% ;
	color: #191717;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 258px 100%;
	height: 60px;
	display: block;
	padding:16px 0 0 43px;
	position: absolute;
	left:22px;
	top:0px;
}



.site_description::before,
.registration::before,
.registration_selected::before,
.contact_login_before::before{
	content: "";
    display: block;
    width: 40px;
	position: absolute;
    left: 0px;
	bottom:31px;
    border-bottom: 1px solid #191717;
}

.contact_login_before::before {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}



.main_nav_login_before a:focus {
    outline: none;
    background: none;
    color: inherit;
}

.site_description:hover,
.registration:hover,
.contact_login_before:hover
{
	background: linear-gradient(to left, #f1efef 258px, transparent 258px);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 258px 100%;
}



@media(max-width: 530px){
	.main_nav_login_before li{
		position: relative;
		padding: 16px 0 12px 65px;
		width: 100%;
		margin: 0px 0 0 0px;
	}
	.main_nav_login_before li a{
		display: block; 
		width: 100% !important; 
		height: 100%; 
		box-sizing: border-box; 
		text-decoration: none;  
		color: #191717; 
	}
	.site_description:hover,
	.registration:hover,
	.contact_login_before:hover,
	.site_description_selected,
	.registration_selected,
	.contact_login_before_selected,
	.site_description_selected:hover,
	.registration_selected:hover,
	.contact_login_before_selected:hover
	{
		background: linear-gradient(to left, #f1efef calc(100% - 22px), transparent calc(100% - 22px));
		background-position: left;
		background-repeat: no-repeat;
    	background-size: 100% 100%;
	}
	.login:hover
	{
		background: linear-gradient(to left, #f1efef 100%, transparent 100%);
		background-position: left;
		background-repeat: no-repeat;
    	background-size: 100% 100%;
	}
}





.login{
	position: relative;
	padding: 16px 0 12px 65px;
	height: 60px;
}


.login a{
    display: block;
	color: #191717;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    width: 240px;
    height: 100%;
    background: #e5e3d4;
    z-index: 0;
	border: 1px solid #191717;
}


@media (max-width: 530px){
	.login{
		position: relative;
		padding: 16px 0 12px 65px;
		width: 100% !important;
		height: 60px;
	}
	.login a{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		background: #e5e3d4;
		z-index: 0;
		border: 1px solid #191717;
	}
}

.login:hover {
	opacity: 0.8;
}

.login img{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0px 0px;
	top: 20px;
	left: 15px;
}

.login span{
	position: absolute;
	display: block;
	padding: 0px 0px 0px 20px;	
	margin: 0px 0px 0px 25px;
	text-align: left;
	vertical-align: middle;
	line-height: 5px;
	top: 24px;
	left: 0px;
}










/**********サイドバー**********/

.preparing{
	background: #ccc8aa;
	font-size: 12px;
	color: #656464;
	margin: 0 0 0 10px;
	padding: 5px 15px;
}


.sidebar{
	width:280px;
	background:#656464;
	color: #f1efef;
	position:fixed;
	top: 0;           
  	left: 0;           
  	min-height: 100vh; 
	min-height: 100svh;
	z-index: 10;
	height: 100vh;
	flex-shrink: 0;
}


.admin_sidebar{
	width:280px;
	background:#191717;
	color: #f1efef;
	position:fixed;
	top: 0;           
  	left: 0;           
  	min-height: 100vh;
	min-height: 100svh;
	z-index: 10;
	height: 100vh;
	flex-shrink: 0;
}



@media (max-width:530px){
	.sidebar{
		width:100% !important;
		background:#656464;
		color: #f1efef;
		position:fixed;
		top: 0;           
		left: 0;          
		min-height: 100vh; 
		min-height: 100svh;
		z-index: 10;
		height: 100vh;
		flex-shrink: 0;
	}
	.admin_sidebar{
		width:100% !important;
		background:#656464;
		color: #f1efef;
		position:fixed;
		top: 0;          
		left: 0;          
		min-height: 100vh;  
		min-height: 100svh;
		z-index: 10;
		height: 100vh;
		flex-shrink: 0;
	}
}

/*サイドバーロゴ部分*/
.logo{
	padding: 33px 0px 11px 25px;
}

/*ロゴリンク幅*/
.logo a{
		font-size:39px;
		padding: 0px 0 0px 0px;
		color:#ccc8aa;
}

/*ロゴhover時*/
.logo a:hover{
	opacity: 0.8;
}


/*ロゴイメージ*/
.logo img{
	width: 200px;
	margin: 10px 0 0 15px;
}

.logo_login_before img{
	width: 200px;
	margin: 10px 0 0 15px;
}



/*メインナビli*/
.main_nav li{
	position: relative;
	padding: 16px 0 12px 65px;
    width: 100%;
	color: #f1efef;
	margin: 0px 0 0 0px;
}


.main_nav li a{
    display: block; 
    width: 92% !important; 
    height: 100%; 
    box-sizing: border-box; 
    text-decoration: none; 
    color: #f1efef;
}


/*問い合わせ*/
.contact{
	position: relative;
	padding: 16px 0 12px 65px;

}

/*問い合わせのa*/
.contact a{
    width: 100%;
	color: #f1efef;
}


/*メインナビhover時の子要素aに対して*/
.nav_event_schedule:hover > a,
.nav_vacant_venue:hover > a,
.nav_crew_recruitment:hover > a,
.nav_equipment_rental:hover > a,
.nav_artist_info:hover > a,
.nav_blacklist:hover > a,
.nav_event_schedule_selected:hover > a,
.nav_vacant_venue_selected:hover > a,
.nav_crew_recruitment_selected:hover > a,
.nav_equipment_rental_selected:hover > a,
.contact:hover > a
{
	color: #191717;
	font-weight: bold;
}


/*メインナビ等該当ページのナビ背景+問い合わせとログアウト*/
.nav_event_schedule,
.nav_vacant_venue,
.nav_crew_recruitment,
.nav_equipment_rental,
.nav_artist_info,
.nav_blacklist,
.nav_event_schedule_selected,
.nav_vacant_venue_selected,
.nav_crew_recruitment_selected,
.nav_equipment_rental_selected,
.contact,
.logout,
.admin_logout{
	height: 60px;
	width: 100%;
}



/*メインナビのａサイズ+問い合わせとログアウト*/
.nav_event_schedule a,
.nav_vacant_venue a,
.nav_crew_recruitment a,
.nav_equipment_rental a,
.nav_artist_info a,
.nav_blacklist a,
.nav_event_schedule_selected a,
.nav_vacant_venue_selected a,
.nav_crew_recruitment_selected a,
.nav_equipment_rental_selected a,
.contact a{
	width: 92% ;
	color: #f1efef;
	font-weight: bold;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 258px 100%;
	height: 60px;
	display: block;
	padding:16px 0 0 43px; 
	position: absolute;
	left:22px;
	top:0px;
}



/*”マイページ”の文字*/
.nav_mypage_text{
	height: 50px;
	font-weight: bold;
	width: 100%;
}

.nav_mypage span{
	font-weight: bold !important;
}


/*横線*/
.nav_event_schedule_selected::before,
.nav_vacant_venue_selected::before,
.nav_crew_recruitment_selected::before,
.nav_equipment_rental_selected::before,
.nav_event_schedule::before,
.nav_vacant_venue::before,
.nav_crew_recruitment::before,
.nav_equipment_rental::before,
.nav_artist_info::before,
.nav_blacklist::before,
.contact::before
{
	content: "";
    display: block;
    width: 40px;
	position: absolute;
    left: 0px;
	bottom:31px;
    border-bottom: 1px solid #ccc8aa;
}



/*liのhover*/
/*該当ページ選択時の背景*/
.nav_event_schedule:hover,
.nav_vacant_venue:hover,
.nav_crew_recruitment:hover,
.nav_equipment_rental:hover,
.nav_artist_info:hover,
.nav_blacklist:hover,
.nav_event_schedule_selected,
.nav_vacant_venue_selected,
.nav_crew_recruitment_selected,
.nav_equipment_rental_selected,
.contact:hover
{
	background: linear-gradient(to left, #f1efef 258px, transparent 258px);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 258px 100%;
}



/*サブナビli*/
.subnav_news,
.subnav_post_list,
.subnav_negotiation_list,
.subnav_user_info,
.subnav_post_list_selected,
.subnav_news_selected,
.subnav_negotiation_list_selected,
.subnav_user_info_selected,
.registered_users_tab,
.sub_nav .event_list_tab,
.sub_nav .venue_list_tab,
.sub_nav .crew_list_tab,
.sub_nav .equipment_tab,
.sub_nav .artist_list_tab,
.sub_nav .blacklist_tab,
.sub_nav .news_update_tab,
.sub_nav .genre_registration_tab{
	height: 50px;
	width: 100%;
}


/*サブナビliのａサイズ*/
.subnav_news a,
.subnav_post_list a,
.subnav_negotiation_list a,
.subnav_user_info a,
.subnav_post_list_selected a,
.subnav_negotiation_list_selected a,
.subnav_user_info_selected a,
.subnav_news_selected a,
.sub_nav .registered_users_tab a,
.sub_nav .event_list_tab a,
.sub_nav .venue_list_tab a,
.sub_nav .crew_list_tab a,
.sub_nav .equipment_tab a,
.sub_nav .artist_list_tab a,
.sub_nav .blacklist_tab a,
.sub_nav .news_update_tab a,
.sub_nav .genre_registration_tab a{
	width: 92% ;
	color: #f1efef;
	font-weight: bold;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 258px 100%;
	height: 50px;
	display: block;
	padding:12px 0 0 43px;
	position: absolute;
	left:22px;
	top:0px;
}



.nav_mypage::before{
	content: "";
    display: block;
    width: 40px;
	position: absolute;
    left: 0px;
	top:29px;
    border-bottom: 1px solid #ccc8aa;
}



.sub_nav{
	margin-top: 10px;
	margin-left: -70px;
}

.sub_nav li{
	position: relative;
	padding: 16px 0 12px 65px;
	width: 100%;
	color: #f1efef;
	margin: 0px 0 0 0px;
}

.sub_nav .registered_users_tab,
.sub_nav .event_list_tab,
.sub_nav .venue_list_tab,
.sub_nav .crew_list_tab,
.sub_nav .equipment_tab,
.sub_nav .artist_list_tab,
.sub_nav .blacklist_tab,
.sub_nav .news_update_tab,
.sub_nav .genre_registration_tab{
	position: relative;
	padding: 16px 0 12px 65px;
	width: 100%;
	color: #f1efef;
	margin: 0px 0 0 0px;
}




.sub_nav li a{
    display: block;  
    width: 91% !important;  
    height: 100%; 
    box-sizing: border-box;  
    text-decoration: none; 
    color: #f1efef; 
	position: absolute;
	left: 27px;
}

.sub_nav .registered_users_tab a,
.sub_nav .event_list_tab a,
.sub_nav .venue_list_tab a,
.sub_nav .crew_list_tab a,
.sub_nav .equipment_tab a,
.sub_nav .artist_list_tab a,
.sub_nav .blacklist_tab a,
.sub_nav .news_update_tab a,
.sub_nav .genre_registration_tab a{
    display: block; 
    width: 91% !important; 
    height: 100%;
    box-sizing: border-box;  
    text-decoration: none;
    color: #f1efef; 
	position: absolute;
	left: 27px;
}


.sub_nav li:hover
{
	background: linear-gradient(to left, #f1efef 258px, transparent 258px);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 258px 100%;
}


.sub_nav li:hover a{
	color: #191717;
	font-weight: bold;
}

.registered_users_tab:hover a,
.event_list_tab:hover a,
.venue_list_tab:hover a,
.crew_list_tab:hover a,
.equipment_tab:hover a,
.artist_list_tab:hover a,
.blacklist_tab:hover a,
.news_update_tab:hover a,
.genre_registration_tab:hover a{
	color: #f1efef;
	font-weight: bold;
}



.subnav_news:hover,
.subnav_post_list:hover,
.subnav_negotiation_list:hover,
.subnav_user_info:hover
{
	background: linear-gradient(to left, #f1efef 258px, transparent 258px);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 258px 100%;
}


.nav_event_schedule_selected > a,
.nav_vacant_venue_selected > a,
.nav_crew_recruitment_selected > a,
.nav_equipment_rental_selected > a,
.subnav_post_list_selected > a,
.subnav_negotiation_list_selected > a,
.subnav_user_info_selected > a,
.subnav_news_selected > a
{
	color: #191717 !important;
	font-weight: bold;
	background: linear-gradient(to left, #f1efef 258px, transparent 258px);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 258px 100%;
}


.subnav_news {
	position: relative;
	padding-right: 30px;
}



@media (max-width:530px){
	.main_nav li{
		position: relative;
		padding: 16px 0 12px 65px;
		width: 100%;
		color: #f1efef;
		margin: 0px 0 0 0px;
	}
	.main_nav li a{
		display: block; 
		width: 100% !important;  
		height: 100%;
		box-sizing: border-box;  
		text-decoration: none;  
		color: #f1efef; 
	}
	.sub_nav{

	}
	
	.sub_nav li{
		position: relative;
		padding: 16px 0 12px 0px;
		width: 100% !important;
		color: #f1efef;
		margin: 0px 0 0 0px;
	}
	.sub_nav li a{
		display: block;  
		width: 100% !important;  
		height: 100%; 
		box-sizing: border-box; 
		text-decoration: none; 
		color: #f1efef;
		position: absolute;
		left: 27px;

	}
	.nav_event_schedule:hover,
	.nav_vacant_venue:hover,
	.nav_crew_recruitment:hover,
	.nav_equipment_rental:hover,
	.nav_artist_info:hover,
	.nav_event_schedule_selected,
	.nav_vacant_venue_selected,
	.nav_crew_recruitment_selected,
	.nav_equipment_rental_selected,
	.nav_event_schedule_selected:hover,
	.nav_vacant_venue_selected:hover,
	.nav_crew_recruitment_selected:hover,
	.nav_equipment_rental_selected:hover,
	.contact:hover
	{
		background: linear-gradient(to left, #f1efef calc(100% - 22px), transparent calc(100% - 22px));
		background-position: left;
		background-repeat: no-repeat;
    	background-size: 100% 100%;
	}
	.sub_nav li a:hover,
	.subnav_news_selected,
	.subnav_post_list_selected,
	.subnav_negotiation_list_selected,
	.subnav_user_info_selected,
	.subnav_news_selected:hover,
	.subnav_post_list_selected:hover,
	.subnav_negotiation_list_selected:hover,
	.subnav_user_info_selected:hover
	{
		background: linear-gradient(to left, #f1efef 100%, transparent 100%);
		background-position: left;
		background-repeat: no-repeat;
    	background-size: 100% 100%;
	}		
}






.notification_badges{
	position: absolute;
	top:10px;
	right: 100px;
    transform: translate(50%, 10%);
    background: #d64452;
    color: #ffffff;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius:50%;
    border-bottom-right-radius:50%;
    padding: 4px 10px 8px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
	text-align: center;
}


@media (max-width: 530px){
	.notification_badges{
		position:relative;
		top:-14px;
		left: 20px;
		transform: translate(40%, 50%);
		background: #d64452;
		color: #ffffff;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		border-bottom-left-radius:50%;
		border-bottom-right-radius:50%;
		padding: 4px 10px 8px 10px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}
}







/*ログアウト*/
.logout,
.admin_logout{
	position: relative;
	padding: 16px 0 12px 65px;
}

/*ログアウト背景黒部分*/
.logout a{
	display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    height: 60px;
    background: #191717;
    z-index: 0;
}

.admin_logout a{
	display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    width: 240px;
    height: 60px;
    background: #191717;
    z-index: 0;
	border: 1px solid #f1efef;
}



/*ログアウト背景黒のhover*/
.logout:hover,
.admin_logout:hover{
	opacity: 0.8;
}


/*ログアウトの左画像*/
.logout img,
.admin_logout img{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0px 0px;
	top: 20px;
	left: 22px;
}

/*ログアウトの文字*/
.logout span,
.admin_logout span{
	display: block;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 25px;
	text-align: left;
	vertical-align: middle;
	line-height: 5px;
	position: absolute;
	top: 24px;
	left:30px;
}



/**********右全体エリア**********/


@media (min-width: 961px) {
	.main-content {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 100vh !important;
		width: calc(100% - 280px);
		position: absolute;
		left:280px;
		padding: 0px;
		margin: 0;
	}
}



/***********ヘッダー**********/
.header {
	position: relative;
    background: #f1efef;
    color: #191717;
    padding: 0px;
    text-align: center;
	height: 100px;
	border-bottom: 0px solid #000000;
	z-index: 1;
	width:100%;
	opacity: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


.user_icon {
	display: block;
	position: fixed;
	top: 10px;
	right: 30px;
	z-index: 2000;
}

.user_icon_link {
	display: block;
	position: relative;
	width: 60px;
	margin: 0;
	text-decoration: none;
}

.user_icon_wrap {
	position: relative;
	width: 60px;
	height: 60px;
}

.user_icon_preparing {
	position: absolute;
	top: 40px;
	right: 5px;
	font-size: 10px;
	color: #656464;
	background: #ccc8aa;
	padding: 1px 10px;
	z-index: 2;
	white-space: nowrap;
	border: 1px solid #656464;
}

.user_icon_img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0;
}

.user_icon_realname {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 10px;
	color: #191717;
	margin-top: 0px;
	max-width: 60px;
}
.user_icon_realname_text {
	word-break: keep-all; 
	text-align: right;
	font-size: 10px;
}
.user_icon_san {
	font-size: 10px;
	color: #191717;
	text-align: right;
	white-space: nowrap; 
}

.user_icon:hover {
	opacity: 0.8;
}

/*

@media (min-width: 961px) {
    .user_icon {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    	z-index: 1300; 
    }
}

*/


/********** オーバーレイ**********/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1099; 
	display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* サイドバーが開いた時にオーバーレイを表示 */
.overlay.active {
    display: block;
    opacity: 1;
}


/**********ハンバーガー**********/


.hamburger-menu {
    display: none;
    cursor: pointer;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    z-index: 1300;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid #656464;
}

.hamburger-menu:hover {
	opacity: 0.8;	
}


.hamburger-menu span {
    background-color: #f1efef;
    height: 3px;
    width: 40px;
    z-index: 1201;
}



/* 追記 */

.hamburger-menu { position: fixed; }
.hamburger-menu { position: fixed; }
.hamburger-menu span {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 3px;
  transition: transform .2s ease, opacity .2s ease;
}
.hamburger-menu span:nth-child(1){ top: 17px; }
.hamburger-menu span:nth-child(2){ top: 28px; }
.hamburger-menu span:nth-child(3){ top: 39px; }

.hamburger-menu.open span:nth-child(1){ transform: translateY(11px) rotate(45deg); }
.hamburger-menu.open span:nth-child(2){ opacity: 0; }
.hamburger-menu.open span:nth-child(3){ transform: translateY(-11px) rotate(-45deg); }

html.nav-open, body.nav-open { overflow: hidden; touch-action: none; }

/* 追記 */

 /* 背面ロック（メニュー展開中に背景をスクロールさせない） */
 html.nav-open, body.nav-open{
   overflow: hidden;
   height: 100%;
   touch-action: none;
 }
/* 追記 */


@media (max-width: 960px) {
    .header {
        position: relative;
        top: 0px;
        width: 100%;
        background: #f1efef;
        z-index:1000; 
		opacity: 1;
		height: 100px;
		padding: 0px;
		min-width: 100%;
		max-width: 100%;
		margin: 0 auto;
    }
	.main-content {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		width: 100%;
		position: relative;
		padding: 0px;
		margin: 0px auto;
		z-index: 1050;
	}
    .hamburger-menu {
        display: flex;
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1300;
        width: 60px;
        height: 60px;
        align-items: center;
        justify-content: center;
        background: #191717;
		border-top-left-radius: 8px;
		border-bottom-right-radius: 8px;	
    }
	.hamburger-menu span {
		background-color: #f1efef;
		height: 3px;
		width: 40px;
        z-index: 1201;
	}
	.user_icon{
		display:none;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.sidebar_login_before {
		position: fixed;
		top: 0;
		left: 0;
		width: 280px;
		height: 100vh;
		background-color: #ccc8aa;
		z-index: 1100;
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out; /* スライドインのアニメーション */
		display: none; 


		overflow-y: auto;                /* ログイン前メニューも同様に */
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}

	.sidebar_login_before.active {
		transform: translateX(0); /* スライドイン */
		display: block;
	}
	.sidebar,
	.admin_sidebar{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        height: 100vh;
        background-color: #656464;
        z-index: 1100;
        transition: transform 0.3s ease;
        transform: translateX(-100%); /* メニューを隠す */


		overflow-y: auto;                 /* ← サイドバー側をスクロール可能にする */
		-webkit-overflow-scrolling: touch;/* ← iOSの慣性スクロール */
		overscroll-behavior: contain;     /* ← 背面へのスクロール伝播を防ぐ */
 	}
	.sidebar.active,
	.admin_sidebar.active{
        transform: translateX(0); /* 表示する */
	}
	.logo_login_before {
		padding: 33px 0px 11px 25px;
		opacity: 0;
		visibility: hidden;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	}

	.logo_login_before:hover {
		opacity: 0.8;
	}
	.sidebar_login_before.active .logo_login_before {
		opacity: 1;
		visibility: visible;
	}
}

@media (max-width: 960px){
  .sidebar,
  .admin_sidebar,
  .sidebar_login_before{
    z-index: 1100; /* overlay(1099) より上に */
  }
}



/* ハンバーガーが開いている時（×アイコン） */
.hamburger-menu.open span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

.hamburger-menu.open span:nth-child(2) {
    opacity: 0; /* 真ん中の線は消す */
}

.hamburger-menu.open span:nth-child(3) {
    transform: rotate(-45deg) translate(8px, -8px);
}

/* スムーズにアニメーションさせる */
.hamburger-menu span {
    transition: all 0.1s ease;
}



/**********メイン**********/
.content {
    flex-grow: 1;
    padding: 0px;
	margin: 0 auto;
	width:100%;
	min-width: 100%;
}


/**********お知らせ**********/
.news_wrapper{
	background: #f1efef;
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 100%;
	height: auto;
}

.news{
	border:0px solid #000000;
	margin: 0 auto;
	width:68%;
	padding: 0 0 60px 0;
	max-width: 900px;
	min-width: 680px;
		height: auto;
}

.news_list{
	border:0px solid #000000;
	margin: 0 auto;
	width:68%;
	padding: 0 0 0px 0;
	max-width: 900px;
	min-width: 680px;
		height: auto;
}

.news_back_to_top{
	text-align: center;
	margin: 20px 0 0px 0; 
}

.news_back_to_top_submit{
	display: inline-block;
	width:33.33%;
	height: 60px;
	line-height: 60px;
	color: #191717;
	font-size: 16px;
	text-align: center;
	background-color: #ccc8aa;
	border: 0px solid #000000;
	cursor: pointer;
}

.news_back_to_top_submit:hover{
	background-color: rgba(201, 200, 170, 0.5);	
}







@media (max-width: 960px){
.news{
	border:0px solid #000000;
	margin: 0 auto;
	width:90%;
	padding: 0 0 60px 0;
}
}
@media (max-width: 700px){
.news{
	border:0px solid #000000;
	margin: 0 auto;
	width:90%;
	padding: 0 0% 60px 0;
	max-width: 680px;
	min-width: 330px;
	height: auto;
	}
}


.h1_news{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding:0px 0 5px 0;
}

.news p{
	padding: 11px 34px 7px 34px;
	line-height: 16px;
	border-bottom:1px solid #000000;
}

.news p:last-child{
	border-bottom:0px solid #000000;
}


.news time{
	margin-right: 30px;
}


.news_text p{
	display: flex;
	width:100%;
	vertical-align: middle;
	align-items: center;
}
.news_text time{
	width:20%;
	margin: 0 10px 0 0;
}
.news_text span{
	width:80%;
	margin: 0 10px 0 10px;	
}


@media (max-width: 600px){
	.news p{
	padding: 10px 10px 10px 10px;
	line-height: 16px;
	border-bottom:1px solid #000000;
	}
	.news p:last-child{
		border-bottom:0px solid #000000;
	}
	.news_text{
		width: 100%;
	}
	.news_text p{
		display: flex;
		width:100%;
		vertical-align: middle;
		align-items: center;
	}
	.news_text time{
		width:20%;
		margin: 0 15px 0 0;
	}
	.news_text span{
		width:80%;
		margin: 0 15px 0 20px;	
	}
}


.news_line_wrapper{
	position: relative;
}

.news_title_line{
	display: block;
    width: 7%;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* 上に表示 */
}


.news_title_long_line{
    display: block;
	width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}



.news_text{
	width: 100%;
	flex-wrap:wrap;
	border-bottom: 2px solid #656464;
}


.news_next{
	padding: 15px 0 0px 0;
	float: right;
}

.news_next img{
	padding: 0 0 0 5px;
}

.news_next a{
	color: #656464;
}

.news_next a:hover{
	opacity: 0.5;	
}

.no_news_text{
	margin: 5px 0 5px 0px;
}



#firstPageCustom:hover,
#prevPageCustom:hover,
#nextPageCustom:hover,
#lastPageCustom:hover{
	opacity: 0.5;
}

/**********カレンダー**********/

.calendar_wrapper{
	background: #ffffff;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px 0;

}

.calendar{
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0;
	width: 68%;
	max-width: 900px;
	min-width: 680px;
}

.calendar_error_message{
	color: #d64452;
	padding: 10px 0 0 0;
	
}

@media (max-width: 960px){
.calendar{
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0;
	width: 90%;
}
}
@media (max-width: 700px){
.calendar{
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0%;
	width: 90%;
	max-width: 680px;
	min-width: 330px;
	}
}


.h1_calendar{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding: 65px 0 5px 0;
}



.calender_line_wrapper{
	position: relative;
}

.calendar_title_line{
	display: block;
    width: 7%;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2; /* 上に表示 */
}

.calendar_title_long_line{
    display: block;
	width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 0;
}


.calender_month{
    display: flex;
    justify-content: space-between; /* 子要素を左右両端に配置 */
    align-items: center; /* 垂直方向の位置を中央に */
	text-align: center;
	height: 80px;
	border: 0px solid #000000;
}
.calender_month a{
}


.calender_last_month{
	flex: 1; /* 左端に配置 */
	text-align: left;
	padding:20px 0;
	margin: 0 0 1px 0px;
}


.prev-month:hover,
.next-month:hover{
	opacity: 0.5;
}

.prev-month{
	font-size: 16px;
	color:#191717;
    vertical-align: middle;
}

.prev-month img{
	margin: 0 10px 0 30px;
    vertical-align: middle;
	padding: 0 0 1px 0px;
}

.calender_this_month{
    flex: 1; /* 中央に配置 */
	text-align: center;
	padding:20px 0;
}
.calender_this_month span{
	font-size: 24px;
	font-weight: bold;
	color:#191717;
	cursor: default;
}

@media (max-width: 960px){
	.calender_this_month span{
		font-size: 20px;
		font-weight: bold;
		color:#191717;
	}
}



.calender_next_month{
    flex: 1; /* 右端に配置 */
	text-align: right;
	padding:20px 0;
	margin: 0 0 1px 0px;
}

.next-month{
	font-size: 16px;
	color:#191717;
	vertical-align: middle;
	
}

.next-month img{
	margin: 0 30px 0 10px;
	padding: 0 0 1px 0px;
    vertical-align:middle;	
}


.calender_day_of_week{
}

.calender_date{
	width: 100%;
}

.table_day_of_week{
	width:100%;
	background: #656464;
	color: #f1efef;
	height: 40px;
	margin-bottom: 10px;
}

.table_day_of_week th{
	border-right: 1px solid #f1efef;
	width: 14%;
}

.table_day_of_week th:last-child{
	border-right: 0px solid #f1efef;
}


.table_date{
	width:100%;
}

.dates_last_month,
.dates_this_month,
.dates_next_month{
	position: relative;
	width: 14%;
	height:128px;
	text-align: right;
	border-right: none;
	border-bottom: none;
	padding: 0px 10px 0 0px;
}


.dates_last_month,
.dates_next_month{
background: #f1efef;
}


/*tdの右線下線*/
@media (min-width: 681px){
	.dates_last_month::before,
	.dates_this_month::before,
	.dates_next_month::before{
		content: '';
		position: absolute;
		top: 3px; /* 3px小さくするために半分ずつ上と下にずらす */
		right: 0px; /* 右の線も同様に調整 */
		height: calc(100% - 3px); /* 3px小さい高さ */
		width: 1px; /* 線の幅を調整 */
		background-color: #656464; /* 線の色 */
	}
	.dates_last_month::after,
	.dates_this_month::after,
	.dates_next_month::after{
		content: '';
		position: absolute;
		left: 3px;
		bottom: 0px; /* 下側の位置を調整 */
		width: calc(100% - 3px); /* 横の長さを3px短くする */
		height: 1px; /* 横線の高さ */
		background-color: #656464; /* 線の色 */
	}
}

/*tdのa部分*/
.dates_last_month a,
.dates_this_month a,
.dates_next_month a{
	marign: 0px 0px 0 0px;
	padding: 0px 0px 0 0px;
	display: block; /* ブロック要素として全体をリンクに */
    width: 100%;    /* tdの幅 */
    height: 100%;   /* tdの高さ */
    text-decoration: none; /* デフォルトのリンクスタイルを除去 */
    color: inherit; /* テキストカラーを親要素から継承 */
}




/*カレンダーの日にち部分*/
.date_numbers{
	position: absolute;
	right:10px;
	top:-2px;
	color:#191717;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #191717;
	display: inline-block; /* 下線をテキスト幅に合わせる */
	padding-bottom: 0px; /* 下線とテキストの間に少し余白を追加 */
	margin-bottom: 0px;
	margin-top: 0px;
}

/*カレンダーの黄土色全体*/
.mark_container{
	position: absolute;
	right:7%;
	top:26%;
	background: #ccc8aa;
	width:87%;
	height: 86px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	padding: 5px 0px 5px 0px;

}


.dates_last_month a .event,
.dates_this_month a .event,
.dates_next_month a .event{
	display:block;
	background: #191717;
	text-align: center;
	line-height: 16px;
	width:81%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}


.dates_last_month a .venue,
.dates_this_month a .venue,
.dates_next_month a .venue{
	display:block;
	background: #f1efef;
	text-align: center;
	line-height: 16px;
	width:81%;
	height: 16px;
	font-size: 12px;
	color: #191717;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}

.dates_last_month a .crew,
.dates_this_month a .crew,
.dates_next_month a .crew{
	display:block;
	background: #3588a6;
	text-align: center;
	line-height: 16px;
	width:81%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}

.dates_last_month a .equipment,
.dates_this_month a .equipment,
.dates_next_month a .equipment{
	display:block;
	background: #d64452;
	text-align: center;
	line-height: 16px;
	width:81%;
	height: 16px;
	font-size: 11px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}


.dates_last_month .date_numbers,
.dates_next_month .date_numbers{
	color: #656464;
	border-bottom: 2px solid #656464;
	font-size: 1em;
}






@media (max-width: 1300px) {
	.dates_last_month a .equipment,
	.dates_this_month a .equipment,
	.dates_next_month a .equipment {
	    visibility: hidden; /* 非表示 */
  }
	.dates_last_month a .equipment::before,
	.dates_this_month a .equipment::before,
	.dates_next_month a .equipment::before{
		content: "EQ"; /* EQを表示 */
		visibility: visible;
		display:block;
		background: #d64452;
		text-align: center;
		line-height: 16px;
		font-size: 12px;
		color: #f1efef;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-left-radius:8px; 
		border-bottom-right-radius: 8px;
  }
}





/*凡例*/

.calendar_description{
	width: 100%;
	text-align: left;
	margin: 20px 0;
}

.calendar_description span{
	font-size: 14px;
}



/*マーク説明*/

.mark_wrapper{
	display: flex;
	width:100%;
	line-height: 20px;
	box-sizing: border-box;
	border: 0px solid #000000;
	padding: 0;
	margin: 0;
  	white-space: nowrap;
	
}

/*情報あり*/
.infomation_mark{
	line-height: 16px;
	white-space: nowrap;
}
.infomation_mark_frame{
	display: inline-block;
	width: 60px;
	height: 26px;
	background: #ccc8aa;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	margin: 0px 10px 0px 0;
	vertical-align: middle;
	align-items: center;
}
.infomation_mark_text{
	display: inline-block;
	margin: 0px 10px 0px 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -1px;
}


/*イベントあり*/

.event_mark{
	flex:1;
	white-space: nowrap;
}
.event_mark_frame{
	background: #191717;
	text-align: center;
	line-height: 16px;
	display: inline-block;
	width: 86px;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 3px 4px 0px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}
.event_mark_text{
	margin-right: 5px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -1px;
}


/*会場空きあり*/

.venue_mark{
	flex:1;
	white-space: nowrap;
}
.venue_mark_frame{
	background: #f1efef;
	text-align: center;
	line-height: 16px;
	height: 16px;
	display: inline-block;
	width: 86px;
	font-size: 12px;
	color: #191717;
	margin: 3px 4px 4px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}
.venue_mark_text{
	font-size: 14px;
	margin-right: 5px;
	letter-spacing: -1px;

}


/*クルー募集*/

.crew_mark{
	flex:1;
	white-space: nowrap;
}
.crew_mark_frame{
	background: #3588a6;
	text-align: center;
	line-height: 16px;
	height: 16px;
		display: inline-block;
	width: 86px;
	font-size: 12px;
	color: #f1efef;
	margin: 3px 4px 4px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}
.crew_mark_text{
	margin-right: 5px;
	font-size: 14px;
	letter-spacing: -1px;
}


/*機材レンタル希望*/

.equipment_mark{
	flex:1;
	border: 0px solid #000000;
	white-space: nowrap;
}

.equipment_mark_frame{
	background: #d64452;
	text-align: center;
	line-height: 16px;
	height: 16px;
	display: inline-block;
	width: 86px;
	font-size: 12px;
	color: #f1efef;
	margin: 3px 4px 0px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}


@media (max-width: 1300px) {
.equipment_mark_frame {
    visibility: hidden; /* 非表示 */
  }

.equipment_mark_frame::before {
    content: "EQ"; /* EQを表示 */
	display: inline-block;
	visibility: visible;
	background: #d64452;
	text-align: center;
	line-height: 16px;
	width:86px;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 4px 10px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
  }
}


.equipment_mark_text{
	font-size: 14px;
	margin-right: 0px;
	width:40%;
	letter-spacing: -1px;
}



/*カレンダー下ボタン*/
.calender_button_wrapper{
	position: relative;
	width:100%;
	text-align: center;
	padding: 40px 0;
	margin: 0 auto;
	
}


.calender_button{
	display: block;
	width: 33.33%;
	height:60px; 
	background: #ccc8aa;
	border: 0px solid #000000;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
	margin: 0 auto;
	padding: 17px 0;
	vertical-align: middle;
	align-items: center;
	color: #191717;
}

.calender_button:hover{
	opacity: 0.8;
}
    


/* 550px以下の時にボタンのテキストを変更 */
@media (max-width: 550px) {
    .calender_button::before {
	content:"新規入力";  /* ここでボタンの新しいテキストを設定 */
    font-size: 14px;      /* テキストが見えるようにフォントサイズを指定 */
	display: block;
	width: 100%;
	height:60px; 
	background: #ccc8aa;
	border: 0px solid #000000;
	text-align: center;
	visibility:visible; 
	line-height: 60px;
    }
	.calender_button{
		visibility: hidden;
	}
}


@media (max-width: 1480px) and (min-width: 961px){
  .mark_wrapper {
    flex-wrap: wrap;
    white-space: normal; 
	  width: 100%;
  }
  .infomation_mark,
  .event_mark,
  .venue_mark,
  .crew_mark,
  .equipment_mark {
    width: calc(33.33% - 10px); 
    box-sizing: border-box;
    margin: 5px; 
  }
  /* 二段目の2アイテム用に調整 */
  .mark_wrapper > div:nth-child(4),
  .mark_wrapper > div:nth-child(5) {
    width: calc(50% - 10px); 
  }
}

@media (max-width: 960px){
	.mark_wrapper {
	flex-wrap:wrap;
	width: 100%;
	display: flex;
  }
  .infomation_mark{
	  	flex:1;
    box-sizing: border-box;
	  margin-right: -10px;
  }
  .infomation_mark_frame{
    max-width: 50px; 
  }
  .infomation_mark_text{
	margin-right: 0px;
  }
  .event_mark{
	margin-right: 10px;
	flex:1;
    box-sizing: border-box;
 }
  .event_mark_frame{
    max-width: 70px; 
  }
  .event_mark_text{
	margin-right: 0px;
  } 
  .venue_mark{
	  margin-right: 10px;
	  flex:1;
    box-sizing: border-box;
  }
  .venue_mark_frame{
    max-width: 70px; 
  }
  .venue_mark_text{
	margin-right: 0px;
  } 
  .crew_mark{
	   margin-right: 10px;
	  flex:1;
    box-sizing: border-box;
  }
  .crew_mark_frame{
    max-width: 70px; 
  }
  .crew_mark_text{
	margin-right: 0px;
  } 
	
  .equipment_mark {
	flex:1;
    box-sizing: border-box;
	margin: 0 0px 0 0px;
  }
  .equipment_mark_frame{
    max-width: 60px; 
  }
.equipment_mark_text{
    visibility: hidden; /* 非表示 */
	margin-right: 0px;
  }
  .equipment_mark_text::before {
    content: "機材レンタル"; /* EQを表示 */
	visibility: visible;
	  display: inline-block;
	max-width:60px;
	margin: 0 -100px 0 10px;
	}
.equipment_mark_frame::before {
    content: "EQ"; /* EQを表示 */
	visibility: visible;
	display:inline-block;
	background: #d64452;
	text-align: center;
	line-height: 16px;
	max-width:70px;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 0px 10px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
  }	
}


@media (max-width: 840px) and (min-width: 480px){
  .mark_wrapper {
    flex-wrap: wrap;
    white-space: normal; 
	  width: 100%;
  }
  .infomation_mark,
  .event_mark,
  .venue_mark,
  .crew_mark,
  .equipment_mark {
    width: calc(33.33% - 10px); 
    box-sizing: border-box;
    margin: 5px; 
  }
  /* 二段目の2アイテム用に調整 */
  .mark_wrapper > div:nth-child(4),
  .mark_wrapper > div:nth-child(5) {
    width: calc(50% - 10px); 
  }
}


@media (max-width: 550px){
	.mark_wrapper {
	display: block;
	width: 100%;
  }
  .infomation_mark{
	  	width: 100%;
    box-sizing: border-box;
	  	  	margin: 5px 20px 5px 0px;
  }
  .infomation_mark_frame{
    width: 120px; 
	max-width:120px;
	  	  	margin: 0px 10px 0px 0px;
  }
  .infomation_mark_text{
	margin-right: 5px;
  }
  .event_mark{
	  	width: 100%;
    box-sizing: border-box;
	  	  	margin: 5px 20px 5px 0px;
 }
  .event_mark_frame{
    width: 120px; 
	max-width:120px;
	  	  	  	margin: 0px 10px 0px 0px;
  }
  .event_mark_text{
	margin-right: 5px;
  } 
  .venue_mark{
	  	width: 100%;
    box-sizing: border-box;
	  	margin: 5px 20px 5px 0px;
  }
  .venue_mark_frame{
	  	  	  	margin: 0px 10px 0px 0px;
    width: 120px; 
	max-width:120px;
  }
  .venue_mark_text{
	margin-right: 5px;
  } 
  .crew_mark{
	  	width: 100%;
    box-sizing: border-box;
	  	  	margin: 5px 20px 5px 0px;
  }
  .crew_mark_frame{
    width: 120px; 
	max-width:120px;
	  	  	margin: 0px 10px 0px 0px;
  }
  .crew_mark_text{
	margin-right: 5px;
  } 
	
  .equipment_mark {
	width: 100%;
    box-sizing: border-box;
	margin: 5px 20px 5px 0px;
  }
  .equipment_mark_frame{
    width: 60px; 
	max-width:60px;
	  	  	  	margin: 0px 10px 0px 0px;
  }
.equipment_mark_text{
    visibility: hidden; /* 非表示 */
	margin-right: 5px;
  }
  .equipment_mark_text::before {
    content: "機材レンタル"; /* EQを表示 */
	visibility: visible;
	display:inline-block;
	max-width:60px;
	margin: 0 0 0 60px;
	}
.equipment_mark_frame::before {
    content: "EQ"; /* EQを表示 */
	visibility: visible;
	display:inline-block;
	background: #d64452;
	text-align: center;
	line-height: 16px;
	width:120px;
	max-width:120px;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 2px 4px 10px 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
	
  }	
}




@media (min-width: 681px){
.weekday{
	display:none;
	}
}

@media (max-width: 680px) and (min-width:631px){
	.table_day_of_week{
	display: none;
	}
	.table_date{
	width:100%;
	margin: 0 auto;
	padding: 0;
	}
	.table_date tr{
	width: 100%;
	display: block;
	}
	.dates_this_month{
	display: block;
	position: relative;
	width: 100%;
	height:60px;
	text-align: right;
	border-right: 0px solid #191717;
	border-bottom: 1px solid #191717;
	padding: 0px 10px 0px 10px;
	}
	.date_numbers{
	width: 1.2em;
	position: absolute;
	display: inline-block;
	left:16px;
	top:16px;
	flex: 1;
	text-align: center;
	color:#191717;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #191717;
	}
	.weekday{
	width: 10px;
	position: absolute;
	display: flex;
	left:60px;
	top:10px;
	flex: 1;
	text-align: center;
	padding: 10px 0;
	}

.mark_container{
	flex:1;
	display: flex;
	justify-content: space-around;
	vertical-align: middle;
	background: #ccc8aa;
	width:75%;
	height: 65%;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	padding: 10px 10px 10px 10px;
	margin: 0 0 10px 0px;
	text-align: left;
	position: absolute;
	left:100px;
	top:10px;
	flex-wrap: wrap;
}

.dates_this_month a .event{
	display:block;
	position: absolute;
	left:10px;
	background: #191717;
	text-align: center;
	line-height: 16px;
	width:20%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}


.dates_this_month a .venue{
	display:block;
	position: absolute;
	left:110px;
	background: #f1efef;
	text-align: center;
	line-height: 16px;
	width:20%;
	height: 16px;
	font-size: 12px;
	color: #191717;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}
.dates_this_month a .crew{
	display:block;
	position: absolute;
	left:210px;
	background: #3588a6;
	text-align: center;
	line-height: 16px;
	width:20%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}


.dates_this_month a .equipment{
	display:block;
	position: absolute;
	left:310px;
	background: #d64452;
	text-align: center;
	line-height: 16px;
	width:20%;
	height: 16px;
	font-size: 11px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}
	.dates_last_month,
	.dates_next_month{
		display: none;
	}
}


@media (max-width: 630px){
	.table_day_of_week{
		display: none;
	}
	.table_date{
		width:100%;
		margin: 0 auto;
		padding: 0;
	}
	.table_date tr{
		width: 100%;
		display: block;
	}
	.dates_this_month{
		display: block;
		position: relative;
		width: 100%;
		height:80px;
		text-align: right;
		border-right: 0px solid #191717;
		border-bottom: 1px solid #191717;
		padding: 0px 10px 0px 10px;
}
	
	.date_numbers{
		width: 1.2em;
		position: absolute;
		display: inline-block;
		left:4%;
		top:35%;
		flex: 1;
		text-align: center;
		color:#191717;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 2px solid #191717;
}
	.weekday{
		width: 10px;
		position: absolute;
		display: flex;
		left:12%;
		top:25%;
		flex: 1;
		text-align: center;
		padding: 10px 0;
	}

.mark_container{
		flex:1;
		display: flex;
		justify-content: space-around;
		vertical-align: middle;
		background: #ccc8aa;
		width:75%;
		height: 75%;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px 0px;
		text-align: left;
		position: absolute;
		left:100px;
		top:10px;
		flex-wrap: wrap;
}

.dates_this_month a .event{
	display:block;
	position: absolute;
	left:10px;
	background: #191717;
	text-align: center;
	line-height: 16px;
	width:40%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}


.dates_this_month a .venue{
	display:block;
	position: absolute;
	left:190px;
	background: #f1efef;
	text-align: center;
	line-height: 16px;
	width:40%;
	height: 16px;
	font-size: 12px;
	color: #191717;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}

.dates_this_month a .crew{
	display:block;
	position: absolute;
	left:10px;
	top:35px;
	background: #3588a6;
	text-align: center;
	line-height: 16px;
	width:40%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}

.dates_this_month a .equipment{
	display:block;
	position: absolute;
	left:190px;
	top:35px;
	background: #d64452;
	text-align: center;
	line-height: 16px;
	width:40%;
	height: 16px;
	font-size: 11px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}
	.dates_last_month,
	.dates_next_month{
		display: none;
	}
}


@media (max-width:530px){
	.table_day_of_week{
	display: none;
	}
	.table_date{
	width:100%;
	margin: 0 auto;
	padding: 0;
	}
	.table_date tr{
		width: 100%;
		display: block;
	}
	.dates_this_month{
	display: block;
	position: relative;
	width: 100%;
	height:120px;
	text-align: right;
	border-right: 0px solid #191717;
	border-bottom: 1px solid #191717;
	padding: 0px 10px 0px 10px;
}
	
	.date_numbers{
	width: 1.2em;
	position: absolute;
	display: inline-block;
	left:5%;
	top:35%;
	flex: 1;
	text-align: center;
	color:#191717;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #191717;
}
	.weekday{
	width: 10px;
	position: absolute;
	display: flex;
	left:13%;
	top:28%;
	flex: 1;
	text-align: center;
	padding: 10px 0;
	}

.mark_container{
	flex:1;
	display: flex;
	justify-content: space-around;
	vertical-align: middle;
	background: #ccc8aa;
	width:70%;
	height: 80%;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	padding: 10px 10px 10px 10px;
	margin: 0 0 10px 0px;
	text-align: left;
	position: absolute;
	left:25%;
	top:10px;
	flex-wrap: wrap;
}

.dates_this_month a .event{
	display:block;
	position: absolute;
	left:7%;
	top:10px;
	background: #191717;
	text-align: center;
	line-height: 16px;
	width:80%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}


.dates_this_month a .venue{
	display:block;
	position: absolute;
	left:7%;
	top:30px;
	background: #f1efef;
	text-align: center;
	line-height: 16px;
	width:80%;
	height: 16px;
	font-size: 12px;
	color: #191717;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}

.dates_this_month a .crew{
	display:block;
	position: absolute;
	left:7%;
	top:50px;
	background: #3588a6;
	text-align: center;
	line-height: 16px;
	width:80%;
	height: 16px;
	font-size: 12px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}

.dates_this_month a .equipment{
	display:block;
	position: absolute;
	left:7%;
	top:70px;
	background: #d64452;
	text-align: center;
	line-height: 16px;
	width:80%;
	height: 16px;
	font-size: 11px;
	color: #f1efef;
	margin: 0px 10px 4px 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius:8px; 
	border-bottom-right-radius: 8px;
}
	.dates_last_month,
	.dates_next_month{
		display: none;
	}
}






/**********興行予定**********/

.event_schedule_wrapper{
	margin: 0 auto;
	width: 100%;
}

.event_schedule{
	border:0px solid #000000;
	padding: 0 0;
	width: 68%;
	margin: 0 auto;
	max-width: 900px;
	min-width: 680px;
}

@media (max-width: 960px){
	.event_schedule{
	border:0px solid #000000;
	padding: 0 0;
	width: 90%;
	margin: 0 auto;
	}
}
@media (max-width: 700px){
	.event_schedule{
	border:0px solid #000000;
	padding: 0 0%;
	width: 90%;
	margin: 0 auto;
	max-width: 680px;
	min-width: 330px;
	}
}

.h1_event_schedule{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding: 65px 0 5px 0;
}


.event_schedule_line_wrapper{
	position: relative;
}

.event_schedule_title_line{
	display: block;
    width: 7%;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2; /* 上に表示 */
}

.event_schedule_title_long_line{
    display: block;
	width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}

/*検索エリア*/
.search_box{
	width: 100%;
}


/*検索一段目*/
.dropdown_area1{
	display: flex;
	width: 100%;
}

/*検索二段目*/
.dropdown_area2{
	display: flex;
	width: 100%;
}

/*年月日*/
.dropdown_date{
	padding: 60px 0 0px 0;
	width: 35%;
	position: relative;
	z-index: 10;
}

.dropdown_date_css{
	font-size: 16px;
	color: #656464;
	width:82%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	background-color:#ffffff;
	cursor: pointer;
}

.white_screen {
    display: none;
    width: 470px;
    height: 245px;
    background: #ffffff;
    border: 1px solid #656464;
    position: absolute;
}

.calendar_container {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 0; /* paddingはなくしてレイアウトを維持 */
}

.month_wrapper {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ヘッダーのスタイル */
.calendar_header {
    width: 100%;
    padding: 0px 0;
    display: flex;
    justify-content: center; /* セレクトボックスを中央に配置 */
    align-items: center;
    position: relative;
}

.current_month_header,
.next_month_header {
    border: 0px solid #656464;
    width: 100px;
    text-align: center;
    margin: 25px 60px 10px 60px;
    padding: 5px 0;
    cursor: pointer; /* 当月ヘッダーにポインター追加 */
}

/* 翌月ヘッダーのポインター無効 */
.next_month_header {
    cursor: default;  
}

/* 縦線 */
.separator {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 180px; /* 縦線の高さを固定 */
    border-left: 1px dotted #191717; /* ドットの縦線 */
    top: 30px; /* 縦線を中央に固定するための位置調整 */
}

/* 月のセレクトボックス */
.month_select {
    padding: 0; 
    border: none; 
    font-size: 14px;
    margin: 0 auto; /* セレクトボックスを中央に配置 */
}

/* カレンダーテーブル */
.calendar_table {
    border-collapse: collapse;
    width: 189px;
    margin: 0 auto;
}

.calendar_table th {
    padding: 5px 0 0 0;
    border-top: 1px solid #656464;
}

/* テーブルセル */
.calendar_table th, 
.calendar_table td {
    width: 14.28%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.calendar_table th {
    cursor: default; /* 曜日ヘッダーにはデフォルトカーソルを適用 */
}

/* カレンダーの日程部分にポインターを追加 */
.calendar_table td {
    cursor: pointer; /* 日程部分にポインターを追加 */
}

/* 曜日カラー設定 */
.custom_sunday {
    color: red; 
}

.custom_saturday {
    color: #3588a6; 
}

.custom_holiday {
    color: #d64452;
}

/* ヘッダーセル */
.custom_saturday_header,
.custom_sunday_header {
    text-align: center;
}

.navigate_month img {
    display: auto;
}

/* カレンダーのヘッダーのボーダー */
.calendar_header.current_month_header {
    border: 1px solid #656464; /* current_month_headerのみのボーダー設定 */
}

/* 余分なスペースを排除 */
.month_wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ナビゲーションボタン */
.navigate_month {
    position: absolute; /* 絶対配置 */
    top: 50%; /* ヘッダーの中央に配置 */
    transform: translateY(-50%); /* 垂直方向で中央に配置 */
    background: transparent;
    border: none;
    cursor: pointer; /* ボタンにポインターを追加 */
    z-index: 10; /* 他の要素の上に表示させる */
}

/* 左のボタン */
#prev_month {
    left: 30px; /* 左側の位置 */
    top: 44px;
}

/* 右のボタン */
#next_month {
    right: 30px; /* 右側の位置 */
    top: 44px;
}


/* ×ボタンのスタイル */
.close_button {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #656464;
	margin:0px 0 0 0px;
    color: #f1efef;
    border: none;
    font-size: 20px;
	cursor: pointer;
    width: 22px;
    height: 22px;
    border-top-left-radius: 0%;
	border-top-right-radius: 0%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 10;
}

/* ×印自体の位置を微調整 */
.close_button span {
    position: relative;
    top: 0px; /* 上下方向の微調整 */
    left: 0px; /* 左右方向の微調整 */

}


.today {
    position: relative; /* 子要素の絶対配置の基準にする */
}

.today::after {
    content: "";
    position: absolute;
    top: 50%; /* 垂直方向中央 */
    left: 50%; /* 水平方向中央 */
    width: 24px; /* 〇印の直径 */
    height: 24px; /* 〇印の直径 */
    background-color: transparent; /* 背景色は透明 */
    border: 1px solid #656464; /* 〇印の色 */
    border-radius: 50%; /* 丸くする */
    transform: translate(-50%, -50%); /* 中心に配置 */
    z-index: 1; /* 他の要素の下に表示 */
}





/*都道府県*/
.dropdown_prefectures{
	padding: 60px 0 0 0;
		width: 35%;
}
.dropdown_prefectures_select{
	font-size: 16px;
	color: #656464;
	width:82%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; /* Safari, Chrome デフォルト無効化 */
    -moz-appearance: none; /* Firefox デフォルト無効化 */
    appearance: none; /* 他ブラウザのデフォルト無効化 */
	background-image: url("../images/select.png"); /* カスタム画像 */
	background-repeat: no-repeat;
	background-position: right 10px center;
    background-size: 16px; /* 画像サイズ */
	background-color:#ffffff;
}


/*市区町村*/
.dropdown_municipalities{
	padding: 60px 0 0 0;
		width: 30%;
}
.dropdown_municipalities_select{
	font-size: 16px;
	color: #656464;
	width:100%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; /* Safari, Chrome デフォルト無効化 */
    -moz-appearance: none; /* Firefox デフォルト無効化 */
    appearance: none; /* 他ブラウザのデフォルト無効化 */
	background-image: url("../images/select.png"); /* カスタム画像 */
	background-repeat: no-repeat;
	background-position: right 10px center;
    background-size: 16px; /* 画像サイズ */
	background-color:#ffffff;
}


/*ジャンル*/
.dropdown_genre{
	padding: 30px 0 0 0;
	width: 100%;
}

.dropdown_genre_select{
	font-size: 16px;
	color: #656464;
	width:50%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; /* Safari, Chrome デフォルト無効化 */
    -moz-appearance: none; /* Firefox デフォルト無効化 */
    appearance: none; /* 他ブラウザのデフォルト無効化 */
	background-image: url("../images/select.png"); /* カスタム画像 */
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; /* 画像サイズ */
	background-color:#ffffff;
}


/*スタッフ種別*/
.dropdown_crew{
	padding: 30px 0 0 0;
	width: 100%;
}

.dropdown_crew_select{
	font-size: 16px;
	color: #656464;
	width:50%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; /* Safari, Chrome デフォルト無効化 */
    -moz-appearance: none; /* Firefox デフォルト無効化 */
    appearance: none; /* 他ブラウザのデフォルト無効化 */
	background-image: url("../images/select.png"); /* カスタム画像 */
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; /* 画像サイズ */
	background-color:#ffffff;
}


/*機材種類*/
.dropdown_equipment1{
	padding: 30px 15px 0 0;
	width: 100%;
}

.dropdown_equipment1_select{
	font-size: 16px;
	color: #656464;
	width:100%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; /* Safari, Chrome デフォルト無効化 */
    -moz-appearance: none; /* Firefox デフォルト無効化 */
    appearance: none; /* 他ブラウザのデフォルト無効化 */
	background-image: url("../images/select.png"); /* カスタム画像 */
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; /* 画像サイズ */
	background-color:#ffffff;
}


.dropdown_equipment2{
	padding: 30px 0 0 15px;
	width: 100%;
}

.dropdown_equipment2_select{
	font-size: 16px;
	color: #656464;
	width:100%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; /* Safari, Chrome デフォルト無効化 */
    -moz-appearance: none; /* Firefox デフォルト無効化 */
    appearance: none; /* 他ブラウザのデフォルト無効化 */
	background-image: url("../images/select.png"); /* カスタム画像 */
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; /* 画像サイズ */
	background-color:#ffffff;
}




/*リセット、検索するボタン*/
.event_button_area{
	width: 100%;
	display: flex;
	padding: 60px 0% 60px 0%;
	text-align: center;
	margin: 0 auto;
	justify-content: center; /* 横方向に中央揃 */
}


/*リセットボタン*/
.search_box_reset_button{
	display: flex;
	width:300px;
	padding: 20px 0px 20px 0px;
	margin: 0px 30px 0 0px;
	background: #656464;
	color: #ffffff;
	border: 0px solid #000000;
	text-align: center;
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
}


.search_box_reset_button:hover{
	background-color: rgba(0, 0, 0, 0.5);
}



/*検索するボタン*/
.search_box_search_button{
	display: flex;
	width:300px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0 0 30px;
	background: #ccc8aa;
	border: 0px solid #000000;
	text-align: center;
	justify-content: center; /* 横方向に中央揃え */
  	align-items: center; /* 縦方向に中央揃え */
}



.search_box_search_button:hover{
	opacity: 0.8;
}


@media (max-width: 680px){
/*検索エリア*/
.search_box{
	width: 100%;
}
/*検索一段目*/
.dropdown_area1{
	display: block;
	width: 100%;
}
/*検索二段目*/
.dropdown_area2{
	display: block;
	width: 100%;
}
/*年月日*/
.dropdown_date{
	flex:1;
	padding: 60px 0 0px 0;
	width: 50%;
}
.dropdown_date_css{
	font-size: 16px;
	color: #656464;
	width:100%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	background-color:#ffffff;
}
	
/*都道府県*/
.dropdown_prefectures{
	padding: 30px 0 0 0;
	width: 50%;
}
.dropdown_prefectures_select{
	font-size: 16px;
	color: #656464;
	width:100%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
	background-image: url("../images/select.png"); 
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px;
	background-color:#ffffff;
}
/*市区町村*/
.dropdown_municipalities{
	padding: 30px 0 0 0;
		width: 50%;
}
.dropdown_municipalities_select{
	font-size: 16px;
	color: #656464;
	width:100%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}
/*ジャンル*/
.dropdown_genre,
.dropdown_crew,
.dropdown_equipment1,
.dropdown_equipment2{
	padding: 30px 0 0 0;
	width: 50%;
}
.dropdown_genre_select,
.dropdown_crew_select,
.dropdown_equipment1_select,
.dropdown_equipment2_select{
	font-size: 16px;
	color: #656464;
	width:100%;
	height: 50px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 10px;
	-webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
	background-image: url("../images/select.png"); 
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
	}
	
	
	
	
	
	
}

@media (max-width: 600px){
		/*検索一段目*/
	.search_box{
		width: 100%;
	}
	.dropdown_area1{
		display: block;
		width: 100%;
	}
	/*検索二段目*/
	.dropdown_area2{
		display: block;
		width: 100%;
	}
	/*年月日*/
	.dropdown_date{
		width: 100%;
		}
	/*都道府県*/
	.dropdown_prefectures{
		width: 100%;
		}
	/*市区町村*/
	.dropdown_municipalities{
			width: 100%;
		}
	/*ジャンル*/
	.dropdown_genre,
	.dropdown_crew,
	.dropdown_equipment1,
	.dropdown_equipment2
	{
		width: 100%;
	}
	.dropdown_genre_select,
	.dropdown_crew_select,
	.dropdown_equipment1_select,
	.dropdown_equipment2_select{
		width:100%;
	}

/*リセット、検索するボタン*/
.event_button_area{
	width: 100%;
	display: flex;
	padding: 30px 4% 30px 4%;
	text-align: center;
	margin: 0 auto;
	justify-content: center; /* 横方向に中央揃/ */
 }
/*リセットボタン*/
.search_box_reset_button{
	display: inline-block;
	width:45%;
	padding: 20px auto;
	margin: 0px 4% 0 0px;
	background: #656464;
	color: #ffffff;
	border: 0px solid #000000;
	text-align: center;
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
}

/*検索するボタン*/
.search_box_search_button{
	display: inline-block;
	width:45%;
	padding:0px auto;
	margin: 0px 0 0 4%;
	background: #ccc8aa;
	border: 0px solid #000000;
	text-align: center;
	justify-content: center; /* 横方向に中央揃え */
	}
}



/*****年月日、都道府県、市区町村、会場、ジャンル、事業者リスト*****/

.event_list_error_message {
    color: #d64452;
    padding: 10px 0 0 0;
}

.event_list,
.venue_list,
.crew_list,
.equipment_list{
	width: 100%;
	border: 0px solid #000000;
	position: relative;
	min-height: 400px;
	margin: 0 0 50px 0;
}

.table_event_list,
.table_venue_list,
.table_crew_list,
.table_equipment_list{
	width: 100%;
	border-top: 2px solid #656464;
	border-bottom: 2px solid #656464;
	border-collapse: collapse;
	max-width: 900px;
	min-width: 680px;
}

@media (max-width:700px){
	.table_event_list,
	.table_venue_list,
	.table_crew_list,
	.table_equipment_list{
		width: 100%;
		border-top: 0px solid #656464;
		border-bottom: 0px solid #656464;
		border-collapse: collapse;
		max-width: 680px;
		min-width: 330px;
		padding: 0 4%;
	}
	.table_event_list tr{
		border-bottom: 1px solid #656464;
	}
}

.tr_event_list,
.tr_venue_list,
.tr_crew_list,
.tr_equipment_list{
	width: 100%;
	border-bottom: 1px solid #656464;
	padding: 0 0 0 0px;
	text-align: left;
}


/*年月日/都道府県/市区町村等のタイトル*/
.tr_event_list_title,
.tr_venue_list_title,
.tr_crew_list_title,
.tr_equipment_list_title{
	background: #f1efef;
	border-bottom: 1px solid #656464;
}


@media (max-width:700px){
	.tr_event_list:nth-child(odd)
	.tr_venue_list:nth-child(odd)
	.tr_crew_list:nth-child(odd)
	.tr_equipment_list:nth-child(odd){
	background: #ffffff;
	}
}




.th_event_list_title_date,
.th_event_list_title_prefectures,
.th_event_list_title_municipalities,
.th_event_list_title_venue,
.th_event_list_title_genre,
.th_event_list_title_operators,
.th_venue_list_title_date,
.th_venue_list_title_prefectures,
.th_venue_list_title_municipalities,
.th_venue_list_title_venue,
.th_venue_list_title_time,
.th_venue_list_title_cost,
.th_venue_list_title_operators,
.th_crew_list_title_date,
.th_crew_list_title_prefectures,
.th_crew_list_title_municipalities,
.th_crew_list_title_venue,
.th_crew_list_title_staff,
.th_crew_list_title_operators,
.th_equipment_list_title_date,
.th_equipment_list_title_prefectures,
.th_equipment_list_title_municipalities,
.th_equipment_list_title_venue,
.th_equipment_list_title_equipment,
.th_equipment_list_title_operators
{
	border-right: 0px solid #656464;
	height: 60px;
	padding: 0px 15px 0 15px;
	position: relative; /* 相対位置を設定 */
}


.th_event_list_title_date:after,
.th_event_list_title_prefectures:after,
.th_event_list_title_municipalities:after,
.th_event_list_title_venue:after,
.th_event_list_title_genre:after,
.th_venue_list_title_date:after,
.th_venue_list_title_prefectures:after,
.th_venue_list_title_municipalities:after,
.th_venue_list_title_venue:after,
.th_venue_list_title_time:after,
.th_venue_list_title_cost:after,
.th_crew_list_title_date:after,
.th_crew_list_title_prefectures:after,
.th_crew_list_title_municipalities:after,
.th_crew_list_title_venue:after,
.th_crew_list_title_staff:after,
.th_equipment_list_title_date:after,
.th_equipment_list_title_prefectures:after,
.th_equipment_list_title_municipalities:after,
.th_equipment_list_title_venue:after,
.th_equipment_list_title_equipment:after
{
    content: ""; /* 擬似要素の内容を空に */
    position: absolute; /* 絶対位置を設定 */
    top: 20%; /* 上からの位置を調整 */
    bottom: 10%; /* 下からの位置を調整 */
    right: -1px; /* ボーダーの位置を調整 */
    width: 1px; /* ボーダーの太さ */
    background-color: #656464; /* ボーダーの色 */
    height: 60%; /* ボーダーの高さを80%に */
}


.th_event_list_title_operators,
.th_event_list_title_detail,
.th_venue_list_title_operators,
.th_venue_list_title_detail,
.th_crew_list_title_operators,
.th_crew_list_title_detail,
.th_equipment_list_title_operators,
.th_equipment_list_title_detail
{
	border-right: 0px solid #656464;
	height: 60px;
	padding: 0px 0px 0 15px;
}


@media (max-width: 1480px){
	.th_event_list_title_date,
	.th_event_list_title_prefectures,
	.th_event_list_title_municipalities,
	.th_event_list_title_venue,
	.th_event_list_title_genre,
	.th_event_list_title_operators,
	.th_event_list_title_detail,
	.th_venue_list_title_date,
	.th_venue_list_title_prefectures,
	.th_venue_list_title_municipalities,
	.th_venue_list_title_venue,
	.th_venue_list_title_time,
	.th_venue_list_title_cost,
	.th_venue_list_title_operators,
	.th_venue_list_title_detail,
	.th_crew_list_title_date,
	.th_crew_list_title_prefectures,
	.th_crew_list_title_municipalities,
	.th_crew_list_title_venue,
	.th_crew_list_title_staff,
	.th_crew_list_title_operators,
	.th_crew_list_title_detail,
	.th_equipment_list_title_date,
	.th_equipment_list_title_prefectures,
	.th_equipment_list_title_municipalities,
	.th_equipment_list_title_venue,
	.th_equipment_list_title_equipment,
	.th_equipment_list_title_operators,
	.th_equipment_list_title_detail
	{
		font-size:16px
	}
	.th_event_list_title_detail,
	.th_venue_list_title_detail,
	.th_crew_list_title_detail,
	.th_equipment_list_title_detail
	{
		display: none;
	}
	.th_event_list_title_genre:after,
	.th_venue_list_title_cost:after,
	.th_crew_list_title_staff:after,
	.th_equipment_list_title_equipment:after
	{
        display: none; /* ボーダーを非表示に */
    }
}

@media (max-width: 1480px) and (min-width: 700px){
	.th_event_list_title_operators,
	.th_venue_list_title_operators,
	.th_crew_list_title_operators,
	.th_equipment_list_title_operators,
	.td_event_list_operators,
	.td_venue_list_operators,
	.td_crew_list_operators,
	.td_equipment_list_operators{
		display: none;	
	}
}


.td_event_list_date,
.td_event_list_prefectures,
.td_event_list_municipalities,
.td_event_list_venue,
.td_event_list_genre,
.td_event_list_operators,
.td_venue_list_date,
.td_venue_list_prefectures,
.td_venue_list_municipalities,
.td_venue_list_venue,
.td_venue_list_time,
.td_venue_list_cost,
.td_venue_list_operators,
.td_venue_list_detail,
.td_crew_list_date,
.td_crew_list_prefectures,
.td_crew_list_municipalities,
.td_crew_list_venue,
.td_crew_list_staff,
.td_crew_list_operators,
.td_crew_list_detail,
.td_equipment_list_date,
.td_equipment_list_prefectures,
.td_equipment_list_municipalities,
.td_equipment_list_venue,
.td_equipment_list_equipment,
.td_equipment_list_operators,
.td_equipment_list_detail
{
	border-bottom: 1px solid #656464;
	height: 80px;
	padding: 0px 15px 0px 15px;
}



/*****各タイトル横幅*****/

.td_event_list_date,
.td_venue_list_date,
.td_crew_list_date,
.td_equipment_list_date{
	width:13%;
}
.td_event_list_prefectures,
.td_venue_list_prefectures,
.td_crew_list_prefectures,
.td_equipment_list_prefectures{
	width:11%;
}
.td_event_list_municipalities,
.td_venue_list_municipalities,
.td_crew_list_municipalities,
.td_equipment_list_municipalities
{
	width:11%;
}
.td_event_list_venue,
.td_venue_list_venue,
.td_crew_list_venue,
.td_equipment_list_venue
{
	width:18%;
}


.td_event_list_genre,
.td_crew_list_staff,
.td_equipment_list_equipment
{
	width:18%;	
}

.td_venue_list_time{
	width: 9%;
}
.td_venue_list_cost{
	width: 9%;
}
.td_event_list_operators,
.td_venue_list_operators,
.td_crew_list_operators,
.td_equipment_list_operators
{
	width:18%;	
}

.td_event_list_detail,
.td_venue_list_detail,
.td_crew_list_detail,
.td_equipment_list_detail
{
	border-bottom: 1px solid #656464;
	height: 80px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0 0;
	width:11%;
}


.td_detail{
	width: 80px;
	height: 60px;
	background: #191717;
	color: #f1efef;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	padding: 0px 10px 0px 0px;
	background-image: url("../images/dainari_white.png");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 90% 50%;	
	display: inline-block;
	cursor:pointer;
	position: relative;
	font-size: 14px;
    word-wrap: break-word;
	}


.td_detail:hover{
	opacity: 0.8;
}


.td_event_list_operators span,
.td_venue_list_operators span,
.td_crew_list_operators span,
.td_equipment_list_operators span{
    word-break: break-all;
	overflow-wrap: break-word;
}



@media (max-width: 1480px){
.td_detail{
		display: inline-block;
		width:80px;
		height:60px;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
	}
	.td_event_list_date,
	.td_event_list_prefectures,
	.td_event_list_municipalities,
	.td_event_list_venue,
	.td_event_list_genre,
	.td_event_list_operators,
	.td_event_list_detail,
	.td_venue_list_date,
	.td_venue_list_prefectures,
	.td_venue_list_municipalities,
	.td_venue_list_venue,
	.td_venue_list_time,
	.td_venue_list_cost,
	.td_venue_list_operators,
	.td_venue_list_detail,
	.td_crew_list_date,
	.td_crew_list_prefectures,
	.td_crew_list_municipalities,
	.td_crew_list_venue,
	.td_crew_list_staff,
	.td_crew_list_operators,
	.td_crew_list_detail,
	.td_equipment_list_date,
	.td_equipment_list_prefectures,
	.td_equipment_list_municipalities,
	.td_equipment_list_venue,
	.td_equipment_list_equipment,
	.td_equipment_list_operators,
	.td_equipment_list_detail
		{
			font-size: 16px;
		}
	}




@media (max-width: 700px){
	.event_list,
	.venue_list,
	.crew_list,
	.equipment_list{
		width: 100%;
		border-top: 0px solid #656464;
		border-bottom: 0px solid #656464;	
		margin-top: 30px;
		position: relative;
		margin: 0 0 50px 0;
	}
	.tr_event_list,
	.tr_venue_list,
	.tr_crew_list,
	.tr_equipment_list{
		border-bottom: 2px solid #656464;
		width: 100%;
		text-align: left;
		height: auto;
	}
	.tr_event_list:first-child,
	.tr_venue_list:first-child,
	.tr_crew_list:first-child,
	.tr_equipment_list:first-child{
		border-top: 2px solid #656464;
		width: 100%;
		text-align: left;
	}
	.tr_event_list:last-child,
	.tr_venue_list:last-child,
	.tr_crew_list:last-child,
	.tr_equipment_list:last-child{
		width: 100%;
		border-bottom: 2px solid #656464;
		text-align: left;
	}
	.tr_event_list:nth-child(odd),
	.tr_venue_list:nth-child(odd),
	.tr_crew_list:nth-child(odd),
	.tr_equipment_list:nth-child(odd){
		background: #ffffff;
	}
	.th_event_list_title_date,
	.th_event_list_title_prefectures,
	.th_event_list_title_municipalities,
	.th_event_list_title_venue,
	.th_event_list_title_genre,
	.th_event_list_title_operators,
	.th_event_list_title_detail,
	.th_venue_list_title_date,
	.th_venue_list_title_prefectures,
	.th_venue_list_title_municipalities,
	.th_venue_list_title_venue,
	.th_venue_list_title_time,
	.th_venue_list_title_cost,
	.th_venue_list_title_operators,
	.th_venue_list_title_detail,
	.th_crew_list_title_date,
	.th_crew_list_title_prefectures,
	.th_crew_list_title_municipalities,
	.th_crew_list_title_venue,
	.th_crew_list_title_staff,
	.th_crew_list_title_operators,
	.th_crew_list_title_detail,
	.th_equipment_list_title_date,
	.th_equipment_list_title_prefectures,
	.th_equipment_list_title_municipalities,
	.th_equipment_list_title_venue,
	.th_equipment_list_title_equipment,
	.th_equipment_list_title_operators,
	.th_equipment_list_title_detail{
		display: none;
	}
	.td_event_list_date,
	.td_venue_list_date,
	.td_crew_list_date,
	.td_equipment_list_date
	{
		border-bottom: 0px solid #656464;
		padding: 0px 15px 0px 15px;
		margin: 15px 0 10px 0px;
		font-size: 16px;
		min-height: 38px;
		width:100%;
		display: block;
		height:auto;
		flex-wrap: wrap;
		position:relative;
	}
	.td_event_list_prefectures,
	.td_event_list_municipalities,
	.td_event_list_venue,
	.td_event_list_genre,
	.td_venue_list_prefectures,
	.td_venue_list_municipalities,
	.td_venue_list_venue,
	.td_venue_list_time,
	.td_venue_list_cost,
	.td_crew_list_prefectures,
	.td_crew_list_municipalities,
	.td_crew_list_venue,
	.td_crew_list_staff,
	.td_equipment_list_prefectures,
	.td_equipment_list_municipalities,
	.td_equipment_list_venue,
	.td_equipment_list_equipment
	{
		border-bottom: 0px solid #656464;
		padding: 0px 15px 0px 15px;
		margin: 10px 0 10px 0px;
		font-size: 16px;
		display: block;
		flex-wrap: wrap;
		min-height: 38px;
		width:100%;
		text-align:left;
		height:auto;
		position:relative;
	}
	.td_event_list_date::after,
	.td_event_list_prefectures::after,
	.td_event_list_municipalities::after,
	.td_event_list_venue::after,
	.td_event_list_genre::after,
	.td_venue_list_date::after,
	.td_venue_list_prefectures::after,
	.td_venue_list_municipalities::after,
	.td_venue_list_venue::after,
	.td_venue_list_time::after,
	.td_venue_list_cost::after,
	.td_crew_list_date::after,
	.td_crew_list_prefectures::after,
	.td_crew_list_municipalities::after,
	.td_crew_list_venue::after,
	.td_crew_list_staff::after,
	.td_equipment_list_date::after,
	.td_equipment_list_prefectures::after,
	.td_equipment_list_municipalities::after,
	.td_equipment_list_venue::after,
	.td_equipment_list_equipment::after
	{
    content: "";
    border-bottom: 1px solid #656464;
    position: absolute;
    top: 35px;
    left: 15px;
    width: 95%;
	text-align: left;
	}
	.td_event_list_operators::after
		{
    content: "";
    border-bottom: 0px solid #656464;
    position: absolute;
    width: 95%;
	text-align: left;
	}
	.td_venue_list_operators,
	.td_crew_list_operators,
	.td_equipment_list_operators
	{
		border-bottom: 0px solid #656464;
		padding: 0px 15px 0px 15px;
		margin: 15px 0 5px 0px;
		font-size: 16px;
		display: block;
		min-height: 38px;
		flex-wrap: wrap;
		height:auto;
	}
	.td_event_list_operators
	{
		border-bottom: 0px solid #656464;
		padding: 0px 15px 0px 15px;
		margin: 0px 0 0px 0px;
		font-size: 16px;
		display: block;
		min-height: 36px;
		flex-wrap: wrap;
		height:auto;
	}
	
	.td_event_list_date,
	.td_venue_list_date,
	.td_crew_list_date,
	.td_equipment_list_date
	{
		width:100%;
		position: relative;
	}	
	.td_event_list_date span,
	.td_venue_list_date span,
	.td_crew_list_date span,
	.td_equipment_list_date span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
		word-break: break-all;
		overflow-wrap: break-word;
	}
	.td_event_list_date::before,
	.td_venue_list_date::before,
	.td_crew_list_date::before,
	.td_equipment_list_date::before
	{
		position: absolute;
		left:5%;
		content:"年月日";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	.td_event_list_prefectures,
	.td_venue_list_prefectures,
	.td_crew_list_prefectures,
	.td_equipment_list_prefectures
	{
		width:100%;
		position: relative;
	}	
	.td_event_list_prefectures span,
	.td_venue_list_prefectures span,
	.td_crew_list_prefectures span,
	.td_equipment_list_prefectures span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
	}
	.td_event_list_prefectures::before,
	.td_venue_list_prefectures::before,
	.td_crew_list_prefectures::before,
	.td_equipment_list_prefectures::before{
		position: absolute;
		left:5%;
		content:"都道府県";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	.td_event_list_municipalities,
	.td_venue_list_municipalities,
	.td_crew_list_municipalities,
	.td_equipment_list_municipalities
	{
		width:100%;
		position: relative;
	}	
	.td_event_list_municipalities span,
	.td_venue_list_municipalities span,
	.td_crew_list_municipalities span,
	.td_equipment_list_municipalities span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
	}
	.td_event_list_municipalities::before,
	.td_venue_list_municipalities::before,
	.td_crew_list_municipalities::before,
	.td_equipment_list_municipalities::before{
		position: absolute;
		left:5%;
		content:"市区町村";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}		
	.td_event_list_venue,
	.td_venue_list_venue,
	.td_crew_list_venue,
	.td_equipment_list_venue
	{
		width:100%;
		height: auto;
		position: relative;
	}	
	.td_event_list_venue span,
	.td_venue_list_venue span,
	.td_crew_list_venue span,
	.td_equipment_list_venue span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
	}
	.td_event_list_venue::before,
	.td_venue_list_venue::before,
	.td_crew_list_venue::before,
	.td_equipment_list_venue::before{
		position: absolute;
		left:5%;
		content:"会場";
		width:36%;
		padding: 0 15px 10px 0;
		border: 0px solid #191717;
		display: inline-block;
		height: auto;
	}	
	.td_event_list_genre,
	.td_crew_list_staff,
	.td_equipment_list_equipment
	{
		width:100%;
		position: relative;
			height:auto;
		white-space: nowrap;
		overflow: hidden;
	}	
	.td_event_list_genre span,
	.td_crew_list_staff span,
	.td_equipment_list_equipment span{
		position: absolute;
		left:36%;
		width:64%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.td_event_list_genre::before{
		position: absolute;
		left:5%;
		content:"ジャンル";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	.td_crew_list_staff::before{
		position: absolute;
		left:5%;
		content:"スタッフ";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	.td_equipment_list_equipment::before{
		position: absolute;
		left:5%;
		content:"機材";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	.td_venue_list_time{
		width:100%;
		position: relative;
			height:auto;
		white-space: nowrap;
		overflow: hidden;
	}	
	
	.td_venue_list_time span{
		position: absolute;
		left:36%;
		width:64%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.td_venue_list_time::before{
		position: absolute;
		left:5%;
		content:"時間";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	.td_venue_list_cost{
		width:100%;
		position: relative;
			height:auto;
		white-space: nowrap;
		overflow: hidden;
	}	
	.td_venue_list_cost span{
		position: absolute;
		left:36%;
		width:64%;
		white-space: nowrap;
		overflow: hidden;
	}
	.td_venue_list_cost::before{
		position: absolute;
		left:5%;
		content:"費用";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
		
	
	.td_event_list_operators,
	.td_venue_list_operators,
	.td_crew_list_operators,
	.td_equipment_list_operators
	{
		width:100%;
		position: relative;
		height:auto;
	}	
	.td_event_list_operators span,
	.td_venue_list_operators span,
	.td_crew_list_operators span,
	.td_equipment_list_operators span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
	}
	.td_event_list_operators::before,
	.td_venue_list_operators::before,
	.td_crew_list_operators::before,
	.td_equipment_list_operators::before{
		position: absolute;
		left:5%;
		content:"事業者";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	
	/*詳細＞input部分*/
	.td_detail{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width: 50px;
	}
}

@media (max-width: 600px){
	.td_event_list_date,
	.td_event_list_prefectures,
	.td_event_list_municipalities,
	.td_event_list_venue,
	.td_event_list_genre,
	.td_event_list_operators,
	.td_venue_list_date,
	.td_venue_list_prefectures,
	.td_venue_list_municipalities,
	.td_venue_list_venue,
	.td_venue_list_time,
	.td_venue_list_cost,
	.td_venue_list_operators,
	.td_crew_list_date,
	.td_crew_list_prefectures,
	.td_crew_list_municipalities,
	.td_crew_list_venue,
	.td_crew_list_staff,
	.td_crew_list_operators,
	.td_equipment_list_date,
	.td_equipment_list_prefectures,
	.td_equipment_list_municipalities,
	.td_equipment_list_venue,
	.td_equipment_list_equipment,
	.td_equipment_list_operators
	{
		white-space: nowrap;        /* テキストを一行に制限する */
		overflow: hidden;           /* 溢れた部分を隠す */
		text-overflow: ellipsis;    /* 溢れた部分を「…」にする */
		font-size: 16px;
	}
		.td_detail{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width: 50px;
	}
}




@media (max-width: 699px) and (min-width: 501px){
	.td_event_list_detail{
		border-bottom: 0px solid #000000;
	}
}


@media (max-width: 530px){
	.tr_event_list:first-child,
	.tr_venue_list:first-child,
	.tr_crew_list:first-child,
	.tr_equipment_list:first-child{
		border-top: 1px solid #656464;
		width: 100%;
		text-align: left;
	}
	
	.tr_event_list,
	.tr_venue_list,
	.tr_crew_list,
	.tr_equipment_list{
		display: block;
	border-top: 0px solid #656464;	
	}
	.td_event_list_detail,
	.td_venue_list_detail,
	.td_crew_list_detail,
	.td_equipment_list_detail
	{
		border-bottom: 0px solid #656464;
		padding: 0px 15px 0px 15px;
		margin: 0px 0px 0px 0;
		width:15%;
		text-align: center;
		min-height: 30px;
	}

	.td_event_list_date::after,
	.td_event_list_prefectures::after,
	.td_event_list_municipalities::after,
	.td_event_list_venue::after,
	.td_event_list_genre::after,
	.td_venue_list_date::after,
	.td_venue_list_prefectures::after,
	.td_venue_list_municipalities::after,
	.td_venue_list_venue::after,
	.td_venue_list_time::after,
	.td_venue_list_cost::after,
	.td_crew_list_date::after,
	.td_crew_list_prefectures::after,
	.td_crew_list_municipalities::after,
	.td_crew_list_venue::after,
	.td_crew_list_staff::after,
	.td_equipment_list_date::after,
	.td_equipment_list_prefectures::after,
	.td_equipment_list_municipalities::after,
	.td_equipment_list_venue::after,
	.td_equipment_list_equipment::after
	{
    content: "";
    border-bottom: 1px solid #656464;
    position: absolute;
    top: 35px;
    left: 15px;
    width: 90%;
	padding: 0 10px 0 10px;
	}
	
	
	/*詳細＞input部分*/
	.td_detail{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width:50px;
		height: 40px;
		font-size: 14px;
	}
	/*.td_event_list_operators,
	.td_venue_list_operators,
	.td_crew_list_operators,
	.td_equipment_list_operators
	{
		margin-bottom: -10px;
	}*/
}

.no_event_text{
	padding: 5px 0 5px 15px;
	background:#ffffff;
}

/*ページネーション*/
.page_nation,
.custom_page_nation{
	text-align: center;
	padding: 30px 0px 30px 0;
	width: 100%;
	margin: 0 auto;
}
.page_nation a,
.custom_page_nation a{
	padding: 0 15px;
	margin: 0 0px 0 0px;
}

.page_nation select,
.custom_page_nation select{
	border:1px solid #656464;
	width: 100px;
	height:40px;
	text-align: center; 
	text-align-last: center; /* IEおよびEdgeで中央揃えに */
    padding: 0 0px 0 0px;
    margin: 0 15px; 
    font-size: 16px; 
}
.page_nation option,
.custom_page_nation option{
}

@media (max-width: 400px){
	.page_nation a,
	.custom_page_nation a{
	padding: 0 10px;
	}
}



#firstPage:hover,
#prevPage:hover,
#nextPage:hover,
#lastPage:hover{
	opacity:0.5;
}

/**********マイページ**********/
.mypage_navigation {
    display: block;
    width: 100%;
    border-bottom: 1px solid #f1efef;
}


.mypage_navigation nav {
    width: 100%;
}

.mypage_navigation nav ul {
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.mypage_navigation nav ul li {
    flex: 1;
    border-left: 1px solid #f1efef;
    background: #656464;
    height: 60px;
    color: #f1efef;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* 相対位置指定 */
    line-height: 1.2;
}


.mypage-preparing{
	background: #ccc8aa;
	font-size: 8px;
	color: #656464;
	margin: 0 0 0 3px;
	padding: 0px 3px;
	line-height: 20px;
	border: 1px solid #191717;
}




@media (max-width:1460px) and (min-width: 700px){
	.venue_list_tab a,
	.crew_list_tab a,
	.equipment_tab a{
        font-size: 12px;
		line-height: 30px;
		flex-wrap: wrap;
    }
    .blacklist_tab a,
    .artist_list_tab a{
        font-size: 8px;
		line-height: 30px;
		flex-wrap: wrap;
    }
    .mypage_navigation nav ul li {
        height: 60px;
        flex: 1;
        border-left: 1px solid #f1efef;
        background: #656464;
        color: #f1efef;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.5;
    }
}


/* ナビゲーションの文字折り返し調整 */
@media (max-width: 1065px) and (min-width: 780px),
       (max-width: 780px) {
    .mypage_navigation .post_list_tab a,
    .mypage_navigation .event_list_tab a,
    .mypage_navigation .venue_list_tab a,
    .mypage_navigation .crew_list_tab a,
    .mypage_navigation .equipment_tab a,
    .mypage_navigation .artist_list_tab a,
	.mypage_navigation .blacklist_tab a{
        line-height: 1.5;
        vertical-align: middle;
        align-items: center;
        max-width: 256px;
    }
}




/*ナビゲーションの文字を折り返す*/


.mypage_navigation nav ul li:hover {
    background: #ccc8aa;
}


.mypage_navigation nav ul li:hover > a{
	color: #191717;
}


.mypage_navigation nav ul li a {
    line-height: 57px;
    color: #f1efef;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}


/* クリックされたタブ（アクティブ）の背景色変更 */
.mypage_navigation nav ul li.active {
    background: #ccc8aa;
}


.mypage_navigation nav ul li.active > a {
    color: #191717;
}



/*ナビゲーションスマホ版*/

.mypage_navigation_sp {
    display: none;
}

@media (max-width: 699px) {
    .mypage_navigation {
        display: none;
    }
    .mypage_navigation_sp {
        display: block;
        margin: 0px 20px 0 20px;
		width: 95%;
    }
	.mypage_navigation_sp select{
		height: 60px;
		width: 100%;
		padding: 0 20px;
		font-size: 16px;
    	color: #191717;
		border: 1px solid #000000;
		text-align: left;
    	vertical-align: middle;
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
    	background-image: url(../images/select.png);
    	background-repeat: no-repeat;
    	background-position: right 10px center;
    	background-size: 16px;
    	background-color: #ffffff;
	}
}






/*全体一覧*/
.both_sides_wrapper{
	display: flex;
	background: #f1efef;
	width:100%;
}


.left_posts_list, .right_details {
    flex: 1;
}

/*左サイド*/
.left_posts_list{
	width: 100%;
	flex: 1; 
	border: 0px solid #000000;
	margin: 30px 0px 0 0px;
}



.posts_list_content{
	width: 100%;
	text-align: center;
	margin: 0px 0px 0 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dotted #656464;
	position: relative;
}



.posts_text_wrapper{
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 7px;	
	display: block;
	position: relative;
	border-bottom: 0px dotted #656464;
	min-height: 120px;
	height: auto;
	align-items: center;
}



.post_item {
    padding: 30px 0px 0px 40px;
    margin: 0px 0px 0px 0px;
    display: flex;
    position: relative;
    border-bottom: 1px dotted #656464;
    min-height: 120px;
    height: auto;
    text-align: left;
    width: 100%;
    z-index: 10;
}



@media (min-width: 768px) {
    .post_item::before {
        content: "";
        position: absolute;
        top: 0;
        right: -30px;
        bottom: 0;
        left: 0;
        background-color: transparent;
        z-index: -1;
        margin: 10px 5px 10px 10px;
        transition: background-color 0.3s ease;
    }

    /* 既読アイテム */
    .post_item.read {
        color: #656464; /* 文字色を薄く */
        background-color: #f1efef; 
    }

    .post_item.read::before {
        background-color: #f1efef;
    }

    /* 未読アイテム */
    /*.post_item.unread {
        color: #191717; 
        background-color: #f1efef; 
    }*/

    /*.post_item.unread::before {
        background-color: #f1efef;
    }*/

    /* hover の背景色（`.active` でない場合のみ適用） */
    .post_item:hover:not(.active)::before {
        background-color: #ccc8aa;
        cursor: pointer;
    }

    /* `.read` / `.unread` の場合でも hover を優先 */
    /*.post_item.read:hover:not(.active)::before,
    .post_item.unread:hover:not(.active)::before {
        background-color: #ccc8aa;
    }*/

    /* `.active` クラスが最優先 */
    .post_item.active {
        color: #191717;
    }

    .post_item.active::before {
        background-color: #ccc8aa !important;
    }

    /* `.active` の場合は hover の影響を受けない */
    .post_item.active:hover::before {
        background-color: #ccc8aa !important;
    }
    /* ホバー時に文字色も濃くする */
    .post_item:hover:not(.active) {
        color: #191717;
    }
}











.post_details_button {
	width: 20%;
	max-width: 80px;
	height: 80px;
	background: #191717;
	color: #f1efef;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	padding: 0px 20px 0px 0px;
	background-image: url("../images/dainari_white.png");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 80% 50%;	
	display: inline-block;
	cursor:pointer;
	position: absolute;
	right: -2%;
	top: 17%;
	font-size: 14px;
}



.post_details_button:hover {
	opacity: 0.6;
}

@media (max-width: 1310px){
	.post_details_button {
		width: 15%;
		max-width: 60px;
		height: 60px;
		background: #191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		padding: 0px 10px 0px 0px;
		background-image: url("../images/dainari_white.png");
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 90% 50%;	
		display: inline-block;
		cursor:pointer;
		position: absolute;
		right: -2%;
		top: 25%;
		font-size: 12px;
	}
}




.posts_list_clum1{
	width: 35%;
	display: block;
	text-align: left;
	border: 0px solid #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.posts_list_title{
	width: 100%;
	font-size: 14px;
	margin: 0 0px 0 0px;
	font-weight: bold;
	text-align: left;
	display: block;
}

.posts_list_post_date{
	width: 100%;
	font-size: 14px;
	margin: 0 0px 0 0px;
	text-align: left;
	display: block;
}

.posts_list_update_date{
	width: 100%;
	font-size: 14px;
	margin: 0 0px 0 0px;
	text-align: left;
	display: block;
}


.posts_list_clum2{
	width: 55%;
	padding: 0px 10px 0px 30px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}


.posts_list_text0{
	border: 0px solid #000000;
	font-size: 18px;
	margin: 0px 30px 0 0px;
	padding: 0px 0 0 0;
	display: block;
}



.posts_list_text1{
	border: 0px solid #000000;
	font-size: 14px;
	margin: 0px 30px 0 0px;
	padding: 0px 0 0 0;
	display: block;
}

.posts_list_text2{
	border: 0px solid #000000;
	font-size: 14px;
	margin: 0px 30px 0 0px;
	padding: 0px 0 0 0;
	display: block;
}

.posts_list_text3{
	border: 0px solid #000000;
	font-size: 14px;
	margin: 0px 30px 0 0px;
	padding: 0px 0 0 0;
	display: block;
}





@media (max-width:1310px) and (min-width: 961px){
	.left_detail_button_submit{
		width: 60px;
		height: 60px;
		background: #191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		padding: 20px 0px 3px 0px;
		background-image: url("../images/dainari_white.png");
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 50% 20%;	
		display: inline-block;
		cursor:pointer;
		position: relative;
		font-size: 14px;
		margin: 0 10px 0 0px;
	}
	.posts_text_wrapper{
		padding: 0px 0px 0px 0px;
		margin: 0px 6px 0px 7px;	
		display: flex;
		flex-direction: column;
		position: relative;
		border-bottom: 1px dotted #656464;
		min-height: 120px;
		align-items: center;
		height: auto;
	}
	.posts_list_content{
		width: 100%;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px dotted #656464;
		position: relative;
				min-height: 120px;
	}
    .posts_list_title,
	.posts_list_text1,
	.posts_list_text2,
	.posts_list_text3 {
        text-align: left; /* テキストを左揃えに */
    }
    .left_detail_button_container{
        width: auto; /* 固定幅を解除する */
        margin: 0; /* 不要なマージンをリセットする */
        padding: 0; /* 不要なパディングをリセットする */
        text-align: right; /* 右寄せにする */
        position: absolute; /* 絶対位置に設定 */
        right: 0; /* 右端に配置 */
        bottom: 35%; /* 下部に余白をつける */
    }
}

@media (max-width: 1310px){
	.post_item {
		padding: 30px 0px 30px 40px;
		margin: 0px 0px 0px 0px;
		display: flex;
		position: relative;
		border-bottom: 1px dotted #656464;
		min-height: 120px;
		height: auto;
		text-align: left;
		width: 100%;
		z-index: 10;
	}
	 .posts_list_clum1 {
		width: 42%; 
		padding: 0 5px 0px 0;
		margin: 0px 0px 0 0px;
		position: relative;
    }
    .posts_list_clum1::after {
		display: block;
		content: "";
		position: absolute;
		top: -5px;
		right: 5px;
		height: 70px;
		width: 1px;
		background: #656464;
    }
	.posts_list_clum2 {
		width: 50%; 
		padding: 0 5px 0px 0px;
		margin: 0px 0px 0 10px;	
    }	
}

@media (max-width: 1200px){
	.post_item {
		padding: 30px 0px 30px 40px;
		margin: 0px 0px 0px 0px;
		display: block;
		position: relative;
		border-bottom: 1px dotted #656464;
		min-height: 120px;
		height: auto;
		text-align: left;
		width: 100%;
		z-index: 10;
	}
	
	 .posts_list_clum1 {
		display: block;
		width: 100%; 
		padding: 0 5px 0px 0;
		margin: 0px 0px 0 0px;
		position: relative;
    }
    .posts_list_clum1::after {
		content: "";
		position: absolute;
		top: -5px;
		right: 5px;
		height: 70px;
		width: 0px;
		background: #656464;
		display: none;
    }
	.posts_list_clum2 {
		display: block;
		width: 100%; 
		padding: 0 5px 0px 0;
		margin: 0px 0px 0 0px;	
		height: 60px;
    }	
}






@media (max-width: 960px){
	.posts_text_wrapper{
		padding: 0px 0px 0px 0px;
		margin: 0px 6px 0px 7px;	
		display: flex;
		flex-direction: column;
		position: relative;
		border-bottom: 1px dotted #656464;
		min-height: 120px;
		align-items: center;
		height: auto;
	}
	.posts_list_content{
		width: 100%;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px dotted #656464;
		position: relative;
		min-height: 120px;
		}
	.posts_list_clum1{
		width: 100%; 
		padding: 0 0px 0px 0;
		margin: 0px 0px 0 0px;	
		}	
	.posts_list_title,
	.posts_list_update_date,
	.posts_list_post_date,
	.posts_list_text1,
	.posts_list_text2,
	.posts_list_text3 {
		text-align: left; /* テキストを左揃えに */
		font-size: 16px;
		}
	.posts_list_clum2{
		width: 100%; 
		padding: 0 0px 0px 0;
		margin: 0px 0px 20px 0px;	
		}
    .left_detail_button_container {
        width: auto; /* 固定幅を解除 */
        margin: 0; /* 不要なマージンをリセットする */
        padding: 0; /* 不要なパディングをリセットする */
        text-align: right; /* 右寄せにする */
        position: absolute; /* 絶対位置に設定 */
        right: 0; /* 右端に配置 */
        bottom: 35%; /* 下部に余白をつける */
    }
	.left_detail_button_submit{
		width: 60px;
		height: 60px;
		background: #191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		padding: 20px 0px 3px 0px;
		background-image: url("../images/dainari_white.png");
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 50% 20%;	
		display: inline-block;
		cursor:pointer;
		position: relative;
		font-size: 14px;
	}	
	.post_details_button {
		width: 15%;
		max-width: 60px;
		height: 60px;
		background: #191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		padding: 0px 10px 0px 0px;
		background-image: url("../images/dainari_white.png");
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 90% 50%;	
		display: inline-block;
		cursor:pointer;
		position: absolute;
		right: -2%;
		top: 35%;
		font-size: 12px;
	}
}


@media (max-width: 767px){
	.post_item{
		display: block;
	}
    .post_item::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0px;
         left: 0;
        background-color: transparent;
        z-index: -1;
        margin: 10px 5px 10px 10px;
        transition: background-color 0.3s ease;
    }
	.posts_text_wrapper{
		padding: 0px 0px 0px 0px;
		margin: 0px 6px 0px 7px;	
		display: flex;
		flex-direction: column;
		position: relative;
		border-bottom: 1px dotted #656464;
		min-height: 120px;
		align-items: center;
		height: auto;
	}
	.posts_list_content{
		width: 100%;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px dotted #656464;
		position: relative;
		min-height: 120px;
	}
    .posts_list_clum1{
		width: 100%; 
		padding: 0 0px 0px 0;
		margin: 0px 0px 0 0px;	
    }	
    .posts_list_title,
	.posts_list_text1,
	.posts_list_text2,
	.posts_list_text3 {
        text-align: left;
		z-index: 9999;
		color: #191717; /* テキストの色も濃く */
		opacity: 1;
        position: relative;
    }
	.posts_list_clum2{
		display: block;
		visibility: visible;
		opacity: 1;
		height: auto;
	}
    .left_detail_button_container {
		 width: auto; /* 固定幅を解除 */
		 margin: 0; /* 不要なマージンをリセットする */
		 padding: 0; /* 不要なパディングをリセットする */
		 text-align: right; /* 右寄せにする */
		 position: absolute; /* 絶対位置に設定 */
		 right: 20; /* 右端に配置 */
		 bottom: 35%; /* 下部に余白をつける */
    }
	.left_detail_button_submit{
		width: 60px;
		height: 60px;
		background: #191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		padding: 20px 0px 3px 0px;
		background-image: url("../images/dainari_white.png");
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 50% 20%;	
		display: inline-block;
		cursor:pointer;
		position: relative;
		font-size: 14px;
		margin: 0 30px 0 0px;
	}
	.post_details_button {
		width: 60px;
		height: 50px;
		display: flex; 
		align-items: center;
		justify-content: center;
		background: #191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 0;
		background-image: url("../images/dainari_white.png");
		background-repeat: no-repeat;
		background-size: 8px;
		background-position: 90% 50%;
		cursor: pointer;
		position: absolute;
		right: 30px;
		top: 35%;
		font-size: 12px;
		text-align: center;
		box-sizing: border-box;
		z-index: 500;
	}
}


@media (max-width: 767px) {
    .post_item.read {
        color: #656464; /* 文字色を薄く */
        background-color: #f1efef; /* 背景色 */
    }

    .post_item.read::before {
        background-color: #f1efef;
    }

    /* 未読アイテム */
    .post_item.unread {
        color: #191717; /* 文字色を濃く */
        background-color: #f1efef; /* 背景色 */
    }

    .post_item.unread::before {
        background-color: #f1efef;
    }

    /* hover の背景色（`.active` でない場合のみ適用） */
    .post_item:hover:not(.active)::before {
        background-color: #ccc8aa;
        cursor: pointer;
    }

    /* `.read` / `.unread` の場合でも hover を優先 */
    .post_item.read:hover:not(.active)::before,
    .post_item.unread:hover:not(.active)::before {
        background-color: #ccc8aa;
    }

    /* `.active` クラスが最優先 */
    .post_item.active {
        color: #191717; /* アクティブ時の文字色 */
    }

    .post_item.active::before {
        background-color: #ccc8aa !important;
    }

    /* `.active` の場合は hover の影響を受けない */
    .post_item.active:hover::before {
        background-color: #ccc8aa !important;
    }
    /* ホバー時に文字色も濃くする */
    .post_item:hover:not(.active) {
        color: #191717;
    }
	

}


/* 既読アイテム (薄い文字色、太字なし) */
.post_item.read .posts_list_title,
.post_item.read .posts_list_update_date,
.post_item.read .posts_list_post_date,
.post_item.read .posts_list_text1,
.post_item.read .posts_list_text2,
.post_item.read .posts_list_text3 {
    color: #656464;
    font-weight: normal;
}

/* 未読アイテム (濃い文字色、太字あり) */
.post_item.unread .posts_list_title,
.post_item.unread .posts_list_update_date,
.post_item.unread .posts_list_post_date,
.post_item.unread .posts_list_text1,
.post_item.unread .posts_list_text2,
.post_item.unread .posts_list_text3 {
    color: #191717;
    font-weight: bold;
}

/* アクティブなアイテム (濃い文字色、太字なし) */
.post_item.active .posts_list_title,
.post_item.active .posts_list_update_date,
.post_item.active .posts_list_post_date,
.post_item.active .posts_list_text1,
.post_item.active .posts_list_text2,
.post_item.active .posts_list_text3 {
    color: #191717;
    font-weight: normal;
}



/*post_listモーダル*/


#post_list-modal {
  display: none; 
  position: fixed;
  z-index: 2000; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.7); 
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* モーダル中身 */
.post_list-modal-content {
  background-color: #ccc8aa;
  margin: 10% auto;
  padding: 0px;
  border: 1px solid #191717;
  width: 90%;
  max-width: 600px;
  border-radius: 8px;
  position: relative;
}

/* 閉じるボタン */
.post_list-modal-close {
	color: #191717;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	z-index: 10000; 
	width: 50px;
	height: 50px;
	border-top-left-radius: 0%;
	border-top-right-radius: 0%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 0%;
	background-color: #656464;
}

.post_list-modal-close:hover {
  color: #656464;
}

.post_list-modal-close span{
	position: absolute;
	font-size: 28px;
	color: #f1efef;
	top: 4px; 
	left: 11px; 
}



/* post_listモーダル アニメーション */
#post_list-modal.show {
  display: block !important; 
  opacity: 1;
  pointer-events: auto;
}

#post_list-modal.hide {
  opacity: 0;
  pointer-events: none;
}





/*右サイド*/

.right_details{
	border: 0px solid #000000;
	flex: 1;
	max-width:100%;
}

.right_details_container{
	margin: 30px 20px 30px 20px;
	padding: 0 0 50px 0;
}


.right_details_top{
	background: #ccc8aa;
	padding: 0 0 50px 0;
}

.right_details_bottom{
	background: #ccc8aa;
	padding: 30px 0px 50px 0px;
	margin: 30px 0px 30px 0px;
}


@media (max-width: 720px){
	.right_details_bottom{
		margin: 30px 0 0 0px
	}
}

.right_details_title,
.right_details_negotiation_title{
	font-size: 20px;
	padding: 30px 0 0 35px ;
	
}
.post_date,
.negotiation_post_date{
	font-size: 14px;
	padding: 5px 0 0 35px;
}
.update_date,
.negotiation_update_date{
	font-size: 14px;
	padding: 5px 0 0 35px;
}



.right_details_add_subgenre_btn{
    display: inline-block;
	min-width: 30px;
    height: 30px;
    margin: 0px 0 0 10px;
    padding: 0 15px 0 15px;
    background: #656464;
    color: #f1efef;
    border: 1px solid #191717;
    text-align: center;
	vertical-align: middle;
}

@media (max-width: 530px){
	.right_details_add_subgenre_btn{
		display: inline-block;
		min-width: 30px;
		height: 30px;
		margin: 15px 0 0 10px;
		padding: 0 10px 0 10px;
		background: #656464;
		color: #f1efef;
		border: 1px solid #191717;
		text-align: center;
		vertical-align: middle;
		font-size: 10px;
	}
}




.right_details_date,
.right_details_time,
.right_details_event_name,
.right_details_location,
.right_details_venue,
.right_details_genre,
.right_details_subgenre,
.right_details_artists,
.right_details_cost,
.right_details_transfer_type,
.right_details_staff,
.right_details_equip,
.right_details_receiving,
.right_details_budget,
.nego_operator_name,
.nego_address,
.nego_contact_person,
.nego_email,
.nego_phone_number,
.nego_free_entry_field{
	display: flex;
	border-bottom:1px solid #191717;
	margin: 0 30px 0 35px;
	padding: 35px 0 0 0px;
	min-height:60px;
	box-sizing: border-box;
}


.right_details_subgenre1,
.right_details_subgenre2,
.right_details_subgenre3{
	display: block;
	font-size: 16px;
	color: #191717;
	width:80%;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 20px;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; 
	background-size: 16px; 
	background-color:#ffffff;
}

.right_details_subgenre_new{
	font-size: 16px;
	color: #191717;
	width:60%;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 20px;
	margin: 0 0 0 10px;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	background-size: 16px; 
	background-color:#ffffff;
	border: 1px solid #191717;
}


@media (max-width: 530px){
	.right_details_subgenre1,
	.right_details_subgenre2,
	.right_details_subgenre3	{
		font-size: 16px;
		color: #191717;
		width:100%;
		height: 30px;
		text-align: left;
		vertical-align: middle;
		padding: 0px 20px 0 10px;
		-webkit-appearance: none; 
		-moz-appearance: none; 
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.right_details_subgenre_new{
		font-size: 16px;
		color: #656464;
		width:75%;
		height: 30px;
		text-align: left;
		vertical-align: middle;
		padding: 0px 20px 0 10px;
		margin: 15px 0 0 15px;
		-webkit-appearance: none; 
		-moz-appearance: none; 
		appearance: none;
		background-size: 15px; 
		background-color:#ffffff;
	}
}



/*.right_details_artists{
	display: flex;
	border-bottom:1px solid #191717;
	margin: 0 30px 0 35px;
	padding: 35px 0 0 0px;
	min-height:60px;
	box-sizing: border-box;
}*/



.right_details_date_title,
.right_details_time_title,
.right_details_event_name_title,
.right_details_location_title,
.right_details_venue_title,
.right_details_genre_title,
.right_details_subgenre_title,
.right_details_artists_title,
.right_details_cost_title,
.right_details_transfer_type_title,
.right_details_staff_title,
.right_details_equip_title,
.right_details_receiving_title,
.right_details_budget_title,
.nego_operator_name_title,
.nego_address_title,
.nego_contact_person_title,
.nego_email_title,
.nego_phone_number_title,
.nego_free_entry_field_title{
	flex:1;
	font-size: 14px;
	vertical-align: bottom;
}


.right_details_subgenre_values{
	margin: 0 0 0 15px;
}


.right_details_date_text,
.right_details_time_text,
.right_details_event_name_text,
.right_details_location_text,
.right_details_venue_text,
.right_details_genre_text,
.right_details_subgenre1_title,
.right_details_subgenre2_title,
.right_details_subgenre3_title,
.right_details_subgenre1_text,
.right_details_subgenre2_text,
.right_details_subgenre3_text,
.right_details_artists_text,
.right_details_cost_text,
.right_details_transfer_type_text,
.right_details_staff_text,
.right_details_equip_text,
.right_details_receiving_text,
.right_details_budget_text,
.nego_operator_name_text,
.nego_address_text,
.nego_contact_person_text,
.nego_email_text,
.nego_phone_number_text,
.nego_free_entry_field_text{
	flex:2;
	font-size: 14px;
}

.right_details_artists_text li,
.right_details_staff li,
.right_details_equip li{
	font-size: 14px;
	margin: 0px 0px 5px 0px;
}

.right_details_free_entry_field{
	display: flex;
	margin: 30px 30px 0px 35px;
	padding: 0px 0 0 0px;
	height: 100%;
	align-items: flex-end;
	border-bottom: 1px solid #191717;
}

.right_details_free_entry_field_title{
	flex:1;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}

.right_details_free_entry_field_text{
	display: inline-block;
	flex:2;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
}

.nego_free_entry_field_text {
	display: inline-block;
    background-color: transparent !important; /* 背景を透明に強制 */
    border: none !important; /* 枠線を消す */
    outline: none !important; /* フォーカス時の枠線も削除 */
    pointer-events: none; /* クリックやフォーカスを防ぐ */
	color: #191717;
}


@media (min-width: 768px) {
	.right_details_date,
	.right_details_time,
	.right_details_event_name,
	.right_details_location,
	.right_details_venue,
	.right_details_genre,
	.right_details_subgenre,
	.right_details_artists,
	.right_details_artist1,
	.right_details_artist2,
	.right_details_artist3,
	.right_details_artist4,
	.right_details_artist5,
	.right_details_staff,
	.right_details_budget,
	.right_details_transfer_type,
	.right_details_cost,
	.right_details_equip,
	.right_details_receiving,
	.nego_operator_name,
	.nego_address,
	.nego_contact_person,
	.nego_email,
	.nego_phone_number,
	.nego_free_entry_field{
		display: block;
		border-bottom:1px solid #191717;
		margin: 0 30px 0px 35px;
		padding: 35px 0 5px 0px;
		min-height:60px;
		box-sizing: border-box;
	}
	.right_details_date_title,
	.right_details_time_title,
	.right_details_event_name_title,
	.right_details_location_title,
	.right_details_venue_title,
	.right_details_genre_title,
	.right_details_subgenre_title,
	.right_details_artists_title,
	.right_details_artist1_title,
	.right_details_artist2_title,
	.right_details_artist3_title,
	.right_details_artist4_title,
	.right_details_artist5_title,
	.right_details_budget_title,
	.right_details_transfer_type_title,
	.right_details_cost_title,
	.right_details_equip_title,
	.right_details_receiving_title,
	.nego_operator_name_title,
	.nego_address_title,
	.nego_contact_person_title,
	.nego_email_title,
	.nego_phone_number_title,
	.nego_free_entry_field_title{
		display: block;
	}
	.right_details_date_text,
	.right_details_time_text,
	.right_details_event_name_text,
	.right_details_location_text,
	.right_details_venue_text,
	.right_details_genre_text,
	.right_details_artists_text,
	.right_details_artist1_text,
	.right_details_artist2_text,
	.right_details_artist3_text,
	.right_details_artist4_text,
	.right_details_artist5_text,
	.right_details_budget_text,
	.right_details_transfer_type_text,
	.right_details_cost_text,
	.right_details_equip_text,
	.right_details_receiving_text,
	.nego_operator_name_text,
	.nego_address_text,
	.nego_contact_person_text,
	.nego_email_text,
	.nego_phone_number_text,
	.nego_free_entry_field_text{
		padding: 0 0 0 15px;
	}
	.right_details_staff_text li{
		padding: 0 0 0 0px;
		margin: 0 0 0 10px;
	}
	
	
	.right_details_free_entry_field{
		display: block;
		margin: 0px 30px 0px 35px;
		padding: 35px 0 5px 0px;
		align-items: center;
		border-bottom: 1px solid #191717;
	}
	.right_details_free_entry_field_title{
			display: block;
	}
	.right_details_free_entry_field_text{
			padding: 0 0 0 15px;
	}
} 



@media (max-width: 767px){
	.right_details_date,
	.right_details_time,
	.right_details_event_name,
	.right_details_location,
	.right_details_venue,
	.right_details_genre,
	.right_details_subgenre,
	.right_details_artists,
	.right_details_artist1,
	.right_details_artist2,
	.right_details_artist3,
	.right_details_artist4,
	.right_details_artist5,
	.right_details_staff,
	.right_details_budget,
	.right_details_transfer_type,
	.right_details_cost,
	.right_details_equip,
	.right_details_receiving,
	.nego_operator_name,
	.nego_address,
	.nego_contact_person,
	.nego_email,
	.nego_phone_number,
	.nego_free_entry_field
	{
		display: block;
		border-bottom:1px solid #191717;
		margin: 0 30px 0px 35px;
		padding: 35px 0 5px 0px;
		min-height:60px;
		box-sizing: border-box;
	}
	.right_details_date_title,
	.right_details_time_title,
	.right_details_event_name_title,
	.right_details_location_title,
	.right_details_venue_title,
	.right_details_genre_title,
	.right_details_subgenre_title,
	.right_details_artists_title,
	.right_details_artist1_title,
	.right_details_artist2_title,
	.right_details_artist3_title,
	.right_details_artist4_title,
	.right_details_artist5_title,
	.right_details_budget_title,
	.right_details_transfer_type_title,
	.right_details_cost_title,
	.right_details_equip_title,
	.right_details_receiving_title,
	.nego_operator_name_title,
	.nego_address_title,
	.nego_contact_person_title,
	.nego_email_title,
	.nego_phone_number_title,
	.nego_free_entry_field_title{
		display: block;
	}
	.right_details_date_text,
	.right_details_time_text,
	.right_details_event_name_text,
	.right_details_location_text,
	.right_details_venue_text,
	.right_details_genre_text,
	.right_details_artists_text,
	.right_details_artist1_text,
	.right_details_artist2_text,
	.right_details_artist3_text,
	.right_details_artist4_text,
	.right_details_artist5_text,
	.right_details_staff_text,
	.right_details_budget_text,
	.right_details_transfer_type_text,
	.right_details_cost_text,
	.right_details_equip_text,
	.right_details_receiving_text,
	.nego_operator_name_text,
	.nego_address_text,
	.nego_contact_person_text,
	.nego_email_text,
	.nego_phone_number_text,
	.nego_free_entry_field_text{
		padding: 0 0 0 15px;
	}
	.right_details_free_entry_field{
		display: block;
		margin: 0px 30px 0px 35px;
		padding: 35px 0 5px 0px;
		align-items: center;
		border-bottom: 1px solid #191717;
	}
	.right_details_free_entry_field_title{
			display: block;
	}
	.right_details_free_entry_field_text{
		padding: 0 0 0 15px;
		display: block;
	}
}





/*日程*/
.editDateContainer{
	margin: 0 0 0 10px;
	width: 100%;
}

/*年*/
.editYear{
	width: 110px;
    height: 30px;
    padding: 0 10px 0 10px;
}

/*月日*/
.editMonth,
.editDay{
	width: 90px;
    height: 30px;
    padding: 0 10px 0 10px;
}


/*時間*/
.editTimeContainer{
	margin: 0 0 0 10px;
	width: 100%;
}


/*時間・分*/
.editHour,
.editMinute{
	width: 75px;
    height: 30px;
    padding: 0 10px 0 10px;
	margin: 0 5px 0 0;
}



/*地域*/
.editLocationContainer{
	margin: 0 0 0 10px;
	width: 100%;
}

/*都道府県*/
.editPrefecture{
	width: 48.7%;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0 5px 0 0px;
}

/*市区町村*/
.editMunicipality{
	width: 48.2%;
    height: 30px;
    padding: 0 10px 0 10px;
    margin: 0 0px 0 0px;
}


/*費用*/
input.editInput[name="cost"]{
	display: inline-block;
	width: 48.2%;
	margin: 0 5px 10px 10px;
}

/*ジャンル*/
.editGenre{
	width: 48.2%;
    height: 30px;
    padding: 0 10px 0 10px;
	margin: 0 0 0 10px;
}


/*その他input*/
.editInput{
	width: 98%;
    padding: 0 10px 0 10px;
	margin: 0 0 0 10px;
}


/*出演アーティスト追加ボタン*/
.artist-title-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 10px 0 0px 0;
}

.add-artist-btn {
	height: 30px;
	font-size: 14px;
	margin: 0 5px 0 0;
	cursor: pointer;
	background: #656464;
	color: #f1efef;
	border:0px solid #656464;
}


/*出演アーティストinputラベル*/
.artist-label{
	width: 98%;
	display: block;
	font-weight: normal !important;
	font-size: 14px !important;
	text-align: left;
	margin: 0 0 0 10px;
}

/*出演アーティストinput*/
input.editInput[name^="artist_"]{
	display: block;
	width: 85%;
	margin: 0 0px px 10px;
}

/*出演アーティストinputの最後*/
input.editInput[name^="artist_"]:last-child{
	display: block;
	width: 85%;
	margin: 0 0px 0px 10px;
}


/*remove-artist-btn*/
.remove-artist-btn{
	height: 30px;
	font-size: 14px;
	margin: 0 5px 0 0;
    cursor: pointer;
	width: 10%;
	background: #656464;
	color: #f1efef;
	border:0px solid #656464;
}


.staff_labels{
	width:100%;
	position: relative;
	height:20px;
	display: block;
}

/*種別*/
.staff_label_type{
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 14px;
	width: 30%;
}

/*人数*/
.staff_label_count{
	position: absolute;
	top: 0;
	left: 16%;
	height: 30px;
	font-size: 14px;
	width: 30%;
}

/*備考*/
.staff_label_notes{
	position: absolute;
	top: 0;
	left: 22%;
	height: 30px;
	font-size: 14px;
	width: 30%;
}



/*スタッフ種別input*/
input[name^="staff_type_"]{
	display: inline-block;
	width: 30%;
	padding: 0 10px 0 10px;
	margin: 10px 5px 10px 10px;
}

/*スタッフ人数input*/
input.editInput[name^="staff_count_"]{
	display: inline-block;
	width: 10%;
	padding: 0 10px 0 10px;
	margin: 10px 5px 10px 5px;
}

/*スタッフ備考input*/
input.editInput[name^="staff_notes_"]{
	display: inline-block;
	width: 50%;
	padding: 0 10px 0 10px;
	margin: 10px 0px 10px 5px;
}



.staff_type{
	display: inline-block;
	width: 15%;
	font-size: 14px;
}
.staff_count{
	width: 2%;
	display: inline-block;
	font-size: 14px;
	margin: 0 10px 0 0;
}
.staff_notes{
	width: 65%;
	display: inline-block;
	font-size: 14px;
}


/*ラジオ全体*/
.editTransferType{
	width: 98%;
    padding: 0 0px 0 0px;
	margin: 0 0 0 10px;
}

/*ラジオ一つの横*/
.editTransferType label{
	display: block;
	width: 98%;
	height: 30px;
	overflow: hidden;           
	white-space: nowrap;        
	text-overflow: ellipsis;    
}


/*〇印*/
input[name=transfer_type]{
	margin: 0 5px 0px 0px;	
}





@media (max-width: 1230px){
	/*日程*/
	.editDateContainer{
		margin: 0 5px 10px 0px;
		width: 100%;
	}

	/*年*/
	.editYear{
		display: inline-block;
		width: 79%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 5px 10px 10px;
	}

	/*月日*/
	.editMonth{
		display: inline-block;
		width: 79%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 5px 10px 10px;
	}
	.editDay{
		display: inline-block;
		width: 79%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 5px 0px 10px;
	}
	/*時間*/
	.editTimeContainer{
		margin: 0 0 0 10px;
		width: 100%;
	}


	/*時間・分*/
	.editHour.start{
		display: inline-block;
		width: 34%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 10px 10px 0px;
	}
	.editMinute.start{
		display: inline-block;
		width: 34%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 5px 10px 5px;
	}		
	.editHour.end{
		display: inline-block;
		width: 34%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 10px 0px 0px;
	}		
	.editMinute.end{
		display: inline-block;
		width: 34%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 5px 0px 5px;
	}	
	
	
	/*地域*/
	.editLocationContainer{
		margin: 0 0 0 10px;
		width: 100%;
	}

	/*都道府県*/
	.editPrefecture{
		width: 79%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 5px 10px 0px;
	}

	/*市区町村*/
	.editMunicipality{
		width: 79%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 0px 0 0px;
	}
	/*ジャンル*/
	.editGenre{
		width: 79%;
		height: 30px;
		padding: 0 10px 0 10px;
		margin: 0 0 0 10px;
	}
	input.editInput[name="cost"]{
		display: inline-block;
		width: 79%;
		margin: 0 5px 10px 10px;
	}
}









.right_details_button_area{
	background: #191717;
	color: #f1efef;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	margin: 40px 30px 0px 35px;
	padding: 0px 0 0px 0px;
	height: 160px;
}
	
.right_details_button_area_text{
	padding: 20px 0 20px 0px;
	text-align: center;
	color: #ccc8aa;
}
.right_details_button_area_container{
	display: flex;
	width: 100%;
}


.right_details_button_area_delete,
.right_details_button_area_cancel_edit,
.right_details_button_area_return_edit,
.right_details_button_area_delete_no,
.right_details_button_admin_hide_no{
	max-width: 45%;
	flex:1;
	background: #656464; 
	height: 50px;
	color: #f1efef;
	margin: 10px 20px 0px 20px;
	border: 0px solid #000000;
}

.right_details_button_area_edit,
.right_details_button_area_confirm,
.right_details_button_area_submit,
.right_details_button_area_delete_yes,
.right_details_button_admin_hide_yes{
	flex:1;
	background: #ccc8aa;
	height:50px;
	color: #191717;
	margin: 10px 20px 0px 20px;
	border: 0px solid #000000;
	max-width: 45%;
}

.right_details_button_area_back_to_list{
	flex:1;
	background: #ccc8aa;
	height:50px;
	color: #191717;
	margin: 0px auto;
	border: 0px solid #000000;
	max-width: 45%;
	
}

.right_details_button_admin_hide{
	flex:1;
	background: #f1efef;
	height:50px;
	color: #191717;
	margin: 10px 10px 0px 10px;
	border: 0px solid #000000;
	max-width: 45%;
}


.right_details_button_admin_delete{
	max-width: 45%;
	flex:1;
	background: #656464; 
	height: 50px;
	color: #f1efef;
	margin: 10px 10px 0px 20px;
	border: 0px solid #000000;
}

.right_details_button_admin_edit{
	max-width: 45%;
	flex:1;
	background: #ccc8aa;
	height:50px;
	color: #191717;
	margin: 10px 20px 0px 10px;
	border: 0px solid #000000;

}


.right_details_button_area_delete,
.right_details_button_area_edit,
.right_details_button_area_cancel_edit,
.right_details_button_area_confirm,
.right_details_button_area_return_edit,
.right_details_button_area_submit,
.right_details_button_area_back_to_list,
.right_details_button_area_delete_no,
.right_details_button_area_delete_yes{
	font-size: 12px;
}


/* スマホ時の詳細を初期状態で隠す */
.right_details_sp,
.right_details_container_sp{
    display: none;
}

/* 右サイド768px以上表示 */
@media (min-width: 768px) {
    .right_details {
        display: block;
    }
}

/* 右サイド768px未満非表示 */
@media (max-width: 767px) {
    .right_details {
        display: none;
    }
	.right_details_sp,
	.right_details_container_sp{
		display: block;
	}
	.right_details_sp{
		padding: 0 0 30px 0;
		background: #ccc8aa;
		margin: 10px 10px;
	}
}




/*********運営会社*********/

.company_wrapper{
	width: 100%;
	margin: 0 auto;
}


.company{
	border:0px solid #000000;
	padding: 0 0;
	flex-wrap: wrap;
	width: 68%;
	margin: 0 auto;
	max-width: 900px;
	min-width: 680px;
}

@media (min-width: 960px){
.company{
	border:0px solid #000000;
	padding: 0 0;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
	}
}







.h1_company{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding: 24px 0 5px 0;
}

.company_line_wrapper{
	position: relative;
}

.company_title_line{
	display: block;
    width: 60px;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* 上に表示 */
}
.company_title_long_line{
    display: block;
    width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}



.company_table{
	width: 100%;
	border-collapse: collapse;
}


.company_table tr{
	width: 100%;
}

.company_table th{
	text-align: left;
	width: 148px;
	border-bottom: 1px solid #656464;
	padding: 20px 0 4px 0 ;
	margin: 0px 0 0 0;
	font-size: 14px;
	height: 0px;
}
	
.company_table td{
	position: relative;
	text-align: left;
	border-bottom: 1px solid #656464;
	padding-left: 30px;
	padding: 20px 100px 4px 30px;
	margin: 0px 0 0 0;
	font-size: 14px;
	height: 0px;
}

.company_table td::before{
  content: "";
  position: absolute;
  left: 0px; 
  bottom: 0%; 
  transform: translateY(0%); 
  height: 50%;
  width: 1px; 
  background-color: #656464;
}




.back_to_top{
	text-align: center;
	margin: 20px 0 20px 0; 
}

.company_back_to_top,
.desc_back_to_top,
.terms_back_to_top,
.privacy_back_to_top,
.reminder_back_to_top,
.comp_back_to_top,
.logout_back_to_top,
.register_back_to_top{
	text-align: center;
	margin: 50px 0 50px 0; 
}


.back_to_top_submit{
	display: inline-block;
	width:33.33%;
	height: 60px;
	line-height: 60px;
	color: #191717;
	font-size: 16px;
	text-align: center;
	background-color: #ccc8aa;
	border: 0px solid #000000;
	cursor: pointer;
}

.back_to_top_submit:hover{
	background-color: rgba(201, 200, 170, 0.5);	
}






@media (max-width: 767px){
.company{
	border:0px solid #000000;
	padding: 0 4%;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	min-height: 500px;
	min-width: 330px;
	}
	.company_table{
		width: 100%;
		border-collapse: collapse;
	}
	.company_table tr{
		width: 100%;
	}
	.company_table th{
		text-align: left;
		width: 20%;
		border-bottom: 1px solid #656464;
		padding: 20px 0 4px 0 ;
		margin: 0px 0 0 0;
		font-size: 14px;
		height: 0px;
	}

	.company_table td{
		position: relative;
		text-align: left;
		border-bottom: 1px solid #656464;
		padding-left: 30px;
		padding: 20px 30px 4px 30px;
		margin: 0px 0 0 0;
		font-size: 14px;
		height: 0px;
	}
	.company_table td::before{
	  content: "";
	  position: absolute;
	  left: 0px; 
	  bottom: 0%; 
	  transform: translateY(0%); 
	  height: 50%;
	  width: 1px; 
	  background-color: #656464;
	}
	.back_to_top{
		text-align: center;
		margin: 80px 0 80px 0; 
	}
	.back_to_top_submit{
		width:40%;
		height: 60px;
		color: #191717;
		font-size: 16px;
		text-align: center;
		background-color: #ccc8aa;
		border: 0px solid #000000;
		cursor: pointer;
	}
	.back_to_top_submit:hover{
		background-color: rgba(201, 200, 170, 0.5);	
	}
}


@media (max-width: 679px) {
    .company_table {
        width: 100%;
    }
    .company_table tr {
        border-bottom: 1px solid #656464;
        width: 100%;
        min-height: 60px;
        display: block;
        position: relative;
    }
	.company_table tr:last-child{
        border-bottom: 0px solid #656464;
	    padding: 0px 0 0px 0px;	
	}	
    .company_table th {
        border-bottom: 0px solid #656464;
        display: block;
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
    }
    .company_table td {
        border-bottom: 0px solid #656464;
        display: flex;
        align-items: center;
        padding: 25px 30px 0px 30px;
        font-size: 14px;
        width: 100%;
    }
    .company_table td::before {
        content: "";
        left: 0px;
        bottom: 0%;
        width: 0px;
    }
    .company_table .company_table_business_contents{
	    border-bottom: 1px solid #656464;	
		height: auto;
		display: block;
		padding: 20px 0 5px 30px;
		margin: 0 0 0px 0px
	}
}




/**********会員登録ページ**********/


.menbership_registration_wrapper{
	width: 68%;
	margin: 0 auto;
	max-width: 900px;
	min-width: 680px;
}


@media (max-width: 960px){
.menbership_registration_wrapper{
	width: 90%;
	margin: 0 auto;
	
}
}

@media (max-width: 700px){
.menbership_registration_wrapper{
	width: 90%;
	margin: 0 auto;
	padding: 0 4%;
	min-width: 330px;
}
}



.registration_title{
	border:0px solid #000000;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 0;
}


.h1_registration_title{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding: 24px 0 5px 0;
}

.registration_title_line_wrapper{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0px 0;
}

.registration_title_line{
	display: block;
    width: 60px;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* 上に表示 */
}


.registration_title_long_line{
    display: block;
    width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}



/*会員情報入力-入力内容確認-登録申請完了*/

.registration_guide{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 0 0px 0;
	margin: 30px 0 60px 0;
}




.member_infomation,
.content_confirmation,
.application_completed
{
	width: 33.33%; /*300px/900px*/
	display: flex;
	align-items: center;
}


.member_infomation_title
{
	width: 93.33%;  /*280px/300px*/
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #656464; 
	border: 1px solid #656464; 
	text-align: center;
	margin: 0 0px; 
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	color: #f1efef;
	padding: 0 5px 0 5px;
}

.content_confirmation_title{
	width: 93.33%;  /*280px/300px*/
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f1efef; 
	border: 1px solid #656464; 
	text-align: center;
	margin: 0 0px 0 0;
	padding: 0 5px 0 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	color: #656464;
}


.application_completed_title
{
	width: 100%;  /*300px/300px*/
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f1efef; 
	border: 1px solid #656464; 
	text-align: center;
	margin: 0 0px; 
	padding: 0 5px 0 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	color: #656464;
}



/* デフォルトの背景色 */
.title {
  background-color: #f1efef;
  color: #656464;
}

/* アクティブなタイトルの背景色 */
.active-title {
  background-color: #656464;
  color: #f1efef;
}


.member_infomation_line,
.content_confirmation_line,
.mail_password_wrapper
{
  width: 30px; 
  height: 1px; 
  background-color: #656464;
}


.menbership_registration_thin_line1{
    display: block;
	width: 100%;
    height: 1px;
    background: #656464;
    top: 240px; /* 短い線の中央に配置するための調整 */
    left: 0;
    z-index: 1; 
}




/*メールアドレスパスワード*/

.email_password_wrapper{
	width: 100%;
	padding: 0px 0 0px 0px;
	margin: 30px 0 60px 0;
		
}

.tr_email_password_description_wrapper{
	width: 100%;
}


.email_password_description_wrapper{
	width: 100%;
	border-bottom: 1px solid #191717;
	text-align: left;
}

.email_password_description{
	display: inline;
	font-size: 20px;
	padding: 0px 0 0 0;
	marign: 0px 0 0 0;

}

.email_error{
	display: inline;
	color: #d64452;
	padding: 0 0 0px 30px;
	vertical-align: middle;
	line-height: 1.5px;
}



@media (max-width: 1500px){
.email_error{
	display: block;
	color: #d64452;
	padding: 10px 0 10px 0px;
	vertical-align: middle;
	line-height: 1.5px;
}
}



/*メールアドレスフォーム*/
.email_form_container{
	display: block;
	width: 100%;
	padding: 0px 0 0px 0;
	margin: 30px 0 0px 0;
}


.td_email_form_title{
	display: block;
	width: 100%;
}

.td_email_confirm_form_title{
	display: block;
	width: 100%;
	margin: 30px 0 0px 0;
}

.email_form_title{
	margin: 0px 0 0px 0;
	padding: 0 0 0px 0;
}

.email_input_form{
	width: 100%;
	height: 50px;
	margin: 0px 0 0px 0;
	padding: 0 20px; 
}

.error_border{
	width:100%;
	border: 1px solid #d64452 !important;
	margin: 5px 0 0px 0;
}



/*パスワードフォーム*/
.password_form_container{
	display: block;
	width: 100%;
	padding: 0px 0 0px 0;
	margin: 30px 0 0px 0;
}

.td_password_form_title{
	display: block;
	width: 100%;
}

.td_password_confirm_form_title{
	display: block;
	width: 100%;
	margin: 10px 0 0px 0;
}


.password_form_title{
	margin: 0px 0 0 0;
}

.password_input_form{
	width: 100%;
	height: 50px;
	margin: 5px 0 0px 0;
		padding: 0 20px; 
}

.password_explanation{
	display:block;
}

/*赤字必須*/

.required{
	font-size:16px;
	color:#d64452;
}


/* key発行部分 */
.company_key_container{
	width:100%;
	margin:20px 0 10px 0;
}
.td_company_key{
	display:block;
	width:100%;
}
.company_key_header{
	display:flex;
	align-items:center;
	gap:12px;
}
.use_company_key_label{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:16px;
	color:#191717;
}
.company_key_fields{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:14px;
}
.company_key_input{
	height:50px;
	width:50%;
	min-width:260px;
	box-sizing:border-box;
	padding:0 20px;
}
.company_key_apply_button{
	background:#656464;
	height:50px;
	padding:0 20px;
	color:#f1efef;
	border:0;
}
.company_key_apply_button:hover{
	opacity:.8;
}
.company_key_applied_notice{
	margin-top:10px;
	color:#043CA3;
}
.operator_locked .operaiter_name_input_form,
.operator_locked .prefectures_form,
.operator_locked .municipalities_form,
.operator_locked .street_address_form,
.operator_locked .building_name_room_number_form,
.operator_locked .post_number_form,
.operator_locked .website_form{
	background:#f6f6f6;
}
@media (max-width:700px){
	.company_key_fields{
		flex-direction:column;
		align-items:flex-start;
	}
	.company_key_input{
		width:100%;
	}
	.company_key_apply_button{
		width:50%;
	}
}


/*事業者情報*/

.business_operators_wrapper{
	width: 100%;
	padding: 30px 0 30px 0;
}

.tr_business_operators_discription_wrapper{
	width: 100%;
}

.business_operators_discription_wrapper{
	width: 100%;
	border-bottom: 1px solid #191717;
	text-align: left;
}



.business_operators_discription{
	font-size: 20px;
	display: block;
}


.business_operators_discription_text_wrapper{
	display: block;
	width: 100%;

}

.business_operators_discription_text1{
	display: block;
	width: 100%;
	margin: 20px 0 0px 0;
	text-align: left;
}

.business_operators_discription_text2{
	display: block;
	width: 100%;
	margin: 0px 0 0px 0;
	text-align: left;
}

.operaiter_name_form_container{
	display: block;
	width: 100%;
	padding: 0px 0 0px 0;
}


.td_operaiter_name_form_title{
	width: 100%;
	display: block;
	margin: 20px 0 30px 0;
}

.td_operaiter_name_form_title_kana{
	width: 100%;
	display: block;
	margin: 0px 0 30px 0;
}


.operaiter_name_form_title
{
	margin: 0px 0 0 0;
}
.operaiter_name_input_form{
	width: 100%;
	height: 50px;
	margin: 5px 0 0px 0;
	padding: 0 20px;
}


.contact_person_form_container
{
	width: 100%;
	padding: 0px 0 0px 0;
	margin: 30px 0 30px 0;
}

.td_contact_person_form_title{
	width: 100%;
	display: block;
}


.td_contact_person_form_title_kana{
	width: 100%;
	display: block;
	margin: 30px 0 0 0;
}



.contact_person_form_title
{
	margin: 0px 0 0 0;
}

.contact_person_input_form{
	width: 100%;
	height: 50px;
	margin: 5px 0 0px 0;
	padding: 0 20px;
}



/*事業所所在地*/
.business_location_container{
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin: 50px 0 60px 0;
}

.business_location_title{
	flex: 0 0 140px; 
	text-align: left;
	border-right: 0px solid #191717;
}


.business_location_form{
	flex: 1; 
	border-left: 1px solid #656464;
	padding: 0 0 0px 40px;
	margin: 0 0 0px 0;
}

.business_location_form span{
	display: block;
	margin-bottom: 5px;
}


.post_number_container,
.prefectures_container,
.municipalities_container,
.street_address_container,
.building_name_room_number_container
{
	width: 100%;
}

.post_number_title{
	margin: 0px 0px 0 0; 
}

.prefectures_title,
.municipalities_title,
.street_address_title,
.building_name_room_number_title
{
	margin: 30px 0px 0 0; 
}

.post_number_form{
	height: 50px;
	width: 33.33%;
	margin: 0px 30px 0 0;
	box-sizing: border-box; 
	padding: 0 20px;
}

.address_auto_fill_button{
	background: #656464;
	height: 50px;
	width: 20%;
	color: #f1efef;
	border: 0px solid #191717;
}

.address_auto_fill_button:hover{
	opacity: 0.8;
}



.prefectures_form,
.municipalities_form,
.street_address_form,
.building_name_room_number_form
{
	height: 50px;
	width: 100%;
	margin: 0px;
	box-sizing: border-box; 
	padding: 0 20px;
}


@media (max-width: 700px){
	.business_location_container{
		display: block;
		width: 100%;
		margin: 50px 0 60px 0;
	}
	.business_location_title{
		margin-right: 0px; 
		border-right: 0px solid #191717;
		display: block;
		height: 30px;
		width: 100%;
	}
	.business_location_form{
		display: inline-block;
		border-left: 0px solid #656464;
		padding: 0 0 0px 0px;
		margin: 0 0 0px 0;
		width: 100%;
	}
	.business_location_form span{
		display: block;
		margin-bottom: 5px;
	}
	.post_number_container,
	.prefectures_container,
	.municipalities_container,
	.street_address_container,
	.building_name_room_number_container
	{
		width: 100%;
	}
	.post_number_title{
		margin: 0px 0px 0 0; 
	}
	.prefectures_title,
	.municipalities_title,
	.street_address_title,
	.building_name_room_number_title
	{
		margin: 30px 0px 0 0; 
	}
	.post_number_form
	{
		height: 50px;
		width: 50%;
		margin: 0px;
		box-sizing: border-box; 
	}
	.prefectures_form,
	.municipalities_form,
	.street_address_form,
	.building_name_room_number_form
	{
		height: 50px;
		width: 100%;
		margin: 0px;
		box-sizing: border-box; 
	}
	.address_auto_fill_button{
		margin: 0 0 0 30px;
		width: 30%;
	}
}





/*連絡先*/
.contact_details_container{
	display: flex;
	align-items: flex-start;
	width: 100%;
	marign: 0 0 60px 0;
}

.contact_details_title{
	flex: 0 0 140px; 
	text-align: left;
	border-right: 0px solid #191717;
}


.contact_details_form{
	flex: 1; 
	border-left: 1px solid #656464;
	padding: 0 0 0px 40px;
	margin: 0 0 0px 0;
}

.contact_details_form span{

}

.mail_address_container,
.tel_number_container
{
	margin: 0px 0px 30px 0; 
	width: 100%;
}

.website_container{
	margin: 0px 0px 0px 0; 
	width: 100%;
}

.mail_address_title{
	 margin: 0px 0px 0 0; 
}

.tel_number_title,
.website_title
{
	 margin: 30px 0px 0 0; 
}


.mail_address_form,
.tel_number_form,
.website_form
{
	height: 50px;
	width: 100%;
	margin: 5px 0 0 0;
	box-sizing: border-box; 
	padding: 0 20px;
}



@media (max-width:700px){
	.contact_details_container{
		display: block;
		width: 100%;
		marign: 0 0 60px 0;
	}

	.contact_details_title{
		margin: 0px 0px 0 0; 
		border-right: 0px solid #191717;
		display: block;
		width: 100%;
	}


	.contact_details_form{
		display: block;
		border-left: 0px solid #656464;
		padding: 0 0 0px 0px;
		margin: 0 0 0px 0;
	}

	.contact_details_form span{

	}

	.mail_address_container,
	.tel_number_container
	{
		margin: 0px 0px 30px 0; 
		width: 100%;
	}

	.website_container{
		margin: 0px 0px 0px 0; 
		width: 100%;
	}

	.mail_address_title{
		 margin: 0px 0px 0 0; 
	}

	.tel_number_title,
	.website_title
	{
		 margin: 30px 0px 0 0; 
	}


	.mail_address_form,
	.tel_number_form,
	.website_form
	{
		height: 50px;
		width: 100%;
		margin: 5px 0 0 0;
		box-sizing: border-box; 
	}
}


/*利用規約と個人情報*/


.consent_wrapper{
	width: 100%;
	text-align: center;
	margin: 60px 0 0px 0;
}
.consent_container{
	width: 600px;
	height: 166px;
	background: #ffffff;
	text-align: center;
	margin: 10px auto;
	border: 2px solid #656464;
}

.consent_text{
	text-align: center;
	margin: 30px 0;
}

.consent_text span{
	border-bottom: 1px solid #191717;
}

.checkbox_container{
	display: flex;
}
.privacy_policy_container{
	padding: 0 10px 0 50px;
}
.privacy_policy_container span{
	font-size: 16px;
}

.privacy_policy_container a{
	font-size: 14px;
	padding: 0 0 0 20px;
	color: #191717;
}
.terms_of_service_container{
	padding: 0 20px 0 50px;
}
.terms_of_service_container span{
	font-size: 16px;
}

.terms_of_service_container a{
	font-size: 14px;
	padding: 0 0 0 20px;
		color: #191717;
}

.disclaimer_text{
	display: block;
	font-size: 14px;
	padding: 5px 0 0 0px
}



@media (max-width:700px) {
.consent_wrapper{
	width: 100%;
	text-align: center;
	margin: 30px 0 0px 0;
}
.consent_container{
	width: 100%;
	height: auto;
	background: #ffffff;
	text-align: left;
	margin: 10px auto;
	border: 2px solid #656464;
}

.consent_text{
	text-align: center;
	margin: 20px 0;
}

.consent_text span{
	border-bottom: 1px solid #191717;
}

.checkbox_container{
	display: flex;
}
.privacy_policy_container{
	padding: 0 10px 20px 25px;
}
.privacy_policy_container span{
	font-size: 16px;
}

.privacy_policy_container a{
	font-size: 14px;
	padding: 0 0 20px 15px;
	color: #191717;
}
.terms_of_service_container{
	padding: 0 15px 0 20px;
}
.terms_of_service_container span{
	font-size: 16px;
}

.terms_of_service_container a{
	font-size: 14px;
	padding: 0 0 0 20px;
		color: #191717;
}

.disclaimer_text{
	font-size: 14px;
	padding: 5px 0 0 0px
}
}

@media (max-width: 635px){
	.consent_text{
	text-align: center;
	margin: 20px 10px;
}
	.checkbox_container{
	display: block;
	}
	.privacy_policy_container{
		padding: 0 5px 0 25px;
	}
	.privacy_policy_container span{
		font-size: 16px;
	}

	.privacy_policy_container a{
		display: inline-block;
		font-size: 14px;
		padding: 0 0 10px 16px;
		color: #191717;
	}
	.terms_of_service_container{
		padding: 0 10px 10px 25px;
	}
	.terms_of_service_container span{
		font-size: 16px;
	}

	.terms_of_service_container a{
		display: inline-block;
		font-size: 14px;
		padding: 0 0 10px 16px;
			color: #191717;
	}

	.disclaimer_text{
		font-size: 14px;
		padding: 5px 0 0 0px
	}
}








.menbership_registration_confirm_button_wrapper{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.menbership_registration_confirm_button{
	max-width:300px;
	width: 33.33%;
	height: 60px;
	background: #ccc8aa;
	margin: 40px 0 60px 0;
	border: 0px solid #191717;
}




.menbership_registration_back_button{
	max-width:300px;
	width: 33.33%;
	height: 60px;
	background: #656464;
	margin: 40px 10px 60px 0;
	border: 0px solid #191717;
	color: #f1efef;
}

.menbership_registration_submit_button{
	max-width:300px;
	width: 33.33%;
	height: 60px;
	background: #ccc8aa;
	margin: 40px 0 60px 10px;
	border: 0px solid #191717;
}


.form-global-error-container{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	display: block;
}


#globalError{
	display: block;
    text-align: center;
    margin-bottom: 50px;
    color: #d64452;
}

#loginError{
	text-align: center;
}

#newPassGlobalError,
#reminderGlobalError,
#verifyGlobalError{
	display: block;
    text-align: center;
    margin-top: 30px;
    color: #d64452;
}

#eventFormGlobalError{
	display: block;
    text-align: center;
    margin: -30px 0 30px 0;
    color: #d64452;
}

/**********フッター**********/
.footer {
	width:100%;
    background: #191717;
    color: #ffffff;
    text-align: center;
    padding: 0px;
	min-height:100px;
	z-index: 1200; 
}

.footer a{
	color: #ffffff;
}

.footer_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    padding: 0 20px;
}

.footer_links
.footer_logo_copyright{
	flex:1;
}

/*フッターロゴイメージ*/
.footer_logo img{
	margin: 10px 0 0 0px;
	width: 150px;
}



.footer_links ul{
	list-style: none;
    padding: 30px 0 0 15px;
    margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer_links ul li {
    margin-right: 50px; /* リンク間にスペースを追加 */
	 flex: 1 1 10%;
		 text-align: left;
}


.footer_links ul li a {
    color: #ccc8aa;
    text-decoration: none;
		font-size: 14px;
	display:inline-block;
	align-items: center;
	white-space: nowrap;
}

.footer_links ul li a:hover {
    color: #ffffff;
}

.footer_links ul li a img{
	padding: 0px 0px 0 10px;
}

.footer_logo_copyright {
    text-align: right;
}

.footer_logo {
 padding: 10px 0px 0 0;
}

.footer_logo a{
	font-size: 39px;
	color: #ccc8aa;
    margin: 20px 0px 0 0;
}
.footer_logo a:hover{
	color: #ffffff;
}


.footer_copyright p{
    margin-top: 0px;
    font-size: 12px;
	   padding: 0 0px 20px 0;
	color: #ccc8aa;
	text-align: right;
	white-space: nowrap;
}




@media (max-width:720px){
	.footer {
		width:100%;
		background: #191717;
		color: #ffffff;
		text-align: center;
		padding: 0px;
		min-height:100px;
		height: auto;
	}

	.footer a{
		color: #ffffff;
	}

	.footer_content {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin: 0 auto;
		padding: 0 0px;
	}
	.footer_links
	.footer_logo_copyright{
		flex:1;
	}

	.footer_links ul{
		list-style: none;
		padding: 20px 0 20px 15px;
		margin: 0;
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.footer_links ul li {
		margin-right: 0px; /* リンク間にスペースを追加 */
		display: block;
		text-align: left;
	}


	.footer_links ul li a {
		color: #ccc8aa;
		text-decoration: none;
			font-size: 14px;
		display:inline-block;
		align-items: center;
		white-space: nowrap;
	}
	.footer_logo ul li a:hover{
		color: #ffffff;
	}
	.footer_links ul li a img{
		padding: 0px 0px 0 10px;
	}

	.footer_logo_copyright {
		text-align: right;
	}

	.footer_logo {
	 padding: 70px 15px 0 0;
	}

	.footer_logo a{
		font-size: 39px;
		color: #ccc8aa;
		margin: 20px 0px 0 0;
	}
	.footer_logo a:hover{
		color: #ffffff;
	}
	.footer_copyright p{
		margin-top: 0px;
		font-size: 10px;
		   padding: 0 10px 15px 0;
		color: #ccc8aa;
		text-align: right;
		white-space: nowrap;
	}
}






/*****カレンダーモーダル*****/
/* 黒部分含むモーダルスタイル */
.modal {
    display: none; /* 初期状態で非表示 */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 背景の透過 */
	z-index: 2000;
}

/*白い部分のモーダルスタイル*/
.modal-content {
    background-color: #fff;
    border: 1px solid #656464;
    max-width: 900px; /* モーダルの幅 */
	width: 90%;
	position: absolute;
	left: 55%;
	top: 40%;
	transform: translate(-50%, -50%); /* モーダルを画面中央に配置 */
	padding: 20px 30px 30px 30px;
	box-sizing: border-box; /* パディングを含めて幅を計算 */
	z-index: 2100;

}




@media (max-width: 960px){
	.modal-content{
		z-index: 1500;
		position: absolute;
		left: 50%;
		top: 40%;
	}
}


#modalTitle{
	width:100%;	
	margin: 0 0 10px 0;

}
#modalTitle span{
	display: block;
	text-align: center;
	border: 0px solid #656464;
	font-size:20px;
}

.link-container {
    display: flex; /* リンクを二列に配置 */
    justify-content:space-between;
}

.link-column {
    width: 90%; /* 列の幅を設定 */
	border: 0px solid #000000;
}

.link-column a {
    display: block;
    padding: 18px 30px;
    text-decoration: none;
    color: #191717;
	font-weight: bold;
    border-bottom: 0px solid #656464;
    margin-bottom: 10px; /* リンクの間隔 */
	width: 90%; /* 幅を調整して左右に十分な余白を確保する */
	height: 60px;
	margin: 10px auto;
	text-align: left;
	background: #ccc8aa;
	align-items: center;
	position: relative;
}


.link-column a:hover {
    opacity: 0.8;
}

.link-column img{
	position: absolute;
	top: 20px;
	right: 10px;
}


@media(max-width: 700px){
	.link-column a {
		display: block;
		padding: 16px 24px;
		text-decoration: none;
		color: #191717;
		font-size: 14px;
		font-weight:normal;
		border-bottom: 0px solid #656464;
		margin-bottom: 10px; /* リンクの間隔 */
		width: 90%; /* 幅を調整して左右に十分な余白を確保する */
		margin: 10px auto;
		text-align: left;
		background: #ccc8aa;
		align-items: center;
		word-break: normal;
		overflow-wrap: break-word;
		white-space: normal;

	}
}






.close {
	position: absolute;
    cursor: pointer; /* カーソルをポインタに */
	font-size: 20px;
	right:0px;
	top: 0px;
	border: 1px solid #656464;
	background: #656464;
    border-top-left-radius: 0%;
	border-top-right-radius: 0%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 0%;
	width:40px;
	color: #ffffff;
	padding: 0 0 5px 10px;
	z-index: 1500;
}

.close:hover{
	opacity: 0.8;
}


a.disabled {
    color: gray;
    pointer-events: none; /* クリックを無効にする */
    opacity: 0.5; /* 見た目も無効に見えるように */
}


.modal a.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}




@media(max-width: 960px){
	.modal{
		z-index: 2000;		
	}
	.modal-content{
		z-index: 2100;
	}
}



/**********興行予定カレンダー**********/
.event_h1_calendar{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding: 0px 0 5px 0;
}






/*****交渉完了の有無*****/
.negotiation_radio_button{
	width: 100%;
	padding: 40px 0 0 0px;
	color: #191717;
	font-size: 16px;
}

.negotiation_text{
	padding: 0 20px 0 0;
}

.include{
	display: inline-block;
	margin: 0 10px 0 0;
	transform: scale(1.5);
}
.include_text{
	margin: 0 10px 0 0;
}
.exclude{
	display: inline-block;
	margin: 0 10px 0 0;
	transform: scale(1.5);
}
.exclude_text{
	margin: 0 10px 0 0;
}







/**********日別興行詳細**********/

.daily_event_wrapper{
	background: #f1efef;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0px 0;
}


.daily_event{
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0;
	width: 68%;
	max-width: 900px;
	min-width: 680px;
}

@media (max-width: 960px){
.daily_event{
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0;
	width: 90%;
	}
}
@media (max-width: 700px){
.daily_event{
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0%;
	width: 90%;
	max-width: 680px;
	min-width: 330px;
	}
}


.h1_daily_event{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding: 0px 0 5px 0;
}


.daily_event_line_wrapper{
	position: relative;
}
.daily_event_title_line{
display: block;
    width: 7%;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2; /* 上に表示 */
}
.daily_event_title_long_line{
    display: block;
	width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}

.daily_event_button_wrapper,
.daily_venue_button_wrapper,
.daily_crew_button_wrapper,
.daily_equipment_button_wrapper{
	position: relative;
	width:100%;
	text-align: center;
	padding: 40px 0 30px 0;
	margin: 0 auto;
}
.daily_event_button,
.daily_venue_button,
.daily_crew_button,
.daily_equipment_button{
	display: inline-block;
	width: 33.33%;
	height:60px; 
	background: #ccc8aa;
	border: 0px solid #000000;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
	line-height: 60px; /* ボタンの高さに合わせてテキストを中央揃え */
    color: #191717; /* ボタンのテキスト色 */
}

@media (max-width: 550px) {
	.daily_event_button::before,
	.daily_venue_button::before,
	.daily_crew_button::before,
	.daily_equipment_button::before{
	content:"新規入力";  /* ここでボタンの新しいテキストを設定 */
    font-size: 16px;      /* テキストが見えるようにフォントサイズを指定 */
	display: block;
	width: 100%;
	height:60px; 
	background: #ccc8aa;
	border: 0px solid #000000;
	text-align: center;
	visibility:visible; 
	line-height: 60px;
    }
	.daily_event_button,
	.daily_venue_button,
	.daily_crew_button,
	.daily_equipment_button{
		visibility: hidden;
	}
}

.daily_event_schedule_wrapper{
	margin: 0 auto;
	width: 100%;
}

.daily_event_schedule{
	border:0px solid #000000;
	padding: 0 0;
	width: 68%;
	margin: 0 auto;
	max-width: 900px;
	min-width: 680px;
}


@media (max-width: 960px){
	.daily_event_schedule{
	border:0px solid #000000;
	padding: 0 0;
	width: 90%;
	margin: 0 auto;
	}
}
@media (max-width: 700px)
	{
	.daily_event_schedule{
	border:0px solid #000000;
	padding: 0 0%;
	width: 90%;
	margin: 0 auto;
	max-width: 680px;
	min-width: 330px;
	}
}

.daily_event_description{
	width: 100%;
	text-align: left;
	margin: 0px 0px 15px 0;
	padding: 0 20px;
	max-width: 900px;
	min-width: 680px;
}

.daily_event_description span{
	font-size: 16px;
}


@media (max-width: 700px){
	.daily_event_description{
		width: 100%;
		text-align: left;
		margin: 0px 0px 15px 0;
		padding: 0 20px;
		max-width: 680px;
		min-width: 330px;			
	}
}


.daily_event_list,
.daily_venue_list,
.daily_crew_list,
.daily_equipment_list{
	width: 100%;
	border: 0px solid #000000;
	text-align: center;
	padding: 0 0 0px 0;
	background: #ffffff;
}


.table_daily_event_list{
	width: 100%;
	border-top: 2px solid #656464;
	border-bottom: 1px solid #656464;
	border-collapse: collapse;
	max-width: 900px;
	min-width: 680px;
}

.table_daily_venue_list{
	width: 100%;
	border-top: 2px solid #656464;
	border-bottom: 2px solid #656464;
	border-collapse: collapse;
	max-width: 900px;
	min-width: 680px;
}

.table_daily_crew_list,
.table_daily_equipment_list{
	width: 100%;
	border-top: 2px solid #656464;
	border-bottom: 1px solid #656464;
	border-collapse: collapse;
	max-width: 900px;
	min-width: 680px;
}
.table_daily_event_details1,
.table_daily_venue_details1,
.table_daily_crew_details1,
.table_daily_equipment_details1{
	width: 100%;
	border-top: 0px solid #656464;
	border-bottom: 0px solid #656464;
	border-collapse: collapse;
	max-width: 900px;
	min-width: 680px;
}

.table_daily_event_details2,
.table_daily_venue_details2,
.table_daily_crew_details2,
.table_daily_equipment_details2{
	width: 100%;
	border-top: 0px solid #656464;
	border-bottom: 2px solid #656464;
	border-collapse: collapse;
	max-width: 900px;
	min-width: 680px;
    overflow-x: auto;
}



@media (max-width:700px){
.table_daily_event_list,
.table_daily_venue_list,
.table_daily_crew_list,
.table_daily_equipment_list{
	width: 100%;
	border-top: 2px solid #656464;
	border-bottom: 0px solid #656464;
	border-collapse: collapse;
	max-width: 680px;
	min-width: 330px;
	}
	
.table_daily_event_details1,
.table_daily_venue_details1,
.table_daily_crew_details1,
.table_daily_equipment_details1{
	width: 100%;
	border-top: 0px solid #656464;
	border-bottom: 1px solid #656464;
	border-collapse: collapse;
	max-width: 680px;
	min-width: 330px;
	}
.table_daily_event_details2{
	width: 100%;
	border-top: 0px solid #656464;
	border-bottom: 2px solid #656464;
	border-collapse: collapse;
	max-width: 680px;
	min-width: 330px;
	}
.table_daily_venue_details2,
.table_daily_crew_details2,
.table_daily_equipment_details2{
	width: 100%;
	border-top: 0px solid #656464;
	border-bottom: 2px solid #656464;
	border-collapse: collapse;
	max-width: 680px;
	min-width: 330px;
	}	
}

.tr_daily_event_title,
.tr_daily_venue_title,
.tr_daily_crew_title,
.tr_daily_equipment_title{
	background: #f1efef;
	border-bottom: 0px solid #656464; /*trにボーダーは引けない*/
}


.th_daily_event_title_prefectures,
.th_daily_venue_title_prefectures,
.th_daily_crew_title_prefectures,
.th_daily_equipment_title_prefectures,
.th_daily_event_title_municipalities,
.th_daily_venue_title_municipalities,
.th_daily_crew_title_municipalities,
.th_daily_equipment_title_municipalities,
.th_daily_event_title_venue,
.th_daily_venue_title_venue,
.th_daily_crew_title_venue,
.th_daily_equipment_title_venue,
.th_daily_event_title_genre,
.th_daily_venue_title_time,
.th_daily_venue_title_cost,
.th_daily_crew_title_crew,
.th_daily_equipment_title_equipment,
.th_daily_event_title_operators,
.th_daily_venue_title_operators,
.th_daily_crew_title_operators,
.th_daily_equipment_title_operators,
.th_daily_event_title_details,
.th_daily_venue_title_details,
.th_daily_crew_title_details,
.th_daily_equipment_title_details{
	border-right: 0px solid #656464;
	height: 60px;
	padding: 0px 15px 0 15px;
	position: relative; /* 相対位置を設定 */
	border-bottom: 0px solid #191717;
}


.th_daily_event_title_prefectures:after,
.th_daily_venue_title_prefectures:after,
.th_daily_crew_title_prefectures:after,
.th_daily_equipment_title_prefectures:after,
.th_daily_event_title_municipalities:after,
.th_daily_venue_title_municipalities:after,
.th_daily_crew_title_municipalities:after,
.th_daily_equipment_title_municipalities:after,
.th_daily_event_title_venue:after,
.th_daily_venue_title_venue:after,
.th_daily_crew_title_venue:after,
.th_daily_equipment_title_venue:after,
.th_daily_event_title_genre:after,
.th_daily_venue_title_time:after,
.th_daily_venue_title_cost:after,
.th_daily_crew_title_crew:after,
.th_daily_equipment_title_equipment:after
{
    content: ""; /* 擬似要素の内容を空に */
    position: absolute; /* 絶対位置を設定 */
    top: 20%; /* 上からの位置を調整 */
    bottom: 10%; /* 下からの位置を調整 */
    right: -1px; /* ボーダーの位置を調整 */
    width: 1px; /* ボーダーの太さ */
    background-color: #656464; /* ボーダーの色 */
    height: 60%; /* ボーダーの高さを80%に */
}



/*****各タイトル横幅*****/

.th_daily_event_title_prefectures{
	width:12%;
}
.th_daily_event_title_municipalities{
	width:13%;
}
.th_daily_event_title_venue{
	width:20%;
}
.th_daily_event_title_genre{
	width:20%;
}
.th_daily_event_title_operators{
	width:20%;
}

.th_daily_event_title_details{
	width:15%;
}


.th_daily_venue_title_prefectures{
	width:12%;
}
.th_daily_crew_title_prefectures{
	width:12%;
}
.th_daily_equipment_title_prefectures{
	width:12%;
}

.th_daily_venue_title_municipalities{
	width:13%;
}
.th_daily_crew_title_municipalities{
	width:13%;
}
.th_daily_equipment_title_municipalities{
	width:13%;
}

.th_daily_venue_title_venue{
	width:15%;
}
.th_daily_crew_title_venue{
	width:20%;
}
.th_daily_equipment_title_venue{
	width:20%;
}

.th_daily_venue_title_time{
	width:15%;
}
.th_daily_venue_title_cost{
	width:15%;
}
.th_daily_crew_title_crew{
	width:20%;
}
.th_daily_equipment_title_equipment{
	width:20%;
}


.th_daily_venue_title_operators{
	width:15%;
}
.th_daily_crew_title_operators{
	width:20%;
}
.th_daily_equipment_title_operators{
	width:20%;
}


.th_daily_venue_title_details{
	width:15%;
}
.th_daily_crew_title_details{
	width:15%;
}
.th_daily_equipment_title_details{
	width:15%;
}



.back_daily_event_top,
.back_daily_venue_top,
.back_daily_crew_top,
.back_daily_equipment_top{
	display: block;
	width:100%;
	text-align: center;
	padding: 30px 0;
}

.back_daily_event_top_submit,
.back_daily_venue_top_submit,
.back_daily_crew_top_submit,
.back_daily_equipment_top_submit,
.withdrawal_top_submit{
	display: block;
	width: 33.33%;
	height:60px; 
	background: #ccc8aa;
	color: #191818;
	border: 0px solid #000000;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
	margin: 30px auto;
	padding: 16px 0 0 0; 
}

.back_daily_event_top_submit:hover,
.back_daily_venue_top_submit:hover,
.back_daily_crew_top_submit:hover,
.back_daily_equipment_top_submit:hover,
.withdrawal_top_submit:hover
{
	opacity: 0.8;
}




@media (max-width:700px){
	.back_daily_event_top,
	.back_daily_venue_top,
	.back_daily_crew_top,
	.back_daily_equipment_top
	{
		display: block;
		width:100%;
		text-align: center;
		padding: 0px 0 0 0;
	}
	.back_daily_event_top_submit,
	.back_daily_venue_top_submit,
	.back_daily_crew_top_submit,
	.back_daily_equipment_top_submit,
	.withdrawal_top_submit{
		width: 33.33%;
		height:60px; 
		background: #ccc8aa;
		color: #191818;
		border: 0px solid #000000;
		text-align: center;
		font-size: 16px; 
		visibility: hidden;
		margin: 30px auto;
		padding: 0px 0 0px 0;
	}
		
	.back_daily_event_top_submit::before,
	.back_daily_venue_top_submit::before,
	.back_daily_crew_top_submit::before,
	.back_daily_equipment_top_submit::before{
		content: "カレンダーに戻る";
		width: 100%;
		height:auto; 
		background: #ccc8aa;
		color: #191818;
		border: 0px solid #000000;
		text-align: center;
		font-size: 14px; 
		visibility: visible;
		padding: 15px 10px 15px 10px;
		margin: 30px 0 30px 0;
		display: block;
		vertical-align: middle;
	}
	.withdrawal_top_submit::before{
		content: "TOPに戻る";
		width: 100%;
		height:auto; 
		background: #ccc8aa;
		color: #191818;
		border: 0px solid #000000;
		text-align: center;
		font-size: 14px; 
		visibility: visible;
		padding: 15px 10px 15px 10px;
		margin: 30px 0 30px 0;
		display: block;
		vertical-align: middle;
	}
	
	.back_daily_event_top_submit:hover,
	.back_daily_venue_top_submit:hover,
	.back_daily_crew_top_submit:hover,
	.back_daily_equipment_top_submit:hover,
	.withdrawal_top_submit::hover{
		opacity: 0.8;	
	}
}



.tr_daily_event1,
.tr_daily_venue1,
.tr_daily_crew1,
.tr_daily_equipment1{
	width:100%;
	text-align: left;
	position: relative;
	height: 80px;
}

.td_daily_event_prefectures{
	width:12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;

}
.td_daily_event_municipalities{
	width:13%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_event_venue{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_event_genre{
	width: 20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_event_operators{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}



.td_daily_venue_prefectures{
	width:12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_venue_municipalities{
	width:13%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_venue_venue{
	width:15%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_venue_time{
	width:15%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_venue_cost{
	width:15%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_venue_operators{
	width:15%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}






.td_daily_crew_prefectures{
	width:12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_crew_municipalities{
	width:13%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_crew_venue{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_crew_crew{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_crew_operators{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}




.td_daily_equipment_prefectures{
	width:12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_equipment_municipalities{
	width:13%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_equipment_venue{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_equipment_equipment{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}
.td_daily_equipment_operators{
	width:20%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #656464;
}



.table_daily_event_wrapper,
.table_daily_venue_wrapper,
.table_daily_crew_wrapper,
.table_daily_equipment_wrapper{
	width: 100%;
}

.table_daily_event_wrapper p,
.table_daily_venue_wrapper p,
.table_daily_crew_wrapper p,
.table_daily_equipment_wrapper p{
    padding: 10px 0 10px 10px;
    display: block;
    background: #ffffff;
    text-align: left;
}

.table_daily_event_item:nth-of-type(odd),
.table_daily_venue_item:nth-of-type(odd),
.table_daily_crew_item:nth-of-type(odd),
.table_daily_equipment_item:nth-of-type(odd){
	background:#ffffff;
}

.table_daily_event_item:nth-of-type(odd):hover,
.table_daily_venue_item:nth-of-type(odd):hover,
.table_daily_crew_item:nth-of-type(odd):hover,
.table_daily_equipment_item:nth-of-type(odd):hover{
	background-color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
}


.table_daily_event_item:nth-of-type(even),
.table_daily_venue_item:nth-of-type(even),
.table_daily_crew_item:nth-of-type(even),
.table_daily_equipment_item:nth-of-type(even){
	background:#f1efef;
}

.table_daily_event_item:nth-of-type(even):hover,
.table_daily_venue_item:nth-of-type(even):hover,
.table_daily_crew_item:nth-of-type(even):hover,
.table_daily_equipment_item:nth-of-type(even):hover{
	background-color: rgba(231, 229, 229, 0.8);
	cursor: pointer;
}




.tr_daily_event2,
.tr_daily_venue2,
.tr_daily_crew2,
.tr_daily_equipment2{
	width:100%;
	border-top: 0px solid #000000;
	text-align: left;
	min-height: 60px;
}



@media (min-width: 701px){
	.td_daily_event_name{
		width: 12%;
		text-align: left;
		padding: 0px 0px 0px 20px;
		border-bottom: 1px solid #191717;
		height: 60px;
	}
	.td_daily_event_name_text{
		border-bottom: 1px solid #191717;
		width: 73%;
		padding: 0px 0px 0px 20px;
		height: 60px;
	}
}


.td_daily_venue_message{
	width: 12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 0px solid #191717;
		height: 60px;
}
.td_daily_venue_message_text{
	border-bottom: 0px solid #191717;
	width: 73%;
	padding: 0px 0px 0px 20px;
	height: 60px;
}
.td_daily_venue_details{
	width: 15%;
}


.td_daily_crew_message{
	width: 12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #191717;
		height: 60px;
}
.td_daily_crew_message_text{
	border-bottom: 0px solid #191717;
	width: 73%;
	padding: 0px 0px 0px 20px;
	height: 60px;
}
.td_daily_crew_details{
	width: 15%;
}



.td_daily_equipment_message{
	width: 12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #191717;
		height: 60px;
}
.td_daily_equipment_message_text{
	border-bottom: 0px solid #191717;
	width: 73%;
	padding: 0px 0px 0px 20px;
	height: 60px;
}
.td_daily_equipment_details{
	width: 15%;
}




.tr_daily_event3{
	width: 100%;
	height: 60px;
}

.td_daily_event_message{
	width: 12%;
	text-align: left;
	padding: 0px 0px 0px 20px;
		height: 60px;
}
.td_daily_event_message_text{
	width: 73%;
	text-align: left;
	padding: 0px 0px 0px 20px;
	height: 60px;
}

.td_daily_event_details{
	width: 15%;
	top:10px;
	right:20px;
	position: relative;
	border-bottom: 1px solid #191717;
}

.td_daily_venue_details,
.td_daily_crew_details,
.td_daily_equipment_details{
	width: 15%;
	bottom:30px;
	right:20px;
	position: relative;
}



/*詳細＞input部分*/
.td_daily_event_details_submit{
	position: absolute;
	display: inline-block;
	width:70%;
	height:60px;
	border: 0px solid #656464;
	margin: 0px 0px 0 0px;
	padding: 0px 20px 0px 0px;
	background:#191717;
	color: #f1efef;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	cursor:pointer;
	background-image: url("../images/dainari_white.png");
	background-repeat: no-repeat;
	background-position: 85% 50%;
	background-size: 10px;
	right: 0px;
	top: 0px;
	vertical-align: middle;
}

.td_daily_event_details_submit:hover{
	opacity: 0.8;	
}


.td_daily_venue_details_submit,
.td_daily_crew_details_submit,
.td_daily_equipment_details_submit{
	position: absolute;
	display: inline-block;
	width:70%;
	height:60px;
	border: 0px solid #656464;
	margin: 0px 0px 0 0px;
	padding: 0px 20px 0px 0px;
	background:#191717;
	color: #f1efef;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	cursor:pointer;
	background-image: url("../images/dainari_white.png");
	background-repeat: no-repeat;
	background-position: 85% 50%;
	background-size: 10px;
	right: 0px;
	top: -30px;
	vertical-align: middle;
	font-size: 14px;
}





@media (max-width: 1480px){
	.td_daily_event_details_submit{
		display: inline-block;
		width:80px;
		height:60px;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		vertical-align: middle;
	}
	
	.td_daily_venue_details_submit,
	.td_daily_crew_details_submit,
	.td_daily_equipment_details_submit{
		display: inline-block;
		width:80px;
		height:60px;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		vertical-align: middle;
	}
	
	
	
}

@media (max-width: 700px){
	.td_daily_event_details_submit{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width: 50px;
		vertical-align: middle;
		position: absolute;
		top: 80px;
	}
	
	.td_daily_venue_details_submit{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width: 50px;
		vertical-align: middle;
		position: absolute;
		top: -350%;
	}
	.td_daily_crew_details_submit,
	.td_daily_equipment_details_submit{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		margin: 0 0px 0 0px;
		padding: 0 0px 0 0px;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width: 50px;
		vertical-align: middle;
		position: absolute;
		top: -300%;
	}
	
}
@media (max-width: 530px){
	.td_daily_event_details{
		border: 0px solid #191717;
	}
	
	.td_daily_event_details_submit{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width:50px;
		height: 40px;
		font-size: 14px;
		vertical-align: middle;
		position: absolute;
		top: -70px;
	}
	
	.td_daily_venue_details_submit,
	.td_daily_crew_details_submit,
	.td_daily_equipment_details_submit{
		display: inline-block;
		width:70%;
		border: 0px solid #656464;
		background:#191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		cursor:pointer;
		min-width:50px;
		height: 40px;
		font-size: 14px;
		vertical-align: middle;
		position: absolute;
		top:0px;
	}
}



@media (max-width: 700px){
	.daily_event_list,
	.daily_venue_list,
	.daily_crew_list,
	.daily_equipment_list{
		width: 100%;
		margin-top: 30px;
		border-top: 2px solid #656464;
	}
	.tr_daily_event_list,
	.tr_daily_venue_list,
	.tr_daily_crew_list,
	.tr_daily_equipment_list{
		width: 100%;
		text-align: left;
		height: auto;
	}
		
	.tr_daily_event_list:first-child,
	.tr_daily_venue_list:first-child,
	.tr_daily_crew_list:first-child,
	.tr_daily_equipment_list:first-child{
		width: 100%;
		text-align: left;
		border-bottom: 0px solid #656464;	
	}
	.tr_daily_event_list:last-child,
	.tr_daily_venue_list:last-child,
	.tr_daily_crew_list:last-child,
	.tr_daily_equipment_list:last-child{
		width: 100%;
		text-align: left;
	}
	.tr_daily_event_list:nth-child(odd),
	.tr_daily_venue_list:nth-child(odd),
	.tr_daily_crew_list:nth-child(odd),
	.tr_daily_equipment_list:nth-child(odd){
		background: #ffffff;
	}
	.th_daily_event_title_prefectures,
	.th_daily_venue_title_prefectures,
	.th_daily_crew_title_prefectures,
	.th_daily_equipment_title_prefectures,
	.th_daily_event_title_municipalities,
	.th_daily_venue_title_municipalities,
	.th_daily_crew_title_municipalities,
	.th_daily_equipment_title_municipalities,
	.th_daily_event_title_venue,
	.th_daily_venue_title_venue,
	.th_daily_crew_title_venue,
	.th_daily_equipment_title_venue,
	.th_daily_event_title_genre,
	.th_daily_venue_title_time,
	.th_daily_venue_title_cost,
	.th_daily_crew_title_crew,
	.th_daily_equipment_title_equipment,
	.th_daily_event_title_operators,
	.th_daily_venue_title_operators,
	.th_daily_crew_title_operators,
	.th_daily_equipment_title_operators,
	.th_daily_event_title_details,
	.th_daily_venue_title_details,
	.th_daily_crew_title_details,
	.th_daily_equipment_title_details{
		display: none;
	}
	.td_daily_event_prefectures,
	.td_daily_event_municipalities,
	.td_daily_event_venue,
	.td_daily_event_genre,
	.td_daily_venue_prefectures,
	.td_daily_venue_municipalities,
	.td_daily_venue_venue,
	.td_daily_venue_time,
	.td_daily_venue_cost,
	.td_daily_crew_prefectures,
	.td_daily_crew_municipalities,
	.td_daily_crew_venue,
	.td_daily_crew_crew,
	.td_daily_equipment_prefectures,
	.td_daily_equipment_municipalities,
	.td_daily_equipment_venue,
	.td_daily_equipment_equipment,

	.td_daily_venue_operators,
	.td_daily_crew_operators,
	.td_daily_equipment_operators{
		border-bottom: 0px solid #656464;
		padding: 0px 15px 0px 15px;
		margin: 10px 0 10px 0px;
		font-size: 16px;
		display: block;
		flex-wrap: wrap;
		min-height: 38px;
		width:100%;
		text-align:left;
		height:auto;
		position:relative;
	}
	.td_daily_event_operators{
		border-bottom: 0px solid #656464;
		padding: 0px 15px 0px 15px;
		margin: 10px 0 0px 0px;
		font-size: 16px;
		display: block;
		flex-wrap: wrap;
		min-height: 38px;
		width:100%;
		text-align:left;
		height:auto;
		position:relative;
	}

	.td_daily_event_name,
	.td_daily_event_message,
	.td_daily_venue_message,
	.td_daily_crew_message,
	.td_daily_equipment_message{
		padding: 0px 15px 0px 15px;
		margin: 0px 0px 10px 15px;
		font-size: 16px;
		flex-wrap: wrap;
		min-height: 38px;
		width:100%;
		text-align:left;
		height:auto;
		position:relative;
		display: none;
	}
	.td_daily_event_name_text,
	.td_daily_crew_message_text,
	.td_daily_equipment_message_text{
		padding: 0px 15px 0px 15px;
		margin: 0px 0px 0px 15px;
		font-size: 16px;
		flex-wrap: wrap;
		min-height: 38px;
		width:100%;
		text-align:left;
		height:auto;
		position:relative;
		display: block;
	}
	.td_daily_event_message_text{
		padding: 0px 15px 0px 15px;
		margin: 10px 0px 0px 15px;
		font-size: 16px;
		flex-wrap: wrap;
		min-height: 38px;
		width:100%;
		text-align:left;
		height:auto;
		position:relative;
		display: block;
	}
	.td_daily_venue_message_text{
		padding: 0px 15px 0px 0px;
		margin: 0px 0px 0px 10px;
		font-size: 16px;
		flex-wrap: wrap;
		min-height: 38px;
		width:100%;
		text-align:left;
		height:auto;
		position:relative;
		display: block;
	}
	
	.td_daily_event_prefectures::after,
	.td_daily_event_municipalities::after,
	.td_daily_event_venue::after,
	.td_daily_event_genre::after,
	.td_daily_venue_prefectures::after,
	.td_daily_venue_municipalities::after,
	.td_daily_venue_venue::after,
	.td_daily_venue_time::after,
	.td_daily_venue_cost::after,
	.td_daily_crew_prefectures::after,
	.td_daily_crew_municipalities::after,
	.td_daily_crew_venue::after,
	.td_daily_crew_crew::after,
	.td_daily_equipment_prefectures::after,
	.td_daily_equipment_municipalities::after,
	.td_daily_equipment_venue::after,
	.td_daily_equipment_equipment::after,
	.td_daily_venue_operators::after,
	.td_daily_crew_operators::after,
	.td_daily_equipment_operators::after{
    content: "";
    border-bottom: 1px solid #656464;
    position: absolute;
    top: 35px;
    left: 15px;
    width: 95%;
	text-align: left;
	}
	.td_daily_event_operators::after{
    content: "";
    border-bottom: 0px solid #656464;
    position: absolute;
    top: 35px;
    left: 15px;
    width: 95%;
	text-align: left;
	}
	
	.td_daily_event_name_text::after{
	content: "";
    border-bottom: 1px solid #656464;
    position: absolute;
    top: 35px;
    left: 0px;
    width: 95%;
	text-align: left;	
	}
	.td_daily_event_prefectures,
	.td_daily_venue_prefectures,
	.td_daily_crew_prefectures,
	.td_daily_equipment_prefectures
	{
		width:85%;
		position: relative;
	}	
	.td_daily_event_prefectures span,
	.td_daily_venue_prefectures span,
	.td_daily_crew_prefectures span,
	.td_daily_equipment_prefectures span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
	}
	.td_daily_event_prefectures::before,
	.td_daily_venue_prefectures::before,
	.td_daily_crew_prefectures::before,
	.td_daily_equipment_prefectures::before{
		position: absolute;
		left:5%;
		content:"都道府県";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	.td_daily_event_municipalities,
	.td_daily_venue_municipalities,
	.td_daily_crew_municipalities,
	.td_daily_equipment_municipalities
	{
		width:85%;
		position: relative;
	}	
	.td_daily_event_municipalities span,
	.td_daily_venue_municipalities span,
	.td_daily_crew_municipalities span,
	.td_daily_equipment_municipalities span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
	}
	.td_daily_event_municipalities::before,
	.td_daily_venue_municipalities::before,
	.td_daily_crew_municipalities::before,
	.td_daily_equipment_municipalities::before{
		position: absolute;
		left:5%;
		content:"市区町村";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}		
	.td_daily_event_venue,
	.td_daily_venue_venue,
	.td_daily_crew_venue,
	.td_daily_equipment_venue
	{
		width:85%;
		height: auto;
		position: relative;
	}	
	.td_daily_event_venue span,
	.td_daily_venue_venue span,
	.td_daily_crew_venue span,
	.td_daily_equipment_venue span{
		position: absolute;
		left:36%;
		width:64%;
		height:auto;
	}
	.td_daily_event_venue::before,
	.td_daily_venue_venue::before,
	.td_daily_crew_venue::before,
	.td_daily_equipment_venue::before{
		position: absolute;
		left:5%;
		content:"会場";
		width:36%;
		padding: 0 15px 10px 0;
		border: 0px solid #191717;
		display: inline-block;
		height: auto;
	}	
	.td_daily_event_genre,
	.td_daily_crew_crew,
	.td_daily_equipment_equipment
	{
		width:85%;
		position: relative;
			height:auto;
		white-space: nowrap;
		overflow: hidden;
	}	
	.td_daily_event_genre span,
	.td_daily_crew_crew span,
	.td_daily_equipment_equipment span{
		position: absolute;
		left:36%;
		width:64%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.td_daily_event_genre::before{
		position: absolute;
		left:5%;
		content:"ジャンル";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	.td_daily_crew_crew::before{
		position: absolute;
		left:5%;
		content:"スタッフ";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	.td_daily_equipment_equipment::before{
		position: absolute;
		left:5%;
		content:"機材";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	.td_daily_venue_time{
		width:85%;
		position: relative;
			height:auto;
		white-space: nowrap;
		overflow: hidden;
	}	
	
	.td_daily_venue_time span{
		position: absolute;
		left:36%;
		width:64%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.td_daily_venue_time::before{
		position: absolute;
		left:5%;
		content:"時間";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	.td_daily_venue_cost{
		width:85%;
		position: relative;
			height:auto;
		white-space: nowrap;
		overflow: hidden;
	}	
	.td_daily_venue_cost span{
		position: absolute;
		left:36%;
		width:64%;
		white-space: nowrap;
		overflow: hidden;
	}
	.td_daily_venue_cost::before{
		position: absolute;
		left:5%;
		content:"費用";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
		
	
	.td_daily_event_operators,
	.td_daily_venue_operators,
	.td_daily_crew_operators,
	.td_daily_equipment_operators
	{
		width:85%;
		position: relative;
			height:auto;
		white-space: nowrap;
		overflow: hidden;
	}	
	.td_daily_event_operators span,
	.td_daily_venue_operators span,
	.td_daily_crew_operators span,
	.td_daily_equipment_operators span{
		position: absolute;
		left:36%;
		width:64%;
		white-space: nowrap;
		overflow: hidden;
	}
	.td_daily_event_operators::before,
	.td_daily_venue_operators::before,
	.td_daily_crew_operators::before,
	.td_daily_equipment_operators::before{
		position: absolute;
		left:5%;
		content:"事業者";
		width:36%;
		padding: 0 15px 0 0;
		border: 0px solid #191717;
		display: inline-block;
	}
	
	.tr_daily_event2{
		position: relative;
		table-layout: fixed;
	}
	
	.td_daily_event_name_text,
	.td_daily_event_message_text,
	.td_daily_venue_message_text,
	.td_daily_crew_message_text,
	.td_daily_equipment_message_text{
		width:100%;
		position: relative;
		height:auto;
		white-space: normal;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}	
	.td_daily_event_name_text span,
	.td_daily_event_message_text span,
	.td_daily_venue_message_text span,
	.td_daily_crew_message_text span{
		position: absolute;
		left:33%;
		width:64%;
		height: auto;
		table-layout: fixed;
	}
	.td_daily_equipment_message_text span{
		position: absolute;
		left:32%;
		width:64%;
	}
}

@media (max-width: 600px){
	.td_daily_event_date,
	.td_daily_event_prefectures,
	.td_daily_event_municipalities,
	.td_daily_event_venue,
	.td_daily_event_genre,
	.td_daily_event_operators,
	.td_daily_venue_date,
	.td_daily_venue_prefectures,
	.td_daily_venue_municipalities,
	.td_daily_venue_venue,
	.td_daily_venue_time,
	.td_daily_venue_cost,
	.td_daily_venue_operators,
	.td_daily_crew_date,
	.td_daily_crew_prefectures,
	.td_daily_crew_municipalities,
	.td_daily_crew_venue,
	.td_daily_crew_crew,
	.td_daily_crew_operators,
	.td_daily_equipment_date,
	.td_daily_equipment_prefectures,
	.td_daily_equipment_municipalities,
	.td_daily_equipment_venue,
	.td_daily_equipment_equipment,
	.td_daily_equipment_operators
	{
		white-space: nowrap;  
		overflow: hidden;     
		text-overflow: ellipsis;
		font-size: 16px;
	}
}

@media (max-width: 530px){
	.table_daily_event_wrapper,
	.table_daily_venue_wrapper,
	.table_daily_crew_wrapper,
	.table_daily_equipment_wrapper{
		width: 100%;
	}
	.tr_daily_event1,
	.tr_daily_event2,.tr_daily_event3,
	.tr_daily_venue2,.tr_daily_venue3,
	.tr_daily_crew2,.tr_daily_crew3,
	.tr_daily_equipment2,
	.tr_daily_equipment3{
		display: block;
	}
	
	.td_daily_event_prefectures,
	.td_daily_event_municipalities,
	.td_daily_event_venue,
	.td_daily_event_genre,
	.td_daily_venue_prefectures,
	.td_daily_venue_municipalities,
	.td_daily_venue_venue,
	.td_daily_venue_time,
	.td_daily_venue_cost,
	.td_daily_venue_operators,
	.td_daily_crew_prefectures,
	.td_daily_crew_municipalities,
	.td_daily_crew_venue,
	.td_daily_crew_crew,
	.td_daily_crew_operators,
	.td_daily_equipment_prefectures,
	.td_daily_equipment_municipalities,
	.td_daily_equipment_venue,
	.td_daily_equipment_equipment,
	.td_daily_equipment_operators
	{
		width: 95%;
	}
	.td_daily_event_operators	{
		width: 95%;
		margin: 0 0 60px 0;
	}
	
	.td_daily_event_prefectures::after,
	.td_daily_event_municipalities::after,
	.td_daily_event_venue::after,
	.td_daily_event_genre::after,
	.td_daily_venue_prefectures::after,
	.td_daily_venue_municipalities::after,
	.td_daily_venue_venue::after,
	.td_daily_venue_time::after,
	.td_daily_venue_cost::after,
	.td_daily_venue_operators::after,
	.td_daily_crew_prefectures::after,
	.td_daily_crew_municipalities::after,
	.td_daily_crew_venue::after,
	.td_daily_crew_crew::after,
	.td_daily_crew_operators::after,
	.td_daily_equipment_prefectures::after,
	.td_daily_equipment_municipalities::after,
	.td_daily_equipment_venue::after,
	.td_daily_equipment_equipment::after,
	.td_daily_equipment_operators::after
	{
    	content: "";
    	border-bottom: 1px solid #656464;
   		position: absolute;
    	top: 35px;
    	left: 15px;
    	width: 95%;
		padding: 0 0px 0 30px;
	}
	
	.td_daily_event_operators::after	{
    	content: "";
    	border-bottom: 0px solid #656464;
   		position: absolute;
    	top: 35px;
    	left: 15px;
    	width: 95%;
		padding: 0 0px 0 30px;
	}
	
	.td_daily_event_title_details,
	.td_daily_venue_title_details,
	.td_daily_crew_title_details,
	.td_daily_equipment_title_details{
		border-bottom: 1px solid #656464;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0;
		width:0%;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0px;
	}
	
	.tr_daily_event1,
	.tr_daily_venue1,
	.tr_daily_crew1,
	.tr_daily_equipment1{
		height: auto;
		padding: 0px 0 0 0;
		margin: 0px;
		display: block;
		width: 100%;
	}
	
	.tr_daily_event2,
	.tr_daily_venue2,
	.tr_daily_crew2,
	.tr_daily_equipment2{
		height: auto;
		padding: 0px 0px 0 0px;
		margin: 0px;
		display: block;
		width: 100%;
	}
	.tr_daily_event3{
		min-height: 30px;
		height: auto;
		padding: 0px 0 0 0;
		margin: -10px 0 0 0;
		display: block;
		width: 100%;
	}
	

	.tr_daily_event3{
		position: relative;
	}
	
	.td_daily_event_details{
		display: block;
		width: 100%;
	}
	.td_daily_venue_details{
		display: block;
		width: 100%;
		margin: 0px 0 0px 0;
				padding: 0 0 10px 0;
	}
	
	.td_daily_crew_details,
	.td_daily_equipment_details{
		display: block;
		width: 100%;
		margin: 0px 0 10px 0;
		padding: 0 0 10px 0;
	}	
	.td_daily_venue_details_submit{
		width: 80%;
		position: absolute;
		left:14.5%;
		top:0%;
		margin: -15px 0 0px 0;

	}
	.td_daily_event_details_submit	{
		width: 80%;
		position: absolute;
		left:14.5%;
		bottom:20px;
		margin: 0px 0 0 0;
	}
	.td_daily_crew_details_submit,
	.td_daily_equipment_details_submit{
		width: 80%;
		position: absolute;
		left:14.5%;
		bottom:20px;
		margin: -10px 0 0 0;
	}
	
}



.no_event_text{
	padding: 5px 0 5px 15px;
	background:#ffffff;
}




.desc_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	min-height: 400px;
    background: rgba(0,0,0,0.80);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    margin: 0px 0 0 0;
    padding: 0px 20px 0px 20px;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.calendar_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	min-height: 400px;
    background: rgba(0,0,0,0.80);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    padding: 0 20px;
    word-break: keep-all;
    overflow-wrap: break-word;
}


.event_list_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	min-height: 400px;
    background: rgba(0,0,0,0.80);
    z-index: 50;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    padding: 0 20px;
    word-break: keep-all;
    overflow-wrap: break-word;
}


.daily_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.80);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    margin: 0px 0 0 0;
    padding: 0 20px 0 20px;
    word-break: keep-all;
    overflow-wrap: break-word;
}






@media (max-width: 700px) {
	.desc_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-height: 400px;
		background: rgba(0,0,0,0.80);
		z-index: 50;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		pointer-events: auto;
		margin: 0px 0 0 0;
		padding: 0px 20px 0px 20px;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
    .daily_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.80);
		z-index: 50;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		pointer-events: auto;
		margin: 0px 0 0px 0;
		padding: 0 20px 50px 20px;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
    .calendar_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.80);
		z-index: 50;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		pointer-events: auto;
		padding: 0 20px;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
    .event_list_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.80);
		z-index: 50;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		pointer-events: auto;
		padding: 0 20px;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
	.desc_overlay_message{
		color:#f1efef;
		font-size:18px !important;
		display:block;
		margin-bottom:32px;
		padding: 0 20px;
	}
	.daily_overlay_message{
		color:#f1efef;
		font-size:18px !important;
		display:block;
		margin-bottom:32px;
		padding: 0 20px;
	}
	.calendar_overlay_message{
		color:#f1efef;
		font-size:18px !important;
		display:block;
		margin-bottom:32px;
		padding: 0 20px;
	}
	.event_list_overlay_message{
		color:#f1efef;
		font-size:18px !important;
		display:block;
		margin-bottom:32px;
		padding: 0 20px;
	}
}





.desc_overlay_message{
	color:#f1efef;
	font-size:32px;
	display:block;
	margin-bottom:32px;
}
.daily_overlay_message{
	color:#f1efef;
	font-size:32px;
	display:block;
	margin-bottom:32px;
}
.calendar_overlay_message{
	color:#f1efef;
	font-size:32px;
	display:block;
	margin-bottom:32px;
}
.event_list_overlay_message{
	color:#f1efef;
	font-size:32px;
	display:block;
	margin-bottom:32px;
}









/*****興行予定詳細*****/


.event_desc_wrapper{
	width:100%;
}

.event_desc{
	position:relative;
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0 0px 0;
	width: 100%;
	max-width: 900px;
	min-width: 680px;
}

.table_desc{
	border-collapse:collapse;
	margin: 0 auto;
	max-widt:900px;
	min-width:680px;
	width: 100%;
}

.overlay_wrapper{
	padding: 0 0 100px 0;
	margin: 0 0 0px 0;
}


@media (max-width:960px){
.event_desc{
	border:0px solid #000000;
	margin: 0 auto;
	width: 90%;
	}
	.table_desc{
	border-collapse:collapse;
	margin: 0 auto;
	width: 100%;
	}
}

@media (max-width: 700px){
.event_desc{
	border:0px solid #000000;
	margin: 0 auto;
	padding: 0 0%;
	width: 90%;
	max-width: 680px;
	min-width: 330px;
	}
	.table_desc{
	border-collapse:collapse;
	margin: 0 auto;
	max-width:680px;
	min-width:330px;
	width: 100%;
	}
}

/*crewの際のテーブル調整*/
.tr_desc .th_staff,
.tr_desc .th_equip{
	text-align: left;
	width: 25%;
	border-bottom: 1px solid #191717;
	padding: 0 0 0 20px;
	vertical-align: middle;
	position: relative;
	}
.th_staff::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	min-height:80%;
	vertical-align: bottom;
	padding: 0px 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
	}
.th_equip::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	min-height:70%;
	vertical-align: bottom;
	padding: 0px 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
	}

.tr_desc, 
.tr_staff_title,
.tr_staff,
.tr_equip_title,
.tr_equip{
	text-align: center;
	}

.tr_desc .th_operator,
.tr_desc .th_contact_person,
.tr_desc .th_date,
.tr_desc .th_time,
.tr_desc .th_event_name,
.tr_desc .th_genre,
.tr_desc .th_subgenre1,
.tr_desc .th_subgenre2,
.tr_desc .th_subgenre3,
.tr_desc .th_artist1,
.tr_desc .th_artist2,
.tr_desc .th_artist3,
.tr_desc .th_artist4,
.tr_desc .th_artist5,
.tr_desc .th_transfer_type,
.tr_desc .th_cost,
.tr_desc .th_region,
.tr_desc .th_venue,
.tr_desc .th_budget,
.tr_desc .th_receiving,
.tr_desc .th_description{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}

.tr_staff_title .th_staff_type,
.tr_staff_title .th_staff_count,
.tr_staff_title .th_staff_notes,
.tr_equip_title .th_equip_type,
.tr_equip_title .th_equip_category,
.tr_equip_title .th_equip_name{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}

.th_operator::after,
.th_contact_person::after,
.th_date::after,
.th_time::after,
.th_region::after,
.th_venue::after,
.th_event_name::after,
.th_genre::after,
.th_subgenre1::after,
.th_subgenre2::after,
.th_subgenre3::after,
.th_artist1::after,
.th_artist2::after,
.th_artist3::after,
.th_artist4::after,
.th_artist5::after,
.th_transfer_type::after,
.th_cost::after,
.th_budget::after,
.th_receiving::after,
.th_description::after,
.tr_staff_title .th_staff_type::after,
.tr_staff_title .th_staff_count::after,
.tr_equip_title .th_equip_type::after,
.tr_equip_title .th_equip_category::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}

.td_operator,
.td_contact_person,
.td_date,
.td_time,
.td_region,
.td_venue,
.td_event_name,
.td_genre,
.td_subgenre1,
.td_subgenre2,
.td_subgenre3,
.td_artist1,
.td_artist2,
.td_artist3,
.td_artist4,
.td_artist5,
.td_transfer_type,
.td_cost,
.td_staff,
.td_equip,
.td_budget,
.td_receiving,
.td_description{
	text-align: left;
	width: 75%;
	min-height:30px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}


.td_staff_type,
.td_staff_count,
.td_equip_type,
.td_equip_category,
.td_equip_name{
	position: relative;
}


.td_staff_type::after,
.td_staff_count::after,
.td_equip_type::after,
.td_equip_category::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}

.tr_staff .td_staff_type{    
	width: 20%;
	text-align: left;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}
.tr_equip .td_equip_type{    
	width: 30%;
	text-align: left;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}


.tr_staff .td_staff_count{
	width: 10%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}
.tr_equip .td_equip_category{
	width: 30%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}

.tr_staff .td_staff_notes{
	width: 70%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}
.tr_equip .td_equip_name{
	width: 40%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}





@media (max-width: 700px){
	.tr_desc {
	display: block;
	width: 100%;
	}	
	.tr_desc .th_operator,
	.tr_desc .th_contact_person,
	.tr_desc .th_date,
	.tr_desc .th_time,
	.tr_desc .th_event_name,
	.tr_desc .th_genre,
	.tr_desc .th_subgenre1,
	.tr_desc .th_subgenre2,
	.tr_desc .th_subgenre3,
	.tr_desc .th_artist1,
	.tr_desc .th_artist2,
	.tr_desc .th_artist3,
	.tr_desc .th_artist4,
	.tr_desc .th_artist5,
	.tr_desc .th_transfer_type,
	.tr_desc .th_cost,
	.tr_desc .th_region,
	.tr_desc .th_venue,
	.tr_desc .th_staff,
	.tr_desc .th_equip,
	.tr_desc .th_budget,
	.tr_desc .th_receiving,
	.tr_desc .th_description{
	text-align: left;
	width: 100%;
	height:30px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 10px 0 0 20px;
	position: relative;
	}
	.tr_desc .th_operator::after,
	.tr_desc .th_contact_person::after,
	.tr_desc .th_date::after,
	.tr_desc .th_time::after,
	.tr_desc .th_event_name::after,
	.tr_desc .th_genre::after,
	.tr_desc .th_subgenre1::after,
	.tr_desc .th_subgenre2::after,
	.tr_desc .th_subgenre3::after,
	.tr_desc .th_artist1::after,
	.tr_desc .th_artist2::after,
	.tr_desc .th_artist3::after,
	.tr_desc .th_artist4::after,
	.tr_desc .th_artist5::after,
	.tr_desc .th_transfer_type::after,
	.tr_desc .th_cost::after,
	.tr_desc .th_region::after,
	.tr_desc .th_venue::after,
	.tr_desc .th_staff::after,
	.tr_desc .th_equip::after,
	.tr_desc .th_budget::after,
	.tr_desc .th_receiving::after,
	.tr_desc .th_descriptionr::after{
	content: "";
	border-right: 0px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
	}
	.td_operator,
	.td_contact_person,
	.td_date,
	.td_time,
	.td_region,
	.td_venue,
	.td_event_name,
	.td_genre,
	.td_subgenre1,
	.td_subgenre2,
	.td_subgenre3,
	.td_artist1,
	.td_artist2,
	.td_artist3,
	.td_artist4,
	.td_artist5,
	.td_transfer_type,
	.td_cost,
	.td_budget,
	.td_receiving,
	.td_description{
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 10px 20px;
	display: block;
	}
	.th_staff,
	.th_equip
	{
		border-bottom: 0px solid #191717;
		display: block;
		width: 100%;
		min-height: 30px;
	}
	.td_staff,
	.td_equip{
		border-bottom: 0px solid #191717;
		display: block;
		width: 100%;
		min-height: 30px;
	}
	.tr_staff_title,
	.tr_equip_title{
		display: none;
	}
	.td_staff_type::after,
	.td_staff_count::after,
	.td_equip_type::after,
	.td_equip_category::after{
	display: none;
	}
	.tr_desc .th_staff
	.tr_desc .th_equip{
	text-align: left;
	width: 100%;
	border-bottom: 0px solid #191717;
	padding: 0 0 0 20px;
	vertical-align: middle;
	position: relative;
	height:30px;
	}
	.th_staff::after,
	.th_equip::after{
	content: "";
	border-right: 0px solid #191717;
	text-align: left;
	width: 100%;
	min-height:80%;
	vertical-align: bottom;
	padding: 0px 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
	}
	.tr_staff .td_staff_type{    
	width: 25%;
	text-align: left;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}
	.tr_equip .td_equip_type{    
	width: 20%;
	text-align: left;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}
	.tr_staff .td_staff_count{
	width: 10%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}
	.tr_equip .td_equip_category{
	width: 30%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}

	.tr_staff .td_staff_notes{
	width: 65%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}
	.tr_equip .td_equip_name{
	width: 50%;
	text-align: left;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}

}

/*各種別*/

.table_desc {}
.tr_desc {}

.th_operator,
.td_operator,
.th_contact_person,
.td_contact_person,
.th_date,
.td_date,
.th_time,
.td_time,
.th_event_name,
.td_event_name,
.th_region,
.td_region,
.th_venue,
.td_venue,
.th_genre,
.th_subgenre1,
.th_subgenre2,
.th_subgenre3,
.td_genre,
.td_subgenre1,
.td_subgenre2,
.td_subgenre3,
.th_artist1,
.td_artist1,
.th_artist2,
.td_artist2,
.th_artist3,
.td_artist3,
.th_artist4,
.td_artist4,
.th_artist5,
.td_artist5
.td_transfer_type,
.td_cost{
	height: auto;
	min-height: 30px;
	}

.th_description {
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
	}

.th_description::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	min-height:30px;
	height: auto;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
	}


.td_description{
	text-align: left;
	width: 75%;
	min-height:30px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	}



@media (max-width: 700px){
	.th_description{
	text-align: left;
	width: 100%;
	height:30px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 10px 0 0px 20px;
	margin: 0 0 5px 0;
	position: relative;
	display: block;
	}
	.th_description::after{
	content: "";
	border-right: 0px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
	}
	.td_description{
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	display: block;
	}
}

@media (max-width:530px){
	.tr_desc_desc{
		height: auto;
		display: block;
	}
	.th_description {
		height: 30px;
			display: block;
	}
	.td_description {
		height: auto;
		padding: 0 0 10px 20px;
	}
}


/*右テーブル*/
.small_table_desc {
    width: calc(100% + 20px); /* テーブルを親のtd幅に合わせる */
    border-collapse: collapse; /* セルの隙間をなくす */
	margin: 0 0px 0 -20px;
	padding: 0 0px 0 0px;
}

.small_table_desc2 {
	width: calc(100% + 20px); /* テーブルを親のtd幅に合わせる */
    border-collapse: collapse; /* セルの隙間をなくす */
	margin: 0 0px 0 -20px;
	padding: 0 0px 0 0px;
}


.small_table_desc th:last-child,
.small_table_desc2 th:last-child
{
	border-right: 0px solid #191717;
}

.small_table_desc tr,
.small_table_desc2 tr{
	width: 100%;
}



.tr_staff_title,
.tr_equip_title{
	width:100px;
}


.th_staff_type,
.th_equip_type{
	text-align: left;
	width: 15%;
	border-right: 0px solid #191717;
	position: relative;
}

.th_staff_count,
.th_equip_category{
	text-align: left;
	padding: 0px 0 0 0;
	width: 10%;
}
.th_staff_notes,
.th_equip_name{
	text-align: left;
	margin: 0 0px 0 0px;
	padding: 0 0px 0 20px;
	border-right: 0px solid #191717;
	width: 75%;
}

.tr_staff,
.tr_equip{   
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #191717;
}

.tr_staff:last-child,
.tr_equip:last-child{   
	width: 100%;
	border-bottom: 0px solid #191717;
}

@media (max-width: 700px){
	.tr_staff,
	.tr_equip{   
	width: 100%;
	border-bottom: 0px solid #191717;
	height: 30px;
	}
	.tr_staff:last-child,
	.tr_equip:last-child{   
	width: 100%;
	border-bottom: 1px solid #191717;
	}
}



/*****興行予定入力フォーム*****/

.event_form_wrapper,
.venue_form_wrapper,
.crew_form_wrapper,
.equipment_form_wrapper{
	width: 100%;
}
.event_form,
.venue_form,
.crew_form,
.equipment_form{
	min-width: 680px;
	max-width: 900px;
	margin: 0 auto;
}



@media (max-width:700px){
	.event_form,
	.venue_form,
	.crew_form,
	.equipment_form{
	min-width: 330px;
	max-width: 680px;
	margin: 0 auto;
	}
}

.h1_event_form,
.h1_venue_form,
.h1_crew_form,
.h1_equipment_form{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding: 0px 0 5px 0;
}

.form_event_form,
.form_venue_form,
.form_crew_form,
.form_equipment_form{
}

.table_event_form,
.table_venue_form,
.table_crew_form,
.table_equipment_form{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	box-sizing: border-box;
}
@media (max-width:960px){
	.event_form,
	.venue_form,
	.crew_form,
	.equipment_form{
	min-width: 330px;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 4%;
	}
}


.tr_event_form_operator,
.tr_venue_form_operator,
.tr_crew_form_operator,
.tr_equipment_form_operator,
.tr_event_form_contact_person,
.tr_venue_form_contact_person,
.tr_crew_form_contact_person,
.tr_equipment_form_contact_person,
.tr_event_form_event_name,
.tr_event_form_location,
.tr_venue_form_location,
.tr_crew_form_location,
.tr_equipment_form_location,
.tr_event_form_venue,
.tr_venue_form_venue,
.tr_crew_form_venue,
.tr_equipment_form_venue,
.tr_event_form_genre,
.tr_event_form_subgenre1,
.tr_event_form_subgenre2,
.tr_event_form_subgenre3,
.tr_event_form_artist1,
.tr_event_form_artist2,
.tr_event_form_artist3,
.tr_event_form_artist4,
.tr_event_form_artist5,
.tr_venue_form_cost,
.tr_venue_form_transfer_type,
.tr_equipment_form_receiving,
.tr_crew_form_budget,
.tr_equipment_form_budget{
	width:100%;
	display: table-row;
}
.th_event_form_operator,
.th_venue_form_operator,
.th_crew_form_operator,
.th_equipment_form_operator,
.th_event_form_contact_person,
.th_venue_form_contact_person,
.th_crew_form_contact_person,
.th_equipment_form_contact_person,
.th_event_form_event_name,
.th_event_form_location,
.th_venue_form_location,
.th_crew_form_location,
.th_equipment_form_location,
.th_event_form_venue,
.th_venue_form_venue,
.th_crew_form_venue,
.th_equipment_form_venue,
.th_event_form_genre,
.th_event_form_subgenre1,
.th_event_form_subgenre2,
.th_event_form_subgenre3,
.th_event_form_artist1,
.th_event_form_artist2,
.th_event_form_artist3,
.th_event_form_artist4,
.th_event_form_artist5,
.th_venue_form_cost,
.th_crew_form_budget,
.th_equipment_form_budget{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 15px 0 5px 5px;
	display: block;
	text-align: left;
}
.td_event_form_operator,
.td_venue_form_operator,
.td_crew_form_operator,
.td_equipment_form_operator,
.td_event_form_contact_person,
.td_venue_form_contact_person,
.td_crew_form_contact_person,
.td_equipment_form_contact_person,
.td_event_form_event_name,
.td_event_form_location,
.td_venue_form_location,
.td_crew_form_location,
.td_equipment_form_location,
.td_event_form_venue,
.td_venue_form_venue,
.td_crew_form_venue,
.td_equipment_form_venue,
.td_event_form_genre,
.td_event_form_subgenre1,
.td_event_form_subgenre2,
.td_event_form_subgenre3,
.td_event_form_artist1,
.td_event_form_artist2,
.td_event_form_artist3,
.td_event_form_artist4,
.td_event_form_artist5,
.td_venue_form_cost,
.td_crew_form_budget,
.td_equipment_form_budget{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 0px 0 0px 0;
	display: block;
}


.th_venue_form_transfer_type{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 15px 0 5px 5px;
	display: block;
	text-align: left;
}

.td_venue_form_transfer_type{
	width: 100%;
	margin: 0px 0px 0 0px;
	padding: 0px 0 0px 0;
	display: block;
}
.venue_form_transfer_type1{
	width: 12%;
	margin: 0 -25px 0 -30px;
	padding: 0px 0px 0px 0px;
	transform: scale(1.5); /* 1.5倍の大きさ */
}
.venue_form_transfer_type2{
	width: 12%;
	margin: 0 -25px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
}
.venue_form_transfer_type3{
	width: 12%;
	margin: 0 -25px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
}

.td_venue_form_transfer_type label{
	margin: 0 0px 0 0px;
	padding: 0px 0px 0px 0;
}

@media (max-width:700px){
	.td_venue_form_transfer_type {
		text-align: left;
	}
	.td_venue_form_transfer_type label{
		display: block;
		margin: 10px 0px 0 -40px;
	}
	.venue_form_transfer_type1 {
	width: 20%;
	margin: 0px -40px 0 0px;
	padding: 0px 0px 0px 0px;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.venue_form_transfer_type2{
	width: 20%;
	margin:10px -40px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.venue_form_transfer_type3{
	width: 20%;
	margin: 10px -40px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
}
@media (max-width:530px){
	.td_venue_form_transfer_type {
		text-align: left;
	}
	.td_venue_form_transfer_type label{
		display: block;
		margin: 10px 0px 0 -20px;
	}
	.venue_form_transfer_type1 {
	width: 20%;
	margin: 0px -10px 0 0px;
	padding: 0px 0px 0px 0px;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.venue_form_transfer_type2{
	width: 20%;
	margin:10px -10px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.venue_form_transfer_type3{
	width: 20%;
	margin: 10px -10px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
}





.th_equipment_form_receiving{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 15px 0 5px 5px;
	display: block;
	text-align: left;
}

.td_equipment_form_receiving{
	width: 100%;
	margin: 0px 0px 0 0px;
	padding: 0px 0 0px 0;
	display: block;
}
.receiving1{
	width: 12%;
	margin: 0 -25px 0 -30px;
	padding: 0px 0px 0px 0px;
	transform: scale(1.5); /* 1.5倍の大きさ */
}
.receiving2{
	width: 12%;
	margin: 0 -25px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
}
.receiving3{
	width: 12%;
	margin: 0 -25px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
}

.td_equipment_form_receiving label{
	margin: 0 0px 0 0px;
	padding: 0px 0px 0px 0;
}

@media (max-width:700px){
	.td_equipment_form_receiving {
		text-align: left;
	}
	.td_equipment_form_receiving label{
		display: block;
		margin: 10px 0px 0 -40px;
	}
	.receiving1{
	width: 20%;
	margin: 0px -40px 0 0px;
	padding: 0px 0px 0px 0px;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.receiving2{
	width: 20%;
	margin:10px -40px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.receiving3{
	width: 20%;
	margin: 10px -40px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
}
@media (max-width:530px){
	.td_equipment_form_receiving {
		text-align: left;
	}
	.td_equipment_form_receiving label{
		display: block;
		margin: 10px 0px 0 -20px;
	}
	.receiving1 {
	width: 20%;
	margin: 0px -10px 0 0px;
	padding: 0px 0px 0px 0px;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.receiving2{
	width: 20%;
	margin:10px -10px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
	.receiving3{
	width: 20%;
	margin: 10px -10px 0 0px;
	padding: 0px 0px 0px 0;
	transform: scale(1.5); /* 1.5倍の大きさ */
	text-align: left;
	}
}




.event_form_operator,
.venue_form_operator,
.crew_form_operator,
.equipment_form_operator,
.event_form_contact_person_input,
.venue_form_contact_person_input,
.crew_form_contact_person_input,
.equipment_form_contact_person_input,
.event_form_event_name_input,
.event_form_venue_input,
.venue_form_venue_input,
.crew_form_venue_input,
.equipment_form_venue_input,
.event_form_artist1_input,
.event_form_artist2_input,
.event_form_artist3_input,
.event_form_artist4_input,
.event_form_artist5_input,
.venue_form_cost_input,
.crew_form_budget_input,
.equipment_form_budget_input{
	width: 100%;
	height: 50px;
	padding: 0px 0px 0 20px;
}

.tr_event_form_date,
.tr_venue_form_date,
.tr_crew_form_date,
.tr_equipment_form_date{
	width:100%;
	height: 60px;
	
}
.th_event_form_date,
.th_venue_form_date,
.th_crew_form_date,
.th_equipment_form_date{
	width: 100%;
	display: block;
	text-align: left;
	padding: 10px 0 5px 5px;
}

.td_event_form_date,
.td_venue_form_date,
.td_crew_form_date,
.td_equipment_form_date{
	width: 100%;
	display: block;
}
.event_form_year,
.venue_form_year,
.crew_form_year,
.equipment_form_year{
	height: 50px;
	width: 15%;
	padding: 0 0 0 20px;
	margin: 0 10px 0 0px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}
.event_form_month,
.venue_form_month,
.crew_form_month,
.equipment_form_month{
	height: 50px;
	width: 15%;
	padding: 0 0 0 20px;
		margin: 0 10px 0 10px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}

.event_form_day,
.venue_form_day,
.crew_form_day,
.equipment_form_day{
	height: 50px;
	width: 15%;
	padding: 0 0 0 20px;
	margin: 0 10px 0 10px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}





.tr_event_form_time,
.tr_venue_form_time,
.tr_crew_form_time,
.tr_equipment_form_time{
	width:100%;
	height: 60px;
}
.th_event_form_time,
.th_venue_form_time,
.th_crew_form_time,
.th_equipment_form_time{
	padding: 10px 0 5px 5px;
	width: 100%;
	text-align: left;
	display: block;
}

.td_event_form_time,
.td_venue_form_time,
.td_crew_form_time,
.td_equipment_form_time{
	width:100%;
	display: block;
}
.event_form_start,
.event_form_end,
.venue_form_start,
.venue_form_end,
.crew_form_start,
.crew_form_end,
.equipment_form_start,
.equipment_form_end{
	display: inline;
	width: 100%;
}

.event_form_start_hour,
.venue_form_start_hour,
.crew_form_start_hour,
.equipment_form_start_hour{
	width: 15%;
	height: 50px;
	padding: 0 0 0 20px;
	margin: 0 0px 0 0px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}
.event_form_start_minute,
.venue_form_start_minute,
.crew_form_start_minute,
.equipment_form_start_minute{
	width: 15%;
	height: 50px;
	padding: 0 0 0 20px;
	margin: 0 0px 0 10px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}

/*～の部分*/
.td_event_form_time span,
.td_venue_form_time span,
.td_crew_form_time span,
.td_equipment_form_time span{
	margin: 0 0px 0 10px;
	display: inline;
}


/*～の部分*/
@media (max-width: 700px){
	.td_event_form_time span,
	.td_venue_form_time span,
	.td_crew_form_time span,
	.td_equipment_form_time span{
		margin: 0 0px 0 0px;
		display: inline;
	}
}


.event_form_end_hour,
.venue_form_end_hour,
.crew_form_end_hour,
.equipment_form_end_hour{
	width: 15%;
	height: 50px;
	padding: 0 0 0 20px;
	margin: 0 0px 0 10px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}
.event_form_end_minute,
.venue_form_end_minute,
.crew_form_end_minute,
.equipment_form_end_minute{
	width: 15%;
	height: 50px;
	padding: 0 0 0 20px;
	margin: 0 0px 0 10px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}

@media (min-width:701px){
	.event_form_end_label,
	.venue_form_end_label,
	.crew_form_end_label,
	.equipment_form_end_label{
	display: inline;	
	}
	.event_form_end_label::before,
	.venue_form_end_label::before,
	.crew_form_end_label::before,
	.equipment_form_end_label::before{
	display: none;
	}
}

@media (max-width:700px){
	.th_event_form_time,
	.th_venue_form_time,
	.th_crew_form_time,
	.th_equipment_form_time{
	visibility: hidden;
	width: 100%;
	display: block;
	text-align: left;
	padding: 10px 0 5px 5px;
	}
	.th_event_form_time::before,
	.th_venue_form_time::before,
	.th_crew_form_time::before,
	.th_equipment_form_time::before{
	visibility: visible;
	content: "開始時間";
	width: 100%;
	text-align: left;
	padding: 0px 0 0px 0px;
	margin: 0 0 0 0;
	}
	.event_form_end_label,
	.venue_form_end_label,
	.crew_form_end_label,
	.equipment_form_end_label{
	display: block;
	padding: 0px 0 0px 0px;
	margin: 0 0 0px 0;
	}
	.confirm-mode .event_form_end_label,
	.confirm-mode .venue_form_end_label,
	.confirm-mode .crew_form_end_label,
	.confirm-mode .equipment_form_end_label{
	display: inline;
	padding: 0px 0 0px 0px;
	margin: 0 0 0px 0;
	}
    .event_form_end_label::before,
	.venue_form_end_label::before,
	.crew_form_end_label::before,
	.equipment_form_end_label::before{
    content: "終了時間";
    display: none;
    text-align: left;
    padding: 0px 0 0px 5px;
	margin: 0 0 0px 0;
    }
		/*開始時間*/
	.event_form_start,
	.venue_form_start,
	.crew_form_start,
	.equipment_form_start{
	width:100%;
	display: block;
	}
	.confirm-mode .event_form_start,
	.confirm-mode .venue_form_start,
	.confirm-mode .crew_form_start,
	.confirm-mode .equipment_form_start{
		width:30%;
		display: inline-block;
        min-height: 30px;
	}
	
	/*終了時間*/
	.event_form_end,
	.venue_form_end,
	.crew_form_end,
	.equipment_form_end{
	width:100%;
	display: block;
	padding: 10px 0 0 0;
	}
	.confirm-mode .event_form_end,
	.confirm-mode .venue_form_end,
	.confirm-mode .crew_form_end,
	.confirm-mode .equipment_form_end{
		width:25%;
		display: inline-block;
        min-height: 30px;
		padding: 0px 0 0 0;
	}
	.event_form_year,
	.venue_form_year,
	.crew_form_year,
	.equipment_form_year{
		height: 50px;
		width: 20%;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
	}
	.event_form_month,
	.venue_form_month,
	.crew_form_month,
	.equipment_form_month{
		height: 50px;
		width: 20%;
		padding: 0 0 0 20px;
		margin: 0 10px 0 10px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
	}
	.event_form_day,
	.venue_form_day,
	.crew_form_day,
	.equipment_form_day{
		height: 50px;
		width: 20%;
		padding: 0 0 0 20px;
		margin: 0 10px 0 10px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
	}	
	.event_form_start_hour,
	.venue_form_start_hour,
	.crew_form_start_hour,
	.equipment_form_start_hour{
		width: 20%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
	}
	.event_form_start_minute,
	.venue_form_start_minute,
	.crew_form_start_minute,
	.equipment_form_start_minute{
		width: 20%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 10px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
	}
	.event_form_end_hour,
	.venue_form_end_hour,
	.crew_form_end_hour,
	.equipment_form_end_hour{
		width: 20%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
	}
	.event_form_end_minute,
	.venue_form_end_minute,
	.crew_form_end_minute,
	.equipment_form_end_minute{
		width: 20%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 10px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
	}
}


/* デフォルト設定 */
.event_form_item,
.venue_form_item,
.crew_form_item,
.equipment_form_item{
    display: inline;
    width: 100%;
}

/* 530px以下の時 */
@media (max-width: 530px) {
    .event_form_item,
	.venue_form_item,
	.crew_form_item,
	.equipment_form_item {
        display: block;
        width: 100%;
        margin-bottom: 10px; /* 適度な余白 */
    }
    
    .event_form_item select,
	.venue_form_item select,
	.crew_form_item select,
	.equipment_form_item select{
        width: 30%; /* セレクトボックスも100%にする */
    }
	.th_event_form_time,
	.th_venue_form_time,
	.th_crew_form_time,
	.th_equipment_form_time{
	visibility: hidden;
	width: 100%;
	display: block;
	text-align: left;
	padding: 0px 0 5px 5px;
	}
	.th_event_form_time::before,
	.th_venue_form_time::before,
	.th_crew_form_time::before,
	.th_equipment_form_time::before{
	visibility: visible;
	content: "開始時間";
	width: 100%;
	text-align: left;
	padding: 0px 0 0px 0px;
	margin: 0 0 0 0;
	}
	.event_form_end_label,
	.venue_form_end_label,
	.crew_form_end_label
	.equipment_form_end_label{
	display: block;
	padding: 0px 0 0px 0px;
	margin: 0 0 0px 0;
	}
    .event_form_end_label::before,
	.venue_form_end_label::before,
	.crew_form_end_label::before,
	.equipment_form_end_label::before{
    content: "終了時間";
    display: none;
    text-align: left;
    padding: 0px 0 0px 5px;
	margin: 0 0 5px 0;
    }
		/*開始時間*/
	.event_form_start,
	.venue_form_start,
	.crew_form_start,
	.equipment_form_start{
	width:100%;
	display: block;
	}
	/*開始時間*/
	.confirm-mode .event_form_start,
	.confirm-mode .venue_form_start,
	.confirm-mode .crew_form_start,
	.confirm-mode .equipment_form_start{
		width:32%;
		display: block;
	}
	/*終了時間*/
	.event_form_end,
	.venue_form_end,
	.crew_form_end,
	.equipment_form_end{
	width:100%;
	display: block;
	padding: 10px 0 0 0;
	}
	.confirm-mode .event_form_end,
	.confirm-mode .venue_form_end,
	.confirm-mode .crew_form_end,
	.confirm-mode .equipment_form_end{
		width:30%;
		display: block;
		padding: 0px 0 0 0;
	}
	.event_form_year,
	.venue_form_year,
	.crew_form_year,
	.equipment_form_year{
		height: 50px;
		width: 20%;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.event_form_month,
	.venue_form_month,
	.crew_form_month,
	.equipment_form_month{
		height: 50px;
		width: 20%;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.event_form_day,
	.venue_form_day,
	.crew_form_day,
	.equipment_form_day{
		height: 50px;
		width: 20%;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}	
	.event_form_start_hour,
	.venue_form_start_hour,
	.crew_form_start_hour,
	.equipment_form_start_hour{
		width: 30%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.event_form_start_minute,
	.venue_form_start_minute,
	.crew_form_start_minute,
	.equipment_form_start_minute{
		width: 30%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 10px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.event_form_end_hour,
	.venue_form_end_hour,
	.crew_form_end_hour,
	.equipment_form_end_hour{
		width: 30%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 0px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
    	background-size: 15px; 
		background-color:#ffffff;
	}
	.event_form_end_minute,
	.venue_form_end_minute,
	.crew_form_end_minute,
	.equipment_form_end_minute{
		width: 30%;
		height: 50px;
		padding: 0 0 0 20px;
		margin: 0 10px 0 10px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
}



/*作業中*/


.event_form_prefecture,
.venue_form_prefecture,
.crew_form_prefecture,
.equipment_form_prefecture{
	height: 50px;
	width: 20%;
	margin: 0 10px 0 0px;
	padding: 0 0 0 20px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;
}

.event_form_municipality,
.venue_form_municipality,
.crew_form_municipality,
.equipment_form_municipality{
	height: 50px;
	width: 20%;
	margin: 0 0px 0 10px;
	padding: 0 0 0 20px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; background-size: 16px; 
	background-color:#ffffff;		
}

@media (max-width:700px){
	.event_form_prefecture,
	.venue_form_prefecture,
	.crew_form_prefecture,
	.equipment_form_prefecture{
		height: 50px;
		width: 35%;
		margin: 0 10px 0 0px;
		padding: 0 0 0 20px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;
		}

	.event_form_municipality,
	.venue_form_municipality,
	.crew_form_municipality,
	.equipment_form_municipality{
		height: 50px;
		width: 35%;
		margin: 0 0px 0 10px;
		padding: 0 0 0 20px;
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center; background-size: 16px; 
		background-color:#ffffff;		
		}
}



.tr_event_form_additional_notes,
.tr_venue_form_additional_notes,
.tr_crew_form_additional_notes,
.tr_equipment_form_additional_notes{
		width:100%;
}
.th_event_form_additional_notes,
.th_venue_form_additional_notes,
.th_crew_form_additional_notes,
.th_equipment_form_additional_notes{
		padding: 10px 0 5px 5px;
		width: 100%;
		display: block;
		text-align: left;
}
.td_event_form_additional_notes,
.td_venue_form_additional_notes,
.td_crew_form_additional_notes,
.td_equipment_form_additional_notes{
		width: 100%;
		display: block;
}
.event_form_additional_notes_input,
.venue_form_additional_notes_input,
.crew_form_additional_notes_input,
.equipment_form_additional_notes_input{
		width: 100%;
		height: 100px;
		padding: 10px 0 0px 20px;
}





/*興行予定詳細の下部ボタン部分**/


.back_event_form_button,
.back_venue_form_button,
.back_crew_form_button,
.back_equipment_form_button{
	width: 100%;
	display: flex;
	padding: 60px 0% 60px 0%;
	text-align: center;
	margin: 0 auto;
	justify-content: center; 
}

.form_to_calender{
	display: inline-block;
	width:30%;
	padding: 20px 0px 20px 0px;
	margin: 0px 4%;
	background: #656464;
	color: #ffffff;
	border: 0px solid #000000;
	text-align: center;
  	align-items: center; 
  	justify-content: center; 
}

.form_confirm,
.form_register{
	display: block;
	width:30%;
	padding:0px 5px;
	margin: 0px 4%;
	background: #ccc8aa;
	border: 0px solid #000000;
	text-align: center;
	justify-content: center;
  	align-items: center; 
	color: #191717;
}


.form_to_calender:hover,
.form_confirm:hover,
.form_register:hover{
	opacity: 0.8;	
}



@media (max-width:700px){
	.back_event_form_button,
	.back_venue_form_button,
	.back_crew_form_button,
	.back_equipment_form_button{
		width: 100%;
		display: flex;
		padding: 30px auto;
		text-align: center;
		margin: 0 auto;
		justify-content: center; 
	}
	.form_to_calender{
		display: inline-block;		
		width:33.33%;
		padding: 20px 0px 20px 0px;
		margin: 0px 4%;
		background: #656464;
		color: #ffffff;
		border: 0px solid #000000;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
	.form_confirm,
	.form_register{
		display: block;
		width:33.33%;
		padding:0px 5px 0 5px;
		margin: 0px 4%;
		background: #ccc8aa;
		text-align: center;
		justify-content: center;
		flex-wrap: wrap;
	}
}





@media (max-width:530px){
	.back_event_form_button,
	.back_venue_form_button,
	.back_crew_form_button,
	.back_equipment_form_button{
		width: 90%;
		display: flex;
		padding: 30px 4%;
		text-align: center;
		margin: 0 auto;
		justify-content: center; 
	}
	.form_to_calender{
		width:33.33%;
		padding: 20px 0px 20px 0px;
		margin: 0px 4%;
		background: #656464;
		color: #ffffff;
		border: 0px solid #000000;
		text-align: center;
		align-items: center;
		justify-content: center;
		font-size: 14px;
	}
	.form_confirm,
	.form_register{
		display: inline-block;
		width:33.33%;
		padding:0px 5px;
		background: #ccc8aa;
		border: 0px solid #000000;
		text-align: center;
		justify-content: center; 
		font-size: 14px;
		flex-wrap: wrap;
	}
}





.event_form_genre{
	font-size: 16px;
	color: #191717;
	width:100%;
	height: 50px;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 20px;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; 
	background-size: 16px; 
	background-color:#ffffff;
}


.event_form_subgenre1,
.event_form_subgenre2,
.event_form_subgenre3{
	font-size: 16px;
	color: #191717;
	width:40%;
	height: 50px;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 20px;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center; 
	background-size: 16px; 
	background-color:#ffffff;
}


.event_form_subgenre_new{
	font-size: 16px;
	color: #191717;
	width:40%;
	height: 50px;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0 20px;
	margin: 0 0 0 10px;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	background-size: 16px; 
	background-color:#ffffff;
	border: 1px solid #191717;
}


.add_subgenre_btn{
    display: inline-block;
    width: 14%;
    height: 50px;
    margin: 0px 0 0 10px;
    padding: 0 15px 0 15px;
    background: #656464;
    color: #f1efef;
    border: 1px solid #f1efef;
    text-align: center;
	vertical-align: middle;
}

.add_subgenre_btn:hover{
	opacity: 0.8;
}


.subgenre-tag {
  display: inline-block;
  background: #ccc8aa;
  color: #191717;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px 5px 0 0;
  font-size: 14px;
  position: relative;
}
.remove-subgenre {
  margin-left: 8px;
  color: #d64452;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
}


@media (max-width:530px){
	.event_form_genre{
		font-size: 16px;
		color: #656464;
		width:100%;
		height: 50px;
		text-align: left;
		vertical-align: middle;
		padding: 0px 20px 0 10px;
		-webkit-appearance: none; 
		-moz-appearance: none; 
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.event_form_subgenre1,
	.event_form_subgenre2,
	.event_form_subgenre3
	{
		font-size: 16px;
		color: #656464;
		width:100%;
		height: 50px;
		text-align: left;
		vertical-align: middle;
		padding: 0px 20px 0 10px;
		-webkit-appearance: none; 
		-moz-appearance: none; 
		appearance: none;
		background-image: url("../images/select.png");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.event_form_subgenre_new{
		font-size: 16px;
		color: #656464;
		width:80%;
		height: 50px;
		text-align: left;
		vertical-align: middle;
		padding: 0px 20px 0 10px;
		margin: 15px 0 0 0px;
		-webkit-appearance: none; 
		-moz-appearance: none; 
		appearance: none;
		background-size: 15px; 
		background-color:#ffffff;
	}
	.add_subgenre_btn{
		display: inline-block;
		width: 15%;
		height: 50px;
		margin: 15px 0 0 10px;
		padding: 0 10px 0 10px;
		background: #656464;
		color: #f1efef;
		border: 1px solid #f1efef;
		text-align: center;
		vertical-align: middle;
	}
}







.small_table_form,
.small_table_form2{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	box-sizing: border-box;
}

.tr_crew_form_staff0{
	width: 100%;
	margin: 10px 0 0px 5px;
}

.tr_crew_form_staff{
	width: 100%;
	display: block;
	margin: 10px 0 0px 5px;
}

.th_crew_form_staff_type0,
.th_crew_form_staff_type{
	width: 20%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 5px 0;
}
.th_crew_form_staff_count{
	width: 10%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 5px 0;
}
.th_crew_form_staff_notes {
	width: 64.7%;
	display: inline-block;
	text-align: left;
	margin: 0 0px 10px 0;
}


.tr_crew_form_staff_inputs {
	width: 100%;
	display: block;
}

.td_crew_form_staff_type{
	width: 20%;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0 0px 0 0px;
}
.td_crew_form_staff_count{
	width: 10%;
	display: inline-block;
		margin: 0 20px 0 0;
}
.td_crew_form_staff_notes {
	width: 64.7%;
	margin: 0 0px 0px 0;
	display: inline-block;
}


@media (max-width:1180px){
	.th_crew_form_staff_notes{
	display: none;
	width: 100%;
	margin: 5px 0 5px 0;
	}
	.td_crew_form_staff_notes{
	display: block;	
	width: 100%;
	margin: 10px 0 0px 0;
	}
	.td_crew_form_staff_notes::before{
	content: "備考";
	margin: 0px 0 5px 5px;
	display: block;	
	}
	.th_crew_form_staff_count{
	width: 20%;
	display: inline-block;
	text-align: left;
	margin: 0 0px 5px 0;	
	}
	.td_crew_form_staff_count{
	width: 20%;
	display: inline-block;
	margin: 0 0px 0 0;
	}
}

@media (max-width:700px){
	.th_crew_form_staff_type0,
	.th_crew_form_staff_type{
	width: 35%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 5px 0;			
	}
	.td_crew_form_staff_type{
	width: 35%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 0 0;		
	}	
	.th_crew_form_staff_count{
	width: 35%;
	display: inline-block;
	text-align: left;
	margin: 0 0px 5px 0;	
	}
	.td_crew_form_staff_count{
	width: 35%;
	display: inline-block;
	margin: 0 0px 0 0;
	}
	.td_crew_form_staff_notes{
	display: block;	
	width: 100%;
	margin: 10px 0 5px 0;
	}
	.td_crew_form_staff_notes::before{
	content: "備考";
	margin: 0px 0 5px 5px;
	display: block;	
	}
}



.crew_form_staff_type_input{
	width: 100%;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 20px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
    background-size: 15px; 
	background-color:#ffffff;
}
.crew_form_staff_count_input{
	width: 100%;
	height: 50px;
	margin: 0px 15px 0px 0px;
	padding: 0 0 0 20px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
    background-size: 15px; 
	background-color:#ffffff;
}
.crew_form_staff_notes_input {
	width: 100%;
	height: 50px;
	margin: 0px 15px 0px 0px;
	padding: 0 0 0 20px;
}







.tr_equipment_form_equip{
	width: 100%;
	display: block;
	margin: 10px 0 0px 5px;
}
.th_equipment_form_equip_type{
	width: 20%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 5px 0;
}
.th_equipment_form_equip_category{
	width: 20%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 5px 0;
}
.th_equipment_form_equip_name {
	width: 54.7%;
	display: inline-block;
	text-align: left;
	margin: 0 0px 10px 0;
}


.tr_equipment_form_equip_inputs {
	width: 100%;
	display: block;
}

.td_equipment_form_equip_type{
	width: 20%;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0 0px 0 0px;
}
.td_equipment_form_equip_category{
	width: 20%;
	display: inline-block;
		margin: 0 20px 0 0;
}
.td_equipment_form_equip_name{
	width: 54.7%;
	margin: 0 0px 0px 0;
	display: inline-block;
}


@media (max-width:1180px){
	.th_equipment_form_equip_name{
	display: none;
	width: 100%;
	margin: 5px 0 5px 0;
	}
	.td_equipment_form_equip_name{
	display: block;	
	width: 100%;
	margin: 10px 0 0px 0;
	}
	.td_equipment_form_equip_name::before{
	content: "品名";
	margin: 0px 0 5px 5px;
	display: block;	
	}
	.th_equipment_form_equip_category{
	width: 20%;
	display: inline-block;
	text-align: left;
	margin: 0 0px 5px 0;	
	}
	.td_equipment_form_equip_category{
	width: 20%;
	display: inline-block;
	margin: 0 0px 0 0;
	}
}

@media (max-width:700px){
	.th_equipment_form_equip_type{
	width: 35%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 5px 0;			
	}
	.td_equipment_form_equip_type{
	width: 35%;
	display: inline-block;
	text-align: left;
	margin: 0 20px 0 0;		
	}	
	.th_equipment_form_equip_category{
	width: 35%;
	display: inline-block;
	text-align: left;
	margin: 0 0px 5px 0;	
	}
	.td_equipment_form_equip_category{
	width: 35%;
	display: inline-block;
	margin: 0 0px 0 0;
	}
	.td_equipment_form_equip_name{
	display: block;	
	width: 100%;
	margin: 10px 0 5px 0;
	}
	.td_equipment_form_equip_name::before{
	content: "備考";
	margin: 0px 0 5px 5px;
	display: block;	
	}
}



.equipment_form_equip_type_input{
	width: 100%;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 20px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
    background-size: 15px; 
	background-color:#ffffff;
}
.equipment_form_equip_category_input{
	width: 100%;
	height: 50px;
	margin: 0px 15px 0px 0px;
	padding: 0 0 0 20px;
	appearance: none;
	background-image: url("../images/select.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
    background-size: 15px; 
	background-color:#ffffff;
}
.equipment_form_equip_name_input {
	width: 100%;
	height: 50px;
	margin: 0px 15px 0px 0px;
	padding: 0 0 0 20px;
}


/*入力完了*/

.completion_message{
	display: block;
	margin: 10px 0 10px 0;
	text-align: left;
}





/*index*/

@media (min-width: 681px){
	.index_wrapper,
	.login_index_wrapper{
		background: #f1efef;
		width:100%;
		text-align: center;
		min-width: 680px;
		max-width: 900px;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
}

@media (max-width: 680px){
	.index_wrapper,
	.login_index_wrapper{
		background: #f1efef;
		width:100%;
		text-align: center;
		max-width: 680px;
		min-width: 330px;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
}



.index_container {
	width:100%;
	margin: 0 auto;
}

.index_container img{
	width: 280px;
}


.index_title {
	font-size: 30px;
	margin: 20px auto;
	padding: 0;
}
.index_details {
	text-align: center;
	margin: 50px auto;
	padding: 0 20px;
}
.index_details span{
	display: block;
	word-break:keep-all;
	overflow-wrap: break-word;
}



.index_detail_button_container{
	text-align: center;
	width: 100%;
	margin: 20px 0 20px 0;
}
.index_detail_button {
	width: 33.33%;
	max-width: 300px;
	height: 60px;
	background: #ccc8aa;
	border: 0px solid #191717;
	z-index: 10;
}

.index_detail_button:hover{
	opacity: 0.8;
}


.form_label {
    color: #191717;
	width: 75%;
}

.label_event_form_event_name_input {
    color: #191717;
}

.label_event_form_artist1_input {
    color: #191717;
}



.label_th_event_form_operator,
.label_th_venue_form_operator,
.label_th_crew_form_operator,
.label_th_equipment_form_operator,
.label_th_event_form_contact_person,
.label_th_venue_form_contact_person,
.label_th_crew_form_contact_person,
.label_th_equipment_form_contact_person,
.label_th_event_form_event_name,
.label_th_event_form_location,
.label_th_venue_form_location,
.label_th_crew_form_location,
.label_th_equipment_form_location,
.label_th_event_form_venue,
.label_th_venue_form_venue,
.label_th_crew_form_venue,
.label_th_equipment_form_venue,
.label_th_event_form_genre,
.label_th_event_form_subgenre1,
.label_th_event_form_subgenre2,
.label_th_event_form_subgenre3,
.label_th_event_form_artist1,
.label_th_event_form_artist2,
.label_th_event_form_artist3,
.label_th_event_form_artist4,
.label_th_event_form_artist5,
.label_th_venue_form_cost,
.label_th_crew_form_budget,
.label_th_equipment_form_budget,
.label_th_event_form_date,
.label_th_venue_form_date,
.label_th_crew_form_date,
.label_th_equipment_form_date,
.label_th_event_form_time,
.label_th_venue_form_time,
.label_th_crew_form_time,
.label_th_equipment_form_time,
.label_th_venue_form_transfer_type,
.label_th_event_form_additional_notes,
.label_th_venue_form_additional_notes,
.label_th_crew_form_additional_notes,
.label_th_equipment_form_additional_notes,
.label_th_equipment_form_receiving{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0px 0 20px;
	position: relative;
}

@media (max-width: 530px){
	.label_th_event_form_operator,
	.label_th_venue_form_operator,
	.label_th_crew_form_operator,
	.label_th_equipment_form_operator,
	.label_th_event_form_contact_person,
	.label_th_venue_form_contact_person,
	.label_th_crew_form_contact_person,
	.label_th_equipment_form_contact_person,
	.label_th_event_form_event_name,
	.label_th_event_form_location,
	.label_th_venue_form_location,
	.label_th_crew_form_location,
	.label_th_equipment_form_location,
	.label_th_event_form_venue,
	.label_th_venue_form_venue,
	.label_th_crew_form_venue,
	.label_th_equipment_form_venue,
	.label_th_event_form_genre,
	.label_th_event_form_subgenre1,
	.label_th_event_form_subgenre2,
	.label_th_event_form_subgenre3,
	.label_th_event_form_artist1,
	.label_th_event_form_artist2,
	.label_th_event_form_artist3,
	.label_th_event_form_artist4,
	.label_th_event_form_artist5,
	.label_th_venue_form_cost,
	.label_th_crew_form_budget,
	.label_th_equipment_form_budget,
	.label_th_event_form_date,
	.label_th_venue_form_date,
	.label_th_crew_form_date,
	.label_th_equipment_form_date,
	.label_th_event_form_time,
	.label_th_venue_form_time,
	.label_th_crew_form_time,
	.label_th_equipment_form_time,
	.label_th_venue_form_transfer_type,
	.label_th_event_form_additional_notes,
	.label_th_venue_form_additional_notes,
	.label_th_crew_form_additional_notes,
	.label_th_equipment_form_additional_notes,
	.label_th_equipment_form_receiving{
		display: block;
		text-align: left;
		width: 100%;
		height:30px;
		border-bottom: 0px solid #191717;
		vertical-align: bottom;
		padding: 0 0px 0 20px;
		position: relative;
	}
}













.label_th_crew_form_staff_type0,
.label_th_equipment_form_equip_type0{
	text-align: left;
	width: 25%;
	min-height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: middle;
	padding: 0 0 0px 20px;
	position: relative;
}


.label_th_crew_form_staff_type{
	text-align: left;
	width: 20%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0px 20px;
	position: relative;
}


.label_th_crew_form_staff_count{
	text-align: left;
	width: 10%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}

.label_th_crew_form_staff_notes{
	text-align: left;
	width: 70%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}



.label_th_equipment_form_equip_type{
	text-align: left;
	width: 30%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}

.label_th_equipment_form_equip_category{
	text-align: left;
	width: 30%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}

.label_th_equipment_form_equip_name{
	text-align: left;
	width: 40%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}


	
	



.label_th_event_form_operator::after,
.label_th_venue_form_operator::after,
.label_th_crew_form_operator::after,
.label_th_equipment_form_operator::after,
.label_th_event_form_contact_person::after,
.label_th_venue_form_contact_person::after,
.label_th_crew_form_contact_person::after,
.label_th_equipment_form_contact_person::after,
.label_th_event_form_event_name::after,
.label_th_event_form_location::after,
.label_th_venue_form_location::after,
.label_th_crew_form_location::after,
.label_th_equipment_form_location::after,
.label_th_event_form_venue::after,
.label_th_venue_form_venue::after,
.label_th_crew_form_venue::after,
.label_th_equipment_form_venue::after,
.label_th_event_form_genre::after,
.label_th_event_form_subgenre1::after,
.label_th_event_form_subgenre2::after,
.label_th_event_form_subgenre3::after,
.label_th_event_form_artist1::after,
.label_th_event_form_artist2::after,
.label_th_event_form_artist3::after,
.label_th_event_form_artist4::after,
.label_th_event_form_artist5::after,
.label_th_venue_form_cost::after,
.label_th_crew_form_budget::after,
.label_th_equipment_form_budget::after,
.label_th_event_form_date::after,
.label_th_venue_form_date::after,
.label_th_crew_form_date::after,
.label_th_equipment_form_date::after,
.label_th_event_form_time::after,
.label_th_venue_form_time::after,
.label_th_crew_form_time::after,
.label_th_equipment_form_time::after,
.label_th_venue_form_transfer_type::after,
.label_th_event_form_additional_notes::after,
.label_th_venue_form_additional_notes::after,
.label_th_crew_form_additional_notes::after,
.label_th_equipment_form_additional_notes::after,
.label_th_crew_form_staff_type::after,
.label_th_crew_form_staff_count::after,
.label_th_equipment_form_receiving::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}


@media (max-width: 530px){
	.label_th_event_form_operator::after,
	.label_th_venue_form_operator::after,
	.label_th_crew_form_operator::after,
	.label_th_equipment_form_operator::after,
	.label_th_event_form_contact_person::after,
	.label_th_venue_form_contact_person::after,
	.label_th_crew_form_contact_person::after,
	.label_th_equipment_form_contact_person::after,
	.label_th_event_form_event_name::after,
	.label_th_event_form_location::after,
	.label_th_venue_form_location::after,
	.label_th_crew_form_location::after,
	.label_th_equipment_form_location::after,
	.label_th_event_form_venue::after,
	.label_th_venue_form_venue::after,
	.label_th_crew_form_venue::after,
	.label_th_equipment_form_venue::after,
	.label_th_event_form_genre::after,
	.label_th_event_form_subgenre1::after,
	.label_th_event_form_subgenre2::after,
	.label_th_event_form_subgenre3::after,
	.label_th_event_form_artist1::after,
	.label_th_event_form_artist2::after,
	.label_th_event_form_artist3::after,
	.label_th_event_form_artist4::after,
	.label_th_event_form_artist5::after,
	.label_th_venue_form_cost::after,
	.label_th_crew_form_budget::after,
	.label_th_equipment_form_budget::after,
	.label_th_event_form_date::after,
	.label_th_venue_form_date::after,
	.label_th_crew_form_date::after,
	.label_th_equipment_form_date::after,
	.label_th_event_form_time::after,
	.label_th_venue_form_time::after,
	.label_th_crew_form_time::after,
	.label_th_equipment_form_time::after,
	.label_th_venue_form_transfer_type::after,
	.label_th_event_form_additional_notes::after,
	.label_th_venue_form_additional_notes::after,
	.label_th_crew_form_additional_notes::after,
	.label_th_equipment_form_additional_notes::after,
	.label_th_crew_form_staff_type::after,
	.label_th_crew_form_staff_count::after,
	.label_th_equipment_form_receiving::after{
		content: "";
		border-right: 0px solid #191717;
		text-align: left;
		width: 100%;
		height:30px;
		vertical-align: bottom;
		padding: 0 0 0 0px;
		position: absolute;
		left: 0px;
		top: 30px;
	}
}





.label_th_crew_form_staff_type0::after,
.label_th_equipment_form_equip_type0::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	min-height:60%;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}


.label_th_equipment_form_equip_type::after,
.label_th_equipment_form_equip_category::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}



.label_td_event_form_operator,
.label_td_venue_form_operator,
.label_td_crew_form_operator,
.label_td_equipment_form_operator,
.label_td_event_form_contact_person,
.label_td_venue_form_contact_person,
.label_td_crew_form_contact_person,
.label_td_equipment_form_contact_person,
.label_td_event_form_event_name,
.label_td_event_form_location,
.label_td_venue_form_location,
.label_td_crew_form_location,
.label_td_equipment_form_location,
.label_td_event_form_venue,
.label_td_venue_form_venue,
.label_td_crew_form_venue,
.label_td_equipment_form_venue,
.label_td_event_form_genre,
.label_td_event_form_subgenre1,
.label_td_event_form_subgenre2,
.label_td_event_form_subgenre3,
.label_td_event_form_artist1,
.label_td_event_form_artist2,
.label_td_event_form_artist3,
.label_td_event_form_artist4,
.label_td_event_form_artist5,
.label_td_venue_form_cost,
.label_td_crew_form_budget,
.label_td_equipment_form_budget,
.label_td_event_form_date,
.label_td_venue_form_date,
.label_td_crew_form_date,
.label_td_equipment_form_date,
.label_td_event_form_time,
.label_td_venue_form_time,
.label_td_crew_form_time,
.label_td_equipment_form_time,
.label_td_venue_form_transfer_type,
.label_td_event_form_additional_notes,
.label_td_venue_form_additional_notes,
.label_td_crew_form_additional_notes,
.label_td_equipment_form_additional_notes,
.label_td_equipment_form_receiving{
	text-align: left;
	width: 75%;
	min-height:30px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	
}

@media (max-width: 700px){
	.label_td_event_form_time{
		display: flex;
		width: 100%;
    	height: 60px;
		padding: 35px 0 0px 20px;
	}
}


@media (max-width: 530px){
	.label_td_event_form_operator,
	.label_td_venue_form_operator,
	.label_td_crew_form_operator,
	.label_td_equipment_form_operator,
	.label_td_event_form_contact_person,
	.label_td_venue_form_contact_person,
	.label_td_crew_form_contact_person,
	.label_td_equipment_form_contact_person,
	.label_td_event_form_event_name,
	.label_td_event_form_location,
	.label_td_venue_form_location,
	.label_td_crew_form_location,
	.label_td_equipment_form_location,
	.label_td_event_form_venue,
	.label_td_venue_form_venue,
	.label_td_crew_form_venue,
	.label_td_equipment_form_venue,
	.label_td_event_form_genre,
	.label_td_event_form_subgenre1,
	.label_td_event_form_subgenre2,
	.label_td_event_form_subgenre3,
	.label_td_event_form_artist1,
	.label_td_event_form_artist2,
	.label_td_event_form_artist3,
	.label_td_event_form_artist4,
	.label_td_event_form_artist5,
	.label_td_venue_form_cost,
	.label_td_crew_form_budget,
	.label_td_equipment_form_budget,
	.label_td_event_form_date,
	.label_td_venue_form_date,
	.label_td_crew_form_date,
	.label_td_equipment_form_date,
	.label_td_venue_form_time,
	.label_td_crew_form_time,
	.label_td_equipment_form_time,
	.label_td_venue_form_transfer_type,
	.label_td_event_form_additional_notes,
	.label_td_venue_form_additional_notes,
	.label_td_crew_form_additional_notes,
	.label_td_equipment_form_additional_notes,
	.label_td_equipment_form_receiving{
		display: block;
		text-align: left;
		width: 100%;
		min-height:30px;
		border-bottom: 1px solid #191717;
		vertical-align: bottom;
		padding: 0 0 0 20px;
	}
	.label_td_event_form_date,
	.label_td_event_form_time{
		display: flex;
		width: 100%;
		position: relative;
		text-align: left;
		height:30px;
		border-bottom: 1px solid #191717;
		vertical-align: bottom;
		padding: 0 0 0 20px;
	}
	.confirm-mode .event_form_item{
		width:25%;
	}
	.label_event_form_month{
		margin: 0 0 0 -5px;
	}
	.confirm-mode .form_month_character{
		margin: 0 -25px 0 0px;
	}
	.label_event_form_day{
		margin: 0 0 0 -35px;
	}
	.confirm-mode .form_day_character{
		margin: 0 -25px 0 0px;
	}
	.label_event_form_additional_notes_input{
		display: block;
		margin: 0 0 5px 0;
	}
}

.label_td_crew_form_staff_type,
.label_td_crew_form_staff_count,
.label_td_crew_form_staff_notes{
	position: relative;
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 0px 0px 20px;
	margin: 0 0 0px 0px;
}


.label_td_crew_form_staff_type::after,
.label_td_crew_form_staff_count::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}

.tr_crew_form_staff1{
	border-bottom: 1px solid #191717;
}


.tr_crew_form_staff1:last-of-type{
	border-bottom: 0px solid #191717;
}

.label_td_crew_form_staff_type0{
	border-bottom: 1px solid #191717;
}



.label_td_equipment_form_equip_type,
.label_td_equipment_form_equip_category,
.label_td_equipment_form_equip_name{
	position: relative;
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 0px 0px 20px;
	margin: 0 0 0px 0px;
}

.label_td_equipment_form_equip_type::after,
.label_td_equipment_form_equip_category::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}
	

.tr_equipment_form_equip1{
	border-bottom: 1px solid #191717;
}


.tr_equipment_form_equip1:last-of-type{
	border-bottom: 0px solid #191717;
}

.label_td_equipment_form_equip_type0{
	border-bottom: 1px solid #191717;
}




.label_event_form_operator,
.label_venue_form_operator,
.label_crew_form_operator,
.label_equipment_form_operator,
.label_event_form_contact_person,
.label_venue_form_contact_person,
.label_crew_form_contact_person,
.label_equipment_form_contact_person,
.label_event_form_event_name,
.label_event_form_location,
.label_venue_form_location,
.label_crew_form_location,
.label_equipment_form_location,
.label_event_form_venue,
.label_venue_form_venue,
.label_crew_form_venue,
.label_equipment_form_venue,
.label_event_form_genre,
.label_event_form_artist1,
.label_event_form_artist2,
.label_event_form_artist3,
.label_event_form_artist4,
.label_event_form_artist5,
.label_venue_form_cost,
.label_crew_form_budget,
.label_equipment_form_budget,
.label_event_form_date,
.label_event_form_time,
.label_event_form_additional_notes{
	width:100%;
}




/*.label_event_form_operator */

.red-day .date_numbers {
    color: #d64452;
}



/*ログイン*/



.login_index{
	border:0px solid #000000;
	margin: 0 auto;
	width:68%;
	padding: 0 0 60px 0;
	max-width: 900px;
	min-width: 680px;
		height: auto;
}

@media (max-width: 960px){
	.login_index{
		border:0px solid #000000;
		margin: 0 auto;
		width:90%;
		padding: 0 0 60px 0;
		max-width: 680px;
		min-width: 330px;
	}
}
@media (max-width: 700px){
	.login_index{
		border:0px solid #000000;
		margin: 0 auto;
		width:90%;
		padding: 0 0% 60px 0;
		max-width: 680px;
		min-width: 330px;
		height: auto;
	}
}


.h1_login_index{
	font-size: 24px;
	font-weight: bold;
	color:#656464;
	padding:0px 0 5px 0;
	text-align: left;
}
.login_index_line_wrapper{
	position: relative;
}

.login_index_title_line{
	display: block;
    width: 7%;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* 上に表示 */
}
.login_index_title_long_line{
    display: block;
	width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}




.login_form{
    background: #f1efef;
	max-width: 900px;
	min-width: 680px;
	margin: 0 auto;
		width:68%;
}

@media (max-width: 700px){
	.login_form{
		background: #f1efef;
		max-width: 680px;
		min-width: 330px;
		margin: 0 auto;
		width:90%;
	}
}



.login_form span {
    font-size: 16px;
	margin: 0 5px 5px 0;
}

.email_form, 
.password_form {
    margin-bottom: 0px;
	text-align: left;
}

.email_form input, 
.password_form input {
    width: 100%;
    padding: 0 0 0 20px;
    border: 1px solid #656464;
	height: 50px;
}

.email_form input:focus, 
.password_form input:focus {
    border-color: #007BFF;
    outline: none;
}


.error_message {
	display: block;
	text-align: left;
    color: #d64452;
    font-size: 16px;
    margin:0 0 0 10px;
	vertical-align: middle;
}

.login_button{
	margin: 40px auto;
	text-align: center;
}

.login_submit {
    width: 33.33%;
    padding: 10px;
    background-color: #ccc8aa;
    color: #191717;
    border: none;
    font-size: 16px;
    cursor: pointer;
	height: 60px;
}

.login_submit:hover {
    opacity: 0.8;
}


.redirect_login_button {
	width: 33.33%;
	padding: 10px;
	background-color: #ccc8aa;
	color: #191717;
	border: none;
	font-size: 16px;
	cursor: pointer;
	height: 60px;
}


.redirect_login_button:hover {
    opacity: 0.8;
}

.input_omission,
.show_hide{
	width: 100%;
	text-align: left;
	display: block;
	align-items: center;
	margin: 0 0 0 0px;
}


/* remember_me のスタイル */
.remember_me,
.show_password{
	display: flex;
	align-items: center;
 	width: 100%;
	cursor: pointer;
	margin: 0 0 0 -12px;
}

/* チェックボックスのサイズ調整 */
.checkbox_remember,
.toggle_password{
	text-align: left;
	flex: 0.5;
	transform: scale(0.5); /* サイズ調整 */
	display: inline-block;
	background-color: #f1efef;
	margin: 0 0 0 0px;
}


/* スパンテキストのスタイル（任意で調整） */
.check_text,
.password_text{
    font-size: 16px;          /* テキストのフォントサイズ */
    line-height: 32px;        /* テキストの高さ（チェックボックスと合わせる） */
	flex: 8;
	margin: 0 0 0 0px;
	color: #191717;
}





/*パスワードがお忘れの方+会員登録がまだの方の全体スペース*/
.login_sign_up_container {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
    margin: 30px auto;
	border: 0px solid #191717;
	position: relative;
	max-width: 900px;
	min-width: 680px;
}


/*パスワードがお忘れの方+会員登録がまだの方二つ*/
.login_sign_up_label{
	display: flex;
	margin: 0 auto;
	text-align: center;
	width: 60%;
}

/*パスワードをお忘れの方*/
.index_login{
	display: inline-block;
	font-size: 16px;
	margin: 0 0 0 0px;
	background: #f1efef;
	border: 0px solid #191717;
	width: 30%;
	position: absolute;
	top: 0;
	right: 45%;
}

.forgot_password {
	display: inline-block;
	font-size: 16px;
	margin: 0 0 0 0px;
	background: #f1efef;
	border: 0px solid #191717;
	width: 40%;
	position: absolute;
	top: 0;
	left: 15%;
}


/*会員登録がまだの方*/
.index_sign_up{
	display: inline-block;
	margin: 0 0 0 0px;
	font-size: 16px;
	color: #191717;
	border: 0px solid #191717;
	width: 30%;
	position: absolute;
	top: 0;
	right: 25%;
}


.not_yet_registered {
	display: inline-block;
	margin: 0 0 0 0px;
	font-size: 16px;
	color: #191717;
	border: 0px solid #191717;
	width: 40%;
	position: absolute;
	top: 0;
	right: 18%;
}

.index_login a,
.index_sign_up a,
.forgot_password a,
.not_yet_registered a{
	border-bottom: 1px solid #191717;
	margin: 0 0 30px 0;
}


.index_login a:hover,
.index_sign_up a:hover,
.forgot_password a:hover,
.not_yet_registered a:hover{
	font-weight: bold;
}


/*縦線*/
.login_sign_up_container span{
    margin: 0 0px 4px 0px; /* 縦線の左右にスペースを設定 */
    color: #191717; /* 縦線の色を調整 */
    font-size: 16px; /* 文字サイズを調整 */
	display: inline-block;	
	position: absolute;
	top: 0;
	right: 50%;
}



@media (max-width: 700px)and (min-width: 501px){
	.login_sign_up_container {
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin: 30px auto;
		border: 0px solid #191717;
		position: relative;
		max-width: 680px;
		min-width: 330px;
	}
	/*パスワードがお忘れの方+会員登録がまだの方二つ*/
	.login_sign_up_label{
		display: flex;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	/*パスワードをお忘れの方*/
	.index_login,
	.forgot_password {
		display: inline-block;
		font-size: 16px;
		margin: 0 0 0 0px;
		background: #f1efef;
		border: 0px solid #191717;
		width: 40%;
		position: absolute;
		top: 0;
		right:45%;
	}
	/*会員登録がまだの方*/
	.index_sign_up,
	.not_yet_registered {
		display: inline-block;
		margin: 0 0 0 0px;
		font-size: 16px;
		color: #191717;
		border: 0px solid #191717;
		width: 40%;
		position: absolute;
		top: 0;
		right: 15%;
	}

	/*縦線*/
	.login_sign_up_container span{
		margin: 0 0px 4px 0px; /* 縦線の左右にスペースを設定 */
		color: #191717; /* 縦線の色を調整 */
		font-size: 16px; /* 文字サイズを調整 */
		display: inline-block;	
		position: absolute;
		top: 0;
		right: 50%;
	}
}


@media (max-width: 500px){
	.login_sign_up_container {
		width: 100%;
		display: block;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin: 30px auto;
		border: 0px solid #191717;
		position: relative;
		max-width: 680px;
		min-width: 330px;
	}
	/*パスワードがお忘れの方+会員登録がまだの方二つ*/
	.login_sign_up_label{
		margin: 0 auto;
		text-align: center;
		width: 100%;
		height: 60px;
	}
	/*パスワードをお忘れの方*/
	.index_login,
	.forgot_password {
		display: block;
		font-size: 16px;
		margin: 0 0 0 0px;
		background: #f1efef;
		border: 0px solid #191717;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0%;
		height: 30px;
	}
	/*会員登録がまだの方*/
	.index_sign_up,
	.not_yet_registered {
		display: block;
		margin: 0 0 0 0px;
		font-size: 16px;
		color: #191717;
		border: 0px solid #191717;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 30px;
		left: 0%;
		height: 30px;
	}
	/*縦線*/
	.login_sign_up_container span{
		margin: 0 0px 4px 0px; /* 縦線の左右にスペースを設定 */
		color: #191717; /* 縦線の色を調整 */
		font-size: 16px; /* 文字サイズを調整 */
		display: none;
	}
	.index_login a,
	.forgot_password a,
	.index_sign_up a,
	.not_yet_registered a{
		display: inline-block;
		text-align: center;
		
	}
}





/*エラー*/
.error-message {
    color: #d64452;
    font-size: 16px;
    margin:0 0 0 10px;
	vertical-align: middle;
	text-align: left;
		display: block;
}


.error-message.artist-error {
    color: red;
    display: block;
    width: 100%;
    margin-bottom: 2px;
    font-size: 13px;
}
.artist-row input.editInput {
    width: 100%;
}


.add_form{
	display: inline-block;
	width:35%;
	height: 60px;
	margin: 30px 0 0 0;
	padding: 0 5px 0 5px;
	background: #656464;
	color: #f1efef;
	border: 1px solid #f1efef;
	text-align: center;
}

.add_form:hover{
	opacity: 0.8;
}



.copy-button{
	display: inline-block;
	width:33.33%;
	height: 60px;
	margin: 30px 10px 0 0;
	background: #656464;
	color: #f1efef;
	border: 1px solid #f1efef;
}

.close-day-button{
	display: inline-block;
	width:33.33%;
	height: 60px;
	margin: 30px 0 0 10px;
	background: #ccc8aa;
	color: #191717;
	border: 1px solid #f1efef;
}

.copy-button:hover,
.close-day-button:hover{
	opacity: 0.8;
}

.first_day_title{
	display: inline-block;
	width:33.33%;
	margin:15px 0 0px 0px;
	color: #191717;
	border: 1px solid #f1efef;
	font-weight: bold;
}

.subsequent-dates{
	display: block;
	width:33.33%;
	margin:15px 0 0px 0px;
	color: #191717;
	border: 1px solid #f1efef;
	font-weight: bold;
}


/*お問い合わせ*/

.table_contact_form{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	box-sizing: border-box;
}

.h3_title{
	display: inline-block;
	width:33.33%;
	margin:15px 0 0px 0px;
	color: #191717;
	border: 1px solid #f1efef;
	font-weight: bold;
}

.tr_contact_form_operator,
.tr_contact_form_operator_kana,
.tr_contact_form_contact_person,
.tr_contact_form_contact_person_kana,
.tr_contact_form_post_code,
.tr_contact_form_prefectures,
.tr_contact_form_municipalities,
.tr_contact_form_street_address,
.tr_contact_form_building_room_number,
.tr_contact_form_email_address,
.tr_contact_form_phone_number{
	width:100%;
	display: table-row;
}

.th_contact_form_operator,
.th_contact_form_operator_kana,
.th_contact_form_contact_person,
.th_contact_form_contact_person_kana,
.th_contact_form_post_code,
.th_contact_form_prefectures,
.th_contact_form_municipalities,
.th_contact_form_street_address,
.th_contact_form_building_room_number,
.th_contact_form_email_address,
.th_contact_form_phone_number{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 15px 0 5px 5px;
	display: block;
	text-align: left;
}


.label_th_contact_form_operator,
.label_th_contact_form_operator_kana,
.label_th_contact_form_contact_person,
.label_th_contact_form_contact_person_kana,
.label_th_contact_form_post_code,
.label_th_contact_form_prefectures,
.label_th_contact_form_municipalities,
.label_th_contact_form_street_address,
.label_th_contact_form_building_room_number,
.label_th_contact_form_email_address,
.label_th_contact_form_phone_number{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 5px 0 20px;
	position: relative;
}




@media (max-width: 530px){
	.label_th_contact_form_operator,
	.label_th_contact_form_operator_kana,
	.label_th_contact_form_contact_person,
	.label_th_contact_form_contact_person_kana,
	.label_th_contact_form_post_code,
	.label_th_contact_form_prefectures,
	.label_th_contact_form_municipalities,
	.label_th_contact_form_street_address,
	.label_th_contact_form_building_room_number,
	.label_th_contact_form_email_address,
	.label_th_contact_form_phone_number{
		display: block;
		text-align: left;
		width: 100%;
		height:30px;
		border-bottom: 0px solid #191717;
		vertical-align: bottom;
		padding: 0 5px 0 20px;
	}
}

.label_th_contact_form_operator::after,
.label_th_contact_form_operator_kana::after,
.label_th_contact_form_contact_person::after,
.label_th_contact_form_contact_person_kana::after,
.label_th_contact_form_post_code::after,
.label_th_contact_form_prefectures::after,
.label_th_contact_form_municipalities::after,
.label_th_contact_form_street_address::after,
.label_th_contact_form_building_room_number::after,
.label_th_contact_form_email_address::after,
.label_th_contact_form_phone_number::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}

@media (max-width: 530px){
	.label_th_contact_form_operator::after,
	.label_th_contact_form_operator_kana::after,
	.label_th_contact_form_contact_person::after,
	.label_th_contact_form_contact_person_kana::after,
	.label_th_contact_form_post_code::after,
	.label_th_contact_form_prefectures::after,
	.label_th_contact_form_municipalities::after,
	.label_th_contact_form_street_address::after,
	.label_th_contact_form_building_room_number::after,
	.label_th_contact_form_email_address::after,
	.label_th_contact_form_phone_number::after{
		content: "";
		border-right: 0px solid #191717;
		text-align: left;
		width: 100%;
		height:30px;
		vertical-align: bottom;
		padding: 0 0 0 0px;
		position: absolute;
		left: 0px;
		top: 30px;
	}
}




.td_contact_form_operator,
.td_contact_form_operator_kana,
.td_contact_form_contact_person,
.td_contact_form_contact_person_kana,
.td_contact_form_prefectures,
.td_contact_form_municipalities,
.td_contact_form_street_address,
.td_contact_form_building_room_number,
.td_contact_form_email_address,
.td_contact_form_phone_number{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 0px 0 0px 0;
	display: block;
}


/*お問い合わせ郵便番号td全体*/
.td_contact_form_post_code{
	width: 60%;
	margin: 0px 0 0 0px;
	padding: 0px 0 0px 0;
	display: block;
}

/*郵便番号inputとボタン*/
.post_code_full_wrapper {
	width: 100%; 
}

.post_code_row {
	display: flex;
	align-items: center;
	width: 100%;
}

.form-label.post-form {
	border-bottom: none !important;
}

.post-code-confirm-border {
	border-bottom: 1px solid #191717;
}


/*郵便番号inputとエラー*/
.post_code_input_group {
  width: 100%;
  position: relative;
}

/*郵便番号input*/
.contact_form_post_code{
	width: 50%;
}

/*郵便番号自動入力ボタン*/
.address_auto_fill_button{
	width: 50%;
	min-width: 100px;
	max-width: 150px;
	margin-left: 20px;
}



.label_td_contact_form_operator,
.label_td_contact_form_operator_kana,
.label_td_contact_form_contact_person,
.label_td_contact_form_contact_person_kana,
.label_td_contact_form_post_code,
.label_td_contact_form_prefectures,
.label_td_contact_form_municipalities,
.label_td_contact_form_street_address,
.label_td_contact_form_building_room_number,
.label_td_contact_form_email_address,
.label_td_contact_form_phone_number{
	text-align: left;
	width: 100%;
	min-height:30px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}



@media (max-width: 530px){
	.label_td_contact_form_operator,
	.label_td_contact_form_operator_kana,
	.label_td_contact_form_contact_person,
	.label_td_contact_form_contact_person_kana,
	.label_td_contact_form_post_code,
	.label_td_contact_form_prefectures,
	.label_td_contact_form_municipalities,
	.label_td_contact_form_street_address,
	.label_td_contact_form_building_room_number,
	.label_td_contact_form_email_address,
	.label_td_contact_form_phone_number{
		display: block;
		text-align: left;
		width: 100%;
		min-height:30px;
		border-bottom: 1px solid #191717;
		vertical-align: bottom;
		padding: 0 0 0 40px;
	}
}


.contact_form_operator,
.contact_form_operator_kana,
.contact_form_contact_person,
.contact_form_contact_person_kana,
.contact_form_post_code,
.contact_form_prefectures,
.contact_form_municipalities,
.contact_form_street_address,
.contact_form_building_room_number,
.contact_form_email_address,
.contact_form_phone_number{
	width: 100%;
	height: 50px;
	padding: 0px 0px 0 20px;
}



.label_contact_form_operator,
.label_contact_form_operator_kana,
.label_contact_form_contact_person,
.label_contact_form_contact_person_kana,
.label_contact_form_post_code,
.label_contact_form_prefectures,
.label_contact_form_municipalities,
.label_contact_form_street_address,
.label_contact_form_building_room_number,
.label_contact_form_email_address,
.label_contact_form_phone_number,
.label_contact_form_inquiry_content{
	display: block;
	width: 100% !important;
	height: 30px;
	padding: 0px 0px 0 20px;
	border-bottom: 1px solid #191717;
}





.tr_contact_form_inquiry_content{
		width:100%;
}

.th_contact_form_inquiry_content{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 15px 0 5px 5px;
	display: block;
	text-align: left;
}

.label_th_contact_form_inquiry_content{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0px 0 20px;
	position: relative;
}

@media (max-width: 530px){
	.label_th_contact_form_inquiry_content{
		display: block;
		text-align: left;
		width: 100%;
		height:30px;
		border-bottom: 0px solid #191717;
		vertical-align: bottom;
		padding: 0 0px 0 20px;
		position: relative;
	}
}


.label_th_contact_form_inquiry_content::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:50%;
	min-height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

@media (max-width: 530px){
	.label_th_contact_form_inquiry_content::after{
		content: "";
		border-right: 0px solid #191717;
		text-align: left;
		width: 100%;
		height:50%;
		min-height:30px;
		vertical-align: bottom;
		padding: 0 0 0 0px;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
}


.td_contact_form_inquiry_content{
	width: 100%;
	margin: 0px 0 0 0px;
	padding: 0px 0 0px 0;
	display: block;
}

.label_td_contact_form_inquiry_content{
	text-align: left;
	width: 75%;
	min-height:30px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	
}

@media (max-width: 530px){
	.label_td_contact_form_inquiry_content{
		display: block;
		text-align: left;
		width: 100%;
		min-height:30px;
		border-bottom: 1px solid #191717;
		vertical-align: bottom;
		padding: 0 0 0 40px;

	}
}


.contact_form_inquiry_content{
		width: 100%;
		height: 100px;
		padding: 10px 0 0px 20px;
}


.back_contact_form_button{
	width: 100%;
	display: flex;
	padding: 60px 0% 60px 0%;
	text-align: center;
	margin: 0 auto;
	justify-content: center; 
}




/* Promoter Supportとは */
.desc_content {
  background: #ccc8aa;
  padding: 20px;
  margin: 20px 0 0 0;
  color: #191717;
  line-height: 1.6;
  font-size: 16px;
}

/* 見出し（「サイトについて」など） */
.desc_title {
  margin-bottom: 10px;
  padding-left: 0px;
  color: #191717;
}

.desc_title span{
  font-size: 22px;
  font-weight: bold;
}


/* 各項目ブロック */
.desc_block {
  margin-bottom: 20px;
}

/* 各ブロックの小見出し（番号付き） */
.desc_blockTtl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #191717;
}

/* 各ブロック本文 */
.desc_blockText {
  font-size: 15px;
  text-indent: 0; 
  margin-bottom: 10px;
}






/* 個人情報保護方針・プライバシーポリシー コンテンツ全体 */
.privacy_policy_content {
  background: #ccc8aa;
  padding: 20px;
  margin: 20px 0 0 0;
  line-height: 1.6;
  font-size: 16px;
}

/* 冒頭導入文 */
.privacy_policy_text {
  margin-bottom: 20px;
  text-indent: 0em;
}

/* セクションタイトル（方針・プライバシーポリシー） */
.privacy_policy_title {
  margin-top: 30px;
  margin-bottom: 15px;
  line-height: 1.6;
  color: #191717;
}


.privacy_policy_title span{
  font-size: 22px;
  font-weight: bold;
}




/* 各項目ブロック */
.privacy_policy_block {
  margin-bottom: 20px;
}

/* 各項目の見出し */
.privacy_policy_blockTtl {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 0px;
}

/* 各項目の本文 */
.privacy_policy_blockText {
  margin-bottom: 15px;
  text-indent: 0em;
}

/* ネストリスト全般 */
.privacy_policy_blockText ul {
  padding-left: 2em;
  margin-bottom: 0px;
}

.privacy_policy_blockText ul li {
  margin-bottom: 5px;
}

/* 2階層目以降 */
.privacy_policy_blockText ul ul {
  padding-left: 1.5em;
  list-style-type: decimal;
}

/* メールリンク */
.privacy_policy_blockText a {
  color: #000;
  text-decoration: underline;
}


.privacy_policy_blockText p{
	margin-bottom: 5px;
}





/* 利用規約全体の背景と文字色 */
.terms_content {
  background: #ccc8aa;
  padding: 20px;
  margin: 20px 0 0 0;
  color: #191717;
}

.terms {
  line-height: 1.6;
}

/* 各セクションのメイン見出し（例：第1章） */
.terms-section-main-title {
	display: block;
	margin-top: 30px;
	margin-bottom: 15px;
	line-height: 1.6;
	color: #191717;
}

.terms-section-main-title span{
	font-size: 24px;
	font-weight: bold;
}

/* 各条文の見出し（例：第1条〜） */
.terms-section-title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
	color: #191717;
}

/* 通常の段落 */
.terms-paragraph {
	margin-bottom: 15px;
	text-indent: 1em;
}

/* -------- リスト共通 -------- */
.terms-list {
	list-style: none;
	padding-left: 0;
	margin: 0 0 1em 0;
}

/* カウンター付きリスト（例：禁止事項） */
.terms-list.terms-counter {
	counter-reset: item;
}

.terms-list.terms-counter .terms-list-item {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	margin-bottom: 5px;
	counter-increment: item;
	position: relative;
	padding-left: 1.5em;
}

.terms-list.terms-counter .terms-list-item::before {
	content: counter(item) ".";
	position: absolute;
	left: 0;
	width: 1.2em;
	text-align: right;
	font-weight: normal;
}

/* ネストされたリスト（17条用） */
.terms-list.terms-sublist {
	list-style: disc;
	padding-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.terms-list.terms-sublist .terms-list-item {
	display: list-item;
	padding-left: 0;
	position: static;
}

.terms-list.terms-sublist .terms-list-item::before {
	content: none;
}

/* 番号なしの通常リスト（例：お問い合わせ） */
.terms-list:not(.terms-counter):not(.terms-sublist) .terms-list-item {
	padding-left: 0;
	position: static;
	gap: 0;
}

.terms-list:not(.terms-counter):not(.terms-sublist) .terms-list-item::before {
	content: none;
}

/* 定義リスト（例：第1条 用語定義） */
dl.terms-list {
	margin: 0 0 1em 0;
}

dt.terms-list-item-num {
	float: left;
	width: 2em;
	font-weight: normal;
}

dd.terms-list-item {
	margin-left: 2.5em;
	margin-bottom: 0.5em;
}

/* 最後のリストの余白リセット */
.terms-list:last-child {
	margin-bottom: 0;
}



/*サイトマップ*/

.sitemap-preparing{
	background: #ccc8aa;
	font-size: 12px;
	color: #191717;
	margin: 0 0 0 10px;
	padding: 5px 15px;
}

.sitemap-grid {
    line-height: 1.6;
}

/* 各セクション */
.sitemap-section {
    margin-bottom: 30px;
}

/* セクションタイトル */
.sitemap-section-title {
    font-size: 18px;
    border-bottom: 1px solid #656464;
    margin: 40px 0 0 0;
    padding: 0px 0 5px 0;
	color: #191717;
}

/* 各行（3列構成） */
.sitemap-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 0 0;
    justify-content: flex-start; /* 左揃え */
}

/* リンク */
.sitemap-link {
    flex: 1 0 33.333%;    /* 3列構成 */
    max-width: 33.333%;
    text-align: left;
    color: #191717;
    text-decoration: none;
    padding: 10px 0 0 10px;
    border: 1px solid transparent;
    height: 50px;
    line-height: 30px;
    position: relative;
}

.sitemap-link::after {
    content: ""; /* 擬似要素として画像を挿入 */
    position: absolute;
    right: 10%; /* 右端に配置 */
    top: 50%; /* 垂直中央揃え */
    transform: translateY(-50%); /* 中央揃え調整 */
    width: 15px; /* 画像の幅 */
    height: 15px; /* 画像の高さ */
    background-image: url("../images/dainari.png"); /* 挿入する画像のURL */
    background-size: contain; 
    background-repeat: no-repeat; 
}


.sitemap-link:hover {
    text-decoration: underline;
	background: #f1efef;
}

/* ダミースペース（空白を維持するため） */
.sitemap-placeholder {
    flex: 1.04;
}


@media (min-width: 581px) and (max-width: 1190px)  {
    .sitemap-row {
        flex-wrap: wrap; /* 折り返し */
		width: 100%;
		margin: 0 auto;
		display: flex;
    }

    .sitemap-link {
        flex: 1 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 580px) {
    .sitemap-row {
        flex-wrap: wrap;
    }

    .sitemap-link {
        flex: 1 0 100%;
        max-width: 100%;
    }
}

.sitemap_wrapper{
	width:100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: #ffffff;
}




.sitemap_back_to_top{
	text-align: center;
	margin: 30px 0 30px 0; 
}

.sitemap_back_to_top_submit{
	display: inline-block;
	width: calc((100% - 280px) * 0.3333);
	max-width: 300px;
	height: 60px;
	line-height: 60px;
	color: #191717;
	font-size: 16px;
	text-align: center;
	background-color: #ccc8aa;
	border: 0px solid #000000;
	cursor: pointer;
}


@media (max-width:700px){
	.sitemap_back_to_top_submit{
		display: inline-block;
		width:30%;
		padding:0px auto;
		margin: 0px 4% 0px 4%;
		background: #ccc8aa;
		border: 0px solid #000000;
		text-align: center;
		justify-content: center;
		align-items: center; 
		color: #191717;
	}
}



.sitemap_back_to_top_submit:hover{
	opacity: 0.8;	
}


.highlighted {
    background-color: #f0f8ff;
    border: 2px solid #4a90e2;
}





/* グレーアウトしてリンクを無効化 */
.sitemap-link.disabled-link {
    pointer-events: none;  
    color: #abafaa !important; 
    background: #f6f6f6 !important;
    cursor: default !important;
    opacity: 0.5;
}
.sitemap-link.disabled-link .sitemap-preparing {
    color: #656464;   /* ラベルの色はそのまま */
    opacity: 1;
}


/*パスワード*/
.reset_password_container{
	margin: 0 auto;
}

.reset_password_form{
    background: #f1efef;
	max-width: 900px;
	min-width: 680px;
	margin: 0 auto;
	width:68%;
}


@media (max-width: 700px){
	.reset_password_form{
		background: #f1efef;
		max-width: 680px;
		min-width: 330px;
		margin: 0 auto;
		width:90%;
	}
}





.reset_password_span{
	margin: 0 0 0px 0px;
	display: block;
	text-align: left;
}


.reset_password_input{
    width: 100%;
    padding: 0 0 0 20px;
    border: 1px solid #656464;
	height: 50px;

}

.input-error{
    color: #d64452;
    font-size: 16px;
    margin:0 0 0 0px;
	vertical-align: middle;
}



#edit-global-error{
	color: #d64452; 
	min-height: 1.6em; 
	margin-top: 15px; 
	font-size: 14px; 
	display: none;
	text-align: center;
}



/* デフォルトは「削除」表示 */
.remove-label-pc { display: inline !important; }
.remove-label-x { display: none !important; }

/* 1300px～768px、または470px以下 だけ「×」表示 */
@media (max-width: 1300px) and (min-width: 768px) {
  .remove-label-pc { display: none !important; }
  .remove-label-x { display: inline !important; }
}
@media (max-width: 500px) {
  .remove-label-pc { display: none !important; }
  .remove-label-x { display: inline !important; }
}






/*ログアウト*/

.logout_text{
	display: block;
	margin: 10px 0 0 0;
}



/*新しいパスワード設定*/
.new_password_form{
    background: #f1efef;
	max-width: 900px;
	min-width: 680px;
	margin: 0 auto;
		width:68%;
}

@media(max-width: 700px){
	.new_password_form{
		background: #f1efef;
		max-width: 680px;
		min-width: 330px;
		margin: 0 auto;
			width:90%;
	}
}


.new_password{
    margin-bottom: 0px;
}

.new_password span,
.new_confirm_password span{
	display: block;
	margin: 0 0 5px 0;
	text-align: left;
}

.new_password input, 
.new_confirm_password input {
    width: 100%;
    padding: 0 0 0 20px;
    border: 1px solid #656464;
	height: 50px;
}



.new_confirm_password{
    margin: 0px 0 0 0
}


.new_confirm_password span{
	display: block;
	margin: 0 0 5px 0;
}

.new_confirm_password_input{
    width: 100%;
    padding: 0 0 0 20px;
    border: 1px solid #656464;
	height: 50px;
}


/* チェックボックスのサイズ調整 */
.toggle_new_password,
.toggle_confirm_password{
	text-align: left;
	flex: 0.5;
	transform: scale(0.5); /* サイズ調整 */
	display: inline-block;
	background-color: #f1efef;
	margin: 0 0 0 0px;
}


/* チェックボックスのサイズ調整 */
.toggle_password_checkbox{
	text-align: left;
	flex: 0.5;
	transform: scale(0.5); /* サイズ調整 */
	display: inline-block;
	background-color: #f1efef;
	margin: 0 0 0 0px;
}


/* スパンテキストのスタイル（任意で調整） */
.password_text{
    font-size: 16px;          /* テキストのフォントサイズ */
    line-height: 32px;        /* テキストの高さ（チェックボックスと合わせる） */
	flex: 8;
	margin: 0 0 0 0px;
}


.password_input_container input{
    width: 100%;
    padding: 0 0 0 20px;
    border: 1px solid #656464;
	height: 50px;
}


.block-required {
  display: block;
	width: 100%;
}

.disclaimer_span{
	display:block; 
	width: 100%;
}

.form-label{
	display: block;
	border-bottom: 1px solid #191717;
}


.disclosure_text,
.disclosure_text2{
	width: 100%;
	margin: 0px auto;
	text-align: left;
}


.disclosure_text span{
	display: block;
	font-weight: bold;
	color: #191717;
	margin: 30px 0 20px 5px;
}


.disclosure_text2 span{
	display: block;
	font-weight: bold;
	color: #191717;
	margin: 30px 0 0px 5px;
}



.table_nego_desc{
	border-collapse:collapse;
	margin: 0px auto;
	max-widt:900px;
	min-width:680px;
	width: 100%;
	background-color: #ccc8aa;
}


.th_nego_operator,
.th_nego_contact_person,
.th_nego_date,
.th_nego_time,
.th_nego_region,
.th_nego_venue,
.th_nego_transfer_type,
.th_nego_cost,
.th_nego_description1,
.th_nego_description2,
.th_nego_email,
.th_nego_phonenumber,
.th_nego_website,
.th_nego_budget,
.th_nego_staff,
.th_nego_equip,
.th_nego_receiving{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0px 40px;
	position: relative;
}


.th_nego_operator::before,
.th_nego_contact_person::before,
.th_nego_date::before,
.th_nego_time::before,
.th_nego_region::before,
.th_nego_venue::before,
.th_nego_transfer_type::before,
.th_nego_cost::before,
.th_nego_description1::before,
.th_nego_description2::before,
.th_nego_email::before,
.th_nego_phonenumber::before,
.th_nego_website::before,
.th_nego_budget::before,
.th_nego_staff::before,
.th_nego_equip::before,
.th_nego_receiving::before{
    content: '';
    position: absolute;
    bottom: -1px;
    height: 1px; /* ボーダーの太さ */
    background-color: #191717; /* ボーダーの色 */
	left: 20px;
    right: 0px; /* 右に5pxの隙間 */
}


.th_nego_operator::after,
.th_nego_contact_person::after,
.th_nego_date::after,
.th_nego_time::after,
.th_nego_region::after,
.th_nego_venue::after,
.th_nego_transfer_type::after,
.th_nego_cost::after,
.th_nego_description1::after,
.th_nego_email::after,
.th_nego_phonenumber::after,
.th_nego_website::after,
.th_nego_budget::after,
.th_nego_receiving::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:50%;
	vertical-align: bottom;
	position: absolute;
	left: 0px;
	bottom: 0px;
}


/*
.th_nego_staff::after{
	content: "";
	border-right: 0px solid #191717;
	text-align: left;
	width: 100%;
	height:90%;
	vertical-align: bottom;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
*/




.td_nego_operator,
.td_nego_contact_person,
.td_nego_date,
.td_nego_time,
.td_nego_region,
.td_nego_venue,
.td_nego_transfer_type,
.td_nego_cost,
.td_nego_description1,
.td_nego_email,
.td_nego_phonenumber,
.td_nego_website,
.td_nego_budget,
.td_nego_staff,
.td_nego_equip,
.td_nego_receiving{
	text-align: left;
	width: 75%;
	min-height:30px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 40px 0 20px;
	position: relative;
}


.td_nego_description2{
	text-align: left;
	width: 75%;
	min-height:30px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 40px 0 10px;
	position: relative;
}


.td_nego_operator::after,
.td_nego_contact_person::after,
.td_nego_date::after,
.td_nego_time::after,
.td_nego_region::after,
.td_nego_venue::after,
.td_nego_transfer_type::after,
.td_nego_cost::after,
.td_nego_description1::after,
.td_nego_description2::after,
.td_nego_email::after,
.td_nego_phonenumber::after,
.td_nego_website::after,
.td_nego_budget::after,
.td_nego_receiving::after{
    content: '';
    position: absolute;
    bottom: -1px;
    height: 1px; /* ボーダーの太さ */
    background-color: #191717; /* ボーダーの色 */
	left: 0px;
    right: 20px; /* 右に5pxの隙間 */
  }



.td_nego_description2::before{
	content: "";
	border-left: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:50%;
	vertical-align: bottom;
	position: absolute;
	left: 0px;
	bottom: 0px;
}




@media (max-width:960px){
	.table_nego_desc{
	border-collapse:collapse;
	margin: 0 auto;
	width: 100%;
	}
}

@media (max-width: 700px){
	.table_nego_desc{
	border-collapse:collapse;
	margin: 0 auto;
	max-width:680px;
	min-width:330px;
	width: 100%;
	}
}



.nego_description_text{
	min-height: 100px;
	width: 100%;
	padding: 10px 10px 0 10px;
	margin: 10px 0 0 0;
	resize: vertical; /* 上下にのみサイズ変更可能 */
}


.nego_back_to_top{
	width:100%;
	text-align: center;
	padding: 50px 0;
	margin: 0 auto;
	gap: 0px; /* ボタン間の隙間を指定 */
}


.nego_back_to_top_submit,
.nego_back_to_edit
{
	display: inline-block;
	max-width: 300px;
	width: 33.33%;
	height:60px; 
	background: #656464;
	color: #f1efef;
	border: 0px solid #000000;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
	padding: 0px 0px 0 0px; 
	margin: 0 10px 0 0;
}

.nego_confirm_submit,
.nego_submit_confirm,
.nego_start_submit{
	display: inline-block;
	max-width: 300px;
	width: 33.33%;
	height:60px; 
	background: #ccc8aa;
	color: #191717;
	border: 0px solid #000000;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
	padding: 0px 0 0 0px; 
	margin: 0 0 0 10px;
}


.validation-error{
	padding: 10px 0 0 0;
	color:#d64452;
}


.nego_label_text{
	padding: 0 0 0 10px;
}



.venue_nego_comp_text{
	display: block;
	padding: 10px 0 0 0;
	font-weight: bold;
}
.venue_nego_comp_text2{
	display: block;
	padding: 40px 0 10px 0;
	font-weight: bold;
}

.small_table_nego_desc,
.small_table_nego_desc2{
    width: calc(100% + 20px); /* テーブルを親のtd幅に合わせる */
    border-collapse: collapse; /* セルの隙間をなくす */
	margin: 0 0px 0 -20px;
	padding: 0 0px 0 0px;
}




.tr_nego_desc, 
.tr_nego_staff_title,
.tr_nego_staff,
.tr_nego_equip_title,
.tr_nego_equip{
	text-align: center;
	}


.th_nego_staff_type,
.th_nego_staff_count,
.th_nego_equip_type,
.th_nego_equip_category{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}


.th_nego_staff_notes,
.th_nego_equip_name{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}


.th_nego_staff_notes::before,
.th_nego_equip_name::before{
    content: '';
    position: absolute;
    bottom: -1px;
    height: 1px; /* ボーダーの太さ */
    background-color: #191717; /* ボーダーの色 */
	left: 0px;
    right: -20px; /* 右に5pxの隙間 */
  }


.th_nego_staff_type::after,
.th_nego_equip_type::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}

.th_nego_staff_type::after,
.th_nego_equip_type::after{
	content: "";
	border-left: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: -0.5px;
	top: 30px;
}



.th_nego_staff_count::after,
.th_nego_equip_category::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}


.td_nego_staff_type,
.td_nego_staff_count,
.td_nego_equip_type,
.td_nego_equip_category{
	position: relative;
}


.td_nego_staff_type::after,
.td_nego_staff_count::after,
.td_nego_equip_type::after,
.td_nego_equip_category::after{
	content: "";
	border-right: 1px solid #191717;
	text-align: left;
	width: 100%;
	height:30px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}


.td_nego_staff_type,
.td_nego_equip_type{
	text-align: left;
	width: 25%;
	height:60px;
	border-left: 1px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}

.td_nego_staff_count,
.td_nego_equip_category{
	text-align: left;
	width: 25%;
	height:60px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}


.td_nego_staff_type::before,
.td_nego_staff_count::before,
.td_nego_equip_type::before,
.td_nego_equip_category::before{
	content: "";
    position: absolute;
    bottom: -1px;
    height: 1px; 
    background-color: #191717; 	left: 0px;
    right: 0px; 
  }




.td_nego_staff_notes,
.td_nego_equip_name{
	text-align: left;
	width: 100%;
	height:60px;
	border-bottom: 0px solid #191717;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	position: relative;
}


.td_nego_staff_notes::before,
.td_nego_equip_name::before{
    content: '';
    position: absolute;
    bottom: -1px;
    height: 1px; 
    background-color: #191717; 	left: 0px;
    right: -20px; 
  }



.status-open {
    color: #f1efef;
}

.status-paused {
    color: #f1efef;
    cursor: not-allowed;
}

.status-closed {
    color: #f1efef;
    cursor: not-allowed;
}

button:disabled {
    pointer-events: none;
    opacity: 0.5; /* 任意: ボタンが無効であることを視覚的に示す */
    cursor: not-allowed; /* 無効な場合のカーソル変更 */
}


/*カレンダー用*/
.negotiation-label {
	position: absolute;
	top: -7px;
	right: -5px;
	background-color: #d64452;
	color: #f1efef;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 4px;
	z-index: 1;
}

/*list用*/
.negotiation-label2 {
	position: absolute;
	top: -40px;
	right: -5px;
	background-color: #d64452;
	color: #f1efef;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 4px;
	z-index: 1;
}



.td_detail_wrapper {
    position: relative; /* ラベルをボタン内に配置するために必要 */
}

.td_detail_wrapper input[disabled] {
        opacity: 0.6;
    }



/*お知らせindex*/

/* 左サイド */
.left_notice_list {
	width: 50%;
	flex: 1; 
	border-top: 0px solid #000000;
	margin: 0px 0px 0 0px;
}

/*左サイド枠*/
.notice_list {
	width: 100%;
	text-align: center;
	margin: 0px 0px 0 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dotted #656464;
	position: relative;
}

.notice_text_wrapper{
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 7px;	
	display: block;
	position: relative;
	border-bottom: 0px dotted #656464;
	min-height: 120px;
	height: auto;
	align-items: center;
	width: 100%;
}

.notice_item{
	padding: 30px 0px 0px 40px;
	margin: 0px 0px 0px 0px;	
	display: flex;
	position: relative;
	border-bottom: 1px dotted #656464;
	min-height: 120px;
	height: auto;
	text-align: left;
	width: 100%;
	z-index: 10;
}


.notice_item:first-child{
	border-top: 1px dotted #656464;
}


@media (min-width: 768px){
	.notice_item::before {
        content: "";
        position: absolute;
        top: 0;
        right: -17px;
        bottom: 0;
        left: 0;
        background-color: transparent;
        z-index: -1;
        margin: 10px 5px 10px 10px;
        transition: background-color 0.3s ease; /* スムーズな変化 */
	}

	.notice_item:hover::before {
		background-color: #ccc8aa; 
		cursor: pointer;
        position: absolute;
        top: 0;
        right: -17px;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: 10px 5px 10px 10px;
        transition: background-color 0.3s ease; /* スムーズな変化 */
	}
}


@media (max-width: 767px)and (min-width: 701px){
	.notice_item::before {
		content: "";
		position: absolute;
		top: 0;
		right: -17px; /* 右に20px広げる */
		bottom: 0;
		left: 0;
		background-color: transparent; /* デフォルトでは透明 */
		z-index: 0;
		margin: 10px 5px 10px 10px;
	}
	.notice_item:hover::before {
		background-color: #ccc8aa; 
		cursor: pointer;
	}
    .notice_item.selected::before {
    	background-color: #ccc8aa !important;
  }
	
}


@media (max-width: 700px){
	.notice_item::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0px; /* 右に20px広げる */
		bottom: 0;
		left: 0;
		background-color: transparent; /* デフォルトでは透明 */
		z-index: 0;
		margin: 10px 20px 10px 10px;
	}
	.notice_item:hover::before {
		background-color: #ccc8aa; 
		cursor: pointer;
	}
    .notice_item.selected::before {
    	background-color: #ccc8aa !important;
  }
}





.notice_title {
	margin: 0px 0px 0px 0px;
    font-weight:normal;
	width: 40%;
	display: inline;
	text-align: left;
	z-index: 1;
}

.notice_time {
	margin: 0px 80px 0px 20px;
	padding: 0 50px 0 0;
    font-size: 0.9em;
	text-align: right;
	width: 40%;
	display: inline;
	z-index: 1;
}

.notice_details_button {
	width: 20%;
	max-width: 80px;
	height: 80px;
	background: #191717;
	color: #f1efef;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-left-radius:0px; 
	border-bottom-right-radius: 5px;
	padding: 0px 20px 0px 0px;
	background-image: url("../images/dainari_white.png");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 80% 50%;	
	display: inline-block;
	cursor:pointer;
	position: absolute;
	right: 5%;
	top: 17%;
	font-size: 14px;
}


@media (max-width: 960px){
	.notice_details_button {
		width: 20%;
		max-width: 80px;
		height: 60px;
		background: #191717;
		color: #f1efef;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		border-bottom-left-radius:0px; 
		border-bottom-right-radius: 5px;
		padding: 0px 20px 0px 0px;
		background-image: url("../images/dainari_white.png");
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 80% 52%;	
		display: inline-block;
		cursor:pointer;
		position: absolute;
		right: 5%;
		top: 25%;
		font-size: 14px;
	}
	.notice_time {
		margin: 0px 0px 0px 0px;
		padding: 0 50px 0 0;
		font-size: 0.9em;
		text-align: left;
		width: 80%;
		display: block;
		z-index: 1;
		position: absolute;
		top: 30px;
	}
	.notice_title {
		display: block;
		margin: 0px 0px 0px 0px;
		font-weight:normal;
		width: 80%;
		text-align: left;
		z-index: 1;
		position: absolute;
		top: 60px;
	}
	.notice_item::before.selected{
		background-color: #ccc8aa !important;
	}
	.notice_item::before.selected:focus,
	.notice_item::before.selected:hover {
	  background-color: #ccc8aa !important;
	}
}







.notice_details_button:hover {
	opacity: 0.6;
}





/*右サイト代わりのモーダル(お知らせ時)*/


@media (max-width: 760px){
	.notice-modal {
		display: none; 
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background: rgba(0, 0, 0, 0.7);
		transition: opacity 0.3s ease; /*アニメーション*/
	}

	.notice-modal-content {
		background: #ccc8aa;
		margin: 10% auto;
		padding: 20px;
		width: 90%;
		max-width: 500px;
		position: relative;
	}

	.notice-modal-close {
		position: absolute;  
		top: 0px;
		right: 0px;
		font-weight: bold;
		cursor: pointer;
		z-index: 10000; 
		width: 50px;
		height: 50px;
		border-top-left-radius: 0%;
		border-top-right-radius: 0%;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 0%;
		background-color: #656464;
	}
	.notice-modal-close span{
		position: absolute;
		font-size: 28px;
		color: #f1efef;
		top: 4px; /* 上下方向の微調整 */
		left: 11px; /* 左右方向の微調整 */
	}
	/*アニメーション用showクラス*/
	.notice-modal.show {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	/* モーダルを閉じる時のアニメーションhideクラス */
	.notice-modal.hide {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease;
	}
}




/* 右サイド */
.right_notice_details {
    width: 50%;
}

@media (max-width: 760px){
	.right_notice_details{
		display: none;
	}
}


.right_notice_container {
	margin: 0px 0px 0px 20px;
	height: 90%;
	background: #ccc8aa;
	padding: 0 0 0px 0;
}

.details_container {
	text-align: center;
	vertical-align: middle;
	align-content: center;
}

/*選択したお知らせが*/
.field_text {
    color: #656464;
	font-weight: bold;
	font-size: 18px;
	padding: 20% 0%;
}

@media (max-width: 960px){
	.field_text {
		color: #656464;
		font-weight: bold;
		font-size: 16px;
		padding: 20% 0%;
	}
}



.back-to-list-button {
    margin-top: 20px;
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
}

.back-to-list-button:hover {
    background-color: #656464;
}



.details_right_wrapper{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 20px 0 20px;
	position: relative;
}

.details_right_header{
	width: 100%;
	padding: 30px 0px 0 0px;
	margin: 0px 0px;
	border-bottom: 0px solid #191717;
    display: flex; /* 子要素を横並びに配置 */
    justify-content: space-between; /* 子要素を左右に配置 */
    align-items: center; /* 子要素を縦方向中央揃え */
    position: relative;
}

.details_right_header::before{
    content: '';
    position: absolute;
    bottom: -1px;
    height: 1px; /* ボーダーの太さ */
    background-color: #191717; /* ボーダーの色 */
	margin: 0 20px 0 0; 
	left: 20px;
    right: 0px; /* 右に5pxの隙間 */
}


.details_right_title{
	width: 60%;
	font-size: 20px;
	padding: 0px 0 0 20px ;
	margin: 0 0 0 0;
	text-align: left;
	display: inline;
}

.details_right_time{
	width: 40%;
	font-size: 14px;
	padding: 0px 20px 0px 20px;
	margin: 0 20px 0 0; 
	display: inline;
	text-align: left;
}



@media (max-width: 760px){
	.details_right_wrapper{
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0px 0 0px;
		position: relative;
	}
	.details_right_header{
		display: block;
		width: 100%;
		padding: 30px 0px 0 0px;
		margin: 0px 0px;
		border-bottom: 0px solid #191717;
		justify-content: space-between; /* 子要素を左右に配置 */
		align-items: center; /* 子要素を縦方向中央揃え */
		position: relative;
	}
	.details_right_title{
		display: block;
		width: 100%;
		font-size: 18px;
		padding: 0px 0 0 20px ;
		margin: 0 0 0 0;
		text-align: left;
	}

	.details_right_time{
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 0px 20px 0px 20px;
		margin: 0 20px 0 0; 
		text-align: left;
	}
}

.details_right_text{
	font-size: 16px;
	padding: 30px 20px 0px 0px;
	margin: 0 20px 0px 20px;
	border-bottom: 0px solid #191717;	
	text-align: left;
}
.details_right_description{
	font-size: 16px;
	padding: 0px 20px 40px 0px;
	margin: 0 20px 50px 20px;
	border-bottom: 1px solid #191717;	
	text-align: left;
}

.notice_right_button{
	display: block;
	text-align: center;
}



.admin_button_container{
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
}


.admin_submit_button
{
	display: inline-block;
	max-width: 300px;
	width: 33.33%;
	height:60px; 
	background: #f1efef;
	color: #191717;
	border: 1px solid #656464;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
	padding: 0px 0 0 0px; 
	margin: 0 0px 0 10px;
}



.new_input_button
{
	display: inline-block;
	max-width: 300px;
	width: 33.33%;
	height:60px; 
	background: #656464;
	color: #f1efef;
	border: 1px solid #656464;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
	padding: 0px 0 0 0px; 
	margin: 0 10px 0 0px;
}






.delete_notice_button
{
	display: inline-block;
	max-width: 200px;
	width: 22.22%;
	height:60px; 
	background: #f1efef;
	color: #191717;
	border: 1px solid #656464;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
    cursor: pointer;
	padding: 0px 0 0 0px; 
	margin: 0 10px 0 0px;
}



/*非表示ボタン*/
.hide_notice_button{
	display: inline-block;
	max-width: 200px;
	width: 22.22%;
	height:60px; 
	background: #656464;
	color: #f1efef;
	border: 1px solid #656464;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
    cursor: pointer;
	padding: 0px 0 0 0px; 
	margin: 0 0px 0 0px;
}


.notice_right_button_submit{
	display: inline-block;
	max-width: 200px;
	width: 22.22%;
	min-width: 150px;
	height:60px; 
	background: #191717;
	color: #f1efef;
	border: 1px solid #656464;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
    cursor: pointer;
	padding: 0px 0 0 0px; 
	margin: 0 0px 0 10px;
}







.return_list_button{
	display: inline-block;
	max-width: 200px;
	width: 22.22%;
	height:60px; 
	background: #f1efef;
	color: #191717;
	border: 1px solid #656464;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
    cursor: pointer;
	padding: 0px 0 0 0px; 
	margin: 0 10px 0 0px;
}



.new_input_button
{
	display: inline-block;
	max-width: 200px;
	width: 22.22%;
	height:60px; 
	background: #ffffff;
	color: #191717;
	border: 1px solid #191717;
	text-align: center;
	font-size: 16px; 
	visibility: visible;
    cursor: pointer;
	padding: 0px 0 0 0px; 
	margin: 50px 0px 0 0px;
}





.delete_notice_button:hover,
.hide_notice_button:hover,
.notice_right_button_submit:hover,
.new_input_button:hover{
	opacity: 0.8;
}





/* 未読アイテムのスタイル */
.notice_item.unread {
  font-weight: bold;
  background-color: #f1efef;
}

/* 未読の詳細ボタン */
.notice_item.unread .notice_details_button {
  border:1px solid #191717; 
  background-color: #191717; 
  color: #f1efef; 
  opacity: 1; 
}

/* 既読アイテムのスタイル */
.notice_item.read {
  font-weight: normal;
  background-color: #f1efef;
  color: #656464;
}

/* 既読の詳細ボタン */
.notice_item.read .notice_details_button {
  border:1px solid #656464; 
  background-color: #656464; 
  color: #f1efef; 
  opacity: 1;
}

/* ボタンのホバー時のスタイル */
.notice_details_button:hover {
  opacity: 0.8; /* ホバー時に少し強調 */
}



.notice_navigation{
	display:block;
	width: 100%;
	border: 0px solid #191717;
}


.notice_navigation nav{
	width: 100%;
}


.notice_navigation nav ul{
	display: flex;
	padding: 0;
	margin: 0;
	flex-wrap: wrap; 
}

.notice_navigation nav ul li{
	flex: 1; 
	border-left: 1px solid #f1efef;
	background: #ccc8aa;
	height: 60px;
	color: #f1efef;
	text-align: center;
	display: flex;
    align-items: center; 
    justify-content: center; 
	line-height: 1.2;
}


.notice_tab{
	max-width: 50%;
	padding: 0 0 0 0;
}
.notice_tab a{
	padding: 0 0 0 0px;	
	text-align: left;
}


.delete_confirmation_dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    text-align: center;
}

.delete_confirmation_dialog button {
    margin: 10px;
    padding: 10px 20px;
    cursor: pointer;
}





/* ユーザー情報の全体レイアウト */
.user-info-container {
	width: 100%;
	max-width: 900px;
	min-width: 680px;
    margin: 0px auto;
    background-color: #f1efef;
}

@media (max-width:960px) {
	.user-info-container {
		width: 96%;
		max-width: 680px;
		min-width: 330px;
		margin: 0px auto;
		background-color: #f1efef;
	}
}


/* タイトル */
.user-info-title {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
	color:#656464;
	padding: 24px 0 5px 0;
}


.user_line_wrapper{
	position: relative;
}

.user_title_line{
	display: block;
    width: 60px;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* 上に表示 */
}
.user_title_long_line{
    display: block;
    width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}

/* セクション */
.user-info-section {
    margin-bottom: 50px;
}

/* セクションタイトル */
.user-info-section-title {
    font-size: 18px;
    margin: 10px;
	color: #191717;
}

/* テーブル */
.user-info-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
}

.user-info-table th {
	background-color: #f1efef;
	text-align: left;
	border-bottom: 1px solid #656464;
	padding: 15px 5px 5px 20px;
	margin: 0px 0 0 0;
	font-size: 16px;
    width: 30%;
	color: #191717;
	height: 50px;
}

@media (max-width: 768px){
	.user-info-table th {
		background-color: #f1efef;
		text-align: left;
		border-bottom: 1px solid #656464;
		padding: 15px 5px 5px 10px;
		margin: 0px 0 0 0;
		font-size: 16px;
		width: 30%;
		color: #191717;
		height: 50px;
	}
}



#search_address{
	height: 40px;
	padding: 0 10px 0px 10px;
	background: #656464;
	color: #f1efef;
	margin: 0 0px 10px 10px;
	border: 0px solid #656464;
}

#search_address:hover{
	background: #808080;
	cursor: pointer;
}


.user-info-table td {
	text-align: left;
	border-bottom: 1px solid #656464;
	padding-left: 30px;
	padding:15px 5px 5px 20px;
	margin: 0px 10px 0 0;
	font-size: 16px;
	color: #191717;
	height: 50px;
}

@media (max-width: 768px){
	.user-info-table td {
		text-align: left;
		border-bottom: 1px solid #656464;
		padding-left: 30px;
		padding:15px 5px 5px 10px;
		margin: 0px 10px 0 0;
		font-size: 16px;
		color: #191717;
		height: 50px;
	}
}




.user-info-table td input {
	padding: 0 10px 0 10px;
	height: 40px;
	margin: 0 0px 10px 0;
}


/* ボタン */
.user-info-button-group {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.user-info-button {
    padding: 12px 20px;
    font-size: 14px;
    background-color: #f1efef;
    border: 0px solid #000;
    cursor: pointer;
    transition: 0.3s;
}

.user-info-button:hover {
    background-color: #808080;
}

.user-info-button:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}



/* TOPに戻るボタン
.user-info-back {
    text-align: center;
    margin-top: 30px;
}

.user-info-back-button {
    display: inline-block;
    padding: 12px 30px;
    background-color: #d6d1af;
    color: #191717;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    transition: background 0.3s;
}

.user-info-back-button:hover {
    background-color: #b8b093;
}

 */


/* セクションタイトルとボタンを横並び */
.user-info-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 10px 0 10px 0;
	
}

/* ボタンの統一スタイル（ログイン情報・事業者情報変更ボタン） */
.user-info-edit-login, 
.user-info-edit-business {
    padding: 15px 12px;
	margin: 10px 0 0 0;
    font-size: 14px;
    background-color: #656464;
    color: #f1efef;
    border: none;
    cursor: pointer;
    transition: 0.3s;
	min-width: 180px;
}

.user-info-edit-login:hover, 
.user-info-edit-business:hover {
    background-color: #808080;
}




/* モーダルのスタイル */
.user-info-modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none; /* 初期状態では非表示 */
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.user-info-modal.show {
    display: flex; /* モーダルが開いたときに表示 */
    opacity: 1;
}


.user-info-modal-content {
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
    width: 100%;
    max-width: 680px; /* スマホでの横幅調整 */
	display: flex;
    flex-direction: column;
    align-items: center;
}



@media (max-width: 768px){
	.user-info-modal-content {
		background-color: #ffffff;
		padding: 20px;
		text-align: center;
		width: 90%;
		max-width: 680px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}



.user-info-modal-content p{
    word-break: keep-all;
    overflow-wrap: break-word;
}



/* 入力フィールドと確認ボタンのコンテナ */
.user-info-modal-input-group {
    display: flex;
    width: 90%;
    max-width: 680px;
    align-items: center;
    justify-content: space-between;
}

/* 入力フィールド */
#user-info-current-password {
    height: 50px;
    padding: 0 10px;
	margin: 10px auto;
    width: 100%;
    flex-grow: 1;
}

/* 確認ボタン */
#user-info-confirm-password {
    height: 50px;
    width: 20%;
    background-color: #656464;
    color: #ffffff;
    padding: 5px;
    border: none;
    cursor: pointer;
    text-align: center;
}

/* キャンセルボタン（下段中央配置） */
.user-info-cancel-button {
	    height: 50px;
    margin-top: 20px;
    background-color: #656464;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    width: 120px;
    text-align: center;
}






/* ボタンを中央に配置するためのラッパー */
.edit-buttons {
    margin: 40px 0 60px 0;
	width: 100%;
}

/* ボタンを横並びにするグループ */
.button-group {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/* 退会ボタンの配置 */
.withdraw-container {
    margin-top: 200px; /* 変更ボタンとの間に余白を設ける */
	width: 100%;
}


/* 共通ボタンデザイン */
.user-info-cancel-edit,
.user-info-confirm-edit {
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #656464;
    border: 0px solid #191717;
    font-size: 16px;
    color: #f1efef;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 20px 0 0; 

}

.user-info-confirm-edit,
.user-info-save-edit {
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #ccc8aa;
    border: 0px solid #191717;
    font-size: 16px;
    color: #191717;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 0px 0 20px; 
}

/* ホバー時のスタイル */
.user-info-cancel-edit:hover{
    background: #808080;
	color: #f1efef;
}

.user-info-confirm-edit:hover,
.user-info-save-edit:hover {
    background: #bfb792;
}

/* 退会ボタンのスタイル */
.user-info-withdraw-link {
    display: block;
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #f1efef;
    font-size: 16px;
    color: #656464;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    transition: all 0.3s ease;
	margin: 0 auto;
}

/* ホバー時のスタイル */
.user-info-withdraw-link:hover {
    background: #f1efef;
}




/*退会処理*/
.withdrawal-container {
	width: 100%;
	max-width: 900px;
	min-width: 680px;
    margin: 0px auto;
    background-color: #f1efef;
}

@media (max-width: 960px){
	.withdrawal-container {
		width: 96%;
		max-width: 680px;
		min-width: 330px;
		margin: 0px auto;
		background-color: #f1efef;
	}
}




/* タイトル */
.withdrawal-title {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
	color:#656464;
	padding: 24px 0 5px 0;
}

.withdrawal_line_wrapper{
	position: relative;
}

.withdrawal_title_line{
	display: block;
    width: 60px;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* 上に表示 */
}
.withdrawal_title_long_line{
    display: block;
    width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}



.withdrawal-text-container{
	width: 100%;
	color: #191717;
	font-size: 18px;
	text-align: left;
	margin: 20px 0 10px 10px;
	word-break:normal;
    overflow-wrap: break-word;
}

/*ボタン横サイズ*/
.withdrawal-button-container{
	width: 100%;
	margin: 50px auto;
	text-align: center;
}


.withdrawal-button-container-group{
	width: 90%;
	margin: 0px auto;
	text-align: center;
    display: flex;           
    justify-content: center;
    align-items: center;
}




.withdrawal-button-to-top{
    max-width: 280px;
    width: 33.33%;
    height: 60px;
    background: #656464;
    border: 0px solid #191717;
    font-size: 16px;
    color: #f1efef;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 20px 0 0;
}


@media (max-width: 530px){
	.withdrawal-button-container-group{
        flex-direction: row;  
	}
	.withdrawal-button-to-top {
        font-size: 14px;
        position: relative;
        color: transparent;
	}
	.withdrawal-button-to-top::after {
        content: "ユーザー情報へ";
        color: #f1efef;
        position: absolute;
        left: 0; 
        right: 0; 
        top: 0; 
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: 14px;
		width: 100%;
        pointer-events: none;
	}
	.withdrawal-button-to-withdrawal{
        font-size: 14px;
		max-width: 100px;
		width: 33.33%;
	}
}



.withdrawal-button-to-withdrawal{
    max-width: 280px;
    width: 33.33%;
    height: 60px;
    background: #ccc8aa;
    border: 0px solid #191717;
    font-size: 16px;
    color: #191717;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 0 0 20px; 
    display: flex;
    align-items: center;
    justify-content: center;
}



/*管理画面*/

.operator-list-container {
	border:0px solid #000000;
	margin: 50px auto;
	width:83.11%;
	padding: 0 0 50px 0;
	max-width: 1100px;
	min-width: 680px;
		height: auto;
}

.operator-list-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
}

.operator-list-th, 
.operator-list-td {
    padding: 10px 10px 10px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
	height: 60px;
}

.operator-list-th {
    background-color: #ccc8aa;
    font-weight: bold;

}

.operator-list-td {
    vertical-align: middle;
}

.operator-list-button {
    padding: 7px 15px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}


.operator-list-update-btn {
    background-color: #ccc8aa;
    color: #191717;
}


.operator-list-update-btn:hover {
    background-color: #DEDBC8;
}

.operator-list-select {
    padding: 6px;
    border: 1px solid #656464;
    font-size: 14px;
    background-color: white;
}

.operator-list-td a{
	color: #f1efef;
}

.operator-list-link {
    display: inline-block;
    padding: 6px 12px;
    background-color: #656464;
    text-decoration: none;
    text-align: center;
}

.operator-list-link:hover {
    background-color: #808080;
}



.admin_line_wrapper{
	position: relative;
}

.admin_title_line{
	display: block;
    width: 7%;
    height: 4px;
    background:#656464;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* 上に表示 */
}

.admin_title_long_line{
    display: block;
	width: 100%;
    height: 2px;
    background: #656464;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}


.operator-info {
    margin-top: 20px;
    width: 100%;
}

.operator-info-table {
    width: 100%;
    border-collapse: collapse;
}

.operator-info-th, 
.operator-info-td {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #ddd;
}

.operator-info-th {
    text-align: left;
    background-color: #ccc8aa;
    width: 200px;
}

.operator-info-td {
    text-align: left;
	background: #ffffff;
}







/* ボタン全体に共通のスタイルを適用 */

.operator-button-container{
	width: 100%;
	text-align: center;
    margin: 40px auto;
}



/* 個別のボタンの色設定（後から変更しやすいように分離） */
.operator-list-back-btn {
	display: inline-block;
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #656464;
    border: 0px solid #191717;
    font-size: 16px;
    color: #f1efef !important;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 20px 0 0; 
	text-align: center;
	line-height: 60px;
}

.operator-list-edit-btn {
	display: inline-block;
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #ccc8aa;
    border: 0px solid #191717;
    font-size: 16px;
    color: #191717;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 20px 0 0; 
	text-align: center;
	line-height: 60px;
}

/* ホバー時のスタイル（任意） */
.operator-list-back-btn:hover,
.operator-list-edit-btn:hover {
	opacity: 0.8;               /* ホバーで少し透明にする例 */
}



/*事業者情報フォーム*/
.operator-info-form {
    width: 100%;
}

.operator-info-td input{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.address-input:nth-child(2),
.address-input:nth-child(3),
.address-input:nth-child(4),
.address-input:nth-child(5){
	margin: 8px 0 0 0px;
}


.operator-list-cancel-btn,
.operator-edit-back-btn{
	display: inline-block;
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #656464;
    border: 0px solid #191717;
    font-size: 16px;
    color: #f1efef !important;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 20px 0 0; 
	text-align: center;
	line-height: 60px;
}


.operator-list-confirm-btn,
.operator-confirm-btn{
	display: inline-block;
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #ccc8aa;
    border: 0px solid #191717;
    font-size: 16px;
    color: #191717;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 20px 0 0; 
	text-align: center;
	line-height: 60px;
}

.operator-list-cancel-btn:hover,
.operator-edit-back-btn:hover,
.operator-list-confirm-btn:hover,
.operator-confirm-btn:hover{
	opacity: 0.8;
}







/*****お知らせ更新*****/



/*タイトル～更新ボタンまでコンテナ*/
.admin_notice_container{
	width: 100%;
	margin: 20px auto;
	padding: 20px 30px;
}

/*お知らせタイトル～日時までコンテナ*/
.title_and_time_container{
	display: flex;
	border-bottom: 1px solid #656464;
}

/*新しいお知らせ～入力内容を確認ボタンコンテナ*/
.new_notice_container{
	border-top: 1px solid #656464;
}

/*選択したお知らせがここに表示されます。*/
.edit_notice_head{
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 0px 0 20px 0;
	font-weight: bold;
}

/*新しいお知らせ*/
.edit_notice_heading1{
	width: 100%;
	text-align: left;
	margin: 10px 0 0 0;
	font-weight: bold;
}

/*お知らせの編集*/
.edit_notice_heading2{
	width: 100%;
	text-align: left;
	margin: 10px 0 0 0;
	font-weight: bold;
}

/*投稿日時～更新日時*/
.notice_timestamps{
	display: inline-block;
	width: 50%;
	margin: 0 0 10px 0;
}

/*投稿日時*/
.notice_post_time{
text-align: right;
}

/*更新日時*/
.notice_update_time{
text-align: right;
}

/*お知らせ内容*/
.admin_form_label{
width: 100%;
text-align: left;
display: inline-block;
padding: 10px 0px;
}


/*お知らせタイトル*/
.admin_details_right_title{
    width: 100%;
    padding: 10px;
    border: 0px solid #ccc;
}

/*お知らせ内容*/
.admin_details_right_text {
	display: inline-block;
    width: 100%;
    padding: 10px;
	margin: 0 0px 30px 0px;
    border: 0px solid #ccc;
	height: 100px;
}

/*更新するボタン*/
.update_notice_button {
    max-width: 300px;
    width: 33.33%;
    height: 60px;
    background: #656464;
    border: 0px solid #191717;
    font-size: 16px;
    color: #f1efef;
    cursor: pointer;
    transition: all 0.3s ease;
	margin: 0 0px 0 20px; 
}

/*更新するボタンホバー*/
.update_notice_button:hover {
    background-color: #0056b3;
}








/*入力内容の確認*/
.admin_confirm_heading{
	display: inline-block;
	text-align: left;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #656464;
	padding: 0 0px 20px 0;
}


/* タイトルや内容を横並びに */
.admin_confirm_row1 {
    display: flex;
    align-items: center; /* 垂直方向の中央揃え */
    width: 100%;
    padding: 10px 0;
	border-bottom: 1px solid #656464;
}

/* タイトルや内容を横並びに */
.admin_confirm_row2 {
    display: flex;
    align-items: center; /* 垂直方向の中央揃え */
    width: 100%;
    padding: 10px 0;
	border-bottom: 1px solid #656464;
	margin: 0 0 20px 0;
}


/*入力内容確認時のタイトル部分*/
.admin_confirm_title{
	text-align: left;
	width: 20%;
	padding: 0px 0px 0px 0;
}

/*入力内容確認時のタイトルテキスト*/
.admin_confirm_title_text{
	display: block;
	text-align: left;
	width: 80%;
	padding: 0 0px 0px 0px;

}

/*入力内容確認時の内容部分*/
.admin_confirm_content{
	text-align: left;
	width: 20%;
	padding: 0px 0px 0px 0;
}

/*入力内容確認時の内容テキスト*/
.admin_confirm_content_text{
	display: block;
	text-align: left;
	width: 80%;
	padding: 0 0px 0px 0px;
	margin: 0 0 0px 0;
}


/*お知らせ更新リストの背景*/
.admin_notice_item.active::before {
    background-color: #ccc8aa !important;
}


/*本当に非表示にしますかテキスト*/
.confirm_message{
	width: 100%;
	margin: 0 0 20px 0;
}



/*ジャンル登録*/

.admin_genre_container {
	margin: 50px auto;
	padding: 40px;
	max-width: 1100px;
	width: 100%;
	background: #ffffff;
}
.admin_genre_h2 {
	text-align: left;
	font-weight: bold;
}


/*ジャンル追加フォーム*/
.admin_genre_form{
	display:flex;
    align-items: center;
}

.admin_genre_input{
	width: 90%;
	padding: 10px;
	margin: 10px 0;
}

.admin_genre_button {
	width: 10%;
	padding: 10px;
	margin: 5px 0;
	background: #191717;
	cursor: pointer;
	border: 1px solid #191717;
	color: #f1efef;
}


/*ジャンルのリスト全ての部分*/
.admin_genre_list {
	margin-top: 20px;
}

/*ジャンルリスト一つずつ*/
.admin_genre_item {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	height: 60px;
	cursor: grab;
	background: #ffffff;
}

.admin_genre_item:active{
	cursor: grabbing;
	background: #f1efef;
}

.admin_genre_item:hover{
	background: #f1efef;
}


/*ジャンル名が表示される部分*/
.admin_genre_edit_input{
    flex-grow: 1;
    background: #ffffff;
    border: 0px solid #ccc;
    padding: 5px;
}

/* 入力フィールドの背景色を親要素の背景色と同期 */
.admin_genre_item:hover .admin_genre_edit_input,
.admin_genre_item:active .admin_genre_edit_input {
    background: #f1efef;
	cursor: grab;
}

/* 入力フィールドの背景色を親要素の背景色と同期 */
.admin_genre_item:hover .admin_genre_edit_input:active,
.admin_genre_item:active .admin_genre_edit_input:active {
	cursor: grabbing;
}



.admin_genre_btn_container{
    display: flex;
    justify-content: flex-end;
    width: 40%;
    gap: 10px;
}

/* ボタンのスタイル */
.admin_genre_edit_btn{
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #191717;
    background-color: #ccc8aa;
    color: #191717;
	width: 30%;
}


.admin_genre_save_btn{
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #191717;
    background-color: #f1efef;
    color: #191717;
	width: 30%;
}


.admin_genre_cancel_btn{
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #191717;
    background-color: #191717;
    color: #f1efef;
	width: 30%;
}

.admin_genre_delete_btn {
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #191717;
    background-color: #656464;
    color: #f1efef;
	width: 30%;
}


.admin_genre_hide_btn{
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #191717;
    background-color: #f1efef;
    color: #191717;
	width: 30%;	
}

/*UP DOWNボタン*/
.admin_genre_move_btn_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
}

.admin_genre_up_btn{
    width: 30px;
    height: 25px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #656464;
    background-color: #f1efef;	
}

.admin_genre_down_btn{
    width: 30px;
    height: 25px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #656464;
    background-color: #f1efef;
}



/*admin セレクトボックス参考*/
.admin_genre_select{
	width: 90%;
	margin: 10px 0 50px 0;
	text-align: left;
	padding: 10px;
}


.main_nav .nav_active {
	background: linear-gradient(to left, #f1efef 258px, transparent 258px);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 258px 100%;
}









/*管理画面ナビゲーション*/
.admin_navigation {
    display: block;
    width: 100%;
    border-bottom: 1px solid #f1efef;
}


.admin_navigation nav {
    width: 100%;
}

.admin_navigation nav ul {
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.admin_navigation nav ul li {
    flex: 1;
    border-left: 1px solid #f1efef;
    background: #656464;
    height: 60px;
    color: #f1efef;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* 相対位置指定 */
    line-height: 1.2;
}



@media (max-width:1060px) and (min-width: 961px){
    .admin_navigation nav ul li {
        height: 60px;
        flex: 1;
        border-left: 1px solid #f1efef;
        background: #656464;
        color: #f1efef;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.5;
    }
}


/*ナビゲーションの文字を折り返す*/


.admin_navigation li:hover {
    background: #ccc8aa;
}
.admin_navigation li:hover > a{
	color: #191717;
}
.admin_navigation li a {
    line-height: 57px;
    color: #f1efef;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* クリックされたタブ（アクティブ）の背景色変更 */
.admin_navigation li.active {
    background: #ccc8aa;
}
.admin_navigation li.active > a {
    color: #191717;
    background: #ccc8aa;
}

.admin_navigation .nav_active{
	flex: 1;
    border-left: 1px solid #f1efef;
    background: #ccc8aa;
    height: 60px;
    color: #191717;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* 相対位置指定 */
    line-height: 1.2;
}

.main_nav .nav_active a {
    color: #191717;
	font-weight: bold;
}

.admin_navigation .nav_active a {
    color: #191717;
}




.admin_notice_item{
	padding: 30px 0px 0px 40px;
	margin: 0px 0px 0px 0px;	
	display: flex;
	position: relative;
	border-bottom: 1px dotted #656464;
	min-height: 120px;
	height: auto;
	text-align: left;
	width: 100%;
	z-index: 10;
}


.admin_notice_item:first-child{
	border-top: 0px dotted #656464;
}


@media (min-width: 768px){
	.admin_notice_item::before {
        content: "";
        position: absolute;
        top: 0;
        right: -17px;
        bottom: 0;
        left: 0;
        background-color: transparent;
        z-index: -1;
        margin: 10px 5px 10px 10px;
        transition: background-color 0.3s ease; /* スムーズな変化 */
	}

	.admin_notice_item::before:hover {
		background-color: #ccc8aa; 
		cursor: pointer;
	}
}


@media (max-width: 767px){
	.admin_notice_item::before {
		content: "";
		position: absolute;
		top: 0;
		right: -17px; /* 右に20px広げる */
		bottom: 0;
		left: 0;
		background-color: transparent; /* デフォルトでは透明 */
		z-index: 0;
		margin: 10px 5px 10px 10px;
	}
	.admin_notice_item::before:hover {
		background-color: #ccc8aa; 
		cursor: pointer;
	}
}



#eventListContainerBody tr:hover{
	background: #ffffff;
}


/*verify.html*/
.verify_password_span{
	text-align: left;
	margin: 20px 0 5px 0px;
	display: block;
}


.verify_password_input{
    width: 100%;
    padding: 0 0 0px 20px;
    margin: 0 0 0px 0px;
    border: 1px solid #656464;
	height: 50px;

}


.subnav_news_selected a{
	width: 100% !important;
}