@charset "UTF-8";

header {
	background: #000;
}
header .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}
header .inner svg {
	fill: #fff;
}
header .inner .name {
	display: flex;
	align-items: center;
}	
header .inner .name svg {
	width: 40px;
	height: 40px;
}	
header .headSideBlock {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
header .headSideBlock > li {
	margin: 0 0 0 4px;
}
header .headSideBlock a {
	height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #007741;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
}
header .headSideBlock a:hover {
	background: #07a33e;
	color: #fff!important;
}
header .headSideBlock .logout a {
	padding: 0 8px;
}
header .headSideBlock .forTop {
	width: 40px;
}
header .inner .forTop svg {
	width: 24px;
	height: 24px;
}	

.mngPageTitleBlock {
	background: #ccdad4;
}
.mngPageTitleBlock .pageTitle {
	color: #000;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:normal;
}

.registrationList a {
	padding: 16px;
	text-decoration: none;
	color: #333!important;
	display: block;
	border-radius: 8px;
	background: #f3f3f3;
}
.registrationList dt {
	margin: 0 0 8px;
}
.registrationList .arwLinkR {
	text-decoration: underline;
	color: #078fa3;
}
.adminMenuList > li .badge {
	width: 32px;
	height: 32px;
	display: block;
	font-size: 1.2rem;
	line-height: 32px;
	text-align: center;
	border-radius: 16px;
	color: #fff;
	background: #eb205e;
	position: absolute;
	top: -4px;
	right: 8px;
}

.nodata {
	margin: 0 0 0 4px;
	padding: 0 4px;
	color: #fff;
	line-height: 16px;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:normal;
	display: inline-block;
	border: solid #888888 1px;
	background: #888888;
}
.unpublish {
	margin: 0 0 0 4px;
	padding: 0 4px;
	color: #fff;
	line-height: 16px;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:normal;
	display: inline-block;
	border: solid #006db8 1px;
	background: #006db8;
}

.userIndexBlock .nameBlock .status {
	margin: 0 8px 16px 0;
	padding: 0 8px;
	border: solid #999 1px;
	color: #999;
	background: #f3f3f3;
	line-height: 24px;
}
.userIndexBlock .nameBlock .status.on {
	border: solid #8ec31f 1px;
	color: #fff;
	background: #8ec31f;
}
.userIndexBlock .subContentsMenu dt .status {
	margin: 0 0 0 4px;
	padding: 0 4px;
	border: solid #8ec31f 1px;
	color: #fff;
	background: #8ec31f;
	line-height: 16px;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:normal;
	display: inline-block;
}
.userIndexBlock .ctrlBlock .userEditLink {
	margin: 16px 0 0;
	padding: 16px 0 0;
	border-top: dotted #ccc 1px;
	text-align: right;
}
.mngFormReset a {
	line-height: 32px;
}
.mngFormOutLineBlock {
	border-top: dotted #f3f3f3 1px;
}
.mngFormOutLineBlock > li {
	padding: 1px 0;
	border-bottom: dotted #f3f3f3 1px;
}
.requiredIcon {
	width: 40px;
	margin: -9px 0 0 0;
	padding: 0 4px;
	font-size: 1.4rem;
	line-height: 18px;
	color: #fff;
	background: #f10d7e;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 0;
}

.mngFormT .actionBtnB , .mngFormT .normalBtnA {
	width: 160px;
	height: 36px;
	line-height: 34px;
}
.formSubRowList > li:not(:first-of-type) {
	margin: 16px 0 0 0;
	padding: 16px 0 0 0;
	border-top: dotted #f3f3f3 1px;
}
.mngFormT .annotationList {
	margin: 8px 0 0 0;
	font-size: 1.4rem;
	line-height: 125%;
	color: #999;
}
.mngFormT .flexM8List {
	align-items: center;
}
.mngSelectCheckList {
	margin: 0 0 -16px;
	display: flex;
	flex-wrap: wrap;
}
.mngFormT .formErr {
	background: #ffeef6;
}
.mngFormT .formErr .errMsgText {
	margin: 0 0 8px;
}
.mngFormT .formErr .errMsgText > li {
	color: #f10d7e;
}
.mngFormT textarea {
	height: 160px;
}

.listSearchBlock {
	padding: 16px;
	border: solid #f3f3f3 4px;
}
.listSearchT dt {
	background: #f3f3f3;
}
.listSearchBlock .btnBlock {
	display: flex;
}
.mngListT .ctrlBtn {
	padding: 16px 3px 11px 8px;
}
.mngListT .ctrlBtnList {
	display: flex;
	/* justify-content: space-between; */
	margin-bottom: 5px;
}
.mngListT .ctrlBtnList .normalBtnA {
	height: 36px;
	line-height: 34px;
	margin-right: 5px;
}
.mngListT .ctrlBtnList .normalBtnC {
	margin-right: 5px;
	height: 36px;
	line-height: 34px;
	text-align: center;
    display: block;
    text-decoration: none;
    color: #333!important;
    background: #fff;
    position: relative;
    border: solid #ccc 1px;
    border-radius: 8px;
	cursor: pointer;
	font-size: 11px;
	white-space: nowrap;
	width: 120px;
}
.mngListT .arrCell {
	background: #ffeef6;
}
.userListT .arrCell .shopData .normalBtnA {
	border-color: #eb205e;
	color: #eb205e!important;
}

	.loginBlock {
		background: #ccdad4;
	}
	.loginBlock h1 {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 2.4rem;
		line-height: 40px;
		color: #007741;
	}	
	.loginBlock svg {
		width: 40px;
		height: 40px;
		margin: 0 8px 0 0;
		fill: #007741;
	}	
	.loginBlock .errMsg {
		margin: 0 0 8px;
		text-align: center;
		color: #eb205e;
	}	
	.loginBlock .loginParts {
		margin: 0 0 8px;
	}	
	.loginBlock .loginParts > dd input {
		width: 100%;
	}	
	.loginBlock .textLink {
		margin: 0 auto;
		text-align: right;
	}	
	.loginBlock .btn {
		margin: 24px auto 0;
	}	
	.loginBlock .annotationList {
		margin: 24px 24px 0;
		font-size: 1.4rem;
	}	


.dz-clickable {
	width: 100%;
	padding: 16px 8px;
	background: #f5f5f5;
	border: dotted #ccc 1px;
	text-align: center;
	cursor: pointer;
}
	.dropzone-custom {
		display: flex;
		flex-wrap: wrap;
	}
.dz-filename , .dz-size, 
.dz-success-mark , .dz-error-mark
{
	display: none;
}
	.dropzone-custom .dz-remove {
		margin: 2px 0 0;
		padding: 0;
		display: block;
		font-size: 1.4rem;
		line-height: 32px;
		text-decoration: none;
		color: #fff;
		background: #999;
		text-align: center;
	}

/* PC------------------------------------------------------------------------------- */
@media print, screen and (min-width:769px){	


	header {
		margin: 0;
		padding: 8px 80px;
	}	
	header .inner .name svg {
		margin: 0 8px 0 0;
	}
	header .headSideBlock .user {
		padding: 0 8px 0 0;
	}
	.mngPageTitleBlock {
		margin: 0;
		padding: 16px 80px;
	}
	.mngPageTitleBlock .pageTitle {
		font-size: 2.4rem;
		line-height: 24px;
	}
	
	.mngContainer {
		widows: auto;
		padding: 24px 80px;
	}
	
	.adminMenuList {
		margin: 48px 0 64px;
		display: flex;
		justify-content: center;
	}
	.adminMenuList > li {
		width: 240px;
		margin: 0 8px;
		position: relative;
	}
	.registrationList {
		display: flex;
		flex-wrap: wrap;
	}
	.registrationList > li {
		width: calc(25% - 6px);
		margin: 0 8px 16px 0;
	}
	.registrationList > li:nth-child(4n) {
		margin: 0 0 16px 0;
	}
	.registrationList a:hover {
		background: #dfeaed;
	} 
	.registrationList a:hover .arwLinkR {
		color: #f10d7e!important;
	}
	
	.userIndexBlock {
		display: flex;
		justify-content: space-between;
	}
	.userIndexBlock .nameBlock {
		width: calc(100% - 520px);
		padding: 24px;
		background: #ccdad4;
	}
	.userIndexBlock .nameBlock .nameArea {
		margin: 0 0 24px;
		display: flex;
		flex-wrap: wrap;
	}
	.userIndexBlock .nameBlock .normalBtnA {
		width: 160px;
		line-height: 32px;
		border: solid #333 1px;
	}
	.userIndexBlock .nameBlock .nameArea h1 {
		width: 100%;
		font-size: 2.4rem;
		line-height: 125%;
	}
	.userIndexBlock .ctrlBlock {
		width: 520px;
		padding: 64px 0 32px 24px;
	}
	.userIndexBlock .subContentsMenu {
		margin: 16px 0 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.userIndexBlock .subContentsMenu dt {
		width: 160px;
	}
	.userIndexBlock .subContentsMenu ul {
		display: flex;
	}
	.userIndexBlock .subContentsMenu ul > li {
		width: 160px;
		margin: 0 8px 0 0;
	}
	.userIndexBlock .subContentsMenu ul > li:last-of-type {
		margin: 0;
	}
	
	.mngFormOutLineBlock {
		margin: 0 0 24px;
	}
	
	.mngFormReset {
		width: 240px;
		margin: 0 0 16px;
	}
	
	.inputSS  {
		width: 160px;
	}
	.inputS  {
		width: 32%;
	}
	.inputM  {
		width: 56%;
	}
	.inputL  {
		width: 72%;
	}
	
	.mngFormT {
		display: flex;
	}
	.mngFormT > dt  {
		width: 240px;
		padding: 16px 56px 16px 16px;
		background: #f5f5f5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		border-right: solid #fff 2px;
	}
	.mngFormT > dt .sub  {
		font-size: 1.2rem;
		display: block;
	}
	.mngFormT > dd  {
		width: calc(100% - 240px);
		padding: 16px;
	}

	.mngSelectCheckList > li {
		width: 25%;
		margin: 0 0 16px;
	}
	.mngSelectCheckList3 > li {
		width: calc(100% / 3);
	}
	.mngFormBtnBlock {
		display: flex;
		justify-content: center;
	}
	.mngFormBtnBlock > li {
		width: 240px;
		margin: 0 8px;
	}
	
	.listSearchBlock {
		margin: 0 0 48px;
	}
	.listSearchT {
		margin: 0 0 16px;
		display: flex;
		flex-wrap: wrap;
	}
	.listSearchT > dl {
		margin: 0 0 1px;
		display: flex;
		flex: 1;
	}
	.listSearchT dt {
		width: 160px;
		padding: 8px 16px;
		display: flex;
		align-items: center;
	}
	.listSearchT dd {
		padding: 8px 16px;
		flex: 1;
		display: flex;
		align-items: center;
	}
	.listSearchBlock .btnBlock {
		margin: 16px 0 0;
		justify-content: center;
	}
	.listSearchBlock .btnBlock > li {
		margin: 0 8px;
	}
	.listSearchBlock .actionBtnB , 
	.listSearchBlock .normalBtnA {
		width: 160px;
		height: 36px;
		line-height: 34px;
	}
	.listSearchBlock .inputL  {
		min-width: 240px;
	}
	
	.mngListT {
		width: 100%;
	}
	.mngListT th , .mngListT td {
		padding: 16px 8px;
		border-top: solid #999 1px;
		border-bottom: solid #999 1px;
		border-right: dotted #ccc 1px;
		border-left: dotted #ccc 1px;
		font-size: 1.4rem;
		vertical-align: middle;
	}
	.mngListT th {
		background: #f3f3f3;
		text-align: center;
	}
	.mngListT .ctrlBtnList .normalBtnA {
		width: 120px;
	}
	
	.userListT .label01 {
		width: 110px;
	}
	.userListT .label02 {
		width: 48px;
	}
	.userListT .label04 {
		width: 150px;
	}
	.userListT .label06 {
		width: 264px;
	}
	.userListT .type , 
	.userListT .category {
		text-align: center;
	}
	.articleListT .label01 {
		width: 110px;
	}
	.articleListT .label02 {
		width: 168px;
	}
	.articleListT .label04 {
		width: 264px;
	}
	.articleListT .category {
		text-align: center;
	}
	.articleListT .ctgIcon {
		display: block;
	}
	
	.loginBlock {
		width: 640px;
		margin: 0 auto;
		padding: 48px 24px;
	}
	.loginBlock h1 {
		margin: 0 0 32px;
	}	
	.loginBlock .loginParts {
		display: flex;
		justify-content: center;
		align-items: center;
	}	
	.loginBlock .loginParts > dt {
		width: 120px;
		text-align: right;
	}
	.loginBlock .loginParts > dd {
		width: 320px;
		padding: 0 0 0 24px;
	}	
	.loginBlock .textLink {
		width: 440px;
	}	
	.loginBlock .btn {
		width: 240px;
	}	
	
	.dropzone-custom .dz-preview {
		width: 160px;
		margin: 16px 8px 0 0;
	}
	.dropzone-custom .dz-details img {
		width: 160px;
		height: 160px;
		object-fit: contain;
		font-family: 'object-fit: contain;';
		border: solid #ccc 1px;
	}
	
	
}











/* SP-------------------------------------------------------------------------------- */
@media screen and (min-width:0px) and (max-width: 768px) {


	header {
		padding: 4px;
	}

	header .headSideBlock .user {
		padding: 0 8px 0 0;
		font-size: 1.4rem;
		line-height: 125%;
		display: flex;
		align-items: center;
		text-align: right;
		color: #fff;
	}

	.mngPageTitleBlock {
		padding: 8px;
	}	
	.mngPageTitleBlock .pageTitle {
		font-size: 2rem;
	}
	.mngContainer {
		padding: 16px 8px;
	}
	
	.adminMenuList {
		margin: 0 0 24px;
	}
	.adminMenuList > li {
		margin: 0 0 8px;
		position: relative;
	}
	.registrationList > li {
		margin: 0 0 8px;
	}
	
	.userIndexBlock .nameBlock {
		margin: 0 0 8px;
	}
	.userIndexBlock .nameBlock .status {
		margin: 0 4px 8px 0;
		font-size: 1.2rem;
		line-height: 16px;
	}
	.userIndexBlock .nameBlock .nameArea {
		margin: 0 0 8px;
		padding: 8px;
		display: flex;
		flex-wrap: wrap;
		background: #ccdad4;
	}
	.userIndexBlock .nameBlock .normalBtnA {
		width: 120px;
		margin: 0 0 0 auto;
		line-height: 32px;
		border: solid #333 1px;
	}
	.userIndexBlock .nameBlock .nameArea h1 {
		width: 100%;
		font-size: 2rem;
		line-height: 125%;
	}
	.userIndexBlock .subContentsMenu {
		margin: 16px 0 0;
	}
	.userIndexBlock .subContentsMenu dt {
		margin: 0 0 8px;
		line-height: 16px;
		display: flex;
		align-items: center;
	}
	.userIndexBlock .subContentsMenu dt .status {
		font-size: 1.2rem;
		line-height: 16px;
	}
	.userIndexBlock .subContentsMenu ul {
		display: flex;
		justify-content: space-between;
	}
	.userIndexBlock .subContentsMenu ul > li {
		width: 49%;
	}
	
	.mngFormReset {
		width: 50%;
		margin: 0 auto 16px;
	}
	.inputSS  {
		width: calc(100% - 176px);
	}
	.inputS , 
	.inputM , 
	.inputL {
		width: 100%;
	}
	.mngFormT > dt  {
		padding: 8px 48px 8px 8px;
		background: #f5f5f5;
		position: relative;
		border-bottom: solid #fff 2px;
	}
	.mngFormT > dt .sub  {
		margin: 0 0 0 8px;
		font-size: 1.2rem;
		display: inline-block;
	}
	.mngFormT > dd  {
		padding: 8px 8px 16px;
	}
	.mngSelectCheckList > li {
		width: 100%;
		margin: 0 0 16px;
	}
	.formSubRowList > li:not(:first-of-type) {
		margin: 8px 0 0 0;
		padding: 8px 0 0 0;
	}
	.mngFormBtnBlock {
		display: flex;
	}
	.mngFormBtnBlock > li {
		flex: 1;
	}
	.mngFormBtnBlock > li:not(:first-of-type) {
		margin: 0 0 0 8px;
	}
	
	.listSearchBlock {
		margin: 0 0 16px;
		padding: 8px;
	}
	.listSearchT {
		margin: 0 0 8px;
	}
	.listSearchT > dl {
		border-bottom: dotted #ccc 1px;
	}
	.listSearchT dt {
		padding: 8px;
	}
	.listSearchT dd {
		padding: 8px;
	}
	.listSearchT .spFlex {
		display: flex;
	}
	.listSearchT .spFlex dt {
		width: 120px;
	}
	.listSearchT .spFlex dd {
		padding: 8px;
	}
	.listSearchBlock .btnBlock {
		justify-content: space-between;
	}
	.listSearchBlock .btnBlock > li {
		width: 49%;
	}
	.listSearchBlock .actionBtnB , 
	.listSearchBlock .normalBtnA {
		height: 36px;
		line-height: 34px;
	}
	
	.mngListT thead {
		display: none;
	}
	.mngListT tbody tr {
		margin: 0 0 8px;
		padding: 8px 16px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border: solid #999 1px;
	}
	.mngListT tbody td {
		padding: 4px 0;
		border-bottom: dotted #ccc 1px;
	}
	.mngListT .ctrlBtn {
		width: 100%;
		padding: 8px 0 0;
		border-bottom: none;
	}
	.mngListT .ctrlBtnList > li {
		width: 49%;
	}
	
	.userListT .user ,
	.userListT .category ,
	.userListT .shop {
		width: 100%;
		text-align: center;
	}
	.userListT .date {
		width: 50%;
		order: 1;
	}
	.userListT .type {
		width: 50%;
		order: 2;
		text-align: right;
	}
	.userListT .user {order: 4;}
	.userListT .category {order: 3;}
	.userListT .shop {order: 5;	}
	.userListT .ctrlBtn {order: 6;}
	
	.articleListT .date {
		width: 100px;
	}
	.articleListT .category {
		width: calc(100% - 100px);
		text-align: right;
	}
	.articleListT .title {
		width: 100%;
	}
	
	.loginBlock {
		padding: 24px;
	}
	.loginBlock h1 {
		margin: 0 0 16px;
	}	
	.loginBlock .loginParts > dt {
	}
	.loginBlock .loginParts > dd {
	}	
	.loginBlock .textLink {
		
	}	
	.loginBlock .btn {
		
	}	
	.loginBlock .annotationList {
		margin: 16px 0 0;
	}	
	.dropzone-custom .dz-preview {
		width: 80px;
		margin: 8px 8px 0 0;
	}
	.dropzone-custom .dz-details img {
		width: 80px;
		height: 80px;
		object-fit: contain;
		font-family: 'object-fit: contain;';
		border: solid #ccc 1px;
	}
	
}