body {
    margin: 0 0 0 0;
}

.container {
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
}

header {
    background: #3dc2a1 
}
header a {
    color: white ;
}
hr{
    border: solid 3px #e7e7e7;
}
.comment_hr{
    border: solid 0.5px lightgray !important;
}
a {
    background-color: transparent;
    color: black;
    text-decoration: none;

}
ul {
    list-style: none;
    margin-left: -50px;
}
li {
    float: left;
    padding: 0 10;
}
li a:hover{
    color: #3dc2a1;
    cursor: pointer;
}

.search_area {
    
    width: 30%;
    padding: 15px 20px;
    margin: 8px 0;
    box-sizing: border-box;
  }

  .thumbnail {
      padding: 0 20;
      margin: 5 5 ;
      text-align: center;
      border: 3px #3dc2a1 solid;
      background: #e9e9e9;
      image-orientation: none;
    }
  .thumbnail-img {
     width: 400px;
     height: 400px;
    vertical-align: middle;
    }
 
  .thumbnail-contents {
      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }

  .button-img {
    width:20px;
    height: 20px;
    vertical-align: middle;
  }
  .btn{
      margin: 10 10;
  }
  .title {
      font-size: 30;
      font-weight: bold;
  }
  .icon-img {
    margin: 5;
    width:15px;
    height: 15px;
    vertical-align: middle;
}
    .store_info {
        margin-top: 10;
}
  

.img-container {
    display: block; width:1000px; height :800px; overflow:hidden;
}
.photo {
    text-align: center;
    vertical-align: middle;
    background: #e6e6e6;
    margin: 0 10% 4% 10%;
}


table {
margin:auto;
}
.thumb-td{
    text-align: center;
    width: 300px;
    padding: 10 10;
    border: 3px #3dc2a1 solid;

}

#thumb-desc {
    font-size: 20px;
    float: left;
    margin-left: 20;
}

.like {
    float: right;
    margin-right: 20;
    cursor:pointer;
 
}
.like:hover #like-icon {
    width: 30;
    height: 30;
}


table thead tr td {
    font-weight: bold;
    text-align: center;
    padding :30 60;
}
table tbody tr td {
    padding : 30 60;
}
caption {
    font-size: 50;
}

.menu_table {
    border-collapse: collapse;
}
.menu_table th {
    color: #168;
    border-bottom: 3px solid #168;
    text-align: left;
}
.menu_table td{
    color: #669;
    border-bottom: 1px solid #ddd;
}
.menu_table tr:hover td {
    color:#004;
}
.main_text {
    font-size: 40px; padding: 50 0;
}

@media ( max-width: 1100px ) {
   .main_text{
       font-size:20px;
   }
   .photo{
    margin: 0 0 80 0;

   }
   #comment-set {
       width:50% !important; 
   }
 
  }

  .container2{
      height: 500px;
      margin: 10%;

  }
  .comment_fieldset {
    width: 80%;
    height:90%;
    float: left;
  }
  .comment_buttonset{
    float: right;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
  }
  .comment_info {
    margin-bottom: 15%; 
    
    height:30px;
    width: 80%;
  }
  .comment_area {
   width: 100%;
   height: 80%;
    font-size: 20px;
  }
 .comment_time {
    color:#808080; 
    margin-left: 1%;
    font-weight: lighter;
 }
 .comment_delete {
    color:#808080; 
    margin-left: 1%;
    font-weight: lighter;
    cursor: pointer;
 }