/*
 * bootstrap-5.3.7-dist
*/

html{
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
}

.row{
    margin-left:0;
    margin-right:0;
}

hr{
    margin-bottom:50px;
}

.fadein3{
    opacity: 0;
    animation: fadeIn 3s forwards;
}

h1,h3{
    color:#CCC;
    font-size:1em;
}


h2{
/*    background-color: #1c1c1c;*/
/*    border-radius: 1em;*/
/*    color:#fff;*/
    color:#1c1c1c;
    font-size:1.5em;
}

.offcanvas-title,
.navbar-nav a{
    font-size:1.5em;
}

canvas{
    background-color: #DDD;
    display: block;
    margin: 0 auto;
    border: 5px solid #111;
}

.button {
   display: inline-block;
   vertical-align: middle;
   text-align:center;
   margin:32px;
}

.button a {
   display: inline-block;
   border-radius: 50%;
}

.button a:hover .left,  a:hover .right{
   border: 0.5em solid #e74c3c;
}

.button a:hover .left:after,  a:hover .right:after {
   border-top: 0.5em solid #e74c3c;
   border-right: 0.5em solid #e74c3c;
}


.right {
    display: inline-block;
    width: 4em;
    height: 4em;
    border: 0.5em solid #333;
    border-radius: 50%;
    margin-right: 1.5em;
}

.right:after {
    content: '';
    display: inline-block;
    margin-top: 1.1em;
/*    margin-left: 0.6em;*/
    width: 1.4em;
    height: 1.4em;
    border-top: 0.5em solid #333;
    border-right: 0.5em solid #333;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.left {
    display: inline-block;
    width: 4em;
    height: 4em;
    border: 0.5em solid #333;
    border-radius: 50%;
    margin-left: 1.5em;
}

.left:after {
    content: '';
    display: inline-block;
    margin-top: 0.6em;
/*    margin-left: -0.6em;*/
    width: 1.4em;
    height: 1.4em;
    border-top: 0.5em solid #333;
    border-right: 0.5em solid #333;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.box{
    
}

.margintop50{
    margin-top:50px;
}

.marginbottom50{
    margin-bottom:50px;
}

.marginbottom20{
    margin-bottom:20px;
}

.sns{
    padding:0;
    margin:0;
    margin-top:50px;
}

.sns .col{
    padding:0;
    margin:0;
    margin-top:50px;
}

#copyright{
    background-color: #212529;
    color:#FFF;
}