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

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

body {
	width:100%;height:auto;
	margin: 0;
	background-color:#ffffff;	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
	color:#000000;
	font-size:12px;
	overflow-x:hidden;
}


::selection {
background: #dcdcdd; /* Safari */
color:#000000;
}

::-moz-selection {
background: #dcdcdd; /* Firefox */
color:#000000;
}

a{
color:#000000;
text-decoration:none;
}


a:hover{
color:#1b962a!important;	
text-decoration:none;
}


a img{opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;
-webkit-filter: none;
   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

a:hover img{
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
zoom:1;
   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}


/* #header
================================================== */

header{
width:240px;
height:100%;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
position:fixed;
z-index:1;
}


h1{
width:120px;
height:auto;	
margin:180px 0 50px 65px;
padding:0px;
text-align:left;
}

div#footer{
width:auto;
height:auto;
margin:0 auto;
padding:0;
text-align:center;
position:fixed;
bottom:4%;
z-index:9999;
}


ul#sns-nav{
width:auto;
height:auto;
margin:0 0 0 55px;
padding:0;
overflow:hidden;
text-align:center;	
position:relative;
z-index:9999;
}

ul#sns-nav li{
width:auto;
height:auto;
margin:0  2px;
padding:0;
text-align:center;
display:inline;
}

ul#sns-nav img{
   width:25px;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	
}



.copyright-txt{
width:auto;
height:auto;
margin:15px 0 0 58px;
text-align:center;
font-size:9px;
}


/* #MAIN
================================================== */


div#main-contents{
margin:0;
padding:0;
-moz-background-size:contain;
background-size:contain;
background-position:right center;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
z-index: -999;
min-height: 100%;
min-width: 960px;
width:85.2%;
 height: auto;
position:fixed;
  bottom:-20px;
  left: 239px;
}


div#main-contents-page{
margin:0;
padding:0;
-moz-background-size:contain;
background-size:contain;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
z-index: -999;
width:960px;
 height: auto;
min-height:100%;
position:relative;
  top: 0;
  left: 239px;
}

div#main-contents-page-about{
margin:0;
padding:0;
-moz-background-size:contain;
background-size:contain;
overflow:hidden;
z-index: 1;
width:100%;
height:100%;
min-height:100%;
position:relative;
  top: 0;
  left: 239px;
}


@media screen and (max-width: 40em) {


/* #MAIN
================================================== */

hr{
	width:100%!important;
	margin:30px 0!important;
	padding:0!important;
}


div#main-contents{
margin:0;
padding:0;
-moz-background-size:contain;
background-size:contain;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
z-index: -1;
min-height:auto;
min-width: 320px;
width:100%;
 height:auto;
position:absolute;
  top: 200px;
  left: 0px;
}

div#main-contents-page{
margin:0;
padding:0;
-moz-background-size:contain;
background-size:contain;
overflow:hidden;
z-index: 1;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
min-height: auto;
width:100%;
 height: auto;
position:inherit;
  top: 0;
  left: 0;
}

.project-post-content  h2{
width:auto;
height:auto;	
font-size:14px;	
font-weight:bold;
margin:0 0 10px 0;
padding:0 0 0 35px;
line-height:140%;
background:url(/images/horizontal-line-black.png) no-repeat 0px 11px;	
}

.blog-image img{
width:100%;
height:100%;
}

.project-post-content  .project-text p{
	width:auto;
	text-align:left;
	margin:0 0 0 0px;
	padding:0;
    font-size:12px!important;
	 line-height: 180%!important;
	 color:#4d4d4d!important;
}

.project-post-content-images{
	width:100%;
	height:auto;
    padding: 0px;
	margin:0 0px 15px 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:none;
}

.project-post-content-images img{
width:100%;
height:auto!important;	
}

.project-post-content {
	width:100%;
    padding: 0px;
	margin:0 0 25px 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:none;
}

.order-button a{
	display:block;
	width:100%;
	height:55px;
	color:#ffffff;
	padding:20px 0 0 0;
	background-color:#000000;
	margin:20px 0 0  0px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.guide-button a{
	display:block;
	width:100%;
	height:55px;
	color:#000000;
	padding:20px 0 0 0;
	border:1px solid #000000;
	margin:10px 0 0  0px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.order-button a:hover{
	display:block;
	width:100%;
	height:55px;
color:#000000;
	padding:20px 0 0 0;
	border:1px solid #000000;
	margin:20px 0 0  0px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.guide-button a:hover{
	display:block;
	width:100%;
	height:55px;
	
		color:#ffffff;
	padding:20px 0 0 0;
	background-color:#000000;
	margin:10px 0 0  0px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}


.project-post-content-option {
	clear:left;
	width:100%;
    padding: 0px;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
}

.postImg{
margin:0 0 20px 0;	
}

.postImg img{
	width:100%;
height:auto;
  border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;	
}

div.single-contents-footer-ttl{
width:auto;
height:auto;	
margin:50px 0 20px 0px;
padding:0px 0 15px 0;
text-align:left;
font-family: "ff-enzo-web",sans-serif;
color:#000000;
font-weight:bold;
font-size:14px;
letter-spacing:0.2em;
background:url(/images/horizontal-line-black.png) no-repeat 0px 30px;
}

.related-item{
clear:left;	
width:auto;
height:auto;
overflow:hidden;
margin:0 0 0 -20px;
padding:0;	
}

.related-thumbnail{
width:44%;
height:35vh;
margin:0px 0 20px 20px;
float:left;
overflow:hidden;
}

.related-thumbnail h2 {
    color: #000000;
    font-size: 12px!important;
    font-family: "ff-enzo-web",sans-serif;
    font-weight: 300;
    line-height: 140%!important;
    margin: 0px;
	padding:6px 0 0 35px;
	letter-spacing:0.2em;
	background:url(/images/horizontal-line-black.png) no-repeat 0px 12px;
}



.related-thumbnail-images img{
width:100%;
height:auto;
}

ul#single-footer-nav{
clear:left;	
width:auto;
height:auto;
margin:50px 0 0px 0;
padding:12px 0 0px 0;
 font-size: 12px!important;
    font-family: "ff-enzo-web",sans-serif;
    font-weight: 600;
	letter-spacing:0.2em;
border-top:1px solid #000000;
}

ul#single-footer-nav .back{
float:left;	
}

ul#single-footer-nav .next{
float:right;	
}


.blog-page-link {
  width:150px;
  display:block;
  margin:40px auto 0px auto;
    padding: 10px;
	text-align:center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    background: #000000;
    color: #ffffff !important;
    font-size: 14px;
	letter-spacing:0.2em;
	font-family: "ff-enzo-web",sans-serif;
    text-transform: uppercase;
    text-decoration: none!important;
    bottom: 0;
}
	

.inner-content{
    padding:0 20px;
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 0 25px;
    line-height: 30px;
}	


div#footer{
width:auto;
height:auto;
margin:0 auto;
padding:0;
text-align:center;
position:relative;
bottom:4%;
z-index:9999;
}

	
}

@media only screen and
(min-device-width : 768px) and
(max-device-width : 900px) {
	
div#main-contents-page{
margin:0;
padding:0;
-moz-background-size:contain;
background-size:contain;
overflow:hidden;
z-index: 1;
width:62%;
height:100%;
min-height:100%;
position:relative;
  top: 0;
  left: 239px;
}

}



ul.cashless-banner{
	position: fixed;
	top:30px;
	left:-8px;
	}
	
	ul.cashless-banner img{
	width:220px;
		}
		
	
		@media screen and (max-width: 800px) {
	
			ul.cashless-banner{
				height:auto;
				position: absolute;
				top:0px;
				left:-10px;
				z-index:9999;
				padding:5px 0;
				transform: translate3d(0, 0, 0);
				background-color:#000000;
				}
				
				ul.cashless-banner img{
				width:140px;
				border-radius:0;
				-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
					}
	
		}