@charset "utf-8";
/***************************************************
information
  filename : box_parts.css;
***************************************************/

/*======== app_box_dez.css ========*/
/******************************************* ボックスパーツ設定 *******************************************/

/****************** 入力フォーム基本指定 ******************/

/* ** input_basic start ** */
/****************** フォーム共通指定 ******************/

/*** 入力フォーム基本 ***/

/* 入力フォーム項目基本指定 */
.InputForm.mgset {margin: 0 auto 2.0rem auto;}
.InputForm dl {
	margin: 0 auto;
	padding: 0.8rem 0;
	display: flex;
	font-weight:normal;
	align-items: center;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	border-bottom: var(--app-InputForm-brd);
}
.InputForm dl:last-child {border-bottom: none;}
.popupArea .InputForm dl:last-child {border-bottom: var(--app-InputForm-brd);}

.InputForm dt {position: relative;padding: 1.0rem 0 1.0rem 0.8rem;}
.InputForm dd {padding: 1.0rem 0;}
.InputForm dd ul.chpd {padding-top: 1.0rem;}
.InputForm dd li {list-style: none;}
.InputForm dd p.chsldpd {margin-top: 1.0rem;}
.InputForm dd p.baseInfo {padding: 1.0rem 0.5rem 1.5rem 0.5rem;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

/*** 項目幅指定 ***/
.InputForm dt {width: 30%;}
.InputForm dd {width: 65%;}

/*** 見出し指定 ***/
.InputForm dt {color: #9e9e9e;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
.InputForm dt p.IfSTi {font-size: clamp(1.2rem, 1.2vw, 1.2rem);}
.InputForm dt p.IfMTi {font-size: clamp(1.6rem, 1.8vw, 1.8rem);}

/* 入力フォーム見出し項目縦並び（主にログイン等ボーダー無し） */
.InputFormT dl {margin: 0;padding: 0 0 1.0rem 0;font-weight:bold;font-size: var(--font-form-dt);}
.InputFormT dt {position: relative;padding: 0.8rem;}
.InputFormT dd {padding: 0;}
.InputFormT dd ul {padding: 1.5rem 2.0rem;}
.InputFormT dd li {list-style: none;}

/*** 項目横並び指定（主にラジオボタン等の複数指定用） ***/
.ddflex {display: flex;align-items: center;}
.ddflex ul {width: 150px;}
.ddflexbet {display: flex;align-items: top;justify-content: space-between;}
.ddflexDet {display: flex;align-items: center;gap: 0 1.0rem;}

/*** 必須アイコン ***/
.InputForm dt span.IcoBox,
.InputFormT dt span.IcoBox {position:absolute;right: 1.0rem;}
.InputForm dt span.IcoBox.pstnTo,
.InputFormT dt span.IcoBox.pstnTo {top: 2.0rem;}

/*** 背景色指定 ***/
.InputForm dl.DispDlbg,
.InputFormT dl.DispDlbg {background: var(--app-InputForm-fcs-bg);}

@media screen and (max-width: 600px) {
	.InputForm dl {display: block;}
	.InputForm dt {width: 100%;padding-bottom: 1.0rem;}
	.InputForm dd {width: 100%;}
	.InputForm dd p.chpd,
	.InputForm dd div.chpd,
	.InputForm dd ul.chpd,
	.InputForm dd p.chsldpd,
	.InputForm dd ul.chsldpd {padding-left: 1.0rem;}
	.InputForm dl.spchkDl {display: flex;}
	.InputForm dl.spchkDl dt {width: 50%;padding: 1.0rem 0 0.5rem 0.8rem;}
	.InputForm dl.spchkDl dd {width: 50%;}
	.InputForm dl.spchkDl dd p.chpd {padding-left: 0;}
	.InputForm dl.spchkDlbet {display: flex;justify-content: space-between;}
	.InputForm dl.spchkDlbet dt {width: 65%;padding: 1.0rem 0 0.5rem 0.8rem;}
	.InputForm dl.spchkDlbet dd {width: 30%;}
	.InputForm dd .spchmg {margin-top: 1.0rem;}
	.ddflex {display: flex;align-items: center;flex-wrap: wrap;}
}
/* ** input_basic end ** */

/* ** com_box start ** */
/*** 基本ボックス ***/
/* 枠ボックス */
.comBox {
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-BgBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-sd);-webkit-box-shadow: var(--app-BgBox-sd); /* 外枠背景影色 */
}
.comBoxInn {
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd); /* 内枠背景影色 */
}
.comBoxMgtb {margin-top: 1.0rem;margin-bottom: 1.0rem;}

/*** 各種データ表示用枠ボックス ***/

/*** 枠ボックス基本設定 ***/
.DataDispBox,
.DataDispBoxTi,
.DataDispBoxInn,
.DataDispBoxList,
.DataDispBoxDet {
	margin-left: auto;
	margin-right: auto;
	border-radius: var(--app-DataDispBox-rod);-webkit-border-radius: var(--app-DataDispBox-rod);-moz-border-radius: var(--app-DataDispBox-rod); /* 角丸 */
}
/* Flex配置 */
.DataDispBoxFlex {margin-top: 0;margin-bottom: 2.0rem;padding: 0;display: flex;align-items: stretch;gap: 1.5rem;}
.DataDispBoxFlex .DataDispFlexItem {width: 100%;}
.DataDispBoxFlex .DataDispFlexItemS {width: 80%;}

.DataDispBoxFlex ul.FirstCurrent {padding: 0;display: flex;align-items: stretch;gap: 1.5rem;flex-wrap: wrap;}
.DataDispBoxFlex li.TreeFir {width: 32%;background: #f9f9f9;}
.DataDispBoxFlex ul.innerLine {background: #fff;}

@media screen and (max-width: 1400px) {
	.DataDispBoxFlex {flex-wrap: wrap;}
	.popupArea .DataDispBoxFlex {padding: 1.5rem;}
	.popupArea .popupAreaInn .DataDispBoxFlex {padding: 0;}
	.popupArea .DataDispBoxFlex .DataDispFlexItem {width: 49%;}
	.DataDispBoxFlex .DataDispFlexItemS {width: 100%;}
}
@media screen and (max-width: 600px) {
	.DataDispBoxFlex ul.FirstCurrent {display: block;}
	.DataDispBoxFlex li.TreeFir {width: 100%;margin: 1.0rem auto;}
}
/* 基本枠 */
.DataDispBox,
.DataDispBoxTi {
	padding: 1.5rem;
	color: var(--app-DataDispBoxDet-txt);
	border: var(--app-DataDispBoxDet-brd);
	background: var(--app-DataDispBoxDet-bg);
	box-shadow: var(--app-DataDispBoxDet-sd);
}
.DataDispBoxTi {padding-top: 0;}/* タイトル等が入る場合 */
.DataDispBox:last-child,
.DataDispBoxTi:last-child {margin: 0 auto;}

@media screen and (max-width: 600px) {
	.DataDispBoxFlex {width: 100%;margin: 0 auto;display: block;}
	.popupArea .DataDispBoxFlex .DataDispFlexItem {width: 100%;}
	.DataDispBox {margin: 1.0rem auto;padding: 1.5rem 1.0rem;border: none;box-shadow: none;}
}
/* 基本内枠 */
.DataDispBoxInn {
	padding: 0;
	border: var(--app-DataDispBoxDetInn-brd);
	background: var(--app-DataDispBoxDetInn-bg);
	box-shadow: var(--app-DataDispBoxDetInn-sd);
	display: flex;
	flex-direction: column;
}
.DataDispBoxInn.bgHlf {
    background: linear-gradient(180deg, var(--app-ctmf-cr) 0%, var(--app-ctmf-cr) 15%, #fff 15%, #fff 100%);
}
.DataDispBoxInn.bdlrN {border-left: none;border-right: none;}/* ボーダー左右無し */
.DataDispBoxInn.mgset {margin-bottom: 2.0rem;}/* 下余白設定 */

.BoxPdOn .DataDispBoxInn .updateBox {width: 95%;margin-top: auto;}
@media screen and (max-width: 600px) {
	.DataDispBoxFlex .DataDispBoxInn {margin-bottom: 2.0rem;}
}
/*** タイトル表示設定 ***/
.DataDispBoxInnTiBox {padding: 0;}
.BoxPdOn .DataDispBoxInnTiBox {padding: 1.5rem 1.5rem 0 1.5rem;}

/* タイトルとボタン同時配置 */
.DataDispBoxInnTi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 1.5rem;
	border-bottom: var(--app-DataDispBoxDetInn-brd);
	color: var(--app-DataDispBoxTi-txt);
	background: var(--app-DataDispBoxTi-bg);
}
.tab-munu .DataDispBoxInn {border: none;}

/* カラーパターン */
.DataDispBoxInnTi.tpDecClPL {background: #e5e2ec;} /* 紫 */
.DataDispBoxInnTi.tpDecClGR {background: #d8edde;} /* 緑 */
.DataDispBoxInnTi.tpDecClBL {background: #dfedf1;} /* 青 */
.DataDispBoxInnTi.tpDecClRD {background: #f0e1e1;} /* 赤 */
.DataDispBoxInnTi.tpDecClYL {background: #f9f6e0;} /* 黄 */

/* 主にタイトルのみ配置（背景付） */
.BoxPdOn .DataDispBoxInnTi {
	padding: 1.3rem 0.5rem 1.3rem 1.5rem;
	border-radius: var(--app-DataDispBox-rod);-webkit-border-radius: var(--app-DataDispBox-rod);-moz-border-radius: var(--app-DataDispBox-rod); /* 角丸 */
	border-bottom: none;
	background: var(--app-DataDispBoxTi-bg);
}
.DataDispBoxInnTi .DataDispTitle{font-size: clamp(1.6rem, 1.6vw, 1.6rem);}
.DataDispBoxInnTi .EditBtArea {padding: 0;}

/* タイトルのみ配置（大きくタイトルとサブキャプション配置） */
.BoxPdOn .DataDispBoxInnTiD {padding: 2.5rem 2.5rem 0.5rem 2.5rem;}
.DataDispBoxInnTiD .DataDispTitle {font-size: clamp(2.5rem, 3.0vw, 3.0rem);}
.DataDispBoxInnTiD .DataDispTxt {padding: 1.0rem 0;font-size: clamp(1.4rem, 1.6vw, 1.6rem);}

@media screen and (max-width: 600px) {
	.BoxPdOn .DataDispBoxInnTiBox {padding: 1.5rem 1.0rem 0 1.0rem;}
	.BoxPdOn .DataDispBoxInnTiD {padding: 2.0rem 2.0rem 0.5rem 2.0rem;}
	.DataDispBoxInnTi {padding: 1.5rem 1.8rem;}
}
/* サブタイトル配置 (タイトルとボタン配置) */
.DataDispSubTiBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 1.5rem auto 0.2rem auto;
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	border-bottom: var(--app-DataDispSubTitle-brd);
	color: var(--app-DataDispSubTitle-txt);
	background: var(--app-DataDispSubTitle-bg);
}
.DataDispSubTitle {font-size: clamp(1.3rem, 1.3vw, 1.3rem);}
.BoxPdOn .DataDispSubTitle {width: 98%;}
.DataDispSubBt {display: flex;gap: 0 0.2rem;}

/*** データ表示設定 ***/
.DataDispBoxInnDataBox {padding: 0.5rem 1.0rem;}
.DataDispBoxInnDataBox.pdtbW {padding: 2.0rem 1.0rem;}
.DataDispBoxInnDataBoxInn {padding: 0 3.0rem;}

/* 高さ指定ボックス */
.DataDispBoxOvf {max-height: 40.0rem;overflow: auto;}

/* 横並び */
.DataDispBoxDl dl {
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 1.0rem 0.5rem;
	color: var(--app-DataDispBoxDet-txt); /* テキスト色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	border-bottom: var(--app-DataDispBoxDet-brd-dl); /* 仕切りボーダー指定 */
}
.DataDispBoxDl dl:last-child {border-bottom: none;}
.popupArea .DataDispBoxDl dl:last-child {border-bottom: var(--app-InputForm-brd);}
.DataDispBoxDl dt,
.DataDispBoxDl dd {padding: 0.5rem;}
.DataDispBoxDl dt {width: 25%;font-weight: normal;}
.DataDispBoxDl dd {width: 75%;}
.DataDispBoxDl dt {position: relative;color: #9e9e9e;}
.DataDispBoxDl.DlOl dd {width: 100%;}
.DataDispBoxDl dl li {list-style: none;}

.DataDispBoxDl.LtCh dl {display: block;}
.DataDispBoxDl.LtCh dt,
.DataDispBoxDl.LtCh dd {width: 100%;}

.DataDispBoxDl .shareAdData dl {border-bottom: none;margin: 0;padding: 0;}
.DataDispBoxDl .shareAdData dt {width: 100%;font-weight: bold;}
.DataDispBoxDl .shareAdData dt {position: static;color: #000;}

/* 文字サイズ小（デザインパターン） */
.DataDispBoxDl.fszs dl {font-size: clamp(1.2rem, 1.2vw, 1.2rem);padding: 0.5rem 0.5rem;}
.DataDispBoxDl.fszs dt {width: 30%;font-weight: normal;}
.DataDispBoxDl.fszs dd {width: 70%;}
.DataDispBoxDl .freeTxt {font-size: clamp(1.0rem, 1.0vw, 1.0rem);font-weight: bold;}

/* 価格表示（デザインパターン） */
.DataDispBoxDl dl.PayDet.PayEdit {padding: 0.2rem 0.5rem;}
.DataDispBoxDl .PayDet dt {width: 65%;}
.DataDispBoxDl .PayDet dd {width: 35%;}
.DataDispBoxDl .PayDet dd {text-align: right;}
.DataDispBoxDl .PayDet dd span {font-weight: bold;}
.DataDispBoxDl.PayTl {
    margin-top: auto;
    padding: 0.5rem 1.0rem;
    background: var(--app-DataDispBoxDl-PayTl-bg);
}
.DataDispBoxDl.PayTl dl,
.popupArea .DataDispBoxDl.PayTl dl {border-bottom: none;}
.DataDispBoxDl.PayTl .PayDet dd span {font-size: clamp(1.6rem, 1.6vw, 1.6rem);}
.DataDispBoxDl .PayEdit input.txt {padding: 1.0rem 0.5rem;font-size: 1.4rem;}

@media screen and (max-width: 600px) {
	.DataDispBoxDl .PayEdit input.txt {font-size: 1.6rem;}
}
/* 縦並び */
.DataDispBoxDlT dl {padding: 0;}
.DataDispBoxDlT dt {
	position: relative;
	padding: 1.0rem 1.5rem;
	border-bottom: var(--app-DataDispBoxDetInn-brd);
	color: var(--app-DataDispBoxTi-txt);
	background: var(--app-DataDispBoxTi-bg);
	font-weight: bold;
}
.DataDispBoxDlT dd {padding: 2.0rem;}
.DataDispBoxDlT ul {list-style: none;}
.DataDispBoxDlT li {padding: 0.2rem 0;}

/*** 必須アイコン ***/
.DataDispBoxDl dt span.IcoBox,
.DataDispBoxDlT dt span.IcoBox {position:absolute;right: 1.0rem;}

/*** 背景色指定 ***/
.DataDispBoxDl dl.DispDlbg,
.DataDispBoxDlT dl.DispDlbg {background: var(--app-DataDispBoxDet-fcs-bg);}

@media screen and (max-width: 1400px) {
	.DataDispBoxInnDataBoxInn {padding: 0 1.0rem;}
}
@media screen and (max-width: 600px) {
	.DataDispBoxInnDataBox {padding: 0.5rem 1.0rem;}
	.DataDispBoxInnDataBoxInn {padding: 0;}
	.DataDispBoxDl dl {display: block;padding: 1.0rem 0;}
	.DataDispBoxDl dt,
	.DataDispBoxDl dd {width: 100%;}
	.DataDispBoxDl dd {font-weight: bold;}
	.DataDispBoxDl dl.spchkDl {display: flex;}
	.DataDispBoxDl dl.spchkDl dt {width: 40%;}
	.DataDispBoxDl dl.spchkDl dd {width: 60%;}
}
/* リスト・登録画面・詳細画面枠 */
.DataDispBoxList,
.DataDispBoxDet {
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;
	padding: 0.5rem 1.5rem;
	color: var(--app-DataDispBoxDet-txt);
	border: var(--app-DataDispBoxDet-brd);
	background: var(--app-DataDispBoxDet-bg);
	box-shadow: var(--app-DataDispBoxDet-sd);
}
.DataDispBoxDet li {list-style: none;}

@media screen and (max-width: 600px) {
	.DataDispBoxList,
	.DataDispBoxDet {padding: 0.5rem 0.5rem;}
}
/* 一括取込み用画面枠 */
.BatchImportBox,
.BatchImportSet {width: 100%;}

/* 画像表示 */
.DataDispBoxInnDataBox p.DataBoxImg {width: 100%;margin: 0 auto;padding: 2.0rem;text-align: center;}
.DataDispBoxInnDataBox p.DataBoxImg img {width: 100%;}

/****** 背景色付き枠ボックス ******/

/* 背景色あり要素枠 */
.comBoxSection,
.comBoxHighlightSection {
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
}
.comBoxSection {
	border: 1px solid #eeeeee;
	background: #f9f9f9;
}
/* 登録箇所で目立たせたい場合の要素枠 */
.comBoxHighlightSection {
	border: 1px solid #d7e1e3;
	background: #f2f9fa;
}
/* カラー設定 */
.comBoxHighlightSection.bgptOth {background: #fff;}/* 別カラー */
.comBoxHighlightSection.bgptB {background: var(--CautTxtB-bg);}/* （基本青） */
.comBoxHighlightSection.bgptG {background: var(--CautTxtG-bg);}/* （基本緑） */
.comBoxHighlightSection.bgptR {background: var(--CautTxtR-bg);}/* （基本赤） */
.comBoxHighlightSection.bgptY {background: var(--CautTxtY-bg);}/* （基本黄） */

/* タイトル・ボタン設定 */
.comBoxSection .comBoxSectionTi {
	margin: 0 auto;
	padding-bottom: 2.0rem;
	text-align: center;
	line-height: 1.4;
	font-size: clamp(2.0rem, 2.2vw, 2.2rem); /* フォントサイズ */
}
.comBoxSection .comBoxSectionBt {
	width: 40.0rem;
	margin: 0 auto;
	padding-top: 2.0rem;
}
@media screen and (max-width: 600px) {
	.comBoxSection .comBoxSectionBt {width: 70%;}
}
/****** 更新者枠ボックス ******/
.updateBox {
	width: 100%;
	margin: 1.0rem auto;
	padding: 0.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: 1px solid #eeeeee;
	background: #f9f9f9;
}
.updateBox.InputForm dl {padding: 0.2rem 0.5rem;font-weight: normal;}
.updateBox.InputForm dt,
.updateBox.InputForm dd {padding: 0.5rem;color: #9e9e9e;font-size: clamp(1.2rem, 1.2vw, 1.2rem);}

@media screen and (max-width: 600px) {
	.updateBox.InputForm dl.spchkDl {display: flex;align-items: center;}
	.updateBox.InputForm dl.spchkDl dt {width: 35%;padding: 0 0 0 0.8rem;}
	.updateBox.InputForm dl.spchkDl dd {width: 65%;}
}
/****** マスタデータ階層型チェックボックス ******/
.chkMstList {
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	list-style: none;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
}
.chkMstListChild {margin-left: 1.0rem;display: inline-block;}
.chkMstListFst {margin-left: 0;padding: 0.3rem 0;}

/* ** com_box end ** */

/* ** matching_box start ** */
/****** マッチング詳細ボックス ******/
.matchingSetArea {
	margin: 0 auto;
	padding: 0;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: 1px solid #eeeeee;
	background: #fff;
}
/* Flex配置 */
.matchingSetBox,
.matchingSetHead,
.matchingSetHeadBtN {display: flex;}
.matchingSetHeadBtN {width: 90%;margin: 0 auto;}
.matchingSetBox {align-items: stretch;}
.matchingSetHead,
.matchingSetHeadBtN {align-items: flex-start;gap: 1.5rem;}
.matchingSetBox .matchingSetDetail {width: 100%;}
.matchingSetBox .matchingSetBt {width: 15%;}
.matchingSetHead .myPhoto,
.matchingSetHeadBtN .myPhoto {width: 25%;padding: 0;}
.matchingSetHead .matchingSetHeadInn {width: 55%;padding: 0;}
.matchingSetHead .matchingSetHeadBt {width: 20%;padding: 0;}
.matchingSetHeadBtN .matchingSetHeadInn {width: 75%;padding: 0 2.0rem;}

/* ヘッダー箇所配置 */
.matchingSetHead,
.matchingSetHeadBtN {padding: 2.0rem 1.0rem;line-height: 1.4;}

@media screen and (max-width: 1400px) {
	.matchingSetBox,
	.matchingSetHead,
	.matchingSetHeadBtN {display: block;padding: 1.0rem 0;}
	.matchingSetHead .myPhoto,
	.matchingSetHeadBtN .myPhoto,
	.matchingSetBox .matchingSetBt {width: 100%;}
	.matchingSetHead .matchingSetHeadInn,
	.matchingSetHeadBtN .matchingSetHeadInn {width: 90%;margin: 2.0rem auto 0 auto;}
	.matchingSetHead .matchingSetHeadBt {width: 90%;margin: 1.0rem auto;}
	.matchingSetHead .matchingSetHeadBt {display: flex;align-items: center;gap: 1.0rem;}
}
/* ポップアップ時のヘッダー箇所配置 */
.popupArea .matchingSetHead,
.popupArea .matchingSetHeadBtN {display: flex;}
.popupArea .matchingSetHeadBtN {margin-top: 3.0rem;}
.popupArea .matchingSetHead .myPhoto,
.popupArea .matchingSetHeadBtN .myPhoto {width: 25%;padding: 0;}
.popupArea .matchingSetHead .matchingSetHeadInn {width: 55%;margin: 0 auto;padding: 0;}
.popupArea .matchingSetHeadBtN .matchingSetHeadInn {width: 75%;margin: 0 auto;padding: 0;}
.popupArea .matchingSetHead .matchingSetHeadBt {width: 20%;padding: 0;display: block;}
.popupArea .matchingSetHead {padding: 2.0rem 1.0rem;line-height: 1.4;}

@media screen and (max-width: 480px) {
	.popupArea .matchingSetHead,
	.popupArea .matchingSetHeadBtN {display: block;}
	.popupArea .matchingSetHead .myPhoto,
	.popupArea .matchingSetHeadBtN .myPhoto {width: 100%;}
	.popupArea .matchingSetHead .matchingSetHeadInn,
	.popupArea .matchingSetHeadBtN .matchingSetHeadInn {width: 90%;margin: 2.0rem auto 0 auto;}
	.popupArea .matchingSetHead .matchingSetHeadBt {width: 90%;padding: 0;display: block;}
	.popupArea .matchingSetHead .matchingSetHeadBt {display: flex;align-items: center;gap: 1.0rem;}
}
/* ヘッダー箇所個別設定 */
.matchingSetName {font-size: clamp(2.4rem, 2.8vw, 2.8rem);}
.matchingSetAdd {font-size: clamp(1.2rem, 1.4vw, 1.4rem);}
.matchingSetInfo {font-size: clamp(1.4rem, 1.6vw, 1.6rem);padding: 1.0rem 0;}
.matchingSetIndustryTi {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
.matchingSetIndustry {font-size: clamp(1.2rem, 1.4vw, 1.4rem);padding: 0.5rem 0.5rem;color: #9c9c9c;}
.matchingSetSupCommentTi {font-size: clamp(1.4rem, 1.4vw, 1.4rem);padding: 2.0rem 0 0 0;}

/* ヘッダー箇所アイコン設定 */
.matchingSetIco {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	padding: 1.0rem 0;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
}
.matchingSetIco dd {width: 100%;color: #fff;text-align: center;}
.matchingSetIco span {width: 100%;display: block;padding: 0.5rem;}
.matchingSetIco span.IcoOff {background: #eeeeee;}
.matchingSetIco span.IcoOn {background: #2d8780;}

@media screen and (max-width: 600px) {
	.matchingSetIco {flex-wrap: wrap;}
	.matchingSetIco dd {width: 32%;}
}
/* ヘッダー箇所ボタン設定 */
.matchingSetHeadBtFr,
.matchingSetHeadBtFb {
	width: 100%;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
}
.matchingSetHeadBtFr a,
.matchingSetHeadBtFr span {
	padding: 1.5rem 0.5rem;
	color: var(--app-matchingSetHeadBtFr-txt); /* テキスト色 */
	background: var(--app-matchingSetHeadBtFr-bg); /* 背景色 */
	border: var(--app-matchingSetHeadBtFr-brd); /* ボーダー指定 */
	box-shadow: var(--app-matchingSetHeadBtFr-sd); /* 背景影色 */
}
.matchingSetHeadBtFb a,
.matchingSetHeadBtFb span {
	margin: 2.0rem auto;
	padding: 1.0rem 0.5rem;
	color: var(--app-matchingSetHeadBtFb-txt); /* テキスト色 */
	background: var(--app-matchingSetHeadBtFb-bg); /* 背景色 */
	border: var(--app-matchingSetHeadBtFb-brd); /* ボーダー指定 */
	box-shadow: var(--app-matchingSetHeadBtFb-sd); /* 背景影色 */
}
@media screen and (max-width: 600px) {
	.matchingSetHeadBtFr a,
	.matchingSetHeadBtFr span,
	.matchingSetHeadBtFb a,
	.matchingSetHeadBtFb span {margin: 0 auto;padding: 1.0rem 0.5rem;}
}
/* カウント箇所設定 */
.matchingSetCnt {
	margin: 0 auto 2.0rem auto;
	display: flex;
	align-items: center;
	padding: 1.5rem;
	color: var(--app-matchingSetCnt-txt); /* テキスト色 */
	background: var(--app-matchingSetCnt-bg); /* 背景色 */
	line-height: 1.2;
}
.matchingSetCntBox {
	width: 100%;
	text-align: center;
	border-left: var(--app-matchingSetCnt-brd); /* ボーダー指定 */
}
.matchingSetCntBox:last-child {
	border-right: var(--app-matchingSetCnt-brd); /* ボーダー指定 */
}

.matchingSetCntSup {font-size: clamp(1.2rem, 1.4vw, 1.4rem);}
.matchingSetCntTxt {font-size: clamp(2.4rem, 3.0vw, 3.0rem);font-weight: bold;}

@media screen and (max-width: 600px) {
	.matchingSetCnt {margin: 0 auto 1.0rem auto;padding: 1.5rem 0.5rem;}
}
/* サブナビ箇所設定 */
.matching_navi {padding: 0 1.5rem;}

@media screen and (max-width: 600px) {
	.matching_navi {padding: 0;}
}
/* 本文箇所設定 */
.matchingSetDet {width: 80%;margin: 6.0rem auto;}
.matchingSetDet.MgS {margin: 2.0rem auto;}
.matchingSetDetTi {font-size: clamp(2.4rem, 2.8vw, 2.8rem);margin: 2.0rem auto;}
.matchingSetDetTxt {font-size: clamp(1.4rem, 1.6vw, 1.6rem);margin: 2.0rem auto;}

@media screen and (max-width: 600px) {
	.matchingSetDet {width: 85%;margin: 3.0rem auto;}
}
/* 概要箇所設定 */
.matchingSetDetLst {width: 80%;margin: 3.0rem auto;}

@media screen and (max-width: 600px) {
	.matchingSetDetLst {width: 100%;margin: 1.0rem auto;}
}
/* 写真箇所設定 */
.matchingSetDetImg {width: 800px;;margin: 6.0rem auto;}/* スライダー写真箇所設定 */
.matchingSetDetBdImg {margin: 3.0rem auto;text-align: center;}/* 本文内写真箇所設定 */
.matchingSetDetBdImg img {max-width: 90%;}

@media screen and (max-width: 600px) {
	.matchingSetDetImg {width: 95%;;margin: 2.0rem auto;}
}
/* リスト箇所設定 */
.matchingSetList {width: 95%;margin: 4.0rem auto;}

@media screen and (max-width: 600px) {
	.matchingSetList {width: 100%;margin: 2.0rem auto;}
}
/* 操作ボタン箇所設定 */
.matchingSetBt {padding: 1.5rem;background: var(--app-matchingSetBt-bg);border-left: var(--app-matchingSetBt-brd);}
.matchingSetBtBox {margin: 1.0rem 0;text-align: center;}
.matchingSetBtSup {font-size: clamp(1.2rem, 1.4vw, 1.4rem);}
.matchingSetBtEdit a {
	margin: 0.5rem auto;
	padding: 0.5rem 0.5rem;
	color: var(--app-matchingSetBtEdit-txt); /* テキスト色 */
	background: var(--app-matchingSetBtEdit-bg); /* 背景色 */
	border: var(--app-matchingSetBtEdit-brd); /* ボーダー指定 */
	box-shadow: var(--app-matchingSetBtEdit-sd); /* 背景影色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
}
@media screen and (max-width: 600px) {
	.matchingSetBt {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 0.5rem 0.5rem;}
	.matchingSetBtBox {width: 32%;margin: 0;}
}
/* 注意書き箇所設定 */
.matchingSetPbsBox {width: 90%;margin: 1.5rem auto;}
.matchingSetArt {
	width: 80%;
	margin: 0.5rem auto;
	padding: 2.0rem 1.0rem;
	color: var(--app-matchingSetArt-txt);
	background: var(--app-matchingSetArt-bg);
	border: var(--app-matchingSetArt-brd);
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	font-weight: bold;
	text-align: center;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
}
@media screen and (max-width: 600px) {
	.matchingSetArt {width: 90%;}
}
/* ** matching_box end ** */

/* ** colorbox_basic start ** */
/********* インラインポップ設定 *********/

/* ポップアップ */
.popupArea,
.popupAreaInn,
.popupAreaInnB,
.popupAreaInnC {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
.popupArea {position: relative;}
.popupAreaInn {padding: 1.0rem 2.0rem 15.0rem 2.0rem;}
.popupAreaInnB {padding-bottom: 15.0rem;}
.popupAreaInnC {padding-bottom: 2.0rem;}
.popupAreaInnB .popPD,
.popupAreaInnC .popPD {padding-left: 2.0rem;padding-right: 2.0rem;}
.popup_Box {
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-BgBox-bg); /* 外枠背景色 */
}
/* ポップアップ時個別で目立たせたいボックスを個別で作成する場合に使用 */
.popup_Box_Hgl {
	width: 95%;
	margin: 1.5rem auto;
	padding: 0.5rem 1.5rem;
	border-radius: var(--BgBoxHgl-rod);-webkit-border-radius: var(--BgBoxHgl-rod);-moz-border-radius: var(--BgBoxHgl-rod); /* 角丸 */
	border: var(--app-BgBoxHgl-brd); /* 外枠ボーダー指定 */
	background: var(--app-BgBoxHgl-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBoxHgl-sd); /* 背景影色 */
}
/* Flex配置 */
.popup_BoxFrex {margin-top: 0;margin-bottom: 2.0rem;padding: 0;display: flex;align-items: stretch;gap: 1.5rem;}
.popup_BoxFrex .popup_BoxFrexSub {width: 30%;}
.popup_BoxFrex .popup_BoxFrexMain {width: 70%;}
.popup_BoxFrex .popup_BoxFrexAW {width: auto;padding-top: 5.0rem;}

@media screen and (max-width: 600px) {
	.popup #contents {margin: 0 auto;}
	.popupAreaInn {padding: 1.0rem 1.0rem 15.0rem 1.0rem;}
	.popup_Box {padding: 0.5rem 1.0rem;}
	.popup_BoxFrex {padding: 0;display: block;}
	.popup_BoxFrex .popup_BoxFrexSub {width: 100%;margin: 0.5rem auto;}
	.popup_BoxFrex .popup_BoxFrexMain {width: 100%;margin: 0.5rem auto;}
	.popup_BoxFrex .popup_BoxFrexAW {width: 100%;padding-top: 0;}
}
.popup_Box.mgset {margin: 0 auto 2.0rem auto;}

/* ポップアップタイトル */
.popupTi {
	margin: var(--app-popupTi-mg); /* マージン */
	padding: var(--app-popupTi-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--app-popupTi-txt); /* テキスト色 */
	font-weight: bold;
	background: var(--app-popupTi-bg); /* 背景色 */
	border-top: var(--app-popupTi-brd); /* ボーダー指定 */
	border-bottom: var(--app-popupTi-brd); /* ボーダー指定 */
}
.popupTi h1.popupTiInn,
.popupTi p.popupTiInn {font-size: var(--font-popupTi);font-weight: bold;} /* フォントサイズ */

/* ポップアップボタンエリア */
.popupBtArea {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0.5rem 2.0rem;
	border-top: var(--app-popupBt-brd); /* ボーダー指定 */
	background: var(--app-popupBt-bg); /* 背景色 */
	z-index: 4;
}
@media screen and (max-width: 600px) {
	.popupBtArea {padding: 0.5rem 0.5rem;}
}
/* ** colorbox_basic end ** */

/* ** comment_box start ** */
/*** コメント・掲示板・レビュー投稿ボックス ***/
/* 枠ボックス */
.commentBox {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto; /* マージン */
	padding: 0.5rem 1.8rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* ボーダー指定 */
	background: var(--app-BgBox-bg); /* 背景色 */
	box-shadow: var(--app-BgBox-sd); /* 背景影色 */
}
/* タイトルエリア */
.commentBox p.commentTtitle {
	margin: 0 auto;
	padding: 1.5rem 1.0rem;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	font-weight: bold;
	border-bottom: 1px dotted #cdcdcd;
	background: inherit;
}
/* 投稿用制御ボタン位置指定 */
.commentBT {
	float: right;
	width: 30%;
	margin 0;
	padding: 0 2.0rem 2.0rem 2.0rem;
}
/* 投稿フォーム */
.commentInput,
.commentForm {margin: 0;padding: 0.5rem 0;}

@media screen and (max-width: 600px) {
	.commentBT {width: 100%;padding: 0 0.5rem 2.0rem 0.5rem;}
	.commentInput {margin: 1.0rem auto;padding: 0.5rem 0;}
}
/*** コメント・掲示板・レビュー投稿コメント表示ボックス ***/

/* 枠ボックス */
.commentList {
	margin: 0 auto;
	padding: 1.0rem 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd);
	box-shadow: var(--app-BgBoxInn-sd);
}
/* コメントリスト背景指定（コメント無し） */
.commentZero {
	margin: 0 auto;
	background: var(--app-commentZero-bg);/* 背景色 */
}
/* コメントリスト背景指定（親スレッド） */
.commentFst {
	margin: 1.0rem auto 0 auto;
	background: var(--app-commentFst-bg);/* 背景色 */
}
/* コメントリスト背景指定（レスコメント） */
.commentSec {
	margin: 1.0rem 0 0 3.0rem;
	background: var(--app-commentSec-bg);/* 背景色 */
}
/* 投稿者写真表示 */
.commentPh {
	float: left;
	overflow: hidden;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 50%;
}
.commentPh img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
/* 投稿者情報表示エリア */
.commentTxtArea {width: 100%;}
.commentNameArea {
	padding: 0.5rem;
	border-bottom: var(--app-BgBox-Kbrd); /* ボーダー指定 */
}
.commentNameInn {float: right;text-align: right;}
@media screen and (max-width: 600px) {
	.commentNameInn {width: 75%;}
}
/* 投稿者ニックネーム */
.commentName {
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	font-weight: normal;
}
/* 投稿者ID */
.commentName span.commentNameS {
	padding: 0 0 0 0.5rem;
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);
	font-weight: normal;
}
/* 投稿ID・投稿時間 */
.commentTime {
	font-size: clamp(1.0rem, 1.0vw, 1.2rem);
	font-weight: bold;
}
/* 投稿返信元ID表示 */
.commentTxtRes {
	padding: 1.0rem 0.5rem 0 0.5rem;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	line-height: 1.8;
	font-weight: bold;
}
/* 投稿テキスト */
.commentTxt {
	padding: 1.5rem;
	font-size: clamp(1.6rem, 1.4vw, 1.6rem);
	line-height: 1.8;
}
@media screen and (max-width: 600px) {
	.commentTxt {padding: 1.5rem 0.5rem;}
}
/* 共感ボタン表示エリア */
.commentResArea {
	padding: 1.0rem 0 0.5rem 0; /* パディング */
	border-top: var(--app-BgBox-Kbrd); /* ボーダー指定 */
}
.commentResL {float: left;display: flex;align-items: center;}
.commentResR {float: right;display: flex;align-items: center;}
.commentResBT {margin: 0 0.2rem;}

/* ** comment_box end ** */

/* ** order_box start ** */
/******* サービス・セミナーの単品購入用の共通明細エリア *******/

/* 枠ボックス(主に明細処理で使用) */
.SCartBox {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto 2.0rem auto; /* マージン */
	padding: 1.5rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-BgBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-sd);-webkit-box-shadow: var(--app-BgBox-sd); /* 外枠背景影色 */
}
.SCartBoxInn {
	padding: 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd); /* 内枠背景影色 */
}
.popup_Box .SCartBox {
	width: 100%;
	margin: 0 auto 2.0rem auto; /* マージン */
	padding: 1.5rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd); /* 内枠背景影色 */
}
@media screen and (max-width: 600px) {
	.SCartBox {width: 95%;margin: 0 auto;padding: 1.0rem;}
	.SCartBoxInn {padding: 1.0rem;}
}
/* ** order_box end ** */

/* ** credit_box start ** */
/*** クレジットカード情報 ***/
.cardBland,
.cardSec,
.cardAgt {margin: 0 auto;padding: 0;}
.cardImg {margin: 2.0rem auto;padding: 0;display: flex;}
.cardImg img {width: 100%;}
.cardBland ul {padding: 0 2.0rem;}
.cardBland li,
.cardSec p {padding: 0.5rem;list-style: none;}
.cardAgtLogo {padding: 2.0rem 1.0rem;}
.cardAgtName {
	padding: 0 1.0rem;
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
.cardAjx {margin: 2.0rem auto;padding: 0;text-align: center;}

@media screen and (max-width: 600px) {
	:root {
	.cardImg {flex-wrap: wrap;}
	.cardSec .cardImg {display: block;}
	}
}
div.payjs-outer {
    margin: 2px;
    border: 1px solid #cdcdcd;
    width: 100%;
}
/* ** credit_box end ** */

/* ** contributor_box start ** */
/*** 記事投稿者ボックス ***/
/* 枠ボックス */
.authorBox {
	margin-left: auto;
	margin-right: auto;
	padding: 2.0rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--app-BgBox-rod);-webkit-border-radius: var(--app-BgBox-rod);-moz-border-radius: var(--app-BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /*ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd);/* 背景影色 */
}
.authorBox .authorPhoto {float:left;width:20%;}
.authorBox .authorPhoto img {width:85%;border-radius: var(--app-authorBox-img-rod);} /* 写真角丸 */
.authorBox .authorDetail {float:right;width:80%;}

/* 記事投稿者エリアタイトル */
.authorBox .authorDetail p.authorDetTi {
	padding: 0 0 0.5rem 0;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	font-weight: bold;
	border-bottom: var(--app-BgBox-Kbrd);
}
.authorBox .authorDetail p.authorDetName {
	padding: 1.5rem 0 0.5rem 0;
	font-size: clamp(1.6rem, 1.6vw, 2.0rem);
	font-weight: bold;
	line-height: 1.2em;
}
.authorBox .authorDetail p.authorDetCorp {
	padding: 0;
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
}
.authorBox .authorDetail p.authorDetProf {
	padding-top: 1.0rem;
	font-size: clamp(1.3rem, 1.5vw, 1.6rem);
	line-height: 1.4em;
}
@media screen and (max-width: 600px) {}

/* ** contributor_box end ** */

/* ** sideList_box start ** */
/*** 画面固定左リストボックス ***/

/* 画面固定する為の処理 */
.stickyHeaderUnder__inner{position: sticky;top: 0;}
.listDispDet .listDispDetList {}
.listDispDet .DataDispBoxList {margin-top: 0;margin-bottom: 0;}

/* ** sideList_box end ** */

/* ** message_box start ** */
/*** メッセージボックス ***/
/* 枠ボックス */
.messageBox {}
.listDispDet .messageBox {display: flex;align-items: stretch;}
.listDispDet .staffList {
	padding: 0;
	overflow-y: scroll;
	background: var(--app-messageList-bg);
	border: var(--app-messageList-brd);
	border-right: none;
}
.messageListBox {
	display: grid;
	grid-template-rows: auto 1fr auto;
	flex: 1;
}
.messageTitleBox,
.messageSearchBox {
	margin: 0;
	padding: 1.0rem 1.5rem;
	border-radius: var(--messageList-rod);-webkit-border-radius: var(--messageList-rod);-moz-border-radius: var(--messageList-rod); /* 角丸 */
	border: var(--app-messageTitle-brd);
	border-bottom: none;
	background: var(--app-messageTitle-bg);
}
.messageTitleBox {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.messageTitleBoxTi {padding: 1.0rem 1.5rem;font-size: clamp(1.4rem, 1.4vw, 1.6rem);}
.messageTitleBoxBt a {
	display: block;
	padding: 1.0rem 1.5rem;
	border-left: var(--app-messageTitle-brd);
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
}
.messageTitleBoxBt a:hover {text-decoration: none;filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}
.messageTitleBoxBt a {display: none;}
.messageSearchBox {border-right: none;padding: 0.5rem 0.5rem;}
.messageList {
	margin: 0;
	padding: 1.0rem 1.5rem;
	border-radius: var(--messageList-rod);-webkit-border-radius: var(--messageList-rod);-moz-border-radius: var(--messageList-rod); /* 角丸 */
	border: var(--app-messageList-brd);
	overflow-y: scroll;
	background: var(--app-messageList-bg);
}
.messageList::-webkit-scrollbar{width: 0.2rem;}

@media screen and (max-width: 480px) {
	.messageBox {width: 100%;}/* メッセージボックス枠 */
	.messageListBox {width: 100%;}/* メッセージ表示枠のサイズ指定 */
	.messageTitleBoxBt a {display: block;}
}
/* メッセージ箇所 */
.messageListInn {
	margin: 0 auto;
	padding: 1.5rem 0.5rem;
	border-bottom: var(--app-messageListInn-brd); /* ボーダー指定 */
}
.messageListInn.myself {
	background: var(--app-messageListInn-myself-bg); /* 背景色 */ 
}
.messageListInn.partner {
	background: var(--app-messageListInn-partner-bg); /* 背景色 */ 
}
.messageListInnChd {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: top;
}
.messageItemPh {}
.messageListInnChdTxt {width: 90%;margin-left: 1.5rem;}

@media screen and (max-width: 480px) {
	.messageItemPh {width: 15%;}
	.messageListInnChdTxt {width: 78%;}
}
.messageItemDataName {font-size: 1.4rem;font-weight: bold;color: var(--app-messageListInn-txt);}
.messageItemDataTime {padding: 0.5rem 0;font-size: 1.2rem;}
.messageItemDataTxt {padding: 0.5rem 0;}
.messageItemDataTxt pre {
	font-size: clamp(1.5rem, 1.5vw, 1.5rem);
	letter-spacing: 0.1em;
	overflow: auto;
}
/* メッセージ引用箇所 */
.messageIteminlineMes {margin: 2.0rem 0 2.0rem 2.0rem;padding: 1.0rem 0 1.0rem 2.0rem;font-size: clamp(1.4rem, 1.5vw, 1.5rem);border-left: var(--app-messageIteminlineMes-brd);}

@media screen and (max-width: 480px) {
	.messageIteminlineMes {margin: 2.0rem 0 2.0rem 1.0rem;}
}
/* メッセージ引用外部連携箇所 */
.messageItemOutData {
	margin: 3.0rem auto;
	padding: 1.5rem;
	border-radius: var(--messageItemOutData-rod);-webkit-border-radius: var(--messageItemOutData-rod);-moz-border-radius: var(--messageItemOutData-rod); /* 角丸 */
	border: var(--app-messageItemOutData-brd);
	background: var(--app-messageItemOutData-bg); /* 背景色 */ 
}
.messageItemOutData dl {
	font-size: clamp(1.4rem, 1.4vw, 1.5rem);
	padding: 0.8rem 0.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: top;
	border-bottom: var(--app-messageListInn-brd); /* ボーダー指定 */
}
.messageItemOutData dt {width: 20%;}
.messageItemOutData dd {width: 80%;}
.messageItemOutData a {text-decoration: underline;}
.messageItemOutData a:hover {opacity: 0.5;}

@media screen and (max-width: 480px) {
	.messageItemOutData {margin: 2.0rem auto;}
	.messageItemOutData dt {width: 40%;}
	.messageItemOutData dd {width: 60%;}
}
/* メッセージ操作ボタン等 */
.messageEditBtBox {
	position: absolute;
	bottom: -2.0rem;
	right: -1.5rem;
	display: flex;
	justify-content: flex-start;
	gap: 0 0.2rem;
	opacity: 0;
	padding: 1.0rem;
	border-radius: var(--messageEditBtBox-rod);-webkit-border-radius: var(--messageEditBtBox-rod);-moz-border-radius: var(--messageEditBtBox-rod); /* 角丸 */
	border: var(--app-messageEditBtBox-brd);
	background: var(--app-messageEditBtBox-bg); /* 背景色 */ 
}
.messageListInnChd:hover .messageEditBtBox {opacity: 1;}
.messageListInnChd .messageEditBtBox:hover {opacity: 1;}
.messageEditBtBox button {
	padding: 0.2rem 1.0rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	white-space:nowrap;
}
/* 編集ボタン */
.messageEditBt {
    color: var(--messageEditBt-txt);
    background: var(--messageEditBt-bg);
    border: var(--messageEditBt-brd);
}
/* 削除ボタン */
.messageDelBt {
    color: var(--messageDelBt-txt);
    background: var(--messageDelBt-bg);
    border: var(--messageDelBt-brd);
}
/* 引用ボタン */
.messageQutBt {
    color: var(--messageQutBt-txt);
    background: var(--messageQutBt-bg);
    border: var(--messageQutBt-brd);
}
/* アクションボタン */
.messageActBt {
    color: var(--messageActBt-txt);
    background: var(--messageActBt-bg);
    border: var(--messageActBt-brd);
}
/* 未読・既読ボタン */
.messageKidokuBt {
    color: var(--messageKidokuBt-txt);
    background: var(--messageKidokuBt-bg);
    border: var(--messageKidokuBt-brd);
}
.messageMidokuBt {
    color: var(--messageMidokuBt-txt);
    background: var(--messageMidokuBt-bg);
    border: var(--messageMidokuBt-brd);
}
/* メッセージ入力ボックス */
.messageInput {
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem 1.0rem;
	border-radius: var(--messageList-rod);-webkit-border-radius: var(--messageInput-rod);-moz-border-radius: var(--messageInput-rod); /* 角丸 */
	border: var(--app-messageInput-brd);
	border-top: none;
	background: var(--app-messageInput-bg);
}
@media screen and (max-width: 480px) {
	.messageInput textarea {min-height: 2lh;max-height: 10lh;}
}
.messageBT {
	padding: 0.5rem 0.5rem;
	display: flex;
	justify-content: flex-end;
	gap: 0 0.5rem;
	align-items: center;
}
.messageBTInn {
	display: flex;
	justify-content: flex-start;
	gap: 0 0.5rem;
}
/* 送信ボタン */
.messageSendBt {
	padding: 0.5rem 1.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
    color: var(--messageSendBt-txt);
    background: var(--messageSendBt-bg);
    border: var(--messageSendBt-brd);
}
/* 編集取消ボタン */
.messageCanBt {
	padding: 0.2rem 1.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
    color: var(--messageCanBt-txt);
    background: var(--messageCanBt-bg);
    border: var(--messageCanBt-brd);
}
/* その他操作ボタン */
.messageOutBt {
	padding: 0.2rem 1.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
    color: var(--messageOutBt-txt);
    background: var(--messageOutBt-bg);
    border: var(--messageOutBt-brd);
}
/*** メッセージアプリ風 ***/
.mesApp .messageList {background: var(--mesApp-bg);}
.mesApp .messageListInn {border-bottom: none;}
.mesApp .messageListInn.myself,
.mesApp .messageListInn.partner {background: none; }
.mesApp .myself .messageItemPh,
.mesApp .myself .messageItemDataName {display: none;}
.mesApp .messageList .messageListInnChdTxt {width: 100%;}
.mesApp .messageList .myself .messageItemDataTime {padding: 0.5rem 1.5rem 0 0;text-align: right;}
.messageEditBtBox {border: none;background: none;}

/*フキダシ共通*/
.mesApp .messageList .messageItemDataTxt {
	position: relative;
	display: inline-block;
	max-width: 60%;
	margin: 0.8rem 0 0;
	padding: 1.0rem 1.6rem;
	border-radius: 1.9rem;
	overflow-wrap: break-word;
	clear: both;
	box-sizing: content-box;
	color: var(--mesApp-txt);
}
/*フキダシ左*/
.mesApp .messageList .partner .messageItemDataTxt {
	float: left;
	margin-left: 0.5rem;
	background: var(--mesAppPartner-bg);
}
/*フキダシ右*/
.mesApp .messageList .myself .messageItemDataTxt {
	float: right;
	margin-right: 12px;
	background: var(--mesAppMyself-bg);
}
/*しっぽ共通*/
.mesApp .messageList .messageItemDataTxt::after {
	position: absolute;
	content: "";
	width: 24px;
	height: 36px;
	top: -21px;
}
/*しっぽ左*/
.mesApp .messageList .partner .messageItemDataTxt:after {
	left: -10px;
	border-radius: 18px 0 6px 18px/18px 0 1px 18px;
	box-shadow: -3px -15px 0 -5px var(--mesAppPartner-bg) inset;
}
/*しっぽ右*/
.mesApp .messageList .myself .messageItemDataTxt::after {
	right: -10px;
	border-radius: 0 18px 18px 6px/0 18px 18px 1px;
	box-shadow: inset 3px -15px 0 -5px var(--mesAppMyself-bg);
}
/*フキダシが続いてしっぽがないとき*/
.mesApp .messageList .myself .messageItemDataTxt + .messageItemDataTxt::after,
.mesApp .messageList .right + .right::after {content: none;}

/* ** message_box end ** */

/* ** schedule_box start ** */
/*** スケジュールボックス ***/
/* 枠ボックス */
.scheduleBox {}
.listDispDet .scheduleBox {display: flex;align-items: stretch;}
.scheduleCalBox {
	display: grid;
	grid-template-rows: auto 1fr auto;
	flex: 1;
}
.scheduleCalTitleBox,
.scheduleSearchBox {
	margin: 0;
	padding: 1.0rem 1.5rem;
	border-radius: var(--scheduleCal-rod);-webkit-border-radius: var(--scheduleCal-rod);-moz-border-radius: var(--scheduleCal-rod); /* 角丸 */
	border: var(--app-scheduleCalTitle-brd);
	border-bottom: none;
	background: var(--app-scheduleCalTitle-bg);
}
.scheduleCalTitleBox {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.scheduleCalTitleBoxTi {padding: 1.0rem 1.5rem;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
.scheduleCalBoxBt a {
	display: block;
	padding: 1.0rem 1.5rem;
	border-left: var(--app-messageTitle-brd);
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
}
.scheduleCalBoxBt a:hover {text-decoration: none;filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}
.scheduleSearchBox {border-right: none;padding: 0.5rem 0.5rem;}
.schedulecalendar {
	margin: 0;
	padding: 1.0rem 1.5rem;
	border-radius: var(--scheduleCal-rod);-webkit-border-radius: var(--scheduleCal-rod);-moz-border-radius: var(--scheduleCal-rod); /* 角丸 */
	border: var(--app-schedulecalendar-brd);
	overflow-y: scroll;
	background: var(--app-schedulecalendar-bg);
}
.schedulecalendar::-webkit-scrollbar{width: 0.2rem;}
.scheduleCalBoxBt ul {display: flex;list-style: none;}

/* ** schedule_box end ** */