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

.info_wrap{
 font-size: 0px;
}



@media screen and (orientation:landscape) {

#contents div{
 max-width:100%!important;
 margin: 0 auto!important;
}

#contents{
 position: relative;
}

.info_wrap{
 width: 100%!important;
 height: 100%;
 min-height: 1034px;
 background-image:url(../images/underwears5_information_bg.png);
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 *margin: 0 auto!important;
}

.infoimg{
 max-width: 450px!important;
 display: inline-block;
}

.infomain{
 width: 100vw;
 height: auto;
 max-width: 800px!important;
 *max-height:550px!important;
 position: absolute;
 top: 14%;
 bottom: 0;
 left: 0;
 right: 40%;
 margin: 0 auto!important;
}


 }

@media screen and (max-width:1300px){

.info_wrap{
 width: 100%!important;
 height: 100%;
 min-height: 700px;
}

.infomain{
 width: 100%;
 height: auto;
 max-width: 600px!important;
}


}

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


.info_wrap{
 position: absolute;
 top: 10%;
 bottom: 0;
 left: 18%;
 right: 0;
 margin: 0 auto;
}



 }


@media screen and (orientation:portrait) {

#contents{
 margin: 0 !important;
}

#contents div{
 margin: 0 auto!important;
}


.info_wrap{
 width: 100%!important;
 height: 900px;
 background-image:url(../images/underwears5_information_bg_mobile.png);
 background-repeat: no-repeat;
 background-position: top;
 background-size: cover;
 position: relative;
}


.infoimg{
 max-width: 450px!important;
}

.infomain{
 position: absolute;
 bottom:0;
 left: 0;
 right: 0; 
}



img{
 width: 100%;
 height: auto;
}

#global-nav{
 margin-top: -20px;
}

 }