/*
* Author: Łukasz Holeczek
* Template: Essentia Bootstrap Theme
* Version: 1.0.0
* Bootstrap version: 2.3.1
* Copyright 2012 creativeLabs
* www: http://bootstrapmaster.com
* mail: lukasz@bootstrapmaster.com
* You can download this theme on WrapBootstrap: https://bootstrapmaster.com
*/

/* Import Section
=================================================================== */
@import url("icons.css");					/* Icons. */
@import url("icons-color.css");				/* Icons. */  
/*@import url("social-icons.css");*/			/* Social Icons */
@import url("fancybox.css");				/* Fancybox */
@import url("font-awesome.css");			/* Font Awesome */
@import url("font-awesome-ie7.css");		/* Font Awesome */

/* Colors Section
=================================================================== */
.color.white {
	background: #91AFBB/*#d8d0c8*/;
	color: #402840;
}

/*.color.white i {
	color: #414141;
}

.color.white h2 {
	color: #414141 !important;
}

.color.white h2 span {
	background: #fff !important;
	color: #414141 !important;
}

.color.white #page-title h2:before{
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ 
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);  IE10+ 
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
/*}

.color.white #page-title h2:after {
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	/*//background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);  Chrome10+,Safari5.1+ */
/*//	background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);*/  /*Opera 11.10+ */
/*//	background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);*/  /*IE10+ */
/*//	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);  W3C */
/*//	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );  IE6-9 */
/*/*/

.color.blue {
	background: #9191AD;
	color: #414141;
}

/*.color.blue i {
	color: #5bc2ce;
}*/

/*.color.blue h2 span{
	background: #5bc2ce;
}
*/
.color.blue.transparent {
	background: #AAC09B;
	color: #414141;
}

/*.color.blue.transparent i {
	color: #5bc2ce;
}*/

.color.blue.transparent h2 span{
	background: rgba(91,194,206,0);
}



.color.black {
	background: #D9C69B;
	color: #414141;
}

/*.color.black i {
	color: #414141;
}*/

/*.color.black h2 span {
	background: #414141;
}*/

.color.yellow {
	background: #D7A4B6;
	color: #666;
}

/*.color.yellow i {
	color: #ffeb41;
}*/

/*.color.yellow h2 span {
	background: #ffeb41;
}
*/

body {
	font-family: 'FUTURA';
	background: #fff;
	color: #888888;
	font-size: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'FUTURA';
	font-weight: normal !important;
	margin: 0;
	padding: 0;
}

h1 {
  font-size: 36px;
  line-height: 40px;
}

h2 {
  font-size: 20px;
  line-height: 40px;
}

h3 {
  font-size: 18px;
  line-height: 32px;
}

h4 {
  font-size: 13px;
  line-height: 30px;
}

h5 {
  font-size: 12px;
  line-height: 26px;
}

h6 {
  font-size: 11px;
  line-height: 24px;
}

hr {
  	margin: 20px 0;
  	border: 0;
  	border-top: 1px solid #e7e7e7;
  	border-bottom: 1px solid #fefefe;
}

hr.clean {
	margin: 15px 0;
  	border: 0;
  	border-top: 1px solid transparent;
  	border-bottom: 1px solid transparent;
}

a {
	color: #080808;
}
			
.title {
	border-bottom: 1px solid #f6f6f6;
	margin: 30px 0px 20px 0px;
}

.title-out {
}

.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
	border-bottom: 3px solid #080808 !important;
	margin-bottom: -2px !important;
	display: inline-block !important;
	padding: 0px 10px !important;
}

.title-out h1, .title-out h2, .title-out h3, .title-out h4, .title-out h5, .title-out h6 {
	text-shadow: 1px 1px 0px #fff;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 20px;
}

.wrapper {
	padding: 20px 20px;
	margin: 0px auto !important;
	float: none;
}

/* Lists
=================================================================== */
	/*ul, ol { margin: 0; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul {}
	ul ul li, ul ol li,
	ol ol li, ol ul li {}

*/
/* Header
=================================================================== */
	
header {
	height: 50px !important;
	background: rgba(255,255,255,1) !important;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
	        box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

.logo  {}

.nav-collapse.collapse {
    height: auto \9 !important;
    overflow: visible \9 !important;
	position: relative;
	z-index: 9999;
}

.navigation {
	padding: 6px;
	height: 38px !important;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.navbar-fixed-top .navbar-inner {
	background: rgba(255,255,255,.8) !important;
}

.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	background: transparent !important;
	filter: none !important;
	border: none;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.navbar .nav,
.navbar .nav > li {
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	*zoom:1; /* hasLayout ie7 trigger */
	vertical-align: top;
}

.navbar .nav > li > a {
	color: #414141;
	border-top: 0px solid transparent;
	text-shadow: none;
	font-size: 14px;
	padding: 12px 20px;
	padding: 12px 10px \9;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;

}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  	background: #999 !important;		
  	color: #fff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
  	color: #999 !important;	
  	text-decoration: none;
  	background-color: transparent !important;	
  	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
}

.navbar .nav > .active > a:hover {
  	background: #999 !important;		
  	color: #fff !important;
  	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
}

.navbar .nav .active a:hover > .caret {
  	border-top-color: #fff !important;	
  	border-bottom-color: #fff !important;	
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  	color: #ffffff;
  	background: #080808 !important;	
}

.dropdown-menu .active > a {
	color: #ffffff !important;
  	background: #080808 !important;
}
.dropdown-menu .active > a:hover {
  	color: #ffffff !important;
  	background: #080808 !important;	
}

.navbar .btn-navbar {
	border: none;
	background: #fbfbf9;
	color: #222222 !important;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	   -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
		    box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	text-shadow: none;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
	margin: 0px !important;		
}

.navbar .btn-navbar:hover {
	background: #fbfbf9;
	text-shadow: 0 0 1px #222222;
	color: #222222 !important;
	-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	   -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
		    box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;	
}

.nav .active .dropdown-toggle .caret {
  	border-top-color: #080808 !important;	
  	border-bottom-color: #080808 !important;	
}

/* Slider
=================================================================== */

.slider-wrapper:before, .slider-wrapper:after {
	bottom:14px;
	content: "";
	position: absolute;
	z-index: -1;
	-ms-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg); /* Safari and Chrome */
	-o-transform: rotate(-1deg); /* Opera */
	-moz-transform: rotate(-1deg); /* Firefox */
	box-shadow: 0 15px 5px rgba(0, 0, 0, 0.3);
	height: 50px;
	left: 5px;
	max-width: 50%;
	width: 50%;
}
.slider-wrapper:after {
	-ms-transform: rotate(1deg); /* IE 9 */
	-webkit-transform: rotate(1deg); /* Safari and Chrome */
	-o-transform: rotate(1deg); /* Opera */
	-moz-transform: rotate(1deg); /* Firefox */
	left: auto;
	right: 5px;
}

.slider-wrapper {
	position: relative;
	margin-top: 0px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	padding:2px;
	background:#fcfcfc;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
		    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}


/* Page Title
=================================================================== */

#page-title {
	margin: 30px 0px 20px 0px;
}

#page-title-inner {
	padding: 15px 40px;
}

#page-title h2 {
	display: inline-block;
	font-family: 'Courgette', cursive;
	/*font-family: 'Dekko', cursive;*/
	color: #fff;
	font-size: 30px;
	text-align: center;
	/*text-transform: uppercase;*/
	width: 100%;
	position: relative;
}

#page-title h2:before,
#page-title h2:after {
    display: block;
    height: 1px;
    content: " ";
    width: 40%;
    position: absolute;
    top: 0.53em;
	z-index: 1;
}

#page-title h2:before {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    left: 0;
}

#page-title h2:after {
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */	
   	right: 0;  
   	left: auto; 
}

#page-title h2 span {
	padding: 0px 10px;
	position: relative;
	z-index: 2;
}

#info01 {
	width: 220px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#info02 {
	width: 300px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#info03 {
	width: 380px;
	height: 214px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}


/*.post .picture:after {
	-ms-transform: rotate(1deg); /* IE 9 */
	/*-webkit-transform: rotate(1deg);*/ /* Safari and Chrome */
	/*-o-transform: rotate(1deg);*/ /* Opera */
	/*-moz-transform: rotate(1deg);*/ /* Firefox */
	/*left: auto;
	right: 5px;
}*/

/*#portfolio-wrapper .picture {
	position: relative;
}

#portfolio-wrapper .portfolio-item {
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 10px;
}*/

	
/*.picture img {width: 100%; height: auto; border: 1px solid #f6f6f6}

.image-overlay-link,
.image-overlay-zoom {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 40;
	display: none;
	background-color: #222;
	background: rgba(0, 0, 0, .6);
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
}

.image-overlay-link {
	background-image: url(../img/overlay-icon-01.png);
}

.image-overlay-zoom {
	background-image: url(../img/overlay-icon-02.png);
}
*/


/* Caption
=================================================================== */
/*.slide-caption {
	width: auto;
	max-width: 30%;
	padding: 10px 20px;
	margin: 0 0 0px 0px;
	position: absolute;
	display: block;
	left: 20px;
	bottom: 20px;
	background-color: #222;
	background: rgba(0, 0, 0, 0.7);
}

.slide-caption.n {background-color: #222; background: rgba(0, 0, 0, 0.6);}
	
.slide-caption h3 {
	color: #fff;
	font-size: 18px;
	margin:0;
	line-height: 33px;
}
	
.slide-caption p {
	margin:0;
	line-height: 19px;
	color: #bbb;
}
*/

/* Contact Form
=================================================================== */
.field textarea {
	max-width: 97%;
	min-width: 97%;
	height: 130px;
	margin: 5px 0 15px 0;
}

.field input {
	width: 240px;
	margin-bottom: 15px;
}

.field:focus {border: 1px solid #eee;}

.field label span {color:#666;}

.field .validation-error, 
.field .validation-error:focus {
	border:1px solid #f2c4c2;
	background: #ffeceb;
}

.loading {
	background:url(../images/loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	float: left;
	margin: 5px 0 0 10px;
	display: none;
}

.success-message .notification {margin-bottom: 20px;}
.success-message {display:none;}

.form-spacer {margin-top: 20px;}


/* Google Map
=================================================================== */

/*#mapBg {
	height: 620px;
	width: 100%;
	position: relative;
	z-index: 1;
	margin-bottom: -620px;	
}

#contact {
	position: relative;
	z-index: 2;
}

#googlemaps {
	position: relative;
	margin-top: 0px;
	height: 300px;
}


#map {
	height: 300px;
	width: 100%;	
}*/

/* Contact Form
=================================================================== */

#contact-form input:-moz-placeholder,
#contact-form textarea:-moz-placeholder {
  	color: #fff;
}

#contact-form input:-ms-input-placeholder,
#contact-form textarea:-ms-input-placeholder {
  	color: #fff;
}

#contact-form input::-webkit-input-placeholder,
#contact-form textarea::-webkit-input-placeholder {
  	color: #fff;
}

#contact-form input[type="text"] {
	border: 0px;
	height: 40px;
	color: #fff;
	background: rgba(0,0,0,.2) !important;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		    box-shadow: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;	
}

#contact-form textarea {
	border: 0px;
	color: #fff;
	background: rgba(0,0,0,.2) !important;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		    box-shadow: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;	
}


/* Posts
=================================================================== */
.post {

}

.post.post-page {border-bottom: none; margin-bottom: 0;}

.post-content {
	padding: 0px 10px 0px 10px;
	margin: 0px 0 0 0px;
	border-bottom: 1px solid #eee;
}
	
.post .info {
	width: 100px;
	float: left;
	margin-top: 0px;
}

.post .post-date {
	display: block;
	background: #080808;
	color: #fff;
	width: 80px;
	height: 40px;
	text-align: center;
	padding: 10px 0px;
	margin: 10px 0px;
}

.post .post-date .day{
	display: block;
	background: #080808;
	font-size: 20px;
}

.post .post-date .month-year{
	display: block;
	background: #080808;
	font-size: 10px;
}

.post .post-icon {
	display: block;
	width: 80px;
	height: 60px;
	background: #eee;
	font-size: 40px;
	line-height: 65px;
	color: #fff;
	text-align: center;
}



.post .post-meta {
	color: #666;
	margin: -10px 0px 0px 90px;
	padding: 10px 0px;	
}

.post .post-meta a {
	text-decoration: none;
}

.post .post-meta a:hover {
}

.post .post-meta i {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	margin-right: 5px;
	zoom: 1;
}

.post .post-meta span {
	margin-right: 10px;
}


/*#portfolio-wrapper .post-meta {
	background: #f0eff4;
	color: #666;
	padding: 10px 15px;
	border-top: 2px solid #f6f6f6;
	
}

#portfolio-wrapper .post-meta a {
	text-decoration: none;
}

#portfolio-wrapper .post-meta a:hover {
}

#portfolio-wrapper .post-meta i {
	opacity: 0.35;
	filter: alpha(opacity=35);
	-ms-filter:"progid:DXImageTransformff.Microsoft.Alpha(Opacity=35)";
	margin-right: 5px;
	zoom: 1;
}

#portfolio-wrapper .post-meta span {
	margin-right: 10px;
}
*/

/* Widgets
=================================================================== */
/*.widget {
	padding: 10px;
	margin-top: 0px;
}
	
.widget.first {
	margin-top: -30px;
}

/* Tags */
.tags a {
	padding: 5px 10px;
	border: 1px solid #eee;
	display: inline-block;
	color: #666;
	background: #fff;
	margin: 0 3px 6px 0;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border-radius: 1px;
}

.tags a:last-child {margin-right:0;}

.tags a:hover {
	background: #080808;
	border: 1px solid #080808;
	color: #fff;
}

/* Footer
====================================================================== */

footer {
	padding: 40px 0px;
	text-align: center;
}

footer #social {
	margin: 20px auto 0px auto;
	display: inline-block;
	text-align: center;
}

#footer {
	margin-top: 20px;
	background: #222 url(../img/fbg.jpg);
	padding: 20px 30px;
	text-shadow: 0px -1px 0px #000; 
	-webkit-box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	   -moz-box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	        box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	opacity: .95;
}

#footer, 
#footer p, 
#footer a{
	color: #b0b0b0 !important;
}

#footer p i {
	color: #e1e1e1;
	font-size: 15px;
	display: inline-block;
	width: 15px;
	text-align: center
}

#footer a:hover {
	color: #fff;
}

#footer h3 {
	padding: 2px 0px !important;
	margin-bottom: 10px;
	color: #e1e1e1;
	text-shadow: 0px -1px px #000; 
}

#under-footer {
	margin: 20px 0px;
	padding: 0px 20px;
	min-height: 50px;
	background: #222 url(../img/fbg.jpg);
	color: #b0b0b0;
	-webkit-box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	   -moz-box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	        box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	opacity: .95;	
}

#under-footer-logo  {
	height: 46px;
}

#under-footer-logo a{
	color: #e1e1e1;
	text-decoration: none;
	font-size: 22px;
	line-height: 48px;
	margin-left: 5px;
}

#under-footer-logo span {

}

#under-footer-copyright {
	margin: 17px 0px 0px 0px;
}



#under-footer-back-to-top {
	margin: 10px;
	z-index: 999;
}

#under-footer-back-to-top a {
	width: 30px;
	height: 30px;
	display: block;
	background-color: #b0b0b0;
	background-image: url(../img/scroll-top-top.png);
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#under-footer-back-to-top a:hover {background-color: #aaa;}


/* Buttons
=================================================================== */

.btn-overlay {
	display: inline-block;
	background: rgb(235,234,232); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ViZWFlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(235,234,232,1) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(235,234,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(235,234,232,1) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(235,234,232,1) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(235,234,232,1) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(235,234,232,1) 1%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeae8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	border-top: 1px solid #dededc;
	border-bottom: 1px solid #f6f6f6;
	border-left: none;
	border-right: none;
	padding: 4px 5px 5px 5px;
	margin: 5px;
	-webkit-box-shadow: inset rgba(0,0,0,0.05) 0px 5px 6px;
	   -moz-box-shadow: inset rgba(0,0,0,0.05) 0px 5px 6px;
		    box-shadow: inset rgba(0,0,0,0.05) 0px 5px 6px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
		    border-radius: 8px;	
}

.btn {
	border: none;
	background: #fbfbf9;
	color: #222222 !important;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	   -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
		    box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	text-shadow: none;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.btn-small {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2), inset 0px 2px 3px #fff;
	   -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2), inset 0px 2px 3px #fff;
		    box-shadow: 1px 1px 1px rgba(0,0,0,0.2), inset 0px 2px 3px #fff;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	 	-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.btn-mini {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), inset 0px 2px 3px #fff;
	   -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), inset 0px 2px 3px #fff;
		    box-shadow: 1px 1px 1px rgba(0,0,0,0.15), inset 0px 2px 3px #fff;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	 	-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.btn span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #222 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn:hover span {
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #222 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #222 !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	background: #fbfbf9;
	text-shadow: 0 0 1px #222222;
	color: #222222 !important;
	-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	   -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
		    box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;	
}

.btn:active,
.btn.active {
	color: #222222 !important;
	text-shadow: 0 0 10px #222222;
  	background-color: #fbfbf9 \9;
	background-color: #fbfbf9 \9;
}

.btn-primary {
	background: #fbfbf9;
	color: #2FABE9 !important;
}

.btn-primary span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #2FABE9 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-primary:hover span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #2FABE9 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #2FABE9 !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background: #fbfbf9;
	text-shadow: 0 0 1px #2FABE9;
	color: #50c5ff !important;
}

.btn-primary:active,
.btn-primary.active {
	color: #2FABE9 !important;
	text-shadow: 0 0 10px #2FABE9;
  	background-color: #fbfbf9 \9;
	background-color: #fbfbf9 \9;
}

.btn-warning {
	background: #fbfbf9;
	color: #faa732 !important;
}

.btn-warning span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #faa732 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-warning:hover span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #faa732 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #faa732 !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  	background: #fbfbf9;
	text-shadow: 0 0 1px #faa732;
	color: #faa732 !important;
}

.btn-warning:active,
.btn-warning.active {
  	color: #faa732 !important;
	text-shadow: 0 0 10px #faa732;
  	background-color: #fbfbf9 \9;
	background-color: #fbfbf9 \9;
}

.btn-danger {
	background: #fbfbf9;
	color: #f1360a !important;
}

.btn-danger span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #f1360a !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-danger:hover span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #f1360a !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #f1360a !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  	background: #fbfbf9;
	text-shadow: 0 0 1px #f1360a;
	color: #f1360a !important;
}

.btn-danger:active,
.btn-danger.active {
  	color: #fa603d !important;
	text-shadow: 0 0 10px #fa603d;
  	background-color: #fbfbf9 \9;
	background-color: #fbfbf9 \9;
}

.btn-success {
	background: #fbfbf9;
	color: #5AAD34 !important;
}

.btn-success span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #5AAD34 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-success:hover span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #5AAD34 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #5AAD34 !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  	background: #fbfbf9;
	text-shadow: 0 0 1px #5AAD34;
	color: #5AAD34 !important;
}

.btn-success:active,
.btn-success.active {
  	color: #5AAD34 !important;
	text-shadow: 0 0 10px #5AAD34;
  	background-color: #fbfbf9 \9;
	background-color: #fbfbf9 \9;
}

.btn-info {
	background: #fbfbf9;
	color: #2f96b4 !important;
}

.btn-info span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #2f96b4 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-info:hover span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #2f96b4 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #2f96b4 !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  	background: #fbfbf9;
	text-shadow: 0 0 1px #2f96b4;
	color: #2f96b4 !important;
}

.btn-info:active,
.btn-info.active {
  	color: #2f96b4 !important;
	text-shadow: 0 0 10px #2f96b4;
  	background-color: #fbfbf9 \9;
	background-color: #fbfbf9 \9;
}

.btn-inverse {
	background: #fbfbf9;
	color: #222222 !important;
}

.btn-inverse span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #222222 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px, rgba(255,255,255,0.2) 1px 1px 1px !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-inverse:hover span{
	-webkit-text-stroke: 0 !important;
	color: transparent !important;
	background-color: #222222 !important;
	-webkit-background-clip: text !important;
	text-shadow: rgba(255,255,255,0.3) 0 1px 1px, rgba(255,255,255,0.1) 1px 1px 1px, 0 0 1px #222222 !important;
	-webkit-transition: text-shadow .3s ease-out, background-color .4s ease-out !important;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  	background: #fbfbf9;
	text-shadow: 0 0 1px #222222;
	color: #222222 !important;
}

.btn-inverse:active,
.btn-inverse.active {
  	color: #222222 !important;
	text-shadow: 0 0 10px #222222;
  	background-color: #fbfbf9 \9;
	background-color: #fbfbf9 \9;
}





/* オールインワン型スライダー1 */
/* 画面上部の帯 */
#top_belt { max-width:330px;height:15px;background:rgba(255,255,255,.4);margin:0 auto; }
/*スライダー全体のコンテナー*/
#stage {
	
	position: relative;
	max-width: 330px;
	margin: 0 auto;
	background:rgba(255,255,255,.4);
	overflow: hidden;
}
/*全ラジオボタンを非表示に*/
#r1,#r2,#r3,#r4,#r5,#back1,#back2,#back3,#back4,#back5,#next1,#next2,#next3,#next4,#next5 {
	display: none;
}

/* 表示切換えボタンと表示位置 */
.circ img {
	position: absolute;
	bottom: 1%;
	cursor: pointer;
}
#lb1 img { left: 35%;width:3%; }
#lb2 img { left: 40%;width:3%; }
#lb3 img { left: 45%;width:3%; }
#lb4 img { left: 50%;width:3%; }
#lb5 img { left: 55%;width:3%; }
/* 左右送りボタン */
.pb, .nb { color:#fff;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%;z-index:200;pointer-events:auto;}
.pb { left:0%; }
.nb { left:94%; }
.pb:hover, .nb:hover { color:pink; cursor:pointer; }
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 660px) { .pb, .nb { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos {
	position: absolute;
	width:100%;
	height:100%;
	left: 4.55%;
	opacity:0;
	pointer-events: none;
	animation:flowSlides 40s infinite;
}
/* 個々のスライド・現スライド標示ボタン */
.pic {
	position: absolute;
	width:100%;
	height:100%;
}
.pic img:nth-child(1) { width:90.9%; margin-left:4.55%; }
.pic img:nth-child(2) { width:3%; bottom:2.5%; }

/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo1 { left: 0; }
#photo2 { left: 330px; }
#photo3 { left: 660px; }
#photo4 { left: 990px; }
#photo5 { left: 1320px; }
/* 写真の下に現スライド標示ボタンを配置 */
#photo1 img:nth-child(2) { position:absolute;left:35%;width:3%; }
#photo2 img:nth-child(2) { position:absolute;left:40%;width:3%; }
#photo3 img:nth-child(2) { position:absolute;left:45%;width:3%; }
#photo4 img:nth-child(2) { position:absolute;left:50%;width:3%; }
#photo5 img:nth-child(2) { position:absolute;left:55%;width:3%; }
/*チェックされたドットに相当するスライドが画面中央になるようにphotosを移動*/
#r1:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#r2:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#r3:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#r4:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#r5:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
/* 左右送りボタン */
#back1:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#back2:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#back4:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#back5:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next1:checked ~ #photos { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next4:checked ~ #photos { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#next5:checked ~ #photos { animation:flowSlides1 40s infinite; animation-delay: 0s; }
/* 初期スライドショー */
@keyframes flowSlides {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
/* 各スライド向けスライドショー */
@keyframes flowSlides1 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides2 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides3 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides4 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides5 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
/* オールインワン型スライダー1 */


/* オールインワン型スライダー2 */
/* 画面上部の帯 */
#top_belt1 { max-width:330px;height:15px;background:rgba(255,255,255,.4);margin:0 auto; }
/*スライダー全体のコンテナー*/
#stage1 {
	
	position: relative;
	max-width: 330px;
	margin: 0 auto;
	background:rgba(255,255,255,.4);
	overflow: hidden;
}

/*全ラジオボタンを非表示に*/
#r11,#r21,#r31,#r41,#r51,#back11,#back21,#back31,#back41,#back51,#next11,#next21,#next31,#next41,#next51 {
	display: none;
}

/* 表示切換えボタンと表示位置 */
.circ1 img {
	position: absolute;
	bottom: 1%;
	cursor: pointer;
}
#lb11 img { left: 35%;width:3%; }
#lb21 img { left: 40%;width:3%; }
#lb31 img { left: 45%;width:3%; }
#lb41 img { left: 50%;width:3%; }
#lb51 img { left: 55%;width:3%; }
/* 左右送りボタン */
.pb1, .nb1 { color:#fff;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%;z-index:200;pointer-events:auto;}
.pb1 { left:0%; }
.nb1 { left:94%; }
.pb1:hover, .nb1:hover { color:pink; cursor:pointer; }
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 660px) { .pb1, .nb1 { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos1 {
	position: absolute;
	width:100%;
	height:100%;
	left: 4.55%;
	opacity:0;
	pointer-events: none;
	animation:flowSlides 40s infinite;
}
/* 個々のスライド・現スライド標示ボタン */
.pic1 {
	position: absolute;
	width:100%;
	height:100%;
}
.pic1 img:nth-child(1) { width:90.9%; margin-left:4.55%; }
.pic1 img:nth-child(2) { width:3%; bottom:2.5%; }

/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo11 { left: 0; }
#photo12 { left: 330px; }
#photo13 { left: 660px; }
#photo14 { left: 990px; }
#photo15 { left: 1320px; }
/* 写真の下に現スライド標示ボタンを配置 */
#photo11 img:nth-child(2) { position:absolute;left:35%;width:3%; }
#photo12 img:nth-child(2) { position:absolute;left:40%;width:3%; }
#photo13 img:nth-child(2) { position:absolute;left:45%;width:3%; }
#photo14 img:nth-child(2) { position:absolute;left:50%;width:3%; }
#photo15 img:nth-child(2) { position:absolute;left:55%;width:3%; }
/*チェックされたドットに相当するスライドが画面中央になるようにphotosを移動*/
#r11:checked ~ #photos1 { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#r21:checked ~ #photos1 { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#r31:checked ~ #photos1 { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#r41:checked ~ #photos1 { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#r51:checked ~ #photos1 { animation:flowSlides5 40s infinite; animation-delay:-32s; }
/* 左右送りボタン */
#back11:checked ~ #photos1 { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#back21:checked ~ #photos1 { animation:flowSlides1 40s infinite; animation-delay: 0s; }
#back31:checked ~ #photos1 { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#back41:checked ~ #photos1 { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#back51:checked ~ #photos1 { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next11:checked ~ #photos1 { animation:flowSlides2 40s infinite; animation-delay:-8s; }
#next21:checked ~ #photos1 { animation:flowSlides3 40s infinite; animation-delay:-16s; }
#next31:checked ~ #photos1 { animation:flowSlides4 40s infinite; animation-delay:-24s; }
#next41:checked ~ #photos1 { animation:flowSlides5 40s infinite; animation-delay:-32s; }
#next51:checked ~ #photos1 { animation:flowSlides1 40s infinite; animation-delay: 0s; }
/* 初期スライドショー */
@keyframes flowSlides {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
/* 各スライド向けスライドショー */
@keyframes flowSlides1 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides2 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides3 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides4 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
@keyframes flowSlides5 {
	0% { left:0px; opacity:0; }
	2% { left:0px; opacity:1; }
	18% { left:0px; opacity:1; }
	20% { left:0px; opacity:0; }
	20.01% { left:-330px; opacity:0; }
	22% { left:-330px; opacity:1; }
	38% { left:-330px; opacity:1; }
	40% { left:-330px; opacity:0; }
	40.01% { left:-660px; opacity:0; }
	42% { left:-660px; opacity:1; }
	58% { left:-660px; opacity:1; }
	60% { left:-660px; opacity:0; }
	60.01% { left:-990px; opacity:0; }
	62% { left:-990px; opacity:1; }
	78% { left:-990px; opacity:1; }
	80% { left:-990px; opacity:0; }
	80.01% { left:-1320px; opacity:0; }
	82% { left:-1320px; opacity:1; }
	98% { left:-1320px; opacity:1; }
	100% { left:-1320px; opacity:0; }
}
/* オールインワン型スライダー2 */


/* Higher than 960 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {
	
	.navbar-inner > .btn-overlay {
		display: none !important;
	}
	
}

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px){
	
	.navbar-inner > .btn-overlay {
		display: none !important;
	}
	
	.navbar .nav > li > a {
		padding: 12px 15px;
		padding: 12px 15px \9;
	}
	
	.search input:focus{
		width: 120px;
		
	}

}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	.navbar, 
	.navbar-inner, 
	.nav,
	.navbar-inverse {
		float: none !important;
	}
		
	.navbar .nav > li > a {
		padding: 5px 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.search input:focus{
		width: 170px;
		margin-left: -100px;
		
	}
	
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
		
	.navbar .nav > li > a {
		color: #666;
		border-top:4px solid transparent;
		text-shadow: none;
		font-size: 12px;
		padding: 5px 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

	}
	
	#contact-details {
		text-align: center;
		float: left;
	}
		
	/*#filters,
	#portfolio-navi {
		position: relative;
		text-align: left;
		display: block;
		margin: 0 0 23px 0;
	}
	
	#portfolio-navi {
		margin: -5px 0 25px 0;
	}
	
	.portfolio-item {
		margin: 5px 0 25px 0 !important;
	}*/
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		padding-bottom: 20px;
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
	
	body {
		padding: 0px;
	}
	
}	

#copyright {
	font-size: 12px;
}



.logo {
	display: block;
	margin: 0 auto;
}