div#content{
  width: 100%;
  height: 100%;
}

ul#s_container {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 100%;
}

ul#s_container li {
  float: left;
  margin: 0;
  padding: 0;
}

li.s_item {
  width: 44%;
  height: 100%;
  opacity: 0;
}

li.s_item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

li#s_main {
  width: 12%;
  height: 100%;
  margin: auto;
  float: left;
  background-color: #FFF;
  color: #FFF;
  text-align: text;
  background-image: url('../img/cmpname.png');
  background-size: auto 45%;
  background-repeat: no-repeat;
  background-position: center 30%;
  position: relative;
  opacity: 0;
}

div#s_msg {
  position: absolute;
  bottom: 2%;
  width: 100%;
  text-align: center;
  color: #000;
  opacity: 0;
}

li#s_libido {
  float: left;
  background-image: url('../img/1087.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 30% center;
}

li#s_seisho {
  float: right;
  background-image: url('../img/IMGP5690.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

div.s_logo {
  position: absolute;
}

div#logo_lb {
  width: 32%;
  height: 12%;
  /*top: 1%;*/
  top: -5%;
  right: 3%;
  background-image: url('../img/lb_logo_bk.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}

div#logo_tb {
  width: 22%;
  height: 14%;
  left: 3%;
  /*top: 0%;*/
  top: -5%;
  background-image: url('../img/tb_logo2.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}

.s_body {
  position: absolute;
  width: 35%;
  font-size: 90%;
  opacity: 0;
}

div#body_lb {
  text-align: right;
  right: 3%;
  top: 14%;
}

div#body_tb {
  text-align: left;
  left: 3%;
  top: 14%;
}

.s_item a:link,
.s_item a:visited {
  color: #FFF;
  text-decoration: none;
}

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

    li.s_item {
	height: 50%;
	width: 75%;
    }

    li#s_main {
	width: 25%;
	position: absolute;
	right: 0;
    }

    div#s_msg {
	font-size: 80%;
    }

    li#s_libido {
	float: left;
    }

    li#s_seisho {
	position: absolute;
	top: 50%;
	float: left;
    }

    .s_body {
	width: 55%;
	font-size: 80%;
    }

    div#body_tb {
	top: 24%;
    }

    div#logo_lb {
	width: 38%;
	height: 12%;
    }

    div#logo_tb {
	width: 28%;
	height: 24%;
    }
}