/*
=====================================================================
*   Woo v1.0 Layout Stylesheet
*   url: styleshout.com
*   05-02-2014
=====================================================================

   TOC:
   a. General and Common Styles
   b. Header Styles
   c. Hero Section
   d. Features Section
   e. Pricing Section
   f. Screenshots Section
   g. Call To Action Section
   h. Testimonials Section
   i. Subscribe Section
   j. Footer
   k. lightbox

   todo: check bug in mobile z-index

===================================================================== */

/* ------------------------------------------------------------------ */
/* a. General and Common Styles
/* ------------------------------------------------------------------ */

body { 	background: #fff url(../images/beige_paper.png);
 }

.section-head {
  	padding: 0 4%;
   text-align: center;
}
.section-head h1 {
   font: 20px/36px 'montserrat-bold', sans-serif;
   color: #333;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 12px;
}

/* for css animations */
.show { opacity: 1; }
.js #mc_embed_signup input[type="email"],
.js #mc_embed_signup input[type="submit"] {
   opacity: 0;
}


/* ------------------------------------------------------------------ */
/* b. Header Styles
/* ------------------------------------------------------------------ */

header {
/*   height: 54px;*/
   width: 100%;
   background: #fff;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 990;

transition-duration: 1s;
    text-align: center;
    padding: 0;
/*    background-color: rgba(255,255,255,0.9) !important;*/
    -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
	display: block;
}



/* header logo */
header .logo {
/*   margin-left: 36px;
   margin-right: 20px;
   float: left;
   width: auto; */
   z-index: 991; 

   /* add position relative since z-index only applies to  
   elements that have been given an explicit position */
   position: relative; 
}
header .logo a {
   display: block;
   margin:0;
   float:left;
	padding: 0;
	border: none;
	outline: none;
   width: 120px;
   height: 100px;   
}
@media (max-width: 767px) {
header .logo a {
   display: block;
   margin:0;
	padding: 0;
	border: none;
	outline: none;
   width: 78px;
   height: 65px;   
}
}
.call {
    margin-top: 30px;
    float: right;
	color:#333;
}
.call p{
	font-size: 28px;
	line-height:20px;
    font-weight: 400;
	margin-bottom:5px;
	font-weight:700;
}
.call span{
	font-size: 15px;
	line-height:15px;
    font-weight: 400;
	margin-top: -30px;
letter-spacing: -0.08em
}
@media (max-width: 767px) {
.call {
	display:none;
	visibility:hidden;
}
}
/* header social */
header .header-social {
	font-size: 20px;
   font-weight: normal;
   line-height: 54px;
   color: #424a56;
   margin: 0 10px 0 0;
   padding: 0;
   float: right;
}
header .header-social li {
   display: inline-block;
   margin-right: 20px;
}
header .header-social li a { color: #fff; }
header .header-social li a:hover { color: #006e8b; }

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {
	 margin: 0;
	 padding: 0;
	 border: none;
	 outline: none;
}

/* nav-wrap */
#nav-wrap {
   font: 15px 'montserrat-regular', sans-serif;
   font-weight:700;
   text-transform: uppercase;
/*   letter-spacing: 1.5px;*/
   float: right;
}

/* hide toggle button */
#nav-wrap > a { display: none; }

ul#nav {
   min-height: 40px;
/*   width: auto;*/
padding: 0 auto;
   /* left align the menu */
   text-align: right;
}
ul#nav li {
   position: relative;
   list-style: none;
/*   height: 40px;*/
   display: inline-block;

}

/* Links */
ul#nav li a {

   /* 8px padding top + 8px padding bottom + 38px line-height = 54px 
   display: inline-block;*/
   display: block; 
   padding: 20px 43px;
   /*line-height: 30px;*/
   text-decoration: none;
   text-align: center;
   color: #fff;

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
ul#nav li a:hover { color: #fff; background-color:#00586f; }
ul#nav li a:active { background-color: #00586f !important; }
ul#nav li.current a { color: #00cf7a; }

@media (max-width: 1199px) {
ul#nav li a {
   font: 13px/30px 'montserrat-regular', sans-serif;
   font-weight:700;
padding: 15px 35px;
}
}
@media (max-width: 991px) {
ul#nav li a {
   font: 12px/30px 'montserrat-regular', sans-serif;
   font-weight:700;
padding: 10px 23px;
}
}


/* ------------------------------------------------------------------ */
/* c. Hero Section
/* ------------------------------------------------------------------ */

#hero {
   padding-top: 180px;
background-color: #000;
	overflow: hidden;
}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	#hero { 
		background: #23292f url(img/hero-bg_@2X.png); 
		background-size: 200px 200px;
	}
  
}


/* Hero Text */
/*.hero-text {
	color: #676e73;
   width: 83%;
   text-align: center;
   margin: 54px auto 24px auto;
}*/
p{
   font: 16px/30px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
#hero h1 {
   font: 40px/1.2em 'montserrat-regular', sans-serif; 
   color: #333;
   padding: 0;
   margin:30px 0 0 0;
   text-align:center;
   text-shadow: 0px 1px 4px rgba(0, 0, 0, .2);
}
@media screen and (max-width: 991px){
#hero{
   padding-top: 149px;
}
#hero h1 {
   font: 30px/1.2em 'montserrat-regular', sans-serif; 
}
}

.centPic {
    margin-top: 20px;
    margin-bottom: 20px;
	text-align:center !important;
}
.centPic img{
	margin:0 auto;
}
/* Hero Image */
.hero-image {
   width: 100%;
   margin: 0 auto;
}
.hero-image img {
   vertical-align: bottom;
   display: block;
}

/* Hero CTA Buttons */
#hero .buttons {
   text-align: center;
   margin: 0 0 18px 0;
}
#hero .buttons .button {
   font: 14px/24px 'montserrat-bold', sans-serif;
   text-transform : uppercase;
   letter-spacing: 2px;
}
#hero .buttons .trial {
   background: #f64b39;
   margin-right: 30px;

   -webkit-animation-delay: 10s;
      -moz-animation-delay: 10s;
       -ms-animation-delay: 10s;
        -o-animation-delay: 10s;
   -webkit-animation-iteration-count: 3;
      -moz-animation-iteration-count: 3;  
}
#hero .buttons .trial:hover { background: #F86A5A; }
#hero .buttons .learn-more {}


/* ------------------------------------------------------------------ */
/* info Section
/* ------------------------------------------------------------------ */
#info, #privacy, #sold, #staff, #link{
/*	margin-top:-50px;*/
	padding-top:50px;
}
#info table{
	background-color:#fff;
}
@media (min-width:768px) {   
#info, #privacy, #sold, #staff, #link{
/*	margin-top:-100px;*/
	padding-top:139px;
}
}
@media (min-width:992px) {   
#info, #privacy, #sold, #staff, #link{
/*	margin-top:-100px;*/
	padding-top:100px;
}
}

/* Portfolio Content */
#screenshots-wrapper{
	margin:20px 0;
}

#screenshots-wrapper .columns { 
    padding:0 10px 10px 0; 
}
.item .item-wrap {
   background: #fff;
   overflow: hidden;
   position: relative;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);

   -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;
}
.item .item-wrap a {
   display: block;
   cursor: pointer;
}

/* overlay */
.item .item-wrap .overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;

	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   background: url(img/overlay-bg.png) repeat;
}
.item .item-wrap .link-icon {
   display: block;
   color: #fff;
   height: 30px;
   width: 30px;
   font-size: 18px;
   line-height: 30px;
   text-align: center;

   opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
}
.item .item-wrap img {
   vertical-align: bottom;

   -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
    
}

/* on hover */
.item:hover .overlay {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.item:hover .link-icon {
   opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.item:hover .item-wrap img {
   -moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.youbox{
	max-width:500px;
	margin:0 auto 20px;
}
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ------------------------------------------------------------------ */
/* link Section
/* ------------------------------------------------------------------ */

#link table.links{
	width:100%;
	margin:30px 0;
}
#link table.links td{ 
vertical-align:middle;
margin-top:30px;
width:100%;
padding: 0;
}
#link table.links td a{
/*display:block;*/
display:table-cell;
width:100%;
height:100%;
color: #666;
padding: 8px;
} 
#link table.links td a:hover{
background-color:#ddd;
color:#00cf7a;
} 
.link1{
	font-weight:700;
	margin-bottom:0;
	line-height:20px;
}
.link2{
	font-size:80%;
	font-weight:normal;
}

#link li{
	border-bottom:solid 1px #ddd;
	width:100%;
	margin-bottom:0;
}
#link li a{
width:100%;
height:100%;
color: #666;
display:block;
padding:5px;
}
#link li a:hover{
background-color:#ddd;
color:#00cf7a;
text-decoration:none;
} 


/* ------------------------------------------------------------------ */
/* d. Features Section
/* ------------------------------------------------------------------ */


#features {
/*   overflow: hidden;*/
	padding-bottom: 30px;
	margin-top:-50px;
	padding-top:50px;
}
@media (min-width:768px) {   
#features{
	margin-top:-139px;
	padding-top:139px;
}
}
@media (min-width:992px) {   
#features{
	margin-top:-100px;
	padding-top:100px;
}
}
.line6 iframe{
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media screen and (max-width: 991px){
.line6 {
/*    height: 350px !important;*/
}
}

.line6 {
    position: relative;
    width: 100%;
    overflow: hidden;
    /*height: 500px;*/
}

#features .feature {
   margin-top: 30px;
   margin-bottom: 54px;
}
#features .right {
   padding-left: 32px;
   float: right;   
}
#features .left {
   padding-right: 32px;
   float: left;   
}
.fluid-video-wrapper { margin-top: 18px; }

/* ------------------------------------------------------------------ */
/* privacy Section
/* ------------------------------------------------------------------ */
#privacy, #staff{
	padding-bottom:30px;
}
.open{
	clear:both;
	margin:15px 15px 0;
	padding:10px;
  	cursor: pointer;
  	background-color:#fff;
  	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.open1{
	min-height:250px;
	clear:both;
	margin:15px 15px 0;
	padding:20px;
  	cursor: pointer;
  	background-color:#fff;
  	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
div.open:hover, div.open1:hover{
	background-color:#eee;
}
div.open .active{
	background-color:#999;
}
.open h3, .open1 h3{
	margin:0;
    font-size: 20px;
}
.open h3:before{
  content: "\f138";
  font-family: FontAwesome;
    margin-right: 10px;
}
.open.active h3:before{
  content: "\f13a";
  font-family: FontAwesome;
}
#staff .stafft:before{
  content: "\f0fe";
  font-family: FontAwesome;
  font-size:2.0em;
  float:left;
}
#staff .active .stafft:before{
  content: "\f146";
  font-family: FontAwesome;
}
.staffw{
	clear:both;
	min-height:450px;
	margin:15px 15px 0;
	padding:20px;
  	background-color:#fff;
  	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.staffw h2 {
	margin-top:0;
	margin-bottom:20px;
}
.staffw img{
margin-right: 20px;	
	float:left;
}
/*.open1 h3:before{
  content: "\f0fe";
  font-family: FontAwesome;
}
.open1.active h3:before{
  content: "\f146";
  font-family: FontAwesome;
}
*/
@media screen and (max-width: 767px){
.open h3, .open1 h3, .open1 p, .staffw h3, .staffw p{
	font-size:90%;
}
.staffw h2{
	font-size:1.2em;
}
}

.open1 h3, .staffw h3{
	margin:0 0 0 40px;
}
.open1 h3 span, .staffw h3 span{
	font-size:80%;
	color:#ccc;
	text-shadow:none;
	font-family: 'Roboto', 'sans-serif';
}
.open1 h4, .staffw h4{
	margin:0 0 0 40px;
	line-height:1.0em;
	font-size:80%;
	color:#00cf7a;
}
.staffw h4{
	margin-top:10px;
}
.open1 img{
	float:left;
	margin-right:20px;
}
#staff span.tbold{
	font-weight:700;
}
@media screen and (max-width: 400px){
.open1 img{
	float:none;
}
}
@media screen and (max-width: 600px){
.staffw img{
	float:none;
}
}
.opinion{
  padding: 10px;
  margin:0 15px; 
  border: 1px #ccc solid;
  background-color:#eee;
  display: none;
}
.opinion1{
  padding: 20px;
  margin:0 15px; 
  border: none;
  background-color:#fff;
  display: none;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
#staff .opinion1 img{
	padding:0;
}

/*----------------------------------------------*/
/*	e. Pricing Section
/*----------------------------------------------*/

#pricing {
	padding-bottom:30px;
	margin-top:-50px;
	padding-top:50px;
}
@media (min-width:768px) {   
#pricing{
	margin-top:-139px;
	padding-top:139px;
}
}
@media (min-width:992px) {   
#pricing{
	margin-top:-100px;
	padding-top:100px;
}
}
#pricing .price-block {
   background: #fff;
   border: 1px solid #E6E6E6;
   text-align: center;
   margin-bottom: 36px;
}
.plan-title {
  	font: 15px/30px 'montserrat-regular', sans-serif;
  	padding: 30px 20px 6px 20px;
   margin-bottom: 0px;
  	text-align: center;
   text-transform: uppercase;
   letter-spacing: 2px;
}
.plan-title .fa {
  	display: block;
  	margin-bottom: 6px;
   font-size: 26px;
}
.plan-price {
	font-family: 'montserrat-bold', sans-serif;
   font-size: 30px;
   color: #333;
	padding: 6px 30px 6px 30px;
   margin-bottom: 0;
	text-align: center;
   letter-spacing: .5px;
}
.plan-price span {
	font-family: 'opensans-light', sans-serif;
	font-size: 15px;
	color: #999;	
	display: block;
	margin-top: 0;
}

ul.features {
   margin: 12px 0 0 0;
   list-style: none;
}
ul.features li {
   line-height: 39px;
   margin-bottom: 0;
}
ul.features li:nth-child(odd) { }
ul.features li:nth-child(even) { }

.plan-sign-up {
  	padding: 24px 15px;
   margin: 0;
   text-align: center;
}
.plan-sign-up .button {
   font: 13px/24px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
}


/* ------------------------------------------------------------------ */
/* c. Screenshots
/* ------------------------------------------------------------------ */

#screenshots {
   padding-bottom: 20px;
   margin-top:-50px;
   padding-top:50px;
}
@media (min-width:768px) {   
#screenshots{
	margin-top:-139px;
	padding-top:139px;
}
}
@media (min-width:992px) {   
#screenshots{
	margin-top:-100px;
	padding-top:100px;
}
}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

   #screenshots {
      background-size: 397px 322px;
   }

}

/**/
.forma{
	margin-bottom: 20px;
/*	z-index: 10;*/
	margin-top: 20px;
}
.forma input{
	border-radius:4px;
	padding-top:10px;
	padding-bottom:10px;
	border:0px;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	font-size:15px;
	color:#000;
	background:#fff;
}
/*.forma input[type="checkbox"] {
  display: none;
}
.forma input[type="checkbox"] + span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 1.2em;
  margin: 0 .2em 0;
  cursor: pointer;
}
.forma input[type="checkbox"] + span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  width: 1em;
  height: 1em;
  display: block;
}
.forma input[type="checkbox"]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-45deg);
  width: 1em;
  height: .6em;
  margin-top: -.2em;
  display: block;
  border-left: 3px solid rgb(231, 16, 99);
  border-bottom: 3px solid rgb(231, 16, 99);
}*/

input:focus{
	//border:0;
	outline:none;
}
textarea:focus{
	//border:0;
	outline:none;
}
.name{
	margin-bottom:10px;
	margin-right: 10px;
	width:403px;
}
.Email{
	margin-bottom:10px;
	width:403px;
}
.Message{
	margin-bottom:20px;
	}	
textarea {
	border-radius:4px;
	padding-top:10px;
	padding-bottom:10px;
	border:0px;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	font-size:13px;
	color:#555555;
	background:#ededed;
	border:none;
    max-width: 816px;
	height: 153px;
    resize: none;
   }
.forma input:focus, .forma textarea:focus{
	background:#dfdfdf;
	border:0;
	color:#555555;
}

.forma input[type="submit"], input[type="reset"] {
	font-family: FontAwesome;
	box-shadow: 0px 2px 0px 0px #00313e;
	background:#00586f ;
	color:#fff;
	margin-right:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:15px;
	font-weight: 700;
}

.forma input[type="submit"]:hover, input[type="reset"]:hover {
	background:#E71063;
	box-shadow: 0px 2px 0px 0px #a80d49 ;
}


.forma .cBtn a{

	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
	font-size:13px;
	color:#fff;
}

.forma .cBtn ul{
	margin-left: -15px;
	margin-top: 6px;
	padding-left:0;
	margin-bottom: 0;
}
.forma .cBtn ul i{
	padding-right: 10px;
}
.forma .cBtn .clear , .cBtn .send{
	margin-bottom: 0;
	margin-top: 4px;
	padding: 10px;
	padding-right: 17px;
	padding-left: 17px
	
}
.forma .cBtn .clear  a, .cBtn .send a{
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
}
.forma .cBtn .send{
	box-shadow: 0px 2px 0px 0px #179abf;
	background:#00cf7a ;
}
.forma .cBtn .send:hover{
	background:#2f2f2f;
	box-shadow: 0px 2px 0px 0px #000 ;
}

/**/
.cont{
	margin-top: 20px;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	font-size:13px;
	color:#666666;
	margin-bottom: 20px;
	z-index: 10;
}

.cBtn ul{
	margin-top: 37px;
	padding-right:0;
	padding-left:0;
	display: inline-block;
}
.cBtn ul li{
	margin-bottom: 15px;
	margin-right: 10px;
	border-radius:4px;
	float:left;
	list-style:none;
	padding:10px auto;
	text-align:center;
	background:#00586f;
	color:#fff;
	box-shadow: 0px 2px 0px 0px #00313e;
	padding-top:11px;
/*	padding-right: 18px;
	padding-left: 18px;*/
}
#zaikoS .cBtn ul li{
	float:none;
	height:60px;
}
.cBtn ul li:last-child{
	margin-right: 0;
}
.cBtn ul a li {
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size: 20px;
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
height: 60px;
}
.cBtn ul li:hover{
	cursor:pointer;
	background:#E71063;
	box-shadow: 0px 2px 0px 0px #a80d49;
	color:#fff;
}
.cBtn a .telUs{
	line-height:20px;
	height: 60px;
}
.cBtn a .telUs span{
line-height:13px;
font-size: 13px;
font-weight: 700;
letter-spacing: -0.08em;
}
.cBtn a .mailUs{
	line-height:40px;
}
.cBtn a .lineUs{
	line-height:40px;
}
.cBtn a .printC {
	line-height:40px;
	margin-right:0;
}




/* ------------------------------------------------------------------ */
/* j. Footer
/* ------------------------------------------------------------------ */

footer {
   color: #3c4753;
    background-color: #222;
   font-size: 13px;
   position: relative;   
}
footer hr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #333;
    height: 0;
}
.line7 {
    position: relative;
	padding-top:20px;
    width: 100%;
    overflow: hidden;
    max-height: 100%;
/*    background: url(../images/bgTop.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.footer h3 {
    margin-top: 20px;
    font-size: 20px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 17px;
}
.footer p {
    font-size: 16px;
	line-height:20px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 300;
    color: #ccc;
    text-align: center;
}
@media (max-width:768px) {   
.footer p {
    font-size: 13px;
	line-height:18px;
}
}
/*SNS*/
#social-icon{
	text-align:center;
	float:none;
}
#social-icon a {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  padding: 0;
  color: #fff;
  text-align:center;
/*  border-radius: 50%;*/
}
#social-icon i {
  width: 50px;
  height: 50px;
  margin: 0;
/*  border-radius: 50%;*/
  background: #00586f;
  line-height: 50px;
  text-align: center;
}
#social-icon i:before { padding 0; line-height: 50px; }
#social-icon a:hover i { background: #E71063;}


.soc ul li{
	float:left;
	text-align: center;
	text-decoration:none;
	list-style:none;
	
}
.soc {
	margin-top: 30px;
	text-align: center;
}
.soc ul{
	margin-left: 24px;
    margin-bottom: 0;
	padding-left: 0;
	display: inline-block;	
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
}
.linei a {
    display:block;
    text-decoration:none;
	border-radius: 50%;
}
.linei img {
    background:#00cf7a;
	border-radius: 50%;
	padding:15px;
	width:49px;
	height:48px;
}
.linei img:hover {
    background:#000;
}
 a.aBtn{
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size: 20px;
	text-align:center;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 700;
	height: 60px;
	padding:10px;
	margin-top:10px;
    	background:#00cf7a;
	box-shadow: 0px 2px 0px 0px #179abf;
	border-radius: 4px;
}
a.aBtn:hover{
	cursor:pointer;
	background:#2f2f2f;
	box-shadow: 0px 2px 0px 0px #000;
	color:#fff;
}
/**/
.lineBlack{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
	
	background: url(../images/bgFooter.png)  no-repeat;
	background:#101010;
}
.downLine{
	margin-bottom: 35px;
	margin-top: 30px;
}
.downLine p{
	font-size:13px;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	color:#fff;
}
.copy{
	clear:both;
	margin: 30px 0;
}
#downMenu{
	float:left;
    padding-left: 0;
}
#downMenu li{
/*	height: 16px;
	border-right:1px solid #343434;*/
	float:left;
	list-style: none;
}
#downMenu li:last-child{
	border-right:none;
}
#downMenu li a{
	padding: 15px;
	text-decoration: none;
	font-size: 1.2em;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	color: #ccc;
	margin: 0;
    line-height: 2.5em;
}
#downMenu li:last-child a{
	padding-right:0;
}
#downMenu li a:hover{
	color:#E71063;
}
@media screen and (max-width: 991px){
	.copy p{
		clear:both;
		text-align:center;
	}
	#downMenu ul li{
		float: none;
		text-align:center;
	}
	/*#downMenu li a {
	padding: 5px;
}*/
	.line6{
		/*height:350px;*/
	}
}








footer a, footer a:visited { color: #0A6567; }
footer a:hover, footer a:focus { color: #fff; }

footer .info { padding-right: 90px; }

footer .footer-logo a {
   display: block;
   margin-bottom: 12px;
   margin-top: 12px;
   margin-left: 3px;
}
footer .footer-logo a img {
   height: 24px;
   width: 92px;
}

footer .right-cols .columns {
   padding-right: 5px;
   padding-left: 5px;
   width: 33.33333%; ;
}
footer .right-cols .columns p { margin-bottom: 6px; }

footer h3 {
   font: 13px/24px 'opensans-semibold', sans-serif;
   margin-bottom: 0;
   font-weight: normal;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
}
footer h3:before {
   font-family: 'FontAwesome';   
	margin: 0 0 6px 3px;
	font-size: 30px;
   line-height: 48px;
   text-align: left;
   color: #738291;
   display: block;
}
footer h3.address:before { content: "\f041"; }
footer h3.social:before { content: "\f0c0"; }
footer h3.contact:before { content: "\f0e0"; }

/*footer ul {
   margin: 0;
   padding: 0;
}
footer ul li {
   margin: 0;
   line-height: 24px;
}
footer ul li a,
footer ul li a:visited { color: #3c4753; }
footer ul li a:hover,
footer ul li a:focus { color: #fff; }

/* copyright */
/*footer .copyright {
   margin: 0;
   padding: 0 18px;
   clear: both;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
    position:fixed;
    bottom:15px;
    right:15px;
}
.totop a {
    display:block;
    text-decoration:none;
}
.totop img {
    background:#00586f;
}
.totop img:hover {
    background:#E71063;
}


/*================================================
 *  一覧ページへの戻り
 ================================================*/
.toreturn {
    position:fixed;
    bottom:15px;
    left:15px;
}
.toreturn a {
    display:block;
    text-decoration:none;
	border-radius: 50%;
}
.toreturn img {
    background:#00cf7a;
	border-radius: 50%;
}
.toreturn img:hover {
    background:#000;
}



/*================================================
 *  追加css
 ================================================*/
.line2{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:100%;
    background: #f0f0f0 url(../images/beige_paper.png) repeat top left;
    padding: 50px 0;
}
.line2 hr{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    height: 0;
}
.line2 h4 {
    color: #006e8b;
}
.line3{
	position: relative;
	width: 100%;
    padding: 50px 0;
	overflow: hidden;
	height:100%;
	background: url(../images/bgTop.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line3 h3, .line3 p{
    color: #fff;
}
.line3 h4{
margin-top: 0.25em;
    margin-bottom: 0.25em;
    font-size: 1.5em;
    color: #E71063;
    font-weight: 700;    
}
.linetop{
background-color: #222;
    width: 100%;
    margin: 0;
    padding-top: 158px;

}
@media (max-width:768px) {
.linetop{
    padding-top: 65px;

}

}
.linetop h2{
    color: #fff;
    padding: 20px 0;
}

.Ama{
/*	margin-top: 201px;
	margin-bottom: 133px;
	margin-top: 241px;
	margin-bottom: 94px;*/
}

@media (min-width:768px) {   
.Ama {
		margin-top: 30px;
		margin-bottom: 30px;
	}
.Ama h1{
	font-size: 42px;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
	margin-top: 17px;
}
.Ama p{
	font-size: 16px;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
}
@media (max-width: 767px) {
.Ama {
		margin-top: 15px;
		margin-bottom: 15px;
	}
.Ama h1{
	font-size: 24px;
	line-height:30px;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 400;
	margin-top: 17px;
}
.Ama p{
	font-size: 14px;
	text-align:center;
	color: #fff;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
}
}
/**/
#privacy ul li{
	list-style:circle;
}

/* ---------------------------------------------------zaiko----------------- */
#zaiko{
    padding-bottom: 30px;
	color:#333;

	}
#zaiko a{
	color:#333;
	text-decoration:none;
}
#zaiko a:hover{
	color:#006e8b;
	text-decoration:none;
}
.kousin{
	margin-top:20px;
}
.sort form{
	float:right;
	margin-bottom:0;
}
.sort select {
    display: block;
    padding: 10px 15px;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: middle;
    min-width: 225px;
    max-width: 100%;
    font-size: 15px;
    line-height: 24px;
    color: #555555;
    background: #ededed;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
	/* ----zaikoリンク--- */
a.indiv {
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:10px;
	background-color:#fff;
	display:block;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	}
a:hover.indiv {
	margin-left:-10px;
	margin-right:-10px;
	background-color:#eee;
	display:block;
}
a:hover.indiv img{
    opacity: 0.5;
}
a:active.indiv {
	margin-left:-10px;
	margin-right:-10px;
	background-color: #DCEDED;
	display:block;
}
/* ----スペックbox--- */
.specs span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* ----スペックタイトル--- */
.spect{
	font-size:80%;
	padding-right:0;
}
.spectg{
	font-size:80%;
	padding-right:0;
/*    	color:#000;*/
}
.spects{
	font-size:80%;
	padding-right:0;
}
	
/* ----zaikoメディア対応--- */

@media (min-width: 1200px) {
#zaiko{
	
	font-size:1.0em;
	line-height:1.8em;
}
.specs{
	padding:10px;
}
.specs span.spectg{
    line-height: 36px;
}
.specs span.spects{
    line-height: 32px;
}

.specs p.hontai{
	padding-right:0;
	padding-left:0px;
	margin-bottom:0;
	font-size:1.0em;
	font-weight:700;
	color:#999;
    line-height: 36px;
}
.specs p.sougaku{
	color:#C00;
	padding-right:0;
	padding-left:0px;
	margin-bottom:0;
	font-size:1.1em;
	font-weight:700;
    line-height: 36px;
}
.specs p.hontai span{
	font-size:1.7em;
}
.specs p.sougaku span{
	font-size:1.8em;
}
.specs hr{
	margin: 10px 15px;
}
.maker{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	color:#666;
	font-weight:700;
}
.carname{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	font-weight:700;
	font-size:1.2em;
}
.grade{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.shiyo{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
}
@media (max-width: 1199px) {
#zaiko{

	font-size:0.9em;
	line-height:1.5em;
}
.specs{
	padding:10px;
}
.specs span.spectg{
    line-height: 26px;
}
.specs span.spects{
    line-height: 26px;
}
.specs p.hontai{
	padding-right:0;
	padding-left:15px;
/*	padding-left:0px;*/
	margin-bottom:0;
	font-size:1.0em;
	font-weight:700;
	color:#999;
    line-height: 26px;
}
.specs p.sougaku{
	padding-right:0;
	padding-left:15px;
/*	padding-left:0px;*/
	margin-bottom:0;
	font-size:1.0em;
	font-weight:700;
    line-height: 26px;
	color:#C00;
}

.specs p.sougaku span{
	font-size:1.7em;
}
.specs p.hontai span{
	font-size:1.4em;
}
.specs hr{
	margin: 10px 15px;
}
.maker{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	color:#666;
	font-weight:700;
}
.carname{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	font-weight:700;
	font-size:1.2em;
}
.grade{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.shiyo{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
}
@media (max-width: 991px) {
#zaiko{
	
	font-size:0.9em;
	line-height:1.5em;
}
.specs{
	padding:10px;
}
.specs span.spectg{
    line-height: 25px;
}
.specs span.spects{
    line-height: 25px;
}
.specs p.hontai{
	padding-right:0;
	padding-left:0;
	margin-bottom:0;
	font-size:1em;
	font-weight:700;
	color:#999;
    line-height: 23px;
}
.specs p.sougaku{
	color:#C00;
	padding-right:0;
	padding-left:0;
	margin-bottom:0;
	font-size:1.2em;
	font-weight:700;
    line-height: 23px;
}

.specs p.hontai span{
	font-size:1.3em;
}
.specs p.sougaku span{
	font-size:1.5em;
}
.specs hr{
	margin: 10px 15px;
}
.maker{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	color:#666;
	font-weight:700;
}
.carname{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	font-weight:700;
	font-size:1.2em;
}
.grade{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.shiyo{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
/*.itext{
	padding-right:10px;
	padding-left:0;
}*/

}

@media (max-width: 767px) {
#zaiko{
	
	font-size:1.0em;
	line-height:1.3em;
}
.m-10{
	margin-right:20px !important;
}
.specs{
	padding:5px 0 !important;
	width: auto;
}
.specs span.spectg{
    line-height: 25px;
}
.specs span.spects{
    line-height: 25px;
}
.igazo{
	padding-right:0px;
}
.maker{
	font-size:0.8em;
	font-weight:700;
	padding-left:5px;
	padding-right:0;
}
.carname{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	font-weight:700;
	font-size:1.2em;
	padding-left:5px;
}
.grade{
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	padding-left:5px;
}
.itext{
	padding-right:0;
	padding-left:5px;
}
.specs p.hontai{
	padding-right:0;
	padding-left:5px;
	margin-bottom:0;
	font-size:0.9em;
	font-weight:700;
	color:#999;	
    line-height: 23px;
}
.specs p.sougaku{
	padding-right:0;
	padding-left:5px;
	margin-bottom:0;
	font-size:1.1em;
	font-weight:700;
	color:#C00;
    line-height: 23px;
}
.specs p.hontai span{
	font-size:1.3em;
}
.specs p.sougaku span{
	font-size:1.5em;
}
a.indiv::after{
  	content: "\f138";
  	font-family: FontAwesome;
	font-size:1.5em;
	right: 10px;
	top:45%;
	position: absolute;
}
}


@media (max-width: 479px) {
#zaiko{
	
	font-size:1.0em;
	line-height:1.0em;
}
.m-10{
	margin-right:10px !important;
}
.specs{
	padding:5px 0 !important;
	width: auto;
	}
.igazo{
	padding-right:0px;
}
.maker{
/*	font-size:0.7em;*/
	font-weight:700;
	padding-left:5px;
	padding-right:0;
}
.itext{
	padding-right:0;
	padding-left:5px;
}
.specs span.spectg{
    line-height: 25px;
}
.specs span.spects{
    line-height: 25px;
}
.specs p.hontai{
	padding-right:0;
	padding-left:5px;
	margin-bottom:0;
	font-size:0.9em;
	font-weight:700;
	color:#999;	
}
.specs p.sougaku{
	padding-right:0;
	padding-left:5px;
	margin-bottom:0;
	font-size:1.1em;
	font-weight:700;
	color:#C00;
}
.specs p.hontai span{
	font-size:1.3em;
}
.specs p.sougaku span{
	font-size:1.5em;
}
a.indiv::after{
  	content: "\f138";
  	font-family: FontAwesome;
	font-size:1.5em;
	right: 10px;
	top:45%;
	position: absolute;
}
}


/* ---------------------------------------------------zaikoS----------------- */
#zaikoS{
    padding-bottom: 30px;
	color:#333;
	}
#zaikoS a{
	color:#fff;
	text-decoration:none;
}
#zaikoS a:hover{
	color:#fff;
	text-decoration:none;
}
.Sh1 h1{
	padding-left:15px;
	padding-right:15px;
}
.smaker{
	color:#666;
	font-weight:700;
	padding-right:0;
}
.sgrade, .sshiyo{
	padding-right:0;
	color:#666;
	font-weight:700;
}
.kakaku{
	font-weight:700;
	color:#999;
	margin-left:15px;
}
.kakaku span{
	padding:0 10px;
}
.maing{
	text-align:center;
	padding:0 auto;
}
#gazou{
	margin:0 auto;
}
.gallery ul{
	padding-bottom:1px;
	margin-bottom:0;
	margin-top:0;
	}
.gallery ul li{
	padding-left:0;
	padding-right:1px;
	margin-bottom:0;
	}

.gallery figure{
	padding-bottom:1px;
	padding-left:0;
	padding-right:1px;
	margin-bottom:0;
	margin-top:0;
	}



#zaikoS table.table{
	background-color:#fff;
}
.mdspec{
	padding-left:0;
	padding-right:0;
}
.mdspec table{
	border-bottom: 1px solid #ddd;
}


/* -----------------------------------------------------zaikoSメディア対応1200～--- */

@media (min-width: 1200px) {
#zaikoS{

	font-size:1em;
	line-height:1.8em;
}
.Sh1 h1{
    	font-size: 30px;
    	line-height: 35px;
	display:block;
	margin-bottom:12px !important;
}
.smaker{
	font-size:20px;
}
.scarname{
	padding-left:15px;
}
.sgrade, .sshiyo{
	padding-left:15px;
    	font-size: 30px;
    	line-height: 35px;
	color:#313131;
	font-weight:700;
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	letter-spacing: -1px;
	font-family: 'montserrat-bold', sans-serif;
}
.shouhizei{
    font-size: 20px;
    line-height: 50px;
	padding-right:0;
	color:#c00;
	font-weight:700;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.kakaku{
    font-size: 20px;
    line-height: 50px;
}
.kakaku span{
    font-size: 35px;
    line-height: 50px;
	font-weight:700;
	color:#999;
}
.kakaku span.sougakut{
    font-size: 20px;
    line-height: 50px;
	font-weight:700;
	color:#000;
}

.kakaku span.sougaku1{
	color:#c00;
    font-size: 20px;
    line-height: 50px;
	padding:0;
}
.kakaku span.sougaku2{
	color:#c00;
    font-size: 40px;
}
#gazou{
	max-width:640px;
	height:auto;
}
	
.gallery ul{
	padding-left:0;
	padding-right:0;
	}
.mdspec .table > tbody > tr > th{
	padding-right:0;
	font-size:0.9em;
}
.soubi{
	padding-left:0;
	padding-right:0;
	}
}
/* -----------------------------------------------------zaikoSメディア対応～1199--- */
@media (max-width: 1199px) {
#zaikoS{

	font-size:0.9em;
	line-height:1.5em;
}
.Sh1 h1{
    font-size: 30px;
    line-height: 35px;
	display:block;
	margin-bottom:12px !important;
}
.smaker{
	font-size:18px;
}
.sgrade, .sshiyo{
    font-size: 18px;
    line-height: 22px;
}
.shouhizei{
    font-size: 20px;
    line-height: 50px;
	padding-right:0;
	color:#c00;
	font-weight:700;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.kakaku{
    font-size: 20px;
    line-height: 50px;
	font-weight:700;
	color:#999;
}
.kakaku span{
    font-size: 35px;
    line-height: 50px;
	font-weight:700;
	color:#999;
}
.kakaku span.sougakut{
	color:#000;
    font-size: 20px;
    line-height: 50px;
	padding:0;
}
.kakaku span.sougaku1{
	color:#c00;
    font-size: 20px;
    line-height: 50px;
	padding:0;
}
.kakaku span.sougaku2{
	color:#c00;
    font-size: 40px;
}
.gallery ul, .soubi, .coment{
	padding-left:0;
	padding-right:0;
	}
.mdspec .table > tbody > tr > th{
	padding-right:0;
	font-size:0.9em;
}
.soubi{
	padding-left:0;
	padding-right:0;
	}
	}
/* -----------------------------------------------------zaikoSメディア対応～991--- */
@media (max-width: 991px) {
#zaikoS{

	font-size:0.9em;
	line-height:1.5em;
}
.Sh1 h1{
    font-size: 25px;
    line-height: 30px;
	display:block;
	margin-bottom:12px !important;
}
.smaker{
	font-size:16px;
}
.sgrade{
    font-size: 16px;
    line-height: 22px;
}
.sshiyo{
    font-size: 16px;
    line-height: 22px;
}
.shouhizei{
    font-size: 16px;
    line-height: 40px;
	padding-right:0;
	color:#c00;
	font-weight:700;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.kakaku{
    font-size: 16px;
    line-height: 40px;
	font-weight:700;
	color:#999;
}
.kakaku span{
    font-size: 30px;
    line-height: 40px;
	font-weight:700;
	color:#999;
}
.kakaku span.sougakut{
	color:#000;
    font-size: 16px;
    line-height: 40px;
	padding:0;
}
.kakaku span.sougaku1{
	color:#c00;
    font-size: 16px;
    line-height: 40px;
	padding:0;
}
.kakaku span.sougaku2{
	color:#c00;
    font-size: 35px;
}
.gallery ul{
	padding-left:0;
	padding-right:0;
	}
.mdspec .table > tbody > tr > th{
	padding:5px 0 5px 5px;
	font-size:0.7em;
}
.mdspec .table > tbody > tr > td{
	padding:5px 0 5px 5px;
	font-size:0.9em;
}
.soubi{
	padding-left:0;
	padding-right:0;
	}
	}

/* -----------------------------------------------------zaikoSメディア対応～767--- */
@media (max-width: 767px) {
#zaikoS{

	font-size:1.0em;
	line-height:1.3em;
}
.Sh1 h1{
    font-size: 22px;
    line-height: 25px;
	display:block;
	margin-bottom:12px !important;
}
.smaker{
	font-size:15px;
}
.sgrade{
	margin-top:5px;
    font-size: 15px;
    line-height: 18px;
	color:#666;
}
.sshiyo{
    font-size: 15px;
    line-height: 18px;
	color:#666;
}
.shouhizei{
    font-size: 16px;
    line-height: 40px;
	padding-right:0;
	color:#c00;
	font-weight:700;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.kakaku{
    font-size: 16px;
    line-height: 40px;
	font-weight:700;
	color:#999;
}
.kakaku span{
    font-size: 25px;
    line-height: 40px;
	font-weight:700;
	color:#999;
}
.kakaku span.sougakut{
	color:#000;
    font-size: 16px;
    line-height: 40px;
	padding:0;
}
.kakaku span.sougaku1{
	color:#c00;
    font-size: 16px;
    line-height: 40px;
	padding:0;
}
.kakaku span.sougaku2{
	color:#c00;
    font-size: 30px;
}
.gallery ul{
	padding-left:15px;
	padding-right:15px;
	}
.soubi{
	padding-left:15px;
	padding-right:15px;
	}	}
/* -----------------------------------------------------zaikoSメディア対応～479--- */
@media (max-width: 479px) {
#zaikoS{

	font-size:0.8em;
	line-height:1.0em;
}
	
.Sh1 h1{
    font-size: 20px;
    line-height: 25px;
	display:block;
	margin-bottom:12px !important;
}
.smaker{
	font-size:15px;
}
.sgrade{
	margin-top:5px;
    font-size: 12px;
    line-height: 15px;
	color:#666;
}
.sshiyo{
    font-size: 12px;
    line-height: 15px;
	color:#666;
}
.shouhizei{
    font-size: 14px;
    line-height: 40px;
	padding-right:0;
	color:#c00;
	font-weight:700;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}
.kakaku{
    font-size: 14px;
    line-height: 40px;
	font-weight:700;
	color:#999;
}
.kakaku span{
    font-size: 22px;
    line-height: 40px;
	font-weight:700;
	color:#999;
}
.kakaku span.sougakut{
	color:#000;
    font-size: 14px;
    line-height: 40px;
	padding:0;
}
.kakaku span.sougaku1{
	color:#c00;
    font-size: 1rem;
    line-height: 40px;
	padding:0;
}
.kakaku span.sougaku2{
	color:#c00;
    font-size: 28px;
}
.gallery ul{
	padding-left:15px;
	padding-right:15px;
	}
.soubi{
	padding-left:15px;
	padding-right:15px;
	}
	}
	
/* ---------------------------------------------------toiawase----------------- */
#toiawase{
	color:#333;
	}
.toi{
	text-align:right;
}
.linkbox{
	cursor: pointer;
}
.toi button{
    background: #00cf7a;
	cursor:pointer;
    color: #fff;
    box-shadow: 0px 2px 0px 0px #179abf;
	margin-top:10px;
}
.toi button a{
	color:#fff;
    display: block;
    width: 100%;
    height: 100%;
}
.toi button:hover{
	cursor:pointer;
	background:#2f2f2f;
	box-shadow: 0px 2px 0px 0px #000;
	color:#fff;
	text-decoration:none;
}
.forma h3{
	border-bottom:solid 1px #ccc;
}
input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
/* ----toiawaseメディア対応--- */

@media (min-width: 1200px) {
#toiawase{
	font-size:1em;
	line-height:1.8em;
}
}
@media (max-width: 1199px) {
#toiawase{
	font-size:0.9em;
	line-height:1.5em;
}
}
@media (max-width: 991px) {
#toiawase{
	font-size:0.9em;
	line-height:1.5em;
}
}

@media (max-width: 767px) {
#toiawase{
	font-size:1.0em;
	line-height:1.3em;
}
#toiawase h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 6px;
}
}


@media (max-width: 479px) {
#toiawase{
	font-size:0.8em;
	line-height:1.0em;
}
}
	
/* ---------------------------------------------------IMAGE LIGHTBOX----------------- */
		/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
		#imagelightbox-close:hover,
		#imagelightbox-close:focus { background-color: #111; }

			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus	{ background-color: rgba( 0, 0, 0, .75 ); }
		.imagelightbox-arrow:active { background-color: #111; }

			.imagelightbox-arrow-left	{ left: 2.5em; /* 40 */ }
			.imagelightbox-arrow-right	{ right: 2.5em; /* 40 */ }

			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left	{ left: 1.25em; /* 20 */ }
			.imagelightbox-arrow-right	{ right: 1.25em; /* 20 */ }
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left	{ left: 0; }
			.imagelightbox-arrow-right	{ right: 0; }
		}


/*---staff--*/
.cardbox{
    display: flex;
    flex-wrap: wrap;
}
.mb-2{
margin-bottom:30px;
}
.card{
display: block;
background-color: #fff;
height:100%;

-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.card-imgall{
        background: url(../images/staffall.jpg) no-repeat;
	background-size: cover;
background-position: 50%  50%;
min-height:200px;
}
.card span{
font-size:0.6em;
}
.card-text{
padding-bottom:20px;
}
.card-photo{
padding-top:30px;
text-align:center;
margin:auto;
}
.card-photo img{
/*border: solid 3px #006e8b;*/
}
.card-com{
margin-left:-15px;
}