@charset "utf-8";
/* CSS Document */

#wrapper{
 text-align: center;
}


.s_thumb_wrapper{
 display: inline-block;
}

.s_thumb_wrapper img{
 width: 100%;
 height: auto;
 border: 1px solid #000;
}


@media screen and (orientation:landscape) {

.sample{
 max-width: 1300px;
 margin: 20px auto 0;
}

.s_thumb_wrapper{
 width: 300px;
 margin: 14px;
}

.s_thumb{
 background-color: rgba(255,255,255,0.8);
 position: relative;
}

.s_name{
 color: #362e2b;
 text-align: center;
 font-size: 18px;
 padding: 10px 0;
 font-weight: bold;
}

 }

@media screen and (orientation:portrait) {

.s_thumb_wrapper{
 width: 400px;
 margin: 4vw;
}

.s_thumb{
 background-color: rgba(255,255,255,0.8);
 position: relative;
}

.s_name{
 color: #362e2b;
 text-align: center;
 font-size: 4vw;
 padding: 10px 0;
}


 }