/*-‘S‘Μ--------------------*/

#all * {
margin:0;
padding:0;
border: 0;
box-sizing: border-box;
}
#all{
width: 750px;
font-size: 16px;
}
#all img {
vertical-align: bottom;
}

/*-ƒeƒLƒXƒg------------*/

#all {
font-family: "ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
line-height: 1.2;
}

#all p {
color: #fff;
text-indent: 0em;
text-align: justify;
font: 80%/1.6em "ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
word-break: break-all;
}

#all dt,dd {
float: left;
color: #fff;
font-size: 80%;
}

#all em {
font-style: normal;
}

/*-‘Sƒy[ƒW‹€’Κ------------*/

#all .table {
display: table;
}

/*--- IE—p ---*/
/* IE 6 */
* html #all .leftbox {
display:inline;
zoom:1;
}
/* IE 7 */
*:first-child+html #all .leftbox {
display:inline;
zoom:1;
}
/*--- IE—p ---*/
#all .fleft {
float: left;
}
#all .fright {
float: right;
}

/*-----ƒL[ƒ[ƒh’l ----*/

#all img {
white-space: pre;
}

/*--- bg----*/
#all .mainbg {
background-color: #231815;
background-size: auto auto;
background-color: rgba(35, 24, 21, 1);
background-image: repeating-linear-gradient(-60deg, transparent, transparent 8px, rgba(62, 58, 57, 1) 8px, rgba(62, 58, 57, 1) 9px );
}

#all .txtbox {
background: #ebe9e2;
padding: 40px;
}

/*--- h3 ---*/

#all h3.main {
color: #1E1210;
font-weight: bold;
font-size: 130%;
margin-bottom: 20px;
text-align: left;
}

/*--- p----*/

#all p.maintext {
color: #1E1210;
margin: 0 auto;
font-size: 80%;
line-height: 1.8;
}

#all .gbprice {
background: #ebe9e2;
padding: 0 15px 15px 0;
text-align: right;
font-size: 70%;
color: #1E1210;
}

/*--- index.html ---*/
#all .main-img {
position: relative;
}

#all .main-ttl {
color: #fff;
font-weight: bold;
position: absolute;
top: 20px;
left: 30px;
width: 690px;
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
transform: skewX(-15deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}

#all .main-ttl p.small {
border-bottom:  1px solid #fff;
display: inline-block;
font-size: 150%;
line-height: 1.2;
}

#all .main-ttl p.big {
color: #1e1210;
font-size: 280%;
text-align: right;
}

#all .main-ttl p.big span {
color: #D20B17;
font-size: 300%;
vertical-align: -30px; 
}

#all .toptxt {
position: absolute;
bottom: 5px;
left: 20px;
width: 450px;
}

#all .toptxt p {
font-size: 70%;
line-height: 1.2;
}

#all p.editor {
font-size: 65%;
line-height: 1.8;
}

#all .bike {
padding: 20px 20px 40px;
}

#all .bike.hd {
padding: 20px;
}

#all .bike .title {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

#all .bike p.number {
color: #FFEA00;
font-size: 500%;
font-weight: bold;
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
transform: skewX(-15deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
line-height: 1;
}

#all .bike p.summary {
color: #FFEA00;
font-size: 180%;
margin-left: 20px;
line-height: 1.2;
}

#all .bike .info {
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
}

#all .bike .info dl {
margin-right: 15px;
}

#all .bike .info dt,
#all .bike .info dd {
float: none;
}

#all .bike .maker {
color: #fff;
font-size: 200%;
line-height: 1;
}

#all .bike .name {
color: #E60012;
font-size: 330%;
font-weight: bold;
line-height: 1;
}

#all .bike .name.yamaha {
color: #0062AC;
}

#all .bike .name.ducati {
color: #C8161D;
}

#all .bike .name.kawasaki {
color: #49AC35;
}

#all .bike .name.bmw {
color: #0081CC;
}

#all .bike .name.hd {
color: #F08300;
}

#all .bike .price {
background: #fff;
color: #1E1210;
display: inline-block;
font-size: 70%;
padding: 5px 10px;
}

#all .bike .txt {
color: #fff;
font-size: 100%;
margin-top: 10px;
}

#all .bike .details {
display: flex;
justify-content: space-between;
margin-top: 15px;
}

#all .bike .details .left {
width: 355px;
}

#all .bike .parts {
display: flex;
margin-bottom: 10px;
width: 355px;
}

#all .bike .parts img {
outline: 1px solid #fff;
outline-offset: -1px;
}

#all .bike .parts p {
font-size: 75%;
margin-left: 10px;
}

#all .bike .details img.chart {
position: absolute;
bottom: 0;
right: 0;
}

#all .bike .parts.chartk {
display: block;
text-align: right;
}

#all .bike .parts.chartk img {
outline: none;
}

#all .bike .spectitle {
background: #E60012;
color: #fff;
font-size: 90%;
margin-bottom: 5px;
padding: 5px;
}

#all .bike .spectitle.yamaha {
background: #0062AC;
}

#all .bike .spectitle.ducati {
background: #C8161D;
}

#all .bike .spectitle.kawasaki {
background: #49AC35;
}

#all .bike .spectitle.bmw {
background: #0081CC;
}


#all .bike .spectitle span {
font-size: 80%;
}

#all table.spec {
border-collapse: collapse;
margin: 0 auto;
width: 330px;
}

#all table.spec tr:first-child td,
#all table.spec tr:first-child th { 
border-top: 1px solid #fff;
}

#all table.spec tr:last-child td,
#all table.spec tr:last-child th { 
border-bottom: 1px solid #fff;
}

#all table.spec th {
background: #748A89;
border-bottom: 1px solid #fff;
color: #fff;
font-size: 70%;
font-weight: normal;
text-align: left;
padding: 3px 10px 3px 5px;
}

#all table.spec td {
background: #ebe9e2;
border-bottom: 1px solid #231815;
color: #231815;
font-size: 70%;
padding: 3px 10px 3px 5px;
text-align: left;
}

#all .lineup {
background: #D20B17;
padding: 20px;
width: 750px;
}

#all .lineup.yamaha {
background: #0062AC;
}

#all .lineup.ducati {
background: #C8161D;
}

#all .lineup.kawasaki {
background: #49AC35;
}

#all .lineup.bmw {
background: #0081CC;
}

#all .lineup.hd {
background: #4653A2;
}

#all .lineup.adv {
background: none;
}

#all .lineup h4 {
border: 1px solid #fff;
color: #fff;
display: inline-block;
font-size: 150%;
font-weight: normal;
margin-bottom: 20px;
padding: 5px 60px;
text-align: left;
}

#all .lineup .box {
display: flex;
justify-content: space-between;
}

#all .lineup .box .item {
width: 225px;
}

#all .lineup .box .item p.year {
color: #fff;
font-size: 220%;
font-weight: bold;
position: relative;
line-height: 1;
}

#all .lineup .box .item p.year::after {
content: '';
background: url("img/year.png") no-repeat;
position: absolute;
margin: 2px 0 0 10px;
width: 33px;
height: 20px;
line-height: 1;
}

#all .lineup .box .item p.title {
color: #fff;
font-size: 120%;
font-weight: bold;
margin: 5px 0;
line-height: 1.2;
}

#all .lineup .box .item p {
color: #fff;
font-size: 70%;
line-height: 1.3;
}

#all .lineup .box .item p.price {
font-size: 65%;
line-height: 1.2;
margin-top: 5px;
}

/*--- toku342_02.html ---*/

#all .first {
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
}

#all .first dl {
margin-right: 15px;
}

#all .first dt,
#all .first dd {
float: none;
}

#all .first .sub {
color: #fff;
font-size: 150%;
border-bottom: 1px solid #fff;
display: flex;
margin-bottom: 15px;
}

#all .first .maker {
color: #fff;
font-size: 180%;
line-height: 1;
}

#all .first .name {
color: #E60012;
font-size: 320%;
font-weight: bold;
line-height: 1;
}

#all .first .txt {
color: #fff;
font-size: 100%;
margin-top: 10px;
}

#all .first .mprice {
font-size: 70%;
line-height: 1.2;
margin-top: 5px;
}

#all .lineup .box .item2 {
width: 340px;
}

#all .lineup.yamaha p.name,
#all .lineup.ducati p.name,
#all .lineup.kawasaki p.name,
#all .lineup.bmw p.name,
#all .lineup.adv p.name {
color: #fff;
font-size: 140%;
font-weight: bold;
margin: 5px 0;
line-height: 1.2;
}

#all .lineup.adv p.name {
color: #fff;
font-size: 130%;
font-weight: bold;
margin: 10px 0 5px;
line-height: 1.2;
}

#all .lineup.ducati p,
#all .lineup.kawasaki p,
#all .lineup.bmw p,
#all .lineup.adv p {
color: #fff;
font-size: 80%;
line-height: 1.4;
}

#all .lineup.ducati p.price,
#all .lineup.kawasaki p.price,
#all .lineup.bmw p.price {
font-size: 70%;
line-height: 1.2;
margin-top: 5px;
}

/*--- toku342_03.html ---*/

#all .meguro {
display: flex;
justify-content: space-between;
background: #fff;
border: 2px solid #49AC35;
padding: 15px;
position: relative;
margin-top: 30px;
}

#all .meguro .k2info {
width: 320px;
}

#all .meguro h4 {
background: #49AC35;
color: #fff;
font-size: 120%;
font-weight: normal;
position: absolute;
top: -18px;
left: 15px;
padding: 5px 20px;
}

#all .meguro p.name {
color: #49AC35;
font-size: 140%;
font-weight: bold;
margin: 5px 0;
line-height: 1.2;
}

#all .meguro p {
color: #1E1210;
font-size: 80%;
line-height: 1.4;
}

#all .meguro p.kprice {
color: #1E1210;
font-size: 70%;
line-height: 1.2;
margin-top: 5px;
}

#all .lineup.kawasaki .box {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}

#all .lineup.kawasaki h4 {
margin-bottom: 0;
}

/*--- toku343_05.html ---*/

#all .bike .hdtxt p {
color: #fff;
font-size: 80%;
width: 340px;
}

#all .lineup.hd h4 {
color: #FFEA00;
border: none;
  padding: 0;
}

#all .lineup.hd .item01 {
width: 295px;
}

#all .lineup.hd .item02 {
width: 190px;
}

#all .lineup.hd .item01 p.name,
#all .lineup.hd .item02 p.name{
color: #fff;
font-size: 130%;
font-weight: bold;
margin: 5px 0;
line-height: 1.2;
}

#all .lineup.hd .item01 p, 
#all .lineup.hd .item02 p {
color: #fff;
font-size: 70%;
line-height: 1.3;
}

#all .lineup.hd .item01 p.price,
#all .lineup.hd .item02 p.price {
background: #1E1210;
color: #fff;
font-size: 65%;
line-height: 1.2;
margin-top: 5px;
padding: 5px;
}

/*--- toku343_06.html ---*/

#all .mainbg.sympo {
padding: 20px;
}

#all .boxsympo {
background: #fff;
}

#all .boxsympo .title {
background: url("img/writers.jpg") no-repeat right bottom ;
height: 145px;
padding: 15px;
}

#all h3.ttlsympo {
font-size: 250%;
font-weight: bold;
line-height: 1.1;
}

#all h3.ttlsympo span.perple {
color: #4653a2;
font-size: 130%;
font-weight: bold;
}

#all h3.ttlsympo span.sub {
font-size: 50%;
font-weight: bold;
}

#all .writer {
border-top: 1px solid #4653a2;
border-bottom: 1px solid #4653a2;
padding: 5px 0;
}

#all .writer p {
font-size: 75%;
font-weight: bold;
text-align: right;
line-height: 1;
}

#all .writer p span.editorial {
position: relative;
margin-right: 25px;
}

#all .writer p span.editorial:after {
position: absolute;
right: -21px;
top: 2px;
content: "";
display: inline-block;
width: 19px;
height: 12px;
background: url("img/edit.png") no-repeat;
}

#all .writer p span.small {
font-size: 65%;
font-weight: normal;
margin-right: 8px;
}

#all .boxsympo p {
color: #1E1210;
}

#all .conversation {
padding: 15px;
}

#all .conversation p {
margin-bottom: 15px;
}

#all .conversation p.note {
font-size: 75%;
margin-bottom: 0;
}

#all .conversation p span {
color: #4653a2;
font-weight: bold;
}

#all .conversation .mt {
float: right;
margin: 0 0 0 15px;
width: 250px;
}

#all .conversation .mt img {
border: 1px solid #1E1210;
}

#all .conversation .mt p {
font-size: 75%;
margin-top: 3px;
line-height: 1.5;
}


/*-kensaku--------------------*/
#all .kensakubox {
background: #fff;
border: 2px solid #BBB;
margin-top: 10px;
padding: 10px;
}

#all .kensakubox.w330 {
width: 330px;
}

#all .kensakubox ul {
padding-bottom: 0;
}

#all .kensakubox a:hover {
text-decoration: none;
}

#all li.search,
#all li.cat{
display: inline-block;
font-size: 70%;
position: relative;
padding-left: 20px;
text-indent: 0;
line-height: 1.4;
}

#all li.search{
margin-bottom: 8px;
}

#all li.cat {
margin-bottom: 0;
padding-bottom: 0;
}

#all li.search:before{
position: absolute;
left: 0;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("img/icon_search.gif") no-repeat;
}

#all li.cat:before{
position: absolute;
left: 0;
top: -1px;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("img/icon_cat.gif") no-repeat;
}

/*-ŒŸυ‚±‚±‚ά‚Ε--------------------*/

#imageData #imageDetails {
width: 39%;
}

/*-clearfix[float‰πœ]----------*/
/*clearfix*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

div#Other .clearfix {
display: inline-block;
height: 140px;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

.clearfix:after {
content:".";
display:block;
height:0.1px;
clear:both;
visibility:hidden;
overflow:hidden;
}

.clearfix {
min-height: 1px;
zoom:1;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*-footer----------*/
#footer_body {
font-size: 12px;
width: 98%;
float: left;
margin: 30px 8px 350px;
border-top: 1px solid #000;
padding-top: 15px;
position: relative;
}

#footer_body .footer_left {
float: left;
font: normal "??fI??fO ??fD\?L\?E\A\?P";
letter-spacing: 0.05em;
position: absolute;
top: 6em;
left: 15px;
}

#footer_body .footer_center {
float: left;
position: absolute;
top: 20px;
left: 30%;
width: 400px;
}

#footer_body .footer_right {
float: right;
letter-spacing: 0.05em;
position: absolute;
top: 6em;
right: 5px;
}

#footer_body ul {
list-style: none;
}

#footer_body .page {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
margin-top: 8px;
color: #333333;
}

#footer_body .page_2 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_3 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_4 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_5 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_6 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_7 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_8 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_9 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .on {
border-left: 5px solid #ff0000;
padding-left: 5px;
margin: 7px 0 0 13px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .off {
border-left: 5px solid #555555;
padding-left: 5px;
margin: 7px 0 0 13px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .on2 {
border-left: 5px solid #ff0000;
padding-left: 5px;
margin: 7px 0 0 5px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .off2 {
border-left: 5px solid #555555;
padding-left: 5px;
margin: 7px 0 0 5px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .top {
line-height: 1.4em;
letter-spacing: 0.05em;
float: none;
text-align: center;
margin-top: 20px;
}