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


html,body{ 
 background-image:url(../images/ug_phone_gallery_bg.jpg); 
 margin: 0;
 padding: 0;
 -webkit-touch-callout: none;
 *overflow-x: auto;
 *overflow-y: hidden; 
}

.iphone html body{ 
 overflow-x: auto;
 overflow-y: hidden; 
}

#wrapper{
 height: 100vh;
}

a:link,a:visited{
 color: fff;
 text-decoration:none
}

.all_link{
 position: fixed;
 top: 0;
 right: 0;
  z-index: 100;
}

.glide__slide{
 overflow: hidden;
}

.glide__slide img{
 width: 100%;
 height: auto;
 display: absolute;
 margin: auto!important;
 }

.img_g{
 position: absolute;
 top: 0;
}

.image_wrap .info_wrapper{
 position: absolute;
 top: 67%;
 left: 0;
 right: 0;
 margin: 0 auto; 
}

.info_wrapper{
 width: 70%;
 *height: 27%;
 *height: auto;
 text-align: center;
 background-color: #c0c0c0;
 font-size: 36px;
 padding: 20px;
 font-weight: bold;
 border: solid 1px #c0c0c0;
 box-shadow:0px 3px 2px -1px #e5e5e5;
 margin: 0 auto;
}

.small_font{
 font-size: 30px;
}

.small_font2{
 font-size: 28px;
}

.g_comment_title{
 font-size: 60%;
 margin: 10px auto 0;
}

.g_comment{
 width: 80%;
 margin: 5px auto 20px;
 font-size: 60%;
 text-align: left;
}

.product_button{
 width: 80%;
 background-color: #362e2b;
 margin: 10px auto;
 padding: 10px 0;
 text-align: center;
 font-weight: bold;
 color: #fff;
}

.image_wrap{
 position: relative;
}

.signpost{
 position: absolute;
 top: 200px;
 right: 220px;
}

.signpost img{
 width: 150%;
 height: auto;
}


@media screen and (orientation:landscape){

html,body{ 
 height:120%; 
}

#wrapper{
 height:120%!important; 
}

#contentswrapper{
 height:120%!important; 
}


.glide{
 height: 100vh;
}

.image_wrap{
 max-width: 70%;
 margin: 0 auto;
}

.info_wrapper{
 *width: 70%;
 padding: 10px;
 font-size: 24px;
}



 }