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

#wrapper{
 *height: 100vh;
 *text-align: center;
}

.messagethumb img{
 width: 115%;
 height: auto;
 *max-width: 100%;
 *max-height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 *bottom: 0;
 margin: auto;
}

.comment{
 margin: 70px 0;
}

.font_red{
 color: #dc143c;
}



@media screen and (orientation:landscape) {

.sp_br{
 display: none; 
}


.messagethumb{
 width: 370px;
 height: 370px;
 display: inline-block;
 margin: 30px;
 background-color: rgba(255,255,255,0.8);
 vertical-align: top;
 position: relative;
 border: #a688bd solid 1px;
 border-radius: 10px;
 overflow: hidden;
}

.message_name{
 width: 100%;
 height: auto;
 background-color: rgba(255,255,255,0.9);
 color: #362e2b;
 text-align: center;
 position: absolute;
 bottom: 0;
 font-size: 21px;
 line-height: 24px;
 font-weight: bold;
 overflow: hidden;
 padding: 10px 0;
}


 }

@media screen and (orientation:portrait) {

.sp_br{
 display: block; 
}

.sp_lh{
 line-height:25px!important;
}


.messagethumb{
 width: 250px;
 height: 250px;
 display: inline-block;
 margin: 2vw;
 background-color: rgba(255,255,255,0.8);
 vertical-align: top;
 position: relative;
 border: #a688bd solid 1px;
 border-radius: 10px;
 overflow: hidden;
}

.message_name{
 width: 100%;
 height: auto;
 background-color: rgba(255,255,255,0.9);
 color: #362e2b;
 text-align: center;
 position: absolute;
 bottom: 0;
 font-size: 3.5vw;
 line-height: 6vw;
 font-weight: bold;
 overflow: hidden;
 padding: 5px 0;
}


 }