@charset"UTF-8";

/*――――――――――――――――――――――――
	全体レイアウト
――――――――――――――――――――――――*/
header {
	margin: 0px auto 5px;
	width: 1000px;
}
section.breadcrumb {
	margin: 0px auto;
	width: 1000px;
}

main {
	margin: 0px auto;
	padding: 10px;
	width: 1000px;
	border: 1px solid #CCC;
	border-radius: 8px;
}

footer {
	margin: 5px auto 0px;
	width: 1000px;
}

section.panel {
	width: 100%;
}

/*――――――――――――――――――――――――
	共通スタイル
――――――――――――――――――――――――*/
/* 基本リスト */
ul.basic_list {
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	width: 100%;
}
ul.basic_list li {
	display: flex;
	border: 1px solid #CCC;
	border-width: 1px 0px 0px 1px;
	width: 100%;
}
ul.basic_list li.header {
	
}
ul.basic_list li.header p {
	background-color: #669;
	color: #FFF;
	font-size: 13px;
}
ul.basic_list li p {
	padding: 8px 5px;
	border: 1px solid #CCC;
	border-width: 0px 1px 0px 0px;
	font-size: 14px;
}
ul.basic_list li[data-status='status_0'] {
	background-color: #F3F3F3;
}

/* 基本フォーム */
table.basic_form {
	width: 100%;
}
table.basic_form th,
table.basic_form td {
	padding: 2px 0px;
}
table.basic_form th {
	width: 200px;
	padding-right: 10px;
	font-weight: normal;
	text-align: right;
	font-size: 14px;
	line-height: 2;
}
table.basic_form thead td {
	font-size: 14px;
	line-height: 1.8;
}
table.basic_form td {
	padding-right: 10px;
	line-height: 1.4;
}
table.basic_form td span {
	line-height: 1.8;
}
table.basic_form td em {
	font-size: 14px;
	color: #999;
}
table.basic_form input,
table.basic_form textarea {
	padding: 5px;
	width: 100%;
	font-size: 16px;
}
table.basic_form .notice {
	padding: 0px 5px;
	font-size: 12px;
	color: #EB2067;
}

/* フォームヒント */
table.basic_form .hint {
	margin-top: -3px;
	padding: 0px 0px 5px;
	font-size: 12px;
	color: #7373C3;
}

/* 基本項目リスト */
ul.basic_items {
	display: flex;
	flex-wrap: wrap;
}
ul.basic_items li {
	
}

/* 画像リスト */
ul.photo_list {
	display: flex;
	flex-wrap: wrap;
}
ul.photo_list li {
	margin: 0px 10px 10px;
}
ul.photo_list li img {
	width: 100%;
}

/* 選択パネル */
ul.select_panel {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #CCC;
	border-width: 1px 0px 0px 1px;
}
ul.select_panel li {
	padding: 10px;
	border: 1px solid #CCC;
	border-width: 0px 1px 1px 0px;
	text-align: center;
	cursor: pointer;
}
ul.select_panel li.status_1 {
	background-color: #89DE00;
	color: #FFF;
}
ul.select_panel li.status_0 {
	background-color: #F8F5FD;
	color: #4D5294;
}

/* ボタン */
span.btn {
	display: inline-block;
}
span.btn i {
	padding-right: 8px;
}

/* submitボタンスペース */
section.submit {
	margin-bottom: 10px;
	border-top: 2px solid #F8F4FE;
	padding: 20px 10px 0px;
	text-align: right;
}
section.submit span.btn {
	padding: 10px 15px;
	font-size: 20px;
	background-color: #89DE00;
	border-color: #89DE00;
}
section.submit span.btn:hover {
	color: #89DE00;
	background-color: #FFF;
}

/* 画像削除ボタン */
span.btn_photo_delete {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	padding: 3px 5px;
	background-color: #EB2067;
	color: #FFF;
	text-align: center;
	border-radius: 6px;
	cursor: pointer;
}

/* エラーメッセージ */
p.fatal_error {
	font-weight: bold;
	color: #F00;
	padding: 10px;
	font-size: 18px;
}

/* 汎用メッセージ */
p.no_entry {
	padding: 20px;
	text-align: center;
	color: #7E37D8;
	line-height: 2;
}

/* フォームエラーメッセージ */
form p.err_msg {
	color: #FD517D;
	font-size: 13px;
	font-weight: bold;
}
form input.error,
form select.error,
form textarea.error {
	border-color: #FD517D;
	background-color: #FAC8D9;
}

/* メッセージボックス */
div#msg_box {
	display: none;
	position: fixed;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 10;
	width: 90%;
	max-width: 600px;
	background-color: #FFF;
	box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, 0.1);
	border: 2px solid #FFCB26;
	border-radius: 10px;
	padding: 20px;
}
div#msg_box p.title {
	margin-bottom: 10px;
	border-bottom: 1px solid #F3F3F3;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #FFCB26;
}
div#msg_box p.body {
	font-size: 15px;
}
div#msg_box div.close_btn {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 30px;
}
div#msg_box div.close_btn span.btn {
	background-color: #FFF;
	border-color: #FFF;
	color: #7E37D8;
}
div#msg_box div.close_btn span.btn i {
	transition: 0.2s linear;
}
div#msg_box div.close_btn span.btn i:hover {
	color: #666;
}

/* モーダルボックス */
div.overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.7);
}
section.modal_box {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	border-radius: 10px;
	padding: 10px 20px;
	background-color: #FFF;
	width: 100%;
	max-width: 600px;
}
section.modal_box p.title {
	padding: 10px 0px;
	font-weight: bold;
}
section.modal_box dl.form {
	position: relative;
}
section.modal_box dl.form dt {
	
}
section.modal_box dl.form dd {
	
}

section.modal_box textarea {
	width: 100%;
}
section.modal_box div.close_btn {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
section.modal_box div.close_btn span.btn[data-type='close'] i {
	font-size: 30px;
	cursor: pointer;
}
section.modal_box div.close_btn span.btn[data-type='close'] i:hover {
	color: #A32D2B;
}
section.modal_box span.btn[data-type='submit'] {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 70px;
	width: 70px;
	border-radius: 35px;
	line-height: 45px;
	font-size: 30px;
	cursor: pointer;
	text-align: center;
}
section.modal_box span.btn[data-type='submit'] i {
	padding: 0px;
}

/* ファイルアップロード */
input[name='temp_file'] {
	display: none;
}

/*――――――――――――――――――――――――
	ヘッダ
――――――――――――――――――――――――*/
header {
	padding: 15px;
	background-color: #FFF;
	display: flex;
}
header p.title {
	width: 50%;
	font-size: 24px;
}
header p.title a {
	text-decoration: none;
	transition: 0.2s linear;
}
header p.title a:hover{
	color: #7E37D8;
}
header div.header_btn {
	padding: 5px 30px 5px 0px;
}
header div.header_btn a.btn {
	padding: 10px 14px;
}
header div.search {
	text-align: right;
}
header div.search input[type='text'] {
	padding: 5px 2px 5px;
	border-width: 1px 0px 1px 1px;
	border-color: #7E37D8;
	border-radius: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin: 0px;
	width: 240px;
	text-align: left;
}
header div.search span.btn {
	padding: 6px 20px 5px;
	border-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	vertical-align: middle;
}

/* パンくずリスト */
section.breadcrumb {
	margin-bottom: 0px;
}
section.breadcrumb ul {
	display: flex;
	padding: 5px;
	/* background-color: #F8F5FD;*/
	border-radius: 4px;
}
section.breadcrumb ul li {
	font-size: 14px;
}
section.breadcrumb ul li:not(:first-child)::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0px 5px;
	color: #4D507A;
}
section.breadcrumb ul li a {
	color: #4D507A;
	text-decoration-skip-ink: none;
}
section.breadcrumb ul li a:hover {
	color: #06B5DD;
}

/*――――――――――――――――――――――――
	フッタ
――――――――――――――――――――――――*/
footer {
	padding: 5px;
	background-color: #FFF;
	text-align: center;
}

/*―――――――――――――――――――
	管理TOP
―――――――――――――――――――*/


/*―――――――――――――――――――
	店舗共通
―――――――――――――――――――*/
/* 編集フォーム部品 */
main section.panel {
	position: relative;
	margin-bottom: 20px;
}
main section.panel > p.title {
	margin-bottom: 10px;
	padding: 20px 0px 15px 10px;
	border-bottom: 3px solid #F8F4FE;
	font-size: 24px;
}
main section.panel > p.title[data-status='status_0']:after {
	margin-left: 10px;
	padding: 5px 10px;
	content: "非掲載";
	background-color: #EB2067;
	color: #FFF;
	border-radius: 6px;
	font-size: 22px;
	font-weight: bold;
}
main section.panel > p.sub_title {
	padding: 10px 0px 5px 10px;
	font-size: 18px;
}
main section.panel > p.explanation {
	margin-bottom: 5px;
	padding: 0px 0px 10px 15px;
	font-size: 16px;
	color: #7373C3;
}
main section.panel > p.notice {
	margin-bottom: 5px;
	padding: 0px 0px 10px 15px;
	font-size: 16px;
	color: #EB2067;
}
main section.panel div.btn_area {
	position: absolute;
	top: 30px;
	right: 10px;
}
main section.panel div.btn_area .btn {
	margin-left: 10px;
	padding: 8px 15px;
}

/* 店舗ヘッダ */
section.shop_header {
	display: flex;
	margin: 5px 5px 10px;
	position: relative;
}
section.shop_header p.shop_title {
	font-size: 24px;
	font-weight: bold;
}
main.status_1 section.shop_header p.shop_title {
	color: #06B5DD;
}
main.status_0 section.shop_header p.shop_title {
	color: #FD517D;
}
section.shop_header p.status {
	margin-right: 10px;
	font-size: 18px;
	font-weight: bold;
	border: 2px solid #FFF;
	border-radius: 6px;
	padding: 2px 10px;
	color: #FFF;
}
main.status_1 section.shop_header p.status {
	background-color: #06B5DD;
	border-color: #06B5DD;
}
main.status_0 section.shop_header p.status {
	background-color: #FD517D;
	border-color: #FD517D;
}

section.shop_header ul.link_list {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: -5px;
	display: flex;
	align-item: right;
}
section.shop_header ul.link_list a.btn {
	margin-left: 5px;
	border: 1px solid #FFC717;
	background-color: #FFC717;
}
section.shop_header ul.link_list a.btn:hover{
	background-color: #FFF;
	color: #FFC717;
}
section.shop_header ul.link_list a.btn[data-type='sys_info'] {
	border: 1px solid #370870;
	background-color: #370870;
}
section.shop_header ul.link_list a.btn[data-type='sys_info']:hover{
	background-color: #FFF;
	color: #370870;
}
section.shop_header ul.link_list a.btn[data-type='contact'] {
	border: 1px solid #3977B0;
	background-color: #3977B0;
}
section.shop_header ul.link_list a.btn[data-type='contact']:hover{
	background-color: #FFF;
	color: #3977B0;
}

/* 店舗編集ナビゲーション */
nav.shop_tab {
	
}
nav.shop_tab ul {
	margin-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #CCC;
	border-width: 1px 0px 0px 1px;
}
nav.shop_tab ul li {
	margin: 0px;
	width: calc(100% / 9);
	border: 1px solid #CCC;
	border-width: 0px 1px 1px 0px;
}
nav.shop_tab ul li a {
	padding: 10px 0px;
	display: block;
	text-align: center;
	background-color: #F8F5FD;
	color: #333;
	transition: 0.2s linear;
	font-size: 15px;
	text-decoration: none;
}
nav.shop_tab ul li a:hover {
	background-color: #7E37D8;
	color: #FFF;
}

nav.shop_tab ul li.selection a {
	background-color: #7E37D8;
	color: #FFF;
}

/*―――――――――――――――――――
	店舗編集
―――――――――――――――――――*/
/* 店舗リスト */
ul#shop_list.basic_list li.header p {
	text-align: center;
}
ul#shop_list.basic_list .shop_id {
	width: 100px;
}
ul#shop_list.basic_list .last_login {
	width: 140px;
}
ul#shop_list.basic_list .last_login a {
	text-decoration: none;
	color: #333;
}
ul#shop_list.basic_list .last_login em {
	font-style: normal;
}
ul#shop_list.basic_list .last_login em.long {
	color: #F00;
}
ul#shop_list.basic_list .last_login em.mid {
	color: #7E37D8;
}
ul#shop_list.basic_list .last_login em.short {
	color: #333;
}
ul#shop_list.basic_list .entry,
ul#shop_list.basic_list .link {
	width: 70px;
}
ul#shop_list.basic_list .area {
	width: 150px;
}
ul#shop_list.basic_list .status {
	width: 70px;
}
ul#shop_list.basic_list .count {
	width: 50px;
}
ul#shop_list.basic_list .mail_count {
	width: 60px;
}
ul#shop_list.basic_list .domain_mail_enabled {
	color: #D00000 !important;
}
ul#shop_list.basic_list .shop_name {
	width: calc(100% - 680px);
}
ul#shop_list.basic_list li.body p {
	font-size: 13px;
	text-align: center;
}
ul#shop_list.basic_list li.body p.shop_id {
	font-weight: bold;
	font-size: 16px;
	color: #666699;
}
ul#shop_list.basic_list li.body p.shop_name {
	text-align: left;
	font-size: 13px;
}
ul#shop_list.basic_list li.body p.count {
	text-align: right;
	font-weight: bold;
}
ul#shop_list.basic_list li.body p.count[data-type='zero'] {
	color: #999;
	font-weight: normal;
}


/* 店舗編集フォーム */
table.basic_form input[name='tel'],
table.basic_form input[name='area_name'],
table.basic_form input[name='open'],
table.basic_form input[name='reserve'] {
	width: 150px;
}
table.basic_form input[name='twitter_id'],
table.basic_form input[name='instagram_id'],
table.basic_form input[name='line'] {
	width: 200px;
}
table.basic_form input[name='job_disp'],
table.basic_form input[name='area_disp'],
table.basic_form input[name='open_note'],
table.basic_form input[name='reserve_note'],
table.basic_form input[name='domain'],
table.basic_form input[name='directory'],
table.basic_form input[name='contact_forward_mail[]'] {
	width: 300px;
}
table.basic_form input[name='shop_name'],
table.basic_form input[name='shop_abbr_name'],
table.basic_form input[name='phonetic'],
table.basic_form input[name='gmap_api_key'] {
	width: 400px;
}
table.basic_form textarea[name='head_title'] {
	height: 2em;
}
table.basic_form textarea[name='description'] {
	height: 10em;
}
table.basic_form textarea[name='keywords'] {
	height: 3.5em;
}
table.basic_form textarea[name='concept'],
table.basic_form textarea[name='service'],
table.basic_form textarea[name='information'],
table.basic_form textarea[name='contact_explanation'] {
	height: 15em;
}

/* 店舗登録フォーム */
table.basic_form input[name='tel'] {
	width: 150px;
}
table.basic_form input[name='domain'],
table.basic_form input[name='directory'] {
	width: 300px;
}
table.basic_form input[name='shop_name'],
table.basic_form input[name='phonetic'] {
	width: 400px;
}


/*―――――――――――――――――――
	アクセス情報編集
―――――――――――――――――――*/
/* アクセス情報リスト */
ul#access_list {
	margin: 0px auto;
	width: calc(100% - 10px);
}
ul#access_list.basic_list .title {
	width: 300px;
}
ul#access_list.basic_list .comment {
	width: calc(100% - 390px);
}
ul#access_list.basic_list .del_btn {
	width: 90px;
	text-align: center;
}

/* アクセス編集 */
table.basic_form input[name='access_title'] {
	width: 200px;
}
table.basic_form textarea[name='access_comment'] {
	height: 15em;
}
table.basic_form textarea[name='access_notice'] {
	height: 5em;
}
table.basic_form input[name='postal_cd'] {
	width: 100px;
}

table.basic_form input[name='lat'],
table.basic_form input[name='lng'] {
	width: 120px;
}


/* 駅検索フォーム */
p.station_disp strong {
	font-weight: bold;
	color: #06BFE9;
}
section.modal_box[data-id='station'] {

}
section.modal_box[data-id='station'] p.current {
	margin-bottom: 5px;
	padding: 5px;
	background-color: #FFFBF0;
	font-size: 13px;
}
section.modal_box[data-id='station'] p.notice {
	padding: 10px;
	color: #EB2067;
}
section.modal_box[data-id='station'] ul.station_list {
	display: flex;
	flex-wrap: wrap;
}
section.modal_box[data-id='station'] ul.station_list li {
	border-radius: 8px;
	background-color: #8DE7FC;
	color: #024554;
	margin: 5px;
	padding: 10px 0px;
	width: calc(100% / 3 - 10px);
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	transition: 0.2s linear;
}
section.modal_box[data-id='station'] ul.station_list li span {
	font-size: 12px;
}
section.modal_box[data-id='station'] ul.station_list li:hover {
	background-color: #42D8FA;
}



/*―――――――――――――――――――
	システム、料金編集
―――――――――――――――――――*/
div.price_group {
	padding-bottom: 20px;
	border-bottom: 3px solid #F8F4FE;
	margin-bottom: 20px;
}
div.price_group p.group_title {
	margin-bottom: 10px;
	padding: 8px 0px 8px 10px;
	font-size: 16px;
	background-color: #669;
	color: #FFF;
}
div.price_group > dl {
	margin: 0px 0px 10px 5px;
	display: flex;
}
div.price_group > dl dt {
	width: 200px;
	font-weight: normal;
	padding-top: 4px;
	text-align: right;
	padding-right: 10px;
	font-size: 14px;
}
div.price_group > dl dd {
	width: 600px;
}
div.price_group > dl dd input,
div.price_group > dl dd textarea {
	width: 100%;
}
/* 料金グループ削除ボタン */
div.price_group div.del_btn {
	padding: 15px 5px 0px 5px;
}

div.price {
	
}
div.price > dl {
	display: flex;
}
div.price > dl dt,
div.price > dl dd  {
	margin: 0px 3px;
	font-size: 14px;
}
div.price > dl dt {
	font-weight: normal;
}
div.price > dl dd  {
}
div.price > dl dd input {
	width: calc(100% - 5px);
}

/* align */
div.price > dl .title,
div.price > dl .reason,
div.price > dl .comment {
	text-align: left;
}
div.price > dl .price {
	text-align: right;
}
div.price > dl dt.price {
	padding-right: 8px;
}


/* width */
div.price > dl .title {
	width: 200px;
}
div.price > dl .price {
	width: 100px;
}
div.price > dl .reason {
	width: 150px;
}
div.price > dl .comment {
	width: calc(100% - 200px - 100px - 150px);
}

/* その他システム設定 */
table#system_other textarea[name='terms'],
table#system_other textarea[name='cautions'],
table#system_other textarea[name='prohibition'],
table#system_other textarea[name='privacy_policy'] {
	height: 15em;
	font-size: 13px;
}

/* 料金グループ並び替え */
ul.price_group_order_list {
	margin: 0px auto;
	width: 100%;
	max-width: 600px;
}
ul.price_group_order_list li {
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 10px;
	background-color: #F8F5FD;
	cursor: pointer;
	transition: 0.2s linear background-color;
}
ul.price_group_order_list li:hover {
	background-color: #FFFBD6;
}

/*―――――――――――――――――――
	スタッフ編集
―――――――――――――――――――*/
/* スタッフリスト */
ul#staff_photo_list li {
	width: calc(100% / 5 - 20px);
	position: relative;
}

ul#staff_list {
	display: flex;
	height: auto;
}
ul#staff_list > li {
	margin: 0px 10px 10px;
	width: calc(100% / 5 - 20px);
	position: relative;
	background-color: #F3F3F3;
}
ul#staff_list > li img {
	width: 100%;
}
ul#staff_list > li[data-status='status_0'] {
	background-color: #CCC;
}
ul#staff_list > li[data-status='status_0']:after {
	content: "非掲載";
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 3px 5px;
	border-radius: 6px;
	background-color: #EB2067;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}

ul#staff_list > li p {
	text-align: center;
}
ul.staff_icon_list {
	display: flex;
	justify-content: center;
	width: 100%;
}
ul.staff_icon_list li {
	padding: 2px;
	width: calc(50% - 4px);
	max-width: 100px;
	margin: 0px;
}
ul.staff_icon_list li span.staff_icon {
	display: inline-block;
	padding: 3px;
	text-align: center;
	width: 100%;
}
ul.staff_icon_list li span.staff_icon[data-type='disabled'] {
	background-color: #FCDBE6;
	color: #2a0411;
	border: 1px solid #2a0411;
}
ul.staff_icon_list li span.staff_icon[data-type='newface'] {
	background-color: #ECFFCD;
	color: #162300;
	border: 1px solid #162300;
}
ul.staff_icon_list li span.staff_icon[data-type='pickup'] {
	background-color: #fff4d2;
	color: #281f00;
	border: 1px solid #281f00;
}

/* スタッフ編集 */
div.staff_attr {
	padding-left: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-start;
}
div.staff_attr ul.staff_icon_list {
	justify-content: flex-start;
}
table.basic_form input[name='staff_id'],
table.basic_form input[name='staff_name'],
table.basic_form input[name='staff_phonetic'],
table.basic_form input[name='staff_age'] {
	width: 200px;
}
table.basic_form textarea[name='staff_comment'] {
	height: 8em;
}
table.basic_form input[name='staff_size_height'] {
	width: 3em;
}
table.basic_form input[name='staff_size_cup'],
table.basic_form input[name='staff_size_bust'],
table.basic_form input[name='staff_size_waist'],
table.basic_form input[name='staff_size_hip'] {
	width: 2em;
}
table.basic_form input[name='staff_twitter_id'],
table.basic_form input[name='staff_instagram_id'] {
	width: 200px;
}

/* 出勤情報 */
ul.schedule_edit {
	border: 1px solid #CCC;
	border-width: 0px 0px 1px 0px;
}
ul.schedule_edit li {
	display: flex;
	border: 1px solid #CCC;
	border-width: 1px 1px 0px 0px;
}
ul.schedule_edit li.header {
	background-color: #ECECEC;
	font-size: 13px;
}
ul.schedule_edit li > div {
	padding: 8px;
	border: 1px solid #CCC;
	border-width: 0px 0px 0px 1px;
	text-align: center;
}
ul.schedule_edit li > div.date {
	width: 100px;
	background-color: #ECECEC;
	line-height: 2;
}
ul.schedule_edit li.Sat > div.date {
	background-color: #8DE7FC;
}
ul.schedule_edit li.Sun > div.date {
	background-color: #FFC2DA;
}

ul.schedule_edit li > div.time {
	width: 200px;
}
ul.schedule_edit li > div.replace_text {
	width: calc(100% - 700px);
	text-align: left;
}
ul.schedule_edit li > div.access_id {
	width: 200px;
	text-align: left;
}

/*―――――――――――――――――――
	新着情報
―――――――――――――――――――*/
/* 新着情報リスト */
ul#news_list.basic_list {
	margin: 0px auto;
	width: calc(100% - 10px);
}
ul#news_list.basic_list .title {
	width: 300px;
}
ul#news_list.basic_list .dt {
	width: 120px;
	text-align: center;
}
ul#news_list.basic_list .body {
	width: calc(100% - 510px);
}
ul#news_list.basic_list .del_btn {
	width: 90px;
	text-align: center;
}

/* 画像リスト */
ul#news_photo_list li {
	width: calc(100% / 4 - 20px);
	position: relative;
}

/* 新着情報編集 */
table.basic_form input[name='dt'] {
	width: 200px;
}
table.basic_form textarea[name='news_body'] {
	height: 20em;
}
table.basic_form input[name='static_order'] {
	width: 100px;
}


/*―――――――――――――――――――
	割引・イベント編集
―――――――――――――――――――*/
/* 割引・イベントリスト */
ul#event_list.basic_list {
	margin: 0px auto;
	width: calc(100% - 10px);
}
ul#event_list.basic_list .title {
	width: 200px;
}
ul#event_list.basic_list .body {
	width: calc(100% - 290px);
}
ul#event_list.basic_list .dt {
	width: 150px;
}
ul#event_list.basic_list .del_btn {
	width: 90px;
	text-align: center;
}

/* 割引・イベント編集 */
div.event_img {
	margin-bottom: 10px;
}
div.event_img img {
	width: 100%;
}

table.basic_form input[name='start_dt'],
table.basic_form input[name='end_dt'] {
	width: 150px;
}
table.basic_form textarea[name='event_body'] {
	height: 12em;
}
table.basic_form textarea[name='event_condition'],
table.basic_form textarea[name='event_notice'] {
	height: 5em;
}

/*―――――――――――――――――――
	求人情報
―――――――――――――――――――*/
/* 求人情報リスト */
ul#recruit_list.basic_list {
	margin: 0px auto;
	width: calc(100% - 10px);
}
ul#recruit_list.basic_list .title {
	width: 250px;
}
ul#recruit_list.basic_list .comment {
	width: calc(100% - 340px);
}
ul#recruit_list.basic_list .dt {
	width: 150px;
}
ul#recruit_list.basic_list .del_btn {
	width: 90px;
	text-align: center;
}

/* 求人情報編集 */
div.recruit_img {
	margin-bottom: 10px;
}
div.recruit_img img {
	width: 100%;
}

/*―――――――――――――――――――
	リンク
―――――――――――――――――――*/
/* リンクリスト */
ul#link_list.basic_list {
	margin: 0px auto;
	width: calc(100% - 10px);
}
ul#link_list.basic_list .banner {
	width: 250px;
	text-align: center;
}
ul#link_list.basic_list .title {
	width: 200px;
}
ul#link_list.basic_list .url {
	width: calc(100% - 610px);
}
ul#link_list.basic_list .type {
	width: 70px;
	text-align: center;
}
ul#link_list.basic_list .del_btn {
	width: 90px;
	text-align: center;
}


/*―――――――――――――――――――
	店舗設定
―――――――――――――――――――*/
/* コンテンツ設定 */
table#setting_contents {
	width: 600px;
}
table#setting_contents thead th {
	text-align: center;
	color: #7E37D8;
}
table#setting_contents tbody th {
	font-size: 15px;
}
table#setting_contents tbody td input {
	width: 100%;
}
table#setting_contents .contents_id {
	width: 120px;
}
table#setting_contents .contents_title {
	width: 200px;
}
table#setting_contents .contents_status {
	padding: 2px 0px;
	width: 120px;
	text-align: center;
}

/* ページ設定 */
table#setting_page {
	width: 750px
}
table#setting_page thead th {
	text-align: center;
	color: #7E37D8;
}
table#setting_page tbody th {
	font-size: 15px;
}
table#setting_page tbody td input {
	width: 100%;
}

table#setting_page .page_type {
	width: 120px;
}
table#setting_page .page_title,
table#setting_page .page_sub_title {
	width: 120px;
}
table#setting_page .page_status {
	padding: 2px 0px;
	width: 120px;
	text-align: center;
}
table#setting_page .page_menu {
	padding: 2px 0px;
	width: 120px;
	text-align: center;
}
table#setting_page td.page_status ul,
table#setting_page td.page_menu ul {
	justify-content: center;
}

/* メニュー設定 */
ul.setting_menu {
	display: flex;
	margin: 0px auto;
	width: calc(100% - 10px);
}
ul.setting_menu li {
	padding: 8px 0px;
	border: 1px solid #CCC;
	text-align: center;
	line-height: 1.0;
	cursor: pointer;
	background-color: #FFF7DE;
}
ul.setting_menu li span {
	font-size: 11px;
}

/* コンテンツ表示設定 */
ul.setting_content {
	margin: 0px auto 10px;
	width: calc(100% - 40px);
}
ul.setting_content:not(:last-child) {
	padding-bottom: 10px;
	border-bottom: 1px solid #F0F0F0;
}
ul.setting_content li {
	display: flex;
	width: 100%;
	padding: 10px 0px;
}
ul.setting_content li p {
	text-align: center;
}
ul.setting_content li p.content_name {
	width: 250px;
	text-align: left;
}
ul.setting_content li p.top_disp,
ul.setting_content li p.side_disp {
	width: calc(100% / 2 - 250px);
}

/* 出勤情報設定 */
ul#schedule_setting_list.select_panel {
	margin: 0px auto;
	width: calc(100% - 20px);
}
ul#schedule_setting_list.select_panel li {
	width: calc(100% / 10);
}

/* 期間設定 */
table.basic_form input[name='newface_date_count'],
table.basic_form input[name='schedule_edit_date_count'],
table.basic_form input[name='schedule_disp_date_count'] {
	width: 50px;
}

/* スタッフ追加プロフィール項目 */
ul#profile {
	margin-left: 10px;
}
ul#profile li {
	width: calc(100% / 5);
}

/*―――――――――――――――――――
	店舗設定（ビジュアル）
―――――――――――――――――――*/
ul.visual_list {
	
}
ul.visual_list li {
	margin-bottom: 10px;
	text-align: center;
}
ul.visual_list li img {
	max-width: 100%;
}

/* スライド登録・編集 */
div.visual_img {
	margin-bottom: 10px;
	text-align: center;
}
div.visual_img img {
	max-width: 100%;
}


/*―――――――――――――――――――
	店舗スタイル設定
―――――――――――――――――――*/
/* スタイル（高さ）設定 */
table.basic_form input[name='height_news_pc'],
table.basic_form input[name='height_news_sp'],
table.basic_form input[name='height_twitter_pc'],
table.basic_form input[name='height_twitter_sp'] {
	width: 60px;
}
/* スタイル（カラー） */
table#color_settings {
	display: flex;
}
table#color_settings th,
table#color_settings td {
	padding: 3px 0px;
}
table#color_settings th {
	line-height: 35px;
}
table#color_settings td.title {
	padding-right: 10px;
	width: 100px;
	font-size: 13px;
	text-align: right;
	line-height: 35px;
}
table#color_settings td div.color_wrapper {
	border: 1px solid #999;
	border-radius: 18px;
	height: 35px;
	width: 300px;
	background: url("../img/transparent.png") repeat left top;
}
table.basic_form input.color {
	border-radius: 18px;
	padding-left: 20px;
	height: 33px;
	cursor: pointer;
	font-family:  Monospace, 'Yu Gothic', 'MS Gothic', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Osaka-Mono', 'Noto Sans JP';
}
table.basic_form input[name='contents_disp_news'],
table.basic_form input[name='contents_disp_system'],
table.basic_form input[name='contents_disp_staff'],
table.basic_form input[name='contents_disp_schedule'],
table.basic_form input[name='contents_disp_access'],
table.basic_form input[name='contents_disp_concept'],
table.basic_form input[name='contents_disp_service'] {
	width: 120px;
}

/* 16進数用入力フォーム */
table.basic_form input.color_hex {
	width: 100px;
}

/* カラー階調表示用リスト */
ul.color_tone {
	display: flex;
	width: 300px;
	height: 30px;
	border: 1px solid #333;
	border-width: 1px 0px 0px 1px;
}
ul.color_tone li {
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
	border: 1px solid #333;
	border-width: 0px 1px 1px 0px;
}

/* CSS自由入力 */
div.free_css {
	
}
div.free_css textarea[name='free_css'] {
	width: 100%;
	height: 500px;
	font-family: 'Yu Gothic', 'MS Gothic', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Osaka-Mono', 'Noto Sans JP';
}

/*―――――――――――――――――――
	店舗検索結果リスト
―――――――――――――――――――*/
table.search_result {
	width: 100%;
}
table.search_result,
table.search_result th,
table.search_result td {
	border: 1px solid #CCC;
}
table.search_result th,
table.search_result td {
	padding: 5px;
	font-size: 14px;
}
table.search_result th {
	font-weight: normal;
	text-align: center;
	background-color: #F9F9F9;
}
table.search_result td {

}
table.search_result td.id,
table.search_result td.pref,
table.search_result td.area,
table.search_result td.entry,
table.search_result td.status {
	text-align: center;
}
/*―――――――――――――――――――
	問い合わせリスト
―――――――――――――――――――*/
table.contact_article {
	margin: 0px auto 20px;
	width: calc(100% - 20px);
}
table.contact_article th,
table.contact_article td {
	padding: 5px;
	border: 1px solid #5D93C3;
	background-color: #FFFBF0;
}

table.contact_article th {
	width: 80px;
	background-color: #3977B0;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
}
table.contact_article td {
	font-size: 15px;
}
table.contact_article td.date {
	width: 140px;
}
table.contact_article td.type {
	width: 100px;
	text-align: center;
}
table.contact_article td.tel {
	width: 150px;
	text-align: center;
}
table.contact_article td.name {
	
}
table.contact_article td.body {
	color: #063B6B;
	font-weight: 600;
	line-height: 1.4;
}
table.contact_article td.other {
	font-size: 12px;
	border-width: 1px 0px 0px 0px;
	padding: 5px 0px;
	background-color: #FFF;
}

/*―――――――――――――――――――
	店舗ユーザーリスト
―――――――――――――――――――*/
ul#shop_user_list {
}
ul#shop_user_list li {
	width: 100%;
	display: flex;
}
ul#shop_user_list li p {
}
ul#shop_user_list li.header p {
	text-align: center;
}

ul#shop_user_list li .num {
	width: 40px;
}
ul#shop_user_list li .uid {
	width: 150px;
}
ul#shop_user_list li .name {
	width: calc(100% - 740px);
}
ul#shop_user_list li .last_login {
	width: 150px;
}
ul#shop_user_list li .mail_address {
	width: 250px;
}
ul#shop_user_list li .entry_dt {
	width: 150px;
}

ul#shop_user_list li.body p {
	text-align: center;
	font-size: 13px;
}
ul#shop_user_list li.body .uid {
	font-weight: bold;
}
ul#shop_user_list li.body .uid,
ul#shop_user_list li.body .name {
	text-align: left;
}

/*―――――――――――――――――――
	店舗ログイン履歴
―――――――――――――――――――*/
ul#shop_user_history {
}
ul#shop_user_history li {
	width: 100%;
	display: flex;
}
ul#shop_user_history li p {
}
ul#shop_user_history li.header p {
	text-align: center;
}

ul#shop_user_history li .num {
	width: 40px;
}
ul#shop_user_history li .dt {
	width: 130px;
}
ul#shop_user_history li .ua {
	width: calc(100% - 690px);
}
ul#shop_user_history li .type {
	width: 100px;
}
ul#shop_user_history li .ip {
	width: 300px;
}
ul#shop_user_history li .host {
	width: 120px;
}

ul#shop_user_history li.body p {
	text-align: center;
	font-size: 13px;
}
ul#shop_user_history li.body .ua {
	text-align: left;
}