@charset "UTF-8";
/*全体共通*/
body{
  font-family:"MS明朝", "Helvetica", "MS Pゴシック",sans-serif;
  font-size:15px;
}

a{
  color:black;
  text-decoration: none;
}
a:visited{
  color:gray;
}



/*h1{
  position: absolute;
  top:0;
  left:50px;

font-size:60px;
font-weight:300;
font-family: "MS明朝";*/

.topimage{
  margin:auto;
    width:50%;    

}



h2 body{
    font-size: 21px;
    font-family:helvetica;
}

.titlefont {
  text-align: center;
  font-size:40px !important;
  font-weight:400;
  font-family: "MS明朝";
margin-bottom: 50px !important;
margin-top: 50px;
margin-left: 50px;
}


/*ページ内リンクの設定*/
.header ul {
    display:flex;
    justify-content:200px;
    flex-wrap:wrap;/*リンクの折り返し指定*/
}


    .header ul li {
 display:block;
      width: 150px;
    text-align:center;
    
    border-right: 1px solid #bdbdbd;

margin-bottom: 10px !important;

    /*gap:40px;
font-family: Arial, Helvetica, sans-serif;
  color:black;
  font-size: 25px;
  font-weight:300;
  position:absolute;
      top:100px;
      left:100px;
      list-style: none;*/}
    
      .header ul li a:hover{
        background-color:#dcd5e7;
      }

      /* BIO*/
      .cv{
  
        position: absolute;
        top:220px;
        left:10px;
      
      font-size:0.7rem;
      font-family: "MS明朝";
      }

/*WORKS,EXHIBITIONの設定*/
    
/*Works*/
.gallery{
      
  text-align: center;
}
.gallery ol{
  
  columns:1 auto;/*段組みの数*/
  width:50%;
  height: auto;
   margin: auto;
   list-style: none;
      margin-bottom: 20px;/*各画像下に余白をつける*/
      margin-top:30px;
}

/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
  width:100%;
  height:auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/
}


/*exhibition*/
.gallerylink{
  margin-left: 10px;
margin-top: 30px;
  display:inline-block;
}

  .gallerylink a:hover{
    background-color:#eaefff;
    
}

.exhibition{
  text-align: center;
  display: block;

}
.exhibition ol{
  margin-top: 20px;
  }



/*いらない？？？？*/
h3{
    font-size:24px;
    font-weight:bold;
    font-family:helvetica;
}


      

  /*contact*/    
.mail{
    margin-top: 100px;
    margin-left:30px;
    font-size:20px;
    
}
.mail a{
  color:black;
}
a:visited{
  color:gray; }
  

  @media screen and (max-width:480px){ 
    .pc { display: none !important; }
    .sp { display: block !important; }

    /*　画面サイズが480px以下の場合ここの記述が適用される　*/
    .index.html{font-size:11px;}
    .topimage{
      margin:auto;
        width:100%;    }

    .BIO{
font-size: 12px;
    
    }
  
  }