@charset "UTF-8";
html{
	height:100%;
}
body{
/*	min-height:100%; */
	height:100%;
	display: flex;
	flex-direction:column; //縦並
}
.container {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.bg-mypc1 {
  background-color: #4f5655;
/* background-color: #e40381; */
  color:#000
}
.fg-mypc1 {
  color:#000;
}

.bg-mypc2 {
  background-color: #343a40;
  color:#fff
}
.bg-black {
  background-color: #000;
  color:#fff
}

.bg-mypc3 {
  background-color: #fff;
  color:#000
}

#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
 color:#fff
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
 color:#fff
}

a:link,
a:visited,
a:hover,
a:active {
 color:#333
}

.card .card-header a[data-toggle="collapse"] {
  display: block;
  padding: .75rem 1.25rem;
  margin: -.75rem -1.25rem;
}
.card .card-header a[data-toggle="collapse"]:active,
.card .card-header a[data-toggle="collapse"]:hover,
.card .card-header a[data-toggle="collapse"]:focus {
  text-decoration: none; //リンクテキストの下線を消す
}

img {
 max-width:100%
}

.icon {
 max-width:20px
}
.icon-small {
 max-width:15px
}
.icon-big {
 max-width:40px
}
.inner-space-1 {
 padding-top:1%;
 padding-bottom:1%
}
.inner-space-2 {
 padding-top:2%;
 padding-bottom:2%
}
.border {
 border:1px solid
}
.border-radius-5 {
 border-radius:5px
}
.navbar-brand{
  padding: 0;
}

.border-gray {
 border-color:#ccc
}
.bg-gray {
 background-color:#eeeeee
}
.btn-orange {
    color: #fff; 
    background-color: #000;
}
.btn-orange:hover {
    color: #fff; 
    background-color: #555;
}

.border-lift-5 {
	border-left:5px solid;
    padding-left:1%;
}
.font-red {
 color:red
}
.guide-image {
 max-width:300px
}