@charset "utf-8";
body{
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #333;
  background: #fff(255, 255, 255);
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 
  Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-style: normal;
  white-space: nowrap;
}

/* 全体 */ 

 .container {
    width: 100%;
    letter-spacing: 0.05em;
    line-height: 18px;
  }

/* top */

 
  .top-unit {
    display: flex;
  }
  
  .menu{
    padding-top: 200px;
    position: fixed;
  }
  
  .main{
    padding-top: 200px;
    padding-left: 300px;
    width: 100%;
  }
  
  .menu table {
    border-collapse:collapse;
    line-height: 1.83em;
    width: 170px;
  } 

  .main table {
    border-collapse:collapse;
    line-height: 1.83em;
    width: 292px;
  } 

  .hibitodezain table {
    border-collapse:collapse;
    line-height: 1.83em;
    width: 500px;
  } 

  .t-shirts table {
    border-collapse:collapse;
    line-height: 1.83em;
    width: 500px;
  } 

  td{
    border-top:1px #c8c8c8 solid;
  }
  
  
  /* khd */
  
  .khd {
    letter-spacing: 0.05em;
    line-height: 21px;
    position: relative;
  }
  
  .khd-copy {
    margin-bottom: 15px;
  }

  /* katuji */
  .katuji-photo img {
    width: 500px;
    height: 682px;
  }
  /* kh */
  .kh-photo img {
    width: 150px;
    height: 226px;
    margin-bottom: 20px;
    position: absolute;
    top: 408px;
    left: 310px;
  }

  /* top gazo */
  
  .top-gazo img {
    width: 1532px;
    height: 1829px;
  }
  
  /* hibi to dezain */
  
  .hibitodezain-unit {
    letter-spacing: 0.05em;
    font-size: 11px;
    line-height: 21px;
  }
  
  .hibitodezain-set1 {
    margin-bottom: 20px;
  }
  
  .hibi-set1-copy {
    margin-bottom: 30px;
  }
  
  .hibi-set1-gazo img {
    width: 214px;
    height: 600px;
    margin-bottom: 50px;
  }
  
  .hibi-set2-copy {
    margin-bottom: 45px;
  }
  .hibi-set2-gazo img {
    width: 500px;
    margin-bottom: 20px;
  }
 
  
  /* WORKS */
  
  .works-unit1{
    margin-bottom: 50px;
  }
  .works-set1 img {
    width: 290px;
    height: 214px;
    margin-bottom: 20px;
  }
  .works-set1a img {
    width: 290px;
    height: 214px;
    margin-bottom: 15px;
  }
  .works-set-copy {
    margin-bottom: 15px;
  }
  .works-unit2{
    margin-bottom: 50px;
  }
  .works-set2 img {
    width: 290px;
    height: 218px;
    margin-bottom: 20px;
  }
  .works-set2a img {
    width: 290px;
    height: 218px;
    margin-bottom: 20px;
  }
  .works-set2b img {
    width: 290px;
    height: 728px;
    margin-bottom: 15px;
  }
  
  .works-unit3{
    margin-bottom: 50px;
  }
  .works-set3 img {
    width: 290px;
    height: 225px;
    margin-bottom: 20px;
  }
  .works-set3a img {
    width: 290px;
    height: 217px;
    margin-bottom: 15px;
  }
  
  .works-unit4{
    margin-bottom: 50px;
  }
  .works-set4 img {
    width: 290px;
    height: 215px;
    margin-bottom: 20px;
    border: solid #c8c8c8 1px;
  }
  .works-set4a img {
    width: 290px;
    height: 218px;
    margin-bottom: 15px;
  }
  
  .works-unit5{
    margin-bottom: 50px;
  }
  .works-set5 img {
    width: 290px;
    height: 218px;
    margin-bottom: 20px;
    border: solid #c8c8c8 1px;
  }
  .works-set5a img {
    width: 290px;
    height: 227px;
    margin-bottom: 15px;
  }
  
  .works-unit6{
    margin-bottom: 50px;
  }
  .works-set6 img {
    width: 290px;
    height: 218px;
    margin-bottom: 20px;
    border: solid #c8c8c8 1px;
  }
  .works-set6a img {
    width: 290px;
    height: 218px;
    margin-bottom: 15px;
  }

  .works-unit7{
    margin-bottom: 50px;
  }
  .works-set7 img {
    width: 290px;
    height: 213px;
    margin-bottom: 20px;
    border: solid #c8c8c8 1px;
  }
  .works-set7a img {
    width: 290px;
    height: 213px;
    margin-bottom: 15px;
    border: solid #c8c8c8 1px;
  }
  
  .works-unit8{
    margin-bottom: 50px;
  }
  .works-set8 img {
    width: 290px;
    height: 430px;
    margin-bottom: 20px;
  }
  .works-set8a img {
    width: 290px;
    height: 430px;
    margin-bottom: 15px;
  }

  .works-unit9{
    margin-bottom: 50px;
  }
  .works-set9 img {
    width: 290px;
    height: 218px;
    margin-bottom: 20px;
  }
  .works-set9a img {
    width: 290px;
    height: 218px;
    margin-bottom: 15px;
  }

  .works-unit10{
    margin-bottom: 50px;
  }
  .works-set10 img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10a img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10b img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10c img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10d img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10e img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10f img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10g img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10h img {
    width: 290px;
    height: 386px;
    margin-bottom: 20px;
  }
  .works-set10i img {
    width: 290px;
    height: 430px;
    margin-bottom: 15px;
  }
  
  
  
  /* t-shirts */
  
  .t-shirts-unit1{
    margin-bottom: 50px;
  }

  .t-shirts-unit1-copy {
    margin-bottom: 15px;
  }

  .t-shirts-unit1-a img {
    width: 500px;
    height: 500px;
    margin-bottom: 20px;
  }
  .t-shirts-unit1-b img {
    width: 500px;
    height: 500px;
    margin-bottom: 15px;
  }


  /* CONTACT */

  .contact{
    width: 350px;
    margin-bottom: 70px;
    font-size: 11px;
    line-height: 21px;
  }
  
  .contact-text{
   margin-bottom: 24px;
   color: #333;
  }
  
  form{
   font-size: 11px;
  }
  
  .item1{
    overflow: hidden;
    margin-bottom: 19px;
  }
  
  input[type="text"],input[type="email"]{
    border: solid 1px #c8c8c8;
    padding:5px 0px 6px 12px;
    width: 270px;
    font-size: 11px;
    color:#333;
    font-family: sans-serif;
    outline:none;
    margin-bottom: 5px;
  }
  textarea{
    border: solid 1px #c8c8c8;
    padding: 7px 0px 6px 12px;
    height: 100px;
    width: 270px;
    font-size: 11px;
    color:#333;
    font-family: sans-serif;
    outline:none;
  }
  
  input[type="submit"]{
    border: solid 1px #c8c8c8;
    padding: 5px 30px;
    font-size: 11px;
    background: #ffffff;
    color:rgb(126, 126, 126);
  }

  .button:hover {
    background    : #eeeeee;
  }
  
  .thanks-text{
    margin-bottom: 20px;
    color: #333;
  }


  img {
    margin: 0;
    padding: 0;
}  

* {
  margin:0;
  padding:0;
  }

p {
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
}
a {
    color: #333;
    text-decoration: none;
}
a:visited {
    color:#333;
}
a:hover {
    color:rgb(255, 0, 0);
}