@charset "UTF-8";

/*ユーザーページカラー*/
.user_side_bg {
	background-color:#054FBE !important;
}

.info_thum {
    position: relative;
    width: 100%;
	background-position:0% 0%;
}
.info_thum:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}


/*フォーム・テーブル汎用*/

form select.form-control {
  font-size:16px;
  height: calc(1em + 1.75rem + 2px);
  padding: 0.2rem 1.125rem;
}

form input.form-control {
  font-size:16px;
}

form textarea.form-control {
  font-size:16px;
}

form input.fileup {
  height: calc(1em + 1.75rem);
}

.tr_hidden {
  background:#CCC;
}

#footer-menu-bar {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#footer-menu-bar a {
	text-decoration:none;
}

#footer-menu-bar.js_hide {
    transform: translateY(100%);
}

/*dltable*/

.dltable {
    width: 100%;
    background-color: #fff;
}

.dltable dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	text-align: center;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
}

.dltable dl dt{
	padding: 10px 10px 4px;
	font-weight:bold;
	font-size:14px;
	white-space:nowrap;
}

.dltable dl dd{
	padding: 3px;
}

.dltable .row1 {
	width: 25%;
}
.dltable .row2 {
	width: 25%;
}
.dltable .row3 {
	width: 25%;
}
.dltable .row4 {
	width: 25%;
}
.dltable .row5 {
	width: 10%;
}
.dltable .row6 {
	width: 5%;
}

.dltable_upd .row2 {
	width: 20%;
}
.dltable_upd .row3 {
	width: 20%;
}
.dltable_upd .row4 {
	width: 20%;
}

ul.ug {
    width: 100%;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}

ul.ug li {
    width: 100%;
	list-style:none;
	padding:0 0 3px;
	border-bottom:solid 1px #F7F7F7;
}

ul.ug li:last-child {
	border-bottom:none;
}

/*ローダー*/

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255,255,255,0.8);
  z-index: 2000;
  display:none;

}

#loader {
  height:auto;
  text-align: center;
  color: #af9b65;
  margin-top:-50px;
  font-size: 18px;
  font-weight: 700;
}