/*VIEW*************************************************************************/
.m-off{display: table-cell;}
.m-off-tr{display:table-row;}
.m-off-flex{display: flex;}
.m-on{display: none;}
.m-on-tr{display: none;}
.m-on-table{display: none;}

/*DESIGN LAYOUT ELEMENTS*******************************************************/

.md-body
{
        line-height: 2;
	background-color:var(--modal-bg-color);
}

iframe{border: none;}


/*COMMON**********************************************************************/


/*OTHER ELEMENTS**************************************************************/

/* ローディング */
.modal-loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: all 0.5s linear;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.3);
}
.modal-loading.loaded {
	opacity: 0;
	visibility: hidden;
}
.modal-loading-box {
    height: 150px;
    width: 150px;
    background-color: rgba(0, 0, 0, 0.4);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    border-radius: 8px;
}
.modal-loading-icon {
    font-size: 16px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*DESIGN/LAYOUT ELEMENTS*/
.bgClose-style{position: fixed; display: block; width: 100vw; height: 1000vh; background-color: hsla(0,0%,0%,0.00);}
.modal-2btn{width:100%;	background-color: #fff; position: absolute;	bottom: 0px; left:0px; padding: 10px 0;	display: flex; justify-content: center; border-top: 1px solid #999;}
.modal-2btn li{ margin: 0 2px;
	display: inline-block; padding:0 10px; border-radius: 3px; font-size: 1.2rem; margin:0 2px; border: solid 1px #aaa; height:24px; line-height:24px;
	background-image: -webkit-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(245,245,245,1.00) 0%,rgba(221,221,221,1.00) 100%);
}

body.bgModal .btn-bg-type1
{
	background: #ccced1;
	color: var(--modal-sub-color);
	box-shadow: none;
	border: 0;
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
body.bgModal .btn-bg-type1:active
{
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
	border-bottom:2px solid rgba(0,0,0,0);
}
body.bgModal .btn-bg-type1.type1-bg-red
{
	background: var(--error-color);
	color: var(--white);
}
body.bgModal .btn-bg-type1.type1-bg-orange
{
	background: var(--btn-bg-orange);
	color: var(--white);
}
body.bgModal .btn-bg-type1.type1-bg-green
{
	background: var(--btn-bg-green);
	color: var(--white);
}
body.bgModal .btn-bg-type1.type1-bg-nopush
{
	background: var(--btn-no-push);
	color: var(--white);
	pointer-events: none;
}

body.bgModal .btn-size-S
{
	padding: 13px 0px 15px 0px;
	line-height: 16px;
	max-height: 40px;
}
body.bgModal.android-access .btn-size-S
{
	padding: 11px 0px 17px 0px;
}

body.bgModal .btn-find-adjustment
{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}
body.bgModal.android-access .btn-find-adjustment
{
	padding-top: 9px;
}


/*error*/

body.bgModal input.modal-error,
body.bgModal textarea.modal-error,
body.bgModal .select-middle.modal-error > select
{
	background-color: #fef4f4 !important;
	border: solid 1px var(--hissu-color) !important;
}
body.bgModal input.modal-error:focus,
body.bgModal textarea.modal-error:focus,
body.bgModal .select-middle.modal-error:focus-within > select
{
	background-color: #fef4f4 !important;
	box-shadow: 0 0 2px 2px rgb(243 91 91 / 30%) !important;
}

body.bgModal .modal-error-msg
{
	color: #c12a2a;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	margin-top: 8px;
}


/*window-size*/

/*----scroll-------------------*/
.betsu_scroll{ width: 100%; max-height:calc(100vh - 56px); min-height:calc(100vh - 56px); margin: 0 auto; overflow-y:scroll; }
body.scroll_hidden {overflow:hidden;}
/*--view---------------------------------------*/
.m-off{display: table-cell;}
.m-off-tr{display:table-row;}
.m-off-flex{display: flex;}

.m-on{display: none;}
.m-on-tr{display: none;}
.m-on-table{display: none;}

/*  CHAPTER ELEMENTS */
#mdOverlay-double {top: 0; left: 0; width: 100%; position: fixed; z-index: 50; display: none; background-color:rgba(0,0,0,0.5);}
/*
#mdClose {cursor: pointer; position: absolute; right:0; top:-50px; width:40px ;height:40px; line-height:40px; text-align: center; background-color:#f00; color:#fff;}
*/
#mdClose {cursor: pointer; position: absolute; right:0px; top:0px; width:40px ;height:40px; line-height:40px; text-align: center; background-color:#f00; color:#fff;}
#modalInclude-double {display: none;}
#contWrap-double { width: 100%; height: 100%; box-sizing: border-box;}

#mdContents-Close{display: block; width: 100%; height: 50px; background-color: transparent;}



.modal-head {background-color:var(--modal-base-color); position: sticky; top:0; left:0; height:50px; width:100%; z-index: 999;}

/*--PC・タブレット用h1指定--*/
.modal-head h1 {color:var(--white); font-size:20px; position: absolute; top:5px; left:10px;}

/*--スマホ用h1指定--*/
.is_sp .modal-head h1 {color:var(--white); font-size:120%; top:8px;}

body.android-access .modal-head h1
{
	top:6px;
}



.modal-head .mdClose
{
	position: absolute;
	top:7px;
	right:7px;
	width:36px;
	height:36px;
	line-height:36px;
	background-color:#d72828;
	text-align: center;
	border-radius: 3px;
}
.modal-head .mdClose i
{
	color: var(--white);
	font-size: 22px;
	position: relative;
	line-height: 22px;
	top: 3px;
}
body.android-access .modal-head .mdClose i
{
	top: 2px;
}
.modal-head .mdClose:hover {cursor: pointer;}
.modal-main
{
	margin:0;
	padding:10px;
	padding-bottom:0px;
	background-color:var(--modal-bg-color);
}
/* overflowバグ対策 */
.modal-main::after
{
	display: block;
	width: 1px;
	height: 10px;
	content: '';
}
/* fotterにtype-input-btn-blockを使用する画面 */
body.is_input .modal-main,
body.is_time .modal-main
{
	height: 100%;
}
body.is_input .type-input-btn-block,
body.is_time .type-input-btn-block
{
	position: sticky;
	bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

body.bgModal input[type="file"]
{
	display: none;
}

body.bgModal input:focus,
body.bgModal textarea:focus
{
	outline: none;
	box-shadow: 0px 0px 3px 0px #333 !important;
	background: #f5f5f5 !important;
}
body.bgModal select:focus-within
{
	outline: none;
	box-shadow: 0px 0px 3px 0px #333 !important;
	background: #f5f5f5 !important;
}

body.bgModal.iphone-access input[type="text"]::placeholder
{
	line-height: normal;
	position: relative;
	top: -4px;
}

.modal-month-turn {background-color:var(--modal-sub-color); padding:5px 10px; color:var(--white); align-items: center; font-size:86%;}
.modal-month-turn li {}
.modal-month-turn li a {display: block; width:66px; height:30px; line-height:28px; background-color:var(--white); border:solid 1px #999 !important; padding:0 10px; border-radius: 3px;}
.modal-month-turn li a i {color:var(--gray); }
.modal-month-turn li:first-child a i {margin:0 5px 0 0;}
.modal-month-turn li:last-child a i {margin:0 0 0 5px;}

.modal-calendar {border-collapse: separate; border-spacing:2px; border:solid 1px var(--line-gray); border-radius: 4px; background-color:var(--white); width:100%;}
.modal-calendar caption {text-align: center; position: relative;}
.modal-calendar caption::before ,
.modal-calendar caption::after {content:""; display: block; width:38%; height:1px; background-color:#bbb; position: absolute; top:50%;}

.modal-calendar caption::before {}
.modal-calendar caption::after {right:0;}
.modal-calendar caption span {font-size:140%; font-weight: 600;}
.modal-calendar th ,
.modal-calendar td {border-radius: 3px; width:calc(100% / 7);}
.modal-calendar th {text-align: center; font-size:80%; background-color:#999; color:var(--white);}
.modal-calendar th:first-child {background-color:var(--holiday-color);}
.modal-calendar th:last-child {background-color:var(--saturday-color);}

.modal-calendar td {border:solid 1px var(--line-gray); vertical-align: top;}
.modal-calendar td:first-child {}
.modal-calendar td:last-child {}
.modal-calendar td a {display: block; padding:0 0 25px 5px; position: relative;}
.modal-calendar td a p {font-size:80%;}
.modal-calendar td:first-child {background-color:var(--holiday-bg-color);}
.modal-calendar td:last-child {background-color:var(--saturday-bg-color);}
.modal-calendar td:first-child a p {color:var(--holiday-color);}
.modal-calendar td:last-child a p {color:var(--saturday-color);}
.modal-calendar td.type-today {background-color:var(--today-bg-color);}
.modal-calendar td.type-holiday {background-color:var(--holiday-bg-color);}
.modal-calendar td.type-holiday p {color:var(--holiday-color); }
.modal-calendar td.type-holiday p.hodiday-ttl
{
	line-height: 1;
	font-size: 9px;
	position: absolute;
	top:1.3rem;
}
.modal-calendar td a:hover {background-color:var(--modal-bg-color);}

body.bgModal
{
	scrollbar-color: var(--modal-sub-color) var(--modal-bg-color);
}
.modal-scroll::-webkit-scrollbar-thumb
{
	background: var(--modal-sub-color);
}



/*------カレンダー表示用------*/
/*スマホ用*/
.is_calender_01mo.is_sp #mdContents
{
	width:90%;
	height:520px;
}
@media screen and (max-height: 461px) {
	.is_calender_01mo.is_sp #mdContents
	{
		height:95%;
	}
}
.is_calender_01mo.is_sp .modal-scroll {overflow: auto; height:90vh; padding:0;}
.is_calender_01mo.is_sp .modal-calendar-list-mo01 {}
.is_calender_01mo.is_sp .modal-calendar-list-mo01 li {width:100%; margin:0 0 2% 0;}

.is_calender_03mo.is_sp #mdContents{
	width:100% !important;
	height:100% !important;
}
.is_calender_03mo.is_sp .modal-scroll {overflow: auto; height:73vh; padding:0;}
.is_calender_03mo.is_sp .modal-calendar-list-mo03 {}
.is_calender_03mo.is_sp .modal-calendar-list-mo03 li {width:100%; margin:0 0 2% 0;}

.is_calender_12mo.is_sp #mdContents
{
	width:95%;
	height:95%;
}
.is_calender_12mo.is_sp .modal-scroll {overflow: auto; height:73vh;}
.is_calender_12mo.is_sp .modal-calendar-list-mo12 {}
.is_calender_12mo.is_sp .modal-calendar-list-mo12 li {width:100%; margin:0 0 2% 0;}

/*タブレット用*/
.is_calender_01mo.is_tab #mdContents
{
	width:500px;
	height:520px;
}
.is_calender_01mo.is_tab .modal-scroll {overflow: auto; padding:0 0 0 0;}
.is_calender_01mo.is_tab .modal-calendar-list-mo01 {}

.is_calender_03mo.is_tab #mdContents
{
	width:95%;
	height:520px;
}
.is_calender_03mo.is_tab .modal-scroll {overflow: auto; height:100vh; padding:0;}
.is_calender_03mo.is_tab .modal-calendar-list-mo03 {}
.is_calender_03mo.is_tab .modal-calendar-list-mo03 li {width:32%; margin:0 2% 0 0;}
.is_calender_03mo.is_tab .modal-calendar-list-mo03 li:nth-child(3n) {margin-right:0;}

.is_calender_12mo.is_tab #mdContents
{
	width:95%;
	height:95%;
}
.is_calender_12mo.is_tab .modal-scroll {overflow: auto; height:80vh;}
.is_calender_12mo.is_tab .modal-calendar-list-mo12 {}
.is_calender_12mo.is_tab .modal-calendar-list-mo12 li {width:32%; margin:0 2% 2% 0;}
.is_calender_12mo.is_tab .modal-calendar-list-mo12 li:nth-child(3n) {margin-right:0;}

/*PC用*/
.is_calender_01mo.is_pc #mdContents
{
	width:500px;
	height:520px;
}
.is_calender_01mo.is_pc .modal-scroll {overflow: auto; padding:0 0 0 0;}
.is_calender_01mo.is_pc .modal-calendar-list-mo01 {}

.is_calender_03mo.is_pc #mdContents
{
	width:1000px;
	height:520px;
}
.is_calender_03mo.is_pc .modal-scroll {overflow: auto; height:100vh; padding:0;}
.is_calender_03mo.is_pc .modal-calendar-list-mo03 {}
.is_calender_03mo.is_pc .modal-calendar-list-mo03 li {width:32%; margin:0 2% 0 0;}
.is_calender_03mo.is_pc .modal-calendar-list-mo03 li:nth-child(3n) {margin-right:0;}

.is_calender_12mo.is_pc #mdContents
{
	width:1000px;
	height:95%;
}
.is_calender_12mo.is_pc .modal-scroll {overflow: auto; height:80vh;}
.is_calender_12mo.is_pc .modal-calendar-list-mo12 {}
.is_calender_12mo.is_pc .modal-calendar-list-mo12 li {width:32%; margin:0 2% 2% 0;}
.is_calender_12mo.is_pc .modal-calendar-list-mo12 li:nth-child(3n) {margin-right:0;}



/*------時間選択用------*/
.is_time.is_sp #mdContents
{
	width:100%;
	height:100% !important;
}
.is_time.is_sp .modal-scroll {overflow: auto;}

.is_time.is_tab #mdContents
{
	width:1000px;
	height:80% !important;
}
.is_time.is_tab .modal-scroll {overflow: auto;}

.is_time.is_pc #mdContents
{
	width:1000px;
	height:60%;
}
.is_time.is_pc .modal-scroll {overflow: auto;}

.bgModal.is_time .time-select-table
{

}
.bgModal.is_time .time-select-table td:nth-of-type(1),
.bgModal.is_time .time-select-table td:nth-of-type(3)
{
	border: solid 1px var(--line-gray);
}
.bgModal.is_time.is_sp .time-select-table td:nth-of-type(3)
{
	border-top: none;
}
.bgModal.is_time.is_sp .time-select-table th,
.bgModal.is_time.is_sp .time-select-table td
{
	display: block;
	width: 100% !important;
}
.bgModal.is_time .time-select-table td.tile-select-label
{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	padding: 10px;
}
.bgModal.is_time.is_sp .time-select-table td.tile-select-label
{
	display: none;
}
.bgModal.is_time .time-select-table ul
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 10px;
}

.bgModal.is_time .time-select-table td ul.tile-select-day,
.bgModal.is_time .time-select-table td ul.tile-select-night
{
	max-width: 560px;
	width: 100%;
}
.bgModal.is_time .time-select-table td ul.tile-select-fun
{
	width: 275px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bgModal.is_time .time-select-table td ul.tile-select-day li input + .switch
{
	background: #fff;
}
.bgModal.is_time .time-select-table td ul.tile-select-night li input + .switch
{
	background: #b0c4d7;
}
.bgModal.is_time .time-select-table td ul.tile-select-fun li input + .switch
{
	background: #fff;
}

.bgModal.is_time .time-select-table ul li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.bgModal.is_time .time-select-table ul li:last-child
{

}
/* 時間選択用のラジオボタン */
.bgModal.is_time .time-select-radio-wrap,
.bgModal.is_time .time-select-radio-wrap input
{

}
.bgModal.is_time .time-select-radio-wrap input
{
	display: none;
}
.bgModal.is_time .time-select-radio-wrap input + .switch
{
	vertical-align: middle;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: var(--white);
	border-radius: 2px;
	display: inline-block;
	cursor: pointer;
	line-height: normal;
	width: 80px;
	text-align: center;
	height: 55px;
	line-height: 55px;
	color: var(--btn-bg-gray);
	border: solid 1px var(--gray);
}
.bgModal.is_time .time-select-radio-wrap.fun input + .switch
{
	padding: 0;
	width: 75px;
	height: 55px;
	vertical-align: middle;
	line-height: 55px;
}
.bgModal.is_time.is_sp .time-select-radio-wrap input + .switch,
.bgModal.is_time.is_sp .time-select-radio-wrap.fun input + .switch
{
	width: 70px;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
}
.bgModal.is_time .time-select-radio-wrap input + .switch:hover
{
	border: solid 2px #196cb3;
}
.bgModal.is_time .time-select-radio-wrap input:checked + .switch
{
	border: solid 3px #196cb3;
	background: #e6f3ff !important
}
.bgModal.is_time .time-select-radio-wrap input + .switch > span:first-child
{
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}



/*------入力用------*/
.is_input.is_sp #mdContents
{
	width:90%;
	height:90vh;
}
.is_input.is_sp .modal-scroll {overflow: auto;}

.is_input.is_tab #mdContents
{
	width:700px;
	height:70%;
}
.is_input.is_tab .modal-scroll {overflow: auto;}

.is_input.is_pc #mdContents
{
	width:1000px;
	height:70%;
}
.is_input.is_pc .modal-scroll {overflow: auto;}

.modal-input-area {}
.type-input {
	border-top:solid 1px var(--line-gray);
	width:100%;
	background-color:var(--white);
}
.type-input th ,
.type-input td
{
	vertical-align: top;
	padding:5px;
	border-bottom:solid 1px var(--line-gray);
}
.type-input th
{
	width:20%;
	color:var(--modal-base-coclor);
	font-weight: 600;
	text-wrap: nowrap;
	word-wrap: normal;
	white-space: nowrap;
	padding-top: 8px;
}
.type-input th span.title-etc
{
	font-size: 14px;
	line-height: 14px;
	position: relative;
	top: -12px;
}
.type-input td
{
	padding-top: 8px;
	padding-bottom: 7px;
}
.type-input td i
{
	display: block;
}
.type-input td.search-input-tab-area
{
	padding: 10px;
	border-bottom: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.type-input select
{
	width: 100%;
	max-width: max-content;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.type-input td div.select-middle
{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
body.is_sp .type-input td div.select-middle
{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	align-content: flex-start;
}
.type-input td div.select-middle section
{
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
}
.type-input td div.select-middle section.right
{
	margin-left: 30px;
}
body.is_sp .type-input td div.select-middle section.right
{
	margin-top: 5px;
	margin-left: 0px;
}

.hissu {
	position: relative;
	/* フォントサイズに応じて要調整 */
	padding-right: 70px !important;
}
.hissu::after
{
	content:"必須";
	font-weight: 300;
	line-height:1;
	display: block;
	padding:3px 0;
	width:50px;
	text-align: center;
	font-size:80%;
	color:var(--white);
	background-color:var(--hissu-color);
	border-radius: 3px;
	position: absolute;
	top:14px;
	right:10px;
}

.type-input-btn-block
{
	/* background-color:#333; */
	background: #c5c4d5;
}
.type-input-btn-block.gray {background-color:var(--modal-bg-color);}
.type-input-btn-block li {margin:0 5px;}

.type-input-btn-block .FlexBoxB
{
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.type-input-btn-block .FlexBoxB.center
{
	justify-content: center;
}
.type-input-btn-block .FlexBoxB.center .FlexBoxC li
{
	margin: 0 10px;
}

.is_input.is_sp .type-input th,
.is_input.is_sp .type-input td
{
	display: block;
}
.is_input.is_sp .type-input th {width:100%; border-bottom-style:none; padding:8px 10px 0 10px;}
.is_input.is_sp .type-input td {padding:5px 10px 8px 10px;}

/* sp-break */
.is_input .sp-break
{
	display: none;
}
.is_input.is_sp .sp-break
{
	display: block;
}
/* pc-break */
.is_input .pc-break
{
	display: inline-block;
}
.is_input.is_sp .pc-break
{
	display: none;
}

.is_input .info-memo
{
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	line-height: normal;
}
.is_input .info-memo > i
{
	color: #f8b500;
	display: inline-block;
	position: relative;
	margin: 0;
}
.is_input .info-memo > i.fa-circle-info
{
	color: var(--modal-sub-color);
	display: inline-block;
	position: relative;
	margin: 0;
	font-size: 18px;
	line-height: 18px;
	top: 1px;
}
.is_search .info-memo .btn-size-S,
.is_info .info-memo .btn-size-S,
.is_input .info-memo .btn-size-S
{
	display: inline-block;
	padding: 6px 8px 4px 8px;
}
/* メモエリア（ボタンあり） */
.is_info .info-memo.btn-on,
.is_input .info-memo.btn-on,
.is_search .info-memo.btn-on
{
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: normal;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.is_info .info-memo.btn-on span i.fa-lightbulb,
.is_input .info-memo.btn-on span i.fa-lightbulb,
.is_search .info-memo.btn-on span i.fa-lightbulb
{
	color: #f8b500;
	display: inline-block;
	position: relative;
	margin: 0;
}
.is_info .info-memo.btn-on span i.fa-circle-info,
.is_input .info-memo.btn-on span i.fa-circle-info,
.is_search .info-memo.btn-on span i.fa-circle-info
{
	color: var(--modal-sub-color);
	display: inline-block;
	position: relative;
	margin: 0;
	font-size: 18px;
	line-height: 18px;
	top: 1px;
}
.is_info .info-memo.btn-on span i.fa-check,
.is_input .info-memo.btn-on span i.fa-check,
.is_search .info-memo.btn-on span i.fa-check
{
	display: inline-block;
	position: relative;
	margin: 0;
	color: var(--white);
	margin-right: 5px;
}
.is_info.is_sp .info-memo.btn-on span a.btn-size-S,
.is_input.is_sp .info-memo.btn-on span a.btn-size-S,
.is_search.is_sp .info-memo.btn-on span a.btn-size-S
{
	margin-bottom: 5px;
}
.is_info.is_sp .info-memo.btn-on span a.btn-size-S:last-child,
.is_input.is_sp .info-memo.btn-on span a.btn-size-S:last-child,
.is_search.is_sp .info-memo.btn-on span a.btn-size-S:last-child
{
	margin-bottom: 0px;
}
/* タブエリア */
.is_search .modal-tab-area,
.is_info .modal-tab-area,
.is_input .modal-tab-area
{
	display: flex;
	flex-wrap: nowrap;
	width: max-content;
	margin: 0;
	padding: 0;
}

.is_search .modal-tab-area li,
.is_info .modal-tab-area li,
.is_input .modal-tab-area li
{
	border: 0;
	margin: 0;
	margin-right: 5px;
}
.is_search .modal-tab-area li a,
.is_info .modal-tab-area li a,
.is_input .modal-tab-area li a
{
	height: 100%;
	display: inline-block;
	background-color: #7f9db8;
	padding: 5px 10px 0px 10px;
	font-size: 14px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	color: var(--white);
}
.is_search.android-access .modal-tab-area li a,
.is_info.android-access .modal-tab-area li a,
.is_input.android-access .modal-tab-area li a
{
	padding: 3px 10px 0px 10px;
}
.is_search .modal-tab-area li a.active,
.is_info .modal-tab-area li a.active,
.is_input .modal-tab-area li a.active
{
	color: var(--white);
	background: var(--modal-sub-color);
	opacity: 1;
}

.is_search .type-input.tab-on tr:first-child,
.is_info .type-input.tab-on tr:first-child,
.is_input .type-input.tab-on tr:first-child
{
	border-top: solid 3px var(--modal-sub-color);
}
.is_search .modal-tab-area-on,
.is_info .modal-tab-area-on,
.is_input .modal-tab-area-on
{
	display: contents;
}
.is_search .modal-tab-area-off,
.is_info .modal-tab-area-off,
.is_input .modal-tab-area-off
{
	display: none;
}


/*------検索用------*/

.is_search.is_sp #mdContents
{
	width:95%;
	height:90%;
}
.is_search.is_sp .modal-scroll {overflow: auto;}

.is_search.is_tab #mdContents
{
	width:95%;
	height:70%;
}
.is_search.is_tab .modal-scroll {overflow: auto;}

.is_search.is_pc #mdContents
{
	width:1000px;
	height:70%;
}
.is_search.is_pc .modal-scroll {overflow: auto;}

.is_search .modal-scroll
{
	background: #888;
	background: #bfbfbf;
}

/*検索用*/
.modal-search-area
{
	background-color:var(--white);
	padding:10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.modal-search-btn-block
{
	padding:10px;
	background-color:#f5f5f5;
	padding-top: 0px;
	padding-bottom: 0px;
}
.modal-search-btn-block li
{
	margin:0 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.search-input {width:100%;}
.search-input dt ,
.search-input dd {}
.search-input dt
{
	font-weight: 600;
	color:var(--modal-base-color);
}
.search-input dt.top-adjust
{
	position: relative;
	top: 3px;
}
.search-input dd {}
.search-inner {margin:0 30px 0 0;}
.calender-btn
{
	margin:0 0 0 5px;
	font-size:120%;
	display: inline-block;
}

.tooltip-item {display: inline; position: relative;}
.tooltip-item .fa-circle-question {color:var(--modal-sub-color); margin:0 0 0 10px;}
.tooltip-item .fa-circle-question:hover {cursor: pointer;}
.tooltip-item .tooltip {display: none; position: absolute; left:-15px; top:40px; background-color:#fff; padding:10px 15px; width:600px; border-radius: 5px; filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.2)); z-index:100;}
.tooltip-item .tooltip::before { content: ''; position: absolute; width: 25px; height: 17px; clip-path: polygon(50% 30%, 0% 100%, 100% 100%); background-color: #fff; top: -16px; left: 20px; z-index: 10;}
.tooltip-item .fa-circle-question:hover + .tooltip{display: block;}

.tooltip-item .tooltip h4 {font-weight: 600; color:var(--modal-base-color);}
.tooltip-item .tooltip ul {font-weight: 400;}

/*検索結果 - 件数表示用*/
.txt-number
{
	line-height: normal;
}
.txt-number span {font-size:140%;}

/*検索結果 - 一覧表示用*/
.search-list
{
	width:100%;
	background-color:var(--white);
	border-top:solid 1px var(--line-gray);
	/* border-right:solid 1px var(--line-gray); */
	border-collapse:separate;
}
.search-list span.no-break
{
	text-wrap: nowrap;
	word-wrap: normal;
	white-space: nowrap;
}
.search-list th , .search-list td {}
.search-list th
{
	padding:2px 5px;
	text-align: center;
	border-bottom:solid 1px var(--line-gray);
	border-left:solid 1px var(--line-gray);
	color:var(--white);
	background-color:var(--modal-sub-color);
}
.search-list td
{
	padding:5px;
	border-bottom:solid 1px var(--line-gray);
	border-left:solid 1px var(--line-gray);
	line-height: normal;
}
.search-list td:last-child
{
	border-right:solid 1px var(--line-gray);
}
.search-list a i
{
	font-size:120%;
	color: #1a9cbc;
	position: relative;
	top: 1px;
}
.search-list a i.fa-trash-can
{
	color:var(--error-color);
}
.search-list td .search-list-link
{
	color: #222;
	cursor: pointer;
}
.search-list td .search-list-link i
{
	color: var(--modal-sub-color);
	margin-left: 5px;
}
.search-list thead th:first-child
{
	border-left: solid 1px var(--modal-sub-color);
}
/* 長文の対応 */
.search-list td.long-string
{
	max-width: 450px;
	padding-right: 20px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.search-list td.long-string a i.clip-bord-icon
{
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
/* sort icon */
.search-list thead th.sort:hover {
	opacity: 0.9;
	cursor: pointer;
}
.search-list thead th.sort i.fa-sort,
.search-list thead th.sort i fa-arrow-up-z-a,
.search-list thead th.sort i fa-arrow-down-a-z
{
	margin-left: 5px;
	cursor: pointer;
}
.search-list thead th:last-child
{
	border-right: solid 1px var(--modal-sub-color);
}
.search-list thead th:first-child ,
.search-list tbody th
{
	z-index: 2;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	/* border-right:solid 1px var(--line-gray) !important; */
}
.search-list tbody th
{
	background-color:var(--pale-gray);
}
.search-list.sticky thead th
{
	position: sticky;
	position:-webkit-sticky;
	top: 0;
	z-index: 2;
}
.search-list.sticky thead th:first-child
{
	top: 0;
	z-index: 3;
}

/*検索結果 - 画像*/
.search-list td.img-preview
{
	max-width: 250px;
	width: 250px;
}
.search-list td.img-preview img
{
	max-width: 240px;
	max-height: 200px;
	vertical-align: middle;
}
body.is_sp .search-list td.img-preview img
{
	max-width: 100%;
	width: initial;
	max-height: initial;
	margin-bottom: 3px;
	border: solid 1px var(--line-gray);
}
body.is_sp .search-list td.img-preview span
{
	word-wrap: break-word;
	overflow-wrap: break-word;
	text-wrap: wrap;
}
body.is_sp .search-list td.img-preview span.img-name
{
	margin-bottom: 10px;
	display: block;
}
body.is_sp .search-list td.img-preview span.img-datetime
{
	font-size: 14px;
	text-align: right;
	display: block;
	color: var(--btn-bg-gray);
}

.scroll-wrap {}
.scroll-inner {}

.is_search .scroll-inner .search-list.nowrap
{
	white-space: nowrap !important;
}
.is_search .scroll-inner .search-list.per100
{
	white-space: normal !important;
	word-wrap: break-word !important;
}

/*スマホ表示用*/
.is_search.is_sp .scroll-inner {overflow-x: auto;}
.is_search.is_sp .scroll-inner .search-list {white-space: nowrap;}

/*検索結果 - ページ送り用*/
.search-page-prev {}
.search-page-prev ul {}
.search-page-prev ul li {margin:0 2px;}
.search-page-prev ul li a {display: block; padding:0 10px; color:var(--modal-base-color); background-color:var(--white); border:solid 1px var(--modal-base-color); border-radius: 3px;}
.search-page-prev ul li.active a {background-color:var(--modal-base-color); color:var(--white);}

/* pc-break */
body.is_search .pc-break
{
	display: block;
}
body.is_search.is_sp .pc-break
{
	display: none;
}
/* sp-break */
body.is_search .sp-break
{
	display: none;
}
body.is_search.is_sp .sp-break
{
	display: block;
}

/* 通常版 ページング */
.is_search .paging-area {
	margin: 0px 0 10px 0;
	line-height: 1;
	width: 100%;
	text-align: center;
}
.is_search .paging-area .paging-box {
	display: inline-flex;
	border: solid 1px var(--line-gray);
	width: fit-content;
	border-radius: 2px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	align-content: center;
	justify-content: center;
	align-items: center;
	background-color: var(--white);
}
.is_search .paging-area .paging-box li a {
	color: var(--modal-base-color);
	text-decoration: none;
	text-align: center;
	border-radius: 0px;
	padding: 10px 10px 10px 10px;
	/* min-width: 50px; */
	/* height: 50px; */
	background-color: var(--white);
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
	display: table-cell;
}
.is_search .paging-area .paging-box li a:hover {
	opacity: 1;
	background-color: rgb(255, 255, 255, 0.15);
}
.is_search .paging-area .paging-box li a.active {
	border: solid 1px var(--line-gray);
	background-color: rgb(255, 255, 255, 0.15);
	pointer-events: none;
}
.is_search .paging-area .paging-box li a.none {
	color: var(--modal-base-color);
	pointer-events: none;
}
.is_search .paging-area-sp {
	display: none;
}
/* スマホ版 ページング */
body.is_search.is_sp .paging-area {
	display: none;
}
body.is_search.is_sp .paging-area-sp {
	display: block;
	margin: 0px 0 10px 0;
	/* padding-bottom: 15px; */
}
body.is_search.is_sp .paging-area-sp .paging-box-sp {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 7px;
	justify-content: space-between;
	align-items: center;
	background-color: var(--white);
	align-content: center;
	flex-wrap: nowrap;
	border-radius: 2px;
	border: solid 1px var(--white);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
body.is_search.is_sp .paging-area-sp .paging-box-sp a {
	color: var(--modal-base-color);
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0px;
	vertical-align: middle;
	border: 0px;
	background-color: var(--white);
	z-index: 10;
	padding: 2px 1px 0px 1px;
}
body.is_search.is_sp .paging-area-sp .paging-box-sp a.prev {
	border-right: solid 1px var(--line-gray);
	border-radius: 2px 0px 0px 2px;
}
body.is_search.is_sp .paging-area-sp .paging-box-sp a.next {
	border-left: solid 1px var(--line-gray);
	border-radius: 0px 2px 2px 0px;
}
body.is_search.is_sp .paging-area-sp .btn-area {
	width: 25%;
	display: inline-grid;
	max-width: 80px;
	min-width: 40px;
}
body.is_search.is_sp .paging-area-sp .select-area {
	width: 70%;
	margin: 0;
	padding: 0;
	display: inline-grid;
}
body.is_search.is_sp .paging-area-sp .select-label {
	color: var(--modal-base-color);
	position: absolute;
	width: 100%;
	z-index: 1;
	right: 0;
	text-align: center;
	top: 0px;
	margin: 0;
	padding: 0;
}
body.is_search.is_sp .paging-area-sp .select-wrap {
	position:relative;
}
body.is_search.is_sp .paging-area-sp .select-wrap::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 12px;
	width: 8px;
	height: 8px;
	border-right: 1px solid var(--modal-base-color);
	border-bottom: 1px solid var(--modal-base-color);
	transform: rotate(45deg);
	pointer-events: none;
	margin: 0;
	padding: 0;
}
body.is_search.is_sp .paging-area-sp select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-weight: normal;
	border-radius: 0px;
	color: var(--modal-base-color);
	background-color: var(--white);
	width: 100%;
	text-align: center;
	text-align: -webkit-center;
	padding: 0px;
	border: 0px;
	display: block;
	opacity: 0;
	position: relative;
	z-index: 10;
	cursor: pointer;
	margin: 0;
}
body.is_search .modal-keyword-find
{
	position: relative;
}
body.is_search .modal-keyword-find input
{
	border-color: #fff;
	padding-right: 40px !important;
	background: #f5f5f5;
	border-radius: 4px;
	height: 35px;
}
body.is_search .modal-keyword-find input:focus
{
	outline: none;
	box-shadow: 0px 0px 3px 0px #333 !important;
	background: #f5f5f5 !important;
}
body.is_search .modal-keyword-find i.fa-magnifying-glass
{
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 20px;
	color: var(--btn-bg-green);
	line-height: 35px;
	cursor: pointer;
}


/*メッセージ用*/

.is_alert.is_sp #mdContents
{
	width:90%;
	height:50%;
}
.is_alert.is_tab #mdContents
{
	width:700px;
	height:450px;
}
.is_alert.is_pc #mdContents
{
	width:700px;
	height:450px;
}


.modal-message-area {background-color:var(--white); text-align: center;}
.modal-message-area hr {size:1px; margin:30px auto;}
.modal-message-area p.txt-message i
{
	display: block;
	font-size:400%;
	margin:0 auto 25px auto;
	line-height:1;
}
.modal-message-area p.txt-message i.type-confirm {color:var(--confirm-color);}
.modal-message-area p.txt-message i.type-complete {color:var(--complete-color);}
.modal-message-area p.txt-message i.type-error {color:var(--error-color);}
.modal-message-area p.txt-message i.type-alert {color:var(--alert-color);}

.modal-message-area p.txt-message.common i.type-confirm,
.modal-message-area p.txt-message.common i.type-complete,
.modal-message-area p.txt-message.common i.type-alert,
.modal-message-area p.txt-message.common i.type-error,
.modal-message-area p.txt-message.common span.memo
{
	display: none;
}

.modal-message-area ul {margin:0 auto;}
.modal-message-area ul li a {display: block;}

body .modal-message-area
{
	padding:30px 30px;
}
body .modal-message-area p.txt-message
{
	font-size:20px;
	line-height: 24px
}
body.is_tab .modal-message-area ul,
body.is_pc .modal-message-area ul
{
	width:450px;
	margin:0 auto;
}

body.is_sp .modal-message-area {padding:20px;}
body.is_sp .modal-message-area p.txt-message
{
	font-size: 16px;
	line-height: 18px
}
body.is_sp .modal-message-area ul {width:100%; margin:0 auto;}

.modal-message-area.modal-scroll
{
	overflow: auto;
}
.modal-message-area.footer
{
	background-color: #c5c4d5;
	padding: 10px 20px 10px 20px !important;
	position: sticky;
}

.modal-message-area.footer .modal-close-type1,
.modal-message-area.footer .modal-close-type2
{
	display: none;
}

body .modal-message-area.footer .btn-size-M
{
	padding: 10px 0;
}

.modal-message-area p.txt-message span.memo span.etc
{
	font-size: 17px;
	line-height: 19px
}
.modal-message-area p.txt-message span.memo > i
{
	font-size: 20px;
	color: #f8b500;
	display: inline-block;
	position: relative;
	margin: 0;
}
body.is_sp .modal-message-area p.txt-message span.memo span.etc
{
	font-size: 16px;
	line-height: 18px
}



/*汎用的な確認データ表示用*/

.is_info.is_sp #mdContents
{
	width:90%;
	height:90vh;
}
.is_info.is_tab #mdContents
{
	width:80%;
	height:70%;
}
.is_info.is_pc #mdContents
{
	width:80%;
	height:70%;
}

body.is_info
{
    line-height: normal !important;
}

body.is_info .modal-head h1
{
	top: 11px;
}

.is_info .modal-info-header,
.is_search .modal-info-header
{
	background: var(--modal-bg-color);
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 1px;
	padding-left: 8px;
	padding-right: 8px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	align-content: flex-start;
	border: solid 1px var(--line-gray);
	padding-top: 10px;
	padding-bottom: 10px;
	/* box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; */
}
.is_info .modal-info-header.dynamic,
.is_search .modal-info-header.dynamic
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	align-content: flex-start;
	flex-direction: unset;
	padding-top: 9px;
	padding-bottom: 8px;
}
.is_info.is_sp .modal-info-header.dynamic,
.is_search.is_sp .modal-info-header.dynamic
{
	padding-top: 0;
	padding-bottom: 10px;
}
.is_info .modal-info-header.dynamic > div,
.is_search .modal-info-header.dynamic > div
{
	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.is_sp.is_info .modal-info-header.dynamic > div,
.is_sp.is_search .modal-info-header.dynamic > div
{
	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.is_info .modal-info-header > div > span.title,
.is_search .modal-info-header > div > span.title
{
	display: inline-block;
	width: 120px;
	margin: 0px;
	margin-right: 5px;
	padding: 5px 10px 2px 10px;
	border-radius: 2px;
	text-wrap: nowrap;
	word-break: keep-all;
	overflow-wrap: break-word;
	white-space: nowrap;
}
.is_info .modal-info-header.dynamic > div > span.title,
.is_search .modal-info-header.dynamic > div > span.title
{
	width: unset;
}
.is_info.is_sp .modal-info-header.dynamic > div > span.title,
.is_search.is_sp .modal-info-header.dynamic > div > span.title
{
	padding-top: 0;
	padding-bottom: 0;
}
.is_info .modal-info-header > div > span.detail,
.is_search .modal-info-header > div > span.detail
{
	background: var(--white);
	padding: 5px 10px 2px 10px;
	border-radius: 2px;
	display: inline-block;
	min-width: 100px;
	line-height: normal;
}
.is_info .modal-info-header.dynamic > div,
.is_search .modal-info-header.dynamic > div
{
	margin-right: 30px;
}
.is_info .modal-info-header.dynamic > div:last-child,
.is_search .modal-info-header.dynamic > div:last-child
{
	margin-right: 0px;
}

.is_search .info-memo,
.is_info .info-memo
{
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
}
.is_search .info-memo > i,
.is_info .info-memo > i
{
	color: #f8b500;
	display: inline-block;
	position: relative;
	margin: 0;
}
.is_search .info-memo > span > i.fa-circle-info,
.is_info .info-memo > i.fa-circle-info
{
	color: var(--modal-sub-color);
	display: inline-block;
	position: relative;
	margin: 0;
	font-size: 18px;
	line-height: 18px;
	top: 1px;
}

.is_info .modal-info-message {background-color:var(--white); text-align: center;}
.is_info .modal-info-message hr {size:1px; margin:30px auto;}
.is_info .modal-info-message p.txt-message i
{
	display: block;
	font-size:400%;
	margin:0 auto 25px auto;
	line-height:1;
}

.is_info .modal-info-message ul {margin:0 auto;}
.is_info .modal-info-message ul li a {display: block;}

.is_info .modal-info-message
{
	margin:0 !important;
	padding:0 !important;
}
.is_info .modal-info-message p.txt-message
{
	font-size:20px;
	line-height: 24px
}
.is_info.is_tab .modal-info-message ul,
.is_info.is_pc .modal-info-message ul
{
	width:450px;
	margin:0 auto;
}

.is_info.is_sp .modal-info-message {padding:20px;}
.is_info.is_sp .modal-info-message p.txt-message
{
	font-size: 16px;
	line-height: 18px
}
.is_info.is_sp .modal-info-message ul {width:100%; margin:0 auto;}

.is_info .modal-info-message.modal-scroll
{
	overflow: auto;
}
.is_info .modal-info-message.footer
{
	background-color:var(--modal-bg-color);
	padding: 0px 20px 20px 20px !important;
	position: sticky;
}

.is_info .modal-info-message.footer .modal-close-type1,
.is_info .modal-info-message.footer .modal-close-type2
{
	display: none;
}

.is_info .modal-info-message.footer .btn-size-M
{
	padding: 10px 0;
}

.is_info .scroll-inner
{
	padding: 15px 10px 15px 10px;
	overflow: auto;
	width: max-content;
	min-width: 100%;
}
/* 横幅をモーダルに合わせる場合 */
.is_info .scroll-inner.autofit
{
	width: 100%;
	min-width: 100%;
}

.is_info .search-list
{
	width: 100%;
	background-color:var(--white);
	border-top:solid 1px var(--line-gray);
	border-collapse:separate;
}
.is_info .search-list th,
.is_info .search-list td
{

}
.is_info .search-list th
{
	padding:2px 5px;
	text-align: center;
	border-bottom:solid 1px var(--line-gray);
	border-left:solid 1px var(--line-gray);
	color:var(--white);
	background-color:var(--modal-sub-color);
}
.is_info .search-list td
{
	padding:5px;
	border-bottom:solid 1px var(--line-gray);
	border-left:solid 1px var(--line-gray);
}
.is_info .search-list td:last-child
{
	border-right:solid 1px var(--line-gray);
}
.is_info .search-list a i
{
	font-size:120%;
}
.is_info .search-list a i.fa-trash-can
{
	color:var(--error-color);
}
.is_info .search-list td a i
{
	color: #1a9cbc;
	position: relative;
	top: 1px;
}
.is_info .search-list thead th:first-child
{
	border-left: solid 1px var(--modal-sub-color);
}
.is_info .search-list thead th:last-child
{
	border-right: solid 1px var(--modal-sub-color);
}
.is_info .search-list thead th:first-child ,
.is_info .search-list tbody th
{
	z-index: 2;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	/* border-right:solid 1px var(--line-gray) !important; */
}
.is_info .search-list tbody th
{
	background-color:var(--pale-gray);
}

.is_info .search-list.even-color tbody:nth-child(odd),
.is_search .search-list.even-color tbody:nth-child(odd)
{
	background-color: rgb(0, 0, 0, 0.05);
}

/* アクティブ行 */
.is_info .search-list tbody.active,
.is_search .search-list tbody.active
{
	background: #fffacd !important;
}

/* sp-break */
.is_info .sp-break
{
	display: none;
}
.is_info.is_sp .sp-break
{
	display: block;
}
/* pc-break */
.is_info .pc-break
{
	display: inline-block;
}
.is_info.is_sp .pc-break
{
	display: none;
}

/* last update */
body.bgModal .last-update-area
{
	display: block;
	text-align: right;
	margin: 0;
	line-height: normal;
	font-size: 14px;
	height: 25px;
	padding: 0;
	background: var(--modal-bg-color);
	padding-right: 15px;
}

/* ファイル選択 */
body.bgModal .input-form-file-area > a
{
	display: inline-block;
	line-height: 16px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	color: #1e50a2;
	text-decoration: underline;
}
body.bgModal .input-form-file-drag-area {
	cursor: pointer;
	background-color: var(--pale-gray);
	border: dashed 2px var(--line-gray);
	border-radius: 2px;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: space-around;
	flex-wrap: wrap;
}
body.bgModal .input-form-file-drag-inner {
	position: relative;
	top: 0;
}
body.bgModal .input-form-file-drag-inner .fa {
	color: var(--line-gray) !important;
	font-size: 60px !important;
}
body.bgModal .input-form-file-drag-inner p.input-form-file-drag-msg-area {
	color: var(--line-gray);
	margin: 0;
	font-weight: normal;
	padding: 0;
	margin-top: 5px;
}
body.bgModal.is_sp .input-form-file-drag-area {
	height: 80px;
}
body.bgModal.is_sp .input-form-file-drag-inner .fa {
	font-size: 40px !important;
}
body.bgModal .input-form-file-drag-inner p.input-form-file-drag-msg-area .for-sp
{
	display: none !important;
}
body.bgModal .input-form-file-drag-inner p.input-form-file-drag-msg-area .for-pc
{
	display: block !important;
}
body.bgModal.is_sp .input-form-file-drag-inner p.input-form-file-drag-msg-area .for-sp
{
	display: block !important;
}
body.bgModal.is_sp .input-form-file-drag-inner p.input-form-file-drag-msg-area .for-pc
{
	display: none !important;
}
body.bgModal .input-form-file-drag-inner input[type="file"] {
	opacity: 0.5;
	position: relative;
	top: 0;
	left: 0;
	display: contents;
}
body.bgModal .input-form-file-drag-inner .input-form-drag-msg1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 16px;
}
body.bgModal .input-form-file-drag-inner .input-form-drag-msg2 {
	margin: 0;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 14px;
}

/* 最大化アイコンなど */
body.bgModal .modal-head a.multi-btn
{
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 57px;
	height: 36px;
	width: 36px !important;
	line-height: 36px;
	background: var(--modal-sub-color);
	text-align: center;
	border-radius: 3px;
}
body.bgModal .modal-head a.multi-btn i.fa-square-full,
body.bgModal .modal-head a.multi-btn i.fa-window-restore
{
	color: var(--white);
	font-size: 18px;
	position: relative;
	line-height: 18px;
	top: 2px;
}
body.bgModal.android-access .modal-head a.multi-btn i.fa-square-full,
body.bgModal.android-access .modal-head a.multi-btn i.fa-window-restore
{
	top: 0px;
}
body.bgModal .modal-head a.multi-btn.modal-minimize
{
	display: none;
}

body.bgModal #mdContents.modal-maximize-on
{
	width:100% !important;
	height:100% !important;
}

body.bgModal #mdContents.scroll-auto
{
	overflow: auto;
}
body.bgModal #mdContents.scroll-auto .scroll-inner
{
	overflow: unset;
}