@font-face
{
font-family:'fontello';
src:url('../../../../../20160611090446im_/http:/manuelle.jp/ga2/fonts/fontello.eot%3F32480171.html');
src:url('../../../../../20160611090446im_/http:/manuelle.jp/ga2/fonts/fontello.eot%3F32480171.html') format('embedded-opentype'),url('../../../../../20160611090446im_/http:/manuelle.jp/ga2/fonts/fontello.woff%3F32480171.html') format('woff'),url('../../../../../20160611090446im_/http:/manuelle.jp/ga2/fonts/fontello.ttf%3F32480171.html') format('truetype'),url('../../../../../20160611090446im_/http:/manuelle.jp/ga2/fonts/fontello.svg%3F32480171.html') format('svg');
font-weight:normal;
font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before
{
font-family:"fontello";
font-style:normal;
font-weight:normal;
speak:none;
display:inline-block;
margin-right:.2em;
text-align:center;
text-decoration:inherit;
width:1em;
font-variant:normal;
text-transform:none;
line-height:1em;
margin-left:.2em
}
span.pictogram
{
font-family:'fontello';
font-size:20px;
line-height:0;
margin-left:5px;
vertical-align:sub
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display:block
}
body
{
background:url('https://web.archive.org/web/20160611090446im_/http://manuelle.jp/ga2/images/bg.png') #000000;
color:#151708;
font-family:'Lato',sans-serif;
font-size:14px;
font-weight:300;
line-height:1
}
h1,h2,h3,h4,h5,h6
{
font-family:'Lato',sans-serif;
font-weight:normal;
margin:0
}
a
{
color:#FFFFFF;
text-decoration:none
}
a:hover
{
color:#FFFFFF
}
a:visited
{
color:#FFFFFF
}
ul
{
-webkit-padding-start:0
}
.float-left
{
float:left
}
.float-right
{
float:right
}
.clearfix:before,.clearfix:after
{
content:"";
display:table
}
.clearfix:after
{
clear:both
}
.clearfix
{
zoom:1
}
.main-container
{
margin:0 auto;
position:relative
}
.videoWrapper
{
height:100%;
padding:0;
position:absolute;
width:100%
}
.videoWrapper iframe
{
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
body.noscroll
{
overflow:hidden
}
.iframestyle
{
border:0;
bottom:0;
height:100%;
left:0;
right:0;
top:0;
position:fixed;
width:100%;
z-index:99999
}
.header
{
background:#000000;
height:50px;
left:0;
top:0;
position:fixed;
width:100%;
z-index:999
}
.header .logo
{
padding:0
}
.menu-collapser
{
position:relative;
background-color:#fefbfc;
color:#151708;
font-family:'Lato',sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
width:100%;
height:50px;
line-height:50px;
padding:0 8px 0 16px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
.collapse-button
{
position:absolute;
right:8px;
top:50%;
width:40px;
background-color:#151708;
color:#fefbfc;
padding:8px 10px;
cursor:pointer;
font-size:14px;
text-align:center;
transform:translate(0,-50%);
-o-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
.collapse-button:hover,.collapse-button:focus
{
background-image:none;
background-color:#151708;
color:#fefbfc
}
.collapse-button .icon-bar
{
background-color:#fefbfc;
color:#151708;
display:block;
height:2px;
width:18px;
margin:2px 0
}
ul.slimmenu
{
list-style-type:none;
margin:0;
padding:0;
width:100%
}
ul.slimmenu li
{
position:relative;
display:inline-block
}
ul.slimmenu>li
{
margin-right:-5px
}
ul.slimmenu>li:first-child
{
border-left:0
}
ul.slimmenu>li:last-child
{
margin-right:0
}
ul.slimmenu li a
{
display:block;
background:#fefbfc;
color:#151708;
padding:19px 16px 19px 16px;
font-size:11px;
font-weight:700;
line-height:1.125;
text-transform:uppercase;
transition:background-color .5s ease-out;
-o-transition:background-color .5s ease-out;
-moz-transition:background-color .5s ease-out;
-webkit-transition:background-color .5s ease-out
}
ul.slimmenu li a:hover
{
background-color:#f7f8fc;
text-decoration:none;
color:#009cff
}
ul.slimmenu li .sub-collapser
{
background:none repeat scroll 0 0 rgba(0,0,0,0.075);
position:absolute;
right:0;
top:0;
width:40px;
height:100%;
text-align:center;
z-index:999;
cursor:pointer;
margin-right:0
}
ul.slimmenu li .sub-collapser:before
{
content:'';
display:inline-block;
height:100%;
vertical-align:middle
}
ul.slimmenu li .sub-collapser>i
{
color:#999;
font-size:14px;
display:inline-block;
vertical-align:middle;
font-style:normal!important
}
ul.slimmenu li ul
{
margin:0;
list-style-type:none;
padding:0
}
ul.slimmenu li ul li
{
background-color:#fefbfc;
width:100%
}
ul.slimmenu li>ul
{
display:none;
position:absolute;
left:0;
top:100%;
z-index:999;
width:100%
}
ul.slimmenu li>ul>li ul
{
display:none;
position:absolute;
left:100%;
top:0;
z-index:999;
width:100%
}
ul.slimmenu.collapsed li
{
display:block;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li a
{
display:block;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li .sub-collapser
{
height:50px
}
ul.slimmenu.collapsed li>ul
{
display:none;
position:static
}
a.fullscreen,a.fullscreenExit
{
display:block
}
.tooltip
{
display:inline;
position:relative
}
.tooltip:hover
{
text-decoration:none
}
.tooltip:hover:after
{
background:#00a1ff;
top:50px;
color:#fff;
content:attr(title);
display:block;
right:0;
padding:15px;
position:absolute;
white-space:nowrap;
z-index:99
}
.tooltip:hover:before
{
border:solid;
border-color:#00a1ff transparent;
border-width:0 6px 6px 6px;
top:44px;
content:"";
display:block;
right:35%;
position:absolute;
z-index:99
}
.free-wall
{
margin:50px 0;
width:100%;
height:100%;
}
.size11
{
height:295px;
width:250px
}
.size12
{
width:295px;
height:500px
}
.size21
{
width:590px;
height:250px
}
.size32
{
width:885px;
height:500px
}
.brick
{
background-color:#000000;
float:left;
cursor:default;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
color:#FFFFFF;
text-shadow: 1px 1px 3px #000;
}
.brick img
{
width:auto;
height:100%
}
.brick .cover
{
overflow:hidden;
margin:20px
}






.brick div.overlay
{
opacity:0;
z-index:102;
position:absolute;
bottom:0;
left:0;
padding:20px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.brick:hover div.overlay
{
opacity:1
}
.brick div.overlay .project-title
{
font-size:18px;
font-weight:700;
text-transform:uppercase
}
a.open-project
{
line-height:2.5;
display:block
}
.tint
{
position:relative;
float:left
}
.tint:before
{
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.75);
-moz-transition:background .3s linear;
-webkit-transition:background .3s linear;
-o-transition:background .3s linear;
transition:background .3s linear
}
.tint:hover:before
{
background:none
}
.cycle-slideshow
{
-webkit-transform:translateZ(0)
}
.client
{
z-index:101;
position:absolute;
bottom:0;
left:0;
top:0;
right:0;
text-align:center;
padding:20px;
color:#fefbfc
}
.number
{
font-weight:700;
font-size:100px;
display:block
}
.client-text
{
font-weight:normal;
font-size:34px
}
.footer
{
height:50px;
position:fixed;
background:#000000;
bottom:0;
left:0;
width:100%;
z-index:999
}
.copyright
{
padding-top:10px;
padding-right:20px;
background:#000000;
font-family:'Lato',sans-serif;
font-size:11px;
font-weight:300;
line-height:1.125;
text-transform:uppercase;
color:#808080;
}
@media all and (min-width:799px)
{
.sub-collapser
{
display:none
}

}
@media all and (max-width:800px)
{
.header
{
position:absolute
}
#freewall
{
margin:0
}

}

/*tablet*/
 @media screen and (max-width: 1024px) {
.brick div.overlay{
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
z-index:102;
position:absolute;
bottom:0;
left:0;
padding:20px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

.tint:before{
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.3);
-moz-transition:background .3s linear;
-webkit-transition:background .3s linear;
-o-transition:background .3s linear;
transition:background .3s linear
}

 }
 
 /* smartPhone */
@media screen and (max-width: 640px) {
 }
/*
     FILE ARCHIVED ON 09:04:46 Jun 11, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:37:09 Aug 28, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 70.554
  RedisCDXSource: 17.364
  exclusion.robots.policy: 0.156
  exclusion.robots: 0.168
  load_resource: 162.59
  esindex: 0.009
  PetaboxLoader3.datanode: 97.748 (4)
  CDXLines.iter: 9.962 (3)
  PetaboxLoader3.resolve: 34.405
  LoadShardBlock: 40.988 (3)
*/