body {
	margin:  0;
	padding: 0;
}

a:hover img {
opacity:0.75;
filter:alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
-moz-opacity:0.75;
-khtml-opacity: 0.75;
zoom:1;
}

a {text-decoration:none;color:#32729e;}
a:link    {color:#32729e;}
a:active  {color:#32729e;}
a:visited {color:#32729e;}
a:hover {color:#32729e;text-decoration: underline; }

.accordion-menu{
    max-height: 544px;
}

form {
	margin: 0px;
	padding: 0px;
}

br { letter-spacing: normal 
}

.clear { clear: both;}

body,div,dl,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,fieldset,p,blockquote {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

h1 {
	font-size:8.2pt;
	height: 24px;
	line-height: 24px;
	float: right;
}

.red{ color: #FF0000; }

.red_compati{ color: #FF0000; font-size: 18px; }

a img { border:0 }

/* Header
----------------------------------------------------------------------------- */
#header_h1container {
	width:800px;
	height:24px;
	float:right;
	text-align: right;
	position: absolute;
	right:0;
}

table#header-image-area {
	margin:0;
	width: 100%;
}

#header_container01 {
	position: relative;
	width: 1000px;
	height:82px;
}


#logo_area{
	position: absolute;
	width: 175px;
	height: 56px;
	top:9px;
}

#pagetop_info {
	position: absolute;
	width:700px;
	text-align:right;
	height:47px;
	top:30px;
	right:0px;
}


#top_info_span {
	font-size:30px;
	font-weight:bold;
	color:#ff4d4d;
}


#pagetopnav {
	float:right;
	margin-right:10px;
	width:400px;
}

#pagetopnav ul {margin:0;padding:0;}
#pagetopnav ul li {float: left;list-style:none;}
#pagetopnav ul li a {
	overflow: hidden;
	float: left;
	margin-right:25px;
	font-size:8pt;
	color:#1e1e1e;
}

#pagetopnav ul li a:hover {
	color:#FF0000;
}

#header {
	border-bottom: none;
	/*overflow: hidden;*/
	padding-bottom: 0px;
}


table#header-image-area {
	margin:20px 0;
	width: 100%;
}

table#header-image-area td.left-column {
	color: #000000;
	font-size: 123.1%;
	font-weight: bold;
	text-align: left;
}

	table#header-image-area td.font-medium {
		font-size:138.5%;
	}

	table#header-image-area td.font-large {
		font-size:167%;
	}

table#header-image-area td.center-column {
	color: #000000;
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
}

table#header-image-area td.right-column {
	color: #000000;
	font-size: 123.1%;
	font-weight: bold;
	text-align: right;
}

#header ul#globalnavi {
	background:url("../ref_img/gro-navi.gif") repeat-x left center;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #EEEEEE;
	overflow: hidden;
	text-align: center;
}

#header ul#globalnavi li {
	background-image:url("../ref_img/gro-navi-line.gif");
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	float:left;
	height:32px;
	line-height:32px;
}

#header ul#globalnavi li form {
	float:left;
}

#header ul#globalnavi li a {
	display:block;
	height:32px;
	line-height:32px;
	padding-left: 15px;
	padding-right: 15px;
	float:left;
}

#header ul#globalnavi li a:link {
	color: #333333;
	text-decoration: none;
}

#header ul#globalnavi li a:active {
	color: #333333;
	text-decoration: none;
}

#header ul#globalnavi li a:hover {
	background-color:#a9b9c4;
	color: #333333;
	text-decoration: none;
}

#header ul#globalnavi li a:visited {
	color: #333333;
	text-decoration: none;
}

#header ul#globalnavi2 {
	background:url("../ref_img/gro-navi.gif") repeat-x left center;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #EEEEEE;
	overflow: hidden;
	text-align: center;
}

#header ul#globalnavi2 li {
	background-image:url("../ref_img/gro-navi-line.gif");
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	float:left;
	height:32px;
	line-height:32px;
}

#header ul#globalnavi2 li form {
	float:left;
}

#header ul#globalnavi2 li a {
	display:block;
	height:32px;
	line-height:32px;
	padding-left: 15px;
	padding-right: 15px;
	float:left;
}

#header ul#globalnavi2 li a:link {
	color: #333333;
	text-decoration: none;
}

#header ul#globalnavi2 li a:active {
	color: #333333;
	text-decoration: none;
}

#header ul#globalnavi2 li a:hover {
	background-color:#a9b9c4;
	color: #333333;
	text-decoration: none;
}

#header ul#globalnavi2 li a:visited {
	color: #333333;
	text-decoration: none;
}

#bnr-under {
	overflow: hidden;
	text-align: center;
}


/* Mainnav
----------------------------------------------------------------------------- */
#header_container02 {
	position: relative;
	width: 1000px;
	height: 46px;
}

#mainnav {
	float: left;
	width:1000px;
}

#mainnav ul li {float: left;padding-bottom:1px;text-align:center;list-style:none;}
#mainnav ul {margin:0;padding:0;}

#mainnav ul li a:hover {
	list-style:none;
	color:#666;
	text-decoration:none;
}

#header_container02 #mainnav ul li a {
	float: left;
	height:46px;
	/* padding-top:15px;
	font-size:10pt;
	font-weight:bold;
	color:#1b303f; */
}

#mainnav li#nav01 a {width: 125px;background-image: url(../images/common/mainnavi-low01.jpg); background-repeat:no-repeat;}
#mainnav ul li#nav01, #mainnav ul li#nav01 a:hover {background-image: url(../images/common/mainnavi-hi01.jpg);background-repeat:no-repeat;}

#mainnav li#nav02 a {width: 125px;background-image: url(../images/common/mainnavi-low02.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav02, #mainnav ul li#nav02 a:hover {background-image: url(../images/common/mainnavi-hi02.jpg);background-repeat:no-repeat;}

#mainnav li#nav03 a {width: 125px;background-image: url(../images/common/mainnavi-low03.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav03, #mainnav ul li#nav03 a:hover {background-image: url(../images/common/mainnavi-hi03.jpg);background-repeat:no-repeat;}

#mainnav li#nav04 a {width: 125px;background-image: url(../images/common/mainnavi-low04.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav04, #mainnav ul li#nav04 a:hover {background-image: url(../images/common/mainnavi-hi04.jpg);background-repeat:no-repeat;}

#mainnav li#nav05 a {width: 125px;background-image: url(../images/common/mainnavi-low05.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav05, #mainnav ul li#nav05 a:hover {background-image: url(../images/common/mainnavi-hi05.jpg);background-repeat:no-repeat;}

#mainnav li#nav06 a {width: 125px;background-image: url(../images/common/mainnavi-low06.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav06, #mainnav ul li#nav06 a:hover {background-image: url(../images/common/mainnavi-hi06.jpg);background-repeat:no-repeat;}

#mainnav li#nav07 a {width: 125px;background-image: url(../images/common/mainnavi-low07.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav07, #mainnav ul li#nav07 a:hover {background-image: url(../images/common/mainnavi-hi07.jpg);background-repeat:no-repeat;}

#mainnav li#nav08 a {width: 125px;background-image: url(../images/common/mainnavi-low08.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav08, #mainnav ul li#nav08 a:hover {background-image: url(../images/common/mainnavi-hi08.jpg);background-repeat:no-repeat;}



#header_container03 {
	width: 1000px;
	height: 46px;
}

#header_container03 #mainnav ul li a {
	float: left;
	height:46px;
}

#mainnav li#nav09 a {width: 125px;background-image: url(../images/common/mainnavi-low09.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav09, #mainnav ul li#nav09 a:hover {background-image: url(../images/common/mainnavi-hi09.jpg);background-repeat:no-repeat;}

#mainnav li#nav10 a {width: 125px;background-image: url(../images/common/mainnavi-low10.jpg); background-repeat:no-repeat;}
#mainnav ul li#nav10, #mainnav ul li#nav10 a:hover {background-image: url(../images/common/mainnavi-hi10.jpg);background-repeat:no-repeat;}

#mainnav li#nav11 a {width: 125px;background-image: url(../images/common/mainnavi-low11.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav11, #mainnav ul li#nav11 a:hover {background-image: url(../images/common/mainnavi-hi11.jpg);background-repeat:no-repeat;}

#mainnav li#nav12 a {width: 125px;background-image: url(../images/common/mainnavi-low12.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav12, #mainnav ul li#nav12 a:hover {background-image: url(../images/common/mainnavi-hi12.jpg);background-repeat:no-repeat;}

#mainnav li#nav13 a {width: 125px;background-image: url(../images/common/mainnavi-low13.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav13, #mainnav ul li#nav13 a:hover {background-image: url(../images/common/mainnavi-hi13.jpg);background-repeat:no-repeat;}

#mainnav li#nav14 a {width: 125px;background-image: url(../images/common/mainnavi-low14.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav14, #mainnav ul li#nav14 a:hover {background-image: url(../images/common/mainnavi-hi14.jpg);background-repeat:no-repeat;}

#mainnav li#nav15 a {width: 125px;background-image: url(../images/common/mainnavi-low15.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav15, #mainnav ul li#nav15 a:hover {background-image: url(../images/common/mainnavi-hi15.jpg);background-repeat:no-repeat;}

#mainnav li#nav16 a {width: 125px;background-image: url(../images/common/mainnavi-low16.jpg);background-repeat:no-repeat;}
#mainnav ul li#nav16, #mainnav ul li#nav16 a:hover {background-image: url(../images/common/mainnavi-hi16.jpg);background-repeat:no-repeat;}


#header_container04 {
	width: 1000px;
	height: 28px;
	margin-top:6px;
	margin-bottom:7px;
	background-image: url(../images/common/bg_container04.jpg);

}

#header_container04 ul li {float: left;padding-top:5px;padding-bottom:2px;text-align:center;list-style:none;margin:0 2px 0 2px;}
#header_container04 ul {margin:auto;padding:0;width:995px;}
#header_container04 ul li a {
	float: left;
	height:20px;
	/* padding-top:5px; */
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#333;
}

#header_container04 ul li a:hover {
	text-decoration:underline;
}

#subnav_blue {
	/* margin-left:87px; */
}

/* Slideshow
----------------------------------------------------------------------------- */
.flexslider ul {margin:0;padding:0;}
.flexslider ul li{list-style:none;}
.flexslider ul li a:hover{text-decoration:none;}


/* Left Column
----------------------------------------------------------------------------- */
/* フリーワード検索／車名で探す */

#bg-easysearch {
	background-image: url("../images/common/bg_easysearch_s.jpg");
	padding-top:50px;
	padding-left:5px;
	height:87px;
	margin-bottom:10px
}

#bg-easysearch_s {
	background-image: url("../images/common/bg_easysearch_s.jpg");
	padding-top:50px;
	padding-left:5px;
	height:87px;
	margin-bottom:10px
}

#left-column .category123 {
	background-image: url("../images/common/bg_sidecolumn_title.jpg");
	background-repeat:repeat-y;
	width:170px;
	height:60px;
	padding-bottom:10px;
	margin-bottom:8px;
	text-align:center;
}

#left-column .category123 .ct-name,#right-column .category123 .ct-name {
	border-bottom:1px solid #333;
	background-color:#e70020;
	color:#FFF;
	background-position: left 14px;
	font-weight:normal;
	text-align:center;
	padding-bottom:3px;
	padding-top: 4px;
	margin-bottom:7px;
	font-size:14px;
}

/* 商品カテゴリー */
#left-column .category10 {
	background-image: url("../images/common/bg_sidecolumn_title.jpg");
	background-repeat:repeat-y;
	width:170px;
	padding-bottom:10px;
}

#left-column .category10 .ct-name,#right-column .category10 .ct-name {
	border-bottom:1px solid #333;
	border-top:3px solid #00dad6;
	background-position: left 14px;
	font-weight:normal;
	margin-bottom:3px;
	padding-bottom:6px;
	padding-left: 13px;
	padding-top: 7px;
	font-size:16px;
}

#left-column .category10 dl.reset dt.top a, #right-column .category10.after-menu ul.reset li a{
	font-weight:normal;
	font-size:14px;
	color:#333;
	padding-left: 7px;
}

#left-column .category10 dl dt,#right-column .category10 dl dt {
	background-image: url("../images/common/arrow02.jpg");
	background-position: 5px 9px;
	background-repeat: no-repeat;
	margin-bottom:1px;
	padding:3px 5px 3px 15px;
}

/* 新着売れ筋ランキング */
#left-column .category02 {
	background-image: url("../images/common/bg_sidecolumn_title.jpg");
	background-repeat:repeat-y;
	width:170px;
	padding-bottom:10px;
}

#left-column .category02 .ct-name,#right-column .category02 .ct-name {
	border-bottom:1px solid #333;
	border-top:3px solid #00dad6;
	background-position: left 14px;
	font-weight:normal;
	margin-bottom:3px;
	padding-bottom:6px;
	padding-left: 13px;
	padding-top: 7px;
	font-size:14px;
}

#left-column .category02.after-menu ul.reset li a, #right-column .category02.after-menu ul.reset li a{
	font-weight:normal;
	font-size:14px;
}


/* 営業カレンダー */
#left-column .category07 {
	background-image: url("../images/common/bg_sidecolumn_title.jpg");
	background-repeat:repeat-y;
	width:170px;
	padding-bottom:10px;
}

#left-column .category07 .ct-name,#right-column .category07 .ct-name {
	border-bottom:1px solid #333;
	border-top:3px solid #00dad6;
	background-position: left 14px;
	font-weight:normal;
	margin-bottom:3px;
	padding-bottom:6px;
	padding-left: 13px;
	padding-top: 7px;
	font-size:16px;
}

#left-column .category07 dl.reset dt.top a, #right-column .category07.after-menu ul.reset li a{
	font-weight:normal;
	font-size:14px;
	color:#333;
	padding-left: 7px;
}

#left-column .category07 dl dt,#right-column .category07 dl dt {
	background-image: url("../images/common/arrow02.jpg");
	background-position: 5px 9px;
	background-repeat: no-repeat;
	margin-bottom:1px;
	padding:3px 5px 3px 15px;
}

#topcalender-text {
	padding:10px 0 10px 0;
	background-color:#FFF;
	color:#000;	
}

/* Center Column
----------------------------------------------------------------------------- */

#contents-inner #favorite .title{
	background-image: url("../images/toppage/bg_centercolumn01.jpg");
	background-repeat:repeat;
	background-color:#FFFFFF;
	border-top:3px solid #b5f3f2;
	border-bottom:3px solid #b5f3f2;
	border-right:0px;
	border-left:0px;
	text-align:center;
	font-weight: normal;
	font-size:15px;
	margin-bottom: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#contents-inner #favorite .title p{
  font-weight: normal;
  font-size:18px;
}

#contents-inner #list-type02 .title.clearfix {
	background-image: url("../images/toppage/bg_centercolumn01.jpg");
	background-repeat:repeat;
	background-color:#FFFFFF;
	border-top:3px solid #b5f3f2;
	border-bottom:3px solid #b5f3f2;
	border-right:0px;
	border-left:0px;
	}

#contentsinner #list-type02 .title.clearfix p {
  font-weight: normal;
  font-size:18px;
	
}

#makersearch {	
	padding-bottom:20px;
}

#makerlist {
	padding-left:18px;	
}



/* Right Colum
----------------------------------------------------------------------------- */

#right-column .category-free .ct-name {
		border-left:0px;
		font-weight: bold;
		height: 26px;
		line-height:26px;
		margin-bottom:8px;
		padding-top: 2px;
		text-indent:8px;
		padding-left:28px;
		color:#FFF;
	}

#right-column .category-free-45 .ct-name{
	background-image: url("../images/common/bg_facebook.jpg");
	background-repeat:no-repeat;
}

#right-column .category-free-46 .ct-name{
	background-image: url("../images/common/bg_instagram.jpg");
	background-repeat:no-repeat;
}

#right-column .category-free-48 .ct-name{
	background-image: url("../images/common/bg_instagram.jpg");
	background-repeat:no-repeat;
}

/* Subpage
----------------------------------------------------------------------------- */
#visit {
	height:25px;
	padding: 8px;
}

#contents {
	padding-bottom:25px;
}

.single_container {
	padding:20px 0 20px 0;	
}

.single_container_oldlayout{
	width:900px;	
	padding-top:20px;
	margin:0 auto;
}

.single_container_gallery p{
	font-size:14px;
}

/* service page
----------------------------------------------------------------------------- */
.serviceh3 {
	font-weight:bold;
	font-size:20px;
	color:#00dad6;
}

.service_container {
	width:900px;
	margin-bottom:15px;	
}


/* ADS
----------------------------------------------------------------------------- */
.adblock{
	padding: 0px 0px 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	width: 900px;
	background-image: url("../images/subpage/ads/adblock_bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.adblock_2{
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
	width: 900px;
	background-image: url("../images/subpage/ads/adblock_bg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	height: 300px;
}
.adblock .logol{
	float: left;
	width: 180px;
	height: 60px;
	margin-top: 40px;
	
}
.adblock .logor{
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0.05em;
	height: 40px;
	width: 710px;
	padding-left: 10px;
	padding-top: 20px;
	float: right;
	margin-top: 40px;
}
#adblock01{
	width: 900px;
	margin: 35px 0px 0px;
	padding: 0px;
	clear: both;
	float: left;
	display: inline;
}
#adblock02{
	width: 160px;
	margin: 0px 10px;
	_margin: 0px 9px;
	padding: 0px;
	float: left;
	display: inline;
}
#adblock02 .txt{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
}
#adblock02 .pdf{
	margin: 10px 0px 0px;
	padding: 3px 0px 0px 2px;
	font-size: 12px;
	letter-spacing: 0.05em;
	clear: both;
	background-image: url("../images/subpage/ads/pdfmark.gif");
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 158px;
	float: left;
	background-position: center;
	display: inline;
}
#adblock03{
	width: 300px;
	margin: 0px 10px;
	_margin: 0px 9px;
	padding: 0px;
	float: left;
	display: inline;
}
#adblock03 .big{
	margin: 10px 0px 0px;
	padding: 3px 0px 0px 2px;
	font-size: 12px;
	letter-spacing: 0.05em;
	clear: both;
	background-image: url("../images/subpage/ads/bigmark.gif");
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 300px;
	float: left;
	background-position: center;
	display: inline;
}
#adblock03 .pdf{
	margin: 10px 0px 0px;
	padding: 3px 0px 0px 2px;
	font-size: 12px;
	letter-spacing: 0.05em;
	clear: both;
	background-image: url("../images/subpage/ads/pdfmark.gif");
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 158px;
	float: left;
	background-position: center;
	display: inline;
}
#adblock03 .pdf02{
	margin: 10px 0px 0px;
	padding: 3px 0px 0px 2px;
	font-size: 12px;
	letter-spacing: 0.05em;
	clear: both;
	background-image: url("../images/subpage/ads/pdfmark.gif");
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 300px;
	float: left;
	background-position: center;
	display: inline;
}
#adblock04{
	width: 700px;
	margin: 0px 10px;
	_margin: 0px 9px;
	padding: 0px;
	float: left;
	display: inline;
}
#adblock04 .pdf{
	margin: 10px 0px 0px;
	padding: 3px 0px 0px 2px;
	font-size: 12px;
	letter-spacing: 0.05em;
	clear: both;
	background-image: url("../images/subpage/ads/pdfmark.gif");
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 695px;
	float: left;
	background-position: center;
	display: inline;
}

h1{
	text-align: left;
}


body{
	font: 13px 'Noto Sans JP',  メイリオ, Meiryo,sans-serif;
}

a{
	text-decoration: none;
	transition: 1.0s ;
	color: #323232;
}

a:hover{
	opacity: 0.5 ;
	text-decoration: none;
}

/* area1
------------------------------------------------------------*/
#area1{
	display: inline-block;
	width:914px;
	margin-bottom: 70px;
}

h2{
	font-family: "Meiryo",sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	margin-top: 0.2em;
}

p.sup_title{
	font-size: 1em;
	letter-spacing: -0.15em;
	margin: -13px 0 20px 0;
}

.sentence{
}


.movie iframe{
	border: 1px #ccc solid;
	padding: 2px;
}
.movie iframe.r{
	margin-right: 20px;
}

p.explanation{
	text-align:left;
	margin-bottom: 1em;	
}

/* area2
------------------------------------------------------------*/
#area2{
	text-align: center;
	display: inline-block;
	width:914px;
}
.heading {
	border-bottom: #323232 1px solid;
	text-align: center;
}

h4{
	float:left;
	position: absolute;
	letter-spacing: -0.03em;
	font-size: 1.1em;
}
.heading img{
	position:relative;
	top: 3px;
	left: 390px;
}

.flaxbox {
	clear:both;
	margin-top: 30px;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
	margin-left: -40px;

}

figure.gallery {
	margin-right: -11px;
}

#area2 div.heading{
	line-height: initial!important;
}

a p.btn{
	font-family: "メイリオ","Meiryo",sans-serif;
	font-weight: normal;
	color: #fff;
	border: #fff 1.5px solid;
	background-color: rgba(0,0,0,0.5);
	font-size: 0.8em;
	letter-spacing: 0.2em;
	width: 80%;
	height: 1.2em;
	margin: 0 auto;
	padding: 6px;
	position:relative;
	top: -40px;
	transition: 1.0s ;
    width: 85%;
    height: auto;
}

p.btn:hover{
	opacity: 0.5 ;
}

figcaption {
	width: 200px;
	letter-spacing: 0.05em;
	line-height: 1.2em;
    font-size: 0.7em;
	margin-top: -20px;
}


/* area3
------------------------------------------------------------*/
img.bnr{
	margin: 70px 0 50px 0;
}

.bottom{
	width: 1000px;
	background-color: #2c2c2c;
	padding: 30px 0 15px 0;
	margin-left: -43px;
	margin-bottom:20px;
	display: inline-block;
}
.icon img{
	margin:0 20px 10px 0;
}

.nav a.edge{
	border-right: #fff 1px solid;
	padding-right:10px;
}


.item_container01 {
	float:left;
	width:301px;
	text-align:center;
	margin-right:5px;
}

.item_container02 {
	float:right;
	width:281px;
	text-align:center;
}

.imgover{
	margin-top:10px;
}

/*program by nara*/
#wrapper_responsive #contents { width: 900px; padding-top: 20px; margin: 0 auto; }
#wrapper_responsive #contents .main_image { width: 100%; }

/*#visit { display: none; }*/

.anchor_title { width: 100%; background: rgba(0,0,0,1.0); margin: 30px auto; }
.anchor_title p { font-family: 'Black Ops One', cursive; font-size: 2em; text-align: center; color: white; font-weight: 800; padding: 8px; }
.anchor { display: flex; align-items: center; width: 92%; margin: 0 auto 40px; }
.anchor a { position: relative; width: calc(100% / 4); padding: 15px 0; transform: scale(0.8); transition: all 400ms 0s ease; }
.anchor a>img { display: block; margin: 0 auto; max-width: 100%; max-height: 76px; }
.anchor a>span { display: none; width: 100%; position: absolute; bottom: -10px; transition: all 400ms 0s ease; background: rgba(0,0,0,0.1); text-align: center; color: #000; font-weight: 800; }
.anchor a:hover { transform: scale(1.2); }

#contents .bx-wrapper { margin-bottom: 40px; }
#contents .bx-pager { display: flex; justify-content: center; }

.txt-lg { font-size: 2em; }
.txt-md { font-size: 1.5em; }
.txt-sm { font-size: 1em; }

.about { max-width: 92%; margin: 20px auto; padding: 32px 32px 16px; border: 2px solid #eee; background: rgba(0,0,0,0.1); }
.about p { color: #444; font-size: 1.4em; line-height: 1.6em; font-weight: 400; margin-bottom: 20px; }
.about p:first-letter { font-size: 1.8em; font-weight: 800; vertical-align: top; }

.single_container .row .item_video { width: calc( 100% / 2 - 16px ); height: 240px; padding: 8px; }
.single_container .row .item_video iframe { width: 100%; height: 100%; }

.single_container .row { display: inline-flex; flex-wrap: wrap; width: 100%; }
.single_container .row .item { position: relative; width: calc( 100% / 4 ); height: 25em; margin-bottom: 5em; }
.single_container .row .item p { font-family: 'Black Ops One', cursive; font-size: 1.6em; text-align: center; white-space: nowrap; }
.single_container .row .item .main { position: relative; width: 100%; height: 100%; overflow: hidden; }
.single_container .row .item .main img { width: 100%; height: 30em; object-fit: cover; object-position: 0% 0%; }
.single_container .row .item .sub { position: absolute; display: inline-flex; flex-direction: row-reverse; width: 100%; bottom: 0; z-index: 20; background: rgba(0,0,0,0.8); }
.single_container .row .item .sub img { position: relative; display: inline-block; width: 25%; height: 25%; }
.single_container .row .item .reverse { /*transform: scale(-1, 1);*/ flex-direction: row; background: rgba(255,255,255,0.8); }
.single_container .row .item .main .reverse { /*transform: scale(-1, 1);*/ object-position: 100% 0%; }
.single_container .contact { width: 50%; margin: 10px auto 50px; }
.single_container .contact a { display: block; background: #fe0002; border: 3px solid #fff; width: 100%; border-radius: 10px; text-align: center; text-decoration: none; font-size: 1.4em; color: #fff; font-weight: 600; padding: 5px; }
.single_container .contact a:hover { background: #fff; border: 3px solid #fe0002; color: #fe0002; }

.single_container .row .sub_contents { width: calc( 100% / 2 - 8px ); padding: 4px; }
.single_container .row .sub_contents img { width: 100%; margin-bottom: 10px; }
.single_container .row .sub_contents p { font-size: 1.2em; }
.single_container .row .sub_contents span { color: red; font-size: inherit; }


.price { text-align: center; margin: 20px 0; }
.price p { line-height: 1; }
.price p:first-child { font-family: 'Special Elite', cursive; font-size: 3em; }
.price p:nth-child(2) { font-size: 1.6em; font-weight: 600; }

.sub_title { width: 100%; }
.sub_title p { display: block; margin: 0 auto; width: 96%; font-size: 2.4em; font-weight: 800; }

.brand_logo { max-width: 80%; }
.justify-content-center { justify-content: center; }

@media screen and (max-width: 1024px) {
	#wrapper_responsive #contents { width: 98%; margin: 0 auto; }
	#wrapper_responsive #contents .main_image { width: 100%; }
}

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

  .txt-lg { font-size: 1.6em; }
  .txt-md { font-size: 1.2em; }
  .txt-sm { font-size: 1em; }

	.about { margin: -20px auto 0; padding: 16px 16px 8px; }

	.single_container .row .item_video { width: 80%; height: 50vw; }

	.single_container .row .item { width: calc( 100% / 2 ); }

	.sub_title p { font-size: 2em; }

	.single_container .row .sub_contents { width: 80%; text-align: center; }
	
}

@media screen and (max-width: 480px) {
	#wrapper_responsive { padding: 0; width: 98%; margin: 0 auto; }

	#contents .bx-pager { justify-content: space-around; }

	.single_container { padding: 14px; }

  .txt-lg { font-size: 1.4em; }
  .txt-md { font-size: 1.0em; }
  .txt-sm { font-size: 0.8em; }

	.about p { font-size: 1.0em; line-height: 1.4em; }
	.about p:first-letter { font-size: 1.4em; }

	.single_container .row .item_video { width: 92%; }

	.anchor_title { margin: 10px auto; }
	.anchor_title p { font-size: 1.2em; }

	.anchor { width: 80%; margin: 0 auto 20px; flex-wrap: wrap; }
	.anchor a { width: calc(100% / 2); }

	.single_container .row .item {  height: 18em; margin-bottom: 3em; }
	.single_container .row .item p { font-size: 1.5em; }
	.single_container .row .item .main img { height: 22em; }

	.single_container .contact a { font-size: 1.2em; }

	.single_container .row .sub_contents { width: 98%; text-align: center; }
	.single_container .row .sub_contents p { font-size: 1.0em; }
	
	.imgshrink img { width: 170px; }

}

@media screen and (max-width: 320px) {
	.single_container .row .item p { font-size: 1.25em; }
	.imgshrink img { width: 170px; }
}

/*20210128 feature customparts*/
 .footer_pagetop{
      float: right;
    }
    .sp_only{
      display: none;
    }
    @media screen and ( max-width: 768px ) {
            .table01 .blockl {
                width: 98%;
                float: left;
                margin-left: 2px;
            }
            ul.sm_footer li{
              width: 10%;
              padding-top: 3%;
            }
    .sp_only{
      display: block;
     }
    }
    @media (min-width: 750px) {
    .container { padding-left: 260px; }
    .sp_only{
      display: block;
     }
    }
    @media screen and ( max-width: 500px ) {
            .blockl {
                width: 98%;
                float: left;
                margin-left: 2px;
            }
            .sp_only{
      display: block;
     }
    }

    .main_image{
      width: 100%;
    }
  h1 { height:initial; }
      #contents h1 { line-height:6; }

      h2 { font-size:4vh; }
      p.sup_title { margin-top:0 }
      #area1,#area2,#area3 { width: 100%; }
      div.sentence h3 { font-family: "メイリオ","Meiryo",sans-serif;font-weight: normal;font-size: 1.3em;
      line-height: 1.5; margin: 1.6em 0 1em 0; }
      /* sentence2の文字の大きさや、行間間隔を修正する時はここ*/
      div.sentence2 h3 { line-height: 1.5; font-family: "メイリオ","Meiryo",sans-serif;font-weight: normal;font-size: 1.5em; }
       /*sentence3の行間間隔を修正する時はここから↓↓*/
      div.sentence3 h3 { line-height: 1.5; font-family: "メイリオ","Meiryo",sans-serif;font-weight: normal;font-size: 1.5em; }
      div.sentence3 p{ line-height: 1.5; font-family: "メイリオ","Meiryo",sans-serif;font-weight: normal;font-size: 1.3em; }
      /*sentence3の行間間隔を修正する時はここまで↑↑*/
      .movie { margin:2em 0; }
      .movie iframe { box-sizing:border-box;width:48%;height:30vw;max-height:308px }
      p.explanation { font-size:120%;line-height:1.8; }
    /* area2の行間間隔を修正する時はここ*/
    #area2  { position:relative; margin-bottom: 2em; }
      #area2 div.heading { position:relative; margin-bottom: 1em; line-height: 4; }
      #area2 div.heading h4 { margin-top: 30px;position:initial;float:initial;text-align:left }
      #area2 img.sub_logo { position:absolute;left:initial;right:0 }
      .flaxbox { margin:0; }
      .flaxbox figure.gallery { box-sizing: border-box; margin:0; padding: 1em; width:25%; }
      .flaxbox figure.gallery img { width:100% }
      .flaxbox figure.gallery figcaption { width:100% }
      #area3 a.bnr { display:block; margin: 70px auto 50px; }
      #area3 a.bnr img { width: 100%; max-width:627px; }
      #area3 div.bottom { width: 100%; margin-left: initial; }
      #area3 div.icon { display:flex; max-width: 500px; margin: 0 auto; }
      #area3 div.icon a { width: 25%; padding: 1em; }
      #area3 div.icon a img { padding:0;margin:0;width:100%;max-width:86px }
    @media screen and ( max-width: 1024px ) {
      .flaxbox figure.gallery { width:33%; }
      .SideBySide p{
        width: 47% !important;
        font-weight: bold!important;
        text-align: left!important;
        font-size: 14px!important;
        line-height: 2!important;
        margin-top: 2%!important;
        margin-left: 3%!important;
       }
      .SideBySide img{
        width: 374px!important;
        margin-top: 2%;
        }
      }

      @media screen and ( max-width: 768px ) {
      .flaxbox figure.gallery { width:33%; }
      .SideBySide p{
        width: 81% !important;
        font-weight: bold!important;
        text-align: left!important;
        font-size: 14px!important;
        line-height: 2!important;
        margin-top: 2%!important;
        margin-left: 2%!important;
       }
      .SideBySide img{
        width: 490px!important;
        margin-top: 2%;
        margin-left: 5%;
        }
      }

      @media screen and ( max-width: 600px ) {
        .movie iframe { width:100%;height:60vw }
        #area2 div.heading h4 { text-align:center }
        #area2 img.sub_logo { position:initial; }
        .flaxbox figure.gallery { width:50%; }
        #area3 div.icon { max-width: 90%; }
        #area3 div.icon a { padding: 0.5em; }
    .SideBySide p{
        width: 81% !important;
        font-weight: bold!important;
        text-align: left!important;
        font-size: 14px!important;
        line-height: 2!important;
        margin-top: 2%!important;
        margin-left: 2%!important;
       }
      .SideBySide img{
        width: 389px!important;
        margin-top: 2%;
        }
      }

      @media screen and ( max-width: 500px ) {
        .movie iframe { width:100%;height:60vw }
        #area2 div.heading h4 { text-align:center }
        #area2 img.sub_logo { position:initial; }
        .flaxbox figure.gallery { width:50%; }
        #area3 div.icon { max-width: 90%; }
        #area3 div.icon a { padding: 0.5em; }
    .SideBySide p{
        width: 81% !important;
        font-weight: bold!important;
        text-align: left!important;
        font-size: 14px!important;
        line-height: 2!important;
        margin-top: 2%!important;
        margin-left: 2%!important;
       }
       .SideBySide img{
        width: 300px!important;
        margin-left: 2%;
        }
      }
      
     @media screen and ( max-width: 375px ) {
      .SideBySide p{
        width: 81% !important;
        font-weight: bold!important;
        text-align: left!important;
        font-size: 14px!important;
        line-height: 2!important;
        margin-top: 2%!important;
        margin-left: 2%!important;
       }
       .SideBySide img{
        width: 286px!important;
        margin-left: 2%;
        }

     }

     @media screen and ( max-width: 320px ) {
      .SideBySide p{
        width: 81% !important;
        font-weight: bold!important;
        text-align: left!important;
        font-size: 14px!important;
        line-height: 2!important;
        margin-top: 2%!important;
        margin-left: 2%!important;
       }
       .SideBySide img{
        width: 245px!important;
        margin-top: 2%;
        }
     }


      #area4 a.bnr img {
       width: 100%; 
       max-width:627px; 
       margin-top: -5px;
       margin-bottom: 30px;
     }
          #fluffy {
              margin: 0 auto;
              text-align: left;
              overflow: hidden;
              position: relative;
              padding-bottom: 73%;
          }

          #fluffy img {
              top: 0;
              left: 0;
              width: 100%;
              position: absolute;
          }
           #detail p{
             width: 100%; 
             max-width:300px; 
             height:10px;
             margin-top: -5px;
             margin-bottom: 0px;
           }

           #comment{
            padding: 15px 25px;
            width: 28%;
            background-color: rgb(245, 245, 245);
            height: 35px;
           }

           .SideBySide p{
            display:inline-block;
            /*縦方向の揃え位置を指定*/
            vertical-align:top;
            width:48%;
            font-weight: bold;
            text-align: left;
            font-size: 14px;
            line-height: 2;
            margin-top: 2%;
          }
          .SideBySide img{
            width: 232px;
          }
          /*css*/
          /* 回り込みを終了する定型表現。 */
          /*clearfix*/  
        .clearfix {
          zoom: 1;
         }
        .clearfix:after {
          content: "";
          display: block;
          clear: both;  
        }
        /*画像と文書を並べて表示時する*/
        .inner {     
          float: left ;　 /*左側に配置する*/
          }
        .inner p{
          float:right; 　 /*右側に配置する*/
          }
        .css-br::after {
          content: "\A" ;
          white-space: pre;
          }
      .SideBySide{
        text-align: center;
      }
     /*iframe 調整*/ 
     @media screen and (max-width: 1024px) {
    .iframe-responsive {
      position: relative;
      width: 100%;
      padding: calc(315 / 560 * 100%) 0 0;
    }
    .iframe-responsive iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    }
    /*search*/
    .clear { clear: both; }

#search_top_container {
	width:900px;
	margin:15px auto;	
}

#search_title {
	height:100px;	
}

#search_title img{
	float:left;	
	margin-right:20px;
}

#search_title h2{
	font-size:50px;	
	margin:0;
	padding:0;
	height:auto;
}

#search_top_wrap ul.search_top {
	padding:0;
	margin:0;
}

#search_top_wrap {
	background-image: url("../images/common/bg_body.jpg");
	background-repeat:repeat;
	border-top:2px dotted #CCC;  
	border-bottom:2px dotted #CCC;  	
	padding:10px 0 10px 15px;
}

#search_top_wrap ul.search_top li{
	width:294px;
	float:left;
	list-style-type:none;
	list-style-position:inside;
}

#search_top_wrap ul.search_top a{
	font-size:17px;	
}

#search_top_wrap ul.search_top a:hover{
	text-decoration:underline;	
}

.single_container_oldlayout h3 {
	border-top:3px solid #00dad6;
	background-image: url("../images/common/bg_sidecolumn_title.jpg");
	background-repeat:repeat;
	font-size:15px;	
	font-weight:bold;
	padding:5px 0 0 9px;
	margin:0;
	height:27px;
	width:891px;
}

.search_eachmaker {  	
	padding:10px 0 3px 12px;
	margin-bottom:45px;
}

.search_eachmaker ul.search_eachmakerul {
	padding:0;
	margin:0;
}

.search_eachmaker ul.search_eachmakerul li{
	width:295px;
	float:left;
	list-style-type:disc;
	list-style-position:inside;
}

.search_eachmaker ul.search_eachmakerul li a{
	font-size:14px;	
}

.search_eachmaker ul.search_eachmakerul li a:hover{
	text-decoration:underline;
}



.clear { clear: both; }

#sub_search_top_container {
	width:600px;
	margin:0 0 17px 0;	
}

#sub_search_title {
	height:50px;	
}

#sub_search_title img{
	float:left;	
	margin-right:10px;
}

#sub_search_title h2{
	font-size:22px;	
	margin:0;
	padding:5px 0 0 0;
	height:65px;
}

#sub_search_top_wrap ul.search_top {
	padding:0;
	margin:0;
}

#sub_search_top_wrap {
	background-image: url("../images/common/bg_body.jpg");
	background-repeat:repeat;
	border-top:2px dotted #CCC;  
	border-bottom:2px dotted #CCC;  	
	padding:0 0 10px 2px;
}

#sub_search_top_wrap ul.sub_search_top li{
	width:270px;
	float:left;
	list-style-type:none;
	list-style-position:inside;
}

#sub_search_top_wrap ul.sub_search_top a{
	font-size:15px;	
}

#sub_search_top_wrap ul.sub_search_top a:hover{
	text-decoration:underline;	
}


/* 
車種別パーツNEWデザイン(レスポンシブ) 2016.02.25----------------------------------------------------------------------------- */

#wrapper_responsive {
	margin:0 auto;
	max-width: 1000px;
	padding:0 25px 0 25px;
	background-image: url(../images/common/bg_body_wrapper.jpg);
	background-repeat:repeat;
	background-color:#FFF;
}


#search_top_container_responsive {
	max-width:100%;
	margin:initial;	
}

#search_title_responsive {
	height:100px;	
}

#search_title_responsive img{
	float:left;	
	margin-right:20px;
}

#search_title_responsive h2{
	font-size:2.5vw;
	line-height: 1.4em;
	margin:0;
	padding:0;
	height:65px;
}

#search_title_responsive p{
	text-transform: uppercase;
	font-size: 2vmin;
}

#maker_img {
	width:10%;	
}

.icon_parts {
	margin-bottom:5px;
	float:left;
	margin:0 1% 1% 0;
}

#footer {
	width:1000px;	
}

/*@media (max-width: 800px) {*/
@media (max-width: 1024px) {
	#contents_responsive {
		padding-top:20px;
	}
	#header_responsive {
		display:none;	
	}
	#maker_img {
		width:15%;	
	}
	#search_title_responsive h2{
		font-size: 3.9vw;
	}
	img.small_image {
		display:none;	
	}
	.icon_parts {
		width:32%;
	}
	#footer {
		display:none;	
	}
}

@media (max-width: 490px) {
	#search_title_responsive h2{
		font-size: 5.9vw;
	}
	#maker_img {
		width:20%;	
	}
	.icon_parts {
		width:49%;
	}
}


/*@media (min-width: 800px) {*/
@media (min-width: 1025px) {
	#header_shashubetsu {
		display:none;
	}
	.big_image {
		display:none;
	}
	.icon_parts {
		width:24%;
	}
	#footer_responsive {
		display:none;
	}
}


/* スマホヘッダー 2016.02.25----------------- */
#header_shashubetsu {
	background-color: #fff;
    background-image: url("../images/common/bg_body_wrapper.jpg");
    background-repeat: repeat;
}

/* スマホフッター 2016.02.25----------------- */
#footer_responsive {
	background-color:#FFF;	
}

ul#footer-navi {
    padding: 10px;
    background-color: #ededed;
    text-align: center;
}
ul#footer-navi li {
    display: inline-block;
    padding: 5px;
}
ul#footer-navi li a {
    color: #333333;
    text-decoration: none;
}
ul#footer-navi li.gopc {
    padding-left: 20px;
    background: url(../ph_img/footer-pc-icon.png) no-repeat 5px center;
    background-size: 12px auto;
}
#free-text { padding: 8px }
#copyright {
    border-top: 1px solid #DDDDDD;
    font-size: 11px;
    padding: 8px;
    text-align: center;
}

.pageup {
    background-color: #333333;
    border: 0px solid #bebebe;
}
.pageup a {
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: right;
    padding-right: 28px;
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(http://v1.eshop-do.com/ns74063/ph_img/arrow03.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 13px;
}
.pageup a:link { color: #FFFFFF }

ul#globalnavi {
	list-style-type: none;
	padding:0;
	margin:0;
}

ul#globalnavi li {
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(238, 238, 238)));
    background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(238, 238, 238) 100%);
    background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(238, 238, 238) 100%);
    border-bottom: 1px solid #DDDDDD;
}
ul#globalnavi li a {
    font-size: 16px;
    display: block;
    padding: 10px;
    background-image: url(http://v1.eshop-do.com/ns74063/ph_img/arrow02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 13px;
    color: #333333;
    text-decoration: none;
}

/****
 * Wranglerページリニューアル（画像付き新デザイン） by nara 20180112
 ****/
 .flex-row { display: flex; flex-flow: row wrap; min-width: calc( 320px - 8px ); margin-bottom: 20px; }
.flex-row * { box-sizing: border-box; }
.flex-row .col-2 { width: calc( 100% / 2 ); }
.flex-row .col-3 { width: calc( 100% / 3 ); }
.flex-row .col-4 { width: calc( 100% / 4 ); }
.flex-row .col-5 { width: calc( 100% / 5 ); }
.flex-row .col-6 { width: calc( 100% / 6 ); }
.flex-row .col-7 { width: calc( 100% / 7 ); }
.flex-row .col-8 { width: calc( 100% / 8 ); }
.flex-row .col>div.element { height: 100%; }
.flex-row .col>div.element,
.flex-row .col>div.element * { margin: 0; padding: 0; display: block; }
.example .element p { background: rgba(255,255,255,0.4); line-height: 1.0; font-size: 2em; text-align: center; }

@media screen and (max-width: 1000px) {
  .flex-row .col-2 { width: calc( 100% / 2 ); }
  .flex-row .col-3 { width: calc( 100% / 3 ); }
  .flex-row .col-4 { width: calc( 100% / 4 ); }
	.flex-row .col-5 { width: calc( 100% / 5 ); }
	.flex-row .col-6 { width: calc( 100% / 6 ); }
	.flex-row .col-7 { width: calc( 100% / 7 ); }
	.flex-row .col-8 { width: calc( 100% / 8 ); }
}

@media screen and (max-width: 800px) {
  .flex-row .col-2 { width: calc( 100% / 2 ); }
  .flex-row .col-3 { width: calc( 100% / 2 ); }
  .flex-row .col-4 { width: calc( 100% / 2 ); }
	.flex-row .col-5 { width: calc( 100% / 4 ); }
	.flex-row .col-6 { width: calc( 100% / 4 ); }
	.flex-row .col-7 { width: calc( 100% / 4 ); }
	.flex-row .col-8 { width: calc( 100% / 4 ); }
}

@media screen and (max-width: 480px) {
  .flex-row .col-2 { width: calc( 100% / 1 ); }
  .flex-row .col-3 { width: calc( 100% / 2 ); }
  .flex-row .col-4 { width: calc( 100% / 2 ); }
	.flex-row .col-5 { width: calc( 100% / 4 ); }
	.flex-row .col-6 { width: calc( 100% / 4 ); }
	.flex-row .col-7 { width: calc( 100% / 4 ); }
	.flex-row .col-8 { width: calc( 100% / 4 ); }

  #customparts_detail .category-list { min-width: initial; }
  #customparts_detail .category-list .col-3 { width: calc( 100% / 1 ); }
}

#customparts_detail .category-list .element { padding: 0.33em; }
#customparts_detail .category-list .element .image { width: 100%; }
#customparts_detail .category-list .element img { width: 100%; height: 100%; border: 3px solid #ccc; border-radius: 12px; }
#customparts_detail .category-list .element .text .title { border-left: solid 6px #00b7ee; color: #00b7ee; padding-left: 0.33em; margin: 0.33em 0; font-size: 100%; font-weight: 600; }
#customparts_detail .category-list .element .text .intro { font-size: 85%; line-height: 1.3; }


.ft-mn_txt{
	font-size: 1.4em;
}

.buy_btn_box{
	text-align: center;
}

.snsLink{
	text-align: right;
    display: block;
    height: 20px;
    margin: 5px 0;
}