@charset "UTF-8";

/* menuBudge */
.workBudge {
	display: inline-block;
	/*
	width: 25px;
	height: 20px;
	*/
	border-radius: 10px;
	background-color: red;
	color: white;
	text-align: center;
	padding: 2px 6px;
}

.se-global {
	width: 288px;
	color: #c8c8c8;
	background: #323232;
	z-index: 1; }
.se-global svg {
	fill: #c8c8c8; }

/*
@media screen and (min-width: 520px) {
	.global {
		margin-left: -240px; }

	.global.js-global {
		width: 240px; }

	.global.js-global ~ .main {
		width: calc(100% - 240px);
		left: 240px; }

	.global.js-global ~ .main > .header {
		width: calc(100% - 240px);
		left: 240px; }
}
*/

/* showRequire */
span.pa-text.showRequire {
	position: relative; }
span.pa-text.showRequire:before {
	content: "*";
	position: absolute;
	right: -12px;
	color: #fa6767; }
@media screen and (min-width: 520px) {
	span.pa-text.required:showRequire {
		left: -12px;
		right: inherit; }
}
input.pa-input.showRequire {
	border: 1px solid #fa6767; }
label.pa-select.showRequire select {
	border: 1px solid #fa6767; }


#iframe {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100; }

/*
div.pa-table > table thead tr th {
	background-color: #313a46; }
*/

/*
div.pa-table.sort > table thead tr th[data-function="sort"][data-status="asc"] > i[data-attr="icon"]:nth-child(3) svg,
div.pa-table.sort > table thead tr th[data-function="sort"][data-status="desc"] > i[data-attr="icon"]:nth-child(2) svg {
	fill: rgba(255,255,255,1); }
*/

/*
.header,
.global,
.global.js-global ~ .main {
	transition: none; }
*/

/*
.se-global_header  > .b2:nth-child(1) > button.pa-button a {
	height: auto;
	padding: 0;
	border-radius: 0;
	background: transparent; }
.se-global_header  > .b2:nth-child(1) > button.pa-button a svg {
	width: 24px;
	height: 24px;
	margin: 16px;
	fill: #8391a2; }
.se-global_header > .b2:nth-child(1) > button.pa-button a:hover {
	color: #ffffff;
	background-color: rgba(0,0,0,.2); }
.se-global_header > .b2:nth-child(1) > button.pa-button a:hover svg {
	fill: #ffffff; }
.se-global_header  > .b2:nth-child(2) {
	flex-grow: 1;
	margin: 0 0 0 16px; }
*/


/*
ul.pa-menu i[data-attr="icon"] svg {
	fill: #c8c8c8; }

ul.pa-menu li > a:hover {
	background: #212121; }
ul.pa-menu > li > a.js-arrow_openClose,
ul.pa-menu > li > a.js-arrow_openClose ~ ul {
	background: #212121; }
ul.pa-menu > li > a.js-arrow_openClose ~ ul > li > a:hover {
	background: #42ac64; }


@media screen and (min-width: 768px) {
	body {
		font-size: 1.4rem; }
	.global.js-global {
		width: 240px; }
	.global.js-global ~ .main {
		width: calc(100% - 240px);
		left: 240px; }
	.global.js-global ~ .main > .header {
		width: calc(100% - 240px); }
}

button.pa-button > a {
	background: #47C2B1; }

button.pa-button > a:hover {
	background: #3bb2a6; }


/* table */
/*
div.pa-table > table td,
div.pa-table.responsive table tbody tr > *[data-status="responsive"] {
	padding: 4px 6px; }


@media screen and (min-width: 768px) {
	div.pa-table > table thead tr th {
		color: inherit;
		background-color: #e9e9e9; }

	div.pa-table > table thead tr th {
		border-top: 1px solid rgba(0,0,0,.01);
		border-left: 1px solid rgba(0,0,0,.1);
		border-bottom: 3px double rgba(0,0,0,.1); }
	div.pa-table > table thead tr th:last-child {
		border-right: 1px solid rgba(0,0,0,.1); }
}
*/

/* 保留：iPadの場合にフォントサイズを小さくしたかったが、横向きだと小さくならなかった */
/*
@media screen and (min-width: 520px ) and (max-width: 959px) {
	body {
		font-size: 1.4rem; }
}
*/





/* .se-modalHeader-typeA
------------------------------------------------------------------------------------------------- */
.se-modalHeader > .b2 div.pa-button a svg,
.se-modalSearch-header > .b2 div.pa-button a svg {
	fill: #313a46; }
.se-modalHeader > .b2 div.pa-button a span,
.se-modalSearch-header > .b2 div.pa-button a span {
	color: #313a46; }

.se-modalHeader-typeA {
	height: 56px;
	align-items: center;
	border-radius: 4px 4px 0 0;
	background-color: #ffffff;
	box-shadow: 0 2px 4px rgba(0,0,0,.08); }
.se-modalHeader-typeA > .b2:nth-child(1) div.pa-button a {
	padding: 18px; }
.se-modalHeader-typeA > .b2:nth-child(1) div.pa-button a svg {
	width: 16px;
	height: 16px;
	margin: auto; }
.se-modalHeader-typeA > div.pa-button > a > *:not(:first-child) { margin-left: 8px; }
.se-modalHeader-typeA > .b2:nth-child(2) {
	position: absolute;
	width: calc(100% - 176px);
	margin: 0 88px;
	text-align: center; }

.se-modalHeader-typeA > .b2 div.pa-button a {
	color: #313a46; }
.se-modalHeader-typeA > .b2:nth-child(3) div.pa-button a {
	width: 56px;
	height: 56px; }


.fileUnitList {
	margin-right: 0 !important;
	overflow: hidden !important; }
.fileUnitList > .thumbArea {
	border: none !important; }
/*.fileUnitList.fileUnitUpload > .thumbArea > .inner {
	position: relative !important;
	height: 44px !important;
	min-height: auto !important; }*/
/*.fileUnitList.fileUnitUpload > .thumbArea > .inner > .contentBox:not(:first-child) {
	margin-left: 4px !important; }*/
.contentBox.fileUnit.tile .detailBox {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	padding-bottom: 100% !important;
	height: 0 !important;
	transition: opacity 200ms ease-out !important;
	cursor: pointer !important;
	line-height: 1.5em !important;
	background: rgba(255,255,255,.7) !important; }
.contentBox.fileUnit.fileUnitUpload.tile,
.contentBox.fileUploadBtn.tile {
	width: 50px !important; }
/*.contentBox.fileUnit.tile > .inner {
	margin: auto !important; }*/
.fileSelectBtn {
    position: relative !important;
    text-decoration: none !important;
    line-height: 1em !important;
    font-weight: bold !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    border: 0 !important;
    background-color: #ffffff !important;
    border-width: 1px !important;
    border-style: dashed !important;
    box-sizing: border-box !important;
	width: 46px !important;
	height: 46px !important;
	border-radius: 2px !important;
	border-color: #e0e4e7 !important; }
.fileSelectBtn input[type="file"] {
	display: none !important; }
.twModal {
	z-index: 100 !important; }
.pullSelect {
	z-index: 200 !important; }
a:hover {
	text-decoration: none !important; }

@media screen and (max-width: 519px) {
	.fileUnitList.fileUnitUpload > .thumbArea > .inner {
		height: 40px !important; }
	.contentBox.fileUnit.fileUnitUpload.tile,
	.contentBox.fileUploadBtn.tile {
		width: 40px !important; }
	.fileSelectBtn {
		width: 40px !important;
		height: 40px !important; }
}