@charset "UTF-8";
body {
	color: #BEAC74;
    line-height: 2;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.bg-black {
	background-color: black;
}
.bg-darkgray{
	background-color: #222222;
}
.top-logo {
    width: 400px;
    margin: 150px auto 0;
    height: 400px;
    text-align: center;
    padding: 25px;
    position: relative;
}
.top-logo-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    max-width: 300px;
    max-height: 300px;
}
.mybox-1{
    border: 1px solid #BEAC74;
    width: 350px;
    height: 350px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    position: absolute;
}
.mybox-1:after{
    border: 1px solid #BEAC74;
    content: '';
    position: absolute;
    top: -9px;
    left: 7px;
    width: 334px;
    height: 366px;
}
.mybox-2{
    background: none;
    border-left: 1px solid #BEAC74;
    border-bottom: 1px solid #BEAC74;
    margin: 10px 0px;
    padding: 20px;
    position: relative;
}
.mybox-2:after{
    background: none;
    border-left: 1px solid #BEAC74;
    border-bottom: 1px solid #BEAC74;
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.margin-l-10{
	margin-left: 10px;
}
.margin-l-20{
	margin-left: 20px;
}
.btn-primary {
  color: #fff;
  background-color: #BEAC74;
  border-color: #BEAC74;
}

.btn-primary:hover {
  color: #fff;
  background-color: #9E8C54;
  border-color: #9E8C54;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #BEAC74;
  border-color: #BEAC74;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #BEAC74;
  border-color: #BEAC74;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
iframe{
    -webkit-filter: grayscale(100%) contrast(80%) brightness(100%) invert(100%);
    filter: grayscale(100%) contrast(80%) brightness(100%) invert(100%);
}
.border-dot-t {
	border-top: 1px dotted #9E8C54;
}
.border-dot-b {
	border-bottom: 1px dotted #9E8C54;
}
.border-dot-l {
	border-left: 1px dotted #9E8C54;
}
.border-dot-r {
	border-right: 1px dotted #9E8C54;
}
.margin-center {
	margin-left: auto;
	margin-right: auto;
}