/*---------------アニメーション---------------*/
.fadeInUp {
  opacity : 0;
  transform: translateY(20px);
  transition: 1s;
}

/*---------------ナビ---------------*/
.nav-wrap {
  position: relative;
}
.scroll-nav {
  width: 100%;
  background: #FFF; /* メニューの背景色 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 慣性スクロール */
}
.scroll-nav ul {
  max-width: 1060px; /* メニューの最大幅 */
  min-width: 770px; /* メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 25px; /* 右側の固定分余白を空ける */
}
.scroll-nav ul li {
  float: left;
  width: 110px; /* メニューの個別の幅 */
  text-align: center;
}
.scroll-nav ul li:hover {
  background: #dcdcdc; /* マウスホバー時の背景色 */
}
.scroll-nav ul li a {
  display: inline-block;
  color: #fff; /* メニューの文字色 */
  text-decoration: none;
}
.next-btn { /* 右側に固定する部分 */
  position: absolute;
  top: 0;
  right: 0;
  width: 25px; /* 固定部分の幅 */
  height: 40px; /* メニューの高さに合わせる */
  line-height: 40px;
  background: #fff;
  color: #555;
}
@media only screen and (min-width: 771px) { /* PCサイズでの指定 */
.scroll-nav ul {
  padding: 0;
}
.scroll-nav ul li {
  width: 14.2%; /* メニューの個別の幅 */
}
.next-btn {
  display: none; /* 右側の固定部分を非表示 */
}
.fixed_btn{
  position: fixed;
  bottom: 10px; 
  right: 10px;
  padding: 6px 40px;
}

}

/*---------------ドロップダウン---------------*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    cursor :pointer;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 1.0s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*---------------ドロップダウン---------------*/
p {
  width: 100%;
}

/* ボタン */
.btn-list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.btn-list button {
  color: #fff;
  background-color: #e88f16;
  border-color: #e88f16;
  margin-top: 8px;
  margin-bottom: 8px;
}
.btn-list button:hover {
  color: #fff;
}
.btn-list a {
  text-decoration: none;
}
/* プライバシーポリシー */
.policy {
  padding: 20px;
  border: 1px solid #bfbfbf;
  margin: 20px;
}
/* フッター */
footer p {
  text-align: center;
}
footer img {
  width: 20%;
  border: 0;
}
.col-sm-12.contact ul li {
  display: inline-block;
  width: 30%;
  letter-spacing: 0;
  text-align: center;
}
.col-sm-12 .row .col-sm-4.discount-image {
    padding: 2em 1em 1em 1em;
}


ul .right30 img {
　width: 10%;
}
.hidden_box .hidden_show p {
    margin-top: -20px;
}


/*埋め込みフォーム*/
.form{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}



.container .row .col-sm-12.detail_text {
	text-align: center;
}
.row .col-sm-12 .monthly {
	font-style: 1.5em;
	font-weight: 900;
}
.container .row h2 {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-weight: 900;
}

.cp_table {
	width: 100%;
	border: 2px solid #000000;
	cellpadding:10;
	text-align:center;
	font-size:1.2em;
}

.cp_table tr td {
	border: 3px solid #000000;
}
.cp_table tr {
	border: 3px solid #000000;
}
.container .row .col-sm-12.bg {
	background-color: #FAE24C;
	padding-bottom: 2em;
}
.cp_table tr th {
	border: 2px solid #000000;
}

table{
  width: 100%;
}

.tenpo{
  width: 100%;
}

.tenpo th{
  position: relative;
  text-align: left;
  width: 23%;
}

.tenpo th:after{
  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:20px;
}

.tenpo td{
  text-align: left;
  width: 85%;
}	
.carousel-control-next-icon,.carousel-control-prev-icon{
	width: 30px;
	height: 30px;
	margin: 20px;
	padding: 20px;
	background-color: #696969;
	border-radius: 5px;
}
.col-sm-6.img-responsive-overwrite {
	margin: 0 auto;
}




/*------------PC------------*/
@media screen and (min-width:577px){
	
.container .row .col-sm-10.offset-ms-1 {
	font-size: 2em;
	margin-bottom: 100px;
}

.container .row .col-sm-12 {
	margin: 10px 0;
}
.col-sm-12 .row .col-sm-8.discount-text {
    padding: 2em 1em 1em 1em;
    font-size: 2em;
    font-weight: 900;
}

.carousel-inner .carousel-item.active li {
	display: inline-block;
	margin: 0 15px;
    width: 50%;	
}
.carousel-inner .carousel-item li {
	display: inline-block;
	margin: 0 15px;
    width: 50%;	
}
.row .col-sm-12 .text {
	text-align: center;
	padding: 3em 6.5em 1em 6.5em;
}
.col-sm-12 .text .sugoi {
	color: #FF9A00;
	font-weight: 900;
}
.col-sm-12 .text .flow {
	color: #00aeff;
	font-weight: 900;
}
.container .row .col-sm-12.discount {
    background-image: url(img/discount_02.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    padding: 80px;
    background-size: 70% auto;
	font-size: 2.1em;
	font-weight: 900;
	color: #333333;
}
.row .col-sm-12 .form {
	width:100%;
	margin:0 auto;
	height: 800px;
}
.container .row #minivan {
	background-image: url(img/minivan.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 0%;
    height: 1400px;
}

.container .row #compact {
	background-image: url(img/compact.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 0%;
    height: 1400px;
}
.container .row #suv {
	background-image: url(img/suv.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 0%;
    height: 1400px;
}
.carousel {
    position: relative;
    top: 650px;
}
	
.form iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.active a img {
　width: 14%;
}
li a img {
　width: 14%;
}
	
}	






/*------------SP------------*/
@media screen and (max-width: 576px) {
	
.form iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:500px;
}
	
.container .row .col-sm-10.offset-ms-1 {
	font-size: 1em;
	margin-bottom: 1.2em;
	padding-bottom: 40px;
}
.container .row .col-sm-12 {
	margin: -20px;
}

.cp_table tr:first-child th {
		border-top: 1px solid #FFFFFF;
	}	
	
.container .row .col-sm-12 {
	margin: 5px 0;
	}
.container .row .hidden_box.except {
    margin-top: -30px;
}
.row .col-sm-12 .text {
	text-align: center;
	padding: 2.2em 0 0 0;
}
.col-sm-12 .text .sugoi {
	color: #FF9A00;
	font-weight: 900;
}
.col-sm-12 .text .flow {
	color: #00aeff;
	font-weight: 900;
}
	
.container .row .col-sm-12.discount {
    background-image: url(img/discount_02.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    padding: 20px;
    background-size: 80% auto;
	font-size: 1.2em;
	font-weight: 900;
	color: #333333;
}
	
.row .col-sm-12 .form {
	height:  1000px;
}

.container .row #minivan {
	background-image: url(img/minivan_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 0%;
    height: 650px;
}

.container .row #compact {
	background-image: url(img/compact_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 0%;
   height: 650px;
}
.container .row #suv {
    background-image: url(img/suv_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 0%;
    height: 650px;
}	
	
.carousel-inner .carousel-item.active li {
	display: inline-block;
	margin: 0 15px;
    width: 50%;	
}
.carousel-inner .carousel-item li {
	display: inline-block;
	margin: 0 15px;
    width: 50%;	
}
	
.carousel {
    position: relative;
    top: 15em;
}
.container .row .hidden_box.except {
    margin-top: -30px;
}
	
.tenpo{
  width: 100%;
}

.tenpo th{
  position: relative;
  text-align: left;
  width: 30%;
}

.tenpo th:after{
  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:20px;
}
	
.nav.navbar-nav. li a {
width: 24%;	
}

}

	
	
/* フローティングボタン */
.btn-floating {
  position: fixed;
  bottom: 10px;
  right: 10px;
  text-align: right;
}
.btn-floating img {
  width: 100%;
}