@charset "UTF-8";

/*------------------------------------------------------------
  ブース共通 /admin/booth/
-------------------------------------------------------------*/
body.booth #mainWrap .mainContents .detailArea { margin-top: 60px; }
body.booth input.datepicker { width: 150px; box-sizing: border-box; padding-right: 30px; background: #FFFFFF url("../images/common/baseline_date_range_black_18dp.png") no-repeat right 10px center / 15px; }


/* インデックス */
body.booth #mainWrap .mainContents .boothContets { background: #F4F5F7; border-radius: 5px; margin-top: 20px; padding: 20px 28px 25px 23px; }
body.booth #mainWrap .mainContents .boothContets:first-child { margin-top: 0; }
body.booth #mainWrap .mainContents .boothContets h3 { font-size: 133%; }
body.booth #mainWrap .mainContents .boothContets > div { display: flex; justify-content: space-between; margin-top: 10px; }
body.booth #mainWrap .mainContents .boothContets div p.listImg { width: 192px; height: 107px; position: relative; overflow: hidden; background-color: #FFFFFF; border: solid 1px #E7E7E7; }
body.booth #mainWrap .mainContents .boothContets div p.listImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }
body.booth #mainWrap .mainContents .boothContets div p.listTxt { width: 480px; font-size: 87%; color: #666666; }
body.booth #mainWrap .mainContents .boothContets div ul { width: 135px; font-size: 93%; }
body.booth #mainWrap .mainContents .boothContets div ul li { text-align: center; margin-top: 10px; }
body.booth #mainWrap .mainContents .boothContets div ul li:first-child { margin-top: 0; }
body.booth #mainWrap .mainContents .boothContets div ul li a { display: block; padding: 10px 0 8px 12px; position: relative; }
body.booth #mainWrap .mainContents .boothContets div ul li a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 146%; color: #FFFFFF; }

/* リスト */
body.booth #mainWrap .mainContents .detailArea ul.boothDetailList > li { display: flex; justify-content: space-between; border-top: solid 1px #E1E1E1; padding: 15px 0; align-items: center; }
body.booth #mainWrap .mainContents .detailArea ul.boothDetailList li p { }
body.booth #mainWrap .mainContents .detailArea ul.boothDetailList li ul { display: flex; font-size: 93%; }
body.booth #mainWrap .mainContents .detailArea ul.boothDetailList li ul li { width: 135px; text-align: center; margin-left: 10px; }
body.booth #mainWrap .mainContents .detailArea ul.boothDetailList li ul li:first-child { margin-left: 0; }
body.booth #mainWrap .mainContents .detailArea ul.boothDetailList li ul li a { display: block; padding: 10px 0 8px 12px; position: relative; }
body.booth #mainWrap .mainContents .detailArea ul.boothDetailList li ul li a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 146%; color: #FFFFFF; }

/* フォームテーブル */
body.booth #mainWrap .mainContents .detailArea table.formTable { border-bottom: solid 1px #E1E1E1; width: 100%; table-layout: fixed; margin-top: 40px; }
body.booth #mainWrap .mainContents .detailArea table.formTable th,
body.booth #mainWrap .mainContents .detailArea table.formTable td { border-top: solid 1px #E1E1E1; text-align: left; }
body.booth #mainWrap .mainContents .detailArea table.formTable th { width: 245px; vertical-align: top; padding: 22px 0 20px 5px; }
body.booth #mainWrap .mainContents .detailArea table.formTable th .required { display: inline-block; margin-left: 10px; padding: 1px 7px 2px; border-radius: 5px; background-color: #D50000; color: #FFFFFF; font-size: 85%; width: 50px; text-align: center; }
body.booth #mainWrap .mainContents .detailArea table.formTable th .required.displayBlock { margin: 5px 0 0; }
body.booth #mainWrap .mainContents .detailArea table.formTable td { vertical-align: middle; padding: 15px 0; }
body.booth #mainWrap .mainContents .detailArea table.formTable td .flexRow { display: flex; align-items: center; }
body.booth #mainWrap .mainContents .detailArea table.formTable td .flexStart { display: flex; align-items: flex-start; }
body.booth #mainWrap .mainContents .detailArea table.formTable td .flexStart span { padding: 9px 10px 9px 0; }
body.booth button.btn { display: block; width: 135px; font-size: 93%; padding: 10px 0 10px 22px; position: relative; margin-left: 20px; }
body.booth button.btn::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 129%; color: #FFFFFF; }

body.booth #mainWrap .mainContents .detailArea table.formTable p.editImg { position: relative; overflow: hidden; background-color: #E0E5EB; }
body.booth #mainWrap .mainContents .detailArea table.formTable p.editImg01 { width: 140px; height: 37px; }
body.booth #mainWrap .mainContents .detailArea table.formTable p.editImg02 { width: 100px; height: 100px; }
body.booth #mainWrap .mainContents .detailArea table.formTable p.editImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

body.booth #mainWrap .mainContents .detailArea h3 { display: flex; align-items: center; }
body.booth #mainWrap .mainContents .detailArea h3 span { }
body.booth #mainWrap .mainContents .detailArea h3 span.attentionTxt { font-size: 70%; margin-left: 20px; }
body.booth #mainWrap .mainContents .detailArea table.formTable .attentionTxt { font-size: 88%; margin-top: 5px; }
body.booth #mainWrap .mainContents .detailArea table.formTable .txtCount { text-align: right; }
body.booth #mainWrap .mainContents .detailArea table.formTable .inputW01 + .txtCount { width: 325px; }
body.booth #mainWrap .mainContents .detailArea table.formTable .flexBetween { display: flex; justify-content: space-between; }

body.booth ul.decisionList { margin-top: 60px; padding-top: 35px; border-top: solid 2px #313131; display: flex; justify-content: center; }
body.booth ul.decisionList li { margin: 0 15px; }
body.booth ul.decisionList li button.btn { margin: 0; width: 155px; border-radius: 20px; padding-left: 10px; }
body.booth ul.decisionList li button.cancelBtn { background: #FFFFFF; border: solid 1px #0066B3; color: #0066B3; }
body.booth ul.decisionList li button.cancelBtn::before { color: #0066B3; }
body.booth ul.decisionList li button.decisionBtn { background: #0066B3; }
body.booth ul.decisionList li button.cancelBtn:hover,
body.booth ul.decisionList li button.decisionBtn:hover { background: #004173; color: #FFFFFF; }
body.booth ul.decisionList li button.cancelBtn:hover::before { color: #FFFFFF; }

body.booth #mainWrap .mainContents .detailArea .addBox { margin-top: 75px; }
body.booth #mainWrap .mainContents .detailArea .addBox h3 { font-size: 133%; position: relative; padding-left: 26px; }
body.booth #mainWrap .mainContents .detailArea .addBox h3::before { font-family: "Material Icons"; position: absolute; left: 0; font-size: 100%; color: #3575A5; }
body.booth #mainWrap .mainContents .detailArea .addBox ul li { background: #F4F5F7; border-radius: 8px; padding: 10px 30px; margin-top: 20px; position: relative; }
body.booth #mainWrap .mainContents .detailArea .addBox ul li ul li { background: none; border-radius: 0; padding: 0; margin-top: 0; }
body.booth #mainWrap .mainContents .detailArea .addBox ul li table.formTable { border-bottom: none; }
body.booth #mainWrap .mainContents .detailArea .addBox ul li table.formTable th { width: 190px; }
body.booth #mainWrap .mainContents .detailArea .addBox ul li table.formTable tr:first-child th,
body.booth #mainWrap .mainContents .detailArea .addBox ul li table.formTable tr:first-child th + td { border-top: none; }
body.booth #mainWrap .mainContents .detailArea .addBox > p { margin-top: 15px; width: 190px; font-size: 93%; }
body.booth #mainWrap .mainContents .detailArea .addBox > p a { display: block; padding: 10px 0 8px 36px; position: relative; }
body.booth #mainWrap .mainContents .detailArea .addBox > p a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 136%; color: #FFFFFF; }

/* エラー */
body.booth #mainWrap .mainContents .detailArea .errorOuter { color: #FA6767; }
body.booth #mainWrap .mainContents .detailArea > .errorOuter { margin-bottom: 10px; }
body.booth #mainWrap .mainContents .detailArea table.formTable td .errorOuter { margin-top: 10px; }
body.booth #mainWrap .mainContents .detailArea table.formTable td .errorOuter ul li { list-style: disc outside; margin: 2px 0 0 1em; }
body.booth #mainWrap .mainContents .detailArea table.formTable td .errorOuter ul li:first-child { margin-top: 0; }

/* モーダル */
body.booth .calendarModal > div { width: 500px; box-sizing: border-box; padding: 35px 35px 25px; }
body.booth .calendarModal div table.formTable { border-bottom: solid 1px #E1E1E1; width: 100%; table-layout: fixed; }
body.booth .calendarModal div table.formTable th,
body.booth .calendarModal div table.formTable td { border-top: solid 1px #E1E1E1; text-align: left; }
body.booth .calendarModal div table.formTable tr:first-child th { border-top: none; padding-top: 11px; }
body.booth .calendarModal div table.formTable tr:first-child th + td { border-top: none; padding-top: 0; }
body.booth .calendarModal div table.formTable th { width: 180px; vertical-align: top; padding: 22px 0 20px 5px; }
body.booth .calendarModal div table.formTable td { vertical-align: middle; padding: 15px 0; }
body.booth .calendarModal div table.formTable #repeatCell th,
body.booth .calendarModal div table.formTable #repeatCell td { width: 390px; display: block; }
body.booth .calendarModal div table.formTable .flexRow span { margin: 0 10px; }
body.booth .calendarModal ul.decisionList { margin-top: 20px; padding-top: 0; border-top: none; }
body.booth .calendarModal ul.decisionList li { margin: 10px 0; }
body.booth .calendarModal ul.decisionList button.btn { display: block; width: 135px; font-size: 93%; padding: 10px 0; position: relative; margin-left: 10px; }

body.booth .calendarModal ul.decisionList button:disabled { background-color:#CCCCCC !important; border-color:#CCCCCC; cursor:default; }
body.booth .calendarModal ul.decisionList button:disabled:hover { background-color:#CCCCCC !important; }
body.booth .calendarModal ul.decisionList button:disabled::before { content:''; display:none; }

body.booth .calendarModal ul.decisionList button.btn::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 129%; color: #FFFFFF; }
body.booth .calendarModal ul.decisionList li button.cancelBtn::before { color: #0066B3; }
body.booth .calendarModal ul.decisionList li button.cancelBtn:hover::before { color: #FFFFFF; }
body.booth .calendarModal ul.decisionList button.deleteBtn { border-radius: 5px; width: 100px; background: #E0E5EB; color: #000000; padding-left: 20px; }
body.booth .calendarModal ul.decisionList button.deleteBtn::before { color: #000000; }

body.booth .calendarModal.confirmModal dl { margin-top: 30px; }
body.booth .calendarModal.confirmModal dl dt {font-weight: bold; margin-top: 10px; }
body.booth .calendarModal.confirmModal dl dd { word-break: break-all; }


/* エラー */
#mainWrap #mainSection #mainArea #mainInner #mainBox.errorBox { text-align:center; padding:150px 0; font-size: 94%; letter-spacing: 0.05em; }
#mainWrap #mainSection #mainArea #mainInner #mainBox.errorBox h2 { font-weight:bold; }
#mainWrap #mainSection #mainArea #mainInner #mainBox.errorBox h2 span { display:block; line-height:1.2; }
#mainWrap #mainSection #mainArea #mainInner #mainBox.errorBox h2 span:nth-child(1) { font-size:400%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox.errorBox h2 span:nth-child(2) { font-size:200%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox.errorBox h2 + p { margin-top:20px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox.errorBox h2 + p + p { margin-top:30px; }
p.txtLinkBtn02 a { font-size: 108%; border-radius: 20px; padding: 8px 25px; min-width: 100px; display: inline-block; background-color: #0066B3; position: relative; color: #FFFFFF; }
p.txtLinkBtn02 a::before { content: "arrow_right"; font-family: "Material Icons"; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); font-size: 129%; }

/*--------------------------------------------------------------------------------------------------------
  ログイン /admin/signin.html
---------------------------------------------------------------------------------------------------------*/
body#signin #mainWrap #loginSection { background:url(../images/auth/signin_bg_main.jpg) no-repeat center center / cover; width:100%; height:calc(100vh - 51px); min-height:600px; position:relative; overflow:hidden; }
body#signin.tabletMode #mainWrap #loginSection { height:auto; }

body#signin #mainWrap #loginSection #logoArea { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
body#signin #mainWrap #loginSection #logoArea #loginLogoInner h1 { width:450px; height:117px; position:relative; overflow:hidden; }
body#signin #mainWrap #loginSection #logoArea #loginLogoInner h1 img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner { background-color:rgba(255,255,255,0.9); width:450px; margin:30px auto 0; border:1px solid #D4D6DB; border-radius:10px; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5); }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox { padding:40px 60px 60px; text-align:center; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox > p { font-size: 133%; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox ul { margin-top: 20px; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox ul > li { margin-top:15px; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox ul > li:first-child { margin-top:0; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox ul > li input { padding:10px; border:1px solid #CCCCCC; width:100%; font-size:108%; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox button { font-size:108%; margin-top:20px; padding:10px 50px; background-color:#D90000; color:#FFFFFF; border-radius:20px; position:relative; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox button::before { content:"arrow_right"; font-family:"Material Icons"; position:absolute; left:10px; top:50%; transform:translateY(-50%); font-size:129%; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox button:hover { background-color:#B70000; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox .errorOuter { color: #FA6767; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox .errorOuter { margin-top: 10px; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox .errorOuter ul li { margin: 2px 0 0 0; }
body#signin #mainWrap #loginSection #logoArea #loginInputInner #loginInputBox .errorOuter ul li:first-child { margin-top: 0; }

body#signin #mainWrap #loginSection #logoArea #loginBottomInner { margin-top: 15px; }
body#signin #mainWrap #loginSection #logoArea #loginBottomInner dl dt { font-weight: bold; }
body#signin #mainWrap #loginSection #logoArea #loginBottomInner dl dd { font-size: 86%; margin-top: 8px; }

/*------------------------------------------------------------
  ブース一覧 /admin/booth/top.html
-------------------------------------------------------------*/
body#boothTop #mainWrap .mainContents #boothIndex { margin-top: 25px; }

/*------------------------------------------------------------
  ブース名称 /admin/booth/top2.html
-------------------------------------------------------------*/
body#boothTop2 #mainWrap .mainContents .boothContets div p.listTxt { width: 637px; }
body#boothTop2 #mainWrap .mainContents .detailArea ul.boothDetailList { margin-top: 30px; }
body#boothTop2 #mainWrap .mainContents .detailArea ul.boothDetailList > li:last-child { border-top: solid 2px #313131; }
body#boothTop2 #mainWrap .mainContents .detailArea p.viewDefaultLanguage { margin: 0; position: relative; }
body#boothTop2 #mainWrap .mainContents .detailArea p.viewDefaultLanguage a { padding-left: 32px; }
body#boothTop2 #mainWrap .mainContents .detailArea p.viewDefaultLanguage a::before { content:"check_box_outline_blank"; font-family: "Material Icons"; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); font-size: 136%; color: #004173; }
body#boothTop2 #mainWrap .mainContents .detailArea p.viewDefaultLanguage.on a::before  { content:"check_box"; }

/*------------------------------------------------------------
  ブース基本設定 /admin/booth/edit.html
-------------------------------------------------------------*/
body#boothEdit #mainWrap .mainContents .detailArea ul#questionnaireList { display: block; }
body#boothEdit #mainWrap .mainContents .detailArea ul#questionnaireList li { margin-top: 5px; }

body#boothEdit #mainWrap .mainContents .detailArea .addBox ul#link-list li.none {
    display: none;
}

body#boothEdit #mainWrap .mainContents .detailArea .addBox ul#link-list li .clear-link {
    float: right;
    font-size: 25px;
}

body#boothEdit #mainWrap .mainContents .detailArea .addBox ul#link-list li p.boothDelete {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

body#boothEdit #mainWrap .mainContents .detailArea .addBox ul#link-list li p.boothDelete a.btn {
    display: block;
    text-align: center;
    padding-left: 0;
    background: #e0e5eb;
    color: #000;
    padding: 10px 10px 10px 32px;
}

body#boothEdit #mainWrap .mainContents .detailArea .addBox ul#link-list li p.boothDelete a::before {
    font-family: "Material Icons";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 136%;
    color: #000;
}

body#boothEdit #mainWrap .mainContents .detailArea .addBox ul#link-list li p.boothDelete a.btn:hover {
    opacity: 0.7;
}

/*------------------------------------------------------------
  記事一覧 /admin/booth/issue/top.html
-------------------------------------------------------------*/
body#issueTop #mainWrap .mainContents .detailArea ul.boothDetailList { border-bottom: solid 2px #313131; }
body#issueTop #mainWrap .mainContents .detailArea ul.decisionList { padding: 0; border: none; }

/*------------------------------------------------------------
  編集 /admin/booth/issue/edit.html
-------------------------------------------------------------*/
body#issueEdit #mainWrap .mainContents .detailArea p.contentsDelete { margin: 0; position: absolute; top: 10px; right: 10px; }
body#issueEdit #mainWrap .mainContents .detailArea p.contentsDelete a.btn { display: block; text-align: center; padding-left: 0; background: #e0e5eb; color: #000; padding: 10px 10px 10px 32px; }
body#issueEdit #mainWrap .mainContents .detailArea p.contentsDelete a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 136%; color: #000; }
body#issueEdit #mainWrap .mainContents .detailArea p.contentsDelete a.btn:hover { opacity: 0.7; }
body#issueEdit #mainWrap .mainContents .detailArea p.issueDelete { margin: 0; position: absolute; top: 10px; right: 10px; }
body#issueEdit #mainWrap .mainContents .detailArea p.issueDelete a.btn { display: block; text-align: center; padding-left: 0; background: #e0e5eb; color: #000; padding: 10px 10px 10px 32px; }
body#issueEdit #mainWrap .mainContents .detailArea p.issueDelete a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 136%; color: #000; }
body#issueEdit #mainWrap .mainContents .detailArea p.issueDelete a.btn:hover { opacity: 0.7; }

body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#addRelation li { padding-top: 60px; }

body#issueEdit #mainWrap .mainContents .detailArea p.documentDelete { margin: 0; position: absolute; top: 10px; right: 10px; }

body#issueEdit #mainWrap .mainContents .detailArea p.documentDelete a.btn { display: block; text-align: center; padding-left: 0; background: #e0e5eb; color: #000; padding: 10px 10px 10px 32px; }

body#issueEdit #mainWrap .mainContents .detailArea p.documentDelete a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 136%;color: #000; }

body#issueEdit #mainWrap .mainContents .detailArea p.documentDelete a.btn:hover { opacity: 0.7; }
body#issueEdit #mainWrap .mainContents .detailArea p.linkDelete {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

body#issueEdit #mainWrap .mainContents .detailArea p.linkDelete a.btn {
    display: block;
    text-align: center;
    padding-left: 0;
    background: #e0e5eb;
    color: #000;
    padding: 10px 10px 10px 32px;
}

body#issueEdit #mainWrap .mainContents .detailArea p.linkDelete a::before {
    font-family: "Material Icons";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 136%;
    color: #000;
}

body#issueEdit #mainWrap .mainContents .detailArea p.linkDelete a.btn:hover {
    opacity: 0.7;
}

body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#addRelation li {
    padding-top: 60px;
}

body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#contents-list li.none {
    display: none;
}

body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#contents-list li .clear-content {
    float: right;
    font-size: 25px;
}


body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#documents-list li.none {
    display: none;
}

body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#documents-list li .clear-document {
    float: right;
    font-size: 25px;
}

body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#addRelation li.none {
    display: none;
}

body#issueEdit #mainWrap .mainContents .detailArea .addBox ul#addRelation li .clear-link {
    float: right;
    font-size: 25px;
}


/*------------------------------------------------------------
  メニュー編集 /admin/booth/menu.html
-------------------------------------------------------------*/
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner { display: flex; justify-content: center; align-items: center; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner .displayBox { width: 280px; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner .displayBox > p { color: #176098; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner .displayBox > div { border: solid 1px #CCCCCC; margin-top: 15px; padding: 10px 0; height: 390px; overflow-y: scroll; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner .displayBox > div ul li { padding: 9px 25px; cursor: pointer; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner .displayBox > div ul li:hover,
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner .displayBox > div ul li.current { background: #EFF3F7; }

body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner ul#arrowBtnList { margin: 0 27px; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner ul#arrowBtnList li { margin-top: 20px; overflow: hidden; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner ul#arrowBtnList li:first-child { margin-top: 0; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner ul#arrowBtnList li button.btn { margin: 0; width: 33px; height: 33px; border-radius: 0; border: solid 1px #CCCCCC; background: #FFFFFF; padding: 0; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner ul#arrowBtnList li button.btn::before { color: #000000; font-size: 239%; left: 0; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner ul#arrowBtnList li button.btn:hover { background: #0066B3; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner ul#arrowBtnList li button.btn:hover::before { color: #FFFFFF; }

body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner + p { margin-top: 60px; }
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner + p button { display: block; margin: 0 auto; padding: 12px 0; position: relative; border-radius: 20px; width: 155px;}
body#boothMenu #mainWrap .mainContents .detailArea #menuDetailInner + p button::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 136%; color: #FFFFFF; }

/*------------------------------------------------------------
  プレゼンテーション /admin/booth/presentation.html
-------------------------------------------------------------*/
body#boothPresentation #mainWrap .mainContents .detailArea .addBox:first-child { margin-top: 0; }
body#boothPresentation #mainWrap .mainContents .detailArea .addBox ul li:first-child { margin-top: 0; }
body#boothPresentation #mainWrap .mainContents .detailArea table.formTable .flexRow span { padding: 0 10px; }
body#boothPresentation #mainWrap .mainContents .detailArea table.formTable .flexRow span.fromTxt { padding-right: 20px; }
body#boothPresentation #mainWrap .mainContents .detailArea table.formTable .flexRow + button.btn { margin: 10px 0; width: 230px; }

body#boothPresentation #mainWrap .mainContents .detailArea p.presentationDelete { margin: 0; position: absolute; top: 10px; right: 10px; }
body#boothPresentation #mainWrap .mainContents .detailArea p.presentationDelete a.btn { display: block; text-align: center; padding-left: 0; background: #e0e5eb; color: #000; padding: 10px 10px 10px 32px; }
body#boothPresentation #mainWrap .mainContents .detailArea p.presentationDelete a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 136%; color: #000; }
body#boothPresentation #mainWrap .mainContents .detailArea p.presentationDelete a.btn:hover { opacity: 0.7; }

body#boothPresentation #mainWrap .mainContents .detailArea .addBox > p { width: 250px; }

/*------------------------------------------------------------
  ミーティングルーム設定 /admin/booth/meeting_list.html
-------------------------------------------------------------*/
body#meetingList #mainWrap .mainContents .detailArea ul.boothDetailList { border-bottom: solid 2px #313131; }

/*------------------------------------------------------------
  ミーティングルーム設定 /admin/booth/meeting_calendar.html
-------------------------------------------------------------*/
body#meetingCalenda #mainWrap .mainContents .detailArea table.formTable { border: none; }
body#meetingCalenda #mainWrap .mainContents .detailArea table.formTable th,
body#meetingCalenda #mainWrap .mainContents .detailArea table.formTable td { border: none; }
body#meetingCalenda #mainWrap .mainContents .detailArea table.formTable th h3 { font-size: 133%; }
body#meetingCalenda #mainWrap .mainContents .detailArea table.formTable td .flexRow { align-items: stretch; }
body#meetingCalenda #mainWrap .mainContents .detailArea table.formTable td .flexRow .btn { padding-left: 0; }
body#meetingCalenda #mainWrap .mainContents .detailArea p.btnParagraph { width: 200px; margin-top: 30px; }
body#meetingCalenda #mainWrap .mainContents .detailArea p.btnParagraph a { display: block; text-align: center; padding: 10px 0 8px 10px; position: relative; }
body#meetingCalenda #mainWrap .mainContents .detailArea p.btnParagraph a::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 136%; color: #FFFFFF; }
body#meetingCalenda #mainWrap .mainContents .detailArea #calendarOuter { margin-top: 20px; }
body#meetingCalenda #mainWrap .mainContents .detailArea #calendarOuter h2 { font-size: 172%; text-align: center; font-weight: bold; letter-spacing: 0.2em; }

body#meetingCalenda #addModal table { border: none; }
body#meetingCalenda #addModal table tr:last-child td { border-bottom: solid 1px #E1E1E1; }


/* モーダル背景 */
#calendarModalBgWrap { display:none; position:fixed; left:0; top:0; z-index:100010; width:100%; height:100%; background-color:rgba(0,0,0,0.7); cursor:pointer; }

/* モーダル本体 */
.calendarModalWrap { display:none; position:fixed; left:50%; top:50%; z-index:100011; transform:translate(-50%,-50%); background-color:#FFFFFF; border-radius:5px; }
.calendarModalWrap p.closeBtn button { width:38px; height:38px; position:absolute; top:0; right:0; transform:translate(0, -50px); content:"cancel"; font-family:"Material Icons"; font-weight:bold; display:block; background-color:#FFFFFF; color:#666666; font-size:216%; border-radius:30px; }

body.booth .calendarModal.confirmModal h4 {font-weight: bold; text-align: center; font-size: 133%; }
body.booth .calendarModal.confirmModal dl dt {font-weight: bold; margin-top: 20px; font-size: 107%; }
body.booth .calendarModal.confirmModal dl dd { word-break: break-all; }
body.booth .calendarModal.confirmModal dl + p { margin-top: 20px; }

body.booth .calendarModal.confirmModal dl dd.urlBox p.urlCopyBtn { margin-top: 5px; }
body.booth .calendarModal.confirmModal dl dd.urlBox p.urlCopyBtn a { position: relative; display: block; font-size: 85%; background: #0066B3; color: #FFFFFF; border-radius: 5px; padding: 5px 10px 5px 30px; width: 125px; }
body.booth .calendarModal.confirmModal dl dd.urlBox p.urlCopyBtn a::before { content: "content_copy"; font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);  color: #FFFFFF; }
body.booth .calendarModal.confirmModal dl dd.urlBox p.urlCopyBtn a:hover { background: #004173; text-decoration: none; }

.fc-view-container .bgInvalid { background-color: #0065cc; border-color: #ffffff; color: #ffffff; }
.fc-view-container .bgNotReserved01,
.fc-view-container .bgNotReserved02 { background-color: #999999; border-color: #ffffff; color: #eeeeee; }
.fc-view-container .bgReserved { background-color: #ffffff; border-color: #0065cc; color: #0065cc; }
.fc-view-container .bgReserved:hover { color: #0065cc; }

.fc-time-grid-event .fc-content { padding: 5px; }

/* モーダル */
body .configModal dl { width: 500px; }
body .configModal dl dt { background: #EFF3F7; border: solid 1px #000000; font-size: 100%; padding: 10px 0; text-align: center; }
body .configModal dl dd { border: solid 1px #000000; border-top: none; text-align: center; padding: 50px 0 20px; }
body .configModal dl dd a.roundnessBtn { width: 150px; border-radius: 20px; display: block; margin: 0 auto; font-size: 93%; padding: 8px 0; }
body .configModal dl dd a.squareBtn { width: 280px; display: block; margin: 0 auto; padding: 10px 0 8px 12px; position: relative; }
body .configModal dl dd a.squareBtn::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 146%; color: #FFFFFF; }

/* 共通 */
body.booth #mainWrap .mainContents .detailArea h3 { display: flex; align-items: center; }
body.booth #mainWrap .mainContents .detailArea h3.iconTitle { font-size: 133%; position: relative; padding-left: 26px; }
body.booth #mainWrap .mainContents .detailArea h3.iconTitle::before { font-family: "Material Icons"; position: absolute; left: 0; font-size: 100%; color: #3575A5; }
body.booth #mainWrap .mainContents .detailArea h3 span { }
body.booth #mainWrap .mainContents .detailArea h3 span.attentionTxt { font-size: 70%; margin-left: 20px; }
body.booth #mainWrap .mainContents .detailArea h3.iconTitle a.btn { font-size: 75%; width: 135px; margin-left: auto; display: block; padding: 10px 0 8px 12px; position: relative; border-radius: 5px; color: #FFFFFF; text-align: center; }
body.booth #mainWrap .mainContents .detailArea h3.iconTitle a.btn::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 146%; color: #FFFFFF; }

body.booth #mainWrap .mainContents .detailArea h3.iconTitle + table  { margin-top: 20px; }
body.booth #mainWrap .mainContents .detailArea table + h3.iconTitle { margin-top: 75px; }

body.booth #mainWrap .mainContents .detailArea .txtLink { position: relative; padding-left: 20px; }
body.booth #mainWrap .mainContents .detailArea .txtLink::before { font-family: "Material Icons"; position: absolute; left: 0; font-size: 100%; }
/*
body.booth #mainWrap .mainContents .detailArea button.btn { display: block; width: 135px; font-size: 93%; padding: 10px 0 10px 22px; position: relative; margin-left: 20px; }
body.booth #mainWrap .mainContents .detailArea button.btn::before,
body.booth #mainWrap .mainContents .jumpArea p.jumpLink .btn::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 129%; color: #FFFFFF; }
body.booth #mainWrap .mainContents .detailArea button.btn { font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.2; }
*/
body.booth #mainWrap .mainContents .detailArea .iconTxt { position: relative; padding-left: 26px; }
body.booth #mainWrap .mainContents .detailArea .iconTxt::before { font-family: "Material Icons"; position: absolute; left: 0; font-size: 100%; color: #3575A5; }


body.booth #mainWrap .mainContents .detailArea .required { display: inline-block; margin-left: 10px; padding: 1px 7px 2px; border-radius: 5px; background-color: #D50000; color: #FFFFFF; font-size: 85%; width: 50px; text-align: center; }

body.booth #mainWrap .mainContents .detailArea input.datepicker { width: 150px; box-sizing: border-box; padding-right: 30px; background: url("../images/common/baseline_date_range_black_18dp.png") no-repeat right 10px center / 15px; }

/*------------------------------------------------------------
  セミナー管理 セミナー参加者一覧 /booth/seminar/participant.html
-------------------------------------------------------------*/
body.booth #mainWrap .mainContents table.sortTable { width: 100%; margin-top: 20px; }
body.booth #mainWrap .mainContents table.sortTable th,
body.booth #mainWrap .mainContents table.sortTable td { border: solid 1px #000000; }
body.booth #mainWrap .mainContents table.sortTable th span { text-align: center; background-color: #CCCCCC; position: relative; padding: 5px; display: block; }
body.booth #mainWrap .mainContents table.sortTable th a { display: block; position: absolute; font-family: "Material Icons"; top: 5px; right: 5px; width: 10px; }
body.booth #mainWrap .mainContents table.sortTable td { padding: 5px; }

/*------------------------------------------------------------
  来場者ログ 共通 /organizer/log/
-------------------------------------------------------------*/
body#logTop #mainWrap .mainContents .detailArea ul.logBtnList,
body#logOpportunity #mainWrap .mainContents .detailArea ul.logBtnList,
body#logContents #mainWrap .mainContents .detailArea ul.logBtnList { margin-left: auto; display: flex; justify-content: flex-end; }
body#logTop #mainWrap .mainContents .detailArea ul.logBtnList li,
body#logOpportunity #mainWrap .mainContents .detailArea ul.logBtnList li,
body#logContents #mainWrap .mainContents .detailArea ul.logBtnList li { margin-left: 10px; }
body#logTop #mainWrap .mainContents .detailArea ul.logBtnList li:first-child,
body#logOpportunity #mainWrap .mainContents .detailArea ul.logBtnList li:first-child,
body#logContents #mainWrap .mainContents .detailArea ul.logBtnList li:first-child { margin-left: 0; }
body#logTop #mainWrap .mainContents .detailArea ul.logBtnList li .btn,
body#logOpportunity #mainWrap .mainContents .detailArea ul.logBtnList li .btn,
body#logContents #mainWrap .mainContents .detailArea ul.logBtnList li .btn { margin: 0; width: 185px; font-size: 100%; }
body#logContents #mainWrap .mainContents .detailArea .formTable .datePeriod span,
body#logTop #mainWrap .mainContents .detailArea .formTable .datePeriod span { padding: 0 10px; }


/*------------------------------------------------------------
  来場者ログ /organizer/log/top.html
-------------------------------------------------------------*/
body#logTop #mainWrap .mainContents .detailArea .formTable { margin-top: 20px; }
body#logTop #mainWrap .mainContents .detailArea .formTable,
body#logTop #mainWrap .mainContents .detailArea .formTable th,
body#logTop #mainWrap .mainContents .detailArea .formTable td { border: none; }
body#logTop #mainWrap .mainContents .detailArea table.sortTable th a { top: 3px; right: 5px; width: 20px; font-size: 133%; }
body#logTop #mainWrap .mainContents .detailArea table.sortTable td { text-align: right; }

/*------------------------------------------------------------
  商談予約 /organizer/log/opportunity.html
-------------------------------------------------------------*/
body#logOpportunity #mainWrap .mainContents .detailArea ul.logBtnList + ul.organizerDetailList { margin-top: 20px; border-bottom: solid 2px #313131; }
body#logOpportunity #mainWrap .mainContents .detailArea ul.organizerDetailList li { min-height: 69px; }

/*------------------------------------------------------------
  コンテンツログ /organizer/log/contents.html
-------------------------------------------------------------*/
body#logContents #mainWrap .mainContents .detailArea ul.tabList { border-bottom: solid 2px #313131; display: flex; justify-content: flex-start; align-content: stretch; }
body#logContents #mainWrap .mainContents .detailArea ul.tabList li { border: solid 1px #313131; border-bottom: none; width: 200px; }
body#logContents #mainWrap .mainContents .detailArea ul.tabList li a { display: block; padding: 10px; text-align: center; }
body#logContents #mainWrap .mainContents .detailArea ul.tabList li a.tabOn,
body#logContents #mainWrap .mainContents .detailArea ul.tabList li a:hover { background-color: #006fc4; text-decoration: none; color: #ffffff; border-color: #006fc4; }

body#logContents #mainWrap .mainContents .detailArea .tabContents { display: none; padding-top: 20px; }
body#logContents #mainWrap .mainContents .detailArea #tab01 { display: block; }

body#logContents #mainWrap .mainContents .detailArea table.formTable { margin-top: 20px; }

body#logContents #mainWrap .mainContents .detailArea .tab01AggregationAxisArea { display: none; margin-top: 20px; }
body#logContents #mainWrap .mainContents .detailArea #tab01AggregationAxis01 { display: block; }

body#logContents #mainWrap .mainContents .detailArea .tab02AggregationAxisArea { display: none; margin-top: 20px; }
body#logContents #mainWrap .mainContents .detailArea #tab02AggregationAxis01 { display: block; }


body#logContents #mainWrap .mainContents .detailArea table.sortTable td { text-align: right; }

/* ファイル選択 */
button.delete-file {
    font-size: 25px;
    padding-left: 15px;
}

/*------------------------------------------------------------
  基本情報管理 /admin/booth/info_edit.html
-------------------------------------------------------------*/
body#boothInfoEdit #mainWrap .mainContents .detailArea table.formTable { border-bottom: none; }
body#boothInfoEdit ul.decisionList { margin: 0; }

/*------------------------------------------------------------
  公開処理設定 /admin/booth/process.html
-------------------------------------------------------------*/
body#boothProcess #mainWrap .mainContents .boothContets { background: #FFFFFF; border-radius: 5px; margin-top: 60px; padding: 0px; }
body#boothProcess #mainWrap .mainContents .boothContets [role="form"] { display: flex; flex-flow: column; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin: 0; }
body#boothProcess #mainWrap .mainContents .boothContets [role="form"] .statusBlock { display: flex; margin-top :20px; }
body#boothProcess #mainWrap .mainContents .boothContets [role="form"] .statusBlock [data-blank-datetime]:empty:before { content: attr(data-blank-datetime); cursor: text; }
body#boothProcess #mainWrap .mainContents .jumpLink { margin-top: 0px; }
body#boothProcess #mainWrap .mainContents .jumpArea .btn { display: inline-block; margin: 0 auto; border-radius: 20px; min-width: 155px; font-size: 93%; padding: 10px 20px 10px 30px; position: relative; }
body#boothProcess #mainWrap .mainContents .jumpArea .jumpLink .btn::before { font-family: "Material Icons"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 129%; color: #FFFFFF; }