@charset "UTF-8";
/* CSS Document */
body{
	box-sizing: border-box;
/*	background-color: #f8f9fa; */
	color: #666666;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	margin: 0 auto;
	overflow-wrap : break-word;
	text-align: center;
	word-wrap : break-word;
	word-break : break-all;
	position: relative;
	height: 100%;
	min-height: 100%;
	-webkit-overflow-scrolling: touch !important;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	color: #333333;
	list-style: none;
	text-decoration: none;
}
.dis_sp{
	display: none!important;
}
.dis_pc{
	display: block!important;
}
.link_none{
	pointer-events:none!important;
}
a:hover{
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)" !important; /* IE 8,9 */
	-moz-opacity:0.6 !important; /* FF , Netscape */
	-khtml-opacity: 0.6 !important; /* Safari 1.x */
	opacity:0.6 !important;
	transition: 0.7s !important;
}
.transparent:hover{
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)" !important; /* IE 8,9 */
	-moz-opacity:0.6 !important; /* FF , Netscape */
	-khtml-opacity: 0.6 !important; /* Safari 1.x */
	opacity:0.6 !important;
	transition: 0.7s !important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.right{
	text-align: right!important;
}
.lightpink{
	background-color: #ffe6e6!important;
}
.dis_block{
	display: block!important;
/*	white-space: nowrap; */
}
.dis_inlineblock{
	display: inline-block!important;
	vertical-align: middle;
}
#main{
	position: relative;
	width: auto;
}
#main #open_and_close{
	display: none;
}
input[type="checkbox"], input[type="radio"]{
	vertical-align: middle;
}
#main #curtain{
	display: none;
}
#main > .contents > .wrapper{
	padding: 10px 10px 0 10px;
	font-size: 13px;
	overflow: scroll;
	background-color: #fff;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
	position: relative;
	top: 50px;
}
#main > .contents > .wrapper::-webkit-scrollbar{
	display:none;
}
/* ===== 768px以下 ===== */
@media(max-width: 768px){
	body {
		min-width: 0;
	}
	.dis_sp{
		display: block!important;
	}
	.dis_pc{
		display: none!important;
	}
	#main #open_and_close:checked ~ .wrapper{
		height: calc(100% - 50px);
	}
}

/*------------------------------------------------------------------------*/
/*------------------------ ヘッダー ---------------------------*/
/*------------------------------------------------------------------------*/
/*  ヘッダーメニューSTART  */
/*ヘッダー*/
#main > .contents > .fix{
	position: fixed;
/*	position: absolute;
	top: -50px; */
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	z-index: 98;
}
#main #open_and_close:checked ~ .contents > .fix > #menu_icon{
	background: url(../img/menu_on.png) no-repeat 9px center;
}
#main #menu_icon{
	position: absolute;
	top: 0;
/*	left: 0;*/
	right: 10px;
	width: 50px;
	height: 50px;
	background: url(../img/menu_off.png) no-repeat 15px center;
}
.header_logo{
	float: left;
}
.header_logo a{
	width: 95px;
	display: block;
	margin: 6px 0 0 10px;
}
.header_logo a img{
	width: 100%;
}
.header_contents{
	float: right;
}


.gnav{
	display: flex;
	margin: 0 auto;
}
.gnav > li{
	width: auto;
}
.gnav li{
	list-style: none;
	position: relative;
}
.gnav li a.header_menu{
	padding: 12px 18px;
}
.gnav li a.header_menu img{
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.gnav li a.header_menu p{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.gnav li a{
	display: block;
	text-align: center;
	text-decoration: none;
	width: auto;
	margin: 0 auto;
	padding: 12px 0;
}
.gnav li li{
	height: 0;
	overflow: hidden;
	transition: .5s;
}
.gnav li li a{
	border-top: 1px dotted #fff;
	background-color: #594548;
	color: #fff;
}
.gnav li li a:hover{
}
.gnav li:hover > ul > li{
	height: 44px;
	overflow: visible;
	width: auto;
	margin: 0 auto;
}
.gnav .logout{
	width: 70px;
}
.gnav .logout a{
	display: block;
	background-color: #594548;
	width: 70px;
	height: 50px;
	padding: 5px 0;
}
.gnav .logout img{
	width: 20px;
}
.gnav .logout p{
	font-size: 10px;
	color: #fff;
}
/*  ヘッダーメニューEND  */

/*パンくずリスト*/
.breadcrumbs{
	margin: 0 0 8px 0;
}
.breadcrumbs ul{
	overflow-x: scroll;
	white-space: nowrap;
	text-align: left;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.breadcrumbs ul::-webkit-scrollbar{
	display:none;
}
.breadcrumbs ul li{
	display: inline-block;
	margin: 0 8px 0 0;
}
.breadcrumbs ul li .home{
	text-decoration: underline;
}
.breadcrumbs ul li a{
}

/* ===== 768px以下 ===== */
@media(max-width: 768px){
	#main #open_and_close:checked ~ #curtain{
		z-index: 99;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 0.3;
	}
	.header_logo{
		float: none;
	}
	.header_logo a{
		width: 95px;
		display: block;
		margin: 6px auto 0 auto;
	}
	.header_logo a img{
		width: 100%;
	}
	.header_contents{
		float: none;
	}
}

/*------------------------------------------------------------------------*/
/*------------------------ サイドメニュー ---------------------------*/
/*------------------------------------------------------------------------*/
*, *:before, *:after{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
/*サイドメニュー*/
#main #open_and_close:checked ~ .menu{
	width: 240px;
	opacity: 1;
	overflow: visible scroll;
	background-color: #f8f9fa;
}
#main > .menu{
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	width: 0;
	height: 100vh;
	background-color: #ffffff;
	opacity: 0;
	overflow: hidden;
}
#main #open_and_close:checked ~ .contents{
	width: calc(100% - 240px);
}
#main > .contents{
	position: relative;
/*	position: absolute;
	top: 50px; */
	left: 0;
	width: calc(100%);
	height: calc(100% - 50px);
}
.menu .menu_block{
	margin: 0 0 8px 0;
}
.menu .menu_block p{
	display: block;
	padding: 10px 0 5px 16px;
	text-align: left;
	color: #f184ac;
	font-size: 16px;
	font-weight: bold;
}
.menu .menu_block a{
	display: block;
	margin: 0 16px;
	padding: 6px 0;
	text-align: left;
	color: #666666;
	font-size: 14px;
	border-bottom: 1px solid #cccccc;
	background: url(../img/menu_arrow.png) no-repeat right;
}

/* */
.sp_menu{
	padding: 14px 0 10px 10px;
	border-bottom: 1px solid #cccccc;

}
.sp_menu .sp_menu_block{
	margin: 0 0 4px 8px;
	text-align: left;
}
.sp_menu .sp_menu_block .block_title{
	text-align: left;
	margin: 0 0 5px 0;
}
.sp_menu .sp_menu_block .block_title img{
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.sp_menu .sp_menu_block .block_title p{
	display: inline-block;
	vertical-align: middle;
	color: #666666;
}
.block_button{
	text-align: left;
}
.block_button a{
	background-color: #f184ac;
	text-align: center;
	color: #fff;
	display: block;
	vertical-align: middle;
	width: 190px;
	padding: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 8px 0;
}
.sp_menu .sp_menu_block .block_title{
	text-align: left;
	margin: 0 0 5px 0;
}
.sp_menu .sp_menu_block .block_title img{
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.sp_menu .sp_menu_block .block_title p{
	display: inline-block;
	vertical-align: middle;
	color: #666666;
}

/* ===== 768px以下 ===== */
@media(max-width: 768px){
	#main #open_and_close:checked ~ .menu{
		width: 70%;
		padding: 14px 0 110px 0;
		height: 100vh;
		-webkit-overflow-scrolling: auto;
		overflow-scrolling: auto;
		overflow-y: scroll;
	}
	#main #open_and_close:checked ~ .contents{
		right: -70%;
		width: 100%;
	}
	#main > .menu{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.menu .menu_block a{
		margin: 0 12px;
		padding: 13px 0;
	}
	.menu .menu_block p{
		padding: 10px 0 5px 12px;
	}

	.sp_menu{
		padding: 0 0 3px 0;
		border-bottom: 1px solid #cccccc;

	}
	.sp_menu .sp_menu_block{
		margin: 0 0 11px 8px;
		text-align: left;
	}
	.sp_menu .sp_menu_block .block_title{
		text-align: left;
		margin: 0 0 5px 0;
	}
	.sp_menu .sp_menu_block .block_title img{
		width: 20px;
		display: inline-block;
		vertical-align: bottom;
	}
	.sp_menu .sp_menu_block .block_title p{
		display: inline-block;
		vertical-align: middle;
		color: #666666;
	}
	.block_button{
		text-align: left;
	}
	.block_button a{
		background-color: #f184ac;
		text-align: center;
		color: #fff;
		display: block;
		vertical-align: middle;
		width: 200px;
		padding: 5px 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		margin: 0 0 8px 0;
	}
	.sp_menu .sp_menu_block .block_title{
		text-align: left;
		margin: 0 0 5px 0;
	}
	.sp_menu .sp_menu_block .block_title img{
		width: 20px;
		display: inline-block;
		vertical-align: middle;
	}
	.sp_menu .sp_menu_block .block_title p{
		display: inline-block;
		vertical-align: middle;
		color: #666666;
	}
}
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ ログインページ ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
#login{
	width: 300px;
	margin: 167px auto 0 auto;
}
/* ログインロゴ START */
#login .form .login_logo{
	width: 227px;
	margin: 0 auto 50px auto;
}
#login .form .login_logo img{
	width: 100%;
}
/* ログインロゴ END */
/* ログインフォーム START */
#login .form form .login{
	width: 300px;
	margin: 0 auto;
}
#login .form form tr td{
	text-align: left;
}
#login .form form tr td .login_category{
	text-align: left;
}
/* ログインフォーム END */
/* パスワードを保存する START */
input[type="password"]{
	margin: 0 auto 4px auto;
	padding: 0 5px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	outline: none;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius: 4px;
}
input[type="password"]{
	display: inline-block;
	vertical-align: middle;
}
#login .form form tr td .save_password{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
}
/* チェックボックス START */
input[type="checkbox"]{
	opacity:0;
	position: absolute;
	vertical-align: middle;
	display: block;
}
input[type="checkbox"] + span::before{
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 1rem;
	height: 1rem;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-right: .5rem;
}
input[type="checkbox"]:checked + span::before{
	background-image: url(../img/check.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
input[type="checkbox"]:focus + span::before{
}
/* チェックボックス END */
/* パスワードを保存する END */
/* エラーメッセージ START */
#login .form form tr td .error_message{
	line-height: 0;
	border: 1px solid #ff1d25;
	padding: 10px 10px;
	margin: 0 0 16px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#login .form form tr td .error_message span{
	display: inline-block;
	vertical-align: middle;
}
#login .form form tr td .error_message span img{
	width: 21px;
}
#login .form form tr td .error_message p{
	font-size: 14px;
	color: #ff1d25;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
/* エラーメッセージ END */
/* ログインボタン START */
#login button{
	width: 200px;
	height: 40px;
	margin: 20px auto 20px auto;
	display: block;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #f184ac;
	border: none;
}
#login button p{
	font-size: 13px;
	color: #fff;
	background: url(../img/button_arrow.png) no-repeat 177px 6px;
}
/* ログインボタン END */

/* ===== 768px以下 ===== */
@media(max-width: 768px){
	#login{
		max-width: 510px;
		width: 95%;
		margin: 80px auto 0 auto;
	}
	/* ログインロゴ START */
	#login .form .login_logo{
		width: 227px;
		margin: 0 auto 50px auto;
		width: 176px;
		margin: 0 auto 26px auto;
	}
	/* ログインロゴ END */
	/* ログインフォーム START */
	#login .form form .login{
		width: 95%;
		margin: 0 auto;
	}
	#login .form form tr td .login_category{
		text-align: left;
		font-size: 13px;
	}
	/* ログインフォーム END */
	/* エラーメッセージ START */
	#login .form form tr td .error_message p{
		font-size: 13px;
		color: #ff1d25;
		display: inline-block;
		vertical-align: middle;
		line-height: 1.5;
	}
	/* エラーメッセージ END */
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ トップページ ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
#main_contents{
	padding: 16px 0 0 0;
	margin: 0 25px 0 25px;
}
.announcement_block {
	position: relative;
	background-color: #f2b3c4;
	padding: 10px 24px 10px 24px;
	margin: 0 0 30px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
}
.announcement_block p{
	font-size: 16px;
	color: #fff;
}
	/* D.Q.N!からのお知らせ START */
.news_wrap{
	text-align: left;
}
.wrap_title{
	font-size: 17px;
	font-weight: bold;
	color: #f184ac;
	border-left: 4px solid #f184ac;
	text-align: left;
	padding: 0 0 0 10px;
}
.news_wrap .news_block{
	padding: 24px 0;
	border-bottom: 1px solid #c5c5c5;
}
.news_wrap .news_block .news_date{
	font-size: 14px;
	color: #868686;
}
.news_wrap .news_block .news_title{
	font-weight: bold;
}
.news_wrap .news_block .news_detail{
	font-size: 14px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.news_wrap .news_block .news_detail p{
}

.autologinbox {
	margin: 10px 0 10px 0;
}
.autologin {
	width: 190px;
	height: 40px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background: #FF45D6;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.autologin.off {
	background: #949593;
}
.autologintext {
	margin: 15px 0 0 0;
	font-size: 10px;
}

/* D.Q.N!からのお知らせ END */
/* ===== 768px以下 ===== */
@media(max-width: 768px) {
	#main_contents{
		padding: 16px 0 0 0;
		margin: 0 10px 0 10px;
	}
	.announcement_block{
		background-color: #f2b3c4;
		padding: 10px 8px 10px 8px;
		margin: 0 0 24px 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		text-align: left;
	}
	.announcement_block p{
		font-size: 13px;
		color: #fff;
	}
	.news_wrap .news_block{
		padding: 16px 0;
		border-bottom: 1px solid #c5c5c5;
	}
}

	/*------------------------------------------------------------------------*/
	/*------------------------------------------------------------------------*/
	/*------------------------ 登録会員ページ ---------------------------*/
	/*------------------------------------------------------------------------*/
	/*------------------------------------------------------------------------*/
	/* 検索 START */
form{
}
.keyword{
	margin: 16px 16px 0 0;
	float: left;
}
.saerch_title{
	text-align: left;
}
.keyword input{
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius: 4px;
	height: 40px;
	min-width: 290px;
	margin: 0 8px 0 0;
}
.search_block{
	float: left;
	margin: 0 8px 0 0;
}
.check_wrap{
	text-align: left;
	margin: 16px 0 0 0;
}
.check_block{
	display: inline-block;
	vertical-align: middle;
}
.check_title{
	display: inline-block;
	vertical-align: middle;
}
.search_block label{
	display: inline-block;
	vertical-align: middle;
}
.cp_ipselect{
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.selectbox_02{
	width: 50%!important;
}
.selectbox_03{
	width: 400px!important;
	min-width: 400px!important;
}
.selectbox_04{
	width: 100px!important;
	min-width: 100px!important;
	display: inline-block;
}
.selectbox_05{
	width: 200px!important;
	min-width: 200px!important;
	display: inline-block;
}
.selectbox_06{
	width: 180px!important;
	min-width: 180px!important;
	display: inline-block;
}
.selectbox_07{
	width: 52px!important;
	min-width: 52px!important;
	display: inline-block;
}
.selectbox_09{
	width: 120px!important;
	min-width: 120px!important;
	display: inline-block;
}


.cp_ipselect select{
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand{
    display: none;
}
.cp_ipselect.cp_sl01{
	position: relative;
	border: 1px solid #cccccc;
	border-radius: 2px;
	background: #ffffff;
	height: 40px;
	min-width: 100px;
}
.cp_ipselect.cp_sl01::before{
	position: absolute;
	top: 1.2em;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #cccccc;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select{
	padding: 11px 8px 10px 8px;
	color: #666666;
	font-size: 13px;
}
.no_title{
	margin: 19px 0 0 0;
}
.account{
	margin: 16px 8px 0 0;
	float: left;
}
.displayedresults{
	margin: 16px 0 0 0;
	float: left;
}
.search_button{
	clear: both;
	width: 100%;
	text-align: center;
	display: inline-block;
	border-bottom: 1px dotted #cccccc;
	padding: 0 0 24px 0;
	margin: 24px auto 24px auto;
}
.search_button button{
	margin: 0 5px 16px 5px;
	padding: 4px 6px;
	min-width: 155px;
	height: 30px;
	color: #ffffff;
	background-color: #f184ac;
	border: none;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	cursor: pointer;
}
.search_button button p{
	background: url(../img/button_arrow.png) no-repeat 137px 6px;
}
.reset{
	background-color: #cccccc!important;
}
	/* 検索 END */
	/* 登録ボタン START */
.register{
	margin: 0 0 0 0;
	padding: 6px 6px;
	min-width: 155px;
	height: 30px;
	color: #ffffff;
	background-color: #f184ac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	float: right;
}
.register p{
	background: url(../img/button_arrow.png) no-repeat 137px 5px;
	font-size: 13px;
}
.register_blog{
	display: none;
}
.access_edit{
	float: right;
	margin: 0 0 0 0;
	padding: 4px 6px;
	min-width: 155px;
	height: 30px;
	color: #ffffff;
	background-color: #f184ac;
	border: none;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	cursor: pointer;
}
.access_edit p{
	background: url(../img/button_arrow.png) no-repeat 137px 5px;
	font-size: 13px;
}
	/* 登録ボタン END */
	/* リスト START */
.list_wrap{
	overflow-x: scroll;
	clear: both;
	padding: 12px 0 0 0;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.list_wrap::-webkit-scrollbar{
	display:none;
}
.list{
	clear: both;
	margin: 0;
	width: 100%;
	min-width: 1000px;
	border: 1px solid #cccccc;
}
table.list tbody tr{
	border-bottom: 1px solid #cccccc;
}
table.list tbody tr:last-child{
	border-bottom: none;
}
table.list tbody tr th{
	padding: 5px;
	font-size: 13px;
	background: #f6f6f6;
	white-space: nowrap;
	border-left: 1px solid #cccccc;
}
table.list tbody tr th:first-child{
	border-left: none;
}
table.list tbody tr th p{
	display: inline-block;
	margin: 0 12px;
}
.style_block{
	display: block!important;
}
table.list tbody tr td{
	padding: 5px;
	text-align: center;
	border-left: 1px solid #cccccc;
}
.cast_block{
	max-width: 200px;
}
.name_block{
	width: 300px;
}
.image_block{
	width: 300px;
}
.img_block{
	width: 180px;
}
.mail_block{
	width: 200px;
}
.number_block{
	width: 70px;
}
.title_block{
	width: 300px;
}
.time_block p{
	width: 120px;
}
.weight_block{
	width: 150px;
}
.date_block{
	width: 150px;
}
.registertime_block{
	width: 300px;
}
.type_block{
	width: 70px;
}
.click_block{
	width: 100px;
}
.registertime p{
	width: 100px;
}
.hidden{
	background-color: #d0d0d0!important;
}
.provisional{
/* 90E1D6 */
	background-color: #f5deb3!important;
}
table.list tbody th a {
	text-decoration: underline solid #6d6d6d;
}

table.list tbody tr td:first-child{
	border-left: none;
}
table.list tbody tr td p{
	display: inline-block;
	margin: 0 10px;
}
table.list tbody tr td.break{
	white-space: normal;
	word-break: break-all;
}
.date_margin{
	width: 95px;
}
table.list tbody tr td a{
	width: 30px;
	display: inline-block;
	margin: 0 10px;
}
table.list tbody tr td a img{
	width: 100%;
}

table.list tbody tr td .image_cast {
	position: relative;
	margin: auto;
	width: 60px;
	height: 90px;
	overflow: hidden;
//	border: 1px solid #e0e0e0;
}
table.list tbody tr td .image_cast img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 60px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	pointer-events: none;
}

table.list tbody tr td a.detail {
	width: auto;
}

table.list tbody tr td .image_shop {
	position: relative;
	margin: auto;
	width: 80px;
	height: 80px;
	overflow: hidden;
//	border: 1px solid #e0e0e0;
}
table.list tbody tr td .image_shop img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 80px;
	max-height: 80px;
}

.sort_up{
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 16px;
	margin: 0 auto;
	background: url(../img/icon_up.png) no-repeat;
	background-size: contain;
}
.sort{
	display: inline-block;
	vertical-align: middle;
	min-width: 35px;
}
.sort_down{
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 16px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/icon_down.png) no-repeat;
	background-size: contain;
}
	/* リスト END */
	/* ページネーション  START */
.list_bottom{
	padding: 0 0 40px 0;
}
.hit{
	float: left;
	margin: 24px 0 0 0;
}
.pager{
	float: right;
	margin: 16px 0 0 0;
}
.pager .pagination{
 	text-align: center;
}
.pager .pagination li{
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	position: relative;
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius: 4px;
}
.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	text-decoration: none;
	border: 1px solid #666666;
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius: 4px;
}
.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}
.pager .pagination li a.active{
	color: #fff;
	background: #666666;
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius: 4px;
}
.no_border{
	border: none!important;
}
	/* ページネーション  END */
/* ===== 768px以下 ===== */
@media(max-width: 768px){
	.keyword{
		margin: 16px 0 8px 0;
		float: none;
	}
	.keyword input{
		border: 1px solid #cccccc;
		-webkit-border-radius: 4px;/* for Safari and Chrome */
		-moz-border-radius: 4px; /* for Firefox */
		-o-border-radius: 4px; /* for opera */
		border-radius: 4px;
		height: 40px;
		min-width: 192px;
		margin: 0 8px 0 0;
	}
	.account{
		margin: 0px 8px 8px 0;
		float: left;
		clear: both;
	}
	.selectbox_02{
		width: 100%!important;
	}
	.selectbox_03{
		width: 300px!important;
		min-width: inherit!important;
	}
	.selectbox_04{
		width: 60px!important;
		min-width: inherit!important;
	}
	.cp_ipselect.cp_sl01::before{
		position: absolute;
		top: 1.2em;
		right: 0.3em;
		width: 0;
		height: 0;
		padding: 0;
		content: '';
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 6px solid #cccccc;
		pointer-events: none;
	}

	.cp_ipselect.cp_sl01 select{
		padding: 11px 14px 10px 8px;
		color: #666666;
		font-size: 13px;
	}
	.displayedresults{
		margin: 0 0 0 0;
		float: left;
	}
	.search_button{
		clear: both;
		width: 100%;
		text-align: center;
		display: inline-block;
		border-bottom: 1px dotted #cccccc;
		padding: 0 0 8px 0;
		margin: 24px auto 24px auto;
	}
	.search_button button{
		margin: 0 5px 16px 5px;
		padding: 4px 6px;
		min-width: 135px;
		height: 30px;
		color: #ffffff;
		background-color: #f184ac;
		border: none;
		-webkit-border-radius: 5px;/* for Safari and Chrome */
		-moz-border-radius: 5px; /* for Firefox */
		-o-border-radius: 5px; /* for opera */
		border-radius: 5px;
	}
	.search_button button p{
		background: url(../img/button_arrow.png) no-repeat 118px 6px;
	}
	.register{
		margin: 8px 0 0 0;
		padding: 6px 6px;
		min-width: 155px;
		height: 30px;
		color: #ffffff;
		background-color: #f184ac;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
		float: right;
	}
	.register_blog{
		margin: 8px auto 12px 0;
		padding: 9px 9px;
		min-width: 235px;
		height: 40px;
		color: #ffffff;
		background-color: #f184ac;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
	}
	.register_blog p{
		background: url(../img/button_arrow.png) no-repeat 214px 7px;
		font-size: 16px;
	}
	.pager{
		float: none;
		margin: 16px 0 0 0;
	}
	.pager .pagination li{
		display: inline;
		margin: 0;
		padding: 0;
		display: inline-block;
		width: 35px;
		height: 35px;
		text-align: center;
		position: relative;
		-webkit-border-radius: 4px;/* for Safari and Chrome */
		-moz-border-radius: 4px; /* for Firefox */
		-o-border-radius: 4px; /* for opera */
		border-radius: 4px;
	}
	.pager .pagination li a{
		vertical-align: middle;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		display:table;
		text-decoration: none;
		border: 1px solid #666666;
		-webkit-border-radius: 4px;/* for Safari and Chrome */
		-moz-border-radius: 4px; /* for Firefox */
		-o-border-radius: 4px; /* for opera */
		border-radius: 4px;
		font-size: 13px;
	}
	.hit{
		float: none;
		margin: 24px 0 0 0;
	}
}
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ 登録ページ ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.underlayer_announcement{
	margin: 14px 0 20px 0!important;
}
.register_form{
	width: 100%;
}
.register_form tr{
	border-bottom: 1px solid #cccccc;
}
.register_form tr:first-child{
	border-top: 1px solid #cccccc;
}
.register_form tr th{
	width: 35%;
	background: #F6F6F6;
	text-align: left;
	vertical-align: top;
	padding: 17px 0 17px 12px;
}
.register_form tr th p{
	display: inline-block;
	vertical-align: middle;
}
.register_form tr th span{
	margin-left: 10px;
	background-color: #EE3523;
	padding: 3px 8px;
	color: #fff;
	font-size: 10px;
	margin: 0px 0px 0px 10px;
	line-height: 9px;
	border-radius: 3px;
	vertical-align: middle;
}
.register_form tr td{
	width: 65%;
	background: #fff;
	text-align: left;
	padding: 10px 15px;
	background: #fff;
}
input[type="text"]{
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	height: 40px;
	width: 100%;
	margin: 0 8px 0 0;
	padding: 0 0 0 8px;
}
input[type="number"]{
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	height: 40px;
	width: 80px;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
}
.text_box{
	width: 100%;
	height: 100px;
	padding: 10px 0 0 10px;
	border: 1px solid #cccccc;
	font-size: 15px;
	min-height: 100px;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.alert{
	color: #e66144;
	font-size: 13px;
	margin: 8px 0 0 0;
}
.form_alert{
	background-color: #ffe2dc;
}
.register_button{
	cursor: pointer;
	margin: 24px auto 63px auto;
	padding: 4px 6px;
	min-width: 200px;
	height: 40px;
	color: #ffffff;
	background-color: #f184ac;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	font-size: 13px;

}
.register_button p{
	background: url(../img/button_arrow.png) no-repeat 183px 5px;
}
.button_box {
	margin: 0 auto;
	width: 420px;
}
.button_box .register_button {
	float: left;
	margin: 24px auto 63px auto;
}

.delete_button{
	float: left;
	cursor: pointer;
	margin: 24px 0 63px 20px;;
	padding: 4px 6px;
	min-width: 200px;
	height: 40px;
	color: #ffffff;
	background-color: #999999;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	font-size: 13px;
}
.delete_button p{
	background: url(../img/button_arrow.png) no-repeat 183px 5px;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #cccccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;/* for Safari and Chrome */
	-moz-border-radius: 2px; /* for Firefox */
	-o-border-radius: 2px; /* for opera */
	border-radius: 2px;
	background: #ffffff;
	height: 40px;
	min-width: 100px;
}
.blogregister_form tr th input{
	margin: 0 0 0 8px;
}

/* ===== 768px以下 ===== */
@media(max-width: 768px){
	.button_box {
		margin: 0 auto;
		width: 100%;
	}
	.button_box .register_button {
		float: none;
		margin: 20px auto 20px auto;
	}
	.delete_button{
		float: none;
		margin: 0 auto 20px auto;
	}

	.underlayer_announcement{
		margin: 14px 0 20px 0!important;
	}
	.register_form tr th{
		display: block;
		width: 100%;
		background: #F6F6F6;
		text-align: left;
		vertical-align: top;
		padding: 10px 0 10px 12px;
	}
	.register_form tr td{
		display: block;
		width: 100%;
		background: #fff;
		text-align: left;
		padding: 10px 7px;
		background: #fff;
		min-height: 40px;
	}
	input[type="text"]{
		border: 1px solid #cccccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		height: 40px;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 8px;
	}
	.cp_ipselect.cp_sl01{
		position: relative;
		border: 1px solid #cccccc;
		border-radius: 2px;
		-webkit-border-radius: 2px;/* for Safari and Chrome */
		-moz-border-radius: 2px; /* for Firefox */
		-o-border-radius: 2px; /* for opera */
		border-radius: 2px;
		background: #ffffff;
		height: 40px;
		width: 66px;
	}
}
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ キャスト ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.accessoperation{
	margin: 7px 0 0 0;
	display: block;
}
.add_button{
}
.add_button input{
	display: inline-block;
	vertical-align: middle;
}
.add_button p{
	display: inline-block;
	vertical-align: middle;
}
.add_contents{
	display: inline-block;
	vertical-align: middle;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ 店舗 ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.id_block{
	width: 70px;
}
.regularholiday{
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}
.regularholiday_item{
	float: left;
	margin: 0 16px 0 0;
}
.regularholiday_item span{
	float: left;
}
.regularholiday_item p{
	float: left;
}
.regularholiday_item label{
	display: inline-block;
}
.shop_login{
}
.shop_login p{
	display: block!important;
}
.shop_login a{
	display: block!important;
	margin: 0 auto!important;
}
.shop_login a img{
	width: 100%;
}

/* ===== 768px以下 ===== */
@media(max-width: 768px){
	.shop_select{
		margin: 8px 0 0 0!important;
	}
	.regularholiday_item{
		float: left;
		margin: 0 16px 8px 0;
	}
}
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ 店舗料金 ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.switching{
	margin: 40px 0 24px 0;
	font-size: 0;
}
.switching a{
	display: inline-block;
	vertical-align: middle;
	background-color: #cccccc;
	width: 160px;
	margin: 0 0 0 10px;
	padding: 10px 0;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	white-space: nowrap;
}
.button_checked{
	background-color: #a4d48e!important;
}
.switching a:first-child{
	margin: 0;
}

#system .systemlist{
	margin: 0 0 12px 0;
	padding: 3px;
	background-color: #fff;
}
#system .systemlist .item_line{
	padding: 17px 0 17px 12px;
}
#system .systemlist .headline{
	position: relative;
	margin: 8px 0 0 0;
	padding: 0 70px 0 0;
}
#system .systemlist .headline input{
}
#system .systemlist .headline .plus_subline{
	position: absolute;
	top: 8px;
	right: 0;
	width: 65px;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #f2b3c4;
	color: #fff;
	border: none;
}
#system .systemlist .subline{
	position: relative;
	padding: 0 25px 0 25px;
	margin: 5px 0 0 0;
	text-align: center;
}
#system .systemlist .subline .square{
	position: absolute;
	top: 12px;
	left: 12px;
	width: 15px;
	height: 15px;
	background-color: #f2b3c4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#system .systemlist .subline input[type="text"]{
	margin: 0 0 0 0;
	width: calc(50% - 18px);
}
#system .systemlist .subline input[type="text"]:first-child{
	margin: 0 0 0 0;
}
#system .systemlist .subline .minus_subline{
	position: absolute;
	top: 8px;
	right: 0;
	width: 30px;
	height: 23px;
	line-height: 23px;
	color: #f9f9f9;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background-color: #f184ac;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
}
#system .systemlist .comment{
	margin: 5px 0 8px 0;
}
#system .systemlist .comment textarea{
	padding: 6px;
	width: 100%;
	height: 180px;
	line-height: 1.5;
	overflow: auto;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	outline: none;
	border-width: 2px;
	border-style: solid;
	border-color: #f2f2f2;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-appearance: textfield;
	-webkit-appearance: none;
	border: 1px solid #cccccc;
}
#system_bottom .plus_mainline{
	margin: 0 0 12px 0;
	width: 100%;
	height: 23px;
	line-height: 23px;
	color: #fff;
	border: none;
	font-size: 11px;
	background-color: #f2b3c4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.minus_mainline{
	margin: 0 0 12px 0;
	width: 120px;
	height: 23px;
	line-height: 23px;
	color: #fff;
	border: none;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background-color: #f184ac;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* ===== 768px以下 ===== */
@media(max-width: 768px){

	.switching{
		margin: 14px 0 10px 0;
		font-size: 0;
	}
	.switching a{
		display: inline-block;
		vertical-align: middle;
		background-color: #cccccc;
		width: 32%;
		margin: 0 0 0 2%;
		padding: 10px 0;
		-webkit-border-radius: 5px;/* for Safari and Chrome */
		-moz-border-radius: 5px; /* for Firefox */
		-o-border-radius: 5px; /* for opera */
		border-radius: 5px;
		color: #fff;
		font-size: 13px;
	}
	.button_checked{
		background-color: #a4d48e!important;
	}
}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ 出勤情報 ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.shop_name{
	font-size: 25px;
	color: #f2b3c4;
	text-align: left;
	margin: 0 0 8px 0;
}
.attendance_select input[type="checkbox"]{
	display: none;
}

.attendance_list{
	margin: 24px auto 0 auto;
	max-width: 980px;
}
.attendance_list .attendance_wrap{
	margin: 0 12px 16px 12px;
	display: inline-block;
	width: 249px;
	padding: 8px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	position: relative;
}
.attendance_list_inner{
	width: 100%;
	margin: 0 auto;
}



/*** custom checkboxes ***/
.check_cast{
	position: absolute;
	right: 0;
	top: -20px;
}

/* Base for label styling */
.attendance_list [type="checkbox"]:not(:checked),
.attendance_list [type="checkbox"]:checked{
  position: absolute;
  left: -9999px;
}
.attendance_list [type="checkbox"]:not(:checked) + label,
.attendance_list [type="checkbox"]:checked + label{
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.attendance_list [type="checkbox"]:not(:checked) + label:before,
.attendance_list [type="checkbox"]:checked + label:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border: 2px solid #e5669a;
	background: #fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	border-radius: 18px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.attendance_list [type="checkbox"]:not(:checked) + label:after,
.attendance_list [type="checkbox"]:checked + label:after{
  content: '\2713\0020';
  position: absolute;
  top: .15em;
  left: .22em;
  font-size: 2.3em;
  line-height: 0.8;
  color: #e5669a;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
.attendance_list [type="checkbox"]:not(:checked) + label:after{
  opacity: 0;
  transform: scale(0);
}
.attendance_list [type="checkbox"]:checked + label:after{
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.attendance_list [type="checkbox"]:disabled:not(:checked) + label:before,
.attendance_list [type="checkbox"]:disabled:checked + label:before{
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.attendance_list [type="checkbox"]:disabled:checked + label:after{
  color: #999;
}
.attendance_list [type="checkbox"]:disabled + label{
  color: #aaa;
}
.attendance_list .attendance_wrap .cast_img{
	float: left;
}
.attendance_list .attendance_wrap .cast_img img{
	margin: 3px 0 0 0;
	padding: 3px 0 0 0;
	max-width: 78px;
	max-height: 104px;
}
.attendance_list .attendance_wrap .cast_detail{
	float: right;
	width: 144px;
}
.attendance_list .attendance_wrap .cast_detail .cast_name{
	color: #e5669a;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.attendance_list .attendance_wrap .cast_detail .attendance_time{
}
.attendance_list .attendance_wrap .cast_detail .attendance_time .selectbox_07{
	display: inline-block;
	vertical-align: middle;
	width: 60px!important;
	height: 30px!important;
}
.attendance_list .attendance_wrap .cast_detail .attendance_time .selectbox_07::before{
	position: absolute;
	top: 0.9em;
	right: 0.3em;
}
.attendance_list .attendance_wrap .cast_detail .attendance_time .selectbox_07 select{
	padding: 6px 0 0 5px;
}
.attendance_list .attendance_wrap .cast_detail .attendance_time p{
	display: inline-block;
	vertical-align: middle;
}

.attendance_list .attendance_wrap .cast_undecided{
	margin: 8px 0 0 0;
}
.attendance_list .attendance_wrap .cast_undecided .attendance_info{
	display: inline-block;
	vertical-align: middle;
}
.attendance_list .attendance_wrap .cast_undecided .attendance_info .select_item{
	float: left;
	margin: 0 0 0 0;
}
.attendance_list .attendance_wrap .cast_undecided .attendance_info .select_item:first-child{
	margin: 0 4px 0 0;
}
.attendance_info{
	display: inline-block;
	vertical-align: middle;
}
.undecided_check{
	opacity: inherit!important;
}
.undecided_check:not(:checked),
.undecided_check:checked{
	position: inherit;
	left: inherit;
	display: none;
}
.undecided_check:checked + .undecided_button{
	background-color: #29abe2;
	color: #fff;
}

.undecided_check:not(:checked) + .undecided_button:before,
.undecided_check:checked + .undecided_button:before{
	display: none;
}
.undecided_button{
	width: 100px;
	letter-spacing: normal;
	font-size: 13px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	color: #c;
	background-color: #fff;
	border: 1px solid #29abe2;
	padding: 11px 4px;
	margin: 0 3px 0 0;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #29abe2;
	padding:11px 0!important;
}
.attendance_list_check{
	width: 60px!important;
	height: 30px!important;
	padding: 6px 0!important;
}
.undecided_check:checked + .undecided_button:before,
.undecided_check:checked + .undecided_button:after{
	display: none;
}











.attendance_item{
	text-align: left;
}

.attendance_date{
}
.attendance_date a{
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}
.attendance_date a img{
	width: 20px;
}
.attendance_date p{
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
}
.attendance_date span{
	font-size: 16px;
}
.plans{
	display: inline-block;
	text-align: right;
	margin: 8px 0 0 0;
	border-bottom: 1px solid #666666;
}
.plans p{
	background: url(../img/button_arrow_gray.png) no-repeat 105px 6px;
	width: 110px;
	text-align: left;
}
.update{
	margin: 24px 5px 16px 5px;
	padding: 4px 6px;
	min-width: 155px;
	height: 30px;
	color: #ffffff;
	background-color: #f184ac;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.update p{
	background: url(../img/button_arrow.png) no-repeat 137px 4px;
}


/* 出勤キャスト  START */
.attendance_detail{
	padding: 0 0 40px 0;
	margin: 0 auto;
}
.attendance_detail .attendance_detail_cast{
	width: 126px;
	display: inline-block;
	vertical-align: top;
}
.attendance_detail .attendance_detail_cast .attendance_detail_cast_img{
	position: relative;
	width: 126px;
	height: 168px;
	margin: 4px 16px 4px 0;
	background-color: #f0f0f0;
}
.attendance_detail .attendance_detail_cast .attendance_detail_cast_img img{
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 126px;
	max-height: 168px;
}
.attendance_detail .attendance_detail_cast p{
	color: #e5669a;
	text-align: left;
}
.attendance_detail [type="checkbox"]:not(:checked),
.attendance_detail [type="checkbox"]:checked{
  position: absolute;
  left: -9999px;
}
.attendance_detail [type="checkbox"]:not(:checked) + label,
.attendance_detail [type="checkbox"]:checked + label{
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.attendance_detail [type="checkbox"]:not(:checked) + label:before,
.attendance_detail [type="checkbox"]:checked + label:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border: 2px solid #e5669a;
	background: #fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	border-radius: 18px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.attendance_detail [type="checkbox"]:not(:checked) + label:after,
.attendance_detail [type="checkbox"]:checked + label:after{
  content: '\2713\0020';
  position: absolute;
  top: .15em;
  left: .22em;
  font-size: 2.3em;
  line-height: 0.8;
  color: #e5669a;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
.attendance_detail [type="checkbox"]:not(:checked) + label:after{
  opacity: 0;
  transform: scale(0);
}
.attendance_detail [type="checkbox"]:checked + label:after{
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.attendance_detail [type="checkbox"]:disabled:not(:checked) + label:before,
.attendance_detail [type="checkbox"]:disabled:checked + label:before{
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.attendance_detail [type="checkbox"]:disabled:checked + label:after{
  color: #999;
}
.attendance_detail [type="checkbox"]:disabled + label{
  color: #aaa;
}

.attendance_date_wrap{
	display: inline-block;
	vertical-align: top;
	overflow-x: scroll;
	white-space: nowrap;
	text-align: left;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.attendance_date_wrap::-webkit-scrollbar{  /* Chrome, Safari 対応 */
	display:none;
}

.attendance_date_item{
	width: 100%;
	padding: 8px 0 8px 32px;
	margin: 0 0 0 32px;
	position: relative;
	border-bottom: 1px solid #cccccc;
	text-align: left;
}

.check_date{
	position: absolute;
	left: 0;
	top: 13px;
}



.attendance_day{
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
}
.attendance_day .attendance_year{
	font-size: 13px;
}
.attendance_day .attendance_week{
	font-size: 14px;
}
.selectbox_08{
	display: inline-block;
	vertical-align: middle;
	width: 150px;
}
.attendance_time_list{
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.attendance_time_list::-webkit-scrollbar{  /* Chrome, Safari 対応 */
	display:none;
}
.attendance_time_list .selectbox_09{
	display: inline-block;
	vertical-align: middle;
}
.attendance_time_list p{
	display: inline-block;
	vertical-align: middle;
}
.castdetail_undecided{
	display: inline-block;
	vertical-align: middle;
}
.select_menu{
	display: inline-block;
	vertical-align: middle;
}
.attendance_date_wrap .attendance_date_inner{
	clear: both;
	margin: 0;
	width: 100%;
	min-width: 640px;
	white-space: nowrap;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.attendance_date_wrap .attendance_date_inner::-webkit-scrollbar{
	display:none;
}

.attendance_date_item .attendance_info label{
	width: 90px;
}
.button_area{
}
.syetem_wrap{
	display: block;
	clear: both;
}











/* ===== 768px以下 ===== */
@media(max-width: 768px){
	.sp_search{
		min-width: 60px!important;
	}
	.attendance_detail{
		padding: 0 0 40px 0;
		width: 100%;
		margin: 0 auto;
	}
	.attendance_list .attendance_wrap{
		margin: 0 0 24px 0;
		display: inline-block;
		width: 147px;
		padding: 8px;
		border: 1px solid #cccccc;
		-webkit-border-radius: 5px;/* for Safari and Chrome */
		-moz-border-radius: 5px; /* for Firefox */
		-o-border-radius: 5px; /* for opera */
		border-radius: 5px;
		position: relative;
	}
	.attendance_list .attendance_wrap .cast_img{
		float: none;
	}

	.attendance_list .attendance_wrap .cast_detail{
		float: none;
		width: 130px;
	}
	.attendance_list .attendance_wrap .cast_detail .attendance_time .selectbox_07{
		display: inline-block;
		vertical-align: middle;
		width: 53px!important;
		height: 30px!important;
	}
	.attendance_info label{
		width: 66px;
		letter-spacing: normal;
		font-size: 13px;
		height: 40px;
		text-align: center;
		cursor: pointer;
		color: #29abe2;
		background-color: #fff;
		border: 1px solid #29abe2;
		padding: 6px 4px;
		margin: 0 0;
		display: inline-block;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
	}
	.attendance_detail .attendance_detail_cast{
		width: 126px;
		float: none;
		margin: 0 auto;
	}
	.attendance_date_wrap{
		float: none;
		width: auto;
		overflow-x: scroll;
		clear: both;
		display: block;
	}
	.attendance_date_wrap .attendance_date_inner{
		clear: both;
		margin: 0;
		width: 100%;
		min-width: 660px;
	}
	.attendance_date_item{
		width: 100%;
		padding: 8px 0 8px 32px;
		margin: 0 0 0 0;
		position: relative;
		border-bottom: 1px solid #cccccc;
		text-align: left;
	}

}



/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ イベント ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.implementation_date{
	margin: 16px 0;
}
.implementation_month{
	color: #f2b3c4;
	border-left: 2px solid #f2b3c4;
	padding: 0 0 0 6px;
	margin: 0 16px 8px 0;
}
.implementation_date_select input[type="checkbox"]{
	display: none;
}
.implementation_date_select label {
	width: auto;
	letter-spacing: normal;
	font-size: 13px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	color: #f26d85;
	background-color: #fff;
	border: 1px solid #f26d85;
	padding: 6px 4px;
	margin: 0 0;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.implementation_date_select input[type="checkbox"]:checked + label {
	color: #FFF;
	background-color: #f166a6;
}
.implementation_date_select .implementation_date_item{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin: 0 0 4px 0;
}
.report{
	display: inline-block;
	vertical-align: middle;
}
.increase_button{
	display: inline-block;
	vertical-align: middle;
}
.increase_button a{
	display: block;
	background-color: #f184ac;
	padding: 4px 8px;
	color: #fff;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
	-moz-border-radius: 5px; /* for Firefox */
	-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
}
.increase_button_minus{
	background-color: #29abe2!important;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ ブログ ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.shopname{
	margin: 16px 8px 0 0;
	float: left;
	text-align: left;
}
.castname{
	margin: 16px 0 0 0;
	float: left;
}
/* ブログ登録  START */
.blogregister_form{
	width: 100%;
}
.blogregister_form tr{
	border-top: 1px solid #cccccc;
}
.blogregister_form tr:last-child{
	border-bottom: 1px solid #cccccc;
}
.blogregister_form tr th{
	width: 35%;
	background: #F6F6F6;
	text-align: left;
	vertical-align: top;
	padding: 17px 0 17px 12px;
}
.blogregister_form tr th span{
	margin-left: 10px;
	background-color: #EE3523;
	padding: 3px 8px;
	color: #fff;
	font-size: 10px;
	margin: 0px 0px 0px 10px;
	line-height: 9px;
	border-radius: 3px;
	vertical-align: middle;
}
.blogregister_form tr td{
	width: 100%;
	background: #fff;
	text-align: left;
	padding: 10px 15px;
}
.blog_text_box{
	width: 100%;
	height: 200px;
	padding: 10px 0 10px 10px;
	border: 1px solid #cccccc;
	font-size: 15px;
	min-height: 200px;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.movie_name{
	margin: 0 0 0 0;
}
.movie_name .file_name{
	color: #f2b3c4;
	border-left: 2px solid #f2b3c4;
	padding: 0 0 0 6px;
	margin: 0 16px 0 0;
}
.movie_name p{
	display: inline-block;
	vertical-align: middle;
}
.video_wrap{
	margin: 0 0 16px 0;
}
.video_wrap .video_date{
	width: 300px;
}
.video_wrap video{
	width: 100%;
}
.thumbnail_message{
	margin: 0 0 8px 0;
	color: #30cdf0;
	clear: both;
}
.blog_img{
	position: relative;
	width: 100px;
	height: 100px;
	float: left;
	margin: 4px 16px 4px 0;
	background-color: #f0f0f0;
}
.blog_img img{
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100px;
	max-height: 100px;
}
.blog_img img.cover{
	width: 100px;
	height: 100px;
	object-fit: cover;
}
.blog_img p{
	position: absolute;
	top: -8px;
	right: -8px;
}
.blog_img p .img_delete_button{
	margin: 0 0 12px 0;
	width: 25px;
	height: 25px;
	color: #f9f9f9;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #b3b3b3;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 15px;/* for Safari and Chrome */
	-moz-border-radius: 15px; /* for Firefox */
	-o-border-radius: 15px; /* for opera */
	border-radius: 15px;
	cursor: pointer;
}
.blog_img .movie{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	background-color: transparent
}
.blog_img .movie img{
	width: 100%;
	background-color: transparent
}
.blog_img_button{
	position: relative;
	width: 100px;
	height: 100px;
}
.blog_img_button img{
	width: 100%;
}
input[type="file"]{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	cursor: pointer;
	opacity: 0;
	display: block;
	-ms-filter: "alpha(opacity=0)";
}
.moviedelete_button{
	position: relative;
	margin: 0 0 0 16px;
	color: #cccccc;
	font-size: 12px;
	border: none;
	display: inline-block;
	vertical-align: middle;
	padding: 2px 8px;
	text-align: center;
	background-color: inherit;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-color: #cccccc;
	color: #fff;
}

/* サムネイル選択 */
.movie_thumbnail{
}
.movie_thumbnail .thumbnail_wrap{
	position: relative;
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 10px 10px 0;
}
.movie_thumbnail .thumbnail_wrap:last-child{
	margin: 0 0 0 0;
}
.movie_thumbnail .thumbnail_wrap .thumbnail_img{
	position: relative;
	width: 100px;
	height: 100px;
	background-color: #000000;
}
.movie_thumbnail .thumbnail_wrap .thumbnail_img img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100px;
	max-height: 100px;
}

.check_thumbnail{
	position: absolute;
	top: -4px;
	right: -10px;
}
.check_thumbnail .option-input {
	position: relative;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	margin-right: 0.5rem;
	cursor: pointer;
	transition: all 0.15s ease-out 0s;
	color: #ffffff;
	border: none;
	outline: none;
	background: #fff;
	border: 1px solid #e5669a;
	-webkit-appearance: none;
	appearance: none;
}
.check_thumbnail .option-input:hover {
	background: #fff;
}
.check_thumbnail .option-input:checked {
	background: #fff;
}
.check_thumbnail .option-input:checked::before {
	position: absolute;
	width: 30px;
	height: 30px;
	content: '';
	display: inline-block;
	background-image: url(../img/check.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.check_thumbnail .option-input.radio {
	border-radius: 50%;
}
.check_thumbnail .option-input.radio::after {
	border-radius: 50%;
}
.check_thumbnail label {
	line-height: 40px;
	display: block;
}
.choice{
	min-width: 240px;
	-moz-border-radius: 3px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	height: 40px;
	padding: 10px 8px 0 8px;
	text-align: left;
}
.check{
	/*padding: 0 0 20px 0;*/
}
.check li{
	float: left;
	margin: 0px 18px 0px 0;
}
.check li label{
	display: inline-block;
	vertical-align: middle;
}
.select_time{
	margin: 0 0 0 0;
	display: inline-block;
}
.registereddate{
	width: 300px;
	margin: 24px auto 0 auto;
	padding: 8px 0;
	font-size: 15px;
	border: 1px solid #f2b3c4;
}
.registereddate .register_time{
	text-align: center;
}
.registereddate .register_time p{
	display: inline-block;
	vertical-align: middle;
}
.registereddate .register_time .title{
}
/* ブログ登録  END */

/* ===== 768px以下 ===== */
@media(max-width: 768px){
	.shopname{
		margin: 8px 0 0 0;
		float: none;
	}
	.castname{
		margin: 8px 0 8px 0;
		float: none;
	}
	/* ブログ登録  START */
	.blogregister_form tr th{
		display: block;
		width: 100%;
		background: #F6F6F6;
		text-align: left;
		vertical-align: top;
		padding: 10px 0 10px 12px;
	}
	.blogregister_form tr th span{
		margin-left: 10px;
		background-color: #EE3523;
		padding: 3px 8px;
		color: #fff;
		font-size: 10px;
		margin: 0px 0px 0px 10px;
		line-height: 9px;
		border-radius: 3px;
		vertical-align: middle;
	}
	.blogregister_form tr td{
		display: block;
		width: 100%;
		text-align: left;
		padding: 10px 0;
		background: #fff;
		min-height: 43px;
	}

	.movie_name{
		margin: 0 0 8px 0;
	}
	.movie_name .file_name{
		color: #f2b3c4;
		border-left: 2px solid #f2b3c4;
		padding: 0 0 0 6px;
		margin: 0 6px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.movie_name p{
/*		display: block; */
/*		vertical-align: middle; */
		margin: 0 0 0 0;
	}
	.moviedelete_button{
		position: relative;
/*		margin: 8px 0 0 0; */
		color: #cccccc;
		font-size: 12px;
		border: none;
/*		display: block; */
		vertical-align: middle;
		padding: 2px 8px;
		text-align: center;
		background-color: inherit;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		background-color: #cccccc;
		color: #fff;
	}

	.blog_img{
		position: relative;
		width: 80px;
		height: 80px;
		float: left;
		margin: 4px 16px 4px 0;
	}
	.blog_img img{
		background: #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		max-width: 80px;
		max-height: 80px;
	}
	.blog_img img.cover{
		width: 80px;
		height: 80px;
		object-fit: cover;
	}
	.blog_img p{
		position: absolute;
		top: 0;
		right: 0;
	}
	.img_delete_button{
		margin: 0 0 12px 0;
		width: 25px;
		height: 25px;
		color: #f9f9f9;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		background-color: #b3b3b3;
		border: 1px solid #b3b3b3;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-o-border-radius: 15px;
		border-radius: 15px;
		cursor: pointer;
	}
	.blog_img_button{
		position: relative;
		width: 80px;
		height: 80px;
	}
	.blog_img_button img{
		width: 100%;
	}
	input[type="blog_file"]{
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
		height: 80px;
		cursor: pointer;
		opacity: 0;
		display: block;
		-ms-filter: "alpha(opacity=0)";
	}

	/* サムネイル選択 */
	.movie_thumbnail .thumbnail_wrap{
		position: relative;
		width: 19%;
		height: auto;
		margin: 0 1.25% 10px 0;
	}

	.movie_thumbnail .thumbnail_wrap:last-child{
		margin: 0 0 10px 0;
	}

	.movie_thumbnail .thumbnail_wrap .thumbnail_img{
		width: 100%;
		height: auto;
	}
	.movie_thumbnail .thumbnail_wrap .thumbnail_img:before {
		content:"";
		display: block;
		padding-top: 100%;
	}
	.movie_thumbnail .thumbnail_wrap .thumbnail_img img{
		max-width: 100%;
		max-height: 100%;
	}
	.select_time{
		margin: 8px 0 0 0;
		display: block;
	}
	/* ブログ登録  END */
}



/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ 特集 ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

.specialfeature_shopname{
	margin: 8px 0 8px 0!important;
}
.specialfeature_heading{
	margin: 0 0 8px 0!important;
}
.specialfeature_text{
	width: 100%;
	height: 200px;
	padding: 10px 0 0 8px;
	margin: 0 0 8px 0;
	border: 1px solid #cccccc;
	min-height: 200px;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ 広告画像 ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.inventory{
	margin: 16px 8px 0 0;
	float: left;
}
.inventory input{
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius: 4px;
	height: 40px;
	min-width: 290px;
	margin: 0 8px 0 0;
}

.invisible{
	display: none;
}
#radio1{
	margin: 0 4px 5px 0;
}
#radio2{
	margin: 0 4px 5px 8px;
}

/* ===== 768px以下 ===== */
@media(max-width: 768px){
	.inventory{
		margin: 0 8px 0 0;
		float: left;
	}
	.inventory input{
		border: 1px solid #cccccc;
		-webkit-border-radius: 4px;/* for Safari and Chrome */
		-moz-border-radius: 4px; /* for Firefox */
		-o-border-radius: 4px; /* for opera */
		border-radius: 4px;
		height: 40px;
		min-width: 290px;
		margin: 0 8px 0 0;
	}
}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ トップページスライド画像 ---------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.slide_img{
	text-align: left;
	margin: 0 10px;
}
.slide_img img{
	margin: 3px 0 0 0;
	padding: 3px 0 0 0;
	max-width: 100%;
	max-height: 80px;
}
.slide_title{
	display: inherit;
	font-size: 13px;
}
.select_date{
	display: inline-block;
}
.period_block{
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	margin: 0 0 8px 0;
}
.note{
	font-size: 13px;
	color: #30cdf0;
}
/* ファイル参照ボタン  START */
.file_button{
	position: relative;
	margin: 0px 20px 0 0;
	width: 140px;
	height: 30px;
	text-align: center;
	border: 1px solid #999999;
	font-size: 13px;
	color: #999999;
	padding: 6px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.moviefile_button{
	position: relative;
	width: 140px;
	height: 30px;
	text-align: center;
	border: 1px solid #999999;
	font-size: 13px;
	color: #999999;
	padding: 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;

}
input[type="file"]{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}
/* ファイル参照ボタン  END */
/* ファイル参照画像表示 START */
.image_edit{
	position: relative;
	width: 182px;
	height: 122px;
	margin: 4px 16px 4px 0;
/*	background-color: #f0f0f0; */
	border: 1px solid #b0b0b0;

}
.image_edit img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 162px;
	max-height: 108px;
	background: #fff;
}
.image_edit p{
	position: absolute;
	top: -8px;
	right: -8px;
}
.image_noframe_edit {
	position: relative;
	width: 182px;
	margin: 4px 16px 4px 0;
}
.image_noframe_edit img{
	max-width: 182px;
}
.image_noframe_edit p{
	position: absolute;
	top: -8px;
	right: -8px;
}
.img_delete_button{
	margin: 0 0 12px 0;
	width: 25px;
	height: 25px;
	color: #f9f9f9;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #b3b3b3;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	cursor: pointer;
}
/* ファイル参照画像表示  END */
/* ===== 768px以下 ===== */
@media(max-width: 768px) {
	/* ファイル参照画像表示 START */
	.image_edit{
/*		margin: 4px 0; */
	}
	.period_block{
		display: inline-block;
		vertical-align: middle;
		line-height: 0;
		margin: 0 0 8px 0;
		font-size: 13px;
	}
	/* ファイル参照画像表示 START */
}

.float_left {
	float: left;
}
.float_right {
	float: left;
}
.float_margin {
	margin: 1px 58px 0 0;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------ システム設定ページ ----------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
.small_text{
	width: 50%!important;
}







.asc:after {
	content: "▲";
}

.desc:after {
	content: "▼";
}

input.error, 
textarea.error {
/*	font-weight: bold; */
	background-color: #f8c9c4;
	border: 1px solid #a94442;
}
p.error {
	padding: 5px 0 0 0;
	color: #a94442;
	font-weight: bold;
	clear: both;
}
p.annotation {
	padding: 5px 0 0 0;
	color: #005FFF;
	font-weight: bold;
	clear: both;
}
.choice_error {
	background-color: #f8c9c4;
	border: 1px solid #a94442;
}

input[type="date"],
input[type="month"] {
	position: relative;
	margin: 1px 0;
	padding: 0 0 0 8px;
	height: 38px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius: 4px;
	vertical-align: middle;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator {
/*
	position: absolute;
	width: 100%;
	height: 100%;
*/
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator {
/*	opacity: 0; */
}
input[type="date"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button {
/*	-webkit-appearance: none; */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance:textfield;
}

img {
	vertical-align: middle;
}






#cast {
	font-size: 0;
	width: calc(100% + 10px;);
	max-width: 2068px;
	text-align: left;
	margin: 20px 0 0 -10px;
}
#cast > li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0px 10px 10px;
	width: 145px;
/*	height: 270px; */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	border: 1px solid #adadad;
	cursor: pointer;
}
#cast > li.empty {
	margin: 0 0 0 10px;
	width: 145px;
	height: 0;
	border: none;
}
#cast > li > .name {
	margin: 2px 16px 0 16px;
	height: 20px;
	color: #f184ac;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
#cast > li > .count {
	margin: 3px 16px 0 16px;
	height: 18px;
	font-size: 13px;
	text-align: left;
	white-space: nowrap;
}
#cast > li > .count > span {
	display: inline-block;
	margin: 0 7px 0 0;
	width: 62px;
	color: #ffffff;
	font-size: 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ff45d6;
	text-align: center;

}
#cast > li > .count > span.access {
	background: #d26cff;
}
#cast > li > .icon {
	margin: 6px 16px 16px 16px;
	height: 30px;
	font-size: 0;
}
#cast > li > .icon:after {
	content: " ";
	display: block;
	clear: both;
}
#cast > li > .icon > li {
	float: left;
	width: 30px;
	height: 30px;
}
#cast > li > .icon > li.disp {
	margin: 0 10px;
}
#cast > li > .icon > li img {
	height: 30px;
}

#cast > li .image {
	position: relative;
	margin: 16px 0 0 16px;
	width: 111px;
	height: 148px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}
#cast > li .image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 111px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	pointer-events: none;
}

#sort {
	font-size: 0;
	width: calc(100% + 10px;);
	max-width: 2068px;
	text-align: center;
	margin: 0 0 0 -10px;
}
#sort > li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0px 10px 10px;
	width: 93px;
	height: 135px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
#sort > li.normal {
	border: 1px solid #adadad;
}
#sort > li.sort {
	border: 1px solid #00a0e9;
}
#sort > li.empty {
	margin: 0 0 0 10px;
	width: 93px;
	height: 0;
	border: none;
}
#sort > li > .name {
	margin: 2px 8px 0 8px;
	height: 20px;
	color: #f184ac;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
#sort > li > .image {
	position: relative;
	margin: 8px 0 0 8px;
	width: 75px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}
#sort > li > .image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 75px;
/*	max-height: 100px; */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	pointer-events: none;
}

#blog {
	font-size: 0;
	width: calc(100% + 10px;);
	max-width: 2068px;
	text-align: left;
	margin: 20px 0 0 -10px;
}
#blog > li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0 10px 10px;
	padding: 16px 0;
	width: 145px;
/*	height: 270px; */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
#blog > li {
	border: 1px solid #adadad;
}
#blog > li.empty {
	margin: 0 0 0 10px;
	padding: 0;
	width: 145px;
	height: 0;
	border: none;
}
#blog > li > .name {
	margin: 0 16px 3px 16px;
	height: 20px;
	color: #f184ac;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
#blog > li > .title {
	margin: 2px 16px 0 16px;
	height: 20px;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
#blog > li > .date {
	margin: 2px 0 0px 16px;
	width: 129px;
}
#blog > li > .date:after {
	content: " ";
	display: block;
	clear: both;
}
#blog > li > .date p {
	float: left;
	width: 89px;
	height: 15px;
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
}
#blog > li > .date p.bar {
	float: left;
	width: 40px;
}
#blog > li > .icon {
	margin: 8px 16px 0px 16px;
	height: 30px;
	font-size: 0;
}
#blog > li > .icon:after {
	content: " ";
	display: block;
	clear: both;
}
#blog > li > .icon > li {
	float: left;
	margin: 0 5px 0 0;
	width: 30px;
	height: 30px;
}
#blog > li > .icon > li img {
	height: 30px;
}
#blog > li .image {
	margin: 0 0 0 16px;
	width: 111px;
	height: 111px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}
#blog > li .image img {
	width: 111px;
	height: 111px;
	object-fit: cover;
}

#event {
	font-size: 0;
	width: calc(100% + 10px;);
	max-width: 2068px;
	text-align: left;
	margin: 20px 0 0 -10px;
}
#event > li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0 10px 10px;
	padding: 16px 0;
	width: 300px;
/*	height: 270px; */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
#event > li {
	border: 1px solid #adadad;
}
#event > li.empty {
	margin: 0 0 0 10px;
	padding: 0;
	width: 300px;
	height: 0;
	border: none;
}
#event > li > .right {
	float: right;
	margin: 0 16px 0 0;
	width: 132px;
}
#event > li > .right > .title {
	margin: 2px 0 0 0;
	height: 20px;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
#event > li > .right > .date {
	text-align: left;
}
#event > li > .right > .date p {
	margin: 3px 0 0 0;
	height: 16px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
}
#event > li > .right > .date p.bar {
	color: #fff;
	background: #f184ac;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-align: center;
}
#event > li > .right .icon {
	margin: 5px 0 0 0;
	height: 30px;
	text-align: left;
}
#event > li > .right .icon img {
	float: left;
	margin: 0 5px 0 0;
	height: 30px;
}
#event > li > .image {
	float: left;
	position: relative;
	margin: 0 0 0 16px;
	width: 124px;
	height: 96px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}
#event > li > .image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 124px;
	max-height: 96px;
}

@media(max-width: 768px) {
	#cast,
	#sort,
	#blog,
	#event {
		text-align: center;
	}
}

#loading {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#loading .loadingMsg {
	display: table-cell;
	padding-top: 140px;
	text-align: center;
	vertical-align: middle;
	background: url("../img/load.gif") center center no-repeat;
}

.calendar_box {
	width: 49%;
}
.calendar_left {
	float: left;
}
.calendar_right {
	float: right;
}
.calendar_box .calendar_date {
	padding: 3px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #f2b3c4;
}

.calendar_box .calendar .week {
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 14.28%;
	color: #4d4d4d;
	font-size: 13px;
	text-align: center;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background-color: #f0effb;
}
.calendar_box .calendar .week:first-child {
	border-left: 1px solid #c5c5c5;
}
.saturday {
	color: #333333!important;
}
.sunday {
	color: #ff0000!important;
}
.calendar_box .calendar .day {
	float: left;
	position: relative;
	margin: 0;
	padding-top: 14.28%;
	width: 14.28%;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	border-left: none;
}
.calendar_box .calendar .day:first-child {
	border-left: 1px solid #c5c5c5;
}
.calendar_box .calendar .day input {
	display: none;
}
.calendar_box .calendar .day label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.calendar_box .calendar .day label span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	text-align: center;
}
.calendar_box .calendar .day input[type="checkbox"]:checked + label {
	background-color: #f2b3c4;
}
/* */
/* メニュー */
/* */
.wrapper .menu {
	margin: 0 auto 40px auto;
/*	width: 618px; */
	width: 600px;
}
@media(min-width: 320px){
	.wrapper .menu {
		width: 300px;
	}
}
@media(min-width: 420px){
	.wrapper .menu {
		width: 400px;
	}
}
@media(min-width: 520px){
	.wrapper .menu {
		width: 500px;
	}
}
@media(min-width: 620px){
	.wrapper .menu {
		width: 600px;
	}
}
@media(max-width: 768px){
	.wrapper .cast {
		width: 205px;
		padding: 0 0 0 5px;
	}
}

.wrapper .menu p.title {
	font-size: 14px;
	font-weight: bold;
	color: #f184ac;
	padding: 10px 0 0 0;
	text-align: left;
}
.wrapper .menu ul {
	width: 100%;
	display: block !important;
	margin: 5px 0 0 -6px;
	font-size: 0;
/*	float: left; */
}
.wrapper .menu ul:after {
	content: " ";
	display: block;
	clear: both;
}
.wrapper .menu ul > li {
	width: 94px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 10px 6px;
	float: left;
	text-align: left;

}
.wrapper .menu ul > li img {
	width: 100%;
}
#main #open_and_close:checked ~ .contents > .fix > #menu_icon {
	right: 245px;
}
/* ===== 768px以下 ===== */
@media(max-width: 768px){
	#main #open_and_close:checked ~ .contents > .fix > #menu_icon {
		right: 70%;
	}
	#main #open_and_close:checked ~ .contents .header_logo a {
		width: 95px;
		display: none;
		margin: 6px 0 0 10px;
	}
}
/* */
/* ヘッダ … 戻るボタン */
/* */

/* ===== 768px以下 ===== */
.contents .fix .back_icon {
	display: none;
}
@media(max-width: 768px){
	.contents .fix .back_icon {
		width: 47px;
		position: absolute;
		top: 14px;
		left: 10px;
		display: block;
	}
	.contents .fix .back_icon a{
		display: block;
	}
	.contents .fix .back_icon img{
		width: 100%
	}
}

.selecter {
	cursor: pointer;
}

.analysis_total {
	margin: 20px 0 20px 0;
}
.analysis_total.shop {
	margin: 0 0 20px 0;
}
.analysis_total:after {
	content: " ";
	display: block;
	clear: both;
}
.analysis_total > div {
	float: left;
	width: calc(35% - 24px);
	margin: 0;
	padding: 5px 0;
	min-height: 31px;
	font-size: 13px;
	white-space: nowrap;
	border: 1px solid #a8a9ad;
}
.analysis_total > .column {
	margin: 0 4px 0 0;
/*	width: calc(30% - 25px); */
	width: calc(26% - 4px);
	color: #fff;
	background: #a8a9ad;
}
.analysis_total.shop > div {
	width: calc(65%);
}
.analysis_total.shop > .column {
	margin: 0 4px 0 0;
	width: calc(35% - 4px);
}
.analysis_total.access {
	margin: 0 0 5px 0;
}
.analysis_total.access > div {
	border: 1px solid #D3EDFB;
}
.analysis_total.access > .column {
	margin: 0;
	width: 35%;
	background: #D3EDFB;
	color: #333333;
}
.analysis_total.votes {
	margin: 0 0 15px 0;
}
.analysis_total.votes > div {
	border: 1px solid #F9D5E5;
}
.analysis_total.votes > .column {
	margin: 0;
	width: 35%;
	background: #F9D5E5;
	color: #333333;
}
.analysis_button {
	margin: 10px auto 20px auto;
	padding: 8px 6px;
	width: 280px;
	color: #ffffff;
	background-color: #f184ac;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	font-size: 13px;
}
.analysis {
	margin: 0 0 10px 0;
	max-width: 2068px;
	font-size: 0;
}
.analysis > li {
	margin: 0 0 4px 0;
}
.analysis > li:after {
	content: " ";
	display: block;
	clear: both;
}
.analysis > li > div {
	float: left;
	margin: 0;
	padding: 5px 0;
	min-height: 31px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	border: 1px solid #a8a9ad;
}
.analysis > li > div:nth-child(1) {
	margin: 0 4px 0 0;
	width: calc(26% - 4px);
}
.analysis > li > div:nth-child(2) {
	margin: 0 4px 0 0;
	width: calc(28% - 4px);
}
.analysis > li > div:nth-child(3) {
	margin: 0 4px 0 0;
	width: calc(28% - 4px);
}
.analysis > li > div:nth-child(4) {
	width: calc(18%);
}
.analysis.shop > li > div:nth-child(1) {
	margin: 0 4px 0 0;
	width: calc(35% - 4px);
}
.analysis.shop > li > div:nth-child(2) {
	margin: 0 4px 0 0;
	width: calc(45% - 4px);
}
.analysis.shop > li > div:nth-child(3) {
	margin: 0 0 0 0;
	width: calc(20%);
}
.analysis > li.column > div {
	color: #fff;
	background: #a8a9ad;
}
.analysis_title {
	margin: 10px 0 5px 0;
	text-align: left;
}
.analysis_date {
	margin: 0 0 10px 0;
	max-width: 2068px;
	font-size: 0;
	border-bottom: 1px solid #a8a9ad;
}
.analysis_date > li {
	margin: 0 0 0 0;
	border-top: 1px solid #a8a9ad;
	border-left: 1px solid #a8a9ad;
}
.analysis_date > li:after {
	content: " ";
	display: block;
	clear: both;
}
.analysis_date > li > div {
	float: left;
	margin: 0;
	padding: 5px 0;
	min-height: 31px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	border-right: 1px solid #a8a9ad;
}
.analysis_date > li > div:nth-child(1) {
	margin: 0 0 0 0;
	width: calc(30% - 0px);
	color: #333;
	background: #e6e7e9;
}
.analysis_date > li > div:nth-child(2) {
	width: calc(70%);
}
.analysis_date > li > div.blue {
	color: #00F;
}
.analysis_date > li > div.red {
	color: #F00;
}