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


html,body{ 
 width: 100000px;
 margin: 0;
 padding: 0;
 overflow-y:hidden;
 overflow-x:hidden;
 *overflow:auto;
}

html{
 *background-color: #dcdcdc;
}

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


#wrapper{
 background-image:url(../images/gallery/uribou_gallery_gallerybg.jpg); 
 *background-size: 6.5% 100%;
}

.button01{
 position: fixed;
 top: 20px;
 right: 20px; 
 *z-index: 9999;
}

.next_button{
 width: 180px;
 height: auto;
 position: fixed;
 bottom: 30px;
 right: 30px; 
 *z-index: 9999;
}

.back_button{
 width: 180px;
 height: auto;
 position: fixed;
 bottom: 30px;
 left: 30px; 
 z-index: 9999;
}

.next,.back{
 width: 180px;
}

#illust_wrap{
 width: 100vw;
 height: 100vh;
 *margin: 0 350px;
 display: inline-block;
 position: relative;
}

.illust_height{
 width: 500px;
 *min-width: 400px;
 *max-width: 600px;
 padding: 0;
 position: absolute;
 top: 10%;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 10;
}

.light_up{
 background-image:url(../images/gallery/uribou_gallery_light.png); 
 background-repeat:no-repeat;
 width: 100%;
 max-width: 1000px;
 max-height: 1300px;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}

.light_up_large{
 background-image:url(../images/gallery/uribou_gallery_light_large.png); 
 background-repeat:no-repeat;
 width: 100vw;
 max-width: 1300px;
 height: auto;
 max-height: 1300px;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}

.artist_infomation_A{
 width:1100px;
 padding: 0;
 position: absolute;
 top: 23%;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 10;
}

.infoA{
 display: inline-block;
}

.artist_infomation{
 width: 750px;
 padding: 0;
 position: absolute;
 top: 23%;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 10;
}

.illust_height img{
 width: 100%;
 height: auto;
 *border: solid 20px #daa520;
}

.illust_width{
 width: 700px;
 *min-width: 400px;
 *max-width: 800px;
 padding: 0;
 position: absolute;
 top: 13%;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 10;
}

.illust_width img{
 width: 100%;
 height: auto;
 *border: solid 20px #daa520;
}

.info_wrap{
 width: 300px;
 text-align: center;
 position: absolute;
 top: 22%;
 bottom: 0;
 *left: 0;
 right: 70%;
 z-index: 10;
}

.info_wrap_width{
 width: 300px;
 text-align: center;
 position: absolute;
 top: 20%;
 bottom: 0;
 *left: 0;
 right: 76%;
}

.info{
 width: 300px;
 text-align: left;
 background-color: #c0c0c0;
 font-size: 15px;
 padding: 5px;
 box-sizing: border-box;
 *position: relative;
 border: solid 1px #c0c0c0;
 box-shadow:0px 3px 2px -1px #e5e5e5;
 *font-weight: bold;
}

.info p{
 padding: 10px;
}

.illusttitle{
 font-weight: bold;
 font-size: 17px;
}

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

.g_comment{
 height: 100px;
 margin: 5px;
 color: #622d18;
}

.g_comment_title{
 margin: 5px;
 color: #622d18;
}

.twitterbutton{
 display: inline-block;
 width: 80px;
 height: 30px;
 font-size: 14px;
 color: #fff;
 background-color: #00bfff;
 line-height: 4px;
 border-radius: 7px;
 margin: 10px;
}

.facebookbutton{
 display: inline-block;
 width: 80px;
 height: 30px;
 font-size: 14px;
 color: #fff;
 background-color: #000080;
 line-height: 4px;
 border-radius: 7px;
 margin: 10px;
}


.exitbutton{
 width: 500px;
 height: 700px;
 position: absolute;
 bottom: 0;
 right: 500px; 
}

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

.small_font{
 font-size: 16px!important;
}

.small_font2{
 font-size: 14px!important;
}

.small_font3{
 font-size: 12px!important;
}

footer {
 position: fixed;
 bottom: 0;
}

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

@media all and (-ms-high-contrast: none){

.light_up{
 position: absolute;
 top: -5%;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}


}