.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;
}

.call {
  margin-top: 8px;
  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: 14px;
  line-height:15px;
  font-weight: 400;
  margin-top: -30px;
}
@media (max-width: 767px) {
.call {
  display:none;
  visibility:hidden;
}
}


/* 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;

 /* 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;
 padding: 5px 8px;
 line-height: 30px;
 text-decoration: none;
 text-align: left;
 color: #333;

  -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: #00cf7a; }
ul#nav li a:active { background-color: transparent !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: 5px;
}
}
@media (max-width: 991px) {
ul#nav li a {
 font: 12px/30px 'montserrat-regular', sans-serif;
 font-weight:700;
padding: 5px;
}
}
/* ------------------------------------------------------------------ */
/* c. Hero Section
/* ------------------------------------------------------------------ */

#hero {
 padding-top: 110px;
background: url(../images/bgTop.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  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;
  }

}


p{
 text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
 color: #fff;
}
#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; }
.item .item-wrap {
 background: #fff;
 overflow: hidden;
 position: relative;

 -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);
}




/* ------------------------------------------------------------------ */
/* 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;
} 

#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;
}
.open h3:before{
content: "\f138";
font-family: FontAwesome;
}
.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;
}
/*.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{
  font-size:90%;
}
}

.open1 h3{
  margin:0 0 0 40px;
}
.open1 h3 span{
  font-size:80%;
  color:#ccc;
  text-shadow:none;
  font-family: 'Roboto', 'sans-serif';
}
.open1 h4{
  margin:0 0 0 40px;
  line-height:1.0em;
  font-size:80%;
  color:#00cf7a;
}
.open1 img{
  float:left;
  margin-right:20px;
}
#staff span.tbold{
  font-weight:700;
}
@media screen and (max-width: 400px){
.open1 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:13px;
  color:#555555;
  background:#ededed;
}
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 #1e388d;
  background:#4b60a4 ;
  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:#2f2f2f;
  box-shadow: 0px 2px 0px 0px #000 ;
}


.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:#4b60a4;
  color:#fff;
  box-shadow: 0px 2px 0px 0px #1e388d;
  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:#666;
  box-shadow: 0px 2px 0px 0px #333;
  color:#fff;
}
.cBtn a .telUs{
  line-height:10px;
  height: 60px;
}
.cBtn a .telUs span{
  line-height:26px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing:2px;
}
.cBtn a .mailUs{
  line-height:40px;
}
.cBtn a .printC {
  line-height:40px;
  margin-right: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;
}

/*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: #00cf7a;
line-height: 50px;
text-align: center;
}
#social-icon i:before { padding 0; line-height: 50px; }
#social-icon a:hover i { background: #1c1c1c;}


.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;
  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-top: 29px;
}
#downMenu{
  float:left;
}
#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: 13px;
  font-family: 'Roboto', 'sans-serif';
  font-weight: 300;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
#downMenu li:last-child a{
  padding-right:0;
}
#downMenu li a:hover{
  color:#6d6d6d;
}
@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;
}
 
}




/*================================================
*  一覧ページへの戻り
================================================*/
.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
================================================*/

.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;
  margin-top:100px;
  }
#zaiko a{
  color:#333;
  text-decoration:none;
}
#zaiko a:hover{
  color:#11ABB0;
  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: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;
}
  
/* ----zaikoメディア対応--- */

@media (min-width: 1200px) {
#zaiko{
  margin-top:103px;
  font-size:1em;
  line-height:1.8em;
}
.specs{
  padding:10px;
}
.specs p{
  padding-right:0;
  padding-left:15px;
  margin-bottom:0;
  font-size:1.0em;
  font-weight:700;
  color:#C00;	
}
.specs p 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{
  margin-top:103px;
  font-size:0.9em;
  line-height:1.5em;
}
.specs{
  padding:10px;
}
.specs p{
  padding-right:0;
  padding-left:15px;
  margin-bottom:0;
  font-size:1.0em;
  font-weight:700;
  color:#C00;	
}
.specs p 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: 991px) {
#zaiko{
  margin-top:139px;
  font-size:0.9em;
  line-height:1.5em;
}
.specs{
  padding:10px;
}
.specs p{
  padding-right:0;
  padding-left:0;
  margin-bottom:0;
  font-size:1em;
  font-weight:700;
  color:#C00;	
}
.specs p 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{
  margin-top:55px;
  font-size:1.0em;
  line-height:1.3em;
}
.m-10{
  margin-right:20px !important;
}
.specs{
  padding:5px 0 !important;
  width: auto;
}
.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{
  padding-right:0;
  padding-left:5px;
  margin-bottom:0;
  font-size:1em;
  font-weight:700;
  color:#C00;	
}
.specs p 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{
  margin-top:55px;
  font-size:0.8em;
  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.5em;
  font-weight:700;
  padding-left:5px;
  padding-right:0;
}
.itext{
  padding-right:0;
  padding-left:5px;
}
.specs p{
  padding-right:0;
  padding-left:5px;
  margin-bottom:0;
  font-size:1em;
  font-weight:700;
  color:#C00;	
}
.specs p 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;
  }
.Stitle h1{
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
  letter-spacing: 0;
  /* background-color:#1e388d; */
  color:#fff;
  padding:5px 0 0 10px;
  border-bottom:3px #fff double;
}
.Stitle p{
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 0;
  letter-spacing: 0;
  /* background-color:#1e388d; */
  color:#fff;
  padding:0 0 5px 10px;
}
#zaikoS h3{
  color:#fff;
  margin-left: 10px;
}
#zaikoS a{
  color:#fff;
  text-decoration:none;
}
#zaikoS a:hover{
  color:#fff;
  text-decoration:none;
}
.Sh1 h1{
  padding-left:15px;
  padding-right:15px;
  color: #fff;
}
.smaker{
  color: #fff;
  font-weight:700;
  padding-right:0;
}
.sgrade, .sshiyo{
  padding-right:0;
  color:#666;
  font-weight:700;
}
.kakaku{
  font-weight:700;
  color:#c00;
  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;
  }
#zaikoS table.table{
  background-color:#000;
  font-size:15px;
}
.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:#c00;
}
#gazou{
  max-width: 100%;
  height: auto;
}
  
.gallery ul{
  padding-left:0;
  padding-right:0;
  }
.mdspec .table > tbody > tr > th{
  padding-right:0;
  font-size: 0.85em;
}
.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:#c00;
}
.kakaku span{
  font-size: 35px;
  line-height: 50px;
  font-weight:700;
  color:#c00;
}
.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:#c00;
}
.kakaku span{
  font-size: 30px;
  line-height: 40px;
  font-weight:700;
  color:#c00;
}
.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;
  }
.btn-lg{
  font-size: 15px;
}
  }

/* -----------------------------------------------------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:#c00;
}
.kakaku span{
  font-size: 25px;
  line-height: 40px;
  font-weight:700;
  color:#c00;
}
.gallery ul{
  padding-left:15px;
  padding-right:15px;
  }
.soubi{
  padding-left:15px;
  padding-right:15px;
  }
}

/* -----------------------------------------------------zaikoSメディア対応～479--- */
@media (max-width: 479px) {
#zaikoS{
  font-size:1em;
  padding:0 15px;
  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:#c00;
}
.kakaku span{
  font-size: 22px;
  line-height: 40px;
  font-weight:700;
  color:#c00;
}
.gallery ul{
  padding-left:15px;
  padding-right:15px;
  }
.soubi{
  padding-left:0px;
  padding-right:0px;
}
}
  
/* ---------------------------------------------------toiawase----------------- */
#toiawase{
  padding-bottom: 30px;
  color:#333;
  }
.toi{
  text-align:right;
}
.linkbox{
  cursor: pointer;
}
.toi button{
  background: #4b60a4;
  cursor:pointer;
  color: #fff;
  box-shadow: 0px 2px 0px 0px #1e388d;
  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: 9999;

		  -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: #000;
		  background-color: rgba( 255, 255, 255, .9 );
		  position: fixed;
		  z-index: 9998;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
	  }




	  /* 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: #666;
		  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;
		  }
	  }
.ttl h3{    
    text-align:center;    
}