@charset "UTF-8";
/* ----------------------------------
既存のadmin.cssに千葉がカスタムしたもの
---------------------------------- */
.pcView { display: inline-block; }

@media all and (max-width: 768px) { .pcView { display: none !important; } }
.spView { display: none !important; }

@media all and (max-width: 768px) { .spView { display: inline-block !important; } }
.corner__header:after, .finishNav:after, .main:after, .paging:after, .sideBar:after, .wrap:after { display: block; content: ""; clear: both; }

.message { margin: auto auto 18px; padding: 8px 35px 8px 14px; border: 1px solid #fbeed5; background-color: #fcf8e3; color: #b38942; border-radius: 4px; font-size: 14px; font-size: 1.4rem; }

.message__confirm { border: 1px solid #d6e9c6; background-color: #dff0d8; color: #468847; }

.message__default, .message__finish { border: 1px solid #BCE8F1; background-color: #D9EDF7; color: #3A87AD; }

.message__error { border: 1px solid #eed3d7; background-color: #f2dede; color: #b94a48; }

body, html { margin: 0; padding: 0; min-width: 320px; height: 100%; outline: 0; border: 0; background: transparent; vertical-align: baseline; font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.7; -webkit-text-size-adjust: 100%; }

.admin__frame--selector body, .admin__frame--selector html, body.admin__frame--selector, html.admin__frame--selector { min-width: inherit; background: #FFF; }

html { font-size: 62.5%; }

body { font-size: 15px; font-size: 1.5rem; }

a, address, article, aside, audio, b, canvas, caption, dd, details, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, label, legend, li, mark, menu, nav, object, ol, p, pre, q, section, small, span, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, video { margin: 0; padding: 0; outline: 0; border: 0; background: transparent; vertical-align: baseline; word-wrap: break-word; word-break: break-all; font-weight: normal; font-size: 100%; }

section { clear: both; }

li, ol, ul { list-style: none; }

img { max-width: 100%; height: auto; vertical-align: bottom; }

#map img { max-width: inherit; height: inherit; vertical-align: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

b { font-weight: bold; }

blockquote:after, blockquote:before { content: ''; content: none; }

q:after, q:before { content: ''; content: none; }

a { -webkit-tap-highlight-color: rgba(153, 153, 153, 0.4); text-decoration: none; }

table { border-spacing: 0; border-collapse: collapse; }

u { text-decoration: underline !important; }

i { font-style: italic; }
i.fa { display: inline-block; margin: 4px; }

em { font-weight: bold; font-style: normal; }

strong { font-weight: bold; }

a { -webkit-transition: background 0.3s; transition: background 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; }

input { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; }
input[type="button"], input[type="submit"] { -webkit-transition: background 0.3s; transition: background 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; }

option, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; }

/*
input, select, option, textarea {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
	vertical-align: middle;
	border-radius: 2px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*/
/*
input[type="text"], textarea, input[type="email"] {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;

	&:focus {
		box-shadow: 0 0 3px #1083FF;
		border: 1px solid #3498DB;
		background: #FFFEF9;
	}
}
*/
:-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder { color: #666; }

/* Chrome  */
/* Firefox */
/* IE */
.wrap { margin-top: 38px; }

.header .navbar, .header .navbar-nav > li > a { height: 42px; min-height: 42px; line-height: 42px; }

.sideBar { width: 220px; height: 100%; float: left; position: relative; padding: 10px 12px 64px; margin-right: -100%; z-index: 10; background: #FFF; font-size: 14px; font-size: 1.4rem; }

@media all and (max-width: 1024px) { .sideBar { display: none; } }
.main { height: 100%; margin-left: 220px; border-left: solid 18px #f1f7fc; padding-bottom: 64px; }

.admin__frame--selector .main { margin-left: 0; border: none; }

@media all and (max-width: 1024px) { .main { margin-left: auto; border: none; } }
.content { overflow: hidden; padding: 32px 16px 16px; background: #FFF; }

.admin__frame--selector .content { padding: 0 32px 0 0; }

@media all and (max-width: 1024px) { .content { padding: 32px 8px; }
  .admin__frame--selector .content { padding: 16px; } }
.footer { font-size: 11px; font-size: 1.1rem; color: #7A7676; padding: 8px 16px; text-align: center; background: #FFF; margin-top: -34px; float: right; }
.footer small { opacity: 0.4; filter: alpha(opacity=40); }

.header .navbar-header { width: 100%; }
.header .navbar-right { float: none; position: absolute; top: 0; right: 12px; z-index: 100; }
.header .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; }
.header .navbar-brand { height: auto; padding: 12px 8px; position: relative; z-index: 10; font-size: 17px; font-size: 1.7rem; }
.header .logo .logoName { color: #FFF; }
.header .logo .logoName:hover { opacity: 0.8; filter: alpha(opacity=80); }
.header .logo .dropdown-menu a { color: #2C3E50; }
.header .logo .dropdown-menu a:hover { background: #2C3E50; }
.header .userMenu__link, .header .userName { font-size: 13px; font-size: 1.3rem; }
.header .navbar-menuBtn { float: left; display: block; padding: 0 4px; line-height: 1; text-align: center; margin-right: 6px; margin-left: 4px; position: relative; top: 8px; border: solid 1px #FFF; color: #FFF; position: relative; z-index: 10; border-radius: 2px; text-decoration: none; }
.header .navbar-menuBtn span { font-size: 11px; font-size: 1.1rem; }
.header .navbar-toggle { padding: 4px 8px; line-height: 1; margin-top: 4px; margin-right: 4px; position: absolute; right: 2px; }
.header .dropdown-toggle { background: #009688; color: #FFF !important; white-space: nowrap; }
.header .dropdown-toggle:hover { background: #009688 !important; }
.header .dropdown-menu { float: right; }
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: inherit !important; }
.header .dropdown-menu > li > a:focus, .header .dropdown-menu > li > a:hover { color: #FFF !important; background: none; }
.header .navbar-nav .open .dropdown-menu { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176) !important; position: relative; z-index: 100; }

@media all and (max-width: 768px) { .header .navbar-brand { font-size: 14px; font-size: 1.4rem; } }
@media all and (max-width: 320px) { .header .userName { display: none; } }
@media all and (max-width: 768px) { .header .navbar-collapse { position: absolute; top: -11px; right: 12px; display: block; }
  .header .navbar-collapse li { text-align: right; } }
.list-group-item, .panel-default { border-color: #c2cfd3; }

.navbar-original { background: #0277bd; background: -webkit-linear-gradient(154deg, #0277bd 0px, #00B29C 100%); background: transparent -webkit-linear-gradient(296deg, #0277bd 0px, #00B29C 100%) repeat scroll 0 0; background: transparent linear-gradient(154deg, #0277bd 0px, #00B29C 100%) repeat scroll 0 0; }

.pankz { position: relative; top: -1px; color: #fff; white-space: nowrap; font-size: 12px; font-size: 1.2rem; }
.pankz li { display: inline-block; }
.pankz li:after { content: '›'; display: inline-block; padding: 0 8px; opacity: 0.7; filter: alpha(opacity=70); }
.pankz li:first-child:before { content: '›'; display: inline-block; padding: 0 8px 0 4px; opacity: 0.7; filter: alpha(opacity=70); }
.pankz li:last-child:after { content: none; }
.pankz li a { color: #FFF; text-decoration: underline; opacity: 0.7; filter: alpha(opacity=70); }
.pankz li a:hover { opacity: 1; filter: alpha(opacity=100); }
.pankz li span { opacity: 0.7; filter: alpha(opacity=70); }

.sideBar a { outline: none; text-decoration: none; }
.sideBar a.now:after { content: "今ココ!"; color: #FFF; background: #ff9800; padding: 0 4px; text-align: center; font-size: 9.5px; font-size: 0.95rem; border-radius: 3px; font-weight: bold; float: right; letter-spacing: -0.05em; position: relative; top: 3px; right: -4px; }
.sideBar .menu { background: #FFF; padding-top: 25px; }
.sideBar:after { content: ""; position: absolute; z-index: 11; top: 0; right: -18px; width: 18px; height: 100%; border-left: solid 18px #f1f7fc; }
.sideBar .menu__tree--btn { font-size: 16px; font-size: 1.6rem; position: absolute; top: 6px; right: 2px; line-height: 1; background: #2C3E50; }
.sideBar .menu__tree--btn:before { content: '管理画面MENU'; font-size: 14px; font-size: 1.4rem; padding: 8px 41px; font-weight: bold; color: #FFF; text-align: center; width: 100%; }
.sideBar .menu__tree--btn li { display: inline-block; }
.sideBar .menu__tree--btn .tooltip { white-space: nowrap; }
.sideBar .menu__tree--btn a { display: block; padding: 1px 2px; background: #18BC9C; color: #FFF; text-align: center; }
.sideBar .menu__corner--title { display: block; position: relative; padding: 16px 0 4px; font-weight: bold; color: #2C3E50; }
.sideBar .menu__corner--title:hover { text-decoration: underline; }
.sideBar .list-group { margin-bottom: 0; }
.sideBar .list-group-item { padding: 6px 10px 6px 18px; font-size: 13px; font-size: 1.3rem; }
.sideBar .accordion-body { height: auto !important; -webkit-transition: background 0.3s; transition: background 0.3s; }

.menu .fa-commenting { font-size: 22px; font-size: 2.2rem; display: none; text-decoration: none; position: absolute; top: 12px; right: -6px; }

.menu__corner--title { font-weight: bold; }

.modal-dialog { width: 90%; }

@media all and (max-width: 768px) { .modal-dialog { width: auto; } }
.menu__corner--link:before { content: '●'; color: #DDE3E6; position: absolute; top: 5px; left: 5px; }

.dashBoard .menu__corner--link:before { top: 8px; }

.menu__corner--link.menu__corner--sublink { padding-left: 34px; }
.menu__corner--link.menu__corner--sublink:before { content: '−'; left: 16px; }

.dashBoard { text-align: left; }
.dashBoard .accordion-group { display: inline-block; width: 280px; vertical-align: top; text-align: left; padding: 16px; }
.dashBoard .accordion-group a:hover { text-decoration: none; outline: none; }
.dashBoard .accordion-group a.menu__corner--link { font-size: 13px; font-size: 1.3rem; padding-left: 18px; }
.dashBoard .accordion-group a.menu__corner--link.menu__corner--sublink { padding-left: 34px; }
.dashBoard .accordion-group a.menu__corner--link.menu__corner--sublink:before { content: '−'; left: 16px; }
.dashBoard .accordion-group a.menu__corner--title { cursor: default; }
.dashBoard .menu__tree--btn { display: none; }

@media all and (max-width: 768px) { .dashBoard .accordion-group { width: auto; display: block; } }
h1 { font-size: 32px; font-size: 3.2rem; margin-bottom: 26px; }

@media all and (max-width: 768px) { h1 { font-size: 20px; font-size: 2rem; margin-bottom: 18px; } }
h2 { font-size: 26px; font-size: 2.6rem; }

@media all and (max-width: 768px) { h2 { font-size: 18px; font-size: 1.8rem; } }
h3 { font-size: 24px; font-size: 2.4rem; }

@media all and (max-width: 768px) { h3 { font-size: 16px; font-size: 1.6rem; } }
h4 { font-size: 22px; font-size: 2.2rem; }

@media all and (max-width: 768px) { h4 { font-size: 14px; font-size: 1.4rem; } }
h5 { font-size: 20px; font-size: 2rem; }

@media all and (max-width: 768px) { h5 { font-size: 13px; font-size: 1.3rem; } }
h6 { font-size: 18px; font-size: 1.8rem; }

@media all and (max-width: 768px) { h6 { font-size: 12px; font-size: 1.2rem; } }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; padding: 6px 10px; }
.table th { white-space: nowrap; }
.table th a { font-size: 10px; font-size: 1rem; }

@media all and (max-width: 768px) { .table th { white-space: normal; } }
table .noWrapNormal { min-width: 160px; }

#search-list .noWrapNormal, .search-list .noWrapNormal { min-width: inherit; }

.corner__header .corner__title { clear: none; float: none; overflow: hidden; margin-right: 16px; margin-bottom: 14px; }
.corner__header .message { overflow: hidden; position: relative; top: -2px; }

.admin__frame--selector .corner__header .message { top: 0; }

.corner__header .btn__back { float: left; position: relative; top: 5px; margin-right: 8px; }

@media all and (max-width: 768px) { .corner__header .btn__back { top: 0; } }
.loading__frame { max-width: 300px; margin: auto; padding: 64px 0; text-align: center; }
.loading__frame i { font-size: 34px; font-size: 3.4rem; margin: 16px; color: #18BC9C; }

@media only screen and (max-width: 740px) { .actionMenuWrap .bar__search .btn-green, .actionMenuWrap .bar__search .btn__search { float: left !important; right: inherit !important; }
  .actionMenuWrap .bar__search .btn-green { left: 10px; } }
.actionMenu { min-width: 740px; }
.actionMenu .btn__add { float: left; margin-right: 4px; border-radius: 0; }
.actionMenu .btn__add:first-child { border-radius: 4px 0 0 4px; }
.actionMenu .btn__add .dropdown-toggle { border-radius: 0; }
.actionMenu .btn-group .btn { border-radius: 4px 0 0 4px; }
.actionMenu .bar__search { margin-bottom: 16px; min-height: 45px; overflow: hidden; background: #2C3E50; border-radius: 0 4px 4px 0; }

.admin__frame--selector .actionMenu .bar__search { border-radius: 0; }

.actionMenu .btn__search { border-radius: 0; }
.actionMenu .search__box { padding: 0 3px; }
.actionMenu .search__box .btn-primary { min-width: 240px; }
.actionMenu .search__box .table > tbody > tr > td, .actionMenu .search__box .table > tbody > tr > th, .actionMenu .search__box .table > tfoot > tr > td, .actionMenu .search__box .table > tfoot > tr > th, .actionMenu .search__box .table > thead > tr > td, .actionMenu .search__box .table > thead > tr > th { vertical-align: middle; text-align: left; }
.actionMenu .search__box .table th { text-align: left; font-weight: bold; width: 140px; white-space: nowrap; }

@media all and (max-width: 768px) { .actionMenu .search__box .table th { width: 80px; white-space: normal; } }
@media all and (max-width: 640px) { .admin__frame--selector .table * { white-space: normal !important; } }
.table__inputformat { margin-bottom: -1px; table-layout: fixed; }
.table__inputformat .label-danger { width: 36px; display: block; margin: auto; position: relative; top: 2px; }
.table__inputformat tr { border-bottom: solid 1px #c2cfd3; }
.table__inputformat tr.err { border: solid 2px #E74C3C; }
.table__inputformat tr.err td, .table__inputformat tr.err th { background: #f8c9c4; }
.table__inputformat th { width: 140px; padding: 16px !important; border-right: solid 1px #c2cfd3 !important; background: #F9FAFE; font-weight: bold; text-align: center; font-size: 13px; font-size: 1.3rem; }
.table__inputformat td { padding: 16px !important; text-align: left !important; white-space: normal; }
.table__inputformat td img { width: auto; max-height: 400px; max-width: 400px; }
.table__inputformat td .label-danger { display: inline-block; top: 0; }
.table__inputformat textarea { min-height: 100px; }
.table__inputformat .form-control { margin: 2px; }
.table__inputformat .color { font-size: 13px; font-size: 1.3rem; width: 100px; text-align: center; }

@media all and (max-width: 768px) { .table__inputformat th { width: 80px; white-space: normal; } }
@media all and (max-width: 420px) { .table__inputformat td img { max-width: 100%; } }
hr { clear: both; border: none; border-top: dashed 1px #CCC; margin: 24px auto; }

.panel { box-shadow: none; }

.panel__columnTable { padding: 0; }

.example { display: inline-block; color: #597EA2; }

.choice__layoutTheme li { display: inline-block; width: 220px; margin: 4px 8px; white-space: nowrap; }
.choice__layoutTheme img { width: 90%; margin: auto; }

.table > thead > tr > td, .table > thead > tr > th, table > thead > tr > td, table > thead > tr > th { background: #607d8b; color: #FFF; font-size: 13px; font-size: 1.3rem; }

.table > thead > tr > td a, .table > thead > tr > th a, table > thead > tr > td a, table > thead > tr > th a { color: #FFF; }

.table > thead > tr > th, table > thead > tr > th { text-align: center; line-height: 1.8; }

.table > tbody > tr > td, table > tbody > tr > td { font-size: 14px; font-size: 1.4rem; text-align: center; white-space: nowrap; }

@media all and (max-width: 768px) { .table > tbody > tr > td, table > tbody > tr > td { white-space: normal; } }
.table__inputformat > tbody > tr > td { white-space: normal; }

.table-striped img { max-width: 40px; height: auto; }

.finishNav { border: solid 1px #D4DDE0; border-radius: 4px; overflow: hidden; }
.finishNav blockquote { margin-top: 16px; }

.finishNav__menu { display: inline-block; vertical-align: top; width: 50%; clear: none; float: left; margin-left: -1px; margin-bottom: -1px; border: solid 1px #D4DDE0; border-right: none; border-top: none; padding: 16px 16px 8px; }

.paging { clear: both; margin: 0 8px; }

.paging__view--kensuu { float: right; margin-bottom: 12px; }
.paging__view--kensuu .pulldown { overflow: inherit; }

.pagination { margin: 8px 0; }

.readOnly { color: #999; cursor: no-drop; forcus: none; border: inherit; position: relative; z-index: 1; }

.status { width: 50px; font-size: 11px; font-size: 1.1rem; border-radius: 3px; display: block; padding: 1px; background: #FFF; border: solid 1px #00635a; color: #009688; white-space: nowrap; text-align: center; margin: auto; }

.draft .status { border-color: #f44336; color: #f44336; }

.time_past .status { border-color: #d39e00; color: #d39e00; }

.time_future .status { border-color: #3f51b5; color: #3f51b5; }

.draft { color: #f44336; }

.time_past { color: #d39e00; }

.time_future { color: #3f51b5; }

section.corner { position: relative; }

.btn-draft { font-size: 14px; font-size: 1.4rem; border-radius: 3px 0 0 3px; opacity: 0.8; filter: alpha(opacity=80); width: 40px; position: fixed; top: 80px; right: 0; padding-left: 13px; padding-right: 18px; text-align: center; white-space: normal; line-height: 1.1; color: #FFF; background: #b98b00; }
.btn-draft:hover { opacity: 1; filter: alpha(opacity=100); background: #a07800; border-color: #866500; }

.list__table li { display: table; table-layout: fixed; text-align: center; width: 100%; border-collapse: separate; border-spacing: 8px 1px; vertical-align: middle; }
.list__table span { display: table-cell; vertical-align: middle; position: relative; white-space: normal; }

.list__table--thumbnailCell { width: 40px; }
.list__table--thumbnailCell img { max-width: 40px; }

.list__table--textCell { text-align: left; }

.now__contents--time { font-size: 13px; font-size: 1.3rem; }

.now__contents--title { margin-bottom: 6px; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

.now__contents--table .time_now td { border-top: solid 3px #F39C12 !important; border-bottom: solid 3px #F39C12 !important; }
.now__contents--table .time_now td:first-child { border-left: solid 3px #F39C12 !important; }
.now__contents--table .time_now td:last-child { border-right: solid 3px #F39C12 !important; }

.ui-sortable-handle { cursor: move; }

.pulldown { border: solid 2px #CCC; position: relative; overflow: hidden; display: inline-block; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(39%, #f6f6f6), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 39%, #ededed 100%); background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 39%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#ffffff', endColorstr='#ededed', GradientType=0 ); color: #333; height: auto; font-size: 16px; font-size: 1.6rem; position: relative; border-radius: 3px; margin: 2px auto; }
.pulldown select { cursor: pointer; font-size: 16px; font-size: 1.6rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; position: relative; z-index: 2; display: block; width: 200%; /* fallback non calc support */ margin: 0; padding: 6px 35px 6px 6px; background: transparent; border: 0; outline: none; line-height: 1.5; overflow: hidden; }
.pulldown option { padding: 0 4px; font-size: 16px; font-size: 1.6rem; }

.entypo-down-open-mini:before { content: "▼"; position: absolute; z-index: 1; top: 50%; right: 12px; right: 0.75rem; margin-top: -8px; margin-top: -.5rem; line-height: 1; color: #333; font-size: 10px; font-size: 1.0rem; color: #444; }

input[type=checkbox], input[type=radio] { display: inline-block; margin-right: 6px; }
input[type=checkbox] + label, input[type=radio] + label { position: relative; display: inline-block; margin: 3px 12px 3px 0; line-height: 30px; cursor: pointer; }

@media all and (max-width: 768px) { input[type=checkbox] + label, input[type=radio] + label { line-height: 1.7; } }
@media (min-width: 1px) { input[type=checkbox], input[type=radio] { display: none; margin: 0; }
  input[type=checkbox] + label, input[type=radio] + label { padding: 0 0 0 28px; }
  input[type=checkbox] + label::before, input[type=radio] + label::before { position: absolute; top: 50%; left: 0; display: block; box-sizing: border-box; margin-top: -11px; width: 22px; height: 22px; background: #FFF; content: ""; }
  input[type=checkbox]:checked + label::after, input[type=radio]:checked + label::after { position: absolute; top: 50%; display: block; box-sizing: border-box; content: ""; } }
@media (min-width: 1px) { input[type=radio] + label::before { border: 1px solid #aaa; border-radius: 30px; }
  input[type=radio]:checked + label::after { left: 5px; margin-top: -6px; width: 12px; height: 12px; border-radius: 8px; background: #1083FF; }
  input[type=checkbox] + label::before { border: 1px solid #aaa; border-radius: 2px; }
  input[type=checkbox]:checked + label::before { border: 1px solid #1083FF; background: #1083FF; border-radius: 2px; }
  input[type=checkbox]:checked + label::after { left: 4px; margin-top: -7px; width: 14px; height: 9px; border-bottom: 3px solid #FFF; border-left: 3px solid #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } }
.filedrop { position: relative; display: inline-block; overflow: hidden; padding: 10px; min-height: 44px; width: 100%; border: 2px dashed #666; background-color: #EFEFEF; background-size: cover; color: #888; text-align: center; font-size: 1.1em; }
.filedrop input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; width: 100%; height: 100%; border: medium none !important; opacity: 0; cursor: pointer; }
.filedrop:hover { border: 2px dashed #418DAF; background: #DFEFF7; }
.filedrop .setsumei { font-size: 14px; font-size: 1.4rem; }
.filedrop i.fa-file-text-o, .filedrop i.fa-picture-o { display: block; font-size: 62px; font-size: 6.2rem; opacity: 0.9; filter: alpha(opacity=90); color: #DDD; }
.filedrop i.fa-retweet { color: #FFF; }
.filedrop .btn-reset, .filedrop .btn-rotate { display: none; }
.filedrop.on.uploadZumi, .filedrop.uploadZumi { border: none; background: none; text-align: left; }
.filedrop.on.uploadZumi .setsumei, .filedrop.on.uploadZumi input[type="file"], .filedrop.uploadZumi .setsumei, .filedrop.uploadZumi input[type="file"] { display: none; }
.filedrop.on.uploadZumi img, .filedrop.uploadZumi img { width: auto; max-height: 400px; position: relative !important; }
.filedrop.on.uploadZumi .btn-reset, .filedrop.uploadZumi .btn-reset { display: inline-block; position: absolute; top: 16px; left: 16px; z-index: 10; }
.filedrop.on.uploadZumi .btn-reset:hover, .filedrop.uploadZumi .btn-reset:hover { opacity: 0.7; -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; }
.filedrop.on.uploadZumi .btn-rotate, .filedrop.uploadZumi .btn-rotate { display: inline-block; position: absolute; top: 22px; left: 108px; z-index: 10; }
.filedrop .uploadZumi div[id*="editImage"] { height: 0; }

.layout .filedrop { overflow: inherit; }

.on.uploadZumi .fileName, .on.uploadZumi [id*='media-listblockerdata_file'], .on.uploadZumi [id*='media-listmusic_file'], .on.uploadZumi [id*='media-listpdf_file'] { padding: 50px 0 0; }

.uploadZumi .fileName, .uploadZumi [id*='media-listblockerdata_file'], .uploadZumi [id*='media-listmusic_file'], .uploadZumi [id*='media-listpdf_file'] { padding: 50px 0 0; }

.on.uploadZumi img[class*='deg90'], .uploadZumi img[class*='deg90'] { -webkit-transform: rotate(90deg) scale(0.7) !important; -ms-transform: rotate(90deg) scale(0.7) !important; transform: rotate(90deg) scale(0.7) !important; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.on.uploadZumi img[class*='deg270'], .uploadZumi img[class*='deg270'] { -webkit-transform: rotate(270deg) scale(0.7) !important; -ms-transform: rotate(270deg) scale(0.7) !important; transform: rotate(270deg) scale(0.7) !important; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.oneShot .on.uploadZumi div[id*='media'], .oneShot .uploadZumi div[id*='media'] { display: table-cell; vertical-align: middle; width: 380px; height: 380px; min-width: 380px; max-width: 380px; min-height: 380px; max-height: 380px; text-align: center; }

div[id*="jqProgres"] { color: #000; font-size: 14px; font-size: 1.4rem; text-align: center; }
div[id*="jqProgres"] p { text-align: center; padding-top: 10px; color: #000; font-size: 14px; font-size: 1.4rem; }
div[id*="jqProgres"] progress { margin: auto; display: block; }

.blockUI.blockOverlay { background: rgba(33, 36, 46, 0.95) !important; opacity: 1.0 !important; -moz-opacity: 1.0 !important; -ms-filter: "alpha(opacity=100)" !important; }
.blockUI.blockMsg.blockPage { padding: 35px !important; background: #f4f4f4 !important; border: none !important; border-radius: 6px !important; }
.blockUI button::-moz-focus-inner, .blockUI input::-moz-focus-inner { border: 0; }
.blockUI.blockMsg.blockPage p { text-align: center; margin-bottom: 24px; }
.blockUI.blockMsg.blockPage input[type="button"] { border: none; padding: 8px 16px; margin: 24px auto; outline: none; font-size: 13px; font-size: 1.3rem; font-weight: normal !important; border: solid 1px #CCC; border-radius: 2px; background: #FFF; cursor: pointer; }
.blockUI.blockMsg.blockPage p + input[type="button"] { margin-top: 0; }

.lock { overflow: hidden; }

.modal__content { position: relative; display: none; width: 50%; margin: 30px; padding: 35px; background: #F4F4F4; border-radius: 6px; color: #182A3C; max-width: 700px; text-align: center; }

.modal__overlay { z-index: 1000; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background: rgba(33, 36, 46, 0.95); }

.modal__wrap { z-index: 10001; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; }

.modal__close { color: #3E5368 !important; text-decoration: none; border-radius: 50%; padding: 6px 8px 5px; line-height: 1; font-size: 20px; font-size: 2.0rem; position: absolute; top: 6px; left: 6px; }
.modal__close i { position: relative; top: -2px; }
.modal__close:hover { background: #3E5368; color: #FFF !important; }

.modal__open { cursor: pointer; }

.blink { -webkit-animation: blink 0.3s ease-in-out 9 alternate; animation: blink 0.3s ease-in-out 9 alternate; }

@-webkit-keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }
.positionR { position: relative; }

.aCenter { text-align: center !important; }

.ajustify { text-align: justify; text-justify: auto; }

.aRight { text-align: right !important; }

.aLeft { text-align: left !important; }

.fRight { float: right !important; }

.fLeft { float: left !important; }

.overflowHidden { overflow: hidden; }

.vaMiddle { vertical-align: middle; }

.vaBottom { vertical-align: bottom; }

.vaTop { vertical-align: top; }

.clBoth { clear: both !important; }

.clFix:after, .clearfix:after { display: block; clear: both; content: ""; }

.noWrap { white-space: nowrap !important; word-wrap: normal !important; }

.noWrapNormal { white-space: normal !important; }

.dpBlock { display: block !important; clear: both; }

.dpInlineBlock { display: inline-block !important; }

.fontBold, .fwBold { font-weight: bold !important; }

.fwNormal { font-weight: normal !important; }

.noUnderLine, .textDecoNone, .underLineNone { text-decoration: none !important; }

.textDecoUnderLine, .underLine { text-decoration: underline !important; }

.kadomaru0 { border-radius: 0 !important; }

.wdAuto { width: auto !important; }

.wd5 { width: 5%; }

.wd10 { width: 10%; }

.wd15 { width: 15%; }

.wd20 { width: 20%; }

.wd25 { width: 25%; }

.wd30 { width: 30%; }

.wd35 { width: 35%; }

.wd40 { width: 40%; }

.wd45 { width: 45%; }

.wd50 { width: 50%; }

.wd60 { width: 60%; }

.wd70 { width: 70%; }

.wd80 { width: 80%; }

.wd90 { width: 90%; }

.wd100 { width: 100%; }

.form-control { min-width: 180px !important; }

@media all and (max-width: 640px) { .form-control { width: 100% !important; }
  input[class*='wd'] { width: 100% !important; }
  input[class*='px'] { width: inherit !important; } }
.wd5px { width: 5px !important; min-width: inherit !important; }

.wd10px { width: 10px !important; min-width: inherit !important; }

.wd15px { width: 15px !important; min-width: inherit !important; }

.wd20px { width: 20px !important; min-width: inherit !important; }

.wd25px { width: 25px !important; min-width: inherit !important; }

.wd30px { width: 30px !important; min-width: inherit !important; }

.wd35px { width: 35px !important; min-width: inherit !important; }

.wd40px { width: 40px !important; min-width: inherit !important; }

.wd45px { width: 45px !important; min-width: inherit !important; }

.wd50px { width: 50px !important; min-width: inherit !important; }

.wd55px { width: 45px !important; min-width: inherit !important; }

.wd60px { width: 60px !important; min-width: inherit !important; }

.wd65px { width: 65px !important; min-width: inherit !important; }

.wd70px { width: 70px !important; min-width: inherit !important; }

.wd75px { width: 75px !important; min-width: inherit !important; }

.wd80px { width: 80px !important; min-width: inherit !important; }

.wd85px { width: 85px !important; min-width: inherit !important; }

.wd90px { width: 90px !important; min-width: inherit !important; }

.wd95px { width: 95px !important; min-width: inherit !important; }

.wd100px { width: 100px !important; min-width: inherit !important; width: 100px !important; min-width: inherit !important; }

.wd150px { width: 150px !important; min-width: inherit !important; }

.wd200px { width: 200px !important; min-width: inherit !important; }

.wd250px { width: 250px !important; min-width: inherit !important; }

.wd300px { width: 300px !important; min-width: inherit !important; }

.wd350px { width: 350px !important; min-width: inherit !important; }

.wd400px { width: 400px !important; min-width: inherit !important; }

.wd450px { width: 450px !important; min-width: inherit !important; }

.wd500px { width: 500px !important; min-width: inherit !important; }

.wd550px { width: 550px !important; min-width: inherit !important; }

.wd600px { width: 600px !important; min-width: inherit !important; }

.mAuto { margin-left: auto !important; margin-right: auto !important; }

.mt0 { margin-top: 0 !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 79px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb95 { margin-bottom: 95px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt0 { padding-top: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 79px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pt90 { padding-top: 90px !important; }

.pt95 { padding-top: 95px !important; }

.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb65 { padding-bottom: 65px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb75 { padding-bottom: 75px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb85 { padding-bottom: 85px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb95 { padding-bottom: 95px !important; }

.pb100 { padding-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.ml65 { margin-left: 65px !important; }

.ml70 { margin-left: 79px !important; }

.ml75 { margin-left: 75px !important; }

.ml80 { margin-left: 80px !important; }

.ml85 { margin-left: 85px !important; }

.ml90 { margin-left: 90px !important; }

.ml95 { margin-left: 95px !important; }

.ml100 { margin-left: 100px !important; }

.mr0 { margin-right: 0 !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mr65 { margin-right: 65px !important; }

.mr70 { margin-right: 70px !important; }

.mr75 { margin-right: 75px !important; }

.mr80 { margin-right: 80px !important; }

.mr85 { margin-right: 85px !important; }

.mr90 { margin-right: 90px !important; }

.mr95 { margin-right: 95px !important; }

.mr100 { margin-right: 100px !important; }

.pl0 { padding-left: 0 !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pl65 { padding-left: 65px !important; }

.pl70 { padding-left: 79px !important; }

.pl75 { padding-left: 75px !important; }

.pl80 { padding-left: 80px !important; }

.pl85 { padding-left: 85px !important; }

.pl90 { padding-left: 90px !important; }

.pl95 { padding-left: 95px !important; }

.pl100 { padding-left: 100px !important; }

.pr0 { padding-right: 0 !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pr65 { padding-right: 65px !important; }

.pr70 { padding-right: 70px !important; }

.pr75 { padding-right: 75px !important; }

.pr80 { padding-right: 80px !important; }

.pr85 { padding-right: 85px !important; }

.pr90 { padding-right: 90px !important; }

.pr95 { padding-right: 95px !important; }

.pr100 { padding-right: 100px !important; }

.fz10 { font-size: 10px !important; font-size: 1.0rem !important; }

.fz12 { font-size: 12px !important; font-size: 1.2rem !important; }

.fz13 { font-size: 13px !important; font-size: 1.3rem !important; }

.fz14 { font-size: 14px !important; font-size: 1.4rem !important; }

.fz15 { font-size: 15px !important; font-size: 1.5rem !important; }

.fz16 { font-size: 16px !important; font-size: 1.6rem !important; }

.fz17 { font-size: 17px !important; font-size: 1.7rem !important; }

.fz18 { font-size: 18px !important; font-size: 1.8rem !important; }

.fz20 { font-size: 20px !important; font-size: 2.0rem !important; }

.fz22 { font-size: 22px !important; font-size: 2.2rem !important; }

.fz24 { font-size: 24px !important; font-size: 2.4rem !important; }

.fz26 { font-size: 26px !important; font-size: 2.6rem !important; }

.btn-indigo { color: #FFF; background: #3f51b5; }
.btn-indigo:hover { background: #32408f; border-color: #2b387c; }

.btn-brown { color: #FFF; background: #795548; }
.btn-brown:hover { background: #593f35; border-color: #49332b; }

.btn-blueGrey { color: #FFF; background: #607d8b; }
.btn-blueGrey:hover { background: #4b626d; border-color: #41545e; }

.btn-red { color: #FFF; background: #f44336; }
.btn-red:hover { background: #ea1c0d; border-color: #d2190b; }

.btn-pink { color: #FFF; background: #e91e63; }
.btn-pink:hover { background: #c1134e; border-color: #aa1145; }

.btn-purple { color: #FFF; background: #9c27b0; }
.btn-purple:hover { background: #771e86; border-color: #641971; }

.btn-darkPurple { color: #FFF; background: #673ab7; }
.btn-darkPurple:hover { background: #512e90; border-color: #46287d; }

.btn-blue { color: #FFF; background: #2196f3; }
.btn-blue:hover { background: #0c7cd5; border-color: #0a6ebd; }

.btn-lightBlue { color: #FFF; background: #03a9f4; }
.btn-lightBlue:hover { background: #0286c2; border-color: #0275a8; }

.btn-cyan { color: #FFF; background: #00bcd4; }
.btn-cyan:hover { background: #008fa1; border-color: #007888; }

.btn-teal { color: #FFF; background: #009688; }
.btn-teal:hover { background: #00635a; border-color: #004a43; }

.btn-green { color: #FFF; background: #4caf50; }
.btn-green:hover { background: #3d8b40; border-color: #357a38; }

.btn-lightGreen { color: #FFF; background: #8bc34a; }
.btn-lightGreen:hover { background: #71a436; border-color: #649130; }

.btn-lime { color: #FFF; background: #cddc39; }
.btn-lime:hover { background: #b2c022; border-color: #9daa1e; }

.btn-yellow { color: #FFF; background: #ffeb3b; }
.btn-yellow:hover { background: #ffe608; border-color: #eed500; }

.btn-amber { color: #FFF; background: #ffc107; }
.btn-amber:hover { background: #d39e00; border-color: #b98b00; }

.btn-orange { color: #FFF; background: #ff9800; }
.btn-orange:hover { background: #cc7a00; border-color: #b36a00; }

.btn-deepOrange { color: #FFF; background: #ff5722; }
.btn-deepOrange:hover { background: #ee3900; border-color: #d43300; }

.btn-grey { color: #FFF; background: #9e9e9e; }
.btn-grey:hover { background: #858585; border-color: #787878; }

.btn-blueGrey { color: #FFF; background: #607d8b; }
.btn-blueGrey:hover { background: #4b626d; border-color: #41545e; }

.btn-black { color: #FFF; background: #000000; }
.btn-black:hover { background: black; border-color: black; }

/* ======================================================
追記ここから　2016-09-16
====================================================== */
/* ----------------------------------
汎用パーツちゃん
---------------------------------- */
/* ----- 中見出し ----- */
.title-section { background: #3498db; padding: 8px 12px; line-height: 1.3; color: #fff; margin-bottom: 8px; }
.panel > .title-section { margin-bottom: 0; }

/* ----- インラインのフォーム調整 ----- */
.form-inline .form-control { min-width: auto !important; }
.form-inline .form-control.form-small { width: 15%; }

/* ----- リスト ----- */
.list-caution { font-size: 11px; font-size: 1.1rem; margin-left: -4px; display: inline-block; color: #444; }

.list-attention { margin-left: 14px; font-size: 13px; font-size: 1.3rem; }
.list-attention li { position: relative; }
.list-attention li:after { display: block; content: ''; position: absolute; top: 12px; left: -8px; width: 3px; height: 3px; background-color: #aaa; margin-top: -3px; }

/* ----- テーブル ----- */
.table__inputformat .table-layout { width: 100%; }
.table__inputformat .table-layout .itemListWrap { margin: 10px; }
.table__inputformat .table-layout tr { border: solid 1px #c2cfd3; }
.table__inputformat .table-layout td, .table__inputformat .table-layout th { padding: 6px !important; }
.table__inputformat .table-layout th { background: #eeeeee; border-right: none !important; }

/* ----- コンテンツないとき ----- */
.noContent { background: #f2f2f2; border: dotted 1px #CCC; padding: 16px; text-align: center; }

/* ----------------------------------
既存パーツにちょい足し
---------------------------------- */
.form-control { min-width: auto !important; }

.pulldown { vertical-align: middle; }
.pulldown select { line-height: 1; }

#TB_window { background: none !important; }

.admin__frame--selector body, .admin__frame--selector html, body.admin__frame--selector, html.admin__frame--selector { height: auto; }

.input[type=checkbox] + label, input[type=radio] + label { line-height: 1.3; margin-top: 8px; }

/* ----------------------------------
画像ドロップエリア
---------------------------------- */
/* ----- 既存CSSに追記 ----- */
.filedrop.on.uploadZumi img, .filedrop.uploadZumi img { max-width: 100%; }

.oneShot .on.uploadZumi div[id*='media'], .oneShot .uploadZumi div[id*='media'] { max-width: 100%; min-width: 100%; }

/* ----- 2カラムにする ----- */
#ListImage .list-block { display: inline-block; width: 47%; margin: 1%; }
#ListImage .list-block .template.oneShot { display: table; width: 100%; text-align: center; }
#ListImage .list-block .template.oneShot .layout { display: table-cell; vertical-align: middle; }
#ListImage.confirm .layout figure img { max-width: 100%; max-height: 300px; }
@media all and (max-width: 768px) { #ListImage.confirm .layout figure img { max-height: inherit; } }

/* ----------------------------------
カテゴリ管理　カスタマイズ
---------------------------------- */
/* ----- デザイン細部調整 ----- */
#treeview tbody > tr > td, #treeview tr > td { vertical-align: top !important; }

.treeView__frame { padding: 12px 16px; }
.treeView__frame .treeView__row { border: 2px solid #dce4ec; }
.treeView__frame .treeView__row td { padding: 0 !important; }
.treeView__frame .treeView__row td a { display: block; padding: 6px 8px; text-decoration: none; }
.treeView__frame .treeView__row td a:hover { background: #fff9c7; }
.treeView__frame .treeView__row .active a:hover { background: #fff497; }
.treeView__frame .treeView__btn td { padding-top: 8px; }

#category > li { margin-bottom: 6px; }
#category .catButtonWrap { display: inline-block; vertical-align: 2px; margin-left: 2px; }

/* ----- カテゴリ表示順変更 ----- */
.ui-sortable { position: relative; }

.category--order .ui-sortable .ui-sortable-handle { border: 2px solid #ddd; background: #fff; }
.category--order .ui-sortable .ui-sortable-handle td { padding: 8px; text-align: left; }
.category--order .ui-sortable .ui-sortable-helper { border-style: dashed; }
.category--order .ui-sortable .ui-sortable-helper td { text-align: center !important; width: 100%; }