/* 共通 */

p1{
    font-size:small;
}

.menu_title{
    margin-left:30px;
}
a:link a:visited a:hover a:active{
    color:black;
}
/*　基本　*/

.no_display{
    display:none;
}
.inline{
    display:inline;
}
.flex{
    display:flex;
}
.flex-wrap{
    display:flex;
    flex-wrap:wrap;
}
.text_right{
    text-align:right;
}
.bold{
    font-weight: bold; 
}
.stringa{
    text-decoration:none;
    color:black;
}
.stringb{
    text-decoration:underline;
    color:black;
}
.margin15{
    margin:15px;
}
.margin40{
    margin:40px;
}
.center{
    margin:0 auto;
    text-align:center;
}
.left{
    margin:0;
    text-align:left;
}

.big_image{
    max-width:500px;
    max-height:500px;
}
.medium_image{
    max-width:350px;
    max-height:350px;
}
.small_image{
    max-width:200px;
    max-height:200px;
}
.shadow{
    filter: drop-shadow(10px 10px 10px #424242);
}

.flex_center{
    display:flex;
    flex-direction:column; 
    justify-content: center; 
    align-items: center; 
}



/* タイトル部分 */
.site_title{
    font-size:xx-large;
    text-decoration:none;
    color:black;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
    margin-top:-20px;
}

.logo{
    width:330px;
}
/*　キーフレーム　*/
@keyframes fade_in{
  0%{
    opacity: 0;
    margin-left:20px;
  }

  100%{
    opacity:1;
    margin-left:0px;
  }
}

/*　キーフレーム　*/
@keyframes jump_in{
  0%{
    opacity: 0;
    margin-left:100vw;
  }

  100%{
    opacity:1;
    margin-left:auto;
  }
}