body {
    font-family: 'Nunito', 'Noto Sans JP', sans-serif;
    padding-top: 70px; /* bootstrapのnav使用時には必要 */
    padding-bottom: 53px; /* bootstrapのnav使用時には必要 */
}

/* タイトル */
.Contents_Titile {
    width: 100%;
    padding: 2px 10px 5px;
    font-size: 110%;
    /*margin-bottom: 10px;*/
    font-weight: revert;
    box-sizing: border-box;
    border-left: solid 3px #CCB893;
    border-bottom: solid 1px #CCB893;
    color: #a09b70;
}

/* 丸文字 */
.rounded-text {
	border: 2px solid;
	border-radius: 50%;
	padding: 0 8px;
}

.required { color: orangered; font-weight: bold; margin-left: 3px; }
.small90 { font-size: 90%; }
.big200 { font-size: 200%; }
.trans-fast { transition: 0.2s ease-out; } /* 0.2秒のアニメーション設定 */
.trans-05s { transition: 0.5s ease-out; } /* 0.5秒のアニメーション設定 */
.pointer { cursor: pointer; }

/*--------------------------------------------------------- Bootstrapカスタム */
/* ツールチップカスタマイズ */
.tooltip-inner {
    background: gray;
}

/* フッターのリンクの間隔調整 */
.navbar-expand .navbar-nav .nav-link {
    padding-right: .25rem;
    padding-left: .25rem;
}

/*--------------------------------------------------------- 画像用 */
/* 画像用枠 */
.helpimage {
    border: 1px lightgray solid;
}

/* mypage photo */
.photo_mypage {
	width: 227px;
	/*height:128px;*/
}
.photo_gallery {
	/*height:64px;*/
	width: 100%;
}
/* 受賞管理画面 */
.photo_admin_prize_big {
	width: 128px;
}
.photo_admin_prize_small {
	width: 92px;
}
/*--------------------------------------------------------- マイページ画面 */
.maru-number {
	 counter-reset: cnt;
	 list-style: none;
	 padding: 0;
	 margin: 0;
 }
.maru-number li {
	font-size: 16px;
	line-height: 1.5rem;
	padding-left: 30px;
	position: relative;
}
.maru-number li:before {
	content: counter(cnt);
	counter-increment: cnt;
	border: thin solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 16px;
	width: 16px;
	font-size: 65%;
	line-height: 1rem;
	position: absolute;
	top: 3px;
	left: 10px;
	font-weight: bold;
}

/* 写真を選択部のtype=file */
.post_button_file {
	margin-top: 16px;
	width: 0;
}

/* 写真を選択部のボタン */
.post_button, .btnMore {
	margin-top: -26px;
	position: relative;
	z-index: 3;
	text-align: center;
	display: inline-block;
	padding: 8px 20px;
	border-radius:4px;
	text-decoration: none;
	border:1px solid #ffffff;
	color: #ffffff;
	outline: none;
	transition: all 0.4s ease-out;
}
.post_button:hover, .btnMore:hover {
	color: #fff;
	/*border:1px solid #00A3E1;*/
	/*background: rgba(0,0,0,0);*/
	/*background-size: 200% auto;*/
	border-color:transparent;
	background: linear-gradient(90deg, rgba(161, 161, 161, 0.3) 40%, rgba(78, 78, 78, 0.3) 100%);
	box-shadow: 0 5px 10px rgba(133, 133, 133, 0.4);
}
.btnPost {
	border-color: rgba(200, 200, 200, 0.4);
	background: linear-gradient(90deg, rgba(161, 161, 161, 0.3) 40%, rgba(96, 96, 96, 0.7) 100%);
	box-shadow: 0 5px 10px rgba(197, 191, 191, 0.4);
}
.btnPost:hover {
	background-color: rgba(197, 197, 197, 0.4);
}

/* 写真選択時に表示するサムネイル */
.thumb_photo_post {
	height: 128px;
}

/*--------------------------------------------------------- トップページ */
.top_title, .post_prepare, .result_start, .result_end, .top_regulation, .post_link {
	border: 1px solid black;
	height: 128px;
	padding: auto;
	vertical-align: center;
	width: 100%;
}
.bg-danks{ background-image: url("../img/UDC18_BG.jpg"); color:#ffffff;}

/*--------------------------------------------------------- ユーザー用管理ページ */

/* ソート順指定部分 */
#sortable li {
	list-style-type: none;
	height: 22px;
	margin-bottom: 4px;
	padding: 0 0 25px 10px;
}
#sortable li label {
	background-color: #fff;
	border: 1px solid;
	width: 200px;
}
#sortable .sortable-label-disable {
	color: lightgrey;
	border: 1px solid lightgrey;
}
#sortable li label:hover { cursor: move; }
#sortable li input { margin-left: 4px; width: 50px; height: 26px; }
#sortable li select { margin-left: 4px; height: 26px; font-size: 0.9em; padding: 1px 4px; }
@media (max-width:767px) { /* < md */
	#sortable li label {
		width: 100px;
	}
}
@media (max-width:575px) { /* < extra-small */
	#sortable li input { margin-top: -8px; }
}

/* 受賞対象者一覧表 */
.minw-100px { min-width: 100px; }
.minw-115px { min-width: 115px; }
.mw-28px { max-width: 28px; }
.card_trash { position:absolute; right: 10px; bottom:5px; }

/*--------------------------------------------------------- ギャラリー */
/* 一覧表示の列数制御 */
.card-columns {
	column-count: 6;
	column-gap: 4px;
}
@media (max-width:767px) {  /* < md */
	.card-columns {
		column-count: 3;
	}
	/*.card-body {*/
	/*	font-size:80%;*/
	/*}*/
}

/* 詳細表示の写真 */
.appli_detail_photo {
	max-width: 100%;
	/*padding: 10px;*/
}
/* 詳細表示の情報表示 */
@media (min-width:576px) { /* > small */
	.appli_detail_info {
		/*position: fixed;*/
	}
}
/* 写真単独表示時の背景マスク */
.mask {
	background-color: black;
	height: 100vh;
	left: 0;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100vw;
}
.appli_single_photo_focus {
	margin: 0;
	padding: 0;
	position: fixed;
	transition: 0.5s;
	z-index: 2;
}

/* フッターとの大きめスペース */
.my-10 { height: 50px; }

/* 詳細テーブル 優秀賞の行 */
.bg-platinum {
	background-color: #f8f9fa;
	color: #dc3545;	/* bootstrapのdanger色 */
}
/* 詳細テーブル 金賞の行 */
.bg-gold {
	background-color: #F4B084;
	color: white;
}
/* 詳細テーブル 銀賞の行 */
.bg-silver {
	background-color: #A5A5A5;
	color: white;
}

/* ダイアログや拡大写真用×ボタン */
.dialog_close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	height: 40px;
	width: 40px;
	justify-content: center;
	align-items: center;
	z-index: 90;
	background-color: #000000;
	opacity: 0.85;
	cursor: pointer;
}
.dialog_close span, .dialog_close span:before, .dialog_close span:after {
	content: '';
	display: block;
	height: 3px;	/* LINEの太さ */
	width: 40px;
	border-radius: 3px;
	position: absolute;
}
.dialog_close span:before {
	bottom: 0;
	width: 40px;
	transform: rotate(45deg);
	background: linear-gradient(to right, #00ff00, #2e880e);
}
.dialog_close span:after {
	top: 0;
	width: 40px;
	transform: rotate(-45deg);
	background: linear-gradient(to right, #00ff00, #2e880e);
}

/* magnific-popupの上書き */
.mfp-close {
	display: none !important;
}