.mv {
	width: 100%;
	padding-top: 75px;
}

.mvBox {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	margin: 0 auto;
	padding: 30px 25%;
	background-image: url(../img/img_fv@2x.jpg);
	background-size: cover;
	background-position: bottom center;
	flex-wrap: wrap;
}

.mvBox-l {
	width: 50%;
}

.mvBox-r {
	width: 50%;
}

.catchArea {
	background-color: #e2e1e1;
	padding: 20px 15% 25px;
}

.catchBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.catchBox-l {
	width: 14%;
}

.catchBox-r {
	width: 81%;
}

.catchBox-r .desc-text {
	font-size: 13px;
}

.appeal {
	padding: 30px 0;
}

.appeal-ttl {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}

.classBox {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
}

.classBox .icon {
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
	border: solid 1px #000;
}

.classBox .ttl {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: .05rem;
	padding-left: 15px;
}

.text-center {
	text-align: center;
	display: block;
}

.point {
	width: 100%;
}

.point .imageLeft,
.point .imageRight {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.point .imageLeft-l,
.point .imageLeft-r {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.point .imageRight-l,
.point .imageRight-r  {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.point .imageLeft-r,
.point .imageRight-l {
	padding: 20px;
}

.pointTxtBox {
	max-width: 600px;
}

.pointTxtBox .subTtl {
	font-size: 20px;
	font-weight: 900;
}

.pointTxtBox .num {
	font-size: 130px;
	color: #5389C4;
	display: block;
	text-align: center;
	font-weight: bold;
	padding-bottom: 45px;
	white-space: nowrap;
	line-height: 1;
	font-family: 'Noto Sans', sans-serif;
}

.pointTxtBox .num .kg {
	font-size: 90px!important;
}

.shinin {
	height: 500px;
	background-image: url(../img/photo03.png);
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 10%;
	background-position: right center;
}

.shininTxtBox {
	color: white!important;

}

.shininTxtBox .ttl {
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 20px;
}

.shininTxtBox .desc {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.imageRight02 {
	display: flex;
	justify-content: space-between;
}

.imageRight02-l {
	width: 58%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.imageRight02-l .pointTxtBox .ttl {
	font-size: 25px;
	font-weight: 900;
	text-align: center;
	padding-bottom: 15px;
}

.imageRight02-r {
	width: 42%;
}

.easySpec {
	padding: 60px 6%;
}

.easySpec01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.easySpec02 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0;
	flex-wrap: wrap;
}

.easySpec01-l {
	width: 25%;
}

.easySpec01-r {
	width: 72%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.easySpec01-r .item,
.easySpec02 .item {
	flex: 1;
}

.easySpec01-r .item .num,
.easySpec02 .item .num {
	color: #5389C4;
	font-weight: 700;
	font-size: 42px;
	font-family: 'Noto Sans', sans-serif;
}

.easySpec02 .item small {
	font-size: 17px;
	line-height: 1;
	color: #5389C4;
	font-weight: 700;
}

.batteryBox {
	padding: 40px 10px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.batteryBox-image {
	width: 48%;
}

.batteryBox-txt {
	width: 48%;
	padding: 20px;
}

.batteryBox-txt .ttl {
	font-size: 25px;
	padding-bottom: 15px;
}

.text-bold {
	font-weight: bold;
}

.system {
	width: 100%;
	overflow: hidden;
}

.brakeBox {
	display: flex;
	align-items: center;
	padding: 20px 6%;
	background-color: #2d2e2e;
	flex-wrap: wrap;
}

.brakeBox-l {
	width: 50%;
	color: white!important;
	padding: 10px 20px;
}

.brakeBox-l .ttl {
	color: white;
	font-size: 25px;
	padding-bottom: 15px;
}

.brakeBox-r {
	width: 50%;
}

.system .imageRight,
.system .imageLeft {
	display: flex;
	align-items: center;
}

.system .imageRight-l,
.system .imageRight-r,
.system .imageLeft-l,
.system .imageLeft-r {
	width: 50%;
}

.system .pointTxtBox {
	padding: 0 10%;
	margin: 0 auto;
}

.system .pointTxtBox .ttl {
	font-size: 25px;
	padding-bottom: 15px;
}

.system .iconBox {
	background-color: #909090;
	padding: 50px 10%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.system .iconBox .item {
	width: 30%;
	text-align: center;
	color: white;
	font-weight: bold;
}

.system .iconBox .item .text {
	padding-top: 15px;
}

.spec {
	padding: 60px 0;
}

.spec .inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 15px;
}

.spec .vs1Ttl {
	font-size: 20px;
}

.spec .price {
	font-size: 45px;
	font-weight: bold;
	font-family: 'Noto Sans', sans-serif;
}

.spec .price small {
	font-size: 30px;
}

.specTable {
	padding-top: 80px;
}

.specTableTtl {
	font-size: 25px;
	font-weight: 600;
	color: #2d2e2e;
}

.tableOuter {

}

.table {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	align-items: flex-end;
}

.table dt {
	width: 22%;
	border-bottom: solid 1px #2d2e2e;
	text-align: right;
	padding:35px 15px 10px 0;
	color: #2d2e2e;
	font-size: 15px;
}

.table dd {
	width: 28%;
	border-bottom: solid 1px #2d2e2e;
	text-align: left;
	padding:35px 15px 10px 0;
	color: #2d2e2e;
	font-size: 15px;
}

.caption {
	font-size: 13px;
	display: block;
	padding-top: 15px;
}

.options {
	padding: 40px 0;
	max-width: 750px;
	margin: 0 auto;
}

.optionsTtl {
	font-size: 35px;
	font-weight: 600;
	color: #2d2e2e;
	padding-bottom: 35px;
}

.optionBox {
	display: flex;
	justify-content: space-between;
	padding:10px 0;
	border-bottom: solid 1px #2d2e2e;
}

.optionBox-image {
	width: 18%;
}

.optionBox-txt {
	width: 80%;
	display: flex;
	/* align-items: space-between; */
	flex-wrap: wrap;
}

.optionBox-txt .upper {
	width: 100%;
}

.optionBox-txt .bottom {
	width: 100%;
	align-content: flex-end;
	display: flex;
	align-items: flex-end;
}

.optionBox-txt .ttl {
	font-size: 23px;
	color: #52bec9;
	font-weight: 600;
	width: 100%;
}

.optionBox-txt .num {
	width: 100%;
}

.optionPrice {
	text-align: right;
	width: 100%;
	font-size: 20px;
}




.buy_fixed {
	position: fixed;
	top: 74px;
	left: 0;
	display: flex;
	width: 100%;
	z-index: 100;
}

.buy_bottom {
	display: flex;
	margin-bottom: 60px;
}

.buy_bottom li {
	padding: 0 1em;
}

.buy_fixed .new,
.buy_bottom .new {
	width: 60%;
}

.buy_fixed .buy,
.buy_bottom .buy {
	width: 40%;
}

.buy_fixed a,
.buy_bottom a {
	display: block;
	padding: 1em;
	color: #fff;
	font-size: .9em;
	text-align: center;
}

.buy_fixed .new a,
.buy_bottom .new a {
	background-color: rgba(35, 97, 174, .9);
}

.buy_fixed .new a:hover,
.buy_bottom .new a:hover {
	background-color: rgba(75, 126, 189, 1);
}

.buy_fixed .buy a,
.buy_bottom .buy a {
	background-color: rgba(223, 6, 31, .9);
}

.buy_fixed .buy a:hover,
.buy_bottom .buy a:hover {
	background-color: rgba(224, 52, 101, 1);
}


.supersoco_stocklist table {
	width: 100%;
	margin-top: 10px;
}

.supersoco_stocklist table th,
.supersoco_stocklist table td {
	padding: 1em;
	border: 1px solid #ccc;
}

.supersoco_stocklist table tbody td {
	padding: 2.5em 1em;
}

.supersoco_stocklist table thead th {
	background-color: var(--main-color);
}

.supersoco_stocklist table td {
	vertical-align: baseline;
}

.supersoco_stocklist table td:not([class]) {
	text-align: center;
	background-color: #eee;
}

.supersoco_stocklist table a {
	color: #1aabc1;
	text-decoration: underline;
}

.supersoco_stocklist table .instock {
	text-align: right;
}

.supersoco_stocklist table .instock::before {
	content: '入荷予定 ';
}

.supersoco_stocklist table .instock::after {
	content: '台';
}

.supersoco_stocklist table .outstock {
	text-align: right;
}

.supersoco_stocklist table .outstock::before {
	content: '';
}

.supersoco_stocklist table .outstock::after {
	content: '';
}

.supersoco_stocklist table .soldout {
	text-align: center;
	background-color: #eee;
}

.supersoco_stocklist .inner {
	max-width: 700px;
	margin: 0 auto;
}

.sectiontitle {
	text-align: center;
}

.sectiontitle h2 {
	font-size: 1.6em;
	font-weight: bold;
}

.konyu {
	padding: 40px 15px;
	max-width: 760px;
	margin: 0 auto;
}

.konyu .btnWrap {
	padding-bottom: 30px;
	display: flex;
	justify-content: center;
}

.konyu .btn-buy {
	display: block;
	background-color: #2660ac;
	color: white;
	font-size: 20px;
	color: white;
	text-align: center;
	width: 100%;
	max-width: 600px;
	padding: 10px 15px;
	border-radius: 100px;
	border: solid 2px white;
	/* box-shadow */
box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.6);
}

.konyu .btn-shoudan {
	display: block;
	background-color: #d33837;
	color: white;
	font-size: 20px;
	color: white;
	text-align: center;
	width: 100%;
	max-width: 600px;
	padding: 10px 15px;
	border-radius: 100px;
	border: solid 2px white;
	/* box-shadow */
box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.6);
}

.manual_link {
	display: block;
	padding: 1em;
	margin-top: 30px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	background-color: #aaa;
	border: 1px solid transparent;
}

.manual_link:hover {
	color: #666;
	background-color: transparent;
	border-color: #666;
}

.catalog{
	width: 100%;
	  text-align: center;
	  margin-top: 30px;
	  background-color: #333;
	  color: #fff;
	  border-radius: 4px;
	  border: 1px solid transparent;
	}
  
	.catalog:hover{
		background-color: #fff;
		color:#333;
		border:1px solid #333;
	}
  
	.catalog a{
	  padding: 10px;
	  display: block;
	  text-decoration: none;
	}

	.opt_battery_area {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	span.option_battery {
		display: block;
		text-align: center;
		background-color: #000;
		color: #fff;
		padding: 5px;
		margin-right: 10px;
		font-size: 10px;
	}

	span.price-battery {
		display: block;
		text-align: center;
		margin-top: 20px;
	}

	section.youtube {
  margin: 80px;
  text-align: center;
}

.youtube iframe{
  width: 100%;
  height: 450px;
  margin-top: 20px;
}


@media only screen and (max-width:1440px) {

}
  
@media only screen and (max-width:1200px) {

}
  
@media only screen and (max-width:980px) {
	.mv {
		padding-top: 40px;
	}
}

@media only screen and (max-width:780px) {

	.easySpec01-r .item .num,
.easySpec02 .item .num {
	color: #5389C4;
	font-weight: 700;
	font-size: 30x;
	font-family: 'Noto Sans', sans-serif;
}
}
  
@media only screen and (max-width:480px) {
	.mvBox {
		padding: 40px 10%;
	}

	.mvBox-l {
		width: 100%;
	}

	.catchArea {
		padding: 15px;
	}
	
	.mvBox-r {
		width: 100%;
	}

	.catchBox-l {
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
	}

	.catchLogo {
		max-width: 150px;
		width: 150px!important;
	}

	.catchBox-r {
		width: 100%;
	}

	.appeal-ttl {
		font-size: 18px;
	}

	.point .imageRight {
		flex-direction: column-reverse;
	}
	
	.point .imageLeft-l,
	.point .imageLeft-r {
		width: 100%;
	}
	
	.point .imageRight-l,
	.point .imageRight-r  {
		width: 100%;
	}
	
	.point .imageLeft-r,
	.point .imageRight-l {
		padding: 20px;
	}

	.pointTxtBox .num {
		font-size: 80px;
	}

	p {
		font-size: 14px;
	}

	.shinin {
		height: 200px;
		padding-left: 10px;
	}

	.shininTxtBox {
		width: 65%;
	}

	.shininTxtBox .ttl {
		font-size: 15px;padding-bottom: 10px;
	}

	.shininTxtBox .desc {
		font-size: 12px;
	}

	.imageRight02 {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.imageRight02-l,
	.imageRight02-r {
		width: 100%;
	}

	.imageRight02-l .pointTxtBox .ttl {
		font-size: 17px;
	}

	.easySpec01-l {
		width: 100%;
	}

	.easySpec01-r {
		width: 100%;
	}

	.easySpec01-r .item h3, .easySpec02 .item h3 {
		font-size: 14px;
	}

	.easySpec01-r .item .num, .easySpec02 .item .num {
		font-size: 19px;
	}

	.easySpec01-r .item small,
	.easySpec02 .item small {
		font-size: 11px;
	}

	.batteryBox-image,
	.batteryBox-txt {
		width: 100%;
	}

	.batteryBox-txt .ttl {
		font-size: 18px;
	}

	.brakeBox {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.brakeBox-l,
	.brakeBox-r {
		width: 100%;
	}

	.brakeBox-l .ttl {
		font-size: 17px;
	}

	.table dt {
		font-size: 10px;
		padding: 12px 10px 10px 0;
	}

	.table dd {
		font-size: 10px;
		padding: 12px 0 10px 0;
	}

	.system .imageRight {
		flex-direction: column-reverse;
	}

	.system .imageLeft {
		flex-wrap: wrap;
	}

	.system .imageRight-l,
	.system .imageRight-r,
	.system .imageLeft-l,
	.system .imageLeft-r {
		width: 100%;
	}

	.system .imageLeft-l,
	.system .imageRight-r {
		padding-bottom: 18px;
	}

	.system .iconBox {
		flex-wrap :wrap;
	}

	.system .iconBox .item {
		width: 100%;
		padding-bottom: 30px;
	}

	.optionBox-txt .ttl {
		font-size: 16px;
	}

	.optionBox-txt .num {
		font-size: 11px;
	}

	.supersoco_stocklist {
		padding: 0 10px;
	}

	.system .pointTxtBox .ttl {
		font-size: 18px;
	}

	.spec .vs1Ttl {
		font-size: 16px;
	}

	.spec .price {
		font-size: 28px;
	}

	.spec .price small {
		font-size: 20px;
	}

	.table dt {
		width: 33%;
	}

	.table dd {
		width: 67%;
	}

	.opt_battery_area{
		display: block;
	}

	section.youtube{
		margin: 60px 0px 0px 0px;
	  }
	
	  .youtube iframe{
		width: 100%;
		height: 200px;
	  }
}


.footer {
	background-color: #040404;
	height: auto;
	width: 100%;
	position: relative;
	padding: cuto;
	overflow: hidden;
  }
  
  .footer .navbar-inverse .section-top {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 50px 0;
  }
  
  .footer .navbar-inverse .section-top nav {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: end;
  }
  
  .footer .navbar-inverse .section-top nav .footerLogin {
	vertical-align: bottom;
	margin-top: -10px;
	flex: 1;
	margin-left: 80px;
	cursor: pointer;
  }
  
  .footer .navbar-inverse .section-top nav .footerLogin>span img {
	width: 134px;
  }
  
  .footer .center-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 28px;
	position: relative;
	top: -12px;
  }
  
  .footer .center-wrap a>img {
	vertical-align: text-top;
  }
  
  .footer .copyright .center-wrap {
	position: relative;
	color: #999999;
	margin: 0 10px;
  }
  
  .footer .copyright .center-wrap .fiudtags a {
	margin: 0 2.5px;
	color: #999999;
	font-size: 14px;
  }
  
  .footer .linkContainer {
	text-align: left;
	transition: all 0.25s;
	z-index: 99;
	display: block;
	cursor: pointer;
  }
  
  .footer .linkContainer.tainer a {
	color: #9b9b9b;
	font-size: 16px;
	cursor: pointer;
	z-index: 999;
	position: relative;
	left: 20px;
	top: 10px;
  }
  
  .footer .linkContainer.tainer a:hover {
	color: #cacaca;
	transition: all 0.3s ease-out;
  }
  
  .footer .linkContainer.tainer a>img {
	vertical-align: middle;
	margin-right: 10px;
	width: 50%;
  }

	.price_flex{
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 20px;
	}

	.price-bikeName{
		width: 50%;
	}

	@media only screen and (max-width:980px){
		.price_flex{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}

		.price-bikeName{
			width: 100%;
		}
	}