@charset "UTF-8";
/* ================================================================
  common
   ================================================================ */
/* alerttext */
.ic-alerttext {
  color: #f00;
  display: block;
  font-size: #f00;
}

/* url */
[id$=Url] {
  word-break: break-all;
}

/* required item */
.divSettings .tableSettings > tbody > tr > th > span.NormalRed {
  background: #c00;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 0.5em 0.5em 0.4em 0.3em;
}

/* DNN-class */
.ctlDefault {
  background: #f00;
}

.ctlTextArea_LL {
  height: 20em;
  width: 100% !important;
}

.ctlTextArea_L {
  height: 5em;
  width: 100% !important;
}

.ctlTextArea_M {
  height: 3em;
  width: 100% !important;
}

.ctlTextArea_S {
  height: 1.75em;
  width: 100% !important;
}

.ctlTextArea_SS {
  background: #f00;
}

.ctlSelect {
  background: #f00;
}

.ctlSelectList_L {
  height: 35em;
  min-width: 18em;
}

.ctlSelectList_M {
  height: 20em;
  min-width: 18em;
}

.ctlSelectList_S {
  height: 7em;
  min-width: 18em;
}

.NormalRed {
  color: #f00;
  font-size: 80%;
}

.NormalBlue {
  color: #00f;
  font-size: 80%;
}

@media screen and (max-height: 600px) {
  .adminMode .ctlSelectList_L,
  .adminMode .ctlSelectList_M,
  .adminMode .ctlSelectList_S {
    min-width: unset;
  }
}
/* icons */
select[id^=dnn_ctr],
a[id^=dnn_ctr],
a[id^=dnn_ctr] img {
  display: inline-block;
  transition: opacity 0.25s ease-in-out;
  vertical-align: middle;
}

a[id^=dnn_ctr]:hover {
  opacity: 0.5;
}

/*========================================================
  component_controlpanel_faqcontents
========================================================*/
.iccp-item-page.-faq .ic-pageheader {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 0 2em;
}

.iccp-item-page.-faq .ic-pageheader .ic-title {
  font-family: inherit;
  font-size: 200%;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0 0 0 40px;
  position: relative;
}

.iccp-item-page.-faq .ic-pageheader .ic-title:before {
  background: url(/Portals/_default/images/controlpanel/ico_title_faq.png) no-repeat center/contain;
  bottom: 0;
  content: "";
  display: block;
  height: 35px;
  left: 0;
  margin: auto;
  position: absolute;
  top: -2px;
  width: 35px;
}

/*========================================================
  component_page_errorcontents
========================================================*/
.iccp-error,
.iccp-error *,
.iccp-error *:before,
.iccp-error *:after {
  box-sizing: border-box;
}

.iccp-error {
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 14px;
  line-height: 1.4;
}

.iccp-error {
  text-align: center;
}

.iccp-error a {
  text-decoration: underline;
}

.iccp-error a:hover {
  text-decoration: none;
}

.iccp-error .iccp-error-body {
  display: inline-block;
  margin: auto;
  padding: 5em 0;
  text-align: left;
}

.iccp-error .iccp-error-body h2 {
  font-size: 350%;
  font-weight: normal;
  margin: 0 0 0.75em;
  padding: 0;
}

.iccp-error .iccp-error-body p {
  margin: 0 0 1em;
  padding: 0;
}

/* ====================================================================
  component_category ... when adding articles.
  news module
  qanda module
==================================================================== */
[href$=_tvwCategory_SkipLink],
[id$=_tvwCategory_SkipLink],
[id$=_tvwCategory] > table > tbody > tr > td:first-child {
  display: none !important;
}

[id$=_tvwCategory] > table {
  width: 100%;
}

[id$=_tvwCategory] > table > tbody > tr > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.25em 0;
}

[id$=_tvwCategory] > table > tbody > tr > td:not(.TreeMenu_Node) {
  width: 2em;
}

[id$=_tvwCategory] input[type=checkbox] {
  margin: 0 0.5em 0 0;
}

[id$=_tvwCategory] a:hover {
  opacity: 0.5;
}

/* ================================================================
  component_richtexteditor module > add link > choose from database
  LinkManagerProduct.aspx iframe header only links to default.css
   ================================================================ */
div#panEcMode,
div#panEcMode *,
div#panEcMode *:before,
div#panEcMode *:after {
  box-sizing: border-box;
}

div#panEcMode,
div#panEcMode select {
  color: #070707;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 14px;
  line-height: 1.4;
}

div#panEcMode select {
  border: solid 1px #e8e8e8;
  border-radius: 3px;
  cursor: pointer;
  margin: 2px;
  padding: 0.5em 30px 0.5em 1em;
  transition: border 0.25s ease-in-out;
}

div#panEcMode select:hover {
  border-color: #909920;
}

div#panEcMode select:focus {
  outline: none;
}

div#panEcMode > table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 98%;
}

div#panEcMode > table > tbody > tr > td {
  border: none;
  border-bottom: 1px solid #e7e7e7;
  padding: 0.5em;
  width: 90% !important;
}

div#panEcMode > table > tbody > tr > td[style*=width] {
  width: auto !important;
}

div#panEcMode > table > tbody > tr > td:first-child {
  width: 10% !important;
}

div#panEcMode table table#grdMain {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100% !important;
}

div#panEcMode table table#grdMain > tbody > tr > td {
  border: none;
  border-bottom: 1px dashed #e7e7e7;
  padding: 0.5em;
  vertical-align: middle;
}

div#panEcMode table table#grdMain > tbody > tr > td:last-child {
  font-size: 0.7em;
  text-align: center;
}

div#panEcMode table table#grdMain > tbody > tr > td.DNNAlignleft * {
  margin: 0;
  padding: 0;
}

div#panEcMode table table#grdMain > tbody > tr > td.DNNAlignleft > div {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 0.25em;
  transition: background 0.25s ease-in-out;
}

div#panEcMode table table#grdMain > tbody > tr > td.DNNAlignleft > div:hover {
  color: #c3d600;
}

div#panEcMode table table#grdMain > tbody > tr > td.DNNAlignleft > div[style*="background-color: rgb(253, 234, 218);"] {
  background: #e7e7e7 !important;
  cursor: default;
}

div#panEcMode table table#grdMain > tbody > tr > td.DNNAlignleft > div[style*="background-color: rgb(253, 234, 218);"]:hover {
  color: inherit;
}

div#panEcMode table table#grdMain > tbody > tr > td.DNNAlignleft > div h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  transition: color 0.25s ease-in-out;
  width: 100%;
}

div[id*=teContent_dialogOpenerImageEditor].RadWindow.RadWindow_Default .rwContent {
  height: 570px !important;
}

div[id*=teContent_dialogOpenerImageMapDialog].RadWindow.RadWindow_Default .rwContent {
  height: 570px !important;
}

div[id*=teContent_dialogOpenerMediaManager].RadWindow.RadWindow_Default .rwContent {
  height: 570px !important;
}

/* ================================================================
  component_telerikModal
   ================================================================ */
.TelerikModalOverlay {
  background: #070707 !important;
  height: 100% !important;
  min-width: inherit !important;
  opacity: 0.8 !important;
  position: fixed !important;
  width: 100% !important;
  z-index: 9999 !important;
}

body.modalMode .TelerikModalOverlay {
  background: #f7f7f7 !important;
}

.RadWindow.RadWindow_Default {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
  color: #070707;
  display: flex;
  flex-direction: column;
  height: 90% !important;
  min-height: inherit;
  overflow: auto !important;
  padding: 3%;
  position: fixed !important;
  width: 90% !important;
  z-index: 99999 !important;
}

.RadWindow.RadWindow_Default:not([id$=FindAndReplace]) {
  left: 5% !important;
  top: 5% !important;
}

.RadWindow.RadWindow_Default.rwInactiveWindow {
  height: 90% !important;
  left: 5% !important;
  padding: 0;
  top: 5% !important;
  width: 90% !important;
  z-index: 99998 !important;
}

.RadWindow.RadWindow_Default .rwTitleBar {
  background: none;
  border: none;
  border-radius: 0;
  color: inherit;
  cursor: default !important;
  margin: 0;
  width: 100%;
  z-index: 2;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper {
  height: auto;
  padding: 0 0 2%;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwIcon {
  display: block;
  font-size: inherit;
  height: auto;
  left: 0;
  margin: 0;
  top: 0;
  width: auto;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwIcon:before {
  height: auto;
  margin: 0;
  width: auto;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwTitle {
  display: block;
  line-height: 2.5;
  padding: 0 0 0 2.5em;
  width: 80%;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands {
  margin: 0;
  right: 0;
  top: 0;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem {
  margin: 0;
  padding: 0;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton {
  border: none;
  border-radius: 0;
  display: block;
  margin: 0;
  padding: 0;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton:hover {
  background: none;
  color: #c3d600;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton:before {
  display: block;
  font-size: 1.5em;
}

.RadWindow.RadWindow_Default .rwContent {
  background: none;
  border: none;
  color: inherit;
  flex: 1;
  height: auto !important;
  overflow: hidden;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton.rwCloseButton {
  height: 18px;
  width: 18px;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton.rwCloseButton:hover {
  opacity: 0.75;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton.rwCloseButton:before,
.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton.rwCloseButton:after {
  background-color: #272727;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.25s ease-in-out;
  width: 100%;
}

.RadWindow.RadWindow_Default .rwTitleBar .rwTitleWrapper .rwCommands .rwListItem .rwCommandButton.rwCloseButton:after {
  transform: rotate(-45deg);
}

.RadWindow.RadWindow_Default[id$=FindAndReplace] {
  height: 63% !important;
  max-height: 440px;
  max-width: 400px;
  min-width: 280px;
  padding: 1%;
  width: 50% !important;
}

.RadWindow.RadWindow_Default[id$=FindAndReplace] .rwTitleBar {
  cursor: move !important;
  padding: 1em 1em 0;
}

.RadWindow.RadWindow_Default[id$=FindAndReplace] .rwTitleBar .rwTitleWrapper .rwIcon {
  left: 1em;
  top: 1em;
}

.RadWindow.RadWindow_Default[id$=FindAndReplace] .rwTitleBar .rwTitleWrapper .rwCommands {
  right: 1em;
  top: 1em;
}

.RadWindow.RadWindow_Default[id$=FindAndReplace] .rwContent {
  padding: 0 1em 1em;
}

/* ================================================================
  component_paging
   ================================================================ */
ul.ulPaging {
  margin: 1em 0;
  padding: 0;
}

ul.ulPaging li {
  display: inline-block;
  line-height: 1;
  list-style: none;
  margin: 0;
}

ul.ulPaging li a {
  border: 1px solid #d7d7d7;
  display: block;
  padding: 0.5em 0.6em 0.45em;
  text-decoration: none;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
}

ul.ulPaging li a:hover,
ul.ulPaging li:hover a {
  background: #575757;
  border: 1px solid #575757;
  color: #fff;
}

ul.ulPaging li.Current {
  background-color: #e7e7e7;
  border: 1px solid #d7d7d7;
  font-weight: bold;
  padding: 0.5em 0.6em 0.45em;
}

ul.ulPaging li:hover a {
  background: #575757;
  border: 1px solid #575757;
  color: #fff;
}

/* advendors , user */
[id$=_plLetterSearch] {
  letter-spacing: -0.4em;
  margin: 0 0 1em;
  padding: 0 3em 2em 0;
  text-align: left !important;
}

[id$=_plLetterSearch] a.CommandButton {
  letter-spacing: normal;
  margin: 0.25em !important;
  min-width: inherit;
  padding: 0 0.5em !important;
}

/* secure */
.pager ul {
  margin: 0;
  padding: 15px 0 0;
}

.pager ul li {
  float: left;
  line-height: 1;
  list-style: none;
  margin: 0 5px 5px 0;
  padding: 0;
}

.pager ul li a {
  border: 1px solid #d7d7d7;
  display: block;
  padding: 0.5em 0.6em 0.45em;
  text-decoration: none;
}

.pager ul li span {
  background-color: #e7e7e7;
  border: 1px solid #d7d7d7;
  display: block;
  font-weight: bold;
  padding: 0.5em 0.6em 0.45em;
}

.pager ul li:hover a {
  background: #575757;
  border: 1px solid #575757;
  color: #fff;
}

/*logviewer*/
.PagingTable,
.PagingTable > tbody,
.PagingTable > tbody > tr,
.PagingTable > tbody > tr > td {
  display: block;
  width: 100% !important;
}

.PagingTable > tbody > tr > td:nth-child(1) {
  color: #676767;
  font-size: 12px;
  padding: 0.5em 0 1em;
  text-align: center;
}

.PagingTable > tbody > tr > td:nth-child(2) {
  text-align: center;
}

.PagingTable a.CommandButton {
  margin: 0 0 0 -0.5em;
  padding: 0.15em 0.75em;
}

.PagingTable span {
  background: #e7e7e7;
  border: 2px solid #e7e7e7;
  border-radius: 5px;
  color: #979797;
  display: inline-block;
  margin: 0 0 0 -0.5em;
  padding: 0.15em 0.75em;
  transition: all ease-in-out 0.25s;
}

/* ================================================================
  component_formandbutton
   ================================================================ */
/* label */
label[id^=dnn_],
label[for^=dnn_] {
  cursor: pointer;
}

/* textarea[id^="dnn_"] , select[id^="dnn_"] , input[id^="dnn_"] , button[id^="dnn_"]  - common */
input.NormalTextBox,
textarea[id^=dnn_],
select[id^=dnn_],
input[id^=dnn_],
button[id^=dnn_],
a[id^=dnn_].CommandButton,
.adminMode a.CommandButton {
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  max-width: 100%;
  transition: border ease-in-out 0.25s, background 0.25s ease-in-out, color 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.adminMode a[id^=dnn_].CommandButton:hover,
.adminMode a.CommandButton:hover {
  opacity: 0.5;
}

.adminMode input[id^=dnn_][type=image]:hover {
  opacity: 0.5;
}

td > input[id^=dnn_][type=image] {
  max-width: inherit;
}

/* disabled */
input.NormalTextBox[disabled],
textarea[id^=dnn_][disabled],
select[id^=dnn_][disabled],
input[id^=dnn_][disabled],
button[id^=dnn_][disabled],
input.NormalTextBox[disabled]:hover,
textarea[id^=dnn_][disabled]:hover,
select[id^=dnn_][disabled]:hover,
input[id^=dnn_][disabled]:hover,
button[id^=dnn_][disabled]:hover {
  cursor: default !important;
  opacity: 0.5 !important;
}

.disabledNode {
  opacity: 0.5;
  transition: all 0.25s ease-in-out;
}

/* focus */
input.NormalTextBox:focus,
textarea[id^=dnn_]:focus,
input[id^=dnn_][type=text]:focus,
input[id^=dnn_][type=password]:focus,
input[id^=dnn_][type=file]:focus,
input[id^=dnn_][type=text]:-webkit-autofill,
input[id^=dnn_][type=password]:-webkit-autofill {
  background: #faffbd;
  border-color: #c3d000;
}

/* name = dnn */
input[type=image][name^=dnn] {
  vertical-align: middle;
}

/* textarea[id^="dnn_"] */
textarea[id^=dnn_],
textarea[name^=dnn] {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  cursor: text;
  outline: none !important;
  padding: 0.25em 0.5em;
}

textarea[id^=dnn_]:hover,
textarea[name^=dnn]:hover {
  border-color: #909e00;
}

/* select[id^="dnn_"] */
select[id^=dnn_],
select[name^=dnn] {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  cursor: pointer;
  outline: none !important;
  padding: 0.25em 0.5em;
}

select[id^=dnn_]:hover,
select[name^=dnn]:hover {
  border-color: #909e00;
}

select[id^=dnn_]:focus,
select[name^=dnn]:focus {
  background: #faffbd;
  border-color: #c3d000;
}

/* input[id^="dnn_"]　checkbox */
input[id^=dnn_][type=checkbox],
input[name^=dnn][type=checkbox] {
  cursor: pointer;
  height: 1.5em;
  margin: 0.25em;
  vertical-align: middle;
  width: 1.5em;
}

/* input[id^="dnn_"]　radio */
input[id^=dnn_][type=radio],
input[name^=dnn][type=radio] {
  cursor: pointer;
  height: 1.5em;
  margin: 0.25em;
  vertical-align: middle;
  width: 1.5em;
}

/* input[id^="dnn_"]　text,password */
input.NormalTextBox[type=text],
input[id^=dnn_][type=text],
input[id^=dnn_][type=password] {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  cursor: text;
  outline: none !important;
  padding: 0.25em 0.5em;
}

input.NormalTextBox[type=text]:hover,
input[id^=dnn_][type=text]:hover,
input[id^=dnn_][type=password]:hover {
  border-color: #909e00;
}

/* input[id^="dnn_"]　file */
input[id^=dnn_][type=file] {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  cursor: pointer;
  outline: none !important;
  padding: 0.25em 0.5em;
}

input[id^=dnn_][type=file]:hover {
  border-color: #909e00;
}

/* input[id^="dnn_"]　submit,reset,button[id^="dnn_"] , CommandButton */
input[id^=dnn_][type=submit],
input[id^=dnn_][type=reset],
input[id^=dnn_][type=button],
button[id^=dnn_],
a[id^=dnn_].CommandButton,
.adminMode a.CommandButton {
  background: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 3px;
  color: #272727;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 0.25em 1em;
  text-decoration: none;
}

input[id^=dnn_][type=submit],
a[id^=dnn_].CommandButton,
a[id^=dnn_].CommandButton:link,
a[id^=dnn_].CommandButton:visited,
a[id^=dnn_].CommandButton:active,
.adminMode a.CommandButton,
.adminMode a.CommandButton:link,
.adminMode a.CommandButton:visited,
.adminMode a.CommandButton:active {
  border-color: #e03500;
  color: #e03500;
  text-decoration: none;
}

input[id^=dnn_][type=submit]:hover,
a[id^=dnn_].CommandButton:hover,
.adminMode a.CommandButton:hover {
  opacity: 0.5;
  text-decoration: none;
}

/* ================================================================
  component_submitArea
   ※cmdManage = このロールを付与するユーザーの管理
   ※cmdPublish = お知らせ管理＞お知らせ記事詳細＞更新ボタン
   ※.submitArea input.submitBtn = 承認エディタ
   ※div[id*="ViewApproval_CommandDiv"].CommandDiv = 承認管理
   ================================================================ */
.submitArea {
  margin: 2em 0;
  text-align: center;
}

/**/
.submitArea > a.submitBtn,
.submitArea input[id^=dnn_][type=submit],
div[id*=ViewApproval_CommandDiv].CommandDiv td a.CmdButton {
  background: #c7c7c7;
  border: 2px solid #c7c7c7;
  border-radius: 3px;
  color: #070707;
  display: inline-block;
  margin: 0.5em;
  min-width: 10em;
  outline: none;
  padding: 0.75em 1.5em;
  text-align: center;
  transition: all 0.25s ease-in-out;
}

div[id*=ViewApproval_CommandDiv].CommandDiv td a.CmdButton {
  min-width: 5em;
}

.submitArea > a.submitBtn:hover,
.submitArea input[id^=dnn_][type=submit]:hover,
div[id*=ViewApproval_CommandDiv].CommandDiv td a.CmdButton:hover {
  opacity: 0.75;
}

@media screen and (max-width: 750px) {
  .adminMode .submitArea > a.submitBtn,
  .adminMode .submitArea input[id^=dnn_][type=submit],
  .adminMode div[id*=ViewApproval_CommandDiv].CommandDiv td a.CmdButton {
    margin: 0 0 10px;
    min-width: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
/* gray button */
/* orange button */
.submitArea input[id^=dnn_][type=submit].cmdUpdate,
.submitArea input[id^=dnn_][type=submit].cmdAdd,
.submitArea input[id^=dnn_][type=submit].cmdPublish,
.submitArea > a.submitBtn.cmdExport,
.submitArea input.submitBtn[type=submit][id*=_cmdUpdate],
.submitArea input.submitBtn.cmdTempSave[type=submit],
.submitArea input.submitBtn.notice[type=submit],
div[id*=ViewApproval_CommandDiv].CommandDiv td a[id*=cmdApproval].CmdButton,
.submitArea input[id^=dnn_][type=submit][id$=_cmdConfirm] {
  background: #e03500;
  border-color: #e03500 !important;
  color: #fff;
}

/* green button */
.submitArea input[id^=dnn_][type=submit].cmdPreview,
.submitArea input.submitBtn[id*=_cmdPreview][type=submit] {
  background: #c3d600;
  border-color: #c3d600 !important;
}

/* border button */
.submitArea input[id^=dnn_][type=submit].cmdDelete,
.submitArea input.submitBtn[id*=_cmdDeleteRequest][type=submit] {
  background: #fff;
  border-color: #d7d7d7 !important;
  color: #272727;
}

/* orange border button */
.submitArea input[id^=dnn_][type=submit].cmdCsv {
  background: #fff;
  border-color: #e03500 !important;
  color: #e03500;
}

/* 承認 */
div[id*=ViewApproval_CommandDiv].CommandDiv td span[id*=ViewApproval_lblbundle] {
  display: none;
}

div[id*=ViewApproval_CommandDiv].CommandDiv > table,
div[id*=ViewApproval_CommandDiv].CommandDiv > table > tbody,
div[id*=ViewApproval_CommandDiv].CommandDiv > table > tbody > tr,
div[id*=ViewApproval_CommandDiv].CommandDiv > table > tbody > tr > td {
  display: block;
}

div[id*=ViewApproval_CommandDiv].CommandDiv > table > tbody > tr > td > textarea {
  width: 100% !important;
}

div[id*=ViewApproval_CommandDiv].CommandDiv > table > tbody > tr:first-child > td:nth-child(3) > table {
  margin: auto;
}

/* ================================================================
  component_table
   ================================================================ */
/*tablegrid ... userlist , pageheader , rolemanage , newsmanage　etc. */
.tableGrid,
.tableGrid *,
.tableGrid *:before,
.tableGrid *:after {
  box-sizing: border-box;
}

.tableGrid {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  border-collapse: collapse;
  border-right: 1px solid #d7d7d7;
  border-spacing: 0;
  width: 100%;
}

.tableGrid th,
.tableGrid td {
  border: none;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  line-height: 1.2;
  padding: 0.5em;
  word-break: break-all;
}

.tableGrid th {
  background: rgba(0, 0, 0, 0.05);
  font-weight: normal;
}

.tableGrid th[style*="color:White;"] {
  color: inherit !important;
}

.tableGrid th[style*="font-size:XX-Small;"] {
  font-size: inherit !important;
}

.tableGrid td td,
.tableGrid td th {
  background: none;
  border: none;
}

/* grdResult ... secure　etc. */
.grdResult,
.grdResult *,
.grdResult *:before,
.grdResult *:after {
  box-sizing: border-box;
}

.grdResult {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  border-collapse: collapse;
  border-right: 1px solid #d7d7d7;
  border-spacing: 0;
  width: 100%;
}

.grdResult th,
.grdResult td {
  border: none;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  line-height: 1.2;
  padding: 0.5em;
  word-break: break-all;
}

.grdResult th {
  background: rgba(0, 0, 0, 0.05);
  font-weight: normal;
}

.grdResult td td,
.grdResult td th {
  background: none;
  border: none;
}

.grdResult tr[style="color:White;background-color:#5D7B9D;font-weight:bold;"],
.grdResult tr[style="color:#333333;background-color:#F7F6F3;"] {
  background-color: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* ================================================================
  component_tableGrids-items ... items in management tableGrids.
  approvaleditor module history manage
  news manage module
  db manage module
  qanda manage module
  eventcalendar manage module
   ================================================================ */
/* icon */
.tableGrid td input[type=image][id^=dnn] {
  margin: auto;
}

.tableGrid td input[type=image][id^=dnn]:hover {
  opacity: 0.5;
}

/* date */
[id*=lblUpdateDate],
[id*=lblReleaseDate],
[id*=lblExpireDate],
[id*=lblApprovalDate] {
  display: block;
  margin: auto;
  width: 6em;
}

/* approval - status */
[id*=lblApprovalStatus] {
  display: block;
  min-width: 2em;
}

/* sort arrow */
a[id$=Asc],
a[id$=Desc],
a[id*=ASC],
a[id*=DESC] {
  background: #676767;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  font-size: 12px;
  height: 15px;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
  text-indent: 200%;
  transition: background 0.25s ease-in-out;
  white-space: nowrap;
  width: 15px;
}

a[id$=Asc]:hover,
a[id$=Desc]:hover,
a[id*=ASC]:hover,
a[id*=DESC]:hover {
  background: #c3d000 !important;
  opacity: 1;
}

a[id$=Asc]:before,
a[id$=Desc]:before,
a[id*=ASC]:before,
a[id*=DESC]:before {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 3px 5px 3px;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

a[id$=Desc],
a[id*=DESC]:before {
  transform: rotate(180deg);
}

/* sort triangle */
span[id*=_grdResult_lblTitle] {
  display: block;
}

a[id*=_grdResult_lblSort] {
  color: inherit !important;
  font-size: 16px;
  text-decoration: none !important;
}

/* ================================================================
  component_datepicker
   ================================================================ */
#ui-datepicker-div,
#ui-datepicker-div *,
#ui-datepicker-div *:before,
#ui-datepicker-div *:after {
  box-sizing: border-box;
}

#ui-datepicker-div {
  color: #070707;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 16px;
  line-height: 1.5;
}

#ui-datepicker-div {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0.5em 1em 0.5em rgba(0, 0, 0, 0.05);
  font-size: 14px;
  margin: 0.5em 0 0;
  padding: 2em 1em;
}

#ui-datepicker-div .ui-datepicker-calendar a {
  border: 1px solid transparent;
  border-radius: 2px;
  transition: all ease-in-out 0.25s;
}

#ui-datepicker-div .ui-datepicker-calendar a:hover {
  border: 1px solid #c3d600;
  color: #c3d600;
}

#ui-datepicker-div .ui-datepicker-calendar a.ui-state-highlight {
  background: #c3d600;
  color: #272727;
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-current-day a,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-current-day a:hover {
  background: #d7d7d7;
  border-color: transparent;
  color: #272727;
  cursor: default;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane {
  display: flex;
  justify-content: space-between;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  float: none;
  margin: 0;
  padding: 0.15em 0.5em;
  transition: all ease-in-out 0.25s;
  width: 48%;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  border: 1px solid #c7c7c7;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover {
  border-color: #c3d000;
}

input[name^=dnn][type=text][name$=txtDate],
input[name^=dnn][type=text][id$=txtDate],
input[id^=dnn_][type=text][name$=txtDate],
input[id^=dnn_][type=text][id$=txtDate] {
  margin: 0 0.25em 0 0;
  width: 8em !important;
}

input[name^=dnn][type=text][name$=txtDate] + .ui-datepicker-trigger,
input[name^=dnn][type=text][id$=txtDate] + .ui-datepicker-trigger,
input[id^=dnn_][type=text][name$=txtDate] + .ui-datepicker-trigger,
input[id^=dnn_][type=text][id$=txtDate] + .ui-datepicker-trigger {
  cursor: pointer;
  transition: opacity 0.25s ease-in-out;
  vertical-align: top;
}

input[name^=dnn][type=text][name$=txtDate] + .ui-datepicker-trigger:hover,
input[name^=dnn][type=text][id$=txtDate] + .ui-datepicker-trigger:hover,
input[id^=dnn_][type=text][name$=txtDate] + .ui-datepicker-trigger:hover,
input[id^=dnn_][type=text][id$=txtDate] + .ui-datepicker-trigger:hover {
  opacity: 0.5;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  left: auto;
  margin: auto;
  overflow: hidden;
  position: static;
  text-indent: 200%;
  top: auto;
  white-space: nowrap;
}

.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
  border-right: 1px solid #373737;
  border-top: 1px solid #373737;
  bottom: 0;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: border 0.25s ease-in-out;
  width: 12px;
}

.ui-datepicker .ui-datepicker-prev span:before {
  transform: rotate(-135deg);
}

.ui-datepicker .ui-datepicker-next span:before {
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
  cursor: pointer;
  left: 0 !important;
  top: 0 !important;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
  cursor: pointer;
  right: 0 !important;
  top: 0 !important;
}

.ui-datepicker .ui-datepicker-prev:hover span:before,
.ui-datepicker .ui-datepicker-next:hover span:before {
  border-right-color: #c3d600;
  border-top-color: #c3d600;
}

/* ================================================================
  component_help
   ================================================================ */
/* icon */
img[src="/images/help.gif"],
img[src="/images/help.png"] {
  opacity: 0.35;
  transition: all ease-in-out 0.25s;
  width: 16px;
}

img[src="/images/help.gif"]:hover,
img[src="/images/help.png"]:hover {
  opacity: 1;
}

/* tooltip-common */
.tableSettings > tbody > tr > th label + .Help {
  background: rgba(195, 208, 0, 0.9);
  border: none;
  border-radius: 3px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  font-size: 12px;
  left: auto;
  line-height: 1.2;
  margin: 0 0 0 -1em;
  max-width: 200px;
  min-width: 2.85em;
  padding: 0.75em 1em;
  position: absolute;
  top: auto;
  z-index: 100;
}

.tableSettings > tbody > tr > th label + .Help:before {
  border-color: transparent transparent rgba(195, 208, 0, 0.9) transparent;
  border-style: solid;
  border-width: 0 0.75em 0.7em 0.75em;
  content: "";
  height: 0;
  left: 0.7em;
  position: absolute;
  top: -0.7em;
  width: 0;
}

.tableSettings > tbody > tr > th label + .Help span {
  color: #000;
  opacity: 1;
  padding: 0;
}

/* tooltip - settings-pagelist , settings-categorylist */
[id*=_pnlHelp].Help {
  background: rgba(195, 208, 0, 0.9);
  border: none;
  border-radius: 3px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  font-size: 12px;
  left: 8px;
  line-height: 1.2;
  margin: 0 0 0 -1em;
  max-width: 200px;
  min-width: 2.85em;
  padding: 0.75em 1em;
  position: absolute;
  top: 36px;
  z-index: 99;
}

[id*=_pnlHelp].Help:before {
  border-color: transparent transparent rgba(195, 208, 0, 0.9) transparent;
  border-style: solid;
  border-width: 0 0.75em 0.7em 0.75em;
  content: "";
  height: 0;
  left: 0.7em;
  position: absolute;
  top: -0.7em;
  width: 0;
}

[id*=_pnlHelp].Help span {
  font-size: inherit;
  opacity: inherit;
  padding: 0;
  white-space: normal;
}

/* backyard-title-caption */
[id$=_lblBasicSettingsHelp],
[id$=_lblModuleHelp],
[id$=_lblAdvancedSettingsHelp],
[id$=_lblPageSettingsHelp],
[id$=_lblProfileHelp],
[id$=_lblHelp],
[id$=_UserSettings_lblprovider],
[id$=_UserSettings_lblPassword] {
  display: block;
  font-size: 90%;
  opacity: 0.5;
  padding: 1em 2em 2em;
}

[id$=_lblBasicSettingsHelp],
[id$=_lblModuleHelp],
[id$=_lblAdvancedSettingsHelp],
[id$=_lblPageSettingsHelp] {
  padding: 0 2px !important;
}

.divSettings [id$=_lblBasicSettingsHelp],
.divSettings [id$=_lblModuleHelp],
.divSettings [id$=_lblAdvancedSettingsHelp],
.divSettings [id$=_lblPageSettingsHelp] {
  padding: 0 !important;
}

.divSettings [id$=_lblPageSettingsHelp] br {
  display: none;
}

/* ================================================================
  component_tab
   ================================================================ */
.ic-tab .ictb-buttonset {
  display: flex;
  position: relative;
  z-index: 0;
}

.ic-tab .ictb-buttonset:before {
  background: #d7d7d7;
  bottom: 1px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.ic-tab .ictb-button {
  align-items: center;
  border-radius: 7px 7px 0 0;
  color: #979797;
  cursor: pointer;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 1.5em 0.5em;
}

.ic-tab .ictb-button.active {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  color: #272727;
  cursor: default;
}

.ic-tab .ictb-content {
  display: none;
}

.ic-tab .ictb-content.active {
  display: block;
  padding: 2em 0;
}

/* ================================================================
  component_loginwindow
   ================================================================ */
/* common */
.ic-login,
.ic-login *,
.ic-login *:before,
.ic-login *:after {
  box-sizing: border-box;
}

.ic-login,
.ic-login input[type=text],
.ic-login input[type=password] {
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 16px;
  line-height: 1.2;
}

.ic-login input[type=text],
.ic-login input[type=password] {
  background: #e7e7e7 !important;
  border: none !important;
  border-radius: 3px;
  color: #070707 !important;
  line-height: 1.5;
  padding: 5px 22px;
}

.ic-login input[type=text]:focus,
.ic-login input[type=password]:focus,
.ic-login input[type=text]:-webkit-autofill,
.ic-login input[type=password]:-webkit-autofill {
  background: #faffbd;
  border-color: #c3d000;
}

.ic-login .ic-logincontainer {
  background: none;
  border: none;
  overflow: auto;
  position: relative;
}

.ic-login .ic-logincontainer .LoginTabGroup {
  border-radius: 20px;
  display: flex;
  float: right;
  height: 24px;
  overflow: hidden;
  position: relative;
  width: 50%;
}

.ic-login .ic-logincontainer .LoginTabGroup > span {
  align-items: center;
  background: #e7e7e7;
  color: #676767;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  transition: all ease-in-out 0.25s;
  width: 50%;
}

.ic-login .ic-logincontainer .LoginTabGroup > span:hover {
  background: #d8e555;
  color: #070707;
}

.ic-login .ic-logincontainer .LoginTabGroup > span.LoginTabSelected,
.ic-login .ic-logincontainer .LoginTabGroup > span.LoginTabSelected:hover {
  background: #c3d600;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.15);
  color: #676767;
  cursor: default;
  transition: all ease-in-out 0.25s;
  z-index: 1;
}

.ic-login .ic-logincontainer .LoginContainerGroup {
  clear: both;
  padding: 20px 0 0;
  position: relative;
}

.ic-login .ic-logincontainer .iclg-set label {
  color: #979797;
  display: block;
  font-size: 11px;
  padding: 0 0 6px 1px;
}

.ic-login .ic-logincontainer .iclg-set input[type=text],
.ic-login .ic-logincontainer .iclg-set input[type=password],
.ic-login .ic-logincontainer .iclg-set input[type=submit] {
  width: 100% !important;
}

.ic-login .ic-logincontainer .iclg-set.-verificationcode {
  margin: 7px 0 0;
}

.ic-login .ic-logincontainer .iclg-set.-verificationcode input[type=text] {
  background: #faffbd !important;
  border-color: #c3d000 !important;
}

.ic-login .ic-logincontainer .iclg-set.-verificationcode input[type=text]:hover {
  border-color: #909920 !important;
}

.ic-login .ic-logincontainer .iclg-set.-verificationcode input[type=text][value=""] {
  background: #fff !important;
  border-color: #c7c7c7 !important;
}

.ic-login .ic-logincontainer .iclg-set.-verificationcode input[type=text][value=""]:hover {
  border-color: #909920 !important;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode {
  margin: 7px 0 0;
  padding: 0 0 40px;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode span[controlname=ctlCaptcha] {
  color: #979797;
  display: block;
  font-size: 11px;
  padding: 0 0 2px 1px;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode .Normal {
  background: #e7e7e7;
  border-radius: 3px;
  padding: 3px;
  position: relative;
  text-align: center;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode .Normal img {
  display: block;
  margin: 3px auto;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode .Normal img + div {
  color: #676767;
  font-size: 10px;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode .Normal input[type=text] {
  bottom: -37px;
  left: 0;
  position: absolute;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode .Normal .NormalRed {
  background: #c00;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 11px;
  margin: 5px 0 0;
  padding: 3px 0;
  position: relative;
}

.ic-login .ic-logincontainer .iclg-set.-securitycode .Normal .NormalRed:before {
  border-color: #c00 transparent transparent transparent;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 95%;
  width: 0;
}

.ic-login .ic-logincontainer .iclg-set.-password {
  margin: 12px 0 0;
}

.ic-login .ic-logincontainer .iclg-set.-submit {
  margin: 28px 0 0;
}

.ic-login .ic-logincontainer .iclg-set.-submit input {
  background: #c3d600;
  border: none;
  border-radius: 3px;
  color: #070707 !important;
  line-height: 1.2;
  margin: 0;
  padding: 15px 0;
  transition: all 0.25s ease-in-out;
}

.ic-login .ic-logincontainer .iclg-set.-submit input:hover {
  background: #909920;
}

.ic-login .ic-logincontainer .iclg-set.-rememberlogin {
  display: none;
  margin: 10px 0 20px;
  position: relative;
}

.ic-login .ic-logincontainer .iclg-set.-rememberlogin input[type=checkbox] {
  height: 18px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 18px;
}

.ic-login .ic-logincontainer .iclg-set.-rememberlogin label {
  color: #676767;
  display: inline-block;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  transition: all 0.25s ease-in-out;
}

.ic-login .ic-logincontainer .iclg-set.-rememberlogin label:hover {
  color: #070707;
}

.ic-login .ic-logincontainer .iclg-set.-rememberlogin + .iclg-set {
  border-top: 1px dashed #979797;
  padding-top: 10px;
}

.ic-login .ic-logincontainer .iclg-set.-rememberlogin + .iclg-set:before {
  top: 10px;
}

.ic-login .ic-logincontainer .iclg-set.-register {
  line-height: 18px;
  margin: 35px 0 0;
  padding: 0;
  position: relative;
}

.ic-login .ic-logincontainer .iclg-set.-register:before {
  background: url(/Images/edit.gif) no-repeat 0 0/contain;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}

.ic-login .ic-logincontainer .iclg-set.-register input[type=submit] {
  background: none;
  border: none;
  border-radius: 0;
  color: #676767;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  width: auto !important;
}

.ic-login .ic-logincontainer .iclg-set.-register input[type=submit]:hover {
  color: #070707;
}

.ic-login .ic-logincontainer .iclg-set.-register a {
  background: none;
  border: none;
  border-radius: 0;
  color: #676767;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  text-decoration: none;
  width: auto !important;
}

.ic-login .ic-logincontainer .iclg-set.-rememberpassword {
  line-height: 18px;
  margin: 5px 0 0;
  padding: 0;
  position: relative;
}

.ic-login .ic-logincontainer .iclg-set.-rememberpassword:before {
  background: url(/Images/action_settings.gif) no-repeat 0 0/contain;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}

.ic-login .ic-logincontainer .iclg-set.-rememberpassword a {
  background: none;
  border: none;
  border-radius: 0;
  color: #676767;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  text-decoration: none;
}

.ic-login .ic-logincontainer .iclg-set.-rememberpassword a:hover {
  color: #070707;
}

.ic-login .ic-alerttext {
  background: #c7c7c7;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 11px;
  margin: 15px 0 10px;
  padding: 7px 10px;
  position: relative;
}

.ic-login .ic-alerttext:before {
  border-color: #c7c7c7 transparent transparent transparent;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 95%;
  width: 0;
}

.ic-login .ic-alerttext.-error {
  background: #c00;
}

.ic-login .ic-alerttext.-error:before {
  border-top-color: #c00;
}

.ic-login .ic-alerttext + .iclg-set.-submit {
  margin-top: 15px;
}

/* ?ctl=login */
#dnn_ctr_Login_pnlLoginWrapper.ic-login {
  align-items: center;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

#dnn_ctr_Login_pnlLoginWrapper.ic-login .ic-logincontainer {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4);
  max-height: 90vh;
  max-width: 450px;
  overflow: auto;
  padding: 50px;
  width: 90%;
}

#dnn_ctr_Login_pnlLoginWrapper.ic-login .iclg-button {
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: 20px;
  top: 15px;
  transition: all ease-in-out 0.25s;
  width: 18px;
}

#dnn_ctr_Login_pnlLoginWrapper.ic-login .iclg-button:hover {
  opacity: 0.75;
}

#dnn_ctr_Login_pnlLoginWrapper.ic-login .iclg-button:before,
#dnn_ctr_Login_pnlLoginWrapper.ic-login .iclg-button:after {
  background-color: #272727;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  transition: all ease-in-out 0.25s;
  width: 100%;
}

#dnn_ctr_Login_pnlLoginWrapper.ic-login .iclg-button:after {
  transform: rotate(-45deg);
}

@media screen and (max-height: 400px) {
  #dnn_ctr_Login_pnlLoginWrapper.ic-login {
    position: absolute;
  }
  #dnn_ctr_Login_pnlLoginWrapper.ic-login .ic-login .ic-logincontainer {
    padding: 30px;
  }
}
@media screen and (max-width: 320px) {
  #dnn_ctr_Login_pnlLoginWrapper.ic-login .ic-logincontainer {
    padding: 25px 10px;
  }
  #dnn_ctr_Login_pnlLoginWrapper.ic-login .iclg-button {
    right: 10px;
    top: 5px;
  }
}
/* module */
.ic-login .ic-logincontainer .iclg-set.-submit .DynamicLogin_LoginLink {
  background: #c3d600;
  border: none;
  border-radius: 3px;
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}

.ic-login .ic-logincontainer .iclg-set.-submit .DynamicLogin_LoginLink:hover {
  background-color: #909920;
  color: #272727;
  opacity: 1;
}

/* Template : login ============================================= */
.icmdtp-loginItem,
.icmdtp-loginItem *,
.icmdtp-loginItem *:before,
.icmdtp-loginItem *:after {
  box-sizing: border-box;
}

.icmdtp-loginItem,
.icmdtp-loginItem input[type=text],
.icmdtp-loginItem input[type=password] {
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 16px;
  line-height: 1.2;
}

.icmdtp-loginItem input[type=text],
.icmdtp-loginItem input[type=password] {
  background: #e7e7e7 !important;
  border: none !important;
  border-radius: 3px;
  color: #070707 !important;
  line-height: 1.5;
  padding: 5px 22px;
}

.icmdtp-loginItem input[type=text]:focus,
.icmdtp-loginItem input[type=password]:focus,
.icmdtp-loginItem input[type=text]:-webkit-autofill,
.icmdtp-loginItem input[type=password]:-webkit-autofill {
  background: #faffbd;
  border-color: #c3d000;
}

.icmdtp-loginItem .loginContainer {
  background: none;
  border: none;
  overflow: auto;
  position: relative;
}

.icmdtp-loginItem .loginContainer .LoginContainerGroup {
  clear: both;
  padding: 20px 0 0;
  position: relative;
}

.icmdtp-loginItem .loginContainer .iclg-set label {
  color: #979797;
  display: block;
  font-size: 11px;
  padding: 0 0 6px 1px;
}

.icmdtp-loginItem .loginContainer .iclg-set input[type=text],
.icmdtp-loginItem .loginContainer .iclg-set input[type=password],
.icmdtp-loginItem .loginContainer .iclg-set input[type=submit] {
  width: 100% !important;
}

.icmdtp-loginItem .loginContainer .iclg-set.-verificationcode {
  margin: 7px 0 0;
}

.icmdtp-loginItem .loginContainer .iclg-set.-verificationcode input[type=text] {
  background: #faffbd !important;
  border-color: #c3d000 !important;
}

.icmdtp-loginItem .loginContainer .iclg-set.-verificationcode input[type=text]:hover {
  border-color: #909920 !important;
}

.icmdtp-loginItem .loginContainer .iclg-set.-verificationcode input[type=text][value=""] {
  background: #fff !important;
  border-color: #c7c7c7 !important;
}

.icmdtp-loginItem .loginContainer .iclg-set.-verificationcode input[type=text][value=""]:hover {
  border-color: #909920 !important;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode {
  margin: 7px 0 0;
  padding: 0 0 40px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode span[controlname=ctlCaptcha] {
  color: #979797;
  display: block;
  font-size: 11px;
  padding: 0 0 2px 1px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode .Normal {
  background: #e7e7e7;
  border-radius: 3px;
  padding: 3px;
  position: relative;
  text-align: center;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode .Normal img {
  display: block;
  margin: 3px auto;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode .Normal img + div {
  color: #676767;
  font-size: 10px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode .Normal input[type=text] {
  bottom: -37px;
  left: 0;
  position: absolute;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode .Normal .NormalRed {
  background: #c00;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 11px;
  margin: 5px 0 0;
  padding: 3px 0;
  position: relative;
}

.icmdtp-loginItem .loginContainer .iclg-set.-securitycode .Normal .NormalRed:before {
  border-color: #c00 transparent transparent transparent;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 95%;
  width: 0;
}

.icmdtp-loginItem .loginContainer .iclg-set.-password {
  margin: 12px 0 0;
}

.icmdtp-loginItem .loginContainer .iclg-set.-submit {
  margin: 28px 0 0;
}

.icmdtp-loginItem .loginContainer .iclg-set.-submit input {
  background: #c3d600;
  border: none;
  border-radius: 3px;
  color: #070707 !important;
  line-height: 1.2;
  margin: 0;
  padding: 15px 0;
  transition: all 0.25s ease-in-out;
}

.icmdtp-loginItem .loginContainer .iclg-set.-submit input:hover {
  background: #909920;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberlogin {
  margin: 10px 0 20px;
  position: relative;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberlogin input[type=checkbox] {
  cursor: pointer;
  height: 18px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 18px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberlogin label {
  color: #676767;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  transition: opacity 0.25s ease-in-out;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberlogin label:hover {
  opacity: 0.5;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberlogin + .iclg-set {
  border-top: 1px dashed #979797;
  padding-top: 10px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberlogin + .iclg-set:before {
  top: 10px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-register {
  line-height: 18px;
  margin: 35px 0 0;
  padding: 0;
}

.icmdtp-loginItem .loginContainer .iclg-set.-register input[type=submit] {
  background: none;
  border: none;
  border-radius: 0;
  color: #676767;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  width: auto !important;
}

.icmdtp-loginItem .loginContainer .iclg-set.-register input[type=submit]:hover {
  color: #070707;
}

.icmdtp-loginItem .loginContainer .iclg-set.-register a {
  background: none;
  border: none;
  border-radius: 0;
  color: #676767;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  position: relative;
  text-decoration: none;
  transition: opacity 0.25s ease-in-out;
  width: auto !important;
}

.icmdtp-loginItem .loginContainer .iclg-set.-register a:before {
  background: url(/Images/edit.gif) no-repeat 0 0/contain;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-register a:hover {
  opacity: 0.5;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberpassword {
  line-height: 18px;
  margin: 5px 0 0;
  padding: 0;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberpassword a {
  background: none;
  border: none;
  border-radius: 0;
  color: #676767;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 24px;
  position: relative;
  text-decoration: none;
  transition: opacity 0.25s ease-in-out;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberpassword a:hover {
  opacity: 0.5;
}

.icmdtp-loginItem .loginContainer .iclg-set.-rememberpassword a:before {
  background: url(/Images/action_settings.gif) no-repeat 0 0/contain;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}

.icmdtp-loginItem .loginContainer .iclg-set.-submit .DynamicLogin_LoginLink {
  background: #c3d600;
  border: none;
  border-radius: 3px;
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}

.icmdtp-loginItem .loginContainer .iclg-set.-submit .DynamicLogin_LoginLink:hover {
  background-color: #909920;
  color: #272727;
  opacity: 1;
}

.icmdtp-loginItem .ic-alerttext {
  background: #c7c7c7;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 11px;
  margin: 15px 0 10px;
  padding: 7px 10px;
  position: relative;
}

.icmdtp-loginItem .ic-alerttext:before {
  border-color: #c7c7c7 transparent transparent transparent;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 95%;
  width: 0;
}

.icmdtp-loginItem .ic-alerttext.-error {
  background: #c00;
}

.icmdtp-loginItem .ic-alerttext.-error:before {
  border-top-color: #c00;
}

.icmdtp-loginItem .ic-alerttext + .iclg-set.-submit {
  margin-top: 15px;
}

/* ================================================================
  component_moduleheader
   ================================================================ */
/* wrap */
.ic-moduleheader,
.ic-moduleheader *,
.ic-moduleheader *:before,
.ic-moduleheader *:after {
  box-sizing: border-box;
}

.ic-moduleheader {
  display: flex;
}

.ic-moduleheader {
  color: #070707;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 16px;
  line-height: 1.5;
}

.ic-moduleheader .ModuleTitle_MenuBreak {
  display: none;
}

.previewMode .ic-moduleheader {
  display: none;
}

.ic-modulenav,
.ic-modulenav *,
.ic-modulenav *:before,
.ic-modulenav *:after {
  box-sizing: border-box;
}

.ic-modulenav {
  color: #070707;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 16px;
  line-height: 1.5;
}

/* editbutton ... "!important" is for accessivility-module */
.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton {
  background: #272727;
  border-radius: 3px;
  cursor: pointer;
  height: 20px;
  margin: 2px 0;
  overflow: hidden;
  position: relative;
  text-indent: 200%;
  transition: all ease-in-out 0.25s;
  white-space: nowrap;
  width: 55px;
}

.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton:hover {
  background: #070707 !important;
  color: #c3d600;
}

.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton:before {
  color: #c7c7c7;
  content: "編集";
  display: block;
  font-size: 11px;
  height: 0;
  left: 19px;
  letter-spacing: 2px;
  margin: auto;
  position: absolute;
  text-indent: 0;
  top: 3px;
  width: 0;
}

.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton:after {
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  content: "";
  display: block;
  height: 5px;
  left: 7px;
  margin: auto;
  position: absolute;
  top: 7px;
  transform: rotate(45deg);
  transition: all ease-in-out 0.25s;
  width: 5px;
}

.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton:hover:before {
  background: #000 !important;
  color: #c3d600;
}

.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton:hover:after {
  border-color: #c3d600;
}

.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem.open .ic-navbutton {
  border-radius: 3px 3px 0 0;
}

.ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem.open .ic-navbutton:after {
  left: 8px;
  top: 6px;
  transform: rotate(135deg);
}

/* info - tooltip */
.ic-moduleinfo {
  display: flex;
  position: relative;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip {
  background: #c3d600;
  border-radius: 7px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
  color: #070707;
  display: none;
  font-size: 12px;
  line-height: 1.1;
  padding: 10px 12px 10px 15px;
  position: absolute;
  visibility: hidden;
  width: 250px;
  z-index: 99;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip {
  bottom: calc(100% + 10px);
  left: -46px;
  visibility: visible;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip.ictp-bottom {
  bottom: auto;
  top: 30px;
  visibility: visible;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip.ictp-left {
  left: -220px;
  visibility: visible;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip:after {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip:after {
  border-color: #c3d600 transparent transparent transparent;
  border-width: 10px 5px 0 5px;
  bottom: -9px;
  left: 20px;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip.ictp-bottom:after {
  border-color: transparent transparent #c3d600 transparent;
  border-width: 0 5px 10px 5px;
  bottom: auto;
  top: -9px;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip.ictp-left:after {
  left: auto;
  right: 20px;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item {
  display: flex;
  padding: 0.25em 0;
  width: auto;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item .ic-item-label {
  color: rgba(0, 0, 0, 0.5);
  flex-shrink: 0;
  margin: 0 1em 0 0;
  position: relative;
  white-space: nowrap;
  width: 5em;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item .ic-item-label:after {
  bottom: 0;
  content: "：";
  left: 100%;
  margin: auto;
  position: absolute;
  top: 0;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-titlewithtype {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  margin: 0 0 0.5em;
  padding: 0.5em 0 0.5em;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-titlewithtype .ic-item-label {
  display: none;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-titlewithtype .ic-item-value span {
  display: inline-block;
  font-size: 0.8em;
  opacity: 0.8;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-titlewithtype .ic-item-value:empty:after {
  color: rgba(0, 0, 0, 0.5);
  content: "タイトルなし";
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-type .ic-item-label {
  letter-spacing: -0.1em;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-approval .ic-item-label {
  letter-spacing: 0.05em;
}

.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-startdate .ic-item-value span,
.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-enddate .ic-item-value span,
.ic-moduleinfo .ic-item.-info .ic-tooltip .ic-item.-lastdate .ic-item-value span {
  display: inline-block;
  font-size: 0.8em;
  opacity: 0.8;
}

.ic-moduleinfo .ic-item.-info:active .ic-tooltip .ic-item.-title .ic-item-value {
  background: #c3d600;
  border-radius: 2px;
  overflow: visible;
  padding-right: 1em;
  text-overflow: auto;
  white-space: nowrap;
  width: auto;
}

/* info - device */
.ic-moduleinfo .ic-item.-device {
  cursor: default;
  margin: 0;
  padding: 2px 0;
}

.ic-moduleinfo .ic-item.-device {
  position: relative;
}

.ic-moduleinfo .ic-item.-device .ic-item-label {
  display: none;
}

.ic-moduleinfo .ic-item.-device .ic-item-value {
  display: none;
}

.ic-moduleinfo .ic-item.-device .ic-item-value:after {
  content: "のみ表示";
}

.ic-moduleinfo .ic-item.-device .ic-item-value:empty:after {
  content: "";
}

.ic-module.-device-pc .ic-moduleinfo .ic-item.-device .ic-item-value,
.ic-module.-device-sp .ic-moduleinfo .ic-item.-device .ic-item-value {
  background: #c7c7c7;
  border-radius: 0 3px 3px 0;
  display: block;
  font-family: inherit;
  font-size: 11px;
  line-height: 20px;
  padding: 0 7px;
  position: relative;
}

.ic-module.-device-pc:not([id*=_ViewTabs_ctr]) .ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton,
.ic-module.-device-sp:not([id*=_ViewTabs_ctr]) .ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton {
  border-radius: 3px 0 0 3px;
}

.ic-module.-device-pc:not([id*=_ViewTabs_ctr]) .ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem.open .ic-navbutton,
.ic-module.-device-sp:not([id*=_ViewTabs_ctr]) .ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem.open .ic-navbutton {
  border-radius: 3px 0 0 0;
}

/* info - place */
.ic-module {
  position: relative;
}

.ic-module.-place-all:before,
.ic-module.-place-ref:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 15px;
  left: 48px;
  position: absolute;
  top: -5px;
  width: 15px;
  z-index: 1;
}

.ic-module.-place-all:before {
  background-image: url(/Portals/_default/images/moduleheader/ico_link_all.png);
}

.ic-module.-place-ref:before {
  background-image: url(/Portals/_default/images/moduleheader/ico_link_ref.png);
}

.ic-module.-device-pc.-device-sp .ic-moduleinfo .ic-item.-device .ic-item-value {
  display: none;
}

/* move */
.ic-module[style][moduleid][_b] {
  background-color: rgba(195, 214, 1, 0.35) !important;
  border: 3px solid rgba(195, 214, 1, 0.75) !important;
}

*[id*=Pane][class*=Pane][style*="border: 4px double rgb(153, 153, 255);"] {
  border-color: rgba(195, 214, 1, 0.5) !important;
}

.ic-moduleheader .ic-modulemove {
  background: url(/Portals/_default/images/moduleheader/ico_move.png) center center no-repeat;
  background-size: 9px;
  border-radius: 3px;
  cursor: move !important;
  display: block;
  height: 20px;
  overflow: hidden;
  text-indent: 200%;
  transition: all ease-in-out 0.25s;
  white-space: nowrap;
  width: 20px;
}

.ic-moduleheader .ic-modulemove:hover {
  background-image: url(/Portals/_default/images/moduleheader/ico_move_on.png);
}

/* dropdownnav */
.ModuleTitle_SubMenu,
.ModuleTitle_SubMenu *,
.ModuleTitle_SubMenu *:before,
.ModuleTitle_SubMenu *:after {
  box-sizing: border-box;
}

.ModuleTitle_SubMenu {
  color: #070707;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 16px;
  line-height: 1.5;
}

.ModuleTitle_SubMenu {
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  margin: 0;
  overflow: hidden;
  padding: 1px 0 0 0;
  z-index: 1000 !important;
}

.ModuleTitle_SubMenu > div {
  background: #f7f7f7;
  width: 17em;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem {
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  left: auto !important;
  line-height: 1.2;
  padding: 10px;
  position: relative;
  top: auto !important;
  transition: all ease-in-out 0.25s;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem:hover {
  background: #e7e7e7;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem:first-child {
  border: none;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem .ModuleTitle_MenuIcon {
  background: transparent;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem .ModuleTitle_MenuIcon img {
  height: 100%;
  width: 100%;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem .ModuleTitle_MenuItem,
.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem .ModuleTitle_MenuItemSel {
  align-items: center;
  display: flex;
  min-height: 24px;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem .ModuleTitle_MenuArrow > img {
  bottom: 0;
  left: 2px;
  margin: auto;
  position: absolute;
  top: 0;
}

.ModuleTitle_SubMenu > div > .ModuleTitle_MenuItem.active {
  background: #e7e7e7;
}

/* ================================================================
  module_editor
    エディタ        .TextEditor.divSettings>.tableSettings
    承認エディタ  .EditContent.divSettings>.tableSettings
   ================================================================ */
.TextEditor.divSettings > .tableSettings,
.EditContent.divSettings > .tableSettings {
  display: block;
  padding: 0;
  width: auto !important;
}

.TextEditor.divSettings > .tableSettings > tbody > tr > th,
.EditContent.divSettings > .tableSettings > tbody > tr > th,
.TextEditor.divSettings > .tableSettings > tbody > tr > td,
.EditContent.divSettings > .tableSettings > tbody > tr > td {
  display: block;
  padding: 0;
  width: 100% !important;
}

.TextEditor.divSettings > .tableSettings > tbody,
.EditContent.divSettings > .tableSettings > tbody,
.TextEditor.divSettings > .tableSettings > tbody > tr,
.EditContent.divSettings > .tableSettings > tbody > tr {
  background: transparent !important;
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
}

.TextEditor.divSettings > .tableSettings > tbody > tr > th,
.EditContent.divSettings > .tableSettings > tbody > tr > th,
.TextEditor.divSettings > .tableSettings > tbody > tr > td,
.EditContent.divSettings > .tableSettings > tbody > tr > td {
  padding: 0 45px;
}

.TextEditor.divSettings > .tableSettings > tbody > tr:nth-child(1) td,
.EditContent.divSettings > .tableSettings > tbody > tr:nth-child(1) td {
  padding-bottom: 0;
}

.TextEditor.divSettings > .tableSettings > tbody > tr:nth-child(2) th,
.TextEditor.divSettings > .tableSettings > tbody > tr:nth-child(2) td,
.EditContent.divSettings > .tableSettings > tbody > tr:nth-child(2) th,
.EditContent.divSettings > .tableSettings > tbody > tr:nth-child(2) td {
  padding: 0;
}

.TextEditor.divSettings > .tableSettings > tbody > tr:nth-child(3),
.EditContent.divSettings > .tableSettings > tbody > tr:nth-child(3) {
  position: relative;
}

.modalMode .TextEditor.divSettings > .tableSettings > tbody > tr > th,
.modalMode .EditContent.divSettings > .tableSettings > tbody > tr > th,
.modalMode .TextEditor.divSettings > .tableSettings > tbody > tr > td,
.modalMode .EditContent.divSettings > .tableSettings > tbody > tr > td {
  padding: 0 20px;
}

/* comment */
textarea[id$=_EditContent_txtComment] {
  height: 3em !important;
}

/* keyword for sitesearch */
span[id$=_EditHTML_plDesktopSummary_lblLabel],
span[id$=_EditContent_plContentSummary_lblLabel] {
  min-width: 13.5em;
}

.EditHtml.tableSettings > tbody > tr:nth-child(3) > td textarea.ctlTextArea_S,
textarea[id$=_EditContent_txtContentSummary] {
  height: 3em !important;
}

/* setting - historymanage */
div.divSettings.HistoryContent > div:not([id]):not([class]) {
  font-size: inherit;
}

[id$=_HistoryContent_grdResult] > thead > tr > th:nth-last-child(1),
[id$=_HistoryContent_grdResult] > thead > tr > th:nth-last-child(3),
[id$=_HistoryContent_grdResult] > tbody > tr > td:nth-last-child(1),
[id$=_HistoryContent_grdResult] > tbody > tr > td:nth-last-child(3) {
  text-align: center;
  width: 4em;
}

[id$=_HistoryContent_grdResult] > thead > tr > th:nth-last-child(1) span {
  font-size: 12px;
}

/* approval manage  */
.Search select[id*=_ViewApproval_ddl] {
  margin: 0 0.5em 0.5em 0;
}

/* approval flow　*/
.EditManageRole table[id*=_EditManageRole_tblGeneral] {
  width: 100%;
}

.EditManageRole table[id*=_EditManageRole_tblGeneral] th,
.EditManageRole table[id*=_EditManageRole_tblGeneral] td {
  border-bottom: 1px dashed #d7d7d7;
  font-weight: normal;
  padding: 1em 5px 1em 0;
}

.EditManageRole table[id*=_EditManageRole_tblGeneral] th {
  width: 17em;
}

.EditManageRole table[id*=_EditManageRole_tblGeneral] td table th,
.EditManageRole table[id*=_EditManageRole_tblGeneral] td table td {
  border: none;
  padding: 0;
  width: auto;
}

.EditManageRole table[id*=_EditManageRole_tblGeneral] td table td select.ctlSelectList_S {
  min-width: 280px;
}

table.ManageRoleSettings td table td select {
  min-width: 280px;
}

table.ManageRoleSettings td table tr:nth-child(2) td:nth-child(2) table td a.CommandButton {
  margin-bottom: 3px;
  min-width: 3.8em;
  padding: 0;
  text-align: center;
}

a[id$=_EditManageRole_cmdEditApprove]:after {
  content: "人数設定";
}

/**/
@media screen and (max-width: 1050px) {
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:nth-child(2) td:nth-child(2) table tbody {
    display: flex;
  }
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:nth-child(2) td:nth-child(2) table a[id*=_EditManageRole_cmdAdd] img {
    transform: rotate(90deg);
  }
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:nth-child(2) td:nth-child(2) table a[id*=_EditManageRole_cmdRemove] img {
    transform: rotate(90deg);
  }
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:first-child td:nth-child(2),
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:first-child td:nth-child(3),
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:first-child td:nth-child(4) {
    display: none;
  }
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:nth-child(2) td {
    position: relative;
  }
  .EditManageRole table[id*=_EditManageRole_tblGeneral] td table tr:nth-child(2) td:nth-child(3):before {
    content: "権限を与えるロール";
    display: block;
  }
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:nth-child(2) td:nth-child(2) table tbody {
    display: flex;
  }
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:nth-child(2) td:nth-child(2) table a[id*=_EditManageRole_cmdAdd] img {
    transform: rotate(90deg);
  }
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:nth-child(2) td:nth-child(2) table a[id*=_EditManageRole_cmdRemove] img {
    transform: rotate(90deg);
  }
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:first-child td:nth-child(2),
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:first-child td:nth-child(3),
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:first-child td:nth-child(4) {
    display: none;
  }
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:nth-child(2) td {
    position: relative;
  }
  .EditManageRole table[id*=_EditManageRole_tblRollback] td table tr:nth-child(2) td:nth-child(3):before {
    content: "権限を与えるロール";
    display: block;
  }
  table.ManageRoleSettings td table tr:first-child td:nth-child(2),
  table.ManageRoleSettings td table tr:first-child td:nth-child(3) {
    display: none;
  }
  table.ManageRoleSettings td table tr:nth-child(2) td:nth-child(3) {
    position: relative;
  }
  table.ManageRoleSettings td table tr:nth-child(2) td:nth-child(3):before {
    content: "適用";
    display: block;
  }
  table.ManageRoleSettings td table tr:nth-child(2) td:nth-child(2) table tbody {
    align-items: center;
    display: flex;
    height: 50px;
  }
  table.ManageRoleSettings td table tr:nth-child(2) td:nth-child(2) table td a.CommandButton[id*=_cmdAdd] {
    transform: rotate(90deg);
  }
  table.ManageRoleSettings td table tr:nth-child(2) td:nth-child(2) table td a.CommandButton[id*=_cmdRemove] {
    transform: rotate(90deg);
  }
  table.ManageRoleSettings td table tr:nth-child(2) td:nth-child(2) table td a.CommandButton {
    min-width: 37px;
  }
}
/* ================================================================
  module_approval_role
   ================================================================ */
.ViewManageRole > thead > tr > th:nth-child(1),
.ViewManageRole > thead > tr > th:nth-child(2) {
  text-align: center;
  width: 4em !important;
}

.ViewManageRole > thead > tr > th:nth-child(4),
.ViewManageRole > thead > tr > th:nth-child(5),
.ViewManageRole > thead > tr > th:nth-child(6) {
  text-align: center;
  width: 6em !important;
}

.ViewManageRole > thead > tr > th:nth-child(7) {
  width: 8em !important;
}

.ViewManageRole > tbody > tr > td:nth-child(1),
.ViewManageRole > tbody > tr > td:nth-child(2),
.ViewManageRole > tbody > tr > td:nth-child(4),
.ViewManageRole > tbody > tr > td:nth-child(5),
.ViewManageRole > tbody > tr > td:nth-child(6) {
  text-align: center;
}

/* ================================================================
  module_blog
   ================================================================ */
/*blog view*/
.blogCommentForm .dlList_vertical {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.blogCommentForm .dlList_vertical dt {
  margin: 0;
  padding: 0.5em 0;
  width: 10em;
}

.blogCommentForm .dlList_vertical dd {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0.5em 0;
  width: calc(100% - 10em);
}

.blogCommentForm .divVerify {
  background: rgba(0, 0, 0, 0.1);
  padding: 1em 2em;
  text-align: center;
}

/*blog search*/
.blogSearch dl {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0.5em 0;
}

.blogSearch dt {
  margin: 0;
  padding: 0;
  width: 7em;
}

.blogSearch dd {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0;
  width: calc(100% - 7em);
}

.blogSearch dd span.txtSearch {
  align-items: center;
  display: flex;
}

.submitArea input[id^=dnn_][type=submit].BlogSearchButton {
  background: #e03500;
  border-color: #e03500 !important;
  color: #fff;
}

/* blog-calendar*/
div.divSettings td [id$=_ModuleSettings_Settings_ddlBlogPage_ddlTabModule] + br {
  display: block;
}

.blogCalendarTable {
  table-layout: fixed;
}

.blogCalendarTable,
.blogCalendarTable th,
.blogCalendarTable td {
  border: 1px solid #d7d7d7;
  padding: 0.5em;
}

.blogCalendarTable td th,
.blogCalendarTable td td {
  border: none;
}

.blogCalendarTable td[align=center] {
  text-align: center;
}

.blogCalendarTable td[align=right] {
  text-align: right;
}

.blogCalendarTable > tbody > tr > td.EventTitle {
  background: rgba(0, 0, 0, 0.1);
}

.blogCalendarTable > tbody > tr > td.EventDayHeader {
  background: rgba(0, 0, 0, 0.05);
}

.blogCalendarTable > tbody > tr > td.EventDayHeader:first-child {
  background: #fff5f5;
}

.blogCalendarTable > tbody > tr > td.EventDayHeader:last-child {
  background: #e7f2ff;
}

.blogCalendarTable > tbody > tr > td.EventSunday {
  color: #b00000;
}

.blogCalendarTable > tbody > tr > td.EventSaturday {
  color: #05a;
}

/* blog-manage */
table.tableSettings.BlogAdminSettings label > br {
  display: block;
}

[id$=_ViewBlog_grdResult] {
  margin: 0 0 2em;
}

[id$=_ViewBlog_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_ViewBlog_grdResult] > thead > tr > th:nth-last-child(3),
[id$=_ViewBlog_grdResult] > tbody > tr > td:nth-last-child(2),
[id$=_ViewBlog_grdResult] > tbody > tr > td:nth-last-child(3) {
  text-align: center;
  width: 4em;
}

[id$=_ViewBlog_grdResult] > thead > tr > th:nth-last-child(1) {
  width: 5em;
}

[id$=_ViewBlog_grdResult] > thead > tr > th:nth-last-child(1) span,
[id$=_ViewBlog_grdResult] > tbody > tr > td:nth-last-child(1) span,
[id$=_ViewBlog_grdResult] > thead > tr > th:nth-last-child(2) span {
  font-size: 12px;
}

/* blog-history */
[id$=_HistoryBlogArticle_grdResult] > thead > tr > th:nth-last-child(1),
[id$=_HistoryBlogArticle_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_HistoryBlogArticle_grdResult] > tbody > tr > td:nth-last-child(1),
[id$=_HistoryBlogArticle_grdResult] > tbody > tr > td:nth-last-child(2) {
  text-align: center;
  width: 4em;
}

[id$=_HistoryBlogArticle_grdResult] > thead > tr > th:nth-last-child(1) span {
  font-size: 12px;
}

/* ================================================================
  module_calendar
   ================================================================ */
/* calendar-manage-module */
[id$=_ViewEvents_pnlAllArea] .search {
  margin: 0 0 0.5em;
}

[id$=_ViewQandA_grdResult] {
  margin: 0 0 2em;
}

[id$=_ViewEvents_grdResult] > thead > tr > th:last-child,
[id$=_ViewEvents_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_ViewEvents_grdResult] > tbody > tr > td:last-child,
[id$=_ViewEvents_grdResult] > tbody > tr > td:nth-last-child(2) {
  text-align: center;
  width: 4em;
}

[id$=_ViewEvents_grdResult] > tbody > tr > td input[type=image][id^=dnn] {
  margin: auto;
}

[id$=_ViewEvents_grdResult] > tbody > tr > td input[type=image][id^=dnn]:hover {
  opacity: 0.5;
}

[id$=_ViewEvents_grdResult] > thead > tr > th:last-child {
  font-size: 80%;
}

[id*=_ViewEvents_grdResult_lblEventDateBegin_],
[id*=_ViewEvents_grdResult_lblEventDateEnd_] {
  display: block;
  width: 6em;
}

[id$=_HistoryEvent_grdResult] > thead > tr > th:last-child,
[id$=_HistoryEvent_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_HistoryEvent_grdResult] > thead > tr > th:nth-last-child(3),
[id$=_HistoryEvent_grdResult] > thead > tr > th:nth-last-child(4),
[id$=_HistoryEvent_grdResult] > tbody > tr > td:last-child,
[id$=_HistoryEvent_grdResult] > tbody > tr > td:nth-last-child(2),
[id$=_HistoryEvent_grdResult] > tbody > tr > td:nth-last-child(3),
[id$=_HistoryEvent_grdResult] > tbody > tr > td:nth-last-child(4) {
  text-align: center;
  width: 4em;
}

[id$=_HistoryEvent_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_HistoryEvent_grdResult] > thead > tr > th:nth-last-child(3) {
  font-size: 80%;
}

[id*=_HistoryEvent_grdResult_lblUpdateDate_],
[id*=_HistoryEvent_grdResult_lblExpireDate_],
[id*=_HistoryEvent_grdResult_lblApprovalDate_] {
  display: block;
  width: 6em;
}

/*addevent*/
[id$=_EditEvents_txtTitle] {
  font-size: inherit !important;
  width: 80% !important;
}

/*addcategory*/
select[id*=EventEditCategories][id*=ddlCategoryColor] {
  display: block !important;
}

select[id*=EventEditCategories][id*=ddlCategoryColor] + .nice-select {
  display: none;
}

/* calendar-viw-module */
[id$=_Events_UP] .submitArea {
  margin: 0 0 1em;
}

[id$=_Events_UP] .submitArea > span,
[id$=_Events_UP] .submitArea > div {
  display: inline-block;
  vertical-align: middle;
}

[id$=_Events_UP] .submitArea a[id^=dnn_].CommandButton {
  padding-bottom: 0.05em;
  padding-top: 0.05em;
}

[id$=_Events_UP] .submitArea > input[type=submit] {
  background: #e03500;
  border-color: #e03500;
  color: #fff;
  margin: 0 0.05em;
  min-width: inherit;
  padding-bottom: 0.05em;
  padding-top: 0.05em;
}

[id$=_Events_UP] .submitArea > span[id$=_Events_EventMonth_dtGoToDate_spnDateTime] {
  width: 11em;
}

[id$=_Events_UP] .tableGrid {
  table-layout: fixed;
}

[id$=_Events_UP] .tableGrid,
[id$=_Events_UP] .tableGrid th,
[id$=_Events_UP] .tableGrid td {
  border: 1px solid #d7d7d7;
}

[id$=_Events_UP] .tableGrid td th,
[id$=_Events_UP] .tableGrid td td {
  border: none;
}

[id$=_Events_UP] .tableGrid td[align=center] {
  text-align: center;
}

[id$=_Events_UP] .tableGrid td[align=right] {
  text-align: right;
}

[id$=_Events_UP] .tableGrid > tbody > tr > td.EventTitle {
  background: rgba(0, 0, 0, 0.1);
}

[id$=_Events_UP] .tableGrid > tbody > tr > td.EventDayHeader {
  background: rgba(0, 0, 0, 0.05);
}

[id$=_Events_UP] .tableGrid > tbody > tr > td.EventDayHeader:first-child {
  background: #fff5f5;
}

[id$=_Events_UP] .tableGrid > tbody > tr > td.EventDayHeader:last-child {
  background: #e7f2ff;
}

[id$=_Events_UP] .tableGrid > tbody > tr > td.EventSunday {
  color: #b00000;
}

[id$=_Events_UP] .tableGrid > tbody > tr > td.EventSaturday {
  color: #05a;
}

.Eventtooltip {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
  display: block;
  padding: 0.5em 1em;
  z-index: 2;
}

/* ================================================================
  module_mailmagazine
   ================================================================ */
/* mailmagazine cancel module */
[id$=_ViewMailmagazineCancel_pnlInputPageArea] table {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  width: 100%;
}

[id$=_ViewMailmagazineCancel_pnlInputPageArea] table > tbody > tr > th,
[id$=_ViewMailmagazineCancel_pnlInputPageArea] table > tbody > tr > td {
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  padding: 0.5em;
}

[id$=_ViewMailmagazineCancel_pnlInputPageArea] table > tbody > tr > th {
  background: #e7e7e7;
  width: 13em;
}

[id$=_ViewMailmagazineCancel_pnlInputPageArea] table > tbody > tr > td input[id^=dnn_][type=text] {
  max-width: 33em;
  width: 100%;
}

/* mailmagazine manage module */
[id$=_ViewMailMagazineList_pnlAllArea] .adminTable {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  margin: 0.5em 0 2em;
  width: 100%;
}

[id$=_ViewMailMagazineList_pnlAllArea] .adminTable > tbody > tr > th,
[id$=_ViewMailMagazineList_pnlAllArea] .adminTable > tbody > tr > td {
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  padding: 0.5em;
}

[id$=_ViewMailMagazineList_pnlAllArea] .adminTable > tbody > tr:nth-child(1) > th {
  background: #e7e7e7;
}

[id$=_ViewMailMagazineList_pnlAllArea] .adminTable > tbody > tr:nth-child(1) > th.adminMelMagaCommand {
  width: 14.5em;
}

.adminWrapEdit.adminMelmaga > table {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  margin: 0.5em 0 2em;
  width: 100%;
}

.adminWrapEdit.adminMelmaga > table > tbody > tr > th,
.adminWrapEdit.adminMelmaga > table > tbody > tr > td {
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  padding: 0.5em;
}

.adminWrapEdit.adminMelmaga > table > tbody > tr > th {
  background: #e7e7e7;
  width: 13em;
}

.adminWrapEdit.adminMelmaga > table > tbody > tr > td input[type=text] {
  width: 100% !important;
}

.adminWrapEdit.adminMelmaga > table > tbody > tr > td textarea {
  width: 100%;
}

.adminWrapEdit.adminMelmaga > table > tbody > tr > td table,
.adminWrapEdit.adminMelmaga > table > tbody > tr > td table > tbody,
.adminWrapEdit.adminMelmaga > table > tbody > tr > td table > tbody > tr > th,
.adminWrapEdit.adminMelmaga > table > tbody > tr > td table > tbody > tr > td {
  display: block;
}

.adminWrapEdit.adminMelmaga > table > tbody > tr > td table > tbody > tr {
  display: flex;
  flex-wrap: wrap;
}

[id$=_ViewTemplateList_pnlAllArea] .adminTable {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  margin: 0.5em 0 2em;
  width: 100%;
}

[id$=_ViewTemplateList_pnlAllArea] .adminTable > tbody > tr > th,
[id$=_ViewTemplateList_pnlAllArea] .adminTable > tbody > tr > td {
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  padding: 0.5em;
}

[id$=_ViewTemplateList_pnlAllArea] .adminTable > tbody > tr:nth-child(1) > th {
  background: #e7e7e7;
}

[id$=_ViewTemplateList_pnlAllArea] .adminTable > tbody > tr:nth-child(1) > th:last-child {
  width: 10em;
}

/* ================================================================
  module_ec
   ================================================================ */
/* cart */
div.divSettings td [id$=_EditMailForm_lblSenderMailAddrAnnotation] br {
  display: block;
}

[id$=_EditDeliveryMethod_lblDeliveryChargeType] {
  width: auto !important;
}

[id$=_EditDeliveryMethod_pnlFixed] {
  display: inline-block;
  width: auto !important;
}

[id$=_EditDeliveryMethod_pnlPrefecturesForButton],
[id$=_EditDeliveryMethod_pnlEachChargeForButton],
[id$=_EditDeliveryMethod_pnlPrefecturesForButton] {
  margin: 0.5em 0 0;
}

[id$=_EditDeliveryMethod_pnlEachCharge] {
  line-height: 3;
}

div.divSettings td [id$=_EditDeliveryMethod_pnlEachCharge] br {
  display: block;
}

[id$=_EditDeliveryMethod_lblDeliveryChargeType] {
  width: auto !important;
}

div.divSettings td [id$=_EditDeliveryMethod_pnlPrefectures] {
  line-height: 3;
}

div.divSettings td [id$=_EditDeliveryMethod_pnlPrefectures] br {
  display: block;
}

[id*=_EditDeliveryOptions_Panel] td {
  width: auto !important;
}

.pnlByPrice {
  line-height: 3;
}

.pnlByPrice a.CommandButton {
  line-height: 1.5;
}

div.divSettings td .pnlByPrice br {
  display: block;
}

/* search */
.ViewOrderSearch .dlList_vertical {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.ViewOrderSearch .dlList_vertical dt {
  margin: 0;
  padding: 0.5em 0;
  width: 8em;
}

.ViewOrderSearch .dlList_vertical dd {
  margin: 0;
  padding: 0.5em 0;
  width: calc(100% - 8em);
}

.ViewOrderSearch .dlList_vertical dd span[id*=_ViewOrderSearch_lblNote] {
  display: block;
}

/* orderlist */
.ShoppingCart table.OrderList.tableGrid th.label > span {
  color: #474747 !important;
}

/* ================================================================
  module_db
   ================================================================ */
/* search */
.productSearchArea .productSearchItem {
  border-top: 1px solid #d7d7d7;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 1em 0;
}

.productSearchArea .productSearchItem:first-child {
  border: none;
}

.productSearchArea .productSearchItem div:nth-child(1) {
  margin: 0;
  padding: 0 1em 0 0;
  width: 7em;
}

.productSearchArea .productSearchItem div:nth-child(2) {
  margin: 0;
  padding: 0;
  width: calc(100% - 7em);
}

.productSearchArea .productSearchItem div:nth-child(2) table,
.productSearchArea .productSearchItem div:nth-child(2) table tbody,
.productSearchArea .productSearchItem div:nth-child(2) table tbody tr,
.productSearchArea .productSearchItem div:nth-child(2) table tbody tr td {
  display: block;
  margin: 0;
  padding: 0;
}

.productSearchArea .productSearchItem div:nth-child(2) table td {
  vertical-align: top;
}

.productSearchArea .productSearchItem div:nth-child(2) ul {
  margin: 0;
  padding: 0;
}

.productSearchArea .productSearchItem div:nth-child(2) ul li {
  border-top: 1px dotted #d7d7d7;
  list-style: none;
  margin: 0;
  padding: 0.5em 0;
}

.productSearchArea .productSearchItem div:nth-child(2) ul ul {
  margin: 0 0 0 2em;
  padding: 0;
}

.productSearchArea .productSearchItem div:nth-child(2) > table > tbody > tr > td:first-child > ul:first-child > li:first-child,
.productSearchArea .productSearchItem div:nth-child(2) > ul:first-child > li:first-child {
  border: none;
  padding-top: 0;
}

.productSearchArea .productSearchItem div:nth-child(2) > ul > li > span {
  display: block;
}

.productSearchArea + .submitArea {
  margin-top: 0;
}

/* list */
#sortorderTable,
#sortorderTable > tbody,
#sortorderTable > tbody > tr,
#sortorderTable > tbody > tr > td {
  display: block;
}

#sortorderTable tr:nth-child(4),
#sortorderTable tr:nth-child(7),
#sortorderTable tr:nth-child(10) {
  border-top: 1px dashed #c7c7c7;
  margin: 1.5em 0 0;
  padding: 1.5em 0 0;
}

#sortorderTable > tbody > tr > td input[id$=dnn_ctr904_ModuleSettings_SettingsProductList_txtSortOrderDispName3],
select[id*=_ModuleSettings_SettingsProductList_drpSortOrderDisp][id*=WhereItem],
select[id*=_ModuleSettings_SettingsProductList_drpSortOrderDisp][id*=WhereItem] + .nice-select {
  margin: 0;
  width: 15em;
}

.ViewProductList .dlList_vertical {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.ViewProductList .dlList_vertical dt {
  margin: 0;
  padding: 0.5em 1em 0.5em 0;
  width: 7em;
}

.ViewProductList .dlList_vertical dd {
  margin: 0;
  padding: 0.5em 0;
  width: calc(100% - 7em);
}

.ViewProductList [id$=_ViewProductList_ProductListControlPanel] {
  align-items: center;
  margin-bottom: 1em;
}

.ViewProductList [id$=_ViewProductList_ProductListControlPanel] dt,
.ViewProductList [id$=_ViewProductList_ProductListControlPanel] dd {
  width: auto;
}

.ViewProductList [id$=_ViewProductList_ProductListControlPanel] dd + dt {
  padding-left: 2em;
}

/* pickup */
.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) {
  padding: 0 0 0 10px;
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td {
  width: auto !important;
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr:first-child > td.SubHead > span:before {
  content: "ピックアップの編集";
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td.SubHead hr {
  margin: 0.5em 0 1em;
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:not(.SubHead) {
  padding: 5px 0 5px 30px;
  position: relative;
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > input[type=image] {
  transition: opacity 0.25s ease-in-out;
  vertical-align: middle;
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > input[type=image]:hover {
  opacity: 0.5;
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > label {
  cursor: default;
}

.EditWhatsNewProduct > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td > label > a {
  display: block;
  left: 5px;
  position: absolute;
  top: 10px;
}

.submitArea input[id^=dnn_][type=submit].cmdAdd[id=_EditPickupProductSearch_cmdAdd] {
  background: #fff;
  color: #e03500;
}

[id$=_EditPickupProductSearch_grdMain] {
  border: none;
}

[id$=_EditPickupProductSearch_grdMain] > tbody > tr > td {
  border: none;
  border-top: 1px dashed #d7d7d7;
  padding: 2em 0;
  vertical-align: top;
}

[id$=_EditPickupProductSearch_grdMain] > tbody > tr > td:first-child {
  padding-right: 1em;
}

[id$=_EditPickupProductSearch_grdMain] > tbody > tr > td h3 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 1em;
  padding: 0;
}

@media screen and (max-width: 550px) {
  .adminMode .EditWhatsNewProduct > table,
  .adminMode .EditWhatsNewProduct > table > tbody,
  .adminMode .EditWhatsNewProduct > table > tbody > tr,
  .adminMode .EditWhatsNewProduct > table > tbody > tr > td {
    display: block;
    width: auto !important;
  }
}
/* manage item */
.ViewProducts .search {
  padding: 0.5em 0;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid {
  margin: 0 0 2em;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid th {
  text-align: right;
  vertical-align: top;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid th:nth-last-child(1),
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid th:nth-last-child(2),
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid td:nth-last-child(1),
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid td:nth-last-child(2) {
  text-align: center;
  width: 4.5em !important;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid th:nth-last-child(1) span {
  font-size: 12px;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid th > span {
  text-align: left;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > thead > tr > th:nth-child(1) {
  width: 6em;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > thead > tr > th:nth-child(2) {
  width: 6em;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > thead > tr > th:nth-child(5),
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > thead > tr > th:nth-child(6),
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > thead > tr > th:nth-child(7) {
  width: 7em;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > thead > tr > th:nth-child(8) {
  width: 4em;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table,
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table tbody,
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table tr {
  display: block;
  text-align: left;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table td {
  display: inline-block;
  margin: 0 0.4em 0 0;
  padding: 0;
  text-align: center;
  width: auto !important;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table td a,
.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table td span {
  border: 1px solid #d7d7d7;
  display: block;
  padding: 0.5em 0.6em 0.45em;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table td span {
  background-color: #e7e7e7;
  font-weight: bold;
}

.ViewProducts table[id$=_ViewProducts_grdResult].tableGrid > tbody > tr:last-child > td[colspan] table td a:hover {
  background: #575757;
  border: 1px solid #575757;
  color: #fff;
}

/* attribute menu */
.ViewAttributeMenu.ulList_vertical {
  margin: 1em 0 2em;
  padding: 0;
}

.ViewAttributeMenu.ulList_vertical ul {
  margin: 0;
  padding: 0;
}

.ViewAttributeMenu.ulList_vertical li {
  list-style: none;
  margin: 0;
  padding: 0 0.25em 0.25em 0;
}

.ViewAttributeMenu.ulList_vertical span {
  display: block;
}

.ViewAttributeMenu.ulList_vertical a {
  display: block;
  text-decoration: none;
  word-break: break-all;
}

.ViewAttributeMenu.ulList_vertical table,
.ViewAttributeMenu.ulList_vertical table tbody,
.ViewAttributeMenu.ulList_vertical table tbody tr td {
  display: block;
}

.ViewAttributeMenu.ulList_vertical table tbody tr {
  display: flex;
}

.ViewAttributeMenu.ulList_vertical table tbody tr td {
  padding: 1em 0.5em;
}

.ViewAttributeMenu.ulList_vertical table tbody tr td.TreeMenu_Node {
  border-top: 1px solid #d7d7d7;
  flex: 1;
}

.ViewAttributeMenu.all {
  display: block;
}

.ViewAttributeMenu.all .ViewAttributeMenu.ulList_vertical a {
  background: #d7d7d7;
  display: block;
  padding: 0.25em 1em;
  word-break: break-all;
}

.ViewAttributeMenu.all .ViewAttributeMenu.ulList_vertical > li > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5em 0 0;
}

/* history */
[id*=_HistoryProducts_grdResult] th:nth-last-child(1),
[id*=_HistoryProducts_grdResult] th:nth-last-child(2),
[id*=_HistoryProducts_grdResult] th:nth-last-child(3),
[id*=_HistoryProducts_grdResult] td:nth-last-child(1),
[id*=_HistoryProducts_grdResult] td:nth-last-child(2),
[id*=_HistoryProducts_grdResult] td:nth-last-child(3) {
  text-align: center;
  width: 4em !important;
}

[id*=_HistoryProducts_grdResult] th:nth-last-child(2) span,
[id*=_HistoryProducts_grdResult] th:nth-last-child(3) span {
  font-size: 12px;
}

/* setting - list */
.adminMode .divSettings .tableSettings [id$=_SettingsProductList_tvwCategory] table {
  display: table;
}

.adminMode .divSettings .tableSettings [id$=_SettingsProductList_tvwCategory] table tbody {
  display: table-row-group;
}

.adminMode .divSettings .tableSettings [id$=_SettingsProductList_tvwCategory] table tbody tr {
  display: table-row;
}

.adminMode .divSettings .tableSettings [id$=_SettingsProductList_tvwCategory] table tbody td {
  display: table-cell;
}

/* setting - pickup */
[id$=_EditPickupProductSearch_grdMain] > tbody > tr > td .price span {
  background: #d7d7d7;
  border-radius: 3px;
  display: inline-block;
  font-size: 90%;
  padding: 0.25em 1em;
}

/* setting - add item */
[id*=_CategoryRadioButtonList_] .ulList_horizon {
  margin: 0;
  padding: 0;
}

[id*=_CategoryRadioButtonList_] .ulList_horizon li {
  list-style: none;
  margin: 0;
  padding: 0;
}

[id*=_CategoryRadioButtonList_] .ulList_horizon ul {
  margin: 0 0 0 2em;
  padding: 0;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] {
  width: 100%;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] .nice-select {
  margin: 0;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > thead {
  display: none;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td {
  border-top: 1px dashed #c7c7c7;
  padding: 1em 2em 1em 0;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(1):before {
  content: "規格１";
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(2):before {
  content: "規格２";
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(3):before {
  content: "価格";
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(1),
table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(2) {
  width: 10em;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(1) input,
table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(2) input {
  width: 100%;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(1) textarea,
table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td:nth-child(2) textarea {
  min-height: 2.25em;
  width: 100%;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td > table > tbody > tr > td {
  border-top: 1px dotted #c7c7c7;
  padding: 0.5em;
}

table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td > table > tbody > tr > td:first-child {
  color: #979797;
  font-size: 11px;
  font-weight: normal;
}

@media screen and (max-width: 1050px) {
  .adminMode table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr {
    border-top: 1px solid #c7c7c7;
    padding: 1.5em 0;
  }
  .adminMode table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr:first-child {
    border: none;
  }
  .adminMode table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td {
    border: none;
    padding: 1em 0;
  }
  .adminMode table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td > table {
    display: table;
  }
  .adminMode table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td > table > tbody {
    display: table-row-group;
  }
  .adminMode table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td > table > tbody > tr {
    display: table-row;
  }
  .adminMode table[id*=_EditProducts_repProducts_fldProduct_][id*=_Detail_][id*=_grdDetail_] > tbody > tr > td > table > tbody > tr > td {
    display: table-cell;
    padding: 0.5em 1em 0.5em 0;
  }
}
/* setting - resource settings */
[id$=dnn_ctr906_LocalResourcesSettings_dgEditor] .ic-accordionTitle > div {
  border: none;
  cursor: default;
  margin: 0;
  padding: 0;
}

[id$=dnn_ctr906_LocalResourcesSettings_dgEditor] .ic-accordionTitle > div:before {
  display: none;
}

/* Template : db  ============================================= */
.icmdtp-dbItem .dbCounter {
  color: #979797;
  font-size: 90%;
  margin: 1em 0;
  text-align: right;
}

.icmdtp-dbItem a[href*="/EditDetail/mid/"] {
  display: block;
}

.icmdtp-dbItem .dbTable {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.icmdtp-dbItem .dbTablerow {
  display: table-row;
  margin: 0 -1em;
}

.icmdtp-dbItem .dbTablecell {
  display: table-cell;
  padding: 0.5em;
}

.icmdtp-dbItem .dbImage {
  background: #e7e7e7;
  display: block;
  height: 0;
  margin: 0 0 0.5em;
  padding: 100% 0 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.icmdtp-dbItem .dbImage a {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.icmdtp-dbItem .dbImage a img {
  display: block;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}

.icmdtp-dbItem .dbTitle {
  font-size: 150%;
  margin: 0 0 0.5em;
}

.icmdtp-dbItem .dbDate {
  color: #979797;
  font-size: 90%;
  margin: 0 0 0.5em;
}

.icmdtp-dbItem .dbSummary,
.icmdtp-dbItem .dbDescription,
.icmdtp-dbItem .dbNotes {
  margin: 0 0 0.5em;
}

.icmdtp-dbItem .dbDeatil .dbImage {
  height: auto;
  padding: 0;
}

.icmdtp-dbItem .dbDeatil .dbImage a {
  position: relative;
}

.icmdtp-dbItem .dbLatest.dbTable .dbTablerow [id$=_ModuleContent] {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.icmdtp-dbItem .dbLatest.dbTable .dbTablerow [id$=_ModuleContent] [class^=wn_] {
  display: table-row;
}

.icmdtp-dbItem .dbCategory,
.icmdtp-dbItem .dbCategory li,
.icmdtp-dbItem .dbCategory ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.icmdtp-dbItem .dbCategory {
  margin: 1em 0 2em;
}

.icmdtp-dbItem .dbCategory a {
  align-items: center;
  display: flex;
  padding: 0.5em;
  text-decoration: none;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
}

.icmdtp-dbItem .dbCategory a:hover {
  opacity: 0.5;
}

.icmdtp-dbItem .dbCategory img {
  display: block;
  margin: 0 0.5em 0 0;
  max-width: 100%;
  width: 5em;
}

.icmdtp-dbItem .dbCategory li {
  border-top: 1px solid #d7d7d7;
}

.icmdtp-dbItem .dbCategory li:first-child {
  border: none;
}

.icmdtp-dbItem .dbCategory li ul {
  margin-bottom: 2em;
  margin-left: 3em;
}

/* ================================================================
  module_elearning
   ================================================================ */
/* manage module */
[id$=_ViewQuizs_grdResult] > thead > tr > th:nth-last-child(1),
[id$=_ViewQuizs_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_ViewQuizs_grdResult] > tbody > tr > td:nth-last-child(1),
[id$=_ViewQuizs_grdResult] > tbody > tr > td:nth-last-child(2) {
  text-align: center;
  width: 4em;
}

/* manage module - settings add item*/
[id*=_EditQuizs_ddlCategory] {
  display: block;
}

[id*=_EditQuizs_ddlCategory] + .nice-select {
  display: none;
}

[id$=_EditQuizs_txtDetailAnswer] {
  width: 100% !important;
}

/* detail module settings */
table[summary="Quizs Settings Design Table"] {
  width: 100%;
}

table[summary="Quizs Settings Design Table"] td {
  border-top: 1px dashed #d7d7d7;
  padding: 1em 0;
}

table[summary="Quizs Settings Design Table"] tr:first-child td {
  border: none;
}

table[summary="Quizs Settings Design Table"] td.SubHead {
  width: 14em;
}

table[summary="Quizs Settings Design Table"] td textarea {
  width: 100% !important;
}

/* ================================================================
  module_filedownload
   ================================================================ */
[summary="Edit Documents Design Table"] > tbody > tr > th,
[summary="Edit Documents Design Table"] > tbody > tr > td {
  border-bottom: 1px dashed #d7d7d7;
  padding: 0.5em;
}

.adminMode a.CommandButton[id$=_EditDocs_lnkChange] {
  border: 2px solid #e03500 !important;
}

[id$=_Document_grdDocuments] > tbody > tr > td:nth-child(1) {
  text-align: center;
  width: 4em;
}

[id$=_Document_grdDocuments] > tbody > tr > td.ModifiedDateCell {
  text-align: right;
  width: 8em;
}

[id$=_Document_grdDocuments] > tbody > tr > td.SizeCell {
  text-align: right;
  width: 7em;
}

[id$=_Document_grdDocuments] > tbody > tr > td.DownloadCell {
  text-align: center;
  width: 11em;
}

[id$=_Document_grdDocuments] a[id*=_Document_grdDocuments_ctlDownloadLink_] {
  border: #e03500 2px solid;
  border-radius: 3px;
  color: #e03500;
  padding: 0.25em 1em;
}

/*modulesetting*/
[id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr > th,
[id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr > td {
  border-top: 1px dashed #d7d7d7;
  padding: 0.5em;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr.SubHead > td {
  border: none;
  color: #979797;
  font-size: 12px;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr.Normal > td input[type=image] {
  margin: 0 !important;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr.SubHead + tr > td:nth-child(3) {
  text-align: right;
}

a[id$=_ModuleSettings_EditDocumentsSettings_lnkAddSortColumn] {
  width: auto !important;
}

a[id$=_ModuleSettings_EditDocumentsSettings_lnkAddSortColumn] + hr {
  display: none;
}

.submitArea > a.submitBtn[id$=_EditDocs_cmdUpdate] {
  background: #e03500;
  border-color: #e03500;
  color: #fff;
}

span[id$=_EditDocs_ctlAudit_lblCreatedBy] {
  display: block;
  padding: 2em 1em 0 1em;
}

[id$=_EditDocs_ctlTracking_pnlTrack] > br {
  display: none;
}

[summary="URL Tracking Design Table"] {
  width: 100% !important;
}

[summary="URL Tracking Design Table"] > tbody > tr > th,
[summary="URL Tracking Design Table"] > tbody > tr > td {
  border-bottom: 1px dashed #d7d7d7;
  padding: 0.5em;
  width: auto !important;
}

[summary="URL Tracking Design Table"] > tbody > tr > td.SubHead {
  width: 10em !important;
}

[summary="URL Tracking Design Table"] span {
  white-space: initial;
  width: auto !important;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr > th,
[id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr > td {
  border-top: 1px dashed #d7d7d7;
  padding: 0.5em;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] {
  margin: 1em 0 0;
  width: auto !important;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr > th,
[id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr > td {
  border-top: 1px dashed #d7d7d7;
  padding: 0.5em;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr > td.CommandButton a {
  background: #fff;
  border: 2px solid #d7d7d7;
  border-radius: 3px;
  color: #272727;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 0.25em 1em;
  text-decoration: none;
  transition: opacity 0.25s ease-in-out;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr > td.CommandButton a:hover {
  opacity: 0.5;
}

[id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr > td {
  display: table-cell !important;
}

/**/
@media screen and (max-width: 1050px) {
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns],
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] {
    display: table;
  }
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody,
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody {
    display: table-row-group;
  }
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr,
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr {
    display: table-row;
  }
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr > th,
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr > th,
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdDisplayColumns] > tbody > tr > td,
  .adminMode .divSettings .tableSettings [id$=_ModuleSettings_EditDocumentsSettings_grdSortColumns] > tbody > tr > td {
    display: table-cell;
  }
}
/* ================================================================
  module_form
   ================================================================ */
[id*=ViewMailForm_pnlInput] a[id*=_hlnkEdit_] > img {
  width: 24px;
}

[id*=ViewMailForm_pnlInput] input[type=submit].btnSearchZipCode {
  margin: 0 0.25em;
  padding: 0.1em 1em;
  width: auto;
}

[id$=_ViewMailForm_hlnkImgEditForm] img {
  width: 24px;
}

[id*=_EditMailFormForm_SectionHead][id*=_pnlAccordionTitle],
[id*=_EditMailFormForm_dshInputTemplete_pnlAccordionTitle],
[id*=_EditMailFormForm_dshConfirmTemplete_pnlAccordionTitle] {
  margin-left: -45px;
  margin-right: -45px;
  width: calc(100% + 90px);
}

.divSettings .tableSettings[id$=_EditMailFormForm_divDestinationMain] {
  margin: 0;
  width: 100%;
}

[id$=_EditMailFormField_lblConfirmDispFlg] {
  display: block;
}

/* csv download */
.DownloadCsvMailForm [id$=_DownloadCsvMailForm_lblMessage] + br {
  display: none;
}

.DownloadCsvMailForm table,
.DownloadCsvMailForm table tbody,
.DownloadCsvMailForm table tbody tr,
.DownloadCsvMailForm table tbody tr td {
  display: block;
}

.DownloadCsvMailForm table tbody tr {
  border-bottom: 1px dashed #c7c7c7;
  display: flex;
  margin: 0 0 1em;
  padding: 1.5em 0 0.5em;
}

/* graph */
.MailFormGraph > table,
.MailFormGraph > table > tbody,
.MailFormGraph > table > tbody > tr,
.MailFormGraph > table > tbody > tr > th,
.MailFormGraph > table > tbody > tr > td {
  display: block;
}

.MailFormGraph > table > tbody > tr:nth-child(1),
.MailFormGraph > table > tbody > tr:nth-child(2) {
  display: flex;
}

.MailFormGraph > table > tbody > tr:nth-child(1) th,
.MailFormGraph > table > tbody > tr:nth-child(2) th {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #d7d7d7;
  border-right: none;
  font-weight: normal;
  padding: 0.5em;
  width: 8em;
}

.MailFormGraph > table > tbody > tr:nth-child(1) td,
.MailFormGraph > table > tbody > tr:nth-child(2) td {
  border: 1px solid #d7d7d7;
  padding: 0.5em;
  width: calc(100% - 8em);
}

.MailFormGraph > table > tbody > tr:nth-child(1) th,
.MailFormGraph > table > tbody > tr:nth-child(1) td {
  border-bottom: none;
}

.MailFormGraph > table > tbody > tr > td .divSettings {
  padding: 1em 0 0;
}

/* setting */
[id*=_EditMailFormForm_SectionHead][id*=_pnlAccordionTitle],
[id*=_EditMailFormForm_dshInputTemplete_pnlAccordionTitle],
[id*=_EditMailFormForm_dshConfirmTemplete_pnlAccordionTitle] {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

[id$=_EditMailFormForm_SectionHead3_pnlTitle],
[id$=_EditMailFormForm_dshBasicSetting_pnlAccordionTitle] {
  display: none;
}

._infoCMS._admin .ic-accordionTitle > div[id$=_EditMailFormForm_dshBasicDetailsSetting_pnlTitle] {
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
}

._infoCMS._admin .ic-accordionTitle + * .ic-accordionTitle > div[id$=_EditMailFormForm_dshBasicDetailsSetting_pnlTitle]:before {
  left: 3px;
}

._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings div[id*=_pnlAccordionTitle].ic-accordionTitle > div {
  margin-left: 10px;
  margin-right: 0;
  margin-top: 1.5em;
  padding-left: 30px;
}

._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings .ic-accordionTitle > div:before {
  left: 13px;
}

div[id*=_EditMailFormForm_repMain_dshDestinationSub][id*=_pnlAccordionTitle_] > div {
  display: none;
}

.divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings {
  margin: 0 0 1em;
  padding: 3em 0;
  position: relative;
  width: 100%;
}

.divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings th {
  padding-left: 0;
}

@media screen and (max-width: 1050px) {
  .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings td {
    padding-left: 0;
  }
}
.divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings[id$=_EditMailFormForm_divDestinationMain] {
  margin: 0 0 1em;
  padding-bottom: 7em;
  padding-top: 0;
  width: 100%;
}

input[type=submit][id$=_EditMailFormForm_btnAddDestination] {
  bottom: 0;
  margin-bottom: 2em;
  position: absolute;
  width: 100%;
}

input[type=submit][id*=dnn_ctr481_EditMailFormForm_repMain_btnDelDestination_] {
  position: absolute;
  right: 1em;
  top: 3.9em;
}

input[type=submit][id$=_EditMailFormForm_btnAddDestination] + table,
input[type=submit][id*=dnn_ctr481_EditMailFormForm_repMain_btnDelDestination_] + table {
  width: 100%;
}

input[type=submit][id$=_EditMailFormForm_btnAddDestination] + table th,
input[type=submit][id$=_EditMailFormForm_btnAddDestination] + table td,
input[type=submit][id*=dnn_ctr481_EditMailFormForm_repMain_btnDelDestination_] + table th,
input[type=submit][id*=dnn_ctr481_EditMailFormForm_repMain_btnDelDestination_] + table td {
  background: #d7d7d7;
  padding: 1em;
}

.divSettings [id$=_EditMailFormForm_divNotifySetting] input[type=submit][id$=_EditMailFormForm_btnAddDestination] + table th,
.divSettings [id$=_EditMailFormForm_divNotifySetting] input[type=submit][id*=dnn_ctr481_EditMailFormForm_repMain_btnDelDestination_] + table th {
  padding-left: 1em;
  padding-right: 0;
  width: 9em;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel {
  padding: 1em 0 0 2.5em;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel table {
  width: 100%;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel table th,
._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel table td {
  border-bottom: 1px dotted #d7d7d7;
  padding: 0.5em 0;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel table th {
  font-weight: normal;
  padding-right: 1em;
  position: relative;
  width: 19em;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel [id*=_pnlAccordionTitle].ic-accordionTitle > div {
  border: none;
  font-size: 100%;
  margin-left: 0;
  margin-top: 0.75em;
  padding-left: 20px;
}

._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings .ic-accordionTitle > div:before {
  left: 3px;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel div[id*=pnlAccordionTitle] + .panel {
  background: #f7f7f7;
  padding: 1em 2.5em;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel div[id*=pnlAccordionTitle] + .panel textarea {
  width: 100% !important;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel [id*=pnlAccordionTitle] + .panel th {
  width: 9.25em;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel [id*=pnlAccordionTitle] + .panel tr:last-child th,
._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel [id*=pnlAccordionTitle] + .panel tr:last-child td {
  border: none;
}

._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings div[id*=_pnlAccordionTitle] > div {
  border-bottom: 1px dashed #979797;
  font-size: 125%;
  margin: 2em 0 0;
  padding: 0 0 0.5em 0;
  position: relative;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel div[id*=_pnlAccordionTitle] > div {
  border: none;
  font-size: 100%;
  margin: 0.75em 0 0 0;
  padding-left: 0;
}

/* for accordion */
._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings [id*=_EditMailFormForm_repMain_ucDestinationSub].ic-accordionTitle > div:before {
  display: none;
}

._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel [id*=_EditMailFormForm_repMain_ucDestinationSub][id*=_pnlAccordionTitle].ic-accordionTitle > div,
._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings [id*=_EditMailFormForm_repMain_ucDestinationSub][id*=_pnlAccordionTitle].ic-accordionTitle > div {
  padding-left: 0;
}

/*　 */
@media screen and (max-width: 1050px) {
  ._infoCMS._admin .divSettings [id*=_EditMailFormForm_][id*=Destination][id*=divTo].panel table th {
    border: none;
    padding-bottom: 0;
  }
  ._infoCMS._admin .divSettings [id*=_EditMailFormForm_] input[id^=dnn_][type=text] {
    width: 100% !important;
  }
  ._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings > table > tbody > tr > td {
    padding-left: 15px;
  }
  ._infoCMS._admin .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings > table > tbody > tr > th {
    padding-bottom: 0;
    padding-top: 1em;
  }
  .divSettings [id$=_EditMailFormForm_divNotifySetting] .tableSettings {
    padding: 0;
  }
  input[type=submit][id*=dnn_ctr481_EditMailFormForm_repMain_btnDelDestination_] {
    top: 0.7em;
  }
}
/* Template : form ============================================= */
.icmdtp-formItem .formCategorytitle {
  font-size: 150%;
  margin: 1em 0 0.5em;
}

.icmdtp-formItem .formRepeatfield .tableBasic th.fixed {
  width: 15em;
}

.icmdtp-formItem .formRepeatfield .tableBasic td input[type=text]:not(.SeminarZip),
.icmdtp-formItem .formRepeatfield .tableBasic td textarea {
  width: 100%;
}

.icmdtp-formItem .formRepeatfield .tableBasic td [id*=_divDescription_] > * {
  margin-bottom: 0;
}

.icmdtp-formItem .formSubmitarea {
  margin: 2em 0;
  text-align: center;
}

.icmdtp-formItem .formSubmitarea input[id^=dnn_][type=submit] {
  background: #c7c7c7;
  border: 2px solid #c7c7c7;
  border-radius: 3px;
  color: #070707;
  display: inline-block;
  margin: 0.5em;
  min-width: 10em;
  outline: none;
  padding: 0.75em 1.5em;
  text-align: center;
  transition: all 0.25s ease-in-out;
}

.icmdtp-formItem .formSubmitarea input[id^=dnn_][type=submit]:hover {
  opacity: 0.75;
}

.icmdtp-formItem .formSubmitarea input[id^=dnn_][type=submit][id$=Confirm],
.icmdtp-formItem .formSubmitarea input[id^=dnn_][type=submit][id$=ConfirmSend] {
  background: #e03500;
  border-color: #e03500 !important;
  color: #fff;
}

.icmdtp-formItem .formSubmitarea input[id^=dnn_][type=submit][id$=ConfirmTestSend] {
  background: #c3d600;
  border-color: #c3d600 !important;
}

/* ================================================================
  module_glossary
   ================================================================ */
/* button common */
div[id*=_ViewGlossarys_pnlAllArea].SearchInput .submitArea input.submitBtn_S,
.glossarySearch .pnlSearchKeyWord input.submitBtn_S {
  padding: 0.15em 1.5em;
}

div[id*=_ViewGlossarys_pnlAllArea].SearchInput .submitArea input.submitBtn_S[id*=_cmdSearch],
.glossarySearch .pnlSearchKeyWord input.submitBtn_S.cmdSearch {
  background: #e03500;
  border-color: #e03500;
  color: #fff;
}

/* settings */
div[id*=_ViewGlossarys_pnlAllArea].SearchInput .submitArea {
  text-align: left;
}

/* search */
.glossarySearch .pnlSearchKeyWord {
  text-align: left;
}

.glossarySearch ul.ulList_horizon {
  list-style: none;
  margin: 0;
  padding: 0;
}

.glossarySearch ul.ulList_horizon li {
  display: inline-block;
}

.glossarySearch ul.ulList_horizon li a {
  border: 2px solid #e03500;
  border-radius: 3px;
  color: #e03500;
  display: block;
  padding: 0 0.5em;
  text-decoration: none;
}

/* ================================================================
  module_qanda
   ================================================================ */
/* search */
div.divSettings td [id$=_ModuleSettings_SettingsQandASearch_chkTargetCategory] > br {
  display: block;
}

/* disp setting */
.divSettings table[id$=_ModuleSettings_SettingsQandADisp_tblSpecificDesign].tableSettings > tbody > tr > th + td {
  padding: 2em 0;
  width: 5em;
}

@media screen and (max-width: 1050px) {
  .divSettings table[id$=_ModuleSettings_SettingsQandADisp_tblSpecificDesign].tableSettings {
    width: calc(100% + 50px) !important;
  }
  .adminMode.modalMode .divSettings table[id$=_ModuleSettings_SettingsQandADisp_tblSpecificDesign].tableSettings > tbody > tr > th + td {
    padding-bottom: 0;
    width: auto;
  }
  .adminMode.modalMode .divSettings table[id$=_ModuleSettings_SettingsQandADisp_tblSpecificDesign].tableSettings > tbody > tr > th + td + td {
    padding-top: 0;
  }
}
/* manage */
.AdminViewQandAs .search {
  margin: 0 0 0.5em;
}

[id$=_ViewQandA_grdResult] {
  margin: 0 0 2em;
}

[id$=_ViewQandA_grdResult] > thead > tr > th:last-child,
[id$=_ViewQandA_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_ViewQandA_grdResult] > tbody > tr > td:last-child,
[id$=_ViewQandA_grdResult] > tbody > tr > td:nth-last-child(2) {
  text-align: center;
  width: 4em;
}

[id$=_ViewQandA_grdResult] > thead > tr > th:last-child {
  font-size: 80%;
}

[id$=_HistoryQandA_grdResult] > thead > tr > th:last-child,
[id$=_HistoryQandA_grdResult] > tbody > tr > td:last-child {
  text-align: center;
  width: 4em;
}

[id$=_HistoryQandA_grdResult] > thead > tr > th:last-child {
  font-size: 80%;
}

[id$=_HistoryQandA_grdResult] > thead > tr > th:nth-last-child(2),
[id$=_HistoryQandA_grdResult] > thead > tr > th:nth-last-child(3) {
  width: 8em;
}

[id*=_HistoryQandA_grdResult_lblUpdateDate_],
[id*=_HistoryQandA_grdResult_lblExpireDate_] {
  display: block;
  width: 6em;
}

/* ================================================================
  module_sitesearch
   ================================================================ */
/* sitesearch */
.submitArea.SearchInput {
  margin: inherit;
  text-align: inherit;
}

.submitArea.SearchInput input[id^=dnn_][type=submit] {
  min-width: inherit;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}

/* external search */
.ExternalSearchBox input[type=submit] {
  background: #c7c7c7;
  border: 2px solid #c7c7c7;
  border-radius: 3px;
  color: #070707;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0.5em;
  outline: none;
  padding: 0.25em 1.5em;
  text-align: center;
  transition: all 0.25s ease-in-out;
}

/* search result setting */
[id$=_ModuleSettings_ResultsSettings_chkTargetModules] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em 0 0;
}

[id$=_ModuleSettings_ResultsSettings_chkTargetModules] input[id^=dnn_][type=checkbox] {
  margin: 0.5em 0;
  width: 2em;
}

[id$=_ModuleSettings_ResultsSettings_chkTargetModules] label {
  display: block;
  margin: 0.5em 0;
  padding: 0 0.5em 0 0;
  width: calc(25% - 2em);
}

[id$=_ModuleSettings_ResultsSettings_rdlHitcount],
[id$=_ModuleSettings_ResultsSettings_rdlHitcount] > tbody > tr,
[id$=_ModuleSettings_ResultsSettings_rdlHitcount] > tbody > tr > th,
[id$=_ModuleSettings_ResultsSettings_rdlHitcount] > tbody > tr > td {
  display: block;
}

[id$=_ModuleSettings_ResultsSettings_rdlHitcount] > tbody {
  display: flex;
}

/* default search result */
.SearchResultsTitle {
  margin-bottom: 0.5em;
  padding: 0;
}

.SearchResultsLink {
  margin: 0 0 0.25em;
  padding: 0;
}

.SearchResultsLink a[id^=dnn_].CommandButton {
  background: none;
  border: none;
  border-radius: 0;
  color: #979797;
  display: block;
  margin: 0;
  padding: 0;
}

/* ================================================================
  module_senddata
   ================================================================ */
/* setting */
.SendDataSettings.tableSettings table {
  width: 100%;
}

.SendDataSettings.tableSettings table td.subhead {
  width: 5em;
}

.SendDataSettings.tableSettings table td {
  border-top: 1px dashed #d7d7d7;
  padding: 0.5em 0;
  position: relative;
  vertical-align: top;
}

.SendDataSettings.tableSettings table tr:first-child th,
.SendDataSettings.tableSettings table tr:first-child td {
  border: none;
  padding-top: 0;
}

.SendDataSettings.tableSettings textarea {
  width: 100% !important;
}

/* colored select - niceselect remove */
[id$=_ViewSendData_Pnldata] .ViewTbStyle {
  width: 100%;
}

[id$=_ViewSendData_Pnldata] .ViewTbStyle > tbody > tr > th,
[id$=_ViewSendData_Pnldata] .ViewTbStyle > tbody > tr > td {
  border-top: 1px dashed #d7d7d7;
  padding: 1em 0;
}

[id$=_ViewSendData_Pnldata] .ViewTbStyle > tbody > tr:first-child > th,
[id$=_ViewSendData_Pnldata] .ViewTbStyle > tbody > tr:first-child > td {
  border: none;
}

[id$=_ViewSendData_Pnldata] .ViewTbStyle > tbody > tr > th:empty,
[id$=_ViewSendData_Pnldata] .ViewTbStyle > tbody > tr > th:empty + td {
  border-top: none;
  padding: 0.5em 0;
}

[id$=_ViewSendData_Pnldata] .ViewTbStyle > tbody > tr > th {
  width: 14em;
}

[id$=_ViewSendData_Pnldata] textarea {
  width: 100% !important;
}

input[type=submit][id$=_ViewSendData_btnSend].CommandButton,
input[type=submit][id$=_ViewSendData_btnReset].CommandButton {
  margin: 0.5em;
  min-width: 10em;
  padding: 0.75em 1.5em;
  transition: opacity 0.25s ease-in-out;
}

input[type=submit][id$=_ViewSendData_btnSend].CommandButton:hover,
input[type=submit][id$=_ViewSendData_btnReset].CommandButton:hover {
  opacity: 0.5;
}

input[type=submit][id$=_ViewSendData_btnSend].CommandButton {
  background: #e03500;
  color: #fff;
}

input[type=submit][id$=_ViewSendData_btnReset].CommandButton {
  background: #c7c7c7;
  border-color: #c7c7c7;
  color: #272727;
}

/* ================================================================
  module_seomenu
   ================================================================ */
[id$=_ModuleSettings_Settings_ddlRangeTabID] {
  width: 100%;
}

/* ================================================================
  module_slider
   ================================================================ */
[id*=_ModuleSettings_Settings_PCSettings_Image][id*=_lblTitleImageName],
[id*=_ModuleSettings_Settings_PCSettings_Image][id*=_lblImageDescription] {
  display: block;
}

[id*=_ModuleSettings_Settings_PCSettings_Image][id*=_txtImageDescription] {
  height: auto !important;
  width: 100%;
}

[id$=_ModuleSettings_Settings_PCSection] {
  display: none;
}

.divSettings .tableSettings > tbody > tr:nth-child(even)[id$=_ModuleSettings_Settings_trSPSettings] {
  background: none;
}

/* ================================================================
  module_socialbuttons
   ================================================================ */
.ViewPageTools {
  display: flex;
  flex-wrap: wrap;
  font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ViewPageTools li {
  list-style: none;
  margin: 0 3px 3px 0;
  padding: 0;
}

.ViewPageTools li a {
  align-items: center;
  background: #979797;
  border-radius: 3px;
  color: #fff;
  display: flex;
  height: 20px;
  padding: 0 15px;
  text-decoration: none;
}

.ViewPageTools li span {
  display: block;
}

.ViewPageTools li iframe {
  display: block;
}

.ViewPageTools li.PrintThisPage a {
  background-color: #c3d600;
}

.ViewPageTools li.AddFavorite a {
  background-color: #c3d600;
}

.ViewPageTools li.EMailThisPage a {
  background-color: #c3d600;
}

.ViewPageTools li.PrintThisPage a:before,
.ViewPageTools li.AddFavorite a:before,
.ViewPageTools li.EMailThisPage a:before {
  content: "";
  display: inline-block;
  height: 16px;
  margin-left: -10px;
  margin-right: 5px;
  width: 16px;
}

.ViewPageTools li.PrintThisPage a:before {
  background: url(/Images/print.gif) 0 0 no-repeat;
  background-size: contain;
}

.ViewPageTools li.AddFavorite a:before {
  background: url(/Images/ratingzero.gif) 0 0 no-repeat;
  background-size: contain;
}

.ViewPageTools li.EMailThisPage a:before {
  background: url(/Images/icon_bulkmail_16px.gif) 0 0 no-repeat;
  background-size: contain;
}

/* ================================================================
  module_spswitch
   ================================================================ */
.SpSwitchSettings.tableSettings .tableGrid.Settings {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  width: 100% !important;
}

.SpSwitchSettings.tableSettings .tableGrid.Settings {
  display: table !important;
}

.SpSwitchSettings.tableSettings .tableGrid.Settings > thead,
.SpSwitchSettings.tableSettings .tableGrid.Settings > tbody {
  display: table-row-group !important;
}

.SpSwitchSettings.tableSettings .tableGrid.Settings > thead > tr,
.SpSwitchSettings.tableSettings .tableGrid.Settings > tbody > tr {
  display: table-row !important;
}

.SpSwitchSettings.tableSettings .tableGrid.Settings > thead > tr > th,
.SpSwitchSettings.tableSettings .tableGrid.Settings > tbody > tr > th,
.SpSwitchSettings.tableSettings .tableGrid.Settings > thead > tr > td,
.SpSwitchSettings.tableSettings .tableGrid.Settings > tbody > tr > td {
  display: table-cell !important;
}

/* ================================================================
  module_tab
   ================================================================ */
.ViewTabs > ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ViewTabs > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ViewTabs > ul > li > a {
  display: block;
  padding: 0.5em 1em;
}

/* ================================================================
  module_telop
   ================================================================ */
[id$=_ModuleSettings_Settings_cboBGColor] {
  display: block !important;
}

[id$=_ModuleSettings_Settings_cboBGColor] + .nice-select {
  display: none !important;
}

/* ================================================================
  module_QR
   ================================================================ */
.QRCodeSettings.tableSettings select[id$=_ModuleSettings_Settings_ddlBGColor],
.QRCodeSettings.tableSettings select[id$=_ModuleSettings_Settings_ddlBarColor] {
  display: block !important;
}

.QRCodeSettings.tableSettings select[id$=_ModuleSettings_Settings_ddlBGColor] + .nice-select,
.QRCodeSettings.tableSettings select[id$=_ModuleSettings_Settings_ddlBarColor] + .nice-select {
  display: none;
}

/* ================================================================
  module_userimport-export
   ================================================================ */
.submitArea input[id^=dnn_][type=submit][id$=_Import_lnkbtnGetData],
.submitArea input[id^=dnn_][type=submit][id$=_Import_lnkbtnValidate] {
  background: #e03500;
  border-color: #e03500 !important;
  color: #fff;
}

table[id$=_Import_grdMain] > thead > tr,
table[id$=_Import_grdMain] > tbody > tr {
  background: none !important;
  color: inherit !important;
  font-weight: inherit !important;
}

table[id$=_Import_grdMain] > thead > tr > th {
  color: inherit !important;
  font-size: inherit !important;
  vertical-align: top;
}

table[id$=_Import_grdMain] > thead > tr > th > select,
table[id$=_Import_grdMain] > thead > tr > th > .nice-select {
  width: 100%;
}

table[id$=_Import_grdMain] > thead > tr > th > .nice-select > span.current {
  min-height: 1.6em;
}

/* ================================================================
  module_user-roll
   ================================================================ */
/* user acount > search */
[id$=_Users_pnlAll] .submitArea {
  padding: 1em 0;
  text-align: left;
}

[id$=_Users_pnlAll] .submitArea input[id^=dnn_][type=submit] {
  padding: 0.15em 1.5em;
  width: 6em !important;
}

/* user acount > search */
[id$=_Users_pnlAll] table[id$=_Users_grdUsers] > thead > tr > th:nth-child(1),
[id$=_Users_pnlAll] table[id$=_Users_grdUsers] > thead > tr > th:nth-child(2),
[id$=_Users_pnlAll] table[id$=_Users_grdUsers] > thead > tr > th:nth-child(3),
[id$=_Users_pnlAll] table[id$=_Users_grdUsers] > thead > tr > th:nth-child(6),
[id$=_Users_pnlAll] table[id$=_Users_grdUsers] > thead > tr > th:nth-child(9) {
  width: 4em;
}

/* common - calendar */
a.CommandButton[id$=Calendar] {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

a.CommandButton[id$=Calendar]:hover {
  background: none;
}

/* common - title */
[id$=_ManageUsers_SecurityRoles_lblTitle].Head,
[id$=_ManageUsers_Password_lblTitle].Head,
[id$=_ManageUsers_Password_lblChangeHeading].Head,
[id$=_ManageUsers_Profile_lblTitle].Head,
[id$=_EditProfileDefinition_Wizard_HeaderContainer_lblTitle].Head {
  display: block;
  font-size: 150%;
  margin: 1em 0 0.5em;
}

.ManageUsers > tbody > tr[id*=_ManageUsers_trTitle] > td > img {
  display: none;
}

.ManageUsers > tbody > tr[id*=_ManageUsers_trTitle] > td:before {
  content: "ユーザー情報の管理";
  display: inline-block;
  font-size: 150%;
  margin: 1em 0 0.5em;
}

/* common - help */
[id$=_ManageUsers_pnlUser] [id$=_pnlHelp].Help,
[id$=_ManageUsers_pnlRoles] [id$=_pnlHelp].Help {
  width: 200px;
}

/* main nav buttons */
[id$=_ManageUsers_pnlTabs].divSettings {
  margin: 0;
  padding: 2em 0 2em;
}

[id$=_ManageUsers_pnlTabs].divSettings > table,
[id$=_ManageUsers_pnlTabs].divSettings > table > tbody,
[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr,
[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > th,
[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td {
  display: block;
  margin: 0;
  padding: 0;
}

[id$=_ManageUsers_pnlTabs].divSettings > table {
  position: relative;
  width: 100% !important;
}

[id$=_ManageUsers_pnlTabs].divSettings > table:before {
  background: #c7c7c7;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td[width="10"] {
  display: none;
}

[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr {
  display: flex;
  flex-wrap: wrap;
}

[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span {
  display: block;
  position: relative;
}

[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span > input {
  background-color: #fff;
  border-radius: 3px;
  left: 22px;
  position: absolute;
  top: 0.75em;
}

[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span > a.CommandButton {
  background: none;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  color: #272727;
  display: inline-block;
  padding: 1em 1.5em 1em 50px;
  text-decoration: none;
}

[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span > a.CommandButton:hover {
  color: #c3d600;
  opacity: 1;
}

[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span[disabled] a.CommandButton,
[id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span[disabled] a.CommandButton:hover {
  background: #fff;
  border-color: #c7c7c7;
  color: #272727;
  cursor: default;
}

/* tab --- user info manage*/
.ManageUsers,
.ManageUsers > tbody,
.ManageUsers > tbody > tr,
.ManageUsers > tbody > tr > th,
.ManageUsers > tbody > tr > td {
  display: block;
}

.ManageUsers > tbody > tr > td > div > table > tbody > tr > th,
.ManageUsers > tbody > tr > td > div > table > tbody > tr > td {
  border-top: 1px dashed #c7c7c7;
  padding: 1em 0;
}

.ManageUsers > tbody > tr > td:first-child > div > table > tbody > tr:first-child > th,
.ManageUsers > tbody > tr > td:first-child > div > table > tbody > tr:first-child > td {
  border: none;
}

.ManageUsers > tbody > tr > td > div > table {
  width: 100%;
}

.ManageUsers > tbody > tr > td > div > table span {
  width: auto !important;
}

.ManageUsers > tbody > tr > td > div > table > tbody > tr > th {
  width: 13em;
}

.ManageUsers > tbody > tr > td > div > table > tbody > tr > th.SubHead span[id$=_Label] {
  position: relative;
}

.ManageUsers > tbody > tr > td > div > table > tbody > tr > td {
  width: auto !important;
}

.ManageUsers > tbody > tr > td > div > table > tbody > tr > td img[src="/images/required.gif"] {
  margin: 0 0 0 5px;
}

.ManageUsers > tbody > tr > td > div > table > tbody > tr > td input[type=checkbox] {
  height: 1.5em;
  width: 1.5em;
}

[id$=_ManageUsers_pnlUser] {
  padding: 0 0 7em;
  position: relative;
}

[id$=_ManageUsers_pnlUser] .divSettings,
[id$=_ManageUsers_pnlUser] + .divSettings {
  padding: 0;
}

[id$=_ManageUsers_pnlUser] .divSettings .submitArea {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
}

[id$=_ManageUsers_pnlUser] + .divSettings[id$=_ManageUsers_pnlSettings] {
  margin-top: -6em;
  position: relative;
}

[id$=_ManageUsers_Membership_MembershipEditor] + p {
  margin: 3em 0 0;
}

[id$=_ManageUsers_Membership_MembershipEditor] + p span {
  display: block;
  position: relative;
  text-align: left;
}

[id$=_ManageUsers_Membership_MembershipEditor] + p span > input {
  background-color: #fff;
  border-radius: 3px;
  left: 22px;
  position: absolute;
  top: 0.25em;
}

[id$=_ManageUsers_Membership_MembershipEditor] + p span > a.CommandButton {
  background: none;
  border: 1px solid #c7c7c7 !important;
  color: #272727 !important;
  padding: 0.5em 2em 0.5em 60px;
}

[id$=_ManageUsers_Membership_MembershipEditor] + p span > a.CommandButton:hover {
  background: none;
  border-color: #c3d600 !important;
  color: #c3d600 !important;
  opacity: 1;
}

.ManageUsers > tbody > tr > td:first-child > div > table[id$=_ManageUsers_User_tblAddUser] > tbody > tr:first-child > th,
.ManageUsers > tbody > tr > td:first-child > div > table[id$=_ManageUsers_User_tblAddUser] > tbody > tr:first-child > td {
  border-top: 1px dashed #c7c7c7;
}

[id$=_ManageUsers_User_tblPassword] > tbody > tr:nth-child(2),
[id$=_ManageUsers_User_tblPassword] > tbody > tr:nth-child(6) {
  display: none;
}

/* tab --- user roll manage */
[id$=_ManageUsers_SecurityRoles_pnlRoles] {
  margin: 0 0 3em;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table,
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody,
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr,
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr > th,
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr > td {
  display: block;
  position: relative;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr {
  display: flex;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr > td {
  padding: 0.25em;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(1) > td {
  padding-bottom: 1em;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(2),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(2),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(4),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(4),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(6),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(6) {
  display: none;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(1),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(1) {
  width: 12em;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(1) select,
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(1) .nice-select {
  margin: 0;
  width: 100%;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(3),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(3),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(5),
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(5) {
  align-items: center;
  display: flex;
  width: calc(7em + 40px);
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(3) input,
[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(5) input {
  width: 7em !important;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(7) {
  display: none;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(7) {
  align-items: center;
  display: flex;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(7) > span.CommandButton {
  display: block;
  margin: 0 5px 0 0;
  position: relative;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(7) > span.CommandButton input {
  background-color: #fff;
  border-radius: 3px;
  height: 24px;
  left: 15px;
  padding: 3px;
  position: absolute;
  top: 0.3em;
  width: 24px;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(7) > span.CommandButton a {
  padding: 0.25em 2em 0.25em 40px;
}

[id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(7) > span.CommandButton a:hover {
  opacity: 1;
}

[id$=dnn_ctr358_ManageUsers_SecurityRoles_pnlUserRoles] table.tableGrid {
  max-width: 800px;
}

[id$=dnn_ctr358_ManageUsers_SecurityRoles_pnlUserRoles] table.tableGrid > thead > tr > th:nth-child(3),
[id$=dnn_ctr358_ManageUsers_SecurityRoles_pnlUserRoles] table.tableGrid > thead > tr > th:nth-child(4) {
  width: 10em;
}

/* tab --- user password manage */
[id$=_ManageUsers_Password_pnlUsersPassword].divSettings {
  padding: 0;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings {
  margin: 0;
  width: 100%;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings > tbody > tr > th,
[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings > tbody > tr > td {
  border-top: 1px dashed #c7c7c7;
  padding: 1em 0;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings > tbody > tr:nth-child(even) {
  background: transparent;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings > tbody > tr:nth-child(1) > td {
  border: none;
  padding: 0;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings > tbody > tr:nth-child(2) {
  display: none;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings > tbody > tr:nth-child(3) > th,
[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings > tbody > tr:nth-child(3) > td {
  border: none;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings .tableSettings + .submitArea {
  margin: 0 0 6em;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings > .tableSettings:first-child {
  margin: 0 0 1em;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings [id$=_ManageUsers_Password_pnlChange] .tableSettings > tbody > tr:nth-child(2) > th,
[id$=_ManageUsers_Password_pnlUsersPassword].divSettings [id$=_ManageUsers_Password_pnlChange] .tableSettings > tbody > tr:nth-child(2) > td {
  border: none;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings [id$=_ManageUsers_Password_pnlChange] .tableSettings > tbody > tr:nth-child(3) {
  display: none;
}

[id$=_ManageUsers_Password_pnlUsersPassword].divSettings [id$=_ManageUsers_Password_pnlChange] .tableSettings > tbody > tr:nth-child(4) > th,
[id$=_ManageUsers_Password_pnlUsersPassword].divSettings [id$=_ManageUsers_Password_pnlChange] .tableSettings > tbody > tr:nth-child(4) > td {
  border: none;
}

[id$=_ManageUsers_Password_pnlReset] .ic-accordionTitle > div {
  font-size: 120%;
  margin: 0 0 1em;
  padding: 0 0 0.25em 1.5em;
}

[id$=_ManageUsers_Password_pnlReset] .ic-accordionTitle > div:before {
  height: 0.6em;
  left: 0.1em;
  top: 0.3em;
  width: 0.6em;
}

[id$=_ManageUsers_Password_lblResetHelp] {
  font-size: 90%;
  opacity: 0.5;
}

/* tab --- user profile manage */
[id$=_ManageUsers_Profile_ProfileProperties] > div {
  border-bottom: 1px solid #474747;
  font-size: 120%;
  margin: 0 0 1em;
  padding: 0 0 0.25em 1.5em;
  position: relative;
  transition: color 0.25s ease-in-out, border 0.25s ease-in-out;
}

[id$=_ManageUsers_Profile_ProfileProperties] > div > img {
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 2px;
  width: 22px;
}

[id$=_ManageUsers_Profile_ProfileProperties] > div > hr {
  display: none;
}

[id$=_ManageUsers_Profile_ProfileProperties] > table {
  margin: 0 0 3em;
  width: 100%;
}

[id$=_ManageUsers_Profile_ProfileProperties] > table td {
  border-bottom: 1px dashed #c7c7c7;
  padding: 1em 0;
  position: relative;
}

[id$=_ManageUsers_Profile_ProfileProperties] > table td > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

[id$=_ManageUsers_Profile_ProfileProperties] > table td > div > div {
  float: none !important;
  width: auto !important;
}

[id$=_ManageUsers_Profile_ProfileProperties] > table td > div > div:first-child {
  width: 10em !important;
}

/* button --- profileitem manage */
.ProfileDefinitions.divSettings {
  overflow-x: auto;
  padding: 0;
}

.ProfileDefinitions.divSettings > table {
  min-width: 900px;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(3) > td > table,
[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(3) > td > table > tbody,
[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(3) > td > table > tbody > tr > td {
  display: block;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(3) > td > table > tbody > tr {
  display: flex;
  justify-content: center;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(3) > td > table > tbody > tr > td a.CommandButton {
  border: 2px solid #d7d7d7 !important;
  border-color: #fff !important;
  color: #272727;
  margin: 0.5em;
  min-width: 10em;
  padding: 0.75em 1.5em;
  text-align: center;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(3) > td > table > tbody > tr > td:nth-child(1) a.CommandButton {
  background-color: #e03500 !important;
  border-color: #e03500 !important;
  color: #fff;
  text-decoration: none;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(3) > td > table > tbody > tr > td a.CommandButton img {
  display: none;
}

/* button --- profileitem edit */
[id$=_EditProfileDefinition_Wizard] > tbody > tr:first-child > td br {
  display: none;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:first-child > td [id$=_lblHelp] {
  padding: 0 0 2em;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table {
  width: 100%;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > th,
[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > td {
  border-top: 1px dashed #c7c7c7;
  padding: 1em 0;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr:first-child > th,
[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr:first-child > td {
  border: none;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > th {
  position: relative;
  width: 8em;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > th [id$=_pnlHelp].Help {
  left: 2px;
  top: 50px;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > th span,
[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > td span {
  width: auto !important;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > th img[src="/images/required.gif"],
[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td table > tbody > tr > td img[src="/images/required.gif"] {
  margin: 5px;
  vertical-align: middle;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td > table > tbody > tr:last-child td {
  border: none;
  padding: 3em 0 0;
  text-align: center;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td > table > tbody > tr:last-child td [id$=_EditProfileDefinition_Wizard_cmdSaveKeys] {
  display: inline-block !important;
  position: relative;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td > table > tbody > tr:last-child td [id$=_EditProfileDefinition_Wizard_cmdSaveKeys] input {
  background: #fff;
  border-radius: 3px;
  left: 20px;
  position: absolute;
  top: 0.5em;
  z-index: 2;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td > table > tbody > tr:last-child td [id$=_EditProfileDefinition_Wizard_cmdSaveKeys] a.CommandButton {
  background-color: #e03500 !important;
  border-color: #e03500 !important;
  color: #fff;
  padding: 0.75em 2em 0.75em 60px;
  text-decoration: none;
}

[id$=_EditProfileDefinition_Wizard] > tbody > tr:nth-child(2) > td > table > tbody > tr:last-child td [id$=_EditProfileDefinition_Wizard_cmdSaveKeys] a.CommandButton:hover {
  opacity: 0.75;
}

/* button --- user setting */
[id$=_UserSettings_pnlAll].divSettings {
  padding: 0;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > th,
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td {
  padding: 0;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr:nth-child(even) {
  background: transparent;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings .ic-accordionTitle > div {
  font-size: 120%;
  margin: 0;
  padding: 0 0 0.25em 1.5em;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings .ic-accordionTitle > div:before {
  height: 0.6em;
  left: 0.1em;
  top: 0.3em;
  width: 0.6em;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings [id$=_UserSettings_lblprovider],
[id$=_UserSettings_pnlAll].divSettings .tableSettings [id$=_UserSettings_lblPassword] {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td span {
  width: auto !important;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table {
  width: 100%;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > th,
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td {
  border-top: 1px dashed #c7c7c7;
  padding: 1em 0;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr:first-child > th,
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr:first-child > td {
  border: none;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > th {
  font-weight: normal;
  width: 17em;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblProvider],
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblPassword] {
  margin: 0 0 4em;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblProvider] > tbody > tr > td,
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblPassword] > tbody > tr > td {
  padding: 0;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblProvider] > tbody > tr:nth-child(2) > th,
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblProvider] > tbody > tr:nth-child(2) > td,
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblPassword] > tbody > tr:nth-child(2) > th,
[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_tblPassword] > tbody > tr:nth-child(2) > td {
  border: none;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > th span[id$=_PasswordAttemptWindow_Label_label] {
  display: inline-block;
  max-width: 11em;
  vertical-align: top;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td span[id$=_UserSettings_UserSettings] {
  display: block !important;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td table[id$=_UserSettings_UserSettings_tbl] > tbody > tr > td > div {
  display: flex;
  width: auto !important;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td table[id$=_UserSettings_UserSettings_tbl] > tbody > tr > td > div > div {
  float: none;
  width: auto !important;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td table[id$=_UserSettings_UserSettings_tbl] > tbody > tr > td > div > div:first-child {
  width: 17em !important;
}

[id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td table[id$=_UserSettings_UserSettings_tbl] > tbody > tr > td > div > div input[type=checkbox] {
  height: 1.5em;
  width: 1.5em;
}

/* roll list table */
span[id=dnn_ctr_SecurityRoles_lblTitle].Head {
  display: block;
  font-size: 150%;
  margin: 1em 0 0.5em;
}

span[id=dnn_ctr_SecurityRoles_cmdAdd] input[type=image] {
  display: none;
}

a[id$=_Roles_lnkEditGroup] {
  border: 2px solid #e03500;
  border-radius: 3px;
  color: #e03500;
  display: inline-block;
  padding: 0.15em 1em;
}

a[id$=_Roles_lnkEditGroup]:after {
  content: "このロールグループを編集する";
}

a[id$=_Roles_lnkEditGroup] img {
  width: 24px;
}

label[for=dnn_ctr_SecurityRoles_chkNotify] {
  transition: opacity 0.25s ease-in-out;
}

label[for=dnn_ctr_SecurityRoles_chkNotify]:hover {
  opacity: 0.5;
}

.SecurityRoles.divSettings {
  padding: 1em 0 0;
}

[id$=_Roles_grdRoles] > thead > tr > th:nth-child(1),
[id$=_Roles_grdRoles] > thead > tr > th:nth-child(2) {
  width: 4em !important;
}

[id$=_Roles_grdRoles] > thead > tr > th:nth-last-child(1) {
  width: 6em !important;
}

[id$=_Roles_grdRoles] > thead > tr > th:nth-last-child(2),
[id$=_Roles_grdRoles] > thead > tr > th:nth-last-child(3) {
  text-align: center;
  width: 4em !important;
}

[id$=_Roles_grdRoles] > tbody > tr > td:nth-child(1),
[id$=_Roles_grdRoles] > tbody > tr > td:nth-child(2),
[id$=_Roles_grdRoles] > tbody > tr > td:nth-last-child(1),
[id$=_Roles_grdRoles] > tbody > tr > td:nth-last-child(2),
[id$=_Roles_grdRoles] > tbody > tr > td:nth-last-child(3) {
  text-align: center;
}

[id$=_Roles_grdRoles] > tbody > tr > td:nth-child(1) a,
[id$=_Roles_grdRoles] > tbody > tr > td:nth-child(2) a {
  transition: opacity 0.25s ease-in-out;
}

[id$=_Roles_grdRoles] > tbody > tr > td:nth-child(1) a:hover,
[id$=_Roles_grdRoles] > tbody > tr > td:nth-child(2) a:hover {
  opacity: 0.5;
}

/**/
@media screen and (max-width: 750px) {
  .adminMode [id$=_ManageUsers_pnlUser] {
    padding-bottom: 15em;
  }
  .adminMode [id$=_ManageUsers_pnlUser] + .divSettings[id$=_ManageUsers_pnlSettings] {
    margin-top: -14em;
  }
  .adminMode [id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td {
    width: 100%;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlUserRoles] {
    overflow-x: auto;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlUserRoles] table {
    width: 550px;
  }
  .adminMode [id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span[disabled] a.CommandButton,
  .adminMode [id$=_ManageUsers_pnlTabs].divSettings > table > tbody > tr > td > span[disabled] a.CommandButton:hover {
    border: 1px solid #c7c7c7;
    border-radius: 3px;
  }
  .adminMode [id$=_ManageUsers_pnlTabs].divSettings > table:before {
    display: none;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr {
    flex-direction: column;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td {
    left: 0;
    position: absolute;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(1) {
    top: 0.5em;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(3) {
    top: 3.25em;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(2) > td:nth-child(5) {
    top: 6em;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td {
    padding-left: 7em;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr:nth-child(3) > td:nth-child(7) {
    flex-wrap: wrap;
    padding-left: 0;
  }
  .adminMode [id$=_ManageUsers_SecurityRoles_pnlRoles] > table > tbody > tr > td {
    width: 100% !important;
  }
  .adminMode .ManageUsers > tbody > tr > td > div > table,
  .adminMode .ManageUsers > tbody > tr > td > div > table > tbody,
  .adminMode .ManageUsers > tbody > tr > td > div > table > tbody > tr,
  .adminMode .ManageUsers > tbody > tr > td > div > table > tbody > tr > th,
  .adminMode .ManageUsers > tbody > tr > td > div > table > tbody > tr > td {
    display: block;
    width: 100%;
  }
  .adminMode .ManageUsers > tbody > tr > td > div > table > tbody > tr > th {
    padding-bottom: 0;
  }
  .adminMode .ManageUsers > tbody > tr > td > div > table > tbody > tr > td {
    border: none;
    padding-left: 20px;
    padding-top: 0.25em;
  }
}
@media screen and (max-width: 1050px) {
  /* user settings */
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_ProviderSettings_tbl] > tbody > tr {
    border-top: 1px dashed #c7c7c7;
    display: flex;
    flex-wrap: wrap;
    padding: 1em 0;
  }
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_ProviderSettings_tbl] > tbody > tr:first-child {
    border: none;
  }
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_ProviderSettings_tbl] > tbody > tr > th,
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_ProviderSettings_tbl] > tbody > tr > td {
    border: none;
    padding: 0.05em 0;
    width: 100% !important;
  }
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_PasswordSettings_tbl] > tbody > tr {
    border-top: 1px dashed #c7c7c7;
    padding: 1em 0;
  }
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_PasswordSettings_tbl] > tbody > tr:first-child {
    border: none;
  }
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_PasswordSettings_tbl] > tbody > tr > th,
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table[id$=_UserSettings_PasswordSettings_tbl] > tbody > tr > td {
    border: none;
    padding: 0.05em 0;
  }
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td table[id$=_UserSettings_UserSettings_tbl] > tbody > tr > td > div {
    flex-wrap: wrap;
  }
  .adminMode [id$=_UserSettings_pnlAll].divSettings .tableSettings > tbody > tr > td table > tbody > tr > td table[id$=_UserSettings_UserSettings_tbl] > tbody > tr > td > div > div {
    width: 100% !important;
  }
}
/* ================================================================
  module_sitemap
   ================================================================ */
/* Template : sitemap ============================================= */
.icmdtp-sitemapItem,
.icmdtp-sitemapItem ul,
.icmdtp-sitemapItem li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.icmdtp-sitemapItem a {
  color: #272727;
  display: block;
  line-height: 1.4;
  position: relative;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
}

.icmdtp-sitemapItem a:hover {
  color: #c3d600;
}

.icmdtp-sitemapItem > li {
  padding: 3em 0 1em;
}

.icmdtp-sitemapItem > li > a {
  font-size: 175%;
  padding: 0 0 0.35em;
}

.icmdtp-sitemapItem > li > ul {
  padding: 0;
}

.icmdtp-sitemapItem > li > ul > li {
  border-top: 1px dashed #c7c7c7;
}

.icmdtp-sitemapItem > li > ul > li:first-child {
  border-top: none;
}

.icmdtp-sitemapItem > li > ul > li a {
  padding: 0.5em 0;
}

.icmdtp-sitemapItem > li > ul > li > ul {
  font-size: 90%;
  margin: 0 0 1em 2em;
}

.icmdtp-sitemapItem > li > ul > li > ul ul {
  font-size: 90%;
  margin: 0 0 1em 2em;
}

/* ================================================================
  module_news
   ================================================================ */
/* view */
.ImportProductCsv.divSettings table.tblInput.tableSettings th.SubHead {
  width: 18em;
}

.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div {
  border-top: 1px solid #d7d7d7;
  padding: 5px;
}

.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div:first-child {
  border-top: none;
}

.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div:hover {
  background: #f7f7f7;
}

.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div > table > tbody > tr > td {
  padding: 0 0 5px;
}

.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > table td {
  padding: 5px 0;
}

.adminMode table.tableSettings.AnnouncementsSettings .linkModuleArea {
  background: #e7e7e7;
  border-radius: 10px;
  margin: 15px 5px;
  padding: 10px 15px;
  position: relative;
}

.adminMode table.tableSettings.AnnouncementsSettings .linkModuleArea:before {
  border-color: transparent transparent #e7e7e7 transparent;
  border-style: solid;
  border-width: 0 7px 14px 7px;
  bottom: 100%;
  content: "";
  height: 0;
  left: 25px;
  position: absolute;
  width: 0;
}

.adminMode table.tableSettings.AnnouncementsSettings .linkModuleArea:after {
  bottom: calc(100% - 2px);
  content: "";
  height: 0;
  left: 25px;
  position: absolute;
  width: 0;
}

.adminMode table.tableSettings.AnnouncementsSettings .linkModuleArea th {
  font-weight: normal;
  vertical-align: middle;
  width: 7em;
}

[id$=_ModuleSettings_rowspecifichelp] {
  color: #979797;
  font-size: 80%;
}

[id$=_ModuleSettings_rowspecifichelp] [id$=_ModuleSettings_lnkSpecificHelp] {
  border: 2px solid #e03500;
  border-radius: 3px;
  color: #e03500;
  font-size: 120%;
  padding: 0 1em;
}

[id$=_help_lblHelp][id$=_lblHelp].Normal {
  font-size: 100%;
  opacity: 1;
}

.adminMode .EditAnnouncements.divSettings table.tableSettings div[id$=_EditAnnouncements_tvwCategory],
.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div[id$=_ModuleSettings_Settings_tvwCategory] {
  border: none;
}

.adminMode .EditAnnouncements.divSettings table.tableSettings div[id$=_EditAnnouncements_tvwCategory] > table,
.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div[id$=_ModuleSettings_Settings_tvwCategory] > table {
  display: table;
}

.adminMode .EditAnnouncements.divSettings table.tableSettings div[id$=_EditAnnouncements_tvwCategory] > table > tbody,
.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div[id$=_ModuleSettings_Settings_tvwCategory] > table > tbody {
  display: table-row-group;
}

.adminMode .EditAnnouncements.divSettings table.tableSettings div[id$=_EditAnnouncements_tvwCategory] > table > tbody > tr,
.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div[id$=_ModuleSettings_Settings_tvwCategory] > table > tbody > tr {
  display: table-row;
}

.adminMode .EditAnnouncements.divSettings table.tableSettings div[id$=_EditAnnouncements_tvwCategory] > table > tbody > tr > td,
.adminMode table.tableSettings.AnnouncementsSettings > tbody > tr > td > div[id$=_ModuleSettings_Settings_tvwCategory] > table > tbody > tr > td {
  display: table-cell;
}

/* manage */
.AdminViewAnnouncements > .search {
  margin: 0 0 0.5em;
}

.AdminViewAnnouncements [id*=ViewAnnouncements_grdResult] > thead > tr > th:nth-last-child(1),
.AdminViewAnnouncements [id*=ViewAnnouncements_grdResult] > thead > tr > th:nth-last-child(2),
.AdminViewAnnouncements [id*=ViewAnnouncements_grdResult] > tbody > tr > td:nth-last-child(1),
.AdminViewAnnouncements [id*=ViewAnnouncements_grdResult] > tbody > tr > td:nth-last-child(2) {
  text-align: center;
  width: 4em !important;
}

.AdminViewAnnouncements [id*=ViewAnnouncements_grdResult] > thead > tr > th:nth-last-child(1) span {
  font-size: 12px;
}

.AdminViewAnnouncements [id*=ViewAnnouncements_grdResult] > thead > tr > th > div {
  text-align: right;
}

/* history */
.HistoryAnnouncements [id*=HistoryAnnouncements_grdResult] > thead > tr > th:nth-last-child(1),
.HistoryAnnouncements [id*=HistoryAnnouncements_grdResult] > thead > tr > th:nth-last-child(2),
.HistoryAnnouncements [id*=HistoryAnnouncements_grdResult] > thead > tr > th:nth-last-child(3) {
  font-size: 12px;
  width: 4.5em;
}

.HistoryAnnouncements [id*=HistoryAnnouncements_grdResult] > thead > tr > th:nth-last-child(5) {
  width: 4em !important;
}

/* history - viewdata */
div[id*=HistoryAnnouncements_TemplateDiv] {
  padding: 50px 0 0;
}

/*　category */
ul.AnnouncementCategory {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.AnnouncementCategory li {
  display: inline-block;
  margin: 0.25em;
  padding: 0;
}

ul.AnnouncementCategory li a {
  background: #e7e7e7;
  display: block;
  padding: 0.5em;
}

/* Template : news ============================================= */
.icmdtp-newsItem {
  padding: 1em 0 2em;
}

.icmdtp-newsItem .news_date {
  flex-shrink: 0;
  white-space: nowrap;
  width: 6em;
}

.icmdtp-newsItem .news_cate {
  flex-shrink: 0;
}

.icmdtp-newsItem .news_cate > span {
  background: #e7e7e7;
  display: block;
  font-size: 85%;
  margin: 0.25em;
  padding: 0 0.2em;
  text-align: center;
}

.icmdtp-newsItem .news_ttl {
  word-break: break-word;
}

.icmdtp-newsItem .newsImage img {
  max-width: 100%;
}

.icmdtp-newsItem img[alt=New][id^=dnn_] {
  margin: 0 0 0 0.5em;
  vertical-align: middle;
}

.icmdtp-newsItem .newsList {
  margin: 0;
  padding: 0;
}

.icmdtp-newsItem .newsList > li {
  border-top: #c7c7c7 dotted 1px;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 1em 0;
}

.icmdtp-newsItem .newsList > li:first-child {
  border: none;
}

.icmdtp-newsItem .newsList .news_date {
  margin: 0 0.5em 0 0;
}

.icmdtp-newsItem .newsList .news_cate {
  margin: 0 0.5em 0 0;
  width: 10em;
}

.icmdtp-newsItem .newsList .news_ttl {
  flex-grow: 1;
}

.icmdtp-newsItem .newsList .newsImage {
  flex-shrink: 0;
  margin: 0 0 0 1em;
  text-align: center;
  width: 7em;
}

.icmdtp-newsItem .newsDetail .news_ttl {
  font-size: 200%;
  margin: 1em 0 1.5em;
  word-break: break-word;
}

.icmdtp-newsItem .newsDetail .news_cate > span {
  display: inline-block;
  margin-left: 0;
}

.icmdtp-newsItem .newsDetail .newsImage {
  margin: 1em 0;
}

.icmdtp-newsItem .newsDetail .newsBackLink {
  text-align: right;
}

/* ================================================================
  module_reservemanage
   ================================================================ */
[id$=_ModuleSettings_Settings_tblBasicSetting],
[id$=_ModuleSettings_Settings_tblNameSetting],
[id$=_ModuleSettings_Settings_tblReserveMail],
[id$=_ModuleSettings_Settings_tblNotifySetting] {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  margin: 1em 0 2em;
  width: 100%;
}

[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblNameSetting] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblReserveMail] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblNotifySetting] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > td,
[id$=_ModuleSettings_Settings_tblNameSetting] > tbody > tr > td,
[id$=_ModuleSettings_Settings_tblReserveMail] > tbody > tr > td,
[id$=_ModuleSettings_Settings_tblNotifySetting] > tbody > tr > td {
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  padding: 1em;
}

[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblNameSetting] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblReserveMail] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblNotifySetting] > tbody > tr > th,
[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > td.SubHead,
[id$=_ModuleSettings_Settings_tblNameSetting] > tbody > tr > td.SubHead,
[id$=_ModuleSettings_Settings_tblReserveMail] > tbody > tr > td.SubHead,
[id$=_ModuleSettings_Settings_tblNotifySetting] > tbody > tr > td.SubHead {
  background: #e7e7e7;
  width: 14em;
}

[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > td table td {
  padding: 0.25em;
}

[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > td textarea,
[id$=_ModuleSettings_Settings_tblReserveMail] > tbody > tr > td textarea,
[id$=_ModuleSettings_Settings_tblNotifySetting] > tbody > tr > td textarea {
  width: 100% !important;
}

[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > td [id$=_tblTextEditor],
[id$=_ModuleSettings_Settings_tblBasicSetting] > tbody > tr > td [id$=_celTextEditor] {
  width: 100% !important;
}

select[id^=dnn_ctr][id$=_ModuleSettings_Settings_ddlPossibleColor],
select[id^=dnn_ctr][id$=_ModuleSettings_Settings_ddlFewColor],
select[id^=dnn_ctr][id$=_ModuleSettings_Settings_ddlImpossibleColor] {
  display: block !important;
}

select[id^=dnn_ctr][id$=_ModuleSettings_Settings_ddlPossibleColor] + .nice-select,
select[id^=dnn_ctr][id$=_ModuleSettings_Settings_ddlFewColor] + .nice-select,
select[id^=dnn_ctr][id$=_ModuleSettings_Settings_ddlImpossibleColor] + .nice-select {
  display: none;
}

/* ================================================================
  module_reservationdetail
   ================================================================ */
.divSettings .ReserveDetailSettings.tableSettings {
  border: none;
  margin: 1em 0 2em;
  width: 100%;
}

.divSettings .ReserveDetailSettings.tableSettings > tbody > tr:nth-child(even) {
  background: none;
}

.divSettings .ReserveDetailSettings.tableSettings > tbody > tr > th,
.divSettings .ReserveDetailSettings.tableSettings > tbody > tr > td {
  background: none;
  border: none;
  padding: 1em;
}

/* ================================================================
  module_login
   ================================================================ */
/* settings */
#tblMainControlPanel,
#tblMainControlPanel > tbody,
#tblMainControlPanel > tbody > tr,
#tblMainControlPanel > tbody > tr > td,
#tblMainControlPanel > tbody > tr > td > .ControlPanel,
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody,
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr,
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td,
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table,
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody,
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr,
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td {
  display: block !important;
}

/*accordion*/ /*
#tblMainControlPanel .ic-accordionTitle > div{padding-left:calc(4.5em - 40px);}
#tblMainControlPanel .ic-accordionTitle > div:before{left:20px;}*/
/*help*/
#tblMainControlPanel [id$=_ControlPanel_MAnageLoginTemplate_tblSetup] > tbody > tr:first-child > td,
#tblMainControlPanel [id$=_ControlPanel_DynamicRoleEdit_tblTableRules] > tbody > tr:first-child > td,
#tblMainControlPanel [id$=_ControlPanel_DynamicRoleGroupEdit_tableRulesGrid] > tbody > tr:first-child > td,
#tblMainControlPanel [id$=_ControlPanel_DynamicLoginEdit_tblRulesGrid] > tbody > tr:first-child > td,
#tblMainControlPanel [id$=_ControlPanel_DynamicIPRestrictions_tblSetupIP] > tbody > tr:first-child > td,
#tblMainControlPanel [id$=_ControlPanel_DynamicIPRestrictions_tblSetupSQL] > tbody > tr:first-child > td,
#tblMainControlPanel [id$=_ControlPanel_SingleSignOnSetup_Table1] > tbody > tr:first-child > td {
  color: #979797;
  font-size: 12px;
  padding: 0 0 3em;
}

#tblMainControlPanel .ic-accordionTitle + .tableSettings > tbody > tr > th,
#tblMainControlPanel .ic-accordionTitle + .tableSettings > tbody > tr > td:not([colspan="2"]) {
  border-top: 1px dashed #d7d7d7;
  margin: 1em 0 2em;
  padding: 1em;
}

#tblMainControlPanel .ic-accordionTitle + .tableSettings > tbody > tr > th {
  padding-left: 0;
  width: 10em;
}

#tblMainControlPanel .ic-accordionTitle + .tableSettings > tbody > tr:first-child > th,
#tblMainControlPanel .ic-accordionTitle + .tableSettings > tbody > tr:first-child > td,
#tblMainControlPanel .ic-accordionTitle + .tableSettings[id$=_ControlPanel_MAnageLoginTemplate_tblSetup] > tbody > tr:nth-child(3) > th,
#tblMainControlPanel .ic-accordionTitle + .tableSettings[id$=_ControlPanel_MAnageLoginTemplate_tblSetup] > tbody > tr:nth-child(3) > td {
  border: none;
}

/* icon */
#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:first-child {
  display: none;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr + tr {
  display: flex;
  flex-wrap: wrap;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {
  display: block;
  padding: 0;
  white-space: inherit;
  width: 25% !important;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div {
  white-space: inherit;
  width: auto !important;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div.showbg {
  background: none;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div.showbg > a {
  opacity: 0.5;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div > a {
  display: block;
  padding: 1em 1.5em 1em 40px;
  position: relative;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > div > a:before {
  content: "";
  display: block;
  height: 32px;
  left: 5px;
  position: absolute;
  top: 0.75em;
  width: 32px;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > #cplTemplate > a:before {
  background: url(/Portals/_default/images/modules/login/template.png) no-repeat;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > #cplConfig > a:before {
  background: url(/Portals/_default/images/modules/login/settings.png) no-repeat;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > #cplRoles > a:before {
  background: url(/Portals/_default/images/modules/login/redirect.png) no-repeat;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > #cplRoleGroups > a:before {
  background: url(/Portals/_default/images/modules/login/redirect_group.png) no-repeat;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > #cplUserNotification > a:before {
  background: url(/Portals/_default/images/modules/login/message.png) no-repeat;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > #cplIPRestriction > a:before {
  background: url(/Portals/_default/images/modules/login/restriction.png) no-repeat;
}

#tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > #cplSingleSignOn > a:before {
  background: url(/Portals/_default/images/modules/login/single_signon.png) no-repeat;
}

@media screen and (max-width: 750px) {
  #tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {
    width: 50% !important;
  }
}
@media screen and (max-width: 500px) {
  #tblMainControlPanel > tbody > tr > td > .ControlPanel > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {
    width: 100% !important;
  }
}
/* table redirect */
#DynamicLoginRolesDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleEdit_grdRules] {
  background-color: white;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-style: solid !important;
  border-width: 1px !important;
  margin-bottom: 2em;
  width: 100%;
}

#DynamicLoginRolesDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleEdit_grdRules] tr td {
  border: none;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  line-height: 1.2;
  padding: 0.5em;
}

#DynamicLoginRolesDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleEdit_grdRules] tr:first-child td {
  background: rgba(0, 0, 0, 0.05);
  font-weight: normal;
  padding: 1em;
}

#DynamicLoginRolesDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleEdit_grdRules] tr:first-child td:nth-child(1),
#DynamicLoginRolesDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleEdit_grdRules] tr:first-child td:nth-child(6) {
  width: 4em;
}

#DynamicLoginRolesDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleEdit_grdRules] tr:first-child td:nth-child(4) {
  width: 6em;
}

/* table message */
#DynamicLoginUserNotificationDiv > div > .tableSettings table[id*=_ControlPanel_DynamicLoginEdit_grdRules] {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-style: solid !important;
  border-width: 1px !important;
  margin-bottom: 2em;
  width: 100%;
}

#DynamicLoginUserNotificationDiv > div > .tableSettings table[id*=_ControlPanel_DynamicLoginEdit_grdRules] tr td {
  border: none;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  line-height: 1.2;
  padding: 0.5em;
}

#DynamicLoginUserNotificationDiv > div > .tableSettings table[id*=_ControlPanel_DynamicLoginEdit_grdRules] tr:first-child td {
  background: rgba(0, 0, 0, 0.05);
  font-weight: normal;
  padding: 1em;
}

#DynamicLoginUserNotificationDiv > div > .tableSettings table[id*=_ControlPanel_DynamicLoginEdit_grdRules] tr:first-child td:nth-child(1),
#DynamicLoginUserNotificationDiv > div > .tableSettings table[id*=_ControlPanel_DynamicLoginEdit_grdRules] tr:first-child td:nth-child(5) {
  width: 4em;
}

#DynamicLoginUserNotificationDiv > div > .tableSettings table[id*=_ControlPanel_DynamicLoginEdit_grdRules] tr:first-child td:nth-child(4) {
  width: 8em;
}

/* table RoleGroups */
#DynamicLoginRoleGroupsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleGroupEdit_grdGroupRules] {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-style: solid !important;
  border-width: 1px !important;
  margin-bottom: 2em;
  width: 100%;
}

#DynamicLoginRoleGroupsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleGroupEdit_grdGroupRules] tr td {
  border: none;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  line-height: 1.2;
  padding: 0.5em;
}

#DynamicLoginRoleGroupsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleGroupEdit_grdGroupRules] tr:first-child td {
  background: rgba(0, 0, 0, 0.05);
  font-weight: normal;
  padding: 1em;
}

#DynamicLoginRoleGroupsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleGroupEdit_grdGroupRules] tr:first-child td:nth-child(1),
#DynamicLoginRoleGroupsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleGroupEdit_grdGroupRules] tr:first-child td:nth-child(6) {
  width: 4em;
}

#DynamicLoginRoleGroupsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicRoleGroupEdit_grdGroupRules] tr:first-child td:nth-child(4) {
  width: 6em;
}

/* table IPRestrictions */
#DynamicLoginIPRestrictionsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP] {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-style: solid !important;
  border-width: 1px !important;
  margin-bottom: 2em;
  width: 100% !important;
}

#DynamicLoginIPRestrictionsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP] tr td {
  border: none;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  line-height: 1.2;
  padding: 0.5em;
}

#DynamicLoginIPRestrictionsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP] tr:first-child td {
  background: rgba(0, 0, 0, 0.05);
  font-weight: normal;
  padding: 1em;
}

#DynamicLoginIPRestrictionsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP] tr:first-child td:nth-child(4) {
  width: 4em;
}

#DynamicLoginIPRestrictionsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP] tr td a[name*=Linkbutton] {
  background: #c7c7c7;
  border: 2px solid #c7c7c7;
  border-radius: 3px;
  color: #070707;
  display: inline-block;
  margin: 0.25em;
  min-width: 5em;
  outline: none;
  padding: 0.5em;
  text-align: center;
  transition: all 0.25s ease-in-out;
}

#DynamicLoginIPRestrictionsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP] tr td a[name=Linkbutton1] {
  background: #e03500;
  border-color: #e03500 !important;
  color: #fff;
}

#DynamicLoginIPRestrictionsDiv > div > .tableSettings table[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP] tr td input[id*=_ControlPanel_DynamicIPRestrictions_dgRestrictedIP_txtIPAddress] {
  width: 100%;
}

/* SingleSignOn */
#DynamicLoginSingleSignOnDiv .tableSettings > tbody > tr > td > table > tbody > tr > th > label {
  display: inline-block;
  padding: 0.5em 0 0.5em 1.25em;
  position: relative;
}

#DynamicLoginSingleSignOnDiv .tableSettings > tbody > tr > td > table > tbody > tr > th > label a {
  left: 0;
  position: absolute;
  top: 0.55em;
}

#DynamicLoginSingleSignOnDiv .tableSettings > tbody > tr > td > table > tbody > tr > th > label span {
  display: block;
}

#DynamicLoginSingleSignOnDiv .tableSettings > tbody > tr > td > table > tbody > tr > th > [id$=_pnlHelp].Help {
  left: auto;
  top: auto;
}

#tblMainControlPanel #DynamicLoginSingleSignOnDiv .ic-accordionTitle + .tableSettings > tbody > tr > td:not([colspan="2"]) {
  padding: 1em 0;
}

/* btn */
#tblMainControlPanel #DynamicLoginManageTemplateDiv .divSettings .submitArea,
#tblMainControlPanel #DynamicLoginSettingsDiv .divSettings .submitArea,
#tblMainControlPanel #DynamicLoginRolesDiv .divSettings .submitArea,
#tblMainControlPanel #DynamicLoginRoleGroupsDiv .divSettings .submitArea,
#tblMainControlPanel #DynamicLoginUserNotificationDiv .divSettings .submitArea,
#tblMainControlPanel #DynamicLoginIPRestrictionsDiv .divSettings .submitArea,
#tblMainControlPanel #DynamicLoginSingleSignOnDiv .divSettings .submitArea {
  border-bottom: 1px dashed #d7d7d7;
  margin-bottom: 7em;
  padding-bottom: 2em;
}

@media screen and (max-width: 750px) {
  #tblMainControlPanel #DynamicLoginManageTemplateDiv .divSettings .submitArea,
  #tblMainControlPanel #DynamicLoginSettingsDiv .divSettings .submitArea,
  #tblMainControlPanel #DynamicLoginRolesDiv .divSettings .submitArea,
  #tblMainControlPanel #DynamicLoginRoleGroupsDiv .divSettings .submitArea,
  #tblMainControlPanel #DynamicLoginUserNotificationDiv .divSettings .submitArea,
  #tblMainControlPanel #DynamicLoginIPRestrictionsDiv .divSettings .submitArea,
  #tblMainControlPanel #DynamicLoginSingleSignOnDiv .divSettings .submitArea {
    margin-bottom: 3em;
  }
  #tblMainControlPanel #DynamicLoginManageTemplateDiv .divSettings .submitArea input,
  #tblMainControlPanel #DynamicLoginSettingsDiv .divSettings .submitArea input,
  #tblMainControlPanel #DynamicLoginRolesDiv .divSettings .submitArea input,
  #tblMainControlPanel #DynamicLoginRoleGroupsDiv .divSettings .submitArea input,
  #tblMainControlPanel #DynamicLoginUserNotificationDiv .divSettings .submitArea input,
  #tblMainControlPanel #DynamicLoginIPRestrictionsDiv .divSettings .submitArea input,
  #tblMainControlPanel #DynamicLoginSingleSignOnDiv .divSettings .submitArea input {
    min-width: 10em;
    width: auto;
  }
}
/* loader */
.blockUI.blockMsg.blockPage {
  background: none !important;
  border: none !important;
}

.blockUI.blockMsg.blockPage:before {
  background: #fff url(/images/img_loader.gif) no-repeat center;
  border-radius: 3px;
  bottom: 0;
  content: "";
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px;
}

.blockUI.blockMsg.blockPage .SubHead {
  display: none;
}

/* for help-changing and singlesignon-current-design */
#DynamicLoginSingleSignOnDiv .tableSettings > tbody > tr > td > table > tbody > tr > th > label {
  padding-left: 0;
}

#DynamicLoginSingleSignOnDiv .tableSettings > tbody > tr > td > table > tbody > tr > th > label a,
#DynamicLoginSingleSignOnDiv .tableSettings > tbody > tr > td > table > tbody > tr > th > [id$=_pnlHelp].Help {
  display: none;
}

/* ================================================================
  module_forum_simple
   ================================================================ */
div.submitArea input[id*=ViewSimpleBBSv2].cmdContribute.submitBtn {
  background-color: #e03500;
  border-color: #e03500;
  color: #fff;
}

/* ================================================================
  module_forum
   ================================================================ */
/* common */
.Forum_Container,
.Forum_Container > tbody,
.Forum_Container > tbody > tr,
.Forum_Container > tbody > tr > th,
.Forum_Container > tbody > tr > td {
  border: none;
  display: block;
}

.Forum_Container > tbody > tr > td img[src*="spacer.gif"] {
  display: none;
}

.Forum_Container td a:hover {
  color: #070707;
}

.Forum_Container td.Forum_HeaderCapLeft,
.Forum_Container td.Forum_HeaderCapRight {
  background: none;
}

.Forum_Container td.Forum_Row_AdminL,
.Forum_Container .Forum_Row_AdminL {
  background: none;
  border: none;
  padding: 1em;
}

.Forum_Container td.Forum_Row_AdminR,
.Forum_Container .Forum_Row_AdminR {
  background: none;
  border: none;
}

.Forum_Container table#tblContent tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.035);
}

.Forum_Footer .Forum_Link,
.Forum_Footer a.Forum_Link:link,
.Forum_Footer a.Forum_Link:visited,
.Forum_Footer td.Forum_Link {
  background: #c7c7c7;
  border: 2px solid #c7c7c7;
  border-radius: 3px;
  color: #070707;
  display: inline-block;
  font-size: 100%;
  font-weight: normal;
  margin: 0.5em;
  min-width: 10em;
  outline: none;
  padding: 0.75em 1.5em;
  text-align: center;
  transition: all 0.25s ease-in-out;
}

.Forum_Footer a.Forum_Link:hover {
  text-decoration: none;
}

.Forum_Footer .Forum_Link[id*=_cmdUpdate],
.Forum_Footer a.Forum_Link[id*=_cmdUpdate]:link,
.Forum_Footer a.Forum_Link[id*=_cmdUpdate]:visited,
.Forum_Footer td.Forum_Link[id*=_cmdUpdate],
.Forum_Footer a.Forum_Link[id*=_cmdSubmit],
.Forum_Footer a.Forum_Link[id*=_cmdSubmit]:link,
.Forum_Footer a.Forum_Link[id*=_cmdSubmit]:visited,
.Forum_Footer a.Forum_Link[id*=_cmdSearch],
.Forum_Footer a.Forum_Link[id*=_cmdSearch]:link,
.Forum_Footer a.Forum_Link[id*=_cmdSearch]:visited {
  background: #e03500;
  border-color: #e03500;
  color: #fff;
}

.Forum_Footer a.Forum_Link[id*=_cmdPreview],
.Forum_Footer a.Forum_Link[id*=_cmdPreview]:link,
.Forum_Footer a.Forum_Link[id*=_cmdPreview]:visited {
  background: #c3d600;
  border-color: #c3d600;
}

.Forum_Container .Forum_Footer {
  border: none;
  margin: 2em 0;
}

.Forum_Container .Forum_Footer > table td {
  width: auto !important;
}

.Forum_Container .Forum_Footer > table {
  margin: 0 auto;
  width: auto;
}

.Forum_Container td.Forum_ModerateButton,
.Forum_Container .Forum_ModerateButton,
.Forum_Container a.Forum_ModerateButton:link,
.Forum_Container a.Forum_ModerateButton:visited {
  background: none;
  border: none;
  padding: 0;
}

.Forum_Container .Forum_Profile,
.Forum_Container a.Forum_Profile:link,
.Forum_Container a.Forum_Profile:visited {
  border: #e03500 solid 2px;
  border-radius: 3px;
  color: #e03500;
  display: block;
  font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 0.5em 1em;
}

/* my-article ...search forumtop */
.Forum_Container td.Forum_NavBarButton,
.Forum_Container .Forum_NavBarButton {
  background: none;
  border: none;
  padding: 0;
}

.Forum_Container .Forum_NavBarButton .Forum_Link,
.Forum_Container .Forum_NavBarButton a.Forum_Link:link,
.Forum_Container .Forum_NavBarButton a.Forum_Link:visited {
  background: #e7e7e7;
  border-radius: 3px;
  display: block;
  font-size: 11px;
  margin: 0 0.5em 1.5em 0;
  padding: 0.6em 1.2em;
  position: relative;
  text-decoration: none;
  transition: background ease-in-out 0.25s;
}

.Forum_Container table td * {
  color: #272727;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 100%;
  font-weight: 500;
}

/* forumlist */
.Forum_Container td.Forum_Header,
.Forum_Container .Forum_Header {
  background: rgba(0, 0, 0, 0.05);
  border: none;
}

.Forum_Container .Forum_Header tr:not(:first-child) {
  background-color: #fff;
}

.Forum_Container td.Forum_HeaderText,
.Forum_Container .Forum_HeaderText {
  color: #272727;
  font-size: 100%;
}

/* discussion */
.Forum_Container td.Forum_AltHeader,
.Forum_Container .Forum_AltHeader {
  background: #fff;
  border: none;
  padding: 0;
}

.Forum_Container td.Forum_AltHeaderText,
.Forum_Container .Forum_AltHeaderText {
  color: #272727;
}

/* all */
.Forum_Container td.Forum_Row_Alt {
  background: none;
  border: none;
  margin: 0;
  padding: 0 0 0 1em;
}

.Forum_Container td.Forum_RowHighlight1_Alt,
.Forum_Container .Forum_RowHighLight1_Alt,
.Forum_Container td.Forum_RowHighlight2_Alt,
.Forum_Container .Forum_RowHighLight2_Alt,
.Forum_Container td.Forum_RowHighlight3_Alt,
.Forum_Container .Forum_RowHighLight3_Alt {
  background: none;
  border: none;
}

/* footer */
.Forum_Container td.Forum_SpacerRow {
  border: none;
}

.Forum_Container td.Forum_Footer,
.Forum_Container .Forum_Footer {
  background: none;
  border: none;
  border-top: 1px solid #d7d7d7;
}

.Forum_Container td.Forum_FooterText,
.Forum_Container .Forum_FooterText {
  color: #272727;
}

.Forum_Container .Forum_Footer td .Forum_FooterText {
  font-size: 82%;
  padding: 0.5em 0 2em 0;
}

/* summary */
.Forum_Container td.Forum_SummaryRow {
  background: none;
}

.Forum_Container td.Forum_SummaryRow marquee.Normal > table {
  border: #ccc solid 1px;
}

.Forum_Container td.Forum_SummaryRow marquee.Normal > table * {
  border: none !important;
}

/* breadcurmb */
.Forum_Container .Forum_BreadCrumb,
.Forum_Container a.Forum_BreadCrumb:link,
.Forum_Container a.Forum_BreadCrumb:visited {
  color: #272727;
  display: inline-block;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  font-size: 82%;
  font-weight: 500;
  padding: 1em 0;
}

/* thread */
.Forum_Container .Forum_NormalTextBox {
  display: inline-block;
  padding: 0 1em 0 0;
}

/*　img filtering */
.Forum_Container > tbody > tr > td table td img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* after clicking articles */
.Forum_Container .Forum_Avatar_Alt > table,
.Forum_Container .Forum_Avatar_Alt > table > tbody,
.Forum_Container .Forum_Avatar_Alt > table > tbody > tr,
.Forum_Container .Forum_Avatar_Alt > table > tbody > tr > th,
.Forum_Container .Forum_Avatar_Alt > table > tbody > tr > td {
  display: block;
}

.Forum_Container .Forum_Avatar_Alt > table > tbody > tr:first-child > td > a.Forum_Profile {
  display: inline-block;
}

.Forum_Container .Forum_Avatar_Alt > table > tbody > tr:first-child > td {
  width: auto;
}

.Forum_Container td.Forum_Avatar_Alt,
.Forum_Container .forum_avatar_alt {
  border: none;
  width: 10%;
}

.Forum_Container td.Forum_PostDetails_Alt,
.Forum_Container .Forum_PostDetails_Alt,
.Forum_Container td.Forum_PostButtons_Alt,
.Forum_Container .Forum_PostButtons_Alt,
.Forum_Container td.Forum_PostBody_Alt,
.Forum_Container .Forum_PostBody_Alt {
  background: none;
  border: none;
  padding: 0.5em 1em;
}

.Forum_Container td.Forum_ReplyCell,
.Forum_Container .Forum_ReplyCell {
  background: none;
  border: none;
  padding: 0;
}

/* buttons */
.Forum_Container .Forum_PostButtons_Alt .Forum_Link,
.Forum_Container .Forum_PostButtons_Alt a.Forum_Link:link,
.Forum_Container .Forum_PostButtons_Alt a.Forum_Link:visited,
.Forum_Container .Forum_PostButtons_Alt td.Forum_Link {
  background: #e7e7e7;
  border-radius: 3px;
  display: block;
  font-size: 11px;
  margin: 0 0.5em 0 0;
  padding: 0.6em 1.2em;
  position: relative;
  text-decoration: none;
  transition: background ease-in-out 0.25s;
}