@charset "UTF-8";
.main-cont {
	width:100%;
	max-width:1150px;
	margin:25px auto 0 auto;
}
#contents .top-main {
	width:65.5%;
	float:left;
}
#contents .top-main img {
	width:100%;
	height:auto;
}
#contents ul.top-iconbtn {
	width:34%;
	/*max-width:436px;*/
	float:right;
	margin:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
#contents .top-iconbtn img {
	height:auto;
	width:100%;
	margin:0;
	vertical-align:bottom;
}
#contents .top-iconbtn .btn-a {
	width:62%;
	/*max-width:270px;*/
	float:left;
	margin:0 0 10px 1%;
	text-align:center;
	background:#FFF;
}
#contents .top-iconbtn .btn-b {
	width:36%;
	/*max-width:155px;*/
	float:left;
	margin:0 0 10px 1%;
	text-align:center;
	background:#FFF;
}

@media screen and (min-width: 667px) {
	#contents .top-iconbtn .btn-a,
	#contents .top-iconbtn .btn-b {
     margin: 0 0 5px 1%;
	}
}
@media screen and (min-width: 668px) {
	#contents .top-iconbtn .btn-a,
	#contents .top-iconbtn .btn-b {
     margin: 0px 0 15.5px 1%;
	}
	#contents .top-iconbtn .btn-c {
    width: calc(97% / 3);
    float: left;
    margin: 0 0 8px 1%;
    text-align: center;
    background: #FFF;
}
}

#contents .top-iconbtn li:link ,
#contents .top-iconbtn li:visited {
	background:#FFF;
}
#contents .top-iconbtn li:hover {
	background:#61B7D9;
}
.new-release {
	display:flex;
	flex-wrap:wrap;
	height:323px;
	align-items:stretch;
	background-color:#fff;
}
.new-release-l {
	width:40%;
	align-self:center;
	text-align:center;
	font-size:16px;
}
.new-release-r {
	width:60%;
	align-self:center;
}
.new-release-r p {
    font-size: 14px;
    display: block;
    margin: 15px 0;
    font-weight: bold;

}
.new-release-r p span {
	font-size:12px;
	background:#000;
	color:#FFF;
	display:inline-block;
	padding:3px 0;
	width:80px;
	text-align:center;
	margin-right:10px;
}



.main-cont2 {
	width:100%;
	max-width:1150px;
	margin:20px auto 10px auto;
	background:#FFF;
}
.main-cont2 .top-news {
	width:32%;
	margin:0 0 20px 2%;
	float:left;
}
.top-news a {
	color:#000;
}
.top-news .top-news-box {
	overflow:hidden;
	padding:0 0 15px 0;
}
.top-news h2 {
	width:100%;
	text-align:center;
	padding:20px 0 15px 0;
}

.top-news p.top-news-all {
	text-align:center;
}
.top-news h2 a:link,
.top-news h2 a:visited,
.top-news h2 a:hover {
	color:#000;
}
.top-news li {
	width:100%;
	color:#142032;
	font-size:10px;
}
.top-news li a {
	color: #000;
}
.top-news li p.txt {
	width:100%;
	margin:0px 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:solid 1px #aaa;
	font-size:12px;
	color:#333;
}
.main-cont2 .top-product {
	width:60%;
	margin:0 2% 0 0;
	padding:0 0 30px 0;
	float:right;
}
.top-product h2 {
	width:100%;
	text-align:center;
	padding:20px 0 15px 0;
	color:#000;
}
.top-product li {
	width:23%;
	margin:0 0 0 2%;
	float:left;
	text-align:center;
}
.top-product li img {
	width:80%;
	height:auto;
	margin:0 auto;
}
.top-product li .car {
	color:#FFF;
	background:#000;
	padding:5px;
	margin:0 auto;
}
.top-product li h3 {
	/*font-size:14px;*/
	font-size:12px;
	font-weight:normal;
	padding:10px 0 3px 0;
}
.top-product li h4 {
	font-size:12px;
	padding:2px 0 5px 0;
}
.top-product li .detail {
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
	padding:5px 0;
	margin:10px auto 0 auto;
}
.top-product li a {
	color: #000;
}


/*共通事項*/
.seriesname {
	background-image: url(../img/whiteline.gif);
	background-repeat: repeat-x;
	background-position: center center;
	text-align:center;
	margin:0 0 20px 0;
}
.seriesname2 {
	background-image: url(../img/gray.gif);
	background-repeat: repeat-x;
	background-position: center center;
	text-align:center;
	margin:30px auto 20px auto;
	width:94%;
}
.seriesback {
	color:#FFF;
    font-size: 22px;
    letter-spacing: 0.25em;
	font-weight:lighter;
	background:#142032;
	padding:0 15px 0 20px;
}
.seriesback2 {
	color:#000;
	font-size:22px;
	font-weight:bold;
	background:#FFF;
	padding:0 10px;
	letter-spacing:5px;
}

@media screen and (max-width:480px){
	
.seriesname {
	background-image: none;
     text-align: left;
    margin: 0 auto 20px auto;
    width: 90%;
}
.seriesback {
    letter-spacing: 0.25em;
    padding: 0;
     background: none;
}
.sub-txt {	
    letter-spacing: 0em;
     font-size: 13px;
}
	}


.btn-box {
  border-bottom:solid 1px #FFF;
  padding:0 0 20px 0;
  margin:0 0 30px 0;
}
.btn-box2 {
  border-bottom:solid 1px #CCC;
  padding:0 0 20px 0;
  margin:0 auto 20px auto;
	width:94%;
}

/*ラインナップ一覧（通常）*/
/*ul.lineup-tham {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	border-bottom:solid 1px #FFF;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align: center;
}
ul.lineup-tham li {
	width:23.5%;
	margin:0 2% 30px 0;
	padding:0 0 10px 0;
	background:#FFf;
	text-align:center;
	float:left;
}
ul.lineup-tham li:nth-child(4n) {
	width:23.5%;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	background:#FFf;
	text-align:center;
	float:left;
}*/

ul.lineup-tham {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	border-bottom:solid 1px #FFF;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align: center;
	display: flex;
	justify-content: center;
}
ul.lineup-tham li {
	width:23.5%;
	margin:0 2% 30px 0;
	padding:0 0 10px 0;
	background:#FFf;
	text-align:center;
}
ul.lineup-tham li:nth-child(4n) {
	width:23.5%;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	background:#FFf;
	text-align:center;
	float:left;
}

ul.lineup-tham li .lineup-obi {
	width:100%;
	height:70px;
	vertical-align:middle;
	display:flex;
}
ul.lineup-tham li p a {
	color:#000;
    display:block;  
}
ul.lineup-tham li .lineup-obi p {
	align-self:center;
}
.premium {
	background-image: url(../img/premiumback.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	font-size:18px;
	color:#FFF;
	padding:15px 0 0 0;
}
.original {
	background-image: url(../img/originalback.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	font-size:18px;
	color:#FFF;
	padding:15px 0 0 0;
}
ul.lineup-tham li img {
	width:64%;
	height:auto;
	margin:10px 18%;
}
ul.lineup-tham li p {
	width:100%;
}

.series-box {
	width:100%;
	max-width:1150px;
	margin:0 auto 20px auto;
	padding:100px 0 40px 0;
	position: relative;
}
.series-box .new {
	width:125px;
	top:95px;
	right:0;
	/*margin:0 -5px 0 0;*/
	margin: 0;
	position:absolute;
}
.series-box .new img {
	width:100%;
	height:height;
}
.series-box .series-ttl {
	color:#FFF;
	font-size:20px;
	padding:20px 10px;
}
.series-box .premiumcolor {
	background-color:#927B48;
}
.series-box .originalcolor {
	background-color:#777;
}
.series-box1 {
	background-color:#FFF;
	padding:20px 0;
}
.series-box1 .series-left {
	width:33%;
	margin:15px 0 0 6%;
	float:left;
}
.series-box1 .series-left img{
	margin:0 0 20px 0;
	display:block;
}
.series-box1 .series-right {
	width:47%;
	margin:15px 6% 0 0;
	float:right;
}
.series-box1 .series-right .series-maker{
	font-size:14px;
}
.series-box1 .series-right h1{
	font-size:28px;
	padding:10px 0 0 0;
	line-height:130%;
}
.series-box1 .series-right p.series-date{
	color:#333;
	padding:10px 0 0 0;
}
.series-box1 .series-right p.series-detail{
	width:100%;
	border-top:solid 1px #CCC;
	padding:15px 0 25px 0;
	margin:15px 0 0 0;
}
.series-box1 .series-right .series-car{
	display:table;
	width:100%;
	margin:0 0 15px 0;
}
.series-box1 .series-right .series-car .series-car-l{
	display:table-cell;
	width:20%;
	floart:left;
	text-align:center;
	vertical-align:middle;
}
.series-box1 .series-right .series-car .series-car-r{
	display:table-cell;
	width:77%;
	floart:right;
	padding:0 0 0 15px;
	border-left:solid 1px #000;
	vertical-align:middle;
}
#contents4 .series-box1 .series-right .series-car .series-car-r {
	border-left:solid 0px #000;
	/*font-size:14px;*/
	font-weight:bold;
	line-height:200%;
     word-break: break-all;
}
.series-sizebox {
	margin:30px 0 0 0;
}
.series-sizebox img {
	width:40%;
	float:left;
}
.sizebox{
	width:60%;
	text-align:center;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	float:right;
	margin:15px 0 0 0;
	font-size:10px;
}
.sizebox tr:first-child {
	background:#EEE;
}
.sizebox th{
	width:30%;
	padding:0;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
.sizebox td{
	width:10%;
	padding:0;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
.lineup-tham {
	margin:25px 0 0 0;
}
/*.lineup-tham img {
	width:27%;
	margin:0 4% 0 0;
	height:auto;
	float:left;
}*/
.lineup-tham img {
	width:30%;
	margin:0 5% 0 0;
	height:auto;
	float:left;
}
.lineup-tham img:nth-child(3) {
	width:30%;
	margin:0 0 0 0;
	height:auto;
	float:left;
}
.lineup {
	text-align:center;
}
.lineup h2 {
	padding:70px 0 30px 0;
	font-size:26px;
	letter-spacing:0.1em;
}
ul.lineupdetail {
	width:98%;
	margin:0 auto;
}
ul.lineupdetail li {
	/*width:16%;
	margin:0 2% 30px 2%;*/
	width: 17%;
    margin: 0 1.5% 30px 1.5%;
	float:left;
	text-align:center;
}
ul.lineupdetail li a{
	color: #000;
}
ul.lineupdetail li img {
	width:90%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
ul.lineupdetail li p {
	font-weight:bold;
    font-size: 11px;
}
ul.lineupdetail li .detail-btn a {
    display: block;
    max-width: 180px;
	width:100%;
    padding: 3px 0;
    text-align: center;
    background: #00517A;
	color:#FFF;
    margin: 15px 0 0 0;
}

ul.lineupproduct {
	width:100%;
	margin:0 auto;
}
ul.lineupproduct li {
	width:21%;
	margin:0 2% 50px 2%;
	float:left;
	text-align:left;
}
ul.lineupproduct li h2 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
}
ul.lineupproduct li img {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
ul.lineupproduct li p {
	font-weight:normal;
	font-size:12px;
}
.seriesbtn {
	width:250px;
	padding:5px 0;
	float:left;
	margin:0 10px 0 0;
	cursor:pointer;
}
.premiumbtn {
	background-image: url(../img/premiumbtn.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.originalbtn {
	background-image: url(../img/originalbtn.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.seriesbtn p {
	padding:0 20px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
.item-box {
	text-align:center;
}
.item-box h2 {
	font-size:18px;
	font-weight:lighter;
	margin:0 0 10px 0;
}
.item-box h2 .stitchname {
	font-size:12px;
}
.item-box .icon-new {
	background:#F00;
	padding:2px 5px;
	margin:0 5px;
	color:#FFF;
}
.item-box .icon-remited {
    background-color: #f00;
    padding: 2px 10px;
    margin: 0 auto 5px auto;
	color:#FFF;
    /*display: inline-block;*/
    display: table;
}
/*追加文言*/
.icon-adding-word {
	background:#F00;
	padding:2px 10px;
    margin: 0 auto 5px auto;
	color:#FFF;
    /*display: inline-block;*/
    display: table;
}
ul.lineupdetail p span.icon-remited,
.goodslineup-tham p span.icon-remited {
    background-color: #f00;
    color: #fff;
    padding: 3px 12px;
    display: inline-block;
}
.item-box p.item-no {
	margin:10px 0;
}
.item-box p.item-no .number {
	font-size:16px;
}
.item-box a {
	display:block;
	width:230px;
	padding:3px 0;
	text-align:center;
	background:#00517A;
	margin:10px auto;
}
.item-box a:link {
display:block;
	width:230px;
	padding:3px 0;
text-align:center;
	background:#00517A;
	margin:10px auto;
}
.item-box .item-price .price {
	width:180px;
	margin:10px auto;
	color:#0094BE;
	font-size:18px;
}
.item-tham {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  /*justify-content: space-between;*/
  justify-content: flex-start;
}
.item-tham li {
	width:19%;
	height:auto;
	margin-right:1%;
	cursor:pointer;
}
.atentxt {
	text-align:center;
	font-size:10px;
	margin:5px 0 0 0;
}
.item-attention {
	border-left:2px solid #000;
	margin:15px 0 0 0;
}
.item-attention p {
	padding:0 5px 0 10px;
	font-weight:bold;
}
.item-bikou {
	background:#EFEFEF;
	margin:10px 0 0 0;
}
.item-bikou p {
	padding:8px;
}
.bigbana {
	width:94%;
	margin:20px auto 0 auto;
}
.attention-box {
	width:94%;
	margin:20px auto 0 auto;
}
.attention-box h3 {
	border-left:5px solid #000;
	padding:3px 0 3px 10px;
	font-size:20px;
}
.attention-box div {
	/*border:solid 1px #666;*/
	margin:10px 0 0 0;
	padding:8px;
}
/*.attention-box p {
	border:solid 1px #666;
	margin:10px 0 0 0;
	padding:5px;
}*/
.feature-box {
	width:94%;
	margin:20px auto 0 auto;
}
.feature-box h3 {
	border-left:5px solid #000;
	padding:3px 0 3px 10px;
	font-size:20px;
	margin:35px 0 20px 0;
}


ul.item-feature {
	width:100%;
	margin:0 auto;
}
ul.item-feature li {
	width:23.5%;
	margin:0 2% 50px 0;
	float:left;
	text-align:left;
}
ul.item-feature li:nth-child(4n) {
	width:23.5%;
	margin:0 0 30px 0;
	float:left;
	text-align:left;
}
ul.item-feature li h4 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
}
ul.item-feature li img {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
ul.item-feature li p {
	font-weight:normal;
	font-size:12px;
}
#product {
	color:#FFF;
}

/*純正加工ステアリング　一覧*/

.gemuine-ttl-back {
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	background:#142032;
	padding:10px;
	letter-spacing:5px;
	border: solid 1px #FFF;
}
.gemuine-txt {
	text-align:center;
	padding:15px;
	color:#FFF;
}

@media screen and (max-width:480px){
.gemuine-txt {
	text-align:left;
}
}
.gemuine-choice {
	text-align:center;
	padding:0 0 40px 0;
	margin:0 0 50px 0;
	border-bottom:solid 1px #FFF;
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	justify-content: center;
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
}
/*select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}*/
.gemuine-choice .selecter1 {
	/*text-align:center;
	border:solid 1px #FFF;
	padding:8px 20px;
	margin:0 10px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.2em;*/
	
  /*width: 300px;*/
  width: 200px;
  float:left;
  margin:0 20px 0 0;
}
.gemuine-choice .selecter2 {
	/*text-align:center;
	border:solid 1px #FFF;
	padding:8px 20px;
	margin:0 10px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.2em;*/
	
  /*width: 400px;*/
  width: 300px;
  float:left;
  margin:0 20px 0 0;
}
.gemuine-choice .selecter3 {
	/*text-align:center;
	border:solid 1px #FFF;
	padding:8px 20px;
	margin:0 10px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.2em;*/
  width: 180px;
  float:left;
  margin:0;
}
/*セレクトボックスのプルダウン　ここから*/

.btn-select,
.btn-select2,
.btn-select3 {
  margin: 20px auto;
  position: relative;
	/*border:solid 1px #FFF;*/
	border:solid 1px #000;
  cursor: pointer; /* IEでcursorがチラついたので */
}


.label,
.label2,
.label3 {
  /*color: #fff;*/
  color:#000;
  position: absolute;
  width: 100%;
  z-index: 1;
  padding: 10px 0 0 0;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.2em;
}

.select,
.select2,
.select3 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  cursor: pointer;
  width: 100%;
  border: none;
  padding: 0 10px 15px 10px;
  opacity: 0;
  position: relative;
  z-index: 2;
  font-size:16px;
  color:#000;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, option { position:relative;top:-15px; vertical-align:middle; } /* IE11 */
}

.gemuine-choice .btn-select,
.gemuine-choice .btn-select2,
.gemuine-choice .btn-select3 {
  border:solid 1px #FFF;
}
.gemuine-choice .btn-select {
  border:solid 1px #FFF;
     padding: 0 0 10px 0;
    /*display: flex;
    align-items: center;*/
     display: flex;
	 display: -ms-flexbox; /* IE10 */
	 display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	 display: -webkit-flex; /* Safari6.1以降 */
    align-items: center;
  -webkit-align-items: center;      /* Safari etc. */
  -ms-align-items    : center;      /* IE10        */
  line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.gemuine-choice .label,
.gemuine-choice .label2,
.gemuine-choice .label3 {
  color: #fff;
}


@media screen and (max-width:480px){
.select,
.select2,
.select3 {
  color:#fff;
}
}

/* IE10以上で矢印を消す */
.select::-ms-expand,
.select2::-ms-expand,
.select3::-ms-expand {
  display: none; 
}

/* フォーカス時 */
.select:focus,
.select2:focus,
.select3:focus {
  z-index: -1;
  opacity: 1;
}


/*セレクトボックスのプルダウン　ここまで*/


.genuine-box {
	width:100%;
	margin:0 auto;
}

ul.genuineline {
	width:100%;
	margin:0 auto;
}
ul.genuineline li {
	width:20%;
	margin:0 0 50px 0;
	float:left;
	text-align:center;
}
ul.genuineline li img {
	width:80%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
ul.genuineline li p {
	/*font-weight:normal;*/
	width:80%;
	color:#FFF;
	margin:0 auto 8px auto;
}
ul.genuineline li .detail-btn a:link {
    display: block;
    max-width: 180px;
	width:80%;
    padding: 3px 0;
    text-align: center;
    background: #00517A;
	color:#FFF;
    margin: 15px auto 0 auto;
}
/*ラインナップのもっと見る*/

.js-load { display:none; }
.js-load.active { display:block; }
.btn-wrap {
	width:100%;
	text-align:center;
	border:solid 2px #FFF;
	margin:0 0 15px 0;
}
.btn {
	display:block;
	padding:15px 0;
	width:100%;
	color:#FFF;
	font-size:16px;
}

/*グッズ一覧*/
.goods {
	width:100%;
	max-width:1000px;
	margin: 0 auto;
}
ul.goodslineup-tham {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding:10px 0 0 0;
	margin:0 0 0px 0;
}
ul.goodslineup-tham li {
	/*width:23.5%;
	margin:0 2% 30px 0;*/
	width:19%;
	margin:0 7% 30px 7%;
	padding:0 0 30px 0;
	text-align:center;
	float:left;
	position:relative;
}
ul.goodslineup-tham li .new {
position: absolute;
top: -3px;
right: -3px;
width: 40%;
}
ul.goodslineup-tham li .lineup-obi {
	width:100%;
	height:70px;
	vertical-align:middle;
}
.goods-attention {
	border: solid 1px #666;
    margin: 10px 0 0 0;
    padding: 5px 10px;
}
.goods-attention p {
	border: 0px;
    margin: 10px 0;
    padding: 0;
}


.nega-top {
	margin:-55px 0 0 0;
}
.nega-top100 {
	margin:-100px 0 0 0;
}



/*20180131追加分　ショップ*/
#contents-type2 {
    padding: 115px 0 35px 0;
    background: #142032;
	color:#FFF;
}

#hokkaido,#tohoku,#northkanto,#southernkanto,#koshinetsu,#tokai,#hokuriku,#kansai,#china,#shikoku,#kyusyu,
#china,#canada,#philippines,#indonesia,#bruneidarussalam,#uae,#france,#greece,#uk,#taiwan {
	padding:140px 0 0 0;
}


.shophead {
	background-color:#576067;
	background-image:url(../img/shopttlback.png);
	background-repeat: no-repeat;
	background-position: right top;
	display:flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
}
.shophead .shopimage {
	width:60%;
	height:300px;
	overflow:hidden;
	align-self:strech;
}
.shophead .shopimage img {
	width:100%;
	height:auto;
	min-height:300px;
	min-width:auto;
	margin-top:-10%;
}
.shophead .shoptext {
	width:40%;
	height:300px;
	overflow:hidden;
	align-self:strech;
}
.shophead .shoptext h2 {
	font-size:22px;
	padding:40px 30px 0 30px;
	letter-spacing:0.15em;
}
.shophead .shoptext h3 {
	font-size:16px;
	padding:20px 30px 10px 30px;
}
.shophead .shoptext p {
	margin:0 0 15px 0;
	padding:0 30px;
}
.shopsteericon {
	width:15px;
	height:auto;
	margin:0 3px -3px 0;
}

.shop-left {
	width:25%;
	float:left;
	padding:150px 0 0 0;
}

.shop-left2 {
	width:25%;
	float:left;
}

.shop-left li {
	margin:0 0 5px 0;
}
.shop-left2 li {
	margin:0 0 5px 0;
}
.shop-left2 li:first-child {
	margin:150px 0 5px 0;
}
.shop-right {
	width:75%;
	float:right;
}
.shop-right .shop-ttl {
	padding:0 0 15px 0;
}
.shop-right .shop-ttl h2 {
	width:50%;
	font-size:20px;
	float:left;
}
.shop-right .shop-ttl p {
	width:50%;
	float:right;
	text-align:right;
}
.shop-right li {
	padding:15px 0;
	border-bottom:dotted 1px #fff;
	width:100%;
    display:inline-block;
}
.shop-right li a{
    width:100%;
    height:100%;
}
.shop-right li:hover {
	background:#101020;
}
.shop-right .dealer {
	display:flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	margin:0 0 50px 0;
}
/*.shop-right .dealer li {
	padding:5px 0 5px 24px;
	margin:0px 0;
    width: calc(100% / 4);
	border-bottom:none;
	float:left;
	border-left:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}
.shop-right .dealer li:nth-child(-n + 4) {
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}
.shop-right .dealer li:nth-child(4n),
.shop-right .dealer li:last-child {
	border-right:solid 1px #FFF;
}*/
.shop-right .dealer li {
	background:#FFF;
	color:#142032;
	padding:5px 0 5px 24px;
	margin:0px 0;
    flex-basis: calc(100% / 4);
    -webkit-flex-basis:calc(100% / 4);/*--- safari（PC）用 ---*/
	border-bottom:none;
	float:left;
	border-left:solid 1px #142032;
	border-bottom:solid 1px #142032;
}
.shop-right .dealer li:nth-child(-n + 4) {
	border-top:solid 1px #142032;
	border-left:solid 1px #142032;
	border-bottom:solid 1px #142032;
}
.shop-right .dealer li:nth-child(4n),
.shop-right .dealer li:last-child {
	border-right:solid 1px #142032;
}
.shop-right li h3 {
	font-size:16px;
	padding:0 0 0 18px;
}
.shop-shop li h3 {
	font-size:16px;
	padding:0 0 0 18px;
	font-weight:normal;
}
/*.shop-right .dealer li.steer-on {
	background:url(../img/shopsteericon.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:5px 8px;
}*/
.shop-right .dealer li.steer-on {
	background-image:url(../img/shopsteericon.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:5px 8px;
}
.shop-right li h3.steer-on {
	background:url(../img/shopsteericon.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:0 2px;
}
.shop-area {
    padding: 0 0 6px 0;
}
.shop-area h3 {
    font-size: 18px;
       line-height: 130%;
}
.shop-area h3 a {
	font-size: 13px;
}
.shop-area h3 a:hover,
.dealer-gr a:hover {
	color:#F90;
}
.shop-dealerttl {
	background:#F90;
	color:#FFF;
	padding:2px 10px 0px 10px;
	margin:0 0 5px 0;
	display:inline-block;
    font-size: 14px;
}
p.dealer-gr {
	padding:10px 0 10px 25px;
	/*font-size:14px;
	letter-spacing:0.05em;*/
	font-weight:normal;
	border:solid 1px #142032;
	border-bottom:solid 0px #142032;
	margin-top:-3px;
     background-color: #FFF;
}
p.dealer-gr-bottom {
	margin:0 0 50px 0;
}
p.dealer-gr.steer-on {
	background:url(../img/shopsteericon.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:5px 12px;
	background-color:#FFF;
}
p.dealer-gr a {
	color: #142032;
}

@supports (-ms-ime-align:auto) {
.shop-area h3 a,
.shop-area h3 a:link,
.shop-area h3 a:visited,
.shop-area h3 a:action,
.shop-area h3 a:hover {
	text-decoration:none;
  }
}

.shop-right li p {
	margin:0 0 0 20px;
	text-align:left;
}
.shopinfo {
	width:100%;
	background:#D9D9D9;
	padding:20px 20px 10px 20px;
	margin:80px 0;
	color:#000;
}
.shopinfo h4 {
	font-size:16px;
	font-weight:bold;
}
.shopinfo p {
	margin:10px 0 10px 0;
}
.fixed {
    position: fixed;
    top: 0;
    width: 20%;
    z-index: 5;
}

/*color*/

@media screen and (max-width:480px){
.colorpage p {
	text-align:left;
	width:90%;
	margin:0 auto;
}
}
.colorpage {
	color:#FFF;
	text-align:center;
}
.color h2 {
	padding:90px 0 15px 0;
	font-size:20px;
	letter-spacing:0.2em;
}
.color-white {
	width:80%;
	margin:8px auto 0 auto;
	padding:1px 0;
	background:#FFF;
	color:#000;
	font-weight:bold;
}

ul.color-tham {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align: center;
	display: flex;
	justify-content: center;
}
ul.color-tham li {
    width: calc(100% / 6);
	padding:0 0 10px 0;
	text-align:center;
	margin:30px 0;
}
ul.color-tham.color-leather {
	max-width: 955px;
	margin: 0 auto;
}
ul.color-tham.color-leather li {
    width: calc(100% / 5);
	padding:0 0 10px 0;
	text-align:center;
	margin:30px 0;
}
ul.color-tham li img {
	width:80%;
	height:auto;
	margin:0 auto;
}
ul.color-tham li p span {
	display:block;
	width:100%;
	font-size:10px;
}
.nappa-logo {
	width:auto;
	height:25px;
	margin:0 0 -8px 8px;
}

/*2/1追加分*/
.gallery-box {
	position:relative;
}
.photogallery-btn {
	position:absolute;
	top:50px;
	right:0;
	width:120px;
}
.photogallery-btn img {
  border-radius: 60px;
  height: 120px;
  width: 120px;
  /*border:solid 2px #FFF;*/
}
.photogallery-btn a:link,
.photogallery-btn a:visited {
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.photogallery-btn a:hover {
opacity:0.95;
filter: alpha(opacity=95);
-ms-filter: "alpha( opacity=95 )";
}
.sp-gallery-btn {
	display:none;
}

ul.news-all li {
    width: calc(100% / 4);
    margin: 40px 0;
    text-align: center;
}

ul.news-all li a {
	display:inline-block;
	width:100%;
}
.news-image-box {
	width:85%;
	height:253px;
	background:#FFF;
	margin:0 auto;
	display:flex;
	text-align:center;
    overflow: hidden;
}
.news-image-box img {
	width:100%;
	height:auto;
	/*align-self:center;*/
  object-fit: contain;
}
.news-image-box img.object-fit{
  object-fit: contain;
  font-family: 'object-fit: contain;'
}

/*objectfitのこと*/
.news-image-box {
    position: relative;
	width:85%;
	height:253px;
    display: inline-block;
    overflow: hidden;
}
.news-image-box img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports ( object-fit: contain ) {
    .news-image-box img {
        position: static;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
/*------------------*/


.news-all time p.newsdate {
	width:85%;
	margin:3px auto;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.1em;
}
.news-all h2.newsttl {
	width:85%;
	margin:0 auto;
	text-align:left;
	font-size:14px;
	letter-spacing:0.1em;
}

/*news-detail*/
.news-detail {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
.news-l {
	width:70%;
	float:left;
}
.news-l a {
	color:#03F;
}
.news-l .pager a {
	color:#FFF;
}
.news-l article {
	background-color:#FFF;
	color:#142032;
	padding:15px;
}
.news-r {
	width:25%;
	color:#FFF;
	float:right;
}
.news-l h1 {
	font-size:20px;
	margin:25px 0;
}
/*.news-l .news-contents img {
	width:auto;
	max-width:100%;
	height:auto;
}*/
.news-l .news-contents img {
	max-width:100%;
}
.news-l .news-contents {
	font-size:12pt;
}
.news-l .news-contents p {
	margin:15px 0;
}
.news-l .news-contents p a {
	/*color:#142032;*/
	color: purple;
	text-decoration: underline;
}
.news-l .news-contents p a img {
	text-decoration: none;
}
.news-l .pager {
	margin:50px 0 20px 0;
	border:solid 2px #FFF;
	padding:20px 15px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.news-l .pager a:first-child {
	display:inline-block;
	width:40%;
}
.news-l .pager a:last-child {
	display:inline-block;
	width:40%;
	text-align:right;
}
.news-l .pager a:nth-child(2) {
	display:inline-block;
	width:15%;
	text-align:center;
}
.news-r h2 {
	font-size:14px;
	font-weight:normal;
}
.news-r p {
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 0;
}
.news-r li {
	margin:0 0 25px 0;
}


/*送料*/

#contents3.trance-back {
background-image: url("../img/tranceback.png");
	background-repeat:no-repeat;
	background-position:right 40px;
}
.transport {
	color:#FFF;
}
.transport h2 {
	width:100%;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	font-size:20px;
	padding:30px 0 5px 0;
	margin:0 0 15px 0;
	letter-spacing:0.15em;
}
.transport p.transport-ttl {
	width:100%;
	font-weight:bold;
	font-size:14px;
}
.transport p.transport-product_type {
	width:100%;
	font-weight:bold;
	font-size:12px;
	margin:10px 0 1px 0;
	padding:8px 0;
	background:#323A4C;
}
.transport p.transport-time {
	width:100%;
	margin:0 0 20px 0;
}
.transport ul {
	display:flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	align-content:flex-start;
    -webkit-align-content:flex-start;/*--- safari（PC）用 ---*/
	margin:0 0 30px 0;
	background:#323A4C;
	padding:0 8px;
}
.transport li {
	align-self:auto;
    width: calc(100% / 10);
	margin:0 0 10px 0;
}
.transport li:first-child {
	flex-basis:100%;
    -webkit-flex-basis:100%;/*--- safari（PC）用 ---*/
}
.transport li:nth-child(8) {
	flex-basis:33%;
    -webkit-flex-basis:33%;/*--- safari（PC）用 ---*/
}
.transport li:nth-child(14) {
	flex-basis:44%;
    -webkit-flex-basis:44%;/*--- safari（PC）用 ---*/
}
.transport li:nth-child(29),
.transport li:nth-child(34) {
	flex-basis:55%;
    -webkit-flex-basis:55%;/*--- safari（PC）用 ---*/
}
.transport li:nth-child(38) {
	flex-basis:66%;
    -webkit-flex-basis:66%;/*--- safari（PC）用 ---*/
}
.transport li:nth-child(46) {
	flex-basis:30%;
    -webkit-flex-basis:30%;/*--- safari（PC）用 ---*/
}
.transport li:nth-child(47) {
	flex-basis:100%;
    -webkit-flex-basis:100%;/*--- safari（PC）用 ---*/
}


/*プライバシーポリシー*/
.privacy-box {
    border: solid 3px #999;
    margin: 50px auto 20px auto;
    padding: 20px 20px 10px 20px;
	text-align:left;
	width:80%;
}
.privacy-box h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}
.privacy-box p {
    padding: 2px 10px 20px 10px;
}
/*特定証取法*/
.privacy-box dl {
	display:flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	padding:15px 0;
	border-bottom: dotted 1px #999;
}
.privacy-box dl:first-child {
	padding:0 0 15px 0;
}
.privacy-box dl:last-child {
	border-bottom: 0px;
}
.privacy-box dt {
	flex-basis:20%;
}
.privacy-box dd {
	flex-basis:80%;
}





/*メンテナンスキット*/

.maintenance {
}

#prd .maintenance .image {
	display: block;
	width: 700px;
	height:380px;
}
.maintenance .image {
	background: url(../lineup/prd_img/maintenance1-2.jpg) no-repeat right top;
}
.maintenance h1 {
	font-size: 35px;
	margin-bottom:-15px;
	padding:10px 10px 0 0;
    text-shadow: 2px 2px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;
}
.maintenance h1 span.brand {
    text-shadow: 2px 2px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;
	text-align:right;
}
.maintenance h1 span.car {
    text-shadow: 2px 2px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;
	margin-top:5px;
	font-size: 70px;
	margin-bottom:10px;
	line-height: 98%;
	letter-spacing:-0.06em;
	text-align:right;
}
.maintenance .maintenance-ttl {
	font-size:20px;
	font-weight:bold;
}
.maintenance-box1 {
	margin:30px 0 0 0;
	font-size:12px;
	width:32%;
	float:left;
}
.maintenance-box1 .maintenance1-l {
	border:solid 1px #3497CE;
	/*float:left;*/
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
	margin:0 30px 0 0;
}
.maintenance-box1 .maintenance1-r {
	border:solid 1px #3497CE;
	/*float:left;*/
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
	margin:30px 0 0 0;
}
.maintenance-box1 p {
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:#3497CE;
	padding:5px 0;
	margin:0 0 5px 0;
	font-size:16px;
}
.play {
    position: relative;
    width: 100%;
	height:auto;
    padding-top: 56.25%!important;
	margin:30px 0 0 0;
}
.play iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.youtube {
    width: 65%;
    max-width: 550px;
    margin: 0 auto 0 auto;
}
.maintenance-box2 {
    margin: 45px 0 0 0;
    padding: 45px 0 0 0;
    width: 48%;
    float: right;
}
.maintenance-box2:nth-child(2n) {
    float: left;
    clear: both;
}

.mainte-line {
	border-bottom:solid 1px #000;
	margin:0 0 45px 0;
}
.mainte-line .mainte-line-back {
	font-size:16px;
    width: 155px;
    text-align: center;
    padding: 5px 30px;
    background: #3497CE;
    color: #FFF;
    font-weight: bold;
    display: inline;
    margin: 0 10px 0 0;
}
.mente-flex {
    display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    clear: both;
    justify-content: space-between;
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
}

.maintenance-box2 p {
	margin:3px 0 0 0;
	font-size:12px;
}
.maintenance-box2 .mente-before {
    width: 45%;
	float:left;
}
.maintenance-box2 .mente-next {
    width: 10%;
    float: left;
    margin: 0;
    padding: 80px 0 150px 0;
    height: 100%;
}
.maintenance-box2 .mente-after {
    width: 45%;
    display: block;
    float: left;
}
.maintenance-box2 .after {
	width:45%;
	float:right;
}
.maintenance-box3 {
	margin:45px 0 40px 0;
	padding:45px 0 0 0;
	border-top:solid 1px #000;
	font-size:12px;
}
.maintenance-box3 .mente-l {
	width:380px;
	float:left;
}
.maintenance-box3 .mente-l p {
	margin:3px 0;
	font-size:12px;
	font-weight:bold;
}
.maintenance-box3 .mente-l p .maint-price {
	font-size:16px;
	font-weight:bold;
	color:#FF9900;
}
.maintenance-box3 .mente-r {
	width:310px;
	float:left;
	margin:0 0 0 20px;
}
.maintenance-box3 .mente-r table {
	border-left:solid 1px #000;
	border-top:solid 1px #000;
	width:310px;
	margin:5px 0 0 0;
}
.maintenance-box3 .mente-r tr:nth-child(even)  {
	background:#EFEFEF;
}
.maintenance-box3 .mente-r td:nth-child(odd)  {
	width:30px;
}
.maintenance-box3 .mente-r td:nth-child(even)  {
	width:270px;
	text-align:left;
}
.maintenance-box3 .mente-r td {
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	margin:0;
	padding:5px;
}



.maintenance-box4 {
	margin:45px 0 40px 0;
	padding:45px 0 0 0;
	font-size:12px;
}
.maintenance-box4 .mainte-line .mainte-line-back {
	width:155px;
	text-align:center;
	padding:5px 30px;
	background:#F08300;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
}
.maintenance-box4 .mente-l {
	width:380px;
	float:left;
}
.maintenance-box4 .mente-l p {
	margin:3px 0;
	font-size:12px;
	font-weight:bold;
}
.maintenance-box4 .mente-l p .maint-price {
	font-size:16px;
	font-weight:bold;
	color:#FF9900;
}
.maintenance-box4 .mente-r {
	width:310px;
	float:left;
	margin:0 0 0 20px;
}
.maintenance-box4 .mente-r table {
	border-left:solid 1px #000;
	border-top:solid 1px #000;
	width:310px;
	margin:5px 0 0 0;
}
.maintenance-box4 .mente-r tr:nth-child(even)  {
	background:#EFEFEF;
}
.maintenance-box4 .mente-r td:nth-child(odd)  {
	width:30px;
}
.maintenance-box4 .mente-r td:nth-child(even)  {
	width:270px;
	text-align:left;
}
.maintenance-box4 .mente-r td {
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	margin:0;
	padding:5px;
}



.ment-atention {
	margin:40px 0 0 0;
}
.ment-atention p {
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #000;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}
.ment-atention li {
	margin:0 0 10px 0;
}

table.ment-attention2 {
	border-left:solid 1px #000;
	border-top:solid 1px #000;
	width:100%;
	margin:30px 0 50px 0;
}
table.ment-attention2 tr:nth-child(even)  {
	background:#EFEFEF;
}
table.ment-attention2 td:nth-child(odd)  {
	width:100px;
}
table.ment-attention2 td:nth-child(even)  {
	width:550px;
	text-align:left;
}
table.ment-attention2 td {
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	margin:0;
	padding:5px;
	vertical-align:middle;
    -webkit-text-size-adjust: 18px;
}
table.ment-graph td {
    -webkit-text-size-adjust: 12px;
}

.prdbtm_bx {
	margin:0 0 0 0;
	background:#CCCCCC;
	width:100%;
	max-width:500px;
}

p.btn_toshopping {
	margin: 0 0 10px 0;
padding: 8px;
text-align:center;
}
.btn_toshopping a {
font-size: 15px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
.btn_toshopping a:hover {
font-size: 15px;
font-weight: bold;
color: #333333;
text-decoration: none;
}


/*特徴ページ*/
.tokucho {
	background-color:#FFF;
	color:#000;
	margin:50px 0 0 0;
	padding:0 0 30px 0;
}
.tokucho h1 {
	padding:40px 0 8px 0;
	font-size:20px;
	letter-spacing:0.25em;
}
.tokucho h2 {
	font-size:18px;
	font-weight:lighter;
	padding:0 0 10px 0;
}
ul.product-feature,
ul.product-feature2,
ul.product-safety {
	display:flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	padding:45px 1% 0 1%;
}
ul.product-feature li,
ul.product-feature2 li,
ul.product-safety li {
	flex-basis:48%;
    -webkit-flex-basis:48%;/*--- safari（PC）用 ---*/
	text-align:left;
	padding:0 0 55px 0;
}
ul.product-feature li:nth-child(even),
ul.product-safety li:nth-child(odd) {
	margin:0 2% 0 0;
}
ul.product-feature2 li:nth-child(1),
ul.product-feature2 li:nth-child(4),
ul.product-feature2 li:nth-child(6),
ul.product-feature2 li:nth-child(8),
ul.product-feature2 li:nth-child(10)
 {
	margin:0 2% 0 0;
}
ul.product-feature li:first-child {
	flex-basis:100%;
    -webkit-flex-basis:100%;/*--- safari（PC）用 ---*/
	margin:0;
	padding:0 0 45px 0;
}
ul.product-safety li:last-child {
	flex-basis:100%;
    -webkit-flex-basis:100%;/*--- safari（PC）用 ---*/
	margin:0;
	padding:0 0 45px 0;
}
ul.product-feature li .feature-l,
ul.product-feature2 li .feature-l,
ul.product-safety li .feature-l {
	width:28%;
	max-width:150px;
	float:left;
}
ul.product-feature li .feature-r,
ul.product-feature2 li .feature-r,
ul.product-safety li .feature-r  {
    width: 70%;
    float: left;
    text-align: left;
    margin: 0 0 0 2%;
}
ul.product-feature li .feature-l2 {
	width:14%;
	max-width:150px;
	float:left;
}
ul.product-feature li .feature-r2 {
    width: 35%;
    float: left;
    margin: 0 0 0 1%;
}
ul.product-feature li .feature-r3 {
	width:50%;
	float:right;
	text-align:right;
}
ul.product-safety li .feature-r5 {
	width:50%;
	float:right;
	text-align:left;
}
ul.product-feature li .feature-r3 img {
	width:100%;
	height:auto;
}
ul.product-safety li .feature-r5 img {
	width:90%;
	height:auto;
}
ul.product-safety li .feature-r4 {
	width:49%;
	float:left;
	text-align:left;
}
ul.product-feature2 li.full {
      width: 98%;
    -webkit-flex-basis: 98%;
}
ul.product-feature2 li.full img {
	width:100%;
	height:auto;
}
.feature-volls {
	width:30%;
	height:auto;
}
.tokucho .attention {
	display:block;
	width:98%;
	margin:20px auto 0 auto;
	padding:10px 1%;
	text-align:left;
	border:2px solid #999;
}


/*会社概要*/
#contents3.company-back {
background-image: url("../img/companyback.png");
	background-repeat:no-repeat;
	background-position:right 40px;
}
#company {
    background-color: #FFF;
    color: #000;
    margin: 50px 0 0 0;
    padding: 0 0 30px 0;
    text-align: left;
    padding: 45px 2%;
    position: relative;
}
#company .comp-l {
	float: left;
	width: 38%;
}
#company .comp-r {
	float: right;
	width: 55%;
	padding: 0 0 0 0;
}
#company .comp-r:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#company .comp-r dl {
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
}
#company .comp-r dt {
	flex-basis: 20%;
    -webkit-flex-basis:20%;/*--- safari（PC）用 ---*/
	margin: 0 0 20px 0;
}
#company .comp-r dd {
	flex-basis: 70%;
    -webkit-flex-basis:70%;/*--- safari（PC）用 ---*/
	margin: 0 0 20px 0;
}
#company .comp-r dd a {
	color:#00F;
}
#company .comp-r .calender {
}
#company .comp-r .calender h2 {
	font-size:20px;
	padding:15px 0 0 0;
}
#company .comp-r .calender #bizCallendar01,
#company .comp-r .calender #bizCallendar02 {
	width:42%;
	margin:0 3%;
	float:left;
}
#company .comp-r .calender .bizcal {
	width:100%;
}
#company .comp-r .bizcal td,
#company .comp-r .bizcal th {
    margin: 0 auto;
    padding: 4px 0;
    vertical-align: middle;
    text-align: center;
    border: 0px solid;
    font-weight: normal;
    width: calc(100%/7);
	background-color:transparent;
}
#company .comp-r .Holiday {
	background-color:transparent!important;
    color: #F00!important;
}
#company .comp-r .bizcalTitle {
    width: 100%;
    background-color:transparent;
    color: #003;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0px;
    margin: 0px;
}


#company .comp-r .calender .holidayattention {
	width:100%;
	max-width: 400px;
	margin:0;
	padding:0 2% 0 0;
	text-align:right;
}
#company .company2 {
	margin: 50px 0 0 0;
	padding: 50px 0 0 0;
	border-top: solid 1px #000;
}
#company .company2 dl {
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
}
#company .company2 dt {
	flex-basis: 15%;
    -webkit-flex-basis:15%;/*--- safari（PC）用 ---*/
	margin: 20px 0 0 0;
}
#company .company2 dd {
	flex-basis: 73%;
    -webkit-flex-basis:73%;/*--- safari（PC）用 ---*/
	margin: 25px 0 0 2%;
}
#company .absolute-logo{
	position: absolute;
	top:35px;
	right: 30px;
	width: 125px;
}



/*お問い合わせ*/

#contents3.contact-back {
background-image: url("../img/mailback.png");
	background-repeat:no-repeat;
	background-position:right 40px;
}
#contact {
    background-color: #FFF;
    color: #000;
    margin: 50px 0 0 0;
    text-align: left;
    padding: 0;
	font-size:12px;
}
#contact a{
	color: #000;
}
#contact dl {
	background-color: #f7f8f8;
	padding: 30px 0;
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
}
#contact dl:nth-child(2n) {
	background-color: #fff;
}
#contact dl dt {
	width: 20%;
	margin: 0 0 0 2%;
	font-size: 14px;
}
#contact dl dd {
	width: 78%;
	margin: 0 0 0 0;
	line-height:200%;
}
#contact dl input {
	border:0px;
}
#contact dl .mfb {
	border: solid 1px #B5B5B6;
	width: 60%;
	padding: 10px 20px;
}
#contact dl .mfb2 {
	border: solid 1px #B5B5B6;
	width: 60%;
	padding: 10px 20px;
	margin: 15px 0 0 0;
}
#contact dl .mfb3 {
	border: solid 1px #B5B5B6;
	width: 80%;
	height:230px;
	padding: 10px 20px;
	margin: 15px 0 0 0;
}
#contact dl .address1 {
	border: solid 1px #B5B5B6;
	width: 13%;
	padding: 10px 20px;
	margin:0 20px 20px 0;
}
#contact dl select {
	margin:0 20px 0 0;
}
#contact .submitbtn {
	width:100%;
	border-top:solid 1px #000;
	padding:70px 0 40px 0;
	text-align:center;
}
#contact .submitbtn input {
    padding: 5px 40px;
    background: #121F31;
    text-align: center;
	color:#FFF;
	font-size:18px;
	font-weight:lighter;
	letter-spacing:0.2em;
	cursor:pointer;
}
#contact .hissu {
	width:40px;
	margin:0 0 -3px 10px;
}
#contact .hissu-en {
	width:70px;
	margin:0 0 -3px 10px;
}
#contact .btn-back {
    padding: 10px 40px;
    background: #aaa;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.2em;
    cursor: pointer;
	margin:0 20px 0 0;
}


#order {
    background-color: #FFF;
    color: #000;
    margin: 50px 0 0 0;
    text-align: left;
    padding: 30px 0 0 0;
	font-size:12px;
}
#order .order-btn1 {
	width:90%;
	max-width:350px;
	text-align:center;
	background-color:#F00;
	padding:10px;
	font-size:20px;
	font-weight:bold;
	margin:0 auto 50px auto;
}
#order .order-btn2 {
	width:100%;
	max-width:700px;
	margin:0 auto;
	padding:0 0 100px 0;
}

.dept,
.bx {
	background-color: #f7f8f8;
	padding: 30px;
}
.dept h2,
.bx h2 {
	font-size:14px;
	margin:0 0 8px 0;
}

.thanks-C {
	font-size:16px;
	text-align:center;
	padding:80px 30px;
	line-height:200%;
}

/*ご注意ください*/
#attention {
    background-color: #FFF;
    color: #000;
    margin: 50px 0 0 0;
    text-align: left;
    padding: 50px 0;
	font-size:12px;
}
#attention .attention-box {
	padding:0;
	width:85%;
	border-left:2px solid #000;
    margin: 20px auto 35px auto;
}
#attention .attention-box h2 {
	font-size:16px;
	padding:0 0 0 5px;
}
#attention .attention-box p {
	border: 0px;
    margin: 0 0 0 0;
	padding:0 0 0 5px;
}
#attention a:link,
#attention a:visited {
	/*color:#142032;*/
	color:#00F;
	font-weight:bold;
}
#attention a:hover {
	color:#0099FF;
	font-weight:bold;
}


/*FAQ*/

#contents3.faq-back {
background-image: url("../img/faqback.png");
	background-repeat:no-repeat;
	background-position:right 40px;
}
#faq {
    margin: 30px 0 0 0;
    text-align: left;
    padding: 30px 0;
    font-size: 12px;
}
#faq dl {
	border-bottom: dotted 1px #fff;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
}
#faq dt {
	width:95%;
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:15px 0 10px 60px;
	position:relative;
}
#faq dt::before {
	width:100px;
	height:100px;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: auto 0 auto 0;
    background: url(../img/faq.svg) top left no-repeat;
}
#faq dd {
	width:95%;
	background:#FFF;
	color:#000;
	padding:20px;
	margin:0 0 0 5%;
}
#faq a {
	color:#03F;
}






/*ロゴ*/
#logo1,
#logo2 {
	width:100%;
	background-color:#FFF;
	text-align:center;
	color:#000;
	padding:0 0 30px 0;
	margin:0 0 100px 0;
}
#logo1 .logo-in {
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
}
#logo1 .logo-in div {
	width:50%;
	text-align:center;
	margin:95px auto 20px auto;
}
#logo1 .logo-in div img {
	width:65%;
	height:auto;
}
#logo1 .logo-in div p {
	margin:15px 0 0 0;
}
#logo1 p {
	padding:0 0 30px 0;
}
#logo1 p a {
	display:inline;
	background-color:#000;
	padding:12px 30px;
	color:#FFF;
	font-size:16px;
	letter-spacing:0.18em;
}

#logo2 dl {
	width:90%;
	margin:0 auto;
	padding:50px 0 0 0;
	text-align:left;
}
#logo2 dt {
	font-size:16px;
	font-weight:bold;
}
#logo2 dd {
	padding:0 0 0 15px;
	margin:0 0 30px 0;
}
#logo2 dd ol li {
	list-style-type: decimal;
	margin:0 0 10px 15px;
}


/*プレゼント*/
#contents3.present-back {
background-image: url("../img/presentback.png");
	background-repeat:no-repeat;
	background-position:right 40px;
}
#present {
	width:100%;
	background-color:#FFF;
	text-align:center;
	color:#000;
	padding:30px 0 30px 0;
	margin:0 0 100px 0;
}
#present .pre-sub-txt {
    text-align: center;
    color: #fff;
    padding: 0 0 50px 0;
    /*margin: 0 0 50px 0;*/
}
#present .linetate {
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	justify-content:space-around;
    -webkit-justify-content:space-around;/*--- safari（PC）用 ---*/
	background-image:url(../img/tateline.jpg);
	background-repeat: repeat-y;
	background-position: center 30px;
	margin:0 0 30px 0;
}
#present .linetate .present-in {
	width:47%;
	border-bottom:1px solid #000;
	margin:30px 0 0 0;
	padding:0 0 10px 0;
}
#present .linetate .present-in .present {
	margin:15px auto;
}
#present h3 {
	font-size:18px;
	text-align:center;
	margin:50px 0 20px 0;
}
#present .present-step {
	text-align:left;
}
#present .present-step .step1 {
	width:28%;
	float:left;
	background-color:#E5E4E3;
	margin:0 0 0 1.5%;
}
#present .present-step .step2 {
	width:64%;
	background-color:#E5E4E3;
	float:right;
	margin:0 1.5% 0 0;
}
#present .present-step h4 {
	width:95%;
	margin:20px auto 5px auto;
	/*color:#FF0;*/
	color:#F69;
	font-size:20px;
}
#present .present-step h5 {
	width:95%;
	margin:0 auto;
	font-size:14px;
}
#present .present-step p {
	width:95%;
	margin:0 auto;
}
#present .present-step .step1 img {
	width:95%;
	margin:10px auto 10px 2.5%;
}
#present .present-step .step2 dl {
	width:95%;
	margin:10px auto 0 auto;
	padding:0 0 10px 0;
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	border-bottom: dotted 1px #000;
}
#present .present-step .step2 dt {
	width:20%;
}
#present .present-step .step2 dd {
	width:80%;
}
#present .step-attention {
	width:90%;
	margin:30px auto;
	text-align:left
}
#present .present-a {
	width:60%;
	border:0px;
	padding:5px;
	margin:0 0 10px 0;
}
#present .present-b {
	width:30%;
	border:0px;
	padding:5px;
	margin:0 0 10px 0;
}
#present .present-c {
	width:100%;
	border:0px;
	padding:5px;
	margin:0 0 10px 0;
}
#present .submitbtn {
    width: 100%;
    padding: 20px 0 20px 0;
    text-align: center;
}
#present .submitbtn input {
    padding: 5px 40px;
    background: #121F31;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.2em;
    cursor: pointer;
}

#presentStep2 .alert-danger {
	width:95%;
	margin:3px auto 10px auto;
}

/*トップページスライドhtml盤*/
.top-new-release {
	/*display: flex;
    display: -webkit-flex;--- safari（PC）用 ---*/
	/*flex-wrap: wrap;
    -webkit-flex-wrap:wrap;--- safari（PC）用 ---*/
	/*justify-content:space-between;
    -webkit-justify-content:space-between;--- safari（PC）用 ---*/
	/*background-image:url(../img/bana.jpg);
	background-image:url(../img/bana2.jpg);*/
	background-image:url(../img/bana9.jpg);
    background-size: cover;
    height: 323px;
    position: relative;
}

/*------------------*/
/*タブレットここから*/
/*------------------*/
@media screen and (max-width: 768px) {
.top-new-release {
    height: 225px;
}
}
.top-new-release .top-newrelease-l {
    width: 100%;
    /*justify-content: center;
    -webkit-justify-content:center;--- safari（PC）用 ---*/
	/*display: flex;
    display: -webkit-flex;--- safari（PC）用 ---*/
	/*flex-wrap: wrap;
    -webkit-flex-wrap:wrap;--- safari（PC）用 ---*/
    /*align-content: center;
    -webkit-align-content:center;--- safari（PC）用 ---*/
    /*align-self: center;
    -webkit-align-self:center;--- safari（PC）用 ---*/
    font-family: 'Fjalla One', sans-serif;
    font-size: 28px;
    margin: 0;
    line-height: 150%;
    position: absolute;
    right: 0;
}
.top-new-release .top-newrelease-l p {
    padding: 20px 30px 0px 0;
    font-weight: bold;
    text-align: right;
    display: block;
}
.top-new-release .top-newrelease-l p:first-child {
    /*border-bottom: solid 3px #000;*/
    width: 100%;
    margin: 0;
}
.top-new-release .top-newrelease-l p:first-child .span {
display:block;
}
.top-new-release .top-newrelease-r {
	width:100%;
	text-align:center;
	color:#FFF;
    text-shadow: 0px 0px 8px #000;
    padding: 20px 0 0 0;
	/*display: flex;
    display: -webkit-flex;--- safari（PC）用 ---*/
	/*align-items:center;
    -webkit-align-items:center;--- safari（PC）用 ---*/
}
.top-new-release .top-newrelease-r li {
	width:100%;
	text-align:left;
	margin:8px 0;
    font-size: 14px;
	font-weight:bold;
}
.top-new-release .top-new-dealer {
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 60px;
    font-size: 10px;
    color: #fff;
    margin: 0 5px 0 0;
    font-weight: bold;
}
.top-new-release .top-news-date {
	display:inline;
	padding:0 0 0 15px;
    font-size: 10px;
	font-weight:lighter;
}

.top-sp-only {
	display:none;
}
.icon-remited {
    padding: 2px 8px;
}


/*--------------*/
/*スマホここから*/
/*--------------*/
@media screen and (max-width:480px){

#contents .top-main {
	width:100%;
	float:none;
}
#contents ul.top-iconbtn {
	width:94%;
	/*max-width:436px;*/
	float:none;
	margin:20px auto 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
#contents .top-iconbtn .btn-a {
	width:62%;
	float:left;
	margin:0 1% 10px 0;
}
#contents .top-iconbtn .btn-b {
	width:36%;
	float:left;
	margin:0 1% 10px 0;
}
#contents .top-iconbtn .btn-c {
    width: calc(97% / 3);
    /* max-width: 155px; */
    float: left;
    margin: 0 1% 10px 0;
    text-align: center;
    background: #FFF;
}
.main-cont2 {
	width:94%;
	margin:20px auto 10px auto;
	background:#FFF;
}
.main-cont2 .top-news {
	width:100%;
	margin:0;
	float:none;
}
.main-cont2 .top-product {
	width:100%;
	margin:0;
	padding:0 0 30px 0;
	float:none;
}
.top-news li {
	width:92%;
	margin:0 auto;
}
.top-news li p.txt {
	font-size:14px;
	font-weight:bold;
	line-height:150%;
    margin: 0px 0 18px 0;
    padding: 0 0 18px 0;
}
.top-product li {
	width:92%;
	margin:0 auto 25px auto;
	float:none;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	padding:0 0 25px 0;
	border-bottom:dotted 1px #000;
}
.top-product li .top-prod-l {
	flex-basis:35%;
	align-self:strech;
	text-align:center;
}
.top-product li .top-prod-r {
	flex-basis:65%;
	align-self:strech;
}
.top-product li img {
	width:80%;
}
.top-product li h3 {
	font-size:16px;
	padding:5px 0 5px 0;
}
.top-product li h4 {
	font-size:12px;
	padding:0px 0 0px 0;
}
.top-product li .detail {
	border-top:0px;
	border-bottom:0px;
	padding:5px 0;
	margin:5px auto 0 auto;
	width:100%;
	text-align:center;
	background:#aaa;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.2em;
}

/*一覧画面*/

ul.lineup-tham li {
	width:92%;
	margin:0 auto 15px auto;
	padding:0 0 10px 0;
	background:#FFf;
	text-align:center;
}
ul.lineup-tham li:nth-child(4n) {
	width:92%;
	margin:0 auto 15px auto;
	padding:0 0 10px 0;
	background:#FFf;
	text-align:center;
}

ul.lineup-tham li .lineup-obi {
	width:100%;
	height:35px;
	vertical-align:middle;
	display:flex;
}
ul.lineup-tham li .lineup-obi p {
	align-self:center;
}
ul.lineup-tham li img {
    width: 30%;
    height: auto;
    margin: 10px 5%;
}
ul.lineup-tham li p.lineuptxt00 {
    display: inline-block;
    width: 55%;
    height: auto;
    margin: 10px 5% 10px 0;
    text-align: left;

}

.series-box .series-ttl {
	font-size:16px;
	font-weight:bold;
	padding:15px 5px;
}
.series-box1 .series-left {
    width: 92%;
    margin: 0 auto 0 auto;
    float: none;
}
.series-box1 .series-left img {
	width:75%;
    margin: 0 auto 20px auto;
    display: block;
}
.series-box1 .series-right {
    width: 92%;
    margin: 8px auto 0 auto;
    float: none;
}
.series-box1 .series-right .series-car .series-car-l {
    display: block;
    width: 100%;
    floart: none;
    text-align: left;
    vertical-align:top;
}
.series-box1 .series-right .series-car .series-car-r {
    display: block;
    width: 100%;
    floart: none;
    padding: 5px 0 0 0;
    border-left: 0px;
    border-top: solid 1px #000;
    vertical-align: top;
}
.series-sizebox {
	text-align:center;
}
.series-sizebox img {
    width: 60%;
    float: none;
	margin: 0 auto;
	text-align:center;
}
.sizebox {
    width: 100%;
    text-align: center;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    float: none;
    margin: 15px 0 0 0;
    font-size: 14px;
}

ul.lineupdetail {
    width: 94%;
    margin: 0 auto;
}
ul.lineupdetail li {
	width:47%;
	margin:0 6% 30px 0;
	padding:0 0 10px 0;
	background:#FFF;
	text-align:center;
    float: left;
}
ul.lineupdetail li:nth-child(even) {
	width:47%;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	background:#FFF;
	text-align:center;
    float:right;
}
.lineupbtn .flex {
    display: block;
}
.seriesbtn {
    width: 80%;
    padding: 5px 0;
    float: none;
    margin: 0 auto 15px auto;
    cursor: pointer;
}
.seriesbtn p {
    font-size: 14px;
}
ul.lineupproduct {
    width: 92%;
    margin: 0 auto;
}
ul.lineupproduct li {
    width: 47%;
    margin: 0 6% 50px 0;
    float: left;
    text-align: left;
}
ul.lineupproduct li:nth-child(even) {
    width: 47%;
    margin: 0 0 50px 0;
    float: left;
    text-align: left;
}
ul.lineupproduct li h2 {
    padding: 3px 0 6px 0;
	line-height:130%;
}
ul.lineupproduct li p,
ul.lineupproduct li div {
	line-height:160%;
    font-weight: normal;
    font-size: 12px;
}
.item-box a:link {
    width: 80%;
    padding: 5px 0;
    text-align: center;
    margin: 10px auto 25px auto;
}
.sp-only .item-tham img {
	width:100%;
	height:auto;
    margin: 0;
    display: block;
}
.item-feature {
    width: 92%;
    margin: 0 auto;
}
ul.item-feature li {
    width: 47%;
    margin: 0 6% 50px 0;
    float: left;
    text-align: left;
}
ul.item-feature li:nth-child(even) {
    width: 47%;
    margin: 0 0 50px 0;
    float: left;
    text-align: left;
}
ul.item-feature li h4 {
    padding: 3px 0 6px 0;
	line-height:130%;
}
ul.item-feature li p,
ul.item-feature li div {
	line-height:160%;
    font-weight: normal;
    font-size: 12px;
}
ul.goodslineup-tham {
    width: 94%;
    margin: 0 auto 50px auto;
    flex-wrap: wrap;
}
ul.goodslineup-tham li {
    width: 47%;
    margin: 0 6% 25px 0;
    padding: 0 0 10px 0;
    text-align: center;
    float: left;
}
ul.goodslineup-tham li p {
	line-height:150%;
	margin:0 0 8px 0;
}
ul.goodslineup-tham li:nth-child(even) {
    width: 47%;
    margin: 0 0 25px 0;
    padding: 0 0 10px 0;
    text-align: center;
    float: right;
}


/*アウトレット一覧*/
.gemuine-choice {
    text-align: center;
    padding: 0 0 40px 0;
    margin: 0 0 50px 0;
    border-bottom: solid 1px #FFF;
    display: block;
    justify-content: none;
}
.gemuine-choice .selecter1 {
    width: 80%;
    float: none;
    margin: 0 auto 25px auto;
}
.gemuine-choice .selecter2 {
    width: 80%;
    float: none;
    margin: 0 auto 25px auto;
}
	.gemuine-choice .selecter3 {
		width: 80%;
		float: none;
		margin: 0 auto 25px auto;
	}
ul.genuineline {
    width: 92%;
    margin: 0 auto;
}
ul.genuineline li {
    flex-basis: 47%;
    margin: 0 6% 50px 0;
    float: left;
    text-align: left;
}
ul.genuineline li:nth-child(even) {
    flex-basis: 47%;
    margin: 0 0 50px 0;
    float: right;
    text-align: left;
}
ul.genuineline li img {
    width: 100%;
    height: auto;
}
ul.genuineline li p {
    width: 100%;
}
ul.genuineline li .detail-btn a:link {
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 3px 0;
    margin: 15px auto 0 auto;
}




/*カラーページ*/
ul.color-tham {
    justify-content: flex-start;
}
ul.color-tham li {
    width: calc(100% / 3);
    padding: 0 0 0px 0;
    text-align: center;
    margin: 15px 0;
}
ul.color-tham.color-leather li {
    width: calc(100% / 3);
    padding: 0 0 0px 0;
    text-align: center;
    margin: 15px 0;
}
ul.color-tham li img {
    width: 90%;
    height: auto;
    margin: 0 auto;
}
ul.color-tham.color-leather li img {
    width: 90%;
    height: auto;
    margin: 0 auto;
}
ul.color-tham li p {
	font-size:12px;
}

.photogallery-btn {
	display:none;
}
.sp-gallery-btn {
	display:block;
	width:90%;
	text-align:center;
	padding:8px 0;
	background:#D1B981;
	border: solid 1px #FFF;
	margin:0 auto;
}


/*特定商取引法について*/
.privacy-box {
    margin: 20px auto;
    padding: 20px 20px 10px 20px;
    text-align: left;
    width: 92%;
}
.privacy-box dl {
    display: block;
    padding: 15px 0;
    border-bottom: dotted 1px #999;
}
.privacy-box dt {
	font-weight:bold;
    flex-basis: none;
	width:100%;
}
.privacy-box dd {
    flex-basis: none;
	width:100%;
}


/*送料について*/
.transport {
	width:92%;
	margin:0 auto;
}
.transport li,
.transport li:first-child,
.transport li:nth-child(8),
.transport li:nth-child(14),
.transport li:nth-child(29),
.transport li:nth-child(34),
.transport li:nth-child(38),
.transport li:nth-child(46) {
    align-self: auto;
    width: calc(100% / 3);
	flex-basis:calc(100% / 3);
    margin: 0 0 10px 0;
	letter-spacing:0em;
	font-size:12px;
}
.transport li:nth-child(47) {
    align-self: auto;
    width: 65%;
	flex-basis:65%;
    margin: 0 0 10px 0;
	letter-spacing:0em;
	font-size:12px;
}
.transport p.transport-ttl {
    font-size: 16px;
}
.transport p.transport-product_type {
    font-size: 14px;
}



/*ショップ*/
#contents-type2 {
    padding: 105px 0 35px 0;
    background: #142032;
	color:#FFF;
}

.shophead {
	background-color:#576067;
	background-image:none;
	background-repeat: no-repeat;
	background-position: right top;
	display:block;
}
.shophead .shopimage {
	width:100%;
	height:auto;
	overflow:hidden;
	align-self:strech;
}
.shophead .shopimage img {
	width:100%;
	height:auto;
	min-height:auto;
	min-width:auto;
	margin-top:0;
}
.shophead .shoptext {
	width:100%;
	height:auto;
	overflow:auto;
	align-self:auto;
}
.shophead .shoptext h2 {
	font-size:22px;
	padding:15px 0px 10px 15px;
	letter-spacing:0.15em;
}
.shophead .shoptext h3 {
	font-size:16px;
	padding:15px 0px 10px 15px;
}
.shophead .shoptext p {
	margin:0 0 15px 0;
	padding:0 15px;
}
#hokkaido,#tohoku,#northkanto,#southernkanto,#koshinetsu,#tokai,#hokuriku,#kansai,#china,#shikoku,#kyusyu,
#china,#philippines,#indonesia,#bruneidarussalam,#uae,#france,#greece,#uk {
    padding: 130px 0 0 0;
}
.shop-right {
    width: 78%;
    float: right;
}
.shop-left {
    width: 22%;
    float: left;
    padding: 130px 0 0 0;
}

.shop-left li {
	margin:0 0 5px 0;
}
.shop-left li:last-child {
	width:100%;
	position:fixed;
	background-color:#000;
	bottom:0;
	padding:10px;
	text-align:center;
	margin:0 0 0 0;
}
.shop-right .shop-ttl h2 {
	width:100%;
}

/*ディーラー*/
.shop-right .dealer {
	display:flex;
	flex-wrap:wrap;
}
.shop-right .dealer li {
    flex-basis: calc(100% / 2);
	align-self:stretch;
}
.shop-right .dealer li:nth-child(-n + 4) {
	border-top:solid 0px #142032;
	border-left:solid 1px #142032;
	border-bottom:solid 1px #142032;
}
.shop-right .dealer li:nth-child(-n + 2) {
	border-top:solid 1px #142032;
	border-left:solid 1px #142032;
	border-bottom:solid 1px #142032;
}
.shop-right .dealer li:nth-child(4n),
.shop-right .dealer li:last-child {
	border-right:solid 0px #142032;
}

p.dealer-gr {
	padding:10px 0 10px 25px;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.05em;
	border:solid 0px #142032;
	border-left:solid 1px #142032;
	margin-top:-3px;
}
p.dealer-gr.steer-on {
        background-size: 15px 20px;
}
.shop-right .dealer li.steer-on {
    background-size: 15px 20px;
}
.shop-right li h3.steer-on {
    background-size: 15px 22px;
}

/*ニュース*/
ul.news-all li {
    width: 100%;
    margin: 40px 0;
    text-align: center;
}
.news-l,
.news-r {
    width: 92%;
    float: none;
	margin:0 auto;
}
.news-l a:firstchild {
	display:inline-block;
	width:100%;
}
.news-l a:lastchild {
	display:inline-block;
	width:100%;
	text-align:left;
}
.news-l a:nth-child(2) {
	display:inline-block;
	width:100%;
	text-align:left;
}

/*メンテナンスキット*/
.maintenance-box1 {
    width: 100%;
    float: none;
}
.youtube {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 0;
}
.maintenance-box2 {
    margin: 45px 0 0 0;
    padding: 45px 0 0 0;
    width: 100%;
    float: none;
}
.maintenance-box2:nth-child(2n) {
    width: 100%;
    float: none;
    clear: both;
}

.mente-flex {
    display: block;
    clear: both;
}
.maintenance-box1 .maintenance1-l {
	float:none;
	width:100%;
	display:block;
    margin: 0 0 30px 0;
}
.maintenance-box1 .maintenance1-r {
	float:none;
	width:100%;
	display:block;
    margin: 0 0 30px 0;
}

.maintenance-box2 .mente-before {
	width:100%;
	float:none;
    margin: 0 0 30px 0;
}
.maintenance-box2 .mente-next {
	display:none;
}
.maintenance-box2 .after {
	width:100%;
	float:none;
}

.maintenance-box4 .mente-l {
	float:none;
	width:100%;
}
.maintenance-box4 .mente-r {
	float:none;
	width:100%;
	margin:0 0 0 0;
}
.maintenance-box3 .mente-l {
	float:none;
	width:100%;
}
.maintenance-box3 .mente-r {
	float:none;
	width:100%;
	margin:0 0 0 0;
}


/*特徴ページ*/
.tokucho {
}
.tokucho h1 {
}
.tokucho h2 {
	padding:0 0 5px 0;
    width: 90%;
    margin: 0 auto;
}
ul.product-feature,
ul.product-feature2,
ul.product-safety {
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	padding:45px 3% 0 3%;
}
ul.product-feature li,
ul.product-feature2 li,
ul.product-safety li {
	flex-basis:100%;
    -webkit-flex-basis:100%;/*--- safari（PC）用 ---*/
}
ul.product-feature li:nth-child(even),
ul.product-safety2 li:nth-child(odd),
ul.product-safety li:nth-child(odd) {
	margin:0;
	padding:0 0 55px 0;
}
ul.product-feature li:first-child {
	padding:0 0 55px 0;
}
ul.product-safety li:last-child {
	padding:0 0 55px 0;
}
ul.product-feature li .feature-l,
ul.product-feature2 li .feature-l,
ul.product-safety li .feature-l {
	width:28%;
	max-width:150px;
	float:left;
}
ul.product-feature li .feature-r,
ul.product-feature2 li .feature-r,
ul.product-safety li .feature-r  {
    width: 70%;
    float: left;
    text-align: left;
    margin: 0 0 0 2%;
}
ul.product-feature li .feature-l2 {
    width: 28%;
	max-width:35%;
    float: left;
    margin: 0 0 0 0;
}
ul.product-feature li .feature-r2 {
    width: 70%;
    float: left;
    margin: 0 0 0 2%;
}
ul.product-feature li .feature-r3,
ul.product-safety li .feature-r5 {
	width:100%;
	float:right;
	text-align:right;
}
ul.product-feature li .feature-r3 img,
ul.product-safety li .feature-r5 img {
	width:100%;
	height:auto;
}
ul.product-safety li .feature-r4 {
	width:100%;
	float:none;
	text-align:left;
	padding:0 0 20px 0;
}
.feature-volls {
	width:50%;
	height:auto;
}
.tokucho .attention {
	display:block;
	width:94%;
	margin:20px auto 0 auto;
	padding:10px 1%;
	text-align:left;
	border:2px solid #999;
}

/*会社概要*/
#company .comp-l {
    float: none;
    width: 90%;
    margin: 0 auto 30px auto;
}
#company .comp-l:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#company .comp-l img {
    float: left;
    width: 49%;
	height:auto;
    margin: 0 1% 0 0;
}
#company .comp-l img:nth-child(2) {
    float: right;
    width: 49%;
	height:auto;
    margin: 0 0 0 1%;
}
#company .absolute-logo {
    position:static;
    top:auto;
    right: auto;
    width: 30%;
	margin:0 auto 30px auto;
}
#company .comp-r {
    float: none;
    width: 90%;
    margin: 0 auto;
}
#company .comp-r dl {
    display: block;
}
#company .comp-r a {
	color: #000;
}
#company .comp-r dt {
	width: 100%;
    margin: 0 0 5px 0;
}
#company .comp-r dd {
	width: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: dotted 1px #000; 
}
#company .company2 dl {
    display: block;
}
#company .company2 dt {
	width: 100%;
    margin: 20px 0 5px 0;
}
#company .company2 dd {
	width: 100%;
    padding: 0 0 0 0; 
    margin: 0 0 0 0;
}

/*会社概要*/
#contact dl {
    display: block;
}
#contact dl dt {
    width: 90%;
    margin: 0 auto;
}
#contact dl dd {
    width: 90%;
    margin: 0 auto;
    line-height: 200%;
}
#contact dl .mfb,
#contact dl .mfb2,
#contact dl .mfb3 {
    width: 100%;
}
#contact dl .address1 {
    width: 35%;
}
#company .comp-r .calender #bizCallendar01 {
    width: 100%;
    margin: 0 auto 30px auto;
    float: none;
}
#company .comp-r .calender #bizCallendar02 {
    width: 100%;
    margin: 0 auto 0 auto;
    float: none;
}

/*送信ボタンのリセット*/

#contact .submitbtn input[type="submit"],
#contact .submitbtn input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
#contact .submitbtn input[type="submit"]::-webkit-search-decoration,
#contact .submitbtn input[type="button"]::-webkit-search-decoration {
  display: none;
}
#contact .submitbtn input[type="submit"]::focus,
#contact .submitbtn input[type="button"]::focus {
  outline-offset: -2px;
}

/*ボタンリセットここまで*/



#order .order-btn2 {
	width:80%;
	max-width:80%;
	margin:0 auto;
	padding:0 0 100px 0;
}
.thanks-C {
    line-height: 230%;
}
.thanks-C h2 {
	letter-spacing: 0.35em;
}

.bx p {
    letter-spacing: 0.1em;
}

/*FAQ*/
#faq dt {
    width: 95%;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 8px 0 15px 15%;
    position: relative;
}#faq dd {
    width: 90%;
    background: #FFF;
    color: #000;
    padding: 20px;
    margin: 0 0 0 5%;
}



/*ロゴ*/
#logo1 .logo-in div img {
    width: 100%;
}
#logo1 p {
    padding: 0 5% 30px 5%;
}





/*プレゼント*/
#present {
}
#present .linetate {
	display:block;
	background-image:none;
}
#present .linetate .present-in {
	width:100%;
	border-bottom:1px solid #000;
	margin:30px 0 0 0;
	padding:0 0 10px 0;
}
#present .present-step h4 {
    width: 95%;
    margin: 0 auto 5px auto;
    padding: 10px 0 5px 0;
    font-size: 20px;
}
#present .present-step .step1 {
    width: 90%;
    float: none;
    margin: 0 auto 30px auto;
}
#present .present-step .step2 {
    width: 90%;
    float: none;
    margin: 0 auto 0 auto;
}
#present .present-step .step2 dl {
    display: block;
}
#present .present-step .step2 dt,
#present .present-step .step2 dd {
    width: 100%;
}





/*トップページスライドhtml盤*/
.top-new-release {
	display:block;
	/*flex-wrap:wrap;
	justify-content:space-between;*/
	height:162px;
}
.top-new-release .top-newrelease-l {
	width:100%;
    /*justify-content: center;*/
	display:block;
	/*align-items:center;*/
	font-family: 'Fjalla One', sans-serif;
	font-size:16px;
	height:auto;
    text-align: right;
}
.top-new-release .top-newrelease-r {
    width: 96%;
	margin:0 auto;
	text-align:left;
	/*display:flex;
	align-items:center;*/
	height:auto;
}
.top-new-release .top-newrelease-r li {
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
	line-height:170%;
}
.top-new-release .top-new-dealer {
    display: inline-block;
    padding: 0 3px 0 0;
    text-align: center;
    width: 60px;
    font-size: 10px;
    background-color:inherit;
    margin: 0;
    font-weight: lighter;
}
.top-new-release .top-news-date {
	display:inline;
	padding:0 0 0 2px;
    font-size: 10px;
	font-weight:lighter;
}
.top-new-release .top-newrelease-l p {
    padding: 0 10px 0 0;
    font-weight: bold;
    display: inline;
}
.top-new-release .top-newrelease-l p:first-child {
    border-bottom: solid 0px #000;
    width: 100%;
    margin: 0;
}
.top-new-release .top-newrelease-l p:first-child .span {
display:none;
}
.top-sp-only {
	display:inline;
}





}
/*------------------*/
/*タブレットここから*/
/*------------------*/
@media screen and (max-width: 768px) {
}





/*------------------*/
/*特徴ページ修正*/
/*------------------*/
ul.product-feature-re {
	display:flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	padding:45px 1% 0 1%;
}
ul.product-feature-re li {
	flex-basis:48%;
    -webkit-flex-basis:48%;/*--- safari（PC）用 ---*/
	text-align:left;
	padding:0 0 55px 0;
    margin-right: 2%;
}

/*ul.product-feature-re li:nth-child(1),
ul.product-feature-re li:nth-child(4),
ul.product-feature-re li:nth-child(6),
ul.product-feature-re li:nth-child(8),
ul.product-feature-re li:nth-child(10)
 {
	margin:0 2% 0 0;
}*/
ul.product-feature-re li .feature-l {
	width:28%;
	max-width:150px;
	float:left;
}
ul.product-feature-re li .feature-r {
    width: 70%;
    float: left;
    text-align: justify;
    margin: 0 0 0 2%;
}

ul.product-feature-re li.full {
      width: 98%;
    -webkit-flex-basis: 98%;
}
ul.product-feature-re li.full img {
	width:100%;
	height:auto;
}
/*--------------*/
/*スマホここから*/
/*--------------*/
@media screen and (max-width:480px){

ul.product-feature-re {
	display: flex;
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	padding:45px 3% 0 3%;
}
ul.product-feature-re li {
	flex-basis:100%;
    -webkit-flex-basis:100%;/*--- safari（PC）用 ---*/
    margin-right: 0;
}

ul.product-feature-re li .feature-l {
	width:28%;
	max-width:150px;
	float:left;
}
ul.product-feature-re li .feature-r {
    width: 70%;
    float: left;
    text-align: left;
    margin: 0 0 0 2%;
}
}



.iframe {
  position: relative;
  height: 0;
  /*padding-top: 56.25%;*/
  padding-top: 50%;
  width: 100%;
  max-width: 400px;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*---スマホ---*/
@media screen and (max-width:480px){
.iframe {
    padding-top: 90%;
}
#company .comp-r .calender h2 {
    font-size: 20px;
    padding: 15px 0 0 0;
}
#company .comp-r .calender .holidayattention {

    padding: 0;
    font-size: 10px;
}
}


/*---追加　検索結果---*/
.search-area {
    background-color: #fff;
    color: #000;
    padding: 30px 0;
}
.search-box {
    width: 90%;
    margin: 0 auto 30px auto;
    background-color: #EFEFEE;
    padding: 10px 0;
}
.search-box .search-img {
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
}
.search-box .search-detail {
    margin: 10px 0 0 0;
}
.search-box .search-detail h2 {
    width: 90%;
    margin: 0 auto 10px auto;
    text-align: left;
    font-size: 16px;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #000;
}
.search-box .search-detail h3 {
    width: 90%;
    text-align: left;
    margin: 10px auto;
    font-size: 14px;
}
.search-box .search-detail a {
    width: 90%;
    background-color: #142032;
    display: block;
    margin: 0 auto;
    border-radius: 999em;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width:480px){
	.search-box {
    display: flex;
    justify-content: space-around;
}
.search-box .search-img {
    width: 28%;
    margin: 0;
}
.search-box .search-detail {
    width: 68%;
}
.search-box .search-detail h2 {
    width: 100%;
}
.search-detail p.search-num {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}
.search-detail p.search-price {
    width: 100%;
    text-align: left;
    margin: 10px auto 0 auto;
}
.search-detail p.search-jan {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}
.search-box .search-detail h3 {
    width: 100%;
    text-align: left;
    margin: 10px auto;
    font-size: 12px;
}
.search-box .search-detail a {
    margin: 0;
    font-size: 14px;
    max-width: 300px;
}
}




/*----PCのみ210526----*/

/*---PC---*/
@media screen and (min-width:1024px) {
#header {
    display: flex;
    align-items: flex-end;
    padding: 15px 0 20px 0;
    justify-content: space-between;
}
.flex-align-end {
	display: flex!important;
	align-items: flex-end;
}
.vertical-bottom {
	display: inline-block;
	vertical-align: bottom;
}
#header .real-l li.snsbtn img {
	display: block;
}
#header .real-l li {
    padding: 13px 0 0 2%;
}

}