@charset "UTF-8";
html {
  
min-height: 100%;
  
-webkit-box-sizing: border-box;
  
-moz-box-sizing: border-box;
  
box-sizing: border-box;

}



body {
  
/*font-size: 1.3em;*/
  
font-family: "Avenir LT W01 55 Roman",sans-serif;
  
margin: 0;
  
/*padding: 5% 0 0;*/
 					/*padding: 5% 0 0;*/ 
/*background: url("../img/kitten.gif") no-repeat bottom right;*/

}



h1, h2, h3 {
  
font-family: "Avenir LT W01 85 Heavy", sans-serif;
  
font-weight: normal;

}



h2 {
  
margin: 3em 0 1em;

}



a {
  
color: black;

}



.viewport {
  
position: relative;
  
width: 800px;
				/*画像サイズ*/  
margin: 0 auto;				/*margin: 0 auto;*/


height:630px;				/*ナシでもOKか*/
}



.demo {
  
position: relative;
  
height: 630px;
				/*画像サイズ＋３０*/

width:800px;
}


.demo ul li {
  
background-size: cover;
  
background-position: center;

height:630px;				/*画像サイズ＋３０*/

width:800px;
}



ul li img {
height:600px;				/*画像サイズ*/

width:800px;
}

pre {
  
text-align: left;

}



.api {
  
padding: 0;
  
list-style: none;

}


.api p {
  
margin: 0.1em;

}


.api pre {
  
margin-bottom: 0.2em;
  
margin-top: 1.5em;

}


.api ul {
  
margin: 0.2em;

}


.api ul li {
  
font-size: 0.8em;

}



footer {
  
/*margin: 3em 0 0;*/
  
/*padding: 10px 10%;*/

}


footer a {
  
text-decoration: none;
}



.GI_C_prev, .GI_C_next {
  
line-height: 0;

}


.GI_C_prev:after, .GI_C_next:after {
  
position: absolute;
  
top: 14px;
  
left: 8px;

}

.GI_C_prev:after {
  
content: '❮';

}



.GI_C_next:after {
  
content: '❯';

}



.parallax p {
  
padding: 10px;
  
display: inline-block;
  
font-size: 3em;
  
color: white;
  
background: rgba(0, 0, 0, 0.2);

}


.parallax .square {
  
width: 160px;
  
/*height: 160px;*/
  
margin: 10px;
  
float: left;
  
background-size: cover;
  
background-position: center;

}


.parallax .square.big {
  
width: 260px;
  
/*height: 260px;*/

}



.demo {
  
position: relative;
  
height: 630px;				/*height: 600px;画像サイズ*＋３０**/　　　

width:800px;　　　　　　　　　　　　　　　　　　　　　　　　　　

}


.demo ul li {
  
background-size: cover;
  
background-position: center;

}



.GICarousel {
  
padding: 0;
  
top: 0;
  
left: 0;
  
height: 630px;
 				/*height: 100%;＋３０*/ 
width: 800px;
  				/*width: 100%;*//*****************************************************/
overflow: hidden;
  
position: absolute;
  
z-index: 99;


right: 0;
bottom: 0;
margin: auto;
/*width:好きな値;*/
/*height:好きな値;*/
}


.GICarousel ul {
  
padding: 0;
  
margin: 0;
  
list-style: none;
  
display: none;


height:630px;				/*＋３０*/
width:800px;				/******************************************************/
}


.GICarousel .GI_Controls {
  
z-index: 110;

}


.GICarousel .GI_Controls.GI_C_disabled {
  
opacity: 0.3;
  
cursor: default;

}


.GICarousel .GI_C_close {
  
position: absolute;
  
top: 0;
  
right: 0;
  
background: red;
  
width: 50px;
  
height: 50px;

}


.GICarousel .GI_C_prev, .GICarousel .GI_C_next {
  
position: absolute;
  
background: white;
  
font-style: normal;
  
top: 50%;
  
margin: -15px 0 0 0;
  
width: 30px;
  
height: 30px;
  
cursor: pointer;

}


.GICarousel .GI_C_prev {
  
left: 0;

}


.GICarousel .GI_C_next {
  
right: 0;

}


.GICarousel.GI_C_wrapper {
  
height: 630px;
  				/*height: 100%;*＋３０**/
width: 800px;
  				/*width: 100%;*//************************************************/
 
overflow: hidden;
  
position: absolute;
  
/*
  *
  * Slides container
  *
  */
  
/*
  *
  * Slide paginator
  *
  */


top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
/*width:好きな値;*/
/*height:好きな値;*/
}


.GICarousel.GI_C_wrapper ul.GI_C_items {
  
height: 630px;
 				/*height: 100%;*＋３０**/ 
width: 800px;
  				/*width: 100%;*/

display: block;
  
position: absolute;
  
/*
  *
  * Single slide
  *
  */

}


.GICarousel.GI_C_wrapper ul.GI_C_items.animated {
  
-webkit-transition: left 0.4s ease-in-out;
  
-moz-transition: left 0.4s ease-in-out;
  
-o-transition: left 0.4s ease-in-out;
  
transition: left 0.4s ease-in-out;

}


.GICarousel.GI_C_wrapper ul.GI_C_items.animated .parallax {
  
-webkit-transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  
-moz-transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  
-o-transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  
transition: margin 0.8s cubic-bezier(0.19, 1, 0.22, 1);

}


.GICarousel.GI_C_wrapper ul.GI_C_items li {
  
height: 630px;				/*height: 100%;＋３０*/
 
  
width: 800px;
  				/*width: 100%;*/
display: block;
  
float: left;
  
z-index: 100;
  
position: relative;
  
overflow: hidden;

}


.GICarousel.GI_C_wrapper ul.GI_C_items li img {
  
width: 800px;				/*width: 100%;*/

height:600px;				/*画像サイズ*/
}


.GICarousel.GI_C_wrapper ul.GI_C_items li.current {
  
z-index: 105;

}


.GICarousel.GI_C_wrapper ul.GI_C_paginator {
  
/*height: 48px;*/
  
bottom: 0;
  
width: 100%;
  
display: block;
  
position: absolute;
  
text-align: center;
  
z-index: 110;
  
background: rgba(0, 0, 0, 0.2);

}


.GICarousel.GI_C_wrapper ul.GI_C_paginator li {
  
width: 13px;
  
height: 13px;
  
cursor: pointer;
  
margin: 18px;
  
display: inline-block;
  
_display: inline;
  
background: gray;
  
border: 1px solid rgba(0, 0, 0, 0.1);
  
-webkit-box-sizing: border-box;
  
-moz-box-sizing: border-box;
  
box-sizing: border-box;
  
-webkit-border-radius: 100%;
  
-moz-border-radius: 100%;
  
-ms-border-radius: 100%;
  
-o-border-radius: 100%;
  
border-radius: 100%;

}


.GICarousel.GI_C_wrapper ul.GI_C_paginator li.active {
  
background: white;

}