@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem 0;
}
ul{ margin: 0; padding: 0;}
ul li{ margin: 0; padding: 0; list-style: none;}

.app{ background-color: #F5FAF8; font-family: 'Noto Sans JP', sans-serif; font-weight: 700;}
.loginlogo{ margin: 0 auto; width: 106px; margin-bottom: 50px;}
.loginlogo img{ width: 100%; height: auto;}
.loginBg{ background: #fff;}
.card{ border: none; background-color: transparent;}
.logintit{ font-weight: bold; font-size: 40px; margin-bottom: 50px;}
.app-footer { background: #fff; border: none;}

.header-fixed .app-header{ background: #3D9C6F; color: #fff; height: 70px;}
.header-fixed .app-header a{ color: #fff;}
.header-fixed .app-body { margin-top: 70px;}

.user-page-title h4{font-size: 28px; font-weight: bold;}

.app-header .navbar-toggler {
    min-width: 38px;
    padding: 0.25rem 0;
}
.app-header .navbar-toggler-icon {
    height: 28px;
    background-image:none;
}
.app-header .navbar-toggler {
    min-width: 38px;
    padding: 0.25rem 0;
    margin-right: 20px;
}
.d-sm-block {
    margin-left: 20px;
}
.app-header .navbar-brand {
  left: 0 !important;
  width: 25px !important;
  margin-left: 25px;
}

.app-header .navbar-return {
  left: 0 !important;
  width: 25px !important;
  margin-left: 25px;
}

.app-header .navbar-toggler:hover .navbar-toggler-icon{background-image:none;}

.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 36px;
	height: 28px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;

}
.menu-trigger.close span {
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top:12px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.close span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
.menu-trigger.close span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.close span:nth-of-type(3) {
	-webkit-transform: translateY(-4px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}

.userTit{font-size: 20px; color: #3D9C6F; font-weight: bold; margin-bottom: 40px;}
.text-right {
    text-align: right !important;
    margin-left: auto;
}

/*セレクト*/
.selectUser{ margin-bottom: 30px;}
.btnaddplan{ margin-bottom: 30px;}

select.form-control:not([size]):not([multiple]){ height: auto;}
.serectstyle{
    width:90%;
  position:relative;
	font-size: 16px;
	padding-right: 0;
}
.serectstyle select{
  -webkit-appearance:none;
    appearance:none;
  width:100%;
  box-sizing:border-box;
  border:#3E9C6F 2px solid;
  border-radius:0;
  background:#fff;
		color: #3D9C6F;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 20px; box-sizing: border-box;

}
.serectstyle::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:5%;
  top:35%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
}
.serectstyle select{
  border-radius:4px;
}
.serectstyle::after{
border-top: 14px solid #3D9C6F;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    transform: rotate( 0 )translateY(0);
}
.parkList li{
  display: flex;
  width: 100%;

}

.parkList div{
  display: table-cell;
  text-align: left;
  color: #000;
	font-size: 16px;
  padding: 0 20px; box-sizing: border-box;
}

.selectUser{ flex: auto; width: 330px; max-width: 330px;}

.parkList li { margin-bottom: 20px; box-sizing: border-box;}
.parkList .nam{ width: 9%;}
.parkList .pjname{ width: 37%;}
.parkList .day{ width: 30%;}
.parkList .city{ width: 12%;}
.parkList .count{ width: 10%;}

.parkList .d-nam{ width: 15%;}
.parkList .d-pjname{ width: 60%;}
.parkList .d-count{ width: 25%;}

.parkList .c-nam{ width: 15%;}
.parkList .c-pjname{ width: 30%;}
.parkList .c-period{ width: 30%;}
.parkList .c-company{ width: 25%;}

.listcon{ background: #FFFFFF; border-radius: 6px; padding: 20px 0; box-sizing: border-box;box-shadow: 0px 7px 0px -3px rgba(0,0,0,0.2);}
.parkList .listcon div{color: #146F44;}



/*side*/
.sidebar{color: #009C6F;  font-size: 30px;}
.sidebar .nav-link{ color: #009C6F; font-size: 30px;}
.navusername{ font-size: 20px; margin-top: 30px;}
.navstxt{ font-size: 20px;}
.sidebar ul li{ margin-bottom: 50px;}
.sidebar .custom-select {
    display: inline-block;
    width: fit-content;
    height: 100%;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    margin-top: 15px;
    line-height: 1.5;
    color: #3D9C6F;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: #3E9C6F 2px solid;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sidebar {
    position: fixed;
    z-index: 1019;
    width: 100%;
    height: calc(100vh - 55px);
	background: #fff;
}
	.sidebar .sidebar-nav{ width: 100%; text-align: center;}
	.sidebar .nav{ width: 100%;}
	html:not([dir="rtl"]) .sidebar {
    margin-left: -100%;
}
@media (min-width: 992px){
html:not([dir="rtl"]) .sidebar-lg-show .sidebar {
    margin-left: -100%;
}
}
@media (min-width: 992px) and (min-width: 576px){
html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer {
    margin-left: 0;
}
}
@media (min-width: 992px){
html:not([dir="rtl"]) .sidebar {
    margin-left: 0;
	width: 100%;
}
}
.mapWrapp{ width: 100%; height: 254px;}
.mapWrapp{
height: 0;
overflow: hidden;
padding-bottom: 254px;
position: relative;
}
.mapWrapp iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.projectTit{ width: 100%; }
.projectTit dl.nametit{  width: 68%; display: inline-block; vertical-align:middle; }

.projectTit dl dt{ font-size: 16px;}
.projectTit dl dd{ font-size: 18px;}

.projectTit dl.daydate{ width: 30%; display: inline-block; vertical-align: middle; }
.sidebar .nav-link.active{ background: none; color: #009C6F;}

.titst{ font-size: 16px; margin-bottom: 10px;}

.parkList .schedule{ width: 12%;}
.parkList .pkno{ width: 10%;}
.parkList .pkname{ width: 30%; text-align: left;}
.parkList .adress{ width: 23%; text-align: left;}
.parkList .status{ width: 10%;}
.parkList .playset{ width: 15%;}

.parkList .d-pkno{ width: 10%;}
.parkList .d-pkname{ width: 45%;}
.parkList .d-adress{ width: 45%;}

.parkList .d-schedule{ width: 40%;}
.parkList .d-status{ width: 35%;}
.parkList .d-playset{ width: 25%;}

/*詳細*/
.titday{ font-size: 20px;}
.titday dt{ display: inline-block;}
.titday dd{  display: inline-block;}


.btn-success {
    color: #fff;
    background-color: #3D9C6F;
    border-color: transparent;
	border-radius: 5px;
}

.titadresss{ font-size: 20px;}
.titadresss dd{  font-weight: 400; display: inline-block;}
.btn-success.gmapbtn {background:#0021AD}

.pictit dt{ font-size: 20px;}
.pictit dd img{ width: 100px; display: inline-block; margin-right: 10px;}
.pictit dd span{ color: #3D9C6F; font-size: 16px; margin-right: 10px; border-bottom: 1px solid #3D9C6F}
.pictit dd{ display: inline-block;}
.fa-camera{ width: 27px; height: 22px; background: url( "/common/img/img_pic.svg") left center no-repeat; background-size: cover; font-size: 0; display: inline-block; vertical-align: middle; margin-top: -5px;}
.btn{ font-weight: 700; font-size: 14px;}
.picbtn{ font-size: 18px; display: inline-block; font-weight: 700;}

.detailtitcon{ width: 68%; display: inline-block; vertical-align:middle;}

.daydate{ width: 30%; display: inline-block; vertical-align: middle; }


.memocontent{  margin-bottom: 25px;}
.mamoTit{ position: relative; margin-bottom: 20px;}
.memoBtns{ position: absolute; right: 0; top: 0;}
.mamoTit h5{ font-weight: 700; font-weight: 20px;}

.momeconin{ background: #fff; padding: 25px; box-sizing: border-box;}

.momeconin .pictit{ padding-top: 20px;}

.parkList .playsetname{ width: 33%}
.parkList .judgment{ width: 10%}
.parkList .playsetno{ width: 7%}
.parkList .deterioration{ width: 10%}
.parkList .hazard{ width: 10%;}
.parkList .manufacturer{ width: 20%;}

.parkList .d-playsetno{ width: 25%}
.parkList .d-playsetname{ width: 40%}

.daydate dt{ font-size: 16px;}
.daydate dd{ font-size: 18px;}
.pictit dd span a{
	color: #3D9C6F;}


/*モーダル*/
.memomodal .modal-body{  background: #F5FAF8;}

/*セレクト*/
.listcon.selected {
  border: 4px solid #3D9C6F;
}

.checkList {
  margin-bottom: 100px;
}

.btns{ position: relative; width: 100%; margin-top: 5px;}
.footer-btns {
  background-color: rgba(0, 0, 0, 0.25);
  display: block;
  height: 100px;
  padding: 15px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 110;
}
.btninspection,.btnplayset{ width: 285px; font-size: 25px; margin: 0 auto; padding: 1rem 0rem; display: block;}
.bntBrowsing,.btndelete{ width: 152px; height: 70px; font-size: 25px; display: block; position: absolute; right: 1rem; top: 1rem;}

.memoBtns button{ width: 109px; font-size: 16px; margin-left: 10px;}

.tabeltit{ font-size: 20px; padding: 15px 0; font-weight: bold;}
.tabelList{ background: #fff; text-align: center; font-size: 13px; padding: 0;}
.container {
    width: 100%;
    padding-right: 0;
	padding-left: 0;}
.tabelList .col-sm-12{ padding-left: 0; padding-right: 0;}
.table-bordered td.nobder{ border: none;}
.tabelList .row{margin-right: 0;  margin-left: 0;}
.tabeltit{ border: 1px solid #DADBDD; margin-bottom: 0; border-bottom: none;}

.inspection-photo-selected {
  border: 4px solid red;
}

.inspection-photo-selected td {
  background-color: #f8cbcb !important;
}


.tabelList select{
  -webkit-appearance:none;
    appearance:none;
  box-sizing:border-box;
  border-radius:0;
	border: none;


}
.tabelList select::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:5px;
  top:5px;
	/*background: url("/common/img/arow.svg") right center no-repeat; background-size: cover*/

}
.tabelList select{
  border-radius:4px;
}

.selectwapp{ position: relative;}



/*セレクト*/



.selectwapp select{
  -webkit-appearance:none;
    appearance:none;
  width:100%;
  box-sizing:border-box;
  border-radius:0;
	font-size: 12px;
	font-weight: bold;

}
.selectwapp::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:10px;
  top:35%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
}
.selectwapp select{
  border-radius:4px;
}
.selectwapp::after{
border-top: 11px solid #3D9C6F;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    transform: rotate( 0 )translateY(0);
}

.tabelList .inspection-result td,.tabelList .inspection-result th {
    padding: 8px;
	vertical-align: middle;
}

.tabelList .inspection-result td{
  text-align: left !important;
}

.tabelList .table{ margin-bottom: 0;}
.tabelList { margin-bottom: 45px;}

.btndraft {
  top: 14px;
  position: absolute;
  font-size: 16px;
  color: #3D9C71 !important;
  background: #fff;
}

.btndraft:hover {
  background-color: #ccc;
  border-color: #ccc;
}

.btnmemo {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  font-size: 16px;
  background: #fff;
  color: #3D9C71 !important;
  padding-left: 5px;
  padding-top: 3px;
}
.btnmemo:hover {
  background-color: #ccc;
  border-color: #ccc;
}

.btnrestore {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  font-size: 13px;
  background: #fff;
  color: #3D9C71 !important;
  padding-left: 5px;
  padding-top: 3px;
}
.btnrestore:hover {
  background-color: #ccc;
  border-color: #ccc;
}

.header-btn-most-right {
  right: 124px;
}

.header-btn-right-2 {
  right: 180px;
}

.header-btn-left-1 {
  left: 100px;
}

.errorTxt{ color: #A20000; font-size: 16px; border: 1px solid #A20000; background: #fff; text-align: center; padding: 20px; margin-bottom: 30px;}

.btnreturn{ width: 285px; padding: 20px; background: #3D9C6F; color: #fff; font-size: 25px; border-radius: 10px;}
.fnsTxt h4{ font-size: 35px; margin-bottom: 35px; font-weight: bold; padding-top: 30%;}

.form-control {border: none;}
.input-group-text{ display: none;}

.inspection-result select {
    padding: 3px;
    padding-right: 10px !important;
}

.tabelList .fa-camera {
    width: 19px;
	height: 15px;
}

.infoTxt{ color: #3D9C6F; font-size: 16px; border: 1px solid #3D9C6F; background: #fff; text-align: center; padding: 10px; margin-bottom: 30px;}

.modal {
  overflow-y: auto;
}

.modal-open {
  overflow: auto;
}

.modal-open[style] {
  padding-right: 0px !important;
}

.navbar-toggler[style] {
  margin-right: 20px !important;
}

.formphoto{ font-size: 20px;}
.formphoto dt{ display: inline-block;}

.shoot-app {
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
}