@charset 'UTF-8';
.table-scroll tbody td{white-space: nowrap;}

/***** user.html table
*****************************************************/
a.sort-up-down{
	display: inline-block;
	text-decoration:none;
	position: relative;
	width: 100%;
	text-decoration:none;
	color:inherit;
	padding:0px 20px 0px 0px;
}
.sort-up-down .fa-sort-down{
	position: absolute;
	bottom:-4px;
	right: 0;
	font-size: 20px;
	color:#4080C3;
}
.sort-up-down .fa-sort-up{
	position: absolute;
	top:-4px;
	right: 0;
	font-size: 20px;
	color:#B7B7B7;
}
.sort-up-down.sort__up .fa-sort-down{color:#B7B7B7;}
.sort-up-down.sort__up .fa-sort-up{color:#4080C3;}
thead th .username-selecter{max-width: 110px; min-width: 110px;}
thead th .userrole-selecter{width: 135px;}
td.comment-td{
	max-width: 475px;
	overflow: hidden;
}
td.userrole{
	max-width: 100px;
	white-space: nowrap;
}
td.comment-td span{
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.usermail,.userftp{color: #A5A49D;}
.user tbody td{vertical-align: middle;}
.pagesbuttongroupe{float:right;text-align: right;}
.pagesbuttongroupe .button:not(:last-of-type){
	margin-right:0.5rem;
}
.usersearchgroup{
	float:right;
	display: flex;
	justify-content: flex-end;
	flex-wrap:  wrap;
	width: 50%;
}
.userdeletebutton{float:left;}
.usersearcinput input[type=search],
.usersearcinput input[type=submit]{
	-webkit-appearance:none;
	appearance:none;
}
.usersearcinput{
	display: flex;
	position: relative;
	width: 50%;
	margin-right:0.71rem;
}
.usersearcinput input[type=search]{
	box-sizing: border-box;
	border-radius: 4px;
	border:1px solid #CCCCCC;
	width: 100%;
	max-width: 280px;
	height: 38px;
	margin-bottom:0;
	position: absolute;
	right: 0;
}
.usersearcinput input[type=submit]{
	align-items: stretch;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	border:1px solid #CCCCCC;
	color: #4080C3;
	padding:0.5rem 1rem;
	position: absolute;
	right: 0;
	height: 38px;
	margin-bottom:0.71rem;
	background:#fff;
}
.usershowgroup{width: 20%;}
.usershowgroup select{
	border:1px solid #CCCCCC;
	box-sizing: border-box;
	border-radius: 4px;	
	height: 38px;
	width: 100%;
	max-width: 120px;
	margin-bottom:0.71rem;
	float: right;
}
.userdeletebutton{
	margin-bottom:0;
	margin-top: 1rem;
	margin-right: 0.5rem;
}

@media screen and (max-width: 39.9375em) {
	.pagesbuttongroupe{text-align: right;}
	.usersearchgroup{
		width: 100%;
	}
	.usersearcinput{
		width: 100%;
		margin-right:0;
		margin-bottom: 0.71rem;
		height: 38px;
	}
	.usersearcinput input[type=search]{
		height:47px;
		right: -1rem;
	}
	.usersearcinput input[type=submit]{
		height:47px;
		padding:0.5rem 1.5rem;
		right:-0.3rem;
	}
	.usershowgroup{
		width: 40%;
		height: 47px;
		position: relative;
		margin-bottom:1rem;
	}
	.usershowgroup select{
		height: 47px;
		max-width: 140px;
		position: absolute;
		right: -0.5rem;
	}
	.userdeletebutton,
	.button.filemanagereditbutton {
		margin-bottom:1rem;
		margin-top:0;
	}
}
/***** SP .scroll-table-wrap
*****************************************************/
@media screen and (min-width: 40em){
.scroll-table-wrap .scroll-hint-wrap{display:none;}
}
@media screen and (max-width: 39.9375em) {
	.scroll-table-wrap{
		width: 100%;
		overflow-y:hidden;
		position: relative;
	}
	.scroll-table-wrap.header-fixed-table-wrap{overflow-y:auto;}
	.scroll-table-wrap .scroll-hint-wrap{
		width: 100%;
		height: 100%;
		position: absolute;
		top:10px;
		left:0;
		z-index: -1;
	}
	.scroll-table-wrap .scroll-hint-wrap.is-active{
		z-index: 0;
	}
	.scroll-table-wrap .scroll-hint-wrap .scroll-hint-icon{
		display: inline-block;
		border-radius: 4px;
		background:rgba(10,10,10,0.6);
		padding:10px;
		position: absolute;
		top:30%;
		left:50%;
		width: 123px;
		height: 90px;
		transform: translateX(-50%) translateY(-50%);
		opacity:0;
		transition:opacity .3s;
	}
	.scroll-table-wrap.is-active .scroll-hint-wrap.is-active .scroll-hint-icon{opacity:1;}

	.scroll-table-wrap .scroll-hint-wrap .scroll-hint-icon{position: relative}
	.scroll-table-wrap .scroll-hint-wrap .scroll-hint-icon .scroll-hint-text{
		font-size: 0.78rem;
		color:#fff;
		display: inline-block;
		text-align: center;
		position: absolute;
		bottom: 10px;
	}	
	.scroll-table-wrap.is-active .scroll-hint-wrap .scroll-hint-icon:before{
		display: block;
		content:'';
		width: 34px;
		height: 38px;
		background-image:url(/assets/img/icon/hand-point-up.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		position: absolute;
		top:50%;
		left:50%;
		transform: translateX(-50%) translateY(-50%);
		animation: scrollfinger .7s .5s linear;
		animation-iteration-count:2;
	}
	.scroll-table-wrap.is-active .scroll-hint-wrap .scroll-hint-icon:after{
		display: block;
		content:'';
		width: 34px;
		height: 14px;
		background-image:url(/assets/img/icon/arrows-alt-h.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top:10px;
		left:50%;
		transform: translateX(-50%);
		animation: scrollarrowfadein .3s linear;
	}
}
@keyframes scrollarrowfadein{
	0%{
		opacity: 0;
	}
	90%{
		opacity: 0;
	}
	100%{
		opacity:1;
	}
}
@keyframes scrollfinger{
	0%{
		transform:translateX(30px) translateY(-50%);
		opacity:0;
	}
	10%{
		opacity:1;
	}
	100%{
		transform:translateX(-55px) translateY(-50%);	
		opacity:0;
	}
}

/***** user_new.html 
*****************************************************/
.user_newEditor.morebox{
	margin-top: 30px;
}
.user_newEditor.morebox .button{margin-bottom:0;}
.more_user_new_box{
	text-align: center;
	margin:30px 0;
	cursor: pointer;
}
.more_user_new_box .more_user_new_text{
	display: inline-block;
	color:#4080C3;
}

.account_callout{
	margin-bottom: 1rem;
	padding: 1em;
	border: 1px solid #E4E4E4;
	border-radius:4px;
	background: #FFFDE3;
	font-size: 1rem;
	}

/***** csv.html
*****************************************************/
.fileupload-lists{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.fileupload-lists li{
	margin:0 0.5rem;
}
.fileupload-lists li.input-li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.fileupload-lists li.input-li [type='file']{
	display: none;
}
.fileupload-lists li.input-li .button{
    padding: 0.85rem 1rem;
}
.fileupload-lists li .button,
.fileupload-lists li [type='file']{margin: 0 0 0 0;}
.row-dl dd textarea{
	min-height: 90px;
}
.fileupload-lists li.input-li p{
	margin-left: 0.5em;
	margin-bottom: 0;
}
@media screen and (max-width: 39.9375em) {
	.fileupload-lists{
		display: block;
		text-align: center;
	}
	.fileupload-lists li{display: block;}
	.fileupload-lists li.input-li{
		display: block;
		text-align: center;
	}
}

/***** ftp.html table
*****************************************************/
thead th .ftpaccount-selecter{max-width: 135px;}
tbody td.ftpaccount{
		width: 15%;
	    padding: 0.5rem 0.625rem 0.625rem 1.42rem;
}


/***** .progress-meter
*****************************************************/
.progress{
	height: 20px;
	background-color: #E4E9EB;
	border-radius: 20px;
	border: 1px solid #D1D1D1;
	outline: none;
	}
.progress-meter{
	background-color: #95B6CE;
	border-radius:  20px 0 0 20px;
	transition: width .3s linear;
	}


/***** .switch
*****************************************************/
.switch{
	display: inline-block;
	position:relative;
	padding: 0 4rem;
	font-size: 1rem;
	font-weight: normal;
	}
	.switch > span{
		position: absolute;
		top: .5rem;
		vertical-align: 1rem;
		margin: 0 .5rem;
		color: #B7B7B7;
		}
	.switch > .off{
		left: 0;
		}
	.switch > .on{
		right:0;
		}
	input:checked ~ .off{
		color: #B7B7B7;
		}
	input ~ .off,
	input:checked ~ .on{
		color: #000;
		}
.switch-paddle{
	width: 70px;
	height: 35px;
	border-radius: 35px;
	background:#BFBFBF;
	border:1px solid #AFAFAF;
	}
input:checked ~ .switch-paddle{
	border-color: #3876B7;
	}
	.switch-paddle::after{
		width: 28px;
		height: 28px;
		top: 2px;
		left: 0.25rem;
		border:1px solid #AFAFAF;
		border-radius: 50%;
		}
	input:checked ~ .switch-paddle::after {
		left: 38px;
		border-color: #3876B7;
		}


/***** /mail/
*****************************************************/

thead th .maillist-selecter{max-width: 200px;}
thead th .mail-selecter{max-width: 130px;}
.mailcheckbox{
	width: 2%;
    min-width: 31px;
}
@media screen and (min-width: 40em) {
.usersearchgroup.mail{
	width: 100%;
	margin: 2rem 0 1rem;
}
.usersearchgroup.mail .usersearcinput{
	margin-right: 1rem;
	}
.usersearchgroup.mail .usershowgroup{
	width: auto;
	}
}

.mail-content{
	margin-left: -24px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 24px;
	padding-left: 24px;
	padding-right: 30px;
	background: #fff;
	border-top: 2px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	}
@media screen and (max-width: 39.9375em) {
.mail-content{
	padding-top: 1rem;
	margin-left: -.4rem;
	margin-right: -.4rem;
	padding-left: .4rem;
	padding-right: .4rem;
	}
}

.tab-nav{
	}
	.tab-nav a{
		border-style: solid;
		border-width: 2px;
		border-right-color: #F0F0F0;
		border-left-color: #F0F0F0;
		border-top-color: #F0F0F0;
		border-bottom-color: #cacaca;
		background:rgba(0,0,0,0.1);
		border-radius: 4px 4px 0 0;
		}
	.tab-nav .is-active a,
	.tab-nav a:hover{
		border: 2px solid #cacaca;
		border-bottom: 2px solid #fff;
		color: #4080C3;
		background: #fff;
		text-decoration: none;
		}
	.tab-nav li{
		margin-bottom: -2px;
		}
@media screen and (min-width: 40em) {
	.tab-nav li{
		max-width: 18rem;
	}
	.tab-nav a{
		padding: 1.2em;
		}
		.tab-nav a > br{
			display: none;
			}
}
@media screen and (max-width: 61.25em) {
	.tab-nav li{
		font-size:0.9rem;
	}
	.tab-nav a{
		height: 60px;
		padding: 1.2em .8rem;
		}
}
@media screen and (max-width: 39.9375em) {
	.tab-nav ul li{
		font-size: 10px;
		}
	.tab-nav a{
		min-height: 3rem;
		height: 45px;
		padding: 1.2em 0 0;
		}
}
.table-border{
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
.table-border thead tr th,
.table-border thead tr td{
	border-bottom: 2px solid #dbdbdb;
	}
.table-border tbody tr th,
.table-border tbody tr td{
	border-bottom: 1px solid #dbdbdb;
	}
.table-border tbody tr th{
	text-align: left;
	}

.reveal .table-border{
	box-shadow: none;
	}
.reveal .table-border tbody tr th,
.reveal .table-border tbody tr td{
	padding: 1em;
	}

.table-hover tbody tr:hover{
	background-color: #EFF7FF;
	}

.nav-button{
	text-align: center;
	}
@media screen and (min-width: 40em) {
.nav-button{
	text-align: right;
	}
	.nav-button .button{
		margin-left: 1rem;
		}
}

@media screen and (min-width: 64em) {
#mailDetailModal table th{
	width: 14em;
	}
}
#mail_password{
	display: inline-block;
	min-width: 10em;
	}

/***** mail_stop.html
*****************************************************/
@media screen and (max-width: 39.9375em) {
	.mailstopswitchcell{margin-top:0.71rem; }
}

/***** mail_list_new.html
*****************************************************/
html.is-reveal-open .container-main{
	height: auto;
	}
.mail_newEditor.morebox{
	margin-top: 30px;
	}
	.mail_newEditor.accordion a.ttl-h2{
		display: block;
		color: #000;
		}
		.mail_newEditor.accordion a.ttl-h2::before{
			display:inline-block;
			width: 12px;
			height: 12px;
			vertical-align: 3px;
			margin-right: 8px;
			border: none;
			border-bottom: 4px solid #A5A49D;
			border-left: 4px solid #A5A49D;
			border-top: 4px solid  transparent; 
			border-top-style:none;
			transform: rotate(-45deg);
			transition-property:transform;
			transition-duration: .3s;
			content:'';
			}
		.mail_newEditor.accordion a.ttl-h2[aria-selected=true]::before{
			-webkit-transform: rotate(135deg);
			}
	.mail_newEditor.accordion .accordion-content{
		border: none;
		padding: 0;
		}
/***** mail_filter.html
*****************************************************/
/*.callout.mailaddress dl{
	display: flex;
}
.mailaddress dl dt,.mailaddress dl dd{
	font-size:1.42rem;
	font-weight: 500;

}*/

/***** mail_virtual.html
*****************************************************/

thead th .virtualmail-selecter{max-width: 220px;}

/***** mail_virtual_new.html
*****************************************************/
.form-dd .transfer_box,
.form-dd .transfer_box_more{
	margin:1rem 0;
	}
@media screen and (min-width: 40em) {
.form-dd .transfer_box_more > input[type=email]{
	display: inline-block;
	width: calc(100% - 5.5rem);
	margin: 0 1rem 0 0;
	}
}
@media screen and (max-width: 39.9375em) {
.form-dd .transfer_box_more > input[type=email]{
	display: inline-block;
	width: calc(111% - 5.2rem);
	margin-left: calc(-11% + 1.4rem);
	margin-right: -.5rem;
	}
}
.form-dd .transfer_box_more > input[type=email] + .button{
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
.transfer_more{
	display: inline-block;
	margin-bottom: 1rem;
	color: #4080C3;
	cursor: pointer;
	}
.transfer_more:hover{
	text-decoration: underline;
	}


/***** mail_filter.html/mail_filter_new.html
*****************************************************/
.store_buttongroup_wrap{
	margin-top: 30px;
	}
.mail_filter{
	}
.mail_filter_callout{
	margin-bottom: 2rem;
	padding:1em;
	border: 1px solid #E4E4E4;
	border-radius:4px;
	background: #FFFDE3;
	font-size: 1.5rem;
	}
.mail_filter_callout .form-dd{
	word-break: break-all;
}
.mail_filter textarea{
	height: 8em;
	margin-top: 1rem;
	margin-bottom: 1rem;
	}
@media screen and (min-width: 40em){
.mail_filter textarea{
	padding: 1.5em 2em;
	}
}
textarea.disabled{
	background: #F4F4F4;
}
.mail_filter .form-dd label{
	font-size: 1rem;
	}
.matching-input .form-dd input[type=text],
.matching-input .form-dd input[type=number],
.matching-input .form-dd select{
	width: auto;
	margin-right: 1rem;
	margin-bottom: 1rem;
	display: inline-block;
	}
.x_header input{
	margin-left: 1rem;
	}
.td-sort{
	width: 2.7rem;
	text-align: center;
	}
	.td-sort .button{
		width: 1.7rem;
		height: 1.7rem;
		padding: 0;
		border-radius: 50%;
		}
@media screen and (max-width: 39.9375em) {
.matching-input .form-dd input[type=text],
.matching-input .form-dd input[type=number]{
	max-width: calc(100% - 9.1rem);
	margin-right: 0;
	margin-left: 0;
	}
	.matching-input .form-dd select{
		/*
		margin-left:-.7rem;
		*/
		margin-left: 0;
	}
.x_header{
	display: block
	}
.x_header input{
	margin-left: 0 !important;
	}
}
@media screen and (max-width: 20em){
/*320px under*/



}

/***** /web
*****************************************************/
.webInfo .documentroot-path{word-break: break-all;}
.webInfo .servercertificate-lists li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;

}
.webInfo .servercertificate-lists li a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 600px;
    /*width: 55%;*/
    white-space: nowrap;
}
.webInfo .servercertificate-lists li .certificate-period .label{
	margin-left: .5rem;
	width: 55px;
}
.webInfo .switch {
    padding: 0;
    font-size: 1rem;
    font-weight: normal;
}
.webInfo .switch-paddle{
	    background:#F5F5F2;
	    border:#D1D1D1 1px solid;
	    border-radius: 12px;
        width: 100%;
	    max-width: 140px;
	    height: 2rem;
}
.webInfo .switch-active{
	display: block;
	right:1.5rem;
	left: auto;
	z-index: 2;
	color: #A7A598;
}
.webInfo .switch-inactive {
	left:1.5rem;
	right: auto;
	z-index: 2;
	color: #fff;
}
.webInfo .switch-paddle::after {
    position: absolute;
    top: 0rem;
    left: 0rem;
    display: block;
    width: 50%;
    height: 100%;
    border-radius: 12px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #fefefe;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    content: '';
    color: #fff;
 	background:#4080C3;
}
.webInfo input:checked ~ .switch-paddle {
    background:#F5F5F2;
    color:#fff;
    border-color:#D1D1D1;
}
.webInfo input:checked ~ .switch-paddle::after {
    left:auto;
    right: 0;
}
.webInfo input:checked + label > .switch-inactive {
    display: block;
    color: #A7A598;
}
.webInfo input:checked + label > .switch-active {color: #fff;}
.webInfo .prevServer-switch a{
	display:inline-block;
	line-height: 1.2;
	margin-bottom:10px;
}

/***** /web/filemanager
*****************************************************/
.dirlists{margin-bottom: 1rem;}
.dirlists li{display: inline-block;}
.dirlists li:not(:last-child):after{
	display:inline-block;
	content:'/';
	color: #cacaca;
	margin:0 0.75rem;
	position: relative;
}
.dirlists li svg,
.filemanager-tbody td svg{
	color: #A5A49D;
	margin-right: 0.5rem;}
.filemanager-tbody td.filename span{
		display: inline-block;
	    width: 100%;
	    overflow: hidden;
		text-overflow: ellipsis;
	}
@media screen and (min-width: 40em){
	.filemanager{
		display: block;
		width: 100%;
		overflow-y:hidden;
		max-height: 988px;
	}
	.filemanager-fixed-header{width:100%;display:block;overflow-y:hidden;}
	.filemanager-fixed-header tr{width:100%;display:flex;overflow-x: scroll;}

	.filemanager-fixed-header{height: 53px;}
	.filemanager-fixed-header tr{
		height:calc(100% + 17px;);
		padding-bottom: 17px;
	}
	/*.filemanager-fixed-header::webkit-scrollbar,
	.filemanager-fixed-header tr::webkit-scrollbar{display:none;}*/
	.filemanager-fixed-header th{white-space: nowrap; /*display: inline-block;*/}
	.filemanager-fixed-header th:first-child{width:50px;min-width:45px;padding-top:16px;}
	.filemanager-fixed-header th.filename{width: 40%;min-width:200px;max-width:700px;}
	.filemanager-fixed-header th.filename .username-selecter {max-width: 700px;}
	.filemanager-fixed-header th.filepermission{width: 10%;line-height:40px;min-width:130px;text-align: center;flex-grow: 2;}
	.filemanager-fixed-header th.filesize{width: 10%;min-width: 120px;flex-grow: 2;}
	.filemanager-fixed-header th.fileupdate{width: 20%;min-width: 120px;flex-grow: 2;}
	.filemanager-fixed-header th:last-child{min-width: 76px;}

	.filemanager-tbody{
		display: block;
		height: 1000px;
	}
	.filemanager-tbody{
		width: 100%;
		height: calc(100% - 100px);
		max-height: calc(1000px - 100px);
		overflow: hidden;
		overflow-y:scroll;
		overflow-x: scroll;
	}
	.filemanager-tbody tr{width: 100%;display:flex;align-items:center;}
	.filemanager-tbody tr:nth-child(even),
	.filemanager-tbody tr:nth-child(odd){border-bottom: 1px solid #dbdbdb;}
	tbody.filemanager-tbody .top-column{width: 100%;/*display:table-row;*/border-bottom: 1px solid #dbdbdb;}
	tbody.filemanager-tbody .top-column td{border-bottom:none;}
	.filemanager-tbody td{white-space: nowrap;}
	.filemanager-tbody td:first-child{width:50px;min-width:45px;}
	.filemanager-tbody td.filename{width: 40%;min-width:200px;max-width:700px;overflow: hidden;}
	.filemanager-tbody td.filepermission{width: 10%;line-height:40px;min-width:130px;flex-grow: 2;}
	.filemanager-tbody td.filesize{width: 10%;min-width: 120px;flex-grow: 2;}
	.filemanager-tbody td.fileupdate{width: 20%;min-width: 120px;flex-grow: 2;}
	.filemanager-tbody td:last-child{min-width: 76px;}

	.button.filemanagereditbutton {
	    margin-top: 1rem;
	    margin-right: 0.5rem;
	}
}
@media screen and (max-width: 62.500em) {
	.filemanager-fixed-header tr,
	tbody.filemanager-tbody .top-column,
	.filemanager-tbody tr{width:calc(100% + 696px);}
}
@media screen and (max-width: 39.9375em) {
	.table-scroll.scroll-table-wrap.header-fixed-table-wrap {
	    width: 100%;
	    max-height: 980px;
	    position: relative;
	}
	tbody.filemanager-tbody .top-column{display:table-row;}
	.pagesbuttongroupe.filemanagerbuttongroupe .button:not(:last-of-type){margin-right: 0;}
	.filemanager-tbody tr:nth-child(even),
	.filemanager-tbody tr:nth-child(odd){border-bottom: 1px solid #dbdbdb;}
	.filemanager-fixed-header th.filename .username-selecter {max-width: 200px;}
	.filemanager-fixed-header th.filesize{min-width: 110px;}
	.filemanager-tbody td{white-space: nowrap;}
	.filemanager-tbody td.filename{
		width: 30%;
		max-width:200px;
		overflow:hidden;
	}
}
/***** /web/filemanager/new_file/
*****************************************************/
@media screen and (min-width: 40em){
	.form-dd input[type=text].radio_other_input{width: 20%;}
	.form-dd select.small-select,.form-dd input[type=tel].small-inputText{width: 15%;}

	.permission_check_group{
		max-width: 230px;
		display: flex;
		justify-content: space-between;
	}
	.sp-label-box{padding: 10px 10px;}
	.permission_check_group .sp-label-box{padding: 0;}
}
@media screen and (max-width: 39.9375em) {
	.form-dd.radio-select .radio-select-box.extention-radio{display: block;	}
	.sp-label-wrapper{
		display:block;
		position: relative;
		width: 100%;
		height: 54px;
		margin-bottom: 5px;
	}
	.sp-label-wrapper input[type=radio],
	.sp-label-wrapper input[type=checkbox]{
		display:block;
	    width: 1rem;
	    height: 1rem;
	    position: absolute;
	    left: 1rem;
	    top: 1.5rem;
	    z-index: 4;
	}
	[type='checkbox'] + label.sp-label-box, [type='radio'] + label.sp-label-box{
		display:block;
		position:absolute;
		width: 100%;
		border-radius: 4px;
	    border: 2px solid #CACACA;
	    background-color: #fff;
	    padding: 1rem 0 0.8rem 2.5rem;
	    margin-right: 0;
	    margin-left: 0;
	    font-size: 1rem;
	    margin-bottom: 5px;
	    z-index: 3;
	}
	input[type=radio]:checked + .sp-label-box,
	input[type=checkbox]:checked + .sp-label-box {
	    border: 2px solid #4080C3;
	    background-color: #EFF7FF;
	    color: #4080C3;
	}
	.permission_check_group{
		display: flex;
		justify-content: space-between;
	}
	.permission_check_group .permission_check_lists{
		width: 32%;
	}
	textarea.newCodetextArea{
		margin-bottom: 0;
	    width: 111%;
	    max-width: 111%;
        margin-left: calc(-11% + 1.07rem);
	}

}
/***** /web/filemanager/edit_file/
*****************************************************/
.edit_filebuttongroup .button{margin-right: 0.5rem;}

/***** /web/customerror/
*****************************************************/
label.inputtext-label{
	display: inline-block;
	max-width: 100px;
	margin-right: 0.5rem;
}
label.inputtext-label + input[type=text]{
	display: inline-block;
	width: calc((100%) - (0.5rem + 100px));
}
/*label.inputtext-label.indent-label + input[type=text]{width:100%;}*/
label.inputtext-label.indent-label{text-indent:1.5rem;}
/*.customerror label.inputtext-label.indent-label + input[type=text]{width: calc((100%) - (2rem + 100px));}*/
@media screen and (min-width: 40em){
	.customerror .form-dd.radio-select .label-box{
	    width: 100%;
	    max-width: 360px;
	}
	.customerror label.inputtext-label.indent-label + input[type=text]{width: calc((100%) - (2rem + 100px));}
}
@media screen and (max-width: 39.9375em) {
	label.inputtext-label + input[type=text]{margin-left:0;}	
	label.inputtext-label.indent-label{text-indent:0;}
	label.inputtext-label + input[type=text]{
		display: inline-block;
		width: calc((111%) - (0.5rem + 100px));
	}
}

/***** /web/filemanager/cron/
*****************************************************/

table.cron thead th.second-th{width: 38%;min-width: 360px;}
table.cron thead th.third-th{width: 50%;min-width: 360px;}
table.cron thead th.checkbox-th{width: 2%;min-width: 31px;}
table.cron thead th.editor-th{width:10%;max-width: 140px;}
table.cron thead th.second-th select,
table.cron thead th.third-th select{max-width: 130px;min-width: 130px;}
table.cron tbody td.editor-td .button{margin-right:0;margin-left: auto;}

/***** /web/filemanager/cron/new/
*****************************************************/
.form-dd.radio-select-available .radio-select-box .flex{display: flex;}
.icon-calender{color:#A5A49D;}
@media screen and (min-width: 40em){
	.form-dd.radio-select > div.mb-20{margin-bottom: 20px;}
	.form-dd.radio-select-available .radio-check-box .checkbox.weekday-check .sp-label-wrapper{width:60px;}
	.form-dd.radio-select-available .radio-check-box .checkbox.weekday-check .sp-label-box{padding: 10px 0;}
	.cron_new .radio-select-box{margin-bottom: 20px;}
}
@media screen and (max-width: 39.9375em) {
	.form-dd.radio-select-available .radio-select-box .flex{width: 100%;}
	.form-dd.radio-select-available .radio-check-box .checkbox.weekday-check{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	.form-dd.radio-select-available .radio-check-box .checkbox.weekday-check .sp-label-wrapper {width: 32%;}
	.cron_new .form-dd .mb-20{margin-bottom: 20px;}
}
/***** /web/mirror/
*****************************************************/
	.form-dd.select-mirrorDir{
		display: flex;
		align-items:center;
		flex-wrap: wrap;
	}
	.mirror .form-dd .form-dl{align-items:center;}
	.mirror .form-dd .form-dl .form-dt label{
		font-weight:bold;
	}
	.mirror .form-dd .input-show .icon-eye-button {
	    right: 0.8rem;
	    top: 1rem;
	}
@media screen and (min-width: 40em){
	.mirror .form-dl.pt-0{
		align-items:baseline;
		padding-top:5px;
	}
	.form-dd.select-mirrorDir select,
	.form-dd.select-mirrorDir input[type=text]{
		width: 31%;max-width:280px;
	}
	.form-dd.select-mirrorDir select + span{padding:0 0.5rem;}
	.mirror .form-dd .form-dl:last-of-type .form-dd input{
		margin-bottom:0;
	}
	.mirror .form-dd .form-dl:last-of-type .form-dd .label-box{
		width: 100%;
		max-width: 300px;
	}

}
@media screen and (max-width: 39.9375em) {
	.form-dd.select-mirrorDir select{
		width:calc(111% - 3rem);
    max-width:calc(111% - 3rem);
    margin-left:calc(-11% + 2.1rem);
	}
	.form-dd.select-mirrorDir input[type="text"]{margin-left:calc(-11% + 2.1rem);}
	
}

/***** /web/weakness/
*****************************************************/
	.form-dd.select-weakness{
		display: flex;
		align-items:center;
		flex-wrap: wrap;
	}
	.weakness .form-dd .form-dl{align-items:center;}
	.weakness .form-dd .form-dl .form-dt label{
		font-weight:bold;
	}
@media screen and (min-width: 40em){
	.form-dd.select-weakness select{
		width: 65%;
	}
	.form-dd.select-weakness input[type=text]{
		width: 35%;
	}
	.form-dd.select-weakness select + span{padding:0 0.5rem;}
}
@media screen and (max-width: 39.9375em) {
	.form-dd.select-weakness select{
		width:calc(111% - 3rem);
    max-width:calc(111% - 3rem);
    margin-left:calc(-11% + 2.1rem);
	}
	.form-dd.select-weakness input[type="text"]{margin-left:calc(-11% + 2.1rem);}
}

/***** /db/
*****************************************************/

.db .db-search-area{
	height: 40px;
	margin-bottom: 20px;
}
.db .usersearcinput{
	float:right;
    margin-right:0;
}
.db .h4{
	float: left;
}
.dbname{
	font-size: 1.57rem;
	line-height:1.2;
}
.dbname small{
	display: block;
	font-size: 1rem;
}
.dbcomment small{
	display: block;
}

.db-table-name-area{margin-bottom: 20px;}
.db-table-name-area .buttongroup{
	display: flex;
	justify-content: flex-end;
	align-items:center;
}
.db .contents-box{margin-bottom: 30px;}
.db-table-name-area .buttongroup .button{margin:0 0.5rem 0 0;}
.db-mysql5_7_table .no-th select{min-width: 45px;}
.db-mysql5_7_table .second-th select,
.db-mysql5_7_table .fourth-th select{min-width: 170px;}
.db-mysql5_7_table td .progress,
.db-mysql5_7_table td .progress + p{margin-bottom:0;}
.db-mysql5_7_table td .progress .progress-meter {background-color: #4E5D7E;}
.db-mysql5_7_table td .progress + p{color:#4E5D7E;}
.db-mysql5_7_table td.morebtn-td{border-bottom: none;}

.db-mysql_other_table thead th.second-th select,
.db-mysql_other_table thead th.fourth-th select{min-width: 170px;}
.db-mysql_other_table thead th.fifth-th select{min-width: 280px;}

.db-mysql_other_table td .progress,
.db-mysql_other_table td .progress + p{margin-bottom:0;}
.db-mysql_other_table td .progress .progress-meter {background-color: #4E5D7E;}
.db-mysql_other_table td .progress + p{color:#4E5D7E;}
.db-mysql_other_table .button2-td{text-align: right;min-width: 280px;}
.db-mysql_other_table .button2-td .button:not(last-of-type){margin-right: 0.5rem;}
.db-mysql_other_table .comment-td{white-space: nowrap;}
.table-border.db-mysql_other_table tbody tr.row2-first-tr td:not(.button2-td):not(.progress-td){
	border-bottom:none;
}
.table-border.db-mysql_other_table tbody tr.row2-second-tr td{
	padding-top: 0;
}
.table-border.db-mysql_other_table tbody tr.row2-second-tr td.text-note{color: #EB6817;}
.form-dl.align-center{align-items:center;}
@media screen and (min-width: 40em){
	.db-mysql_other_table thead th.first-th{padding-left: calc(25px + 0.9375rem);}
	.db-mysql_other_table thead th.fifth-th{padding-right: calc(25px + 0.9375rem);}
	.db-mysql_other_table tbody td:first-child{padding-left: calc(25px + 0.9375rem);}
	.db-mysql_other_table tbody td:last-child{padding-right: calc(25px + 0.9375rem);}
	
	.reveal .form-dd.dbname-dd .dbname-head{
	 	display: inline-block;
	 	width: 10%;
	 	margin-right: 0.5rem;
	}
	.reveal .form-dd.dbname-dd input[type=text].dbname-input{
		width: calc(100% - (10% + 1rem));
		display: inline-block;
	}
}
@media screen and (max-width: 39.9375em) {
	.db-mysql_other_table thead th.first-th{padding-left: calc(1.07rem + 0.625rem);}
	.db-mysql_other_table thead th.fifth-th{padding-right: calc(1.07rem + 0.625rem);}
	.db-mysql_other_table tbody td:first-child{padding-left: calc(1.07rem + 0.625rem);}
	.db-mysql_other_table tbody td:last-child{padding-right: calc(1.07rem + 0.625rem);}
}

/***** /db/new/
*****************************************************/

.db_new .form-dl.pt-0 {
    align-items: baseline;
    padding-top: 5px;
}

.db_new .form-dl .form-dd .form-dl{align-items: center;}
.db_new .form-dl .form-dd .form-dl .form-dt,
.db_new .form-dl .form-dd .form-dl .form-dt label{
	font-size: 1rem;
	font-weight: normal;

}
.db_new .form-dl .form-dd .form-dl .form-dd [type='checkbox']{margin:0 0 0;}
@media screen and (min-width: 40em){
	.db_new .form-dd.radio-select-available .label-box {
	    width: 40%;
	    max-width: 260px;
	}
	.db_new .form-dd.radio-select-available .radio-select-box .select{width: 50%;}
	.db_new .form-dd.dbname-dd .dbname-head{
	 	display: inline-block;
	 	width: 10%;
	 	margin-right: 0.5rem;
	}
	.db_new .form-dd.dbname-dd input[type=text].dbname-input{
		width: calc(100% - (10% + 1rem));
		display: inline-block;
	}
}
@media screen and (max-width: 39.9375em) {
	.db_new .form-dd.radio-select-available .radio-select-box .select{width: 100%;}

}

/***** /db/detail/
*****************************************************/
.form-dd .inner-row-lists{margin-bottom: 0;}
.form-dd .inner-row-lists li:not(:last-child){
	border-bottom: 1px solid #CCCCCC;
}
.form-dd .inner-row-lists li{padding:10px 0;}

.db_detail .form-dl.pt-0 {
    align-items: baseline;
    padding-top: 5px;
}
/*.reveal.instanceEditormodal .form-dd.radio-select-available .label-box + .select{width:50%;}*/
	.reveal.instanceEditormodal .form-dd .form-dl:first-of-type .form-dt{font-weight: normal;}

@media screen and (min-width: 40em){
	.db_detail .form-dd input[type=password],
	.db_detail .form-dd input[type=text]{
	    width: 50%;
	}
	.db_detail .form-dl input[type=text]{}
	.reveal.instanceEditormodal .form-dl.pt-0{
		align-items: baseline;
	    padding-top: 5px;
	}
	.reveal.instanceEditormodal .form-dd.radio-select-available .label-box{
	    width: 43%;
	    max-width: 260px;
	}
	.reveal.instanceEditormodal .form-dd .form-dl:first-of-type .form-dt{width: 33%;}
	.reveal.instanceEditormodal .form-dd .form-dl:first-of-type .form-dt + .form-dd{width: 67%;}
	.reveal.instanceEditormodal .form-dd .form-dl:last-of-type {display: block;}
	.reveal.instanceEditormodal .form-dd .form-dl:last-of-type .form-dd{
		width: 100%;
	    padding-left: 0;
	}
}
@media screen and (max-width: 39.9375em) {
	.reveal.instanceEditormodal .form-dd .form-dl{padding: 1rem 0 .5rem;}
}
/***** /access/共通
*****************************************************/
.access .form-dl:not(.no-border):last-of-type,
.access_analysis .form-dl:last-of-type,
.logctl .form-dl:last-of-type,
.access_editor .form-dl:last-of-type,
.scaleup .form-dl:last-of-type,
.app_install .form-dl:last-of-type,
.accessctl .form-dl:last-of-type,
.accessctl_detail .form-dl:last-of-type{
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 30px;
}
.access_analysis .h4.underline,
.logctl .h4.underline,
.app_install .h4.underline,
.access_editor .h4.underline,
.accessctl .h4.underline,
.accessctl_new .h4.underline{
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 20px;
}
@media screen and (min-width: 40em){
	div[class*=access] .form-dl.mail_filter_callout .form-dd select,
	.logctl .form-dl.mail_filter_callout .form-dd select,
	.scaleup .form-dl.mail_filter_callout .form-dd select{
		width: 30%;
	}
}
@media screen and (max-width: 39.9375em) {
	.access_analysis .h4.underline,
	.logctl .h4.underline,
	.access_editor .h4.underline{
		padding-bottom: 10px;
	}	
}

/***** /access/
*****************************************************/
	.access .clearfix.title-wrap + hr{border-bottom-color: #CCCCCC;}
	.access .form-dd .form-dl.no-border{
		border-top: none;
		border-bottom: none;
	}
	.access .form-dd .form-dl.no-border:last-of-type{
		margin-bottom: 0;
	}
@media screen and (min-width: 40em){
	.access .clearfix.title-wrap .h4{
		float:left;
		margin-bottom: 0;
	}
	.access .clearfix.title-wrap .button{
		float:right;
		margin-bottom: 0;
	}
	/*.access .table-scroll{
	    margin-top: 0.71rem;
	}*/
}

/***** /access/access_analysis/
*****************************************************/
@media screen and (min-width: 40em){
	.form-dd.date-dd input[type=tel]{
		width: 4rem;
		display: inline-block;
		margin:0;
	}
}

/***** /access/access_editor/
*****************************************************/
.access_editor .form-dt span{margin-left:0.5rem;}
.access_editor .analoganalysis{display: none;}
.access_editor .analoganalysisCheck.none{display: none;}
.access_editor .analoganalysis.show{display: block;}
/*.access_editor .analoganalysisCheck.show{display: block;}*/
@media screen and (min-width: 40em){
	.access_editor .accessEditordir-dd input[type=text]{
		width: 50%;
		display: inline-block;
	}
}

/***** /access/logctl/
*****************************************************/

.logctl .form-dl.no-border{border-top: none;}
.date_picker_group{
	display: flex;
}
.date_picker_group > span{
	display: inline-block;
	margin-right: 1rem;
}
.date_picker_group  span input,
.date_picker_group  span select{margin-bottom: 0;}
.date_picker_group  span.text{	margin-top:10px;}
@media screen and (max-width: 39.9375em) {
	.date_picker_group > span{margin-right: 0.5rem;}
	.date_picker_group  span.text{font-size: 0.87rem;}
	.date_picker_group  span input,
	.date_picker_group  span select{margin-left:calc(-11% + 1rem);}
	.date_picker_group  .button{margin-top:10px;}
}

.logctl .cahrt_wrap{
	text-align: center;
	border:1px solid #CFCFCF;
	padding:30px 0 20px;
	margin:30px auto;
}
.logctl thead th{min-width: 200px;}
.logctl table td .label{
	margin-left:1rem;
	margin-top: -5px;
}

@media screen and (min-width: 40em){
	.logctl .contents-box > div{
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 39.9375em) {
	.logctl .contents-box > div{margin-bottom:20px;}
	.logctl .date_picker_group.datepickerHour,.logctl .date_picker_group.datepickerHour_csv,
	.logctl .date_picker_group.datepickerDate,.logctl .date_picker_group.datepickerDate_csv,
	.logctl .date_picker_group.datePickermonth,.logctl .date_picker_group.datePickermonth_csv{flex-wrap: wrap;}
	.logctl .date_picker_group.datepickerDate span:not(.text),.logctl .date_picker_group.datepickerDate_csv span:not(.text){
		width: 37%;
	}
	.logctl .date_picker_group.datepickerHour span:first-child,.logctl .date_picker_group.datepickerHour_csv span:first-child,.logctl .date_picker_group.datepickerHour_csv span:nth-child(4){
		width: 45%;
	}
	.logctl .date_picker_group.datepickerHour span:nth-child(2),.logctl .date_picker_group.datepickerHour_csv span:nth-child(2),.logctl .date_picker_group.datepickerHour_csv span:nth-child(5){
		width: 20%;	
	}

}
.logctl .date_picker_group{display:none;}
.logctl .date_picker_group.active{display:flex;}
.reveal .date_picker_group{
	justify-content: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

/***** /access/scaleup/
*****************************************************/
.scaleup table td .label{width: 125px;}
.scaleup table td:not(:first-of-type):not(.editor-td) {min-width: 200px;}

@media screen and (min-width: 40em){
	.scaleup .contents-box > div:first-of-type{
		margin-bottom: 50px;
	}
	.scaleupdate_select_group{
		display: flex;
		max-width: 600px;
		float: right;
		justify-content: flex-end;
	}
	.scaleupdate_select_group span{
		display: inline-block;
		margin-right :0.5rem;
	}
	.scaleupdate_select_group span.text{margin-top: 10px;}
	.scaleupdate_select_group select{
		min-width: 150px;
		margin-bottom:0;
	}
}
@media screen and (max-width: 39.9375em) {
	.scaleup .contents-box > div:first-of-type{
		margin-bottom: 30px;
	}
	.scaleupdate_select_group{
		float: right;
	}
	.scaleupdate_select_group span:not(.text){
		display: inline-block;
	}
	.scaleupdate_select_group span.text{
		display: inline-block;
		font-size: 0.87rem;
		letter-spacing: -0.04rem
	}
	.scaleupreservemodal .date_picker_group span:not(.text):not(:nth-child(3)){
		width:34%;
		
	}
	.scaleupreservemodal .date_picker_group span input,
	.scaleupreservemodal .date_picker_group span select{margin-left: 0;}

}
@media screen and (max-width: 23em) {
	.scaleupdate_select_group span.text{font-size: 0.7rem;}

}

/***** /access/accessctl/
*****************************************************/
	.accessctl thead th select {
		max-width: 130px;
	}
	.accessctl th.first-th,.accessctl th.second-th{
		min-width:200px;
	}
	.accessctllabel{width: 62px;}

	.accessctl-foreign-check {
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 30px;
	}
	.accessctl .clearfix.title-wrap + hr{border-bottom-color: #CCCCCC;}

@media screen and (min-width: 40em){
	.accessctl .form-dl:first-of-type .form-dd{
		display: flex;
		align-items: center;
	}
	.accessctl .form-dl:first-of-type .form-dd select{
		width: 30%;
	}
	.accessctl .form-dl:first-of-type .form-dd .accessctlswitch{
		margin-left: 30px;
		margin-bottom: 0.5rem;
	}
	.accessctl .clearfix.title-wrap .h4{
		float:left;
		margin-bottom: 0;
	}
	.accessctl .clearfix.title-wrap .button{
		float:right;
		margin-bottom: 0;
	}
	.accessctl-foreign-check .accessctlswitch{padding:1rem 0 1rem 0.5rem;}
}
@media screen and (max-width: 39.9375em) {
	.accessctl .form-dl:first-of-type .form-dd .accessctlswitch{
		margin-top: 10px;
	}
}

/***** /access/accessctl/new/
*****************************************************/
	.accessctl_new .contents-box > div:first-of-type .form-dl:not(.no-border):last-of-type{border-bottom:1px solid #CCCCCC; }
	.accessctl_new .contents-box > div:not(:last-of-type):not(.clearfix){margin-bottom: 50px;}
	.form-dd.select-accessctlurl{
		/*display: flex;*/
	    align-items: center;
	    flex-wrap: wrap;
	}
	.form-dd.select-accessctlurl span,
	.form-dd.select-accessctlurl input[type="text"]{
		display: inline-block;
	}
	.form-dd.select-accessctlurl span{margin-right: 0.5rem;}
	.accessctl_new .radio_lable_circle{position: relative;}
	.accessctl_new .radio_lable_circle input[type="radio"]{
		margin:0;
		position: absolute;
		top:0;
		left: 0;
	}
	.accessctl_new .form-dd.description{
		width: 100%;
		margin-top: 20px;
	}
	.accessctl_new .form-dd.description div{
		border:1px solid #CFCFCF;
		border-radius: 4px;
		padding:25px 30px;
		background-image: url(/assets/img/access/img_accessctl_new_map.svg);
		background-repeat: no-repeat;
	}
	.accessctl_new .form-dd.description div strong{
		font-weight:bold;
		display: block;
		margin-bottom: 20px;
	}
	.accessctl_new .form-dd.description div span{
		display: block;
	}
	.accessctl_new:not(.accessctl_detail) table tr:not(.more-tr) td:first-child{
		width: 200px;
		min-width: 150px;
	}
	.accessctl_new table td input{margin:0;}
	.accessctl_new table td.password{
		width:34%;
		min-width: 470px;
		/*display: flex;*/
		align-items: center;
	}
		table td.password .input-show {
		    display: inline-block;
		    position: relative;
		}
		table td.password .input-show .icon-eye-button {
		    width: 1.5rem;
		    height: 1.5rem;
		    background-image: url(/assets/img/icon/eye_gray.svg);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    position: absolute;
		    right: 0.5rem;
		    top: 0.7rem;
		}
	.accessctl_new table td.password input{width: 275px;}
	.accessctl_new table td.password .input-show + button{margin-left:5px;}
	.accessctl_new table td.comment{
		width:calc(100% - 680px);
	    min-width: 400px;
	}
	.accessctl_new table td.comment input{
		width:calc(100% - 75px);
		display: inline-block;
	}
	.accessctl_new table td.comment input + button{
		margin-left:5px;
	}
	.accessctl_new table  tr.more-tr td{
		padding-top: 20px;
		padding-bottom: 20px;
	}
@media screen and (min-width: 40em){
	.form-dd.select-accessctlurl select, .form-dd.select-accessctlurl input[type=text]{
		width: 31%;
	    max-width: 280px;
	}
	.form-dd.select-accessctlurl select + span{padding:0 0.5rem;}
	
	.accessctl_new .radio_lable_circle:not(.circle3):not(.circle4){
		width: 130px;
		max-width: 130px;
		min-height: 100px;
	}
	.accessctl_new .radio_lable_circle.circle3{width:200px;}
	.accessctl_new .radio_lable_circle.circle4{width:240px;}
	.accessctl_new .radio_lable_circle.circle4 img{width: 95px;}
	.accessctl_new .radio_lable_circle + .form-dd{
		align-self: center;
	}
	
	.accessctl_new .radio_lable_circle:not(.circle3):not(.circle4) + .form-dd{width: calc(100% - 130px);}
	.accessctl_new .radio_lable_circle.circle3 + .form-dd{width: calc(100% - 200px);}
	.accessctl_new .radio_lable_circle.circle4 + .form-dd:first-of-type{width: calc(100% - 240px);}
	
	.accessctl_new .form-dd.description div{
		background-position: right 10px top 50%;
		background-repeat: no-repeat;
		background-size: 40% auto;
	}
	.accessctl_new .form-dd.description div span{
		width: 50%;
		max-width: 320px;
	}
	.accessctl_new .radio_nocircle{max-width: 20px;}
	.accessctl_new .hostctl .form-dd .label-box{
		display: block;
	    width: 100%;
	    max-width: fit-content;
	}
	.accessctl_new .hostctl .form-dd textarea{
		height: 210px;
	}
}
@media screen and (max-width: 39.9375em) {
	.form-dd.select-accessctlurl select{
			width:calc(111% - 3rem);
	    max-width:calc(111% - 3rem);
	    margin-left:calc(-11% + 2.1rem);
		}
	.form-dd.select-accessctlurl input[type="text"]{
		margin-left: calc(-11% + 1.6rem);
	}
	.accessctl_new .radio_lable_circle:not(.circle3):not(.circle4){
		width: 120px;
		max-width: 120px;
		min-height: 100px;
	}
	/*.accessctl_new .radio_lable_circle.circle4{width:230px;}*/
	.accessctl_new .radio_lable_circle.circle4 img{width: 100px;}
	.accessctl_new .radio_nocircle{
		max-width: 20px;
		display: inline-block;
	}
	.accessctl_new .radio_nocircle + .form-dd{
		display: inline-block;
		width: calc(100% - 30px);
	}
	.accessctl_new table td.password .input-show .icon-eye-button {
		    right: 2rem;}
	/*.accessctl_new .form-dd textarea {margin-left: calc(-11% + 1.54rem);}*/
	.accessctl_new .form-dd.description div{
		background-position: bottom 10px center;
		background-size:auto 100px;
		padding-bottom: 125px;
	}
	.accessctl_new .form-dd.description div span{
		width: 100%;
	}

}
/*****access/accessctl/new/
access/accessctl/edit/
のラジオボタンの切り替え時の挙動*****/
.userauthctl,
.hostctl{	display: none;}
.userauthctl.is-active,
.hostctl.is-active{display: block;}
.hostctl .host-row{display:none;}
.hostctl .host-row.is-active{display: flex;}

.accessctl_new .aleartmessage-row.is-hidden{display: none;}


/***** /access/accessctl/detail/
*****************************************************/
.accessctl_detail .ttl-h1 .label{vertical-align: middle;}
.accessctl_detail table .checkbox-th{width: 20px;}
.accessctl_detail .password-box{
	display: table-cell;
	width:34%;
	min-width: 300px;
}
.accessctl_circle{
	display: inline-block;
	white-space: nowrap;
	max-width: 150px;
	margin-right: 1rem;
}
.accessctl_circle img{height: 50px;}
/*.accessctl_circle + span{display: block;}*/
@media screen and (min-width: 40em){
	.accessctl_detail .clearfix.title-wrap .h4{
		float:left;
		margin-bottom: 0;
	}
	.accessctl_detail .clearfix.title-wrap .button{
		float:right;
		margin-bottom: 0;
	}
	/*.accessctl_circle-dd{display: flex;}*/
}

/***** /access/accessctl/detail/user_new
*****************************************************/
.accessctl_usernew .contents-box > div:first-of-type{
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
}
@media screen and (min-width: 40em){
	.accessctl_usernew .radio-dt label{
		font-size: 1.28rem;
		/*padding-top: 0.5rem;*/
	}
}
@media screen and (max-width: 39.9375em) {
	.accessctl_usernew .radio-dt label{
		font-size: 1rem;
	}
}

/***** /login.html
*****************************************************/
@media screen and (min-width: 40em){
	.container-contents.login{padding-top: 100px;}
	.login .login-cell{max-width: 450px;}
	.login h1{margin-bottom: 30px;}
	.login_link_lists{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		max-width: 450px;
		margin:40px auto 70px;
	}
	.login_link_lists li{margin-bottom:20px;}
	.footer-text{color:#898989;}

}
@media screen and (max-width: 39.9375em) {
	.container-contents.login{padding-top: 40px;}
	.login h1{margin-bottom: 20px;}
	.login_link_lists li{margin-bottom:20px;}
}

.login h1 img{height: 50px;}
.login .login-cell div{margin-bottom: 20px;}
.login .login-cell .button{width: 200px;}


/***** /app/
*****************************************************/
.app .button.appli{
	box-sizing: border-box;
	background-color: #44464A;
	display: table;
	align-items: stretch;
	border-radius: 28px;
	font-weight: 500;
	margin-bottom: 10px;
}
.app .button.appli .appli-icon{
	width: 16px;
	height: 16px;
	display: table-cell;
	vertical-align: middle;
}
.app .button.appli .appli-text{
	display: table-cell;
	font-size: 1rem;
	padding-left: .5rem;
}
.app .button.appli:hover{
	background-color: #272829;
}
@media screen and (min-width: 40em){
	.app .button.appli{width: 32%;}
	.app .button.appli:not(:nth-child(3n)){
		margin-right:2%;
	}
}

/***** /app/app_install/
*****************************************************/
.app_install .h4.underline small{
	display: block;
	font-size: 1rem;
	color: #0a0a0a;
	line-height: 1.2;
}
@media screen and (min-width: 40em){
	.app_install .contents-box > div{margin-bottom: 50px;}
	.app_install .h4.underline small{margin-top: 1rem;}
	.app_install .form-dd.radio-select-available .label-box {
	    width:auto;
	    min-width: 180px;
	}
}
@media screen and (max-width: 39.9375em) {
	.app_install .h4.underline small{
		margin-top: .8rem;
	}
	.app_install .contents-box > div{margin-bottom: 20px;}
	.app_install .form-dd.radio-select-available .radio-select-box{margin-bottom: 10px;}
}

/***** /app/app_install/install/
*****************************************************/
.install .form-dd .ttl{
	font-size: 1rem;
	font-weight: bold;
}
.install .form-dl .form-dd .form-dl .form-dd .label {
    margin-left: 0.5rem;
    font-weight: bold;
}
.install .form-dl:last-of-type .form-dd ul{
	list-style:disc;
	padding-left:1rem;
}

.install .form-dl .form-dd .form-dl:first-of-type .newdb > div{display: none;}

@media screen and (min-width: 40em){
	.install .form-dl .form-dd.box-wrapper{
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.install .form-dl .form-dd.box-wrapper .ttl{
		width: 20%;
	}
	.install .form-dl .form-dd.box-wrapper .box{
		display: flex;
		align-items:center;
		width: 80%;
		flex-wrap: wrap;
	}
	.install .form-dd .text-formattention{
		width:100%;
	}
	.install .form-dl.mysql .form-dt:first-of-type{margin-top: 1.9rem;}
	.install .form-dl.mysql .form-dd .form-dl .form-dt,
	.install .form-dl.php .form-dt{margin-top: 1rem;}
	
	.install .form-dl.php .form-dd.box-wrapper .box{
		display: block;
	}
	.install .form-dl.php .form-dd.box-wrapper .ttl{
		align-self: flex-start;
	}
	.install .form-dl .form-dd.box-wrapper:first-of-type .box label{
		margin-right: 0.5rem;
		width: calc(30% - 0.5rem);
		word-break: break-all;
	}
	.install .form-dl .form-dd.box-wrapper:first-of-type .box input{
		width:calc(70% - 0.5rem);;
	}
	.install .form-dl .form-dd .form-dl:nth-of-type(2){position: relative;}
	.install .form-dl .form-dd .form-dl:nth-of-type(2) .form-dt{
		width: 20%;
		margin-top: 1rem;
	}
	.install .form-dl .form-dd .form-dl:nth-of-type(2) .form-dd{
		width: 80%;
	}
	.install .form-dl .form-dd .form-dl:first-of-type .form-dd > div:not(.newdb){
		display: flex;
		flex-wrap: wrap;
		align-items:center;
		margin-bottom: 10px;
	}
	.install .form-dl .form-dd .form-dl:first-of-type .newdb.active > div{
		display: flex;
		align-items:center;
		flex-wrap: wrap;
		margin-bottom: 10px;
		padding-left:20%;
	}
	.install .form-dl .form-dd .form-dl:first-of-type div.newdb div label{width:calc(25% - 0.5rem);}
	.install .form-dl .form-dd .form-dl:first-of-type .newdb.active > div div{width:calc(75% - 0.5rem);}
	.install .form-dl .form-dd .form-dl:first-of-type .newdb > div div .prefix{
		display: inline-block;
		margin-right: 0.5rem;
	}
	.install .form-dl .form-dd .form-dl:first-of-type .newdb > div div input[type=text]{
		display: inline-block;
		width: 80%;
	}
	.install .form-dl .form-dd .form-dl:first-of-type .form-dd div label{
		width: 20%;
	}
	.install .form-dl .form-dd .form-dl:first-of-type .form-dd div select{
		width: 80%;
		max-width: 205px;
	}
}
@media screen and (max-width: 39.9375em) {
	.install .form-dl .form-dd .form-dl:first-of-type .newdb.active div{
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}/***** /app/app_install/uninstall/
*****************************************************/
.uninstall table tbody tr .cat-td{padding-left: 1.25rem;}
.uninstall table .first-th,.uninstall table .second-th{min-width:150px;}
.uninstall table .fourth-th{width: 36%;}
.uninstall table td{white-space: nowrap;}
@media screen and (max-width: 39.9375em) {

}

/***** /app/app_install/uninstall/
*****************************************************/
.uninstall_delete .scroll-table-wrap{margin-bottom:50px;}
.uninstall_delete table tbody tr .cat-td{padding-left: 1.25rem;}
.uninstall_delete table .first-th,.uninstall_delete table .second-th{min-width:120px;}
.uninstall_delete table .fourth-th{width: 36%;}
.uninstall_delete table td{white-space: nowrap;}

.uninstall_delete .delete_dir_box{
	width: 100%;
	height: 500px;
	margin-bottom: 1rem;
	border:1px solid #ccc;
	border-radius: 4px;
	box-sizing: content-box;
}
.uninstall_delete .dirList{
	overflow: hidden;
}
.uninstall_delete .delete_dir_box_inner{
	width: 100%;
	height: 100%;
	overflow-x:scroll;
	padding-right: 28px;
	padding-bottom: 14px;
	box-sizing: content-box;
}
.uninstall_delete .delete_dir_box_inner ul{padding:10px;}
@media screen and (min-width: 40em){
}
@media screen and (max-width: 39.9375em) {
	.uninstall_delete .delete_dir_box{max-height: 590px;}	
	.uninstall_delete .scroll-table-wrap .scroll-hint-wrap .scroll-hint-icon{
		top:48%;
	}
	.uninstall_delete .delete_dir_box_inner ul li{
		word-break: break-all;
	}

}