/* -----------------------------------------------------------
   一覧ページ
-------------------------------------------------------------- */

.col-12 .btn{
	margin-right: 20px;
	border-radius: 30px;
	padding: 10px 20px;
}

.btn-danger {
    background-color: #F68B5F;
    border-color: #F68B5F;
	font-weight: 600;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #DE6F42;
    border-color: #DE6F42;
    text-decoration: none;
}

.btn-manual {
    background-color: #61C1BE;
    border-color: #61C1BE;
	color: #fff;
}

.btn-manual:hover,
.btn-manual:focus,
.btn-manual:active {
    background-color: #4FA4A1;
    border-color: #4FA4A1;
	color: #fff;
}

.container-fluid .col-md-9 {
	max-width:100%!important;
	flex: 100%;
}
#nitable1_length {
	display: none;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background-color: transparent;
}

.table-bordered td, .table-bordered th {
    border:none;
}

#nitable1 thead{
	background: #daeffe;
	box-shadow: inset 0 1px 0 0 #c1e4fe, inset 0 -1px 0 0 #c1e4fe;
}

#nitable1 thead th{
	font-weight: 400;
	border-bottom: none;
	border-top: none;
}

#nitable1 thead tr{
	border-bottom: none;
}

.table-bordered {
    border: none;
	border-bottom: 1px solid #dee2e6;
}
.btn-primary:active,
.btn-outline-primary:active{
	background: #3F85C5!important;
}
.btn-primary {
    background-color: #3F85C5;
    border-color: #3F85C5;
	border-radius: 30px;
}
.btn-primary,
.btn-outline-primary {
    border-color: #3F85C5;
	border-radius: 30px;
}
.select-btn-for-checkbox {
	border-radius: 30px;
}

.btn-release {
    color: #3F85C5;
    border-color: #3F85C5;
	background-color: #fff;
}

.btn-primary:hover {
    background-color: #286090;
    border-color: #286090;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #3F85C5;
    border-color: #3F85C5;
}

.btn-release:hover {
    color: #fff;
    background-color: #3F85C5;
    border-color: #3F85C5;
}

.btn-success {
    background-color: #1D9F75;
    border-color: #1D9F75;
	line-height: 2.2;
	padding: 6px 15px;
	width: 120px;
	height: auto;
}

.btn-success:hover {
    opacity:0.9;
    background-color: #1D9F75;
    border-color: #1D9F75;

}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3F85C5;
    border-color: #3F85C5;
}

.card {
    background-color: #fff;
    background-clip: border-box;
    border: none;
	box-shadow: none;
    border-radius: 0.50rem;
}

.card-body {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
	padding: 0 0.48rem;
}
.card-body.search{
	padding: 1.25rem 2em;
}
.card-body.top-area{
	padding: 1.25rem;
}
.content.neoedit.user .card-body.top-area {
	padding: 0 0 20px!important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}

div.dataTables_wrapper div.dataTables_info {
    padding-left: 15px;
	padding-top: 10px;
}

div.dataTables_wrapper div.dataTables_paginate {
    padding-right: 15px;
	padding-bottom: 15px;
}

#nitable1 {
	display: table;
}
#nitable1 td{
	display: table-cell;
	vertical-align:middle
}
#nitable1 thead {
	background: #EAF7FF;
}
#nitable1 td,
#nitable1 th {
	padding: .65em .39em;
}

@media screen and (max-width:1600px){
	#nitable1 td:nth-last-child(1) a {
		display: block;
		margin: 5px 0;
	}
}
@media screen and (max-width:768px){
	#nitable1 td:nth-last-child(1) {
		display: flex;
		justify-content: space-between;
	}
	#nitable1 td:nth-last-child(1) a {
		width: 32%;
		margin: 0 1.3% 0 0;
	}
	#nitable1 td:nth-last-child(1) a:nth-last-child(1) {
		margin: 0;
	}
	.btn.btn-success {
		width: 100%;
	}
}

table.dataTable {
	position: relative;
	top: -6px;
	margin: 0 0 -6px;
}

.table thead th {
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}
.table thead td {
	text-align: center;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
	border-bottom-width: 1px!important;
	border-bottom: 1px solid #dee2e6;
	text-align: center;
}

.badge-success {
    background-color: #61C1BE;
	width: 65px;
	font-size: 0.8rem;
	font-weight: 400;
	border-radius: var(--wsr-button-border-radius, 18px);
	padding:10px;
}
.badge-success2 {
    background-color: #F3A66B;
	width: 65px;
	font-size: 0.8rem;
	font-weight: 400;
	border-radius: var(--wsr-button-border-radius, 18px);
	padding:10px;
	color: #fff;
}
.badge-danger {
	background-color: #dc3545;
	width: 65px;
	font-size: 0.8rem;
	font-weight: 400;
	border-radius: 0;
	padding:10px;
}
.badge-danger.right {
	width: auto;
	padding:6px 15px;
	margin: 0 0 0 10px!important;
}

.btn-primary.import {
    background-color: #3F85C5;
    border-color: #3F85C5;
	width: 150px;
	border-radius: var(--wsr-button-border-radius, 18px);
}

.btn-primary.import:hover {
    background-color: #286090;
    border-color: #286090;
}

.btn-default.import {
	width: 80px;
	padding-top: 7px;
	border-radius: var(--wsr-button-border-radius, 18px);
}

.btn-default.important-news {
	width: 250px;
	border-radius: var(--wsr-button-border-radius, 18px);
}
#nitable1_wrapper {
	width: 100%!important;
}
#nitable1_wrapper .btn {
	white-space:nowrap;
	line-height: 2.2;
	padding: 6px 15px;
	width: 120px;
	height: auto;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background:#fff;
}
.btn.btn-outline-secondary {
	margin: 0;
}

.btn.btn-outline-secondary.style2 {
	margin: 0 15px 0 0;
	border: 1px solid #3F85C5;
	color: #3F85C5;
}

.btn-outline-secondary.style2:hover {
  background-color: #3F85C5!important;
  border-color: #3F85C5!important;
  color: #fff;
}

#accordion_search {
	max-width: 99%;
	margin: 0 0 0 7px;
}
.card-danger.card-outline {
	border:none;
}

.card-primary.card-outline,
.card-warning.card-outline {
	border:none;
}


.content.neoedit.download .card-body {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	padding:20px 20px 0;
}
.content.neoedit.download .card-body p {
	width:49%;
	margin:0 2% 2% 0;
}
.content.neoedit.download .card-body p:nth-child(2n) {
	margin:0 0 2% 0;
}
.content.neoedit.download .card-body a {
	padding: 20px;
	width:100%;
}

.card-title{
	color: #212529;
	font-size: 1.2rem;
}

.dataTables_length{
	margin: 20px auto 10px 20px;
}

.btn.btn-success{
	padding: 5px 35px;
}

.background-noshow,
.even,
.odd {
	padding: 10px;
}
.background-noshow {


	background: #efefef;
}
#sortable {
	width: 100%;
}
#sortable th,
#sortable td {
	width: 40%;
}
#sortable th:nth-child(1),
#sortable th:nth-child(2),
#sortable td:nth-child(1),
#sortable td:nth-child(2) {
	width: 10%;
}

#sortable thead {
	background: #EAF7FF;
	box-shadow: inset 0 1px 0 0 #c1e4fe, inset 0 -1px 0 0 #c1e4fe;
}
#sortable thead td {
	border-bottom: 1px solid #dee2e6;
}
.sort .card-body {
	padding: 0;
	margin: 0 0 20px;
}
.sort .card-default {
	margin: 0 0 20px;
}
#sortable td {
	border-bottom-width: 1px !important;
	border-bottom: 1px solid #dee2e6;
}
.sort .card-body > .table > thead > tr > td, .card-body > .table > thead > tr > th,
.sort #sortable td {
	text-align: center;
}
.work .listbtn,
.info .listbtn {
	display: flex;
	margin: 0 10px;
}

@media screen and (max-width:1680px){
	.work .listbtn,
	.info .listbtn {
		display: block;
		width: 100%;
		margin: 20px 0 0;
	}
	#nitable1_wrapper .btn {
		white-space:normal;
	}#accordion_search {
		max-width: 98.5%;
		margin: 0 0 0 7px;
	}
	.work #nitable1 {
		width: 100%;
	}
	.work #nitable1 td,
	.work #nitable1 th {
		width:12.28%;
		padding:.65em 0;
	}

}

@media screen and (max-width: 768px){

	.content-wrapper{
		padding:25px;
		min-height:unset!important;
	}
	.col-12{
	    display: block;
    }
	.col-12 .btn{
	    width: auto;
		margin: 10px;
    }
	#nitable1 thead{
		display: none;
	}
	#nitable1 tbody th,
	#nitable1 tbody td {
		display: block;
	}
	.work #nitable1 td,
	.work #nitable1 th {
		width:100%;
		padding:.65em 0;
	}
	#nitable1 th,
	#nitable1 td{
		width: auto;
	}
	#nitable1 td a{
		display: block;
	}
	#nitable1 th {
		position: relative;
		font-weight: bold;
		padding: 15px 30px 15px 15px;
		border-right: none;
	}
	table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
		text-align: left;
		border:none;
	}
	table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td:nth-last-child(1) {
		border-bottom: 1px solid #dee2e6;
	}

	#accordion_search {
		max-width: 98%;
		margin: 0 0 0 7px;
	}

	.content.neoedit.download .card-body {
		display:block;
		padding:20px 10px;
	}
	.content.neoedit.download .card-body p {
		width:100%;
		margin:0 0 20px;
	}
	.content.neoedit.download .card-body p:nth-child(2n) {
		margin:0 0 20px;
	}
	.content.neoedit.download .card-body a {
		margin:0;
		padding:15px;
	}
	.btn.btn-sm{
		width: 90%;
	}

    #nitable1 .sp-title{
	    font-weight: 600;
		width: 100%;
		padding: 0 0 15px;
    }
	.background-noshow,
	.even,
	.odd {
		padding: 20px;
		display: block;
	}
	.work #nitable1 .sp-title,
	.info #nitable1 .sp-title {
		font-size: 1.1rem;
		margin: 5px 0 15px;
	}
	.work .listbtn,
	.info .listbtn {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: 20px 0 0;
	}
	.work .listbtn .btn,
	.info .listbtn .btn {
		margin: 0 3% 0 0;
	}
	.work .listbtn .btn:nth-last-child(1),
	.info .listbtn .btn:nth-last-child(1) {
		margin: 0;
	}
	.work #nitable1_wrapper .btn,
	.info #nitable1_wrapper .btn{
		width: 33.3%;
	}
	.work #nitable1 td a,
	.info #nitable1 td a {
		display: block;
	}
	.work .btn-outline-secondary.style2,
	.info .btn-outline-secondary.style2 {

		line-height: 1;
		height: 44.8px;

	}
	.work #nitable1_wrapper .btn,
	.info #nitable1_wrapper .btn {
		height: 45px;
	}
	/*.info #nitable1_wrapper .btn-outline-secondary.style2 {
		margin: 10px 0 0;
	}*/
	#nitable1.table td {
		padding: 0;
		margin: 0 0 7px;
	}
	table.table-bordered.dataTable tr {
		border-bottom:1px solid #dee2e6;
	}
	/*table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td:nth-last-child(1)
	{
		text-align: center;
	}*/
	#nitable1.table tbody td:nth-last-child(1) {
		border-bottom: none;

	}
	#sortable tr {
		border-bottom: 1px solid #dee2e6;
	}
	#sortable th {
		display: none;
	}
	#sortable .sp-none {
		display: none;
	}
	#sortable td {
		display: block;
		text-align: left;
		border: none;
		padding: 0;
	}
	#sortable tr {
		padding: 20px;
		display: block;
	}
	#sortable tr td:nth-child(3) {
		font-weight: 600;
	}
	#sortable .ui-sortable tr {
		display: flex;
	}
	#sortable th,
	#sortable td {
		width: 73%;
		text-align: left!important;
	}
	#sortable th:nth-child(1),
	#sortable th:nth-child(2),
	#sortable td:nth-child(1),
	#sortable td:nth-child(2) {
		width: 10%;
	}
	#sortable th:nth-child(4),
	#sortable td:nth-child(4) {
		width: 17%;
	}
	.sort .card-body {
		margin: 0 0 20px;
	}
	.sort .card-default {
		margin: 0 0 20px;
	}
	.sort .card-default  .col-12 .btn{
		margin: 0;
	}
	.sort .wrap10 {
		padding: 0 10px;
	}
}


/* -----------------------------------------------------------
   詳細ページ
-------------------------------------------------------------- */
#detail-area .content-header{
	padding: 0 0 15px 0;
}
#detail-area .content-wrapper>.content{
	padding: 0;
}
#detail-area .row{
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0;
	width: 100%;
}
#detail-area .container-fluid{
	padding: 0;
	margin: 0;
}
#detail-area .content-wrapper{
	padding: 40px;
}
#detail-area .col-md-8{
	min-width: 440px;
	max-width: 100%;
	margin: 0 10px 0 0;
}
#detail-area .card-body{
	padding: 20px;

}
#detail-area .form-row{
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 10px;
	gap: 9px;
}
#detail-area label{
	font-weight: bold;
	margin:0 0 10px;
	font-size: 1.1rem;
	cursor: pointer;
}

#detail-area .c-form__fileUploadThumbnails div.nocaption{
	margin: 0;
}
.c-form__fileUploadThumbnails div:first-of-type{
	margin: 4px 4px 40px 0;
}

/*３columnタイトル背景*/
.fa-file-pdf::before {
	margin:0 5px 0 0;
}
#detail-area .card-primary:not(.card-outline)>.card-header{
	background-color: #fff;
}
#detail-area .card-secondary:not(.card-outline)>.card-header{
	background-color: #fff;
}
#detail-area .card-info:not(.card-outline)>.card-header{
	background-color: #fff;
}
/*３columnタイトル*/
#detail-area .card-title{
	font-weight: bold;
}
#detail-area .card-primary:not(.card-outline)>.card-header, .card-primary:not(.card-outline)>.card-header a{
	color: #333;
}
#detail-area .card-secondary:not(.card-outline)>.card-header, .card-secondary:not(.card-outline)>.card-header a{
	color: #333;
}
#detail-area .card-info:not(.card-outline)>.card-header, .card-info:not(.card-outline)>.card-header a{
	color: #333;
}
/*３columnアコーディオンアイコン*/
#detail-area .bg-gradient-primary>.card-header .btn-tool, .bg-primary>.card-header .btn-tool, .card-primary:not(.card-outline)>.card-header .btn-tool{
	color: #6c757d;
}
#detail-area .bg-gradient-primary>.card-header .btn-tool, .bg-primary>.card-header .btn-tool, .card-primary:not(.card-outline)>.card-header .btn-tool:hover{
	color: #6c757d;
}
#detail-area .bg-gradient-secondary>.card-header .btn-tool, .bg-secondary>.card-header .btn-tool, .card-secondary:not(.card-outline)>.card-header .btn-tool{
	color: #6c757d;
}
#detail-area .bg-gradient-secondary>.card-header .btn-tool, .bg-secondary>.card-header .btn-tool, .card-secondary:not(.card-outline)>.card-header .btn-tool:hover{
	color: #6c757d;
}
#detail-area .bg-gradient-info>.card-header .btn-tool, .bg-info>.card-header .btn-tool, .card-info:not(.card-outline)>.card-header .btn-tool{
	color: #6c757d;
}
#detail-area .bg-gradient-info>.card-header .btn-tool, .bg-info>.card-header .btn-tool, .card-info:not(.card-outline)>.card-header .btn-tool:hover{
	color: #6c757d;
}
/*カテゴリ余白*/
.custom-control{
	padding:0;
	/*
	padding:0 0 10px 10px;*/
}

#detail-area .custom-control{
	padding: 0px;
}
/* #detail-area .custom-control:first-of-type{
	padding: 0;
} */
/*ボタンエリア*/
#detail-area .card-body.btn-area{
	padding: 0;
}
#detail-area .col-8{
	max-width: none;
	-webkit-flex: 0%;
	flex: 0%;
}
#detail-area .btn-area .btn-default{
	width: 160px;
	height: 55px;
	line-height: 2.6;
	box-shadow: 30px;
	border-radius: 30px;
}
#detail-area .btn-area .btn-success{
	width: 160px;
	height: 55px;
	margin: 0 !important;
	background-color: #d9edf7;
	border: solid 1px #bce8f1;
	color: #31708f;
	border-radius: 30px;
}
#detail-area .btn-area .btn-primary{
	width: 160px;
	height: 55px;
	margin: 0 10px 0 0 !important;
	border-radius: 30px;
}
#detail-area .btn-area .btn{

}

#detail-area .form-group {
	margin-bottom: 25px;
}

/* -----------------------------------------------------------
   重要なお知らせ
-------------------------------------------------------------- */
.content.neocssadd .badge-danger {
	margin:0;
}
.content.neocssadd .col-md-8 {
	max-width:100% !important;
	-webkit-flex:100% !important;
	-ms-flex: 100% !important;
	flex: 100% !important;
}
.content.neoedit.useredit {
	max-width:50% !important;
}

.card-primary:not(.card-outline) > .card-header {
	background:#fff;
	color:#333;
}
.btn-primary:hover {
	opacity: 0.95;
}
.mailbox-read-info {
	padding:20px 30px;
}
.mailbox-read-message {
	padding: 40px;
	border-radius: 0 0 0.50rem  0.50rem;
}
.mailbox-attachments {
	margin:0 0 30px 30px;
}
.card-footer {
	padding: 20px 0 0;
}
.btn.btn-info.btn-sm {
	width: 160px;
	height: 55px;
	line-height: 3.2;
	margin: 0 20px 0 0;
	text-align: center;
}
.btn-group-sm > .btn, .btn-sm {
	width: 160px;
	height: 55px;
	line-height: 3.2;
	text-align: center;
}
.mailbox-attachment-info {
	background-color: #fff;
	padding: 0;
}
.mailbox-attachment-name {
	display: block;
	padding: 0 0 0 10px;
	background-color: #f8f9fa;
	padding: 20px;
}
.mailbox-attachments li {
	width: auto;
}
.tox-tinymce {
	margin: 10px 0 0;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
	color:#fff !important;
	background:#3F85C5 !important;
}

.btn-primary:hover,
.btn-primary:active {
	color:#fff !important;
	border:1px solid #3F85C5 !important;
	background:#3F85C5 !important;
}

@media screen and (max-width: 768px){

	.custom-control{
		padding:0 10px 10px 0 !important;
	}
	.custom-control .btn {
		margin:0;
	}

	#detail-area .content-wrapper{
		padding: 20px;
	}
	#detail-area .row{
		flex-wrap: wrap;
	}
	#detail-area .form-control{
		width: 100% !important;
	}
	#detail-area .col-md-8{
		margin: 0;
		min-width: 100%;
		max-width: none;
		width: 100%;
	}
	.content.neocssadd.useredit {
		max-width:100% !important;
	}
	#detail-area .form-group:last-child{
		margin: 0;
	}
	#detail-area .btn-area .row{
		flex-wrap: nowrap;
	}
	#detail-area .btn-area .btn-default{
		width: 100%;
		display: block;
	}
	#detail-area .btn-area .btn-success{
		width: 50%;
		display: block;
		margin: 0 auto 15px !important;
	}
	#detail-area .btn-area .btn-success.float-right{
		float: none !important;
	}
	#detail-area .btn-area .btn-primary.float-right{
		float: none !important;
		margin: 0 0 15px 0 !important;
	}
	#detail-area .btn-area .btn-primary{
		width: 100%;
		display: block;
		margin: 0 0 15px 0 !important;
	}
	#detail-area .custom-control{
		display: inline-block;
	}
	#detail-area .col-12 .btn{
		margin: 10px 10px 10px 0;
	}
	#detail-area .media-body{
		text-align: center;
	}
	#detail-area .media-body i{
		margin: 0 auto;
		display: block;
	}
	/* #detail-area .media-body btn{
		margin: 10px;
	} */
	#detail-area .c-form__fileUploadThumbnail{
		width: 140px;
		height: 140px;
	}
	#detail-area .c-form__fileUploadThumbnails div:first-of-type{
		margin: 4px 15px 40px 0;
	}
	#detail-area .c-form__fileUploadThumbnails div{
		margin: 4px 0 40px 0px;
		float: none;
	}

	/*重要なお知らせ*/
	.mailbox-read-info {
		padding:20px;
	}
	.mailbox-read-message {
		padding: 20px 20px 0;
	}
	.btn.btn-info.btn-sm {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.btn.btn-sm {
		width: 100%;
	}
}

/* -----------------------------------------------------------
   アカウント編集エリア
-------------------------------------------------------------- */
.content.useredit {
	width: 60%;
}
.user .background-noshow {
	background:#fff;
}
.account-edit#detail-area .col-md-8{
	min-width: 100%;
    margin: 0px;
}
.account-edit#detail-area .btn-default .row{
	flex-wrap: wrap;
}
.account-edit#detail-area .btn-default{
	width: 160px;
    height: 55px;
    line-height: 2.6;
}
.account-edit#detail-area .btn-primary{
	width: 160px;
    height: 55px;
    line-height: 2.6;
	margin: 0 !important;
}
@media screen and (max-width: 992px) {
	.content.useredit {
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	.account-edit#detail-area .btn-default{
		width: 100%;
	}
	.account-edit#detail-area .btn-primary{
		width: 100%;
	}
}

/* -----------------------------------------------------------
   アップロード画像エリア
-------------------------------------------------------------- */
#upimg .card-header{
	padding: 20px 20px 10px;
}
#upimg .card-body{
	padding: 20px 20px;
}
#upimg .content-wrapper>.content{
	padding: 0;
}
#upimg .content-header{
	padding: 0 0 15px 0;
}
#upimg .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
	padding: 0;
	margin: 0;
}
#upimg .row{
	margin-right: 0;
	margin-left: 0;
}
/* #upimg .card-body .row{
	justify-content: space-between;
	gap: 20px;
} */
#upimg .card-body .row .col-sm-2{
	max-width: 170px;
}
#upimg .card-body .row .col-sm-2.p-1{
	padding: 0 !important;
	margin: 0 20px 20px 0;
}
#upimg .card-body .row .col-sm-2 div{
	background:none !important;
}
#upimg .card-body .row .col-sm-2 div .img-fluid{
	max-width: 170px;
	max-height: 170px;
	margin: 0 0 10px 0;
}
#upimg .paging{
	text-align: center;
}
/* #upimg .paging p {
    font-size: 1.6rem;
    line-height: 1.7;
} */
#upimg .paging .page{
	margin: 10px 0;
}
#upimg .paging a{
	color: #31708f;
	background-color: #fff;
	border: solid 1px #31708f;
	display: inline-block;
    margin: 0 3px;
    padding: 0 10px;
    width: 40px;
    height: 40px;
    line-height: 35px;
    transition: 0.5s;
    border-radius: 50%;
}
#upimg .paging .current{
	display: block;
	padding: .5rem .6rem;
	margin:auto;
	line-height: 1.25;
	color: #fff;
	background-color: #3F85C5;
	border: 1px solid #dee2e6;
	width: 30px;
	height: 40px;
}

@media screen and (max-width: 768px){
	#upimg .content-wrapper{
		padding: 25%;
	}
	#upimg .media-body{
		text-align: center;
	}
	#upimg .media-body i{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#upimg .media-body .btn-ec-regular{
		display: block;
	}
	#upimg .row{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#upimg .card-body {
		padding: 5%;
	}
	#upimg .card-body .row .col-sm-2.p-1{
		margin: 0 5% 5% 0;
	}
	#upimg .card-body .row .col-sm-2{
		max-width: 42.5%;
	}
	#upimg .card-body .row .col-sm-2 div .img-fluid{
		max-width: 100%;
		max-height: 140px;
	}
	#upimg .card-body .row .col-sm-2.p-1:nth-child(2n){
		margin: 0 0 5% 0;
	}
}

/* -----------------------------------------------------------
   NEWSインポートエリア
-------------------------------------------------------------- */
#news-import .card-body{
	padding: 0;
	line-height: 1.7;
}
#news-import .col-12{
	padding:20px;
}
#news-import .row{
	margin-right: 0;
	margin-left: 0;
}
#news-import .form-group{
	padding: 20px 20px 0px;
}
#news-import .btn-default{
	width: 160px;
    height: 55px;
    line-height: 2.6;
	border-radius: 30px;
}
#news-import .btn-primary{
	width: 160px;
    height: 55px;
    line-height: 2.6;
}
#news-import .btn-area .card{
	background: none;
}
#news-import .custom-file-label {
	width: 30%;
}
@media screen and (max-width: 768px){
	#news-import .btn-default{
		width: 100%;
	}
	#news-import .btn-primary{
		width: 100%;
		margin: 0 0 15px 0;
	}
	#news-import .custom-file-label {
		width: 100%;
	}
}