@charset "UTF-8";



* {margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, small,
strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tr, th, td, article, aside, 
footer, header, nav, section, audio, video {font-size:100%; vertical-align:baseline; border:0; outline:0; background:transparent;}
article, aside, footer, header, nav, section, a, label {display:block;}
html, body {width:100%; height:100%;}
body {color:#000; font-size:75%; font-family:"メイリオ", "Meiryo", Arial, sans-serif; letter-spacing:0.1em; display:none; background:#F2F2F2;}
h1, h2, h3, h4, h5 {font-weight:normal;}
video, iframe {vertical-align:top;}
ol, ul {list-style:none;}
img {width:auto; height:auto; vertical-align:top;}
a {color:#000; text-decoration:none;}
a:hover {color:#175CE5;}


@media screen and (min-width:1024px) {
	body {display:block;}
}



/* input, select, textarea, button */
input, select, textarea, button {
	font-family:"メイリオ", "Meiryo", Arial, sans-serif;
	letter-spacing:0.1em;
	outline:none;
	vertical-align:top;
	border:1px solid #B8B8B8;
	border-radius:0;
	box-sizing:border-box;
	-webkit-appearance:none;
}



/* input */
input {
	width:100%;
	height:40px;
}

input::-webkit-input-placeholder {color:#B8B8B8;}
input::-moz-placeholder {color:#B8B8B8;}
input:-ms-input-placeholder {color:#B8B8B8;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus {border:1px solid #175CE5;}

input[type="submit"],
input[type="button"] {
	cursor:pointer;
	background:#E5E5E5;
}

input[type="submit"]:hover,
input[type="button"]:hover {border:1px solid #175CE5;}

input[type="checkbox"] {
	width:14px;
	height:14px;
	margin-right:4px;
	cursor:pointer;
	-webkit-appearance:checkbox;
}



/* select */
select {
	width:auto;
	height:40px;
	padding:0 26px 0 8px;
	cursor:pointer;
	background:url("../images/select.svg") right 8px center / 10px 10px no-repeat, #FFF;
}



/* textarea */
textarea {
	width:100%;
	height:100px;
	resize:vertical;
}

textarea::-webkit-input-placeholder {color:#B8B8B8;}
textarea::-moz-placeholder {color:#B8B8B8;}
textarea:-ms-input-placeholder {color:#B8B8B8;}

textarea:focus {border:1px solid #175CE5;}



/* login */
#login_container {
	width:100%;
	height:100%;
	background:#FFF;
}

#login {
	width:200px;
	height:200px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
}

.login_logo {
	height:40px;
	margin-bottom:24px;
	text-align:center;
}

.login_logo img {width:100%;}

#login input {margin-top:8px;}
#login input:nth-of-type(2) {margin-top:0;}

#login input.login_error {border:1px solid #F00;}



/* lockout */
.lockout {
	width:100%;
	height:12px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
}

.lockout p {
	height:12px;
	margin-top:8px;
	color:#F00;
	text-align:center;
	line-height:12px;
}

.lockout p:first-of-type {margin-top:0;}



/* header */
#header {
	width:100%;
	height:57px;
	display:flex;
	justify-content:space-between;
	overflow:hidden;
	background:#FFF;
}

.name {
	width:200px;
	padding:12px 16px;
	color:#FFF;
	border-bottom:1px solid #111;
	display:flex;
	background:#292929;
	box-sizing:border-box;
}

.name span {display:block;}

.name span:last-of-type {
	height:32px;
	line-height:32px;
}

.name .user_thumb_image,
.name .user_thumb_noimage {
	width:32px;
	height:32px;
	margin:0 12px 0 0;
}

.pagetitle {
	width:calc(100% - 200px);
	height:57px;
	padding:0 16px;
	text-align:center;
	line-height:57px;
	border-bottom:1px solid #B8B8B8;
	background:#FFF;
	box-sizing:border-box;
}



/* container */
#container {
	width:100%;
	height:calc(100% - 57px);
	display:flex;
}



/* side */
#side {
	width:200px;
	height:100%;
}



/* nav */
.nav {
	width:100%;
	height:100%;
	overflow-y:auto;
	background:#292929;
}

.nav ul,
.nav ul li,
.nav ul li a {width:100%;}

.nav ul li a {
	height:48px;
	padding:0 16px;
	color:#FFF;
	line-height:48px;
	display:flex;
	background:#292929;
	box-sizing:border-box;
}

.nav ul li a:hover,
.nav ul li a.active {
	color:#175CE5 !important;
	background:#F2F2F2;
}

.nav_icons {
	margin-right:8px;
	font-size:20px !important;
	line-height:46px !important;
}



/* contents */
#contents {
	width:calc(100% - 200px);
	height:100%;
}



/* article */
#article {
	width:100%;
	height:100%;
	padding:40px;
	overflow-y:auto;
	box-sizing:border-box;
}



/* top_area */
.top_area {
	margin-bottom:16px;
	display:flex;
	align-items:flex-end;
}



/* regist_button */
.regist_button {
	width:100px;
	margin-right:16px;
}

.regist_button a {
	height:24px;
	color:#FFF;
	text-align:center;
	line-height:24px;
	border:1px solid #175CE5;
	background:#175CE5;
}

.regist_button a:hover {
	color:#175CE5;
	background:#FFF;
}



/* search_box */
.search_box {display:flex;}

.search_box input {height:26px;}

.search_box input[type="text"] {
	width:200px;
	margin-right:1px;
}

.search_box input[type="submit"] {width:48px;}



/* pager */
.pager {
	margin-bottom:16px;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

.pager_num {
	height:12px;
	line-height:12px;
}

.pager_nav {display:flex;}

.pager_nav a {
	width:40px;
	height:40px;
	margin-right:1px;
	text-align:center;
	line-height:40px;
	border:1px solid #B8B8B8;
	background-color:#FFF;
	box-sizing:border-box;
}

.pager_nav a:last-of-type {margin-right:0;}

.pager_nav a:hover {border:1px solid #175CE5;}



/* news */
.news_list {
	padding:40px;
	border:1px solid #B8B8B8;
	background:#FFF;
}

.news_list ul li {
	padding:40px 0;
	border-bottom:1px solid #B8B8B8;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}

.news_list ul li:first-of-type {padding-top:0;}

.news_list ul li:last-of-type {
	padding-bottom:0;
	border-bottom:0;
}

.news {width:calc(100% - 208px);}

.news_title p {
	height:12px;
	line-height:12px;
}

.news_title p:nth-of-type(1) {font-weight:bold;}

.news_title p:nth-of-type(2) {
	margin-top:8px;
	color:#888;
}

.news_text {margin-top:16px;}

.news_button_area {
	width:168px;
	text-align:center;
	display:flex;
	justify-content:space-between;
}

.news_regist_button {
	margin-top:16px;
	text-align:center;
}

.news_button_area p {width:80px;}
.news_regist_button p {width:100px;}

.news_button_area p a,
.news_regist_button p a {
	height:24px;
	color:#000;
	line-height:24px;
	border:1px solid #B8B8B8;
	background:#F2F2F2;
}

.news_button_area p a:hover,
.news_regist_button p a:hover {border:1px solid #175CE5;}



/* table */
table, th, td {
	font-weight:normal;
	vertical-align:middle;
	border:1px solid #B8B8B8;
	border-collapse:collapse;
	border-spacing:0;
	box-sizing:border-box;
}

table {
	width:100%;
	background:#FFF;
}

th, td {padding:16px;}

th {background:#F2F2F2;}

td.edit,
td.delete,
td.unlock {
	width:72px;
	padding:0;
}

td.edit a,
td.delete a,
td.unlock a {
	display:flex;
	align-items:center;
	justify-content:center;
}

td.edit img,
td.delete img,
td.unlock img {
	width:16px;
	height:16px;
}

table.form {text-align:left;}
table.form th {width:300px;}
table.form th span {color:#F00;}

table.delete th {width:300px;}



/* studio_list */
table.studio_list {text-align:center;}
table.studio_list tr:hover {background:#E5EEFF !important;}

table.studio_list td {padding:0;}
table.studio_list th:nth-of-type(1),
table.studio_list td:nth-of-type(1) {width:100px;}
table.studio_list td:nth-of-type(1) a {padding:16px;}
table.studio_list th:nth-of-type(3),
table.studio_list td:nth-of-type(3),
table.studio_list th:nth-of-type(4),
table.studio_list td:nth-of-type(4) {width:88px;}

.studio_thumb_image img {width:100%;}



/* flowchart_list */
table.flowchart_list {text-align:center;}
table.flowchart_list tr:hover {background:#E5EEFF !important;}

table.flowchart_list td {padding:0;}
table.flowchart_list th:nth-of-type(1),
table.flowchart_list td:nth-of-type(1) {width:100px;}
table.flowchart_list td:nth-of-type(1) a {padding:16px;}
table.flowchart_list th:nth-of-type(3),
table.flowchart_list td:nth-of-type(3),
table.flowchart_list th:nth-of-type(4),
table.flowchart_list td:nth-of-type(4) {width:88px;}

.flowchart_thumb_image img {width:100%;}



/* gallery_list */
table.gallery_list {text-align:center;}
table.gallery_list tr:hover {background:#E5EEFF !important;}

table.gallery_list td {padding:0;}
table.gallery_list th:nth-of-type(1),
table.gallery_list td:nth-of-type(1) {width:100px;}
table.gallery_list td:nth-of-type(1) a {padding:16px;}
table.gallery_list th:nth-of-type(3),
table.gallery_list td:nth-of-type(3),
table.gallery_list th:nth-of-type(4),
table.gallery_list td:nth-of-type(4) {width:88px;}

.gallery_thumb_image img {width:100%;}



/* posing_list */
table.posing_list {text-align:center;}
table.posing_list tr:hover {background:#E5EEFF !important;}

table.posing_list td {padding:0;}
table.posing_list th:nth-of-type(1),
table.posing_list td:nth-of-type(1) {width:100px;}
table.posing_list td:nth-of-type(1) a {padding:16px;}
table.posing_list th:nth-of-type(3),
table.posing_list td:nth-of-type(3),
table.posing_list th:nth-of-type(4),
table.posing_list td:nth-of-type(4) {width:88px;}

.posing_thumb_image img {width:100%;}



/* posingmenu_list */
table.posingmenu_list {text-align:center;}
table.posingmenu_list tr:hover {background:#E5EEFF !important;}

table.posingmenu_list td {padding:0;}
table.posingmenu_list th:nth-of-type(1),
table.posingmenu_list td:nth-of-type(1) {width:100px;}
table.posingmenu_list td:nth-of-type(1) a {padding:16px;}

.posingmenu_thumb_image img {width:100%;}



/* user_list */
table.user_list {text-align:center;}
table.user_list tr:hover {background:#E5EEFF !important;}

table.user_list td {padding:0;}
table.user_list th:nth-of-type(1),
table.user_list td:nth-of-type(1) {width:80px;}
table.user_list td p.user_admin_image {padding:8px 16px;}
table.user_list td:nth-of-type(1) a {padding:8px 16px;}
table.user_list th:nth-last-of-type(3),
table.user_list td:nth-last-of-type(3) {width:100px;}

.user_thumb_image,
.user_thumb_noimage {
	width:40px;
	height:40px;
	margin:0 auto;
	border-radius:100px;
	display:block;
	overflow:hidden;
	box-sizing:border-box;
}

.user_thumb_noimage {
	padding-top:6px;
	border:1px solid #B8B8B8;
	background:#F2F2F2;
}



/* lock_list */
table.lock_list {text-align:center;}
table.lock_list tr:hover {background:#E5EEFF;}

table.lock_list th:nth-of-type(2),
table.lock_list td:nth-of-type(2) {width:320px;}



/* error */
.error {
	margin-bottom:16px;
	padding:16px;
	color:#F00;
	border:1px solid #F00;
	background-color:#FFE5E5;
	box-sizing:border-box;
}



/* note */
.note {
	margin-bottom:16px;
	color:#F00;
}



/* comment */
.comment {margin-bottom:16px;}



/* input_file */
.input_file input {
	width:auto;
	height:auto;
	border:0;
	cursor:pointer;
}



/* button_area */
.button_area {
	margin-top:16px;
	display:flex;
}

.button_area p {
	width:50%;
	box-sizing:border-box;
}

.button_area p:nth-of-type(1) {padding-right:8px;}
.button_area p:nth-of-type(2) {padding-left:8px;}



/* studio_image, flowchart_image, gallery_image, posing_image, posingmenu_image */
.studio_image,
.flowchart_image,
.gallery_image,
.posing_image,
.posingmenu_image {margin-bottom:16px;}

.studio_image,
.studio_confirm_image {max-width:450px;}

.flowchart_image,
.flowchart_confirm_image {max-width:450px;}

.gallery_image,
.gallery_confirm_image {max-width:450px;}

.posing_image,
.posing_confirm_image {max-width:487px;}

.studio_image img,
.studio_confirm_image img,
.flowchart_image img,
.flowchart_confirm_image img,
.gallery_image img,
.gallery_confirm_image img,
.posing_image img,
.posing_confirm_image img {width:100%;}



/* user_image */
.user_image,
.user_noimage {margin-bottom:16px;}

.user_image span,
.user_noimage span,
.user_confirm_image span,
.user_confirm_noimage span {
	width:100px;
	height:100px;
	border-radius:100px;
	display:block;
	overflow:hidden;
	box-sizing:border-box;
}

.user_noimage span,
.user_confirm_noimage span {
	padding-top:16px;
	border:1px solid #B8B8B8;
	background:#F2F2F2;
}


/* delete_button */
.delete_button {
	height:14px;
	margin-top:16px;
	display:flex;
	line-height:14px;
}

.delete_button label {
	width:auto;
	cursor:pointer;
}