@charset "UTF-8";
/* CSS Document */



    
body{
    
    background: linear-gradient(#0b0c0c, #bdc3c7);
    background-repeat: no-repeat;
    /* 
    background-image: url(img/bg_img2.jpg);
    background-size: cover;
    background-position: center;
    */

  
}

.div_1{
    color:  white;
    display: flex;
    flex-direction: row;
}
.div_1_left{
    flex:50%;
    font-size: 30px;
}
.div_1_left h1{
    padding-left:5%;
}
.div_1_left h1 a{
    text-decoration: none;
    color: white;
}
.div_1_right{
    flex:50%;
    font-size: 15px;
}
.div_1_right a{
    text-decoration: none;
    color:white;
}
.div_1_right p{
    padding-top: 13%;
}
.div_1_right{
    display: flex;
    justify-content: space-around;
}

.div_2{
    color:  white;
    display: flex;
    flex-direction: row;
}
.div_2_left{
    flex:40%;
    font-size: 20px;
}

.div_2_left_text{
    background-color: #daa520;
    margin-left: 8%;
    margin-right: 8%;
    padding: 3%;
    text-align: center;
}
.focus_red{
    color:red;
    font-weight: bold;
}
.newinfo a{
    text-decoration: none;
}
.newinfo p{
    font-size: 50px;
    color:red;
    font-weight: bold;
    width:60%;
    background-color: white;
    border: 5px solid red;
    margin-top:10%;
    margin-left:20%;
    padding-top:5%;
    padding-bottom:5%;
    text-align: center;
}
.div_2_left_newinfo_text p{
    width:65%;
    text-align: center;
    margin-top:-7%;
    margin-left:18%;
    font-size:14px;
    
}

.div_2_right{
    flex:60%;
    font-size: 25px;
    background-color: rgb(245, 241, 241);
    margin-right:2%;
    margin-left:1%;
}

.div_2_right_above{
    display: flex;
    flex-direction: row;
    position: relative;
}
.div_2_right_above .honda{
    position: absolute;
    background-color: rgb(221, 25, 25);
    color: white;
    font-weight: bold;
    bottom: -2%;
    padding-left:2%;
    padding-right:2%;
}
.div_2_right_above .kawasaki{
    position: absolute;
    background-color: rgb(25, 221, 25);
    color: white;
    font-weight: bold;
    bottom: -2%;
    right: 0%;
    padding-left:2%;
    padding-right:2%;
}

.div_2_right_bottom{
    display: flex;
    flex-direction: row;
    position: relative;
}
.div_2_right_bottom .kawasaki_1{
    position: absolute;
    background-color: rgb(25, 221, 25);
    color: white;
    font-weight: bold;
    bottom: -2%;
    left: 0%;
    padding-left:2%;
    padding-right:2%;
}
.div_2_right_bottom .suzuki{
    position: absolute;
    background-color: rgb(25, 110, 221);
    color: white;
    font-weight: bold;
    bottom: -2%;
    right: 0%;
    padding-left:2%;
    padding-right:2%;
}
.div_2_right_above img{
    flex: 50%;
    text-align: center;
    object-fit: cover;
    width:50%;
}

.div_2_right_bottom img{
    flex: 50%;
    text-align: center;
    object-fit: cover;
    width:20%;
}



.div_3{
    display: flex;
    justify-content: space-around;
    margin-top: 3%;
}

.div_3 ul{
    font-size: 20px;
    font-weight: bold;
    margin-left: 5%;
}

.div_3_brand{
    width: 18%;
    border: 5px solid white;
}

.div_3 .kawasaki{
    background-color: rgb(25, 221, 25);
    margin-left: 8%;
    text-decoration: none;
    color:white;
}
.div_3 .honda{
    background-color: red;
    text-decoration: none;
    color:white;
}
.div_3 .suzuki{
    background-color: blue;
    text-decoration: none;
    color:white;
}

.div_3_brand h4{
    text-align: center;
    font-size: 30px;
    margin-bottom: -3%;
    margin-top: 3%;
}

.div_3_all{
    width: 26%;
    text-decoration: none;
    color:black;
    padding-top:2%;
}

.div_3_all h4{
    width: 46%;
    background-color: rgb(255, 217, 0);
    border: 2px solid rgb(250, 248, 134);
    font-size: 22px;
    padding-top: 8%;
    padding-bottom: 8%;
    padding-left: 15%;
    padding-right: 10%;
}

.div_4{
    background-color: #daa520;
    text-align: center;
}
.div_4 h3{
    font-size: 30px;
    color:white;
    padding-top: 3%;
    padding-bottom: 3%;
}
.div_4 span{
    font-size: 40px;
    color:red;
}

.line{
    display: flex;
    flex-direction: row;
    background-color: rgb(6, 199, 85);
    width: 70%;
    margin-left: 15%;
}
.line .left{
    flex: 80%;
    padding-top: 4%;
    padding-left: 5%;
}
.line .left img{
    width: 40%;
}
.line .scan_code{
    flex: 20%;
    width: 10%;
}
.line .scan_code img{
    width: 70%;
    padding-top: 5%;
    padding-bottom: 2%;
}
.line .left p{
    color: white;
    font-size: 15px;
    font-weight: bold;
}

.insert_img img{
    object-fit: cover;
    width:100%;
    height: 700px;
    margin-top:3%;
}

.div_bikeinfo{
    background-color: whitesmoke;
    margin-left:3%;
    margin-right:3%;
    padding-bottom: 3%;
}
.div_bikeinfo_above img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.div_bikeinfo_middle_1{
    margin-left: 3%;
    margin-right: 3%;
    margin-top:3%;
}
.div_bikeinfo_middle_1 .contents{
    display: flex;
    flex-direction: row;
    background-color: rgb(252, 242, 231);
    border: 15px solid rgb(255, 153, 0);
    padding-top: 2%;
    padding-bottom: 2%;
}
.div_bikeinfo_middle_1 h3{
    background-color: rgb(255, 153, 0);
    font-size: 25px;
    color: white;
    padding-top: 1%;
    padding-bottom: 3%;
    padding-left: 1%;
    padding-right: 1%;
    width: 25%;
    text-align: center;
    margin-bottom: -5%;
}
.div_bikeinfo_middle_1 p{
    flex: 60%;
    padding:2%;
    font-size: 20px;
}
.div_bikeinfo_middle_1 img{
    flex: 40%;
    width: 40%;
    height: auto;
    object-fit: cover;
    padding-left: 3%;
    padding-right: 3%;
}

.div_bikeinfo_middle_2{
    margin-left: 3%;
    margin-right: 3%;
    margin-top:3%;
}
.div_bikeinfo_middle_2 h3{
    background-color: rgb(0, 183, 255);
    font-size: 25px;
    color: white;
    padding-top: 1%;
    padding-bottom: 2%;
    padding-left: 1%;
    padding-right: 1%;
    width: 25%;
    text-align: center;
    margin-top: 5%;
    margin-bottom: -5%;
}
.div_bikeinfo_middle_2 p{
    background-color: rgb(252, 242, 231);
    border: 15px solid rgb(0, 183, 255);
    padding:2%;
    font-size: 20px;
}

.div_bikeinfo_bottom{
    margin-left: 3%;
    margin-right: 3%;
    margin-top:3%;
}
.div_bikeinfo_bottom .contents{
    display: flex;
    flex-direction: row;
    background-color: rgb(252, 242, 231);
    border: 15px solid rgb(250, 141, 223);
    padding-top: 2%;
    padding-bottom: 2%;
}
.div_bikeinfo_bottom h3{
    background-color: rgb(250, 141, 223);
    font-size: 25px;
    color: white;
    padding-top: 1%;
    padding-bottom: 3%;
    padding-left: 1%;
    padding-right: 1%;
    width: 25%;
    text-align: center;
    margin-bottom: -5%;
}
.div_bikeinfo_bottom p{
    flex: 60%;
    padding:2%;
    font-size: 20px;
}
.div_bikeinfo_bottom img{
    flex: 40%;
    width: 50%;
    height: auto;
    object-fit: cover;
    padding-left: 5%;
    padding-right: 5%;
}

.div_5{
    background-color: #daa520;
    color:white;
}
.div_5 h3{
    font-size: 30px;
    padding-left: 4%;
    padding-top: 3%;
    padding-bottom: 3%;
}
.div_5 span{
    font-size: 25px;
    color:black;
}

.div_process{
    background-color: whitesmoke;
    margin-left:3%;
    margin-right:3%;
    padding-bottom: 3%;
    position:relative;
}

.div_process_mokuji_title h1{
    font-size: 40px;
    padding-left:3%;
    padding-top:3%;
}

.div_process_mokuji{
    display: flex;
    flex-direction: row;
}
.div_process_mokuji_left{
    flex:70%;
    background-color: bisque;
    margin-left:5%;
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
}

.div_process_mokuji_left{
    display: flex;
    flex-direction: row;
    
}
.div_process_mokuji_left ul{
    list-style-type: none;
}

.div_process_mokuji_left .mokuji_icon{
    flex: 10%;
    margin-left:3%;
}
.div_process_mokuji_left .mokuji_title{
    flex: 90%;
    line-height: 65px;

}
.mokuji_title a{
    text-decoration: none;
    color:black;
    margin-left: -5%;
}

.div_process_mokuji_left img{
    width:72%;
}

.div_process_mokuji_right{
    flex:30%;
    text-align: center;
}
.div_process_mokuji_right p{
     font-size:25px;
     border: 8px solid red;
     margin-left:5%;
     margin-right:5%;
     margin-bottom:10%;
     padding-top:10%;
     padding-bottom:10%;
     color:red;
     font-weight: bold;
}
.div_process_mokuji_right img{
    width:15%;
    margin-bottom:10%;
}

.div_process_title{
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: forestgreen;
    color:white;
    width:108%;
    height:21.5vh;
    margin-left: -4%;
    margin-top:4%;
}
.div_process_title h1{
    padding-left: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    font-size:25px;
}
.div_process_title .icon{
    width:7%;
    background-color: white;
    margin-top:1%;
    margin-bottom:1%;
    margin-left:5%;
}
.div_process_title .process_img{
    position:absolute;
    width:30%;
    height:21vh;
    object-fit: cover;
    right:4%;
    padding-top:0.1%;
}

.process_1_above{
    display: flex;
    flex-direction: row;
    margin-top:5%;
}
.div_process_1_left{
    flex:45%;
}
.div_process_1_right{
    flex:55%;
    text-align: center;
}

.div_process_1_right img{
    width:85%;
}

.process_1_above{
    margin-top: 3%;
    margin-left: 3%;
    font-size: 18px;
    text-indent: 1em;
}

.div_process_1_left .above{
    background-color: rgb(252, 242, 231);
    border: 2px solid rgb(255, 217, 0);
    padding:3%;
}
.div_process_1_left .bottom{
    margin-top: -8%;
    padding:3%;
}
.div_process_1_left .bottom span{
    margin-top:1%;
    color: red;
}

.div_process_1_right .above{
    font-weight: bold;
    margin-top: 1%;
    margin-bottom: -1%;
}

.div_process_1_middle{
    margin-left: 3%;
    margin-right: 20%;
    margin-top:3%;
}
.div_process_1_middle .above h3{
    background-color: rgb(255, 153, 0);
    font-size: 25px;
    color: white;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    width: 30%;
    text-align: center;
    margin-bottom: -5%;
}
.div_process_1_middle .above p{
    background-color: rgb(252, 242, 231);
    border: 15px solid rgb(255, 153, 0);
    padding:2%;
    font-size: 20px;
}
.div_process_1_middle .bottom h3{
    background-color: rgb(0, 183, 255);
    font-size: 25px;
    color: white;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    width: 30%;
    text-align: center;
    margin-top: 5%;
    margin-bottom: -5%;
}
.div_process_1_middle .bottom p{
    background-color: rgb(252, 242, 231);
    border: 15px solid rgb(0, 183, 255);
    padding:2%;
    font-size: 20px;
}

.div_process_1_bottom{
    margin-left: 12%;
    margin-right: 15%;
    margin-top:3%;
    position:relative;
}
.div_process_1_bottom h3{
    position: absolute;
    margin-left: 37%;
    background-color: red;
    font-size: 25px;
    color: white;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 1%;
    padding-right: 1%;
    width: 25%;
    text-align: center;
    z-index: 1;
}
.div_process_1_bottom ul{
     margin-top:5%;
    background-color: rgb(252, 242, 231);
    border: 5px solid red;
    font-size: 20px;
    line-height: 55px;
    padding: 4%;
    padding-top: 7%;
    font-weight: bold;
    z-index: 0;
}


.div_process_2{
    margin-left: 12%;
    margin-right: 15%;
    margin-top:3%;
    position:relative;
}
.div_process_2 p{
   margin-top:5%;
   background-color: rgb(252, 242, 231);
   border: 2px solid rgb(255, 217, 0);
   font-size: 20px;
   padding: 3%;
   line-height: 40px;

}
.div_process_2 h5{
    font-size: 30px;
    margin-bottom: 0%;
    margin-top: 10%;
}
.div_process_2 .sample{
    margin-top:2%;
    width:100%;
}
.div_process_2 .sample img{
    width:100%;
    object-fit: cover;
}

.div_process_3{
    margin-left: 12%;
    margin-right: 15%;
    margin-top:3%;
    position:relative;
}
.div_process_3 p{
    margin-top:5%;
    background-color: rgb(252, 242, 231);
    border: 2px solid rgb(255, 217, 0);
    font-size: 20px;
    padding: 3%;
    line-height: 40px;

 }
 .div_process_3 .bottom h3{
    background-color: rgb(255, 238, 0);
    font-size: 23px;
    color: rgba(0, 0, 0, 0.747);
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    width: 45%;
    text-align: center;
    margin-top: 5%;
    margin-bottom: -5%;
}
.div_process_3 .bottom ul{
    background-color: rgb(252, 242, 231);
    border: 15px solid rgb(255, 238, 0);
    padding:2%;
    padding-left: 5%;
    font-size: 20px;
    margin-top: 2%;
}

.contact{
    background-color: white;
    width: 88%;
    margin-left:3%;
    margin-top:3%;
    margin-bottom:0%;
    padding: 3%;
    padding-bottom: 5%;
}
.contact h4{
    font-size: 30px;
}
.contact hr{
    margin-top: -3%;
}
.contact p{
    margin-top: 3%;
    font-size: 20px;
}
.contact h3{
    font-size: 40px;
    text-align: center;
}
.contact .contents{
    display: flex;
    flex-direction: row;
    padding-left: 1%;
    padding-right: 1%;
    border: 2px solid rgba(0, 0, 0, 0.699);
    margin-left:20%;
    font-size: 30px;
    width:60%;

}

.contact .contents .contents_name{
    flex:20%;
    text-align: right;
}
.contact .contents .contents_detail{
    flex:80%;
    text-align: left;
    padding-left:3%;
}

.line_detail{
    display: flex;
    flex-direction: row;
    background-color: rgb(6, 199, 85);
    width: 70%;
    margin-left: 15%;
    margin-top: 5%;
}
.line_detail .left{
    flex: 80%;
    padding-top: 4%;
    padding-left: 5%;
}
.line_detail .left img{
    width: 40%;
}
.line_detail .scan_code{
    flex: 20%;
    width: 10%;
}
.line_detail .scan_code img{
    width: 70%;
    padding-top: 5%;
    padding-bottom: 2%;
}
.line_detail .left p{
    color: white;
    font-size: 15px;
    font-weight: bold;
}



.company{
    background-color: white;
    width: 88%;
    margin-left:3%;
    margin-top:3%;
    margin-bottom:0%;
    padding: 3%;
    padding-bottom: 5%;
}
.company h4{
    font-size: 30px;
}
.company hr{
    margin-top: -3%;
}
.company p{
    margin-top: 3%;
    font-size: 20px;
}
.company h3{
    font-size: 40px;
    text-align: center;
}

.company .contents{
    display: flex;
    flex-direction: row;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 3%;
    margin-left:5%;
    font-size: 30px;
    width:80%;
}

.company .contents .contents_name{
    flex:20%;
    text-align: right;
}
.company .contents .contents_detail{
    flex:80%;
    text-align: left;
    padding-left:3%;
}
.company .contents .contents_detail .history{
    line-height: 1%;
    margin-top: 10%;
}

.bottom_border{
    margin-top: 5%;
}

.bottom_menu{
    width: 70%;
    display: flex;
    justify-content: space-around;
    padding-left:   15%;
    padding-right:  15%;
    font-weight: bold;
    font-size: 20px;
}
.bottom_menu a{
    text-decoration: none;
    color: black;
}
.bottom_title{
    margin-left: 42%;
    font-size: 30px;
    margin-bottom: 10%;
}



.rate{
    color:white;
    text-align: right;
    margin-right:4%;
    font-size: 20px;

}


.bike_link{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    margin-bottom: 4%;
    margin-right: 3%;


}

.bike_link a{
    text-decoration: none;
    font-size: 20px;
}

.pointer{
    pointer-events: none;
}

.bike_link .new{

    color:red;
    font-weight: bold;
    width:100%;
    background-color: white;
    border: 5px solid red;
    text-align: center;
    padding-right: 15%;
    padding-left: 15%;
    padding-top: 20%;
    padding-bottom: 20%;
}
.bike_link .kawasaki{
    font-size: 18.5px;
    color:white;
    font-weight: bold;
    width:100%;
    background-color: rgb(25, 221, 25);
    border: 5px solid white;
    text-align: center;
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 14%;
    padding-bottom: 14%;
}
.bike_link .honda{
    color:white;
    font-weight: bold;
    width:100%;
    background-color: rgb(221, 25, 25);
    border: 5px solid white;
    text-align: center;
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 15%;
    padding-bottom: 15%;
}
.bike_link .suzuki{
    color:white;
    font-weight: bold;
    width:100%;
    background-color: rgb(25, 110, 221);
    border: 5px solid white;
    text-align: center;
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 15%;
    padding-bottom: 15%;
}
.bike_link .all{
    background-color: rgb(255, 217, 0);
    border: 5px solid rgb(250, 248, 134);
    color: black;
    font-weight: bold;
    width:100%;
    text-align: center;
    padding-right: 20%;
    padding-left: 20%;
    padding-top: 22%;
    padding-bottom: 22%;
}


.item_info_a{
    text-decoration: none;
    color: black;
}


.div_item_info {
    background-color: white;
    margin-top: 5%;
}

.div_item_info .date{
    display: flex;
    justify-content: flex-end;
    padding-right: 2%;
    font-size: 15px;
    margin-top: -2%;
}
.div_item_info .date .ymd{
    margin-right: 2%;
    margin-top: 2%;
}
.div_item_info .date .new{
    background-color: red;
    font-size: 20px;
    padding: 8px;
    padding-left: 2%;
    padding-right: 2%;
    color: white;
}


.div_item_info .contents{
    display: flex;
    flex: row;
}
.div_item_info .contents .left_img{
    width: 30%;
    flex: 35%;
    text-align: center;
    border: 1px solid #ccc;
    margin-top:  -4%;
    margin-bottom: 2%;
    margin-right: 1%;
    margin-left: 1%;
}
.div_item_info .contents .left_img img{
   display: block;
   height: 47vh;
   text-align: center;
   object-fit: contain;
   width: 100%;
   
}
.div_item_info .contents .right{
    flex: 65%;
    margin-top: -3%;
}
.div_item_info .contents .right .item_number{
   color:rgb(0, 183, 255);
   font-size: 20px;
   font-weight: bold;
   margin-bottom:-1%;
   padding-left: 3%;
}
.div_item_info .contents .right .item_title{
    font-size: 20px;
    font-weight: bold;
    padding-left: 3%;
 }
.div_item_info .contents .right .item_price{
    display: flex;
    flex: row;
    margin-top:-2%;
}
.div_item_info .contents .right .item_price .left{
    flex: 15%;
    text-align: right;
    font-size: 15px;
    padding-right:3%;
    line-height: 30px;

}
.div_item_info .contents .right .item_price .center{
    flex: 29%;
    font-size: 20px;
    font-weight: bold;
    margin-top: -1%;
    text-align: right;
    padding-right:1%;
    line-height: 28px;
}

.div_item_info .contents .right .item_price .center .trs_fee{
    font-size: 20px;
    font-weight: normal;
}
.div_item_info .contents .right .item_price .center_2{
    flex: 16%;
    font-size: 20px;
    text-align: center;
    margin-top: -10px;
}
.div_item_info .contents .right .item_price .right_exp{
    flex: 35%;
    font-size: 12px;
    padding-right: 3%;
    padding-left: 1%;
  
}
.div_item_info .contents .right .item_price .right_exp .exp1{
    color:red;
    margin-top: 2%;
    margin-bottom: 5%;
}
.div_item_info .contents .right .item_price .right_exp .exp2{
    color:rgb(0, 153, 255);
}
.div_item_info .contents .right .item_price .center .usd{
    font-size: 20px;
    color:#616364;
}

.span_amount_left{
    font-size: 20px;
    color: red;
    font-weight: bold;
}
.div_item_info .contents .right .item_amount{
    display: flex;
    flex: row;
    font-size: 20px;
    color: red;
    font-weight: bold;
}
.div_item_info .contents .right .item_amount .left{
    flex: 15%;
    text-align: right;
    margin-top: 1.4%;

}
.div_item_info .contents .right .item_amount .center{
    flex: 31.5%;
    font-size: 20px;
    margin-top: 1%;
    text-align: right;

}
.div_item_info .contents .right .item_amount .center_2{
    flex: 53.5%;

}



.back{
    color: white;
    margin-left: 3%;
    margin-bottom: 1%;
    margin-top: 3%;
}
.back a{
    text-decoration: none;
    color: black;
    font-size: 25px;
    background-color: gainsboro;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 5%;
    padding-right: 5%;
}

.detail_date{
    display: flex;
    justify-content: flex-end;
    padding-right: 2%;
    font-size: 15px;
    color:white;
}
.detail_date .ymd{
    margin-right: 2%;
}
.detail_date .new{
    background-color: red;
    font-size: 20px;
    padding: 8px;
    padding-left: 2%;
    padding-right: 2%;
    color: white;
}


.detail_process{
    background-color: white;
    margin-left:3%;
    margin-right:3%;
    margin-top:-5%;
    padding-bottom: 3%;
    position:relative;
}

.detail_title{
    font-size: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
}
.detail_title span{
    padding: 10px;
    font-size: 25px;
    color: white;
}

.div_item_info .contents_detail{
    display: flex;
    flex: row;
}
.div_item_info .contents_detail .left_img{
    width: 60%;
    flex: 60%;
    text-align: center;
    border: 1px solid #ccc;
    margin-bottom: 2%;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 3%;
}
.div_item_info .contents_detail .left_img img{
   display: block;
   height: 67vh;
   text-align: center;
   object-fit: contain;
   width: 100%;
}
.div_item_info .contents_detail .right{
    flex: 40%;
    margin-top: 2%;
}

.div_item_info .contents_detail .right .item_number{
   color:rgb(0, 183, 255);
   font-size: 20px;
   font-weight: bold;
   margin-bottom:-1%;
   margin-top: 1%;
   padding-left: 3%;
}
.div_item_info .contents_detail .right .item_title{
    font-size: 20px;
    font-weight: bold;
    padding-left: 3%;
 }
.div_item_info .contents_detail .right .remarks{
    font-size: 16px;
    padding-left: 3%;
    padding-bottom: 3%;
    margin-right: 3%;
    margin-bottom: 2%;
    border: 3px solid #daa520;
}
.div_item_info .contents_detail .right .remarks_title{
    font-size: 15px;
    background-color: #daa520;
    width:15%;
    margin-bottom: -0.3%;
    padding-left:3%;
    padding-top:1%;
    padding-bottom:1%;
    color: white;
    font-weight: bold;
}

.div_item_info .contents_detail .right .item_price{
    display: flex;
    flex: row;
    margin-top:-2%;
}

.div_item_info .contents_detail .right .item_price .left{
    flex: 30%;
    text-align: right;
    font-size: 15px;
    padding-right:3%;
    line-height: 35px;

}
.div_item_info .contents_detail .right .item_price .center{
    flex: 45%;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0%;
    text-align: right;
    padding-right:1%;
    line-height: 28px;
}

.div_item_info .contents_detail .right .item_price .center .trs_fee{
    font-size: 20px;
    font-weight: normal;
}

.div_item_info .contents_detail .right .item_price .center_2{
    flex: 25%;
    font-size: 20px;
    text-align: center;
    color:#616364;
}




.span_amount_left{
    font-size: 20px;
    color: red;
    font-weight: bold;
   
}
.div_item_info .contents_detail .right .item_amount{
    display: flex;
    flex: row;
    font-size: 20px;
    color: red;
    font-weight: bold;
    
}
.div_item_info .contents_detail .right .item_amount .left{
    flex: 30%;
    text-align: right;
    padding-right:2%;
    margin-top: 1.4%;
  
}
.div_item_info .contents_detail .right .item_amount .center{
    flex: 50%;
    font-size: 20px;
    margin-top: 1%;
    text-align: right;
    padding-right:4%;
   
}
.div_item_info .contents_detail .right .item_amount .center_2{
    flex: 20%;
  
}



/*スマホ用. スマホ用. スマホ用. スマホ用. スマホ用. スマホ用. スマホ用. スマホ用. スマホ用. スマホ用. スマホ用 */
@media screen and (max-width: 480px){



    body{
    
        background: linear-gradient(#0b0c0c, #bdc3c7);
        background-repeat: no-repeat;
        /* 
        background-image: url(img/bg_img2.jpg);
        background-size: cover;
        background-position: center;
        */
    
      
    }
    
    .div_1{
        color:  white;
        display: flex;
        flex-direction: row;
    }
    .div_1_left{
        flex:70%;
        font-size: 12px;
    }
    .div_1_left h1{
        padding-left:5%;
    }
    .div_1_left h1 a{
        text-decoration: none;
        color: white;
    }
    .div_1_right{
        flex:30%;
        font-size: 15px;
    }
    .div_1_right a{
        text-decoration: none;
        color:white;
    }
    .div_1_right p{
        padding-top: 13%;
    }
    .div_1_right{
        display: flex;
        justify-content: space-around;
    }
    
    .div_2{
        color:  white;
        display: flex;
        flex-direction: row;
    }
    .div_2_left{
        flex:40%;
        font-size: 20px;
    }
    
    .div_2_left_text{
        background-color: #daa520;
        margin-left: 8%;
        margin-right: 8%;
        padding: 3%;
        text-align: center;
    }
    .focus_red{
        color:red;
        font-weight: bold;
    }
    .newinfo a{
        text-decoration: none;
    }
    .newinfo p{
        font-size: 50px;
        color:red;
        font-weight: bold;
        width:60%;
        background-color: white;
        border: 5px solid red;
        margin-top:10%;
        margin-left:20%;
        padding-top:5%;
        padding-bottom:5%;
        text-align: center;
    }
    .div_2_left_newinfo_text p{
        width:65%;
        text-align: center;
        margin-top:-7%;
        margin-left:18%;
        font-size:14px;
        
    }
    
    .div_2_right{
        flex:60%;
        font-size: 25px;
        background-color: rgb(245, 241, 241);
        margin-right:2%;
        margin-left:1%;
    }
    
    .div_2_right_above{
        display: flex;
        flex-direction: row;
        position: relative;
    }
    .div_2_right_above .honda{
        position: absolute;
        background-color: rgb(221, 25, 25);
        color: white;
        font-weight: bold;
        bottom: -2%;
        padding-left:2%;
        padding-right:2%;
    }
    .div_2_right_above .kawasaki{
        position: absolute;
        background-color: rgb(25, 221, 25);
        color: white;
        font-weight: bold;
        bottom: -2%;
        right: 0%;
        padding-left:2%;
        padding-right:2%;
    }
    
    .div_2_right_bottom{
        display: flex;
        flex-direction: row;
        position: relative;
    }
    .div_2_right_bottom .kawasaki_1{
        position: absolute;
        background-color: rgb(25, 221, 25);
        color: white;
        font-weight: bold;
        bottom: -2%;
        left: 0%;
        padding-left:2%;
        padding-right:2%;
    }
    .div_2_right_bottom .suzuki{
        position: absolute;
        background-color: rgb(25, 110, 221);
        color: white;
        font-weight: bold;
        bottom: -2%;
        right: 0%;
        padding-left:2%;
        padding-right:2%;
    }
    .div_2_right_above img{
        flex: 50%;
        text-align: center;
        object-fit: cover;
        width:50%;
    }
    
    .div_2_right_bottom img{
        flex: 50%;
        text-align: center;
        object-fit: cover;
        width:20%;
    }
    
    
    
    .div_3{
        display: flex;
        justify-content: space-around;
        margin-top: 3%;
    }
    
    .div_3 ul{
        font-size: 20px;
        font-weight: bold;
        margin-left: 5%;
    }
    
    .div_3_brand{
        width: 18%;
        border: 5px solid white;
    }
    
    .div_3 .kawasaki{
        background-color: rgb(25, 221, 25);
        margin-left: 8%;
        text-decoration: none;
        color:white;
    }
    .div_3 .honda{
        background-color: red;
        text-decoration: none;
        color:white;
    }
    .div_3 .suzuki{
        background-color: blue;
        text-decoration: none;
        color:white;
    }
    
    .div_3_brand h4{
        text-align: center;
        font-size: 30px;
        margin-bottom: -3%;
        margin-top: 3%;
    }
    
    .div_3_all{
        width: 26%;
        text-decoration: none;
        color:black;
        padding-top:2%;
    }
    
    .div_3_all h4{
        width: 46%;
        background-color: rgb(255, 217, 0);
        border: 2px solid rgb(250, 248, 134);
        font-size: 22px;
        padding-top: 8%;
        padding-bottom: 8%;
        padding-left: 15%;
        padding-right: 10%;
    }
    
    .div_4{
        background-color: #daa520;
        text-align: center;
    }
    .div_4 h3{
        font-size: 30px;
        color:white;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .div_4 span{
        font-size: 40px;
        color:red;
    }
    
    .insert_img img{
        object-fit: cover;
        width:100%;
        height: 700px;
        margin-top:3%;
    }
    
    .div_bikeinfo{
        background-color: whitesmoke;
        margin-left:3%;
        margin-right:3%;
        padding-bottom: 3%;
    }
    .div_bikeinfo_above img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .div_bikeinfo_middle_1{
        margin-left: 3%;
        margin-right: 3%;
        margin-top:3%;
    }
    .div_bikeinfo_middle_1 .contents{
        display: flex;
        flex-direction: row;
        background-color: rgb(252, 242, 231);
        border: 15px solid rgb(255, 153, 0);
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .div_bikeinfo_middle_1 h3{
        background-color: rgb(255, 153, 0);
        font-size: 25px;
        color: white;
        padding-top: 1%;
        padding-bottom: 3%;
        padding-left: 1%;
        padding-right: 1%;
        width: 25%;
        text-align: center;
        margin-bottom: -5%;
    }
    .div_bikeinfo_middle_1 p{
        flex: 60%;
        padding:2%;
        font-size: 20px;
    }
    .div_bikeinfo_middle_1 img{
        flex: 40%;
        width: 40%;
        height: auto;
        object-fit: cover;
        padding-left: 3%;
        padding-right: 3%;
    }
    
    .div_bikeinfo_middle_2{
        margin-left: 3%;
        margin-right: 3%;
        margin-top:3%;
    }
    .div_bikeinfo_middle_2 h3{
        background-color: rgb(0, 183, 255);
        font-size: 25px;
        color: white;
        padding-top: 1%;
        padding-bottom: 2%;
        padding-left: 1%;
        padding-right: 1%;
        width: 25%;
        text-align: center;
        margin-top: 5%;
        margin-bottom: -5%;
    }
    .div_bikeinfo_middle_2 p{
        background-color: rgb(252, 242, 231);
        border: 15px solid rgb(0, 183, 255);
        padding:2%;
        font-size: 20px;
    }
    
    .div_bikeinfo_bottom{
        margin-left: 3%;
        margin-right: 3%;
        margin-top:3%;
    }
    .div_bikeinfo_bottom .contents{
        display: flex;
        flex-direction: row;
        background-color: rgb(252, 242, 231);
        border: 15px solid rgb(250, 141, 223);
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .div_bikeinfo_bottom h3{
        background-color: rgb(250, 141, 223);
        font-size: 25px;
        color: white;
        padding-top: 1%;
        padding-bottom: 3%;
        padding-left: 1%;
        padding-right: 1%;
        width: 25%;
        text-align: center;
        margin-bottom: -5%;
    }
    .div_bikeinfo_bottom p{
        flex: 60%;
        padding:2%;
        font-size: 20px;
    }
    .div_bikeinfo_bottom img{
        flex: 40%;
        width: 50%;
        height: auto;
        object-fit: cover;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    .div_5{
        background-color: #daa520;
        color:white;
    }
    .div_5 h3{
        font-size: 30px;
        padding-left: 4%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .div_5 span{
        font-size: 25px;
        color:black;
    }
    
    .div_process{
        background-color: whitesmoke;
        margin-left:3%;
        margin-right:3%;
        padding-bottom: 3%;
        position:relative;
    }
    
    .div_process_mokuji_title h1{
        font-size: 40px;
        padding-left:3%;
        padding-top:3%;
    }
    
    .div_process_mokuji{
        display: flex;
        flex-direction: row;
    }
    .div_process_mokuji_left{
        flex:70%;
        background-color: bisque;
        margin-left:5%;
        font-size: 22px;
        font-weight: bold;
        line-height: 50px;
    }
    
    .div_process_mokuji_left{
        display: flex;
        flex-direction: row;
        
    }
    .div_process_mokuji_left ul{
        list-style-type: none;
    }
    
    .div_process_mokuji_left .mokuji_icon{
        flex: 10%;
        margin-left:3%;
    }
    .div_process_mokuji_left .mokuji_title{
        flex: 90%;
        line-height: 65px;
    
    }
    .mokuji_title a{
        text-decoration: none;
        color:black;
        margin-left: -5%;
    }
    
    .div_process_mokuji_left img{
        width:72%;
    }
    
    .div_process_mokuji_right{
        flex:30%;
        text-align: center;
    }
    .div_process_mokuji_right p{
         font-size:25px;
         border: 8px solid red;
         margin-left:5%;
         margin-right:5%;
         margin-bottom:10%;
         padding-top:10%;
         padding-bottom:10%;
         color:red;
         font-weight: bold;
    }
    .div_process_mokuji_right img{
        width:15%;
        margin-bottom:10%;
    }
    
    .div_process_title{
        position: relative;
        display: flex;
        flex-direction: row;
        background-color: forestgreen;
        color:white;
        width:108%;
        height:21.5vh;
        margin-left: -4%;
        margin-top:4%;
    }
    .div_process_title h1{
        padding-left: 3%;
        padding-top: 3%;
        padding-bottom: 3%;
        font-size:25px;
    }
    .div_process_title .icon{
        width:7%;
        background-color: white;
        margin-top:1%;
        margin-bottom:1%;
        margin-left:5%;
    }
    .div_process_title .process_img{
        position:absolute;
        width:30%;
        height:21vh;
        object-fit: cover;
        right:4%;
        padding-top:0.1%;
    }
    
    .process_1_above{
        display: flex;
        flex-direction: row;
        margin-top:5%;
    }
    .div_process_1_left{
        flex:45%;
    }
    .div_process_1_right{
        flex:55%;
        text-align: center;
    }
    
    .div_process_1_right img{
        width:85%;
    }
    
    .process_1_above{
        margin-top: 3%;
        margin-left: 3%;
        font-size: 18px;
        text-indent: 1em;
    }
    
    .div_process_1_left .above{
        background-color: rgb(252, 242, 231);
        border: 2px solid rgb(255, 217, 0);
        padding:3%;
    }
    .div_process_1_left .bottom{
        margin-top: -8%;
        padding:3%;
    }
    .div_process_1_left .bottom span{
        margin-top:1%;
        color: red;
    }
    
    .div_process_1_right .above{
        font-weight: bold;
        margin-top: 1%;
        margin-bottom: -1%;
    }
    
    .div_process_1_middle{
        margin-left: 3%;
        margin-right: 20%;
        margin-top:3%;
    }
    .div_process_1_middle .above h3{
        background-color: rgb(255, 153, 0);
        font-size: 25px;
        color: white;
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 1%;
        padding-right: 1%;
        width: 30%;
        text-align: center;
        margin-bottom: -5%;
    }
    .div_process_1_middle .above p{
        background-color: rgb(252, 242, 231);
        border: 15px solid rgb(255, 153, 0);
        padding:2%;
        font-size: 20px;
    }
    .div_process_1_middle .bottom h3{
        background-color: rgb(0, 183, 255);
        font-size: 25px;
        color: white;
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 1%;
        padding-right: 1%;
        width: 30%;
        text-align: center;
        margin-top: 5%;
        margin-bottom: -5%;
    }
    .div_process_1_middle .bottom p{
        background-color: rgb(252, 242, 231);
        border: 15px solid rgb(0, 183, 255);
        padding:2%;
        font-size: 20px;
    }
    
    .div_process_1_bottom{
        margin-left: 12%;
        margin-right: 15%;
        margin-top:3%;
        position:relative;
    }
    .div_process_1_bottom h3{
        position: absolute;
        margin-left: 37%;
        background-color: red;
        font-size: 25px;
        color: white;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 1%;
        padding-right: 1%;
        width: 25%;
        text-align: center;
        z-index: 1;
    }
    .div_process_1_bottom ul{
         margin-top:5%;
        background-color: rgb(252, 242, 231);
        border: 5px solid red;
        font-size: 20px;
        line-height: 55px;
        padding: 4%;
        padding-top: 7%;
        font-weight: bold;
        z-index: 0;
    }
    
    
    .div_process_2{
        margin-left: 12%;
        margin-right: 15%;
        margin-top:3%;
        position:relative;
    }
    .div_process_2 p{
       margin-top:5%;
       background-color: rgb(252, 242, 231);
       border: 2px solid rgb(255, 217, 0);
       font-size: 20px;
       padding: 3%;
       line-height: 40px;
    
    }
    .div_process_2 h5{
        font-size: 30px;
        margin-bottom: 0%;
        margin-top: 10%;
    }
    .div_process_2 .sample{
        margin-top:2%;
        width:100%;
    }
    .div_process_2 .sample img{
        width:100%;
        object-fit: cover;
    }
    
    .div_process_3{
        margin-left: 12%;
        margin-right: 15%;
        margin-top:3%;
        position:relative;
    }
    .div_process_3 p{
        margin-top:5%;
        background-color: rgb(252, 242, 231);
        border: 2px solid rgb(255, 217, 0);
        font-size: 20px;
        padding: 3%;
        line-height: 40px;
    
     }
     .div_process_3 .bottom h3{
        background-color: rgb(255, 238, 0);
        font-size: 23px;
        color: rgba(0, 0, 0, 0.747);
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 1%;
        padding-right: 1%;
        width: 45%;
        text-align: center;
        margin-top: 5%;
        margin-bottom: -5%;
    }
    .div_process_3 .bottom ul{
        background-color: rgb(252, 242, 231);
        border: 15px solid rgb(255, 238, 0);
        padding:2%;
        padding-left: 5%;
        font-size: 20px;
        margin-top: 2%;
    }
    
    .contact{
        background-color: white;
        width: 88%;
        margin-left:3%;
        margin-top:3%;
        margin-bottom:0%;
        padding: 3%;
        padding-bottom: 5%;
    }
    .contact h4{
        font-size: 30px;
    }
    .contact hr{
        margin-top: -3%;
    }
    .contact p{
        margin-top: 3%;
        font-size: 20px;
    }
    .contact h3{
        font-size: 40px;
        text-align: center;
    }
    .contact .contents{
        display: flex;
        flex-direction: row;
        padding-left: 1%;
        padding-right: 1%;
        border: 2px solid rgba(0, 0, 0, 0.699);
        margin-left:20%;
        font-size: 30px;
        width:60%;
    
    }
    
    .contact .contents .contents_name{
        flex:20%;
        text-align: right;
    }
    .contact .contents .contents_detail{
        flex:80%;
        text-align: left;
        padding-left:3%;
    }
    
    
    
    .company{
        background-color: white;
        width: 88%;
        margin-left:3%;
        margin-top:3%;
        margin-bottom:0%;
        padding: 3%;
        padding-bottom: 5%;
    }
    .company h4{
        font-size: 30px;
    }
    .company hr{
        margin-top: -3%;
    }
    .company p{
        margin-top: 3%;
        font-size: 20px;
    }
    .company h3{
        font-size: 40px;
        text-align: center;
    }
    
    .company .contents{
        display: flex;
        flex-direction: row;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 3%;
        margin-left:5%;
        font-size: 30px;
        width:80%;
    }
    
    .company .contents .contents_name{
        flex:20%;
        text-align: right;
    }
    .company .contents .contents_detail{
        flex:80%;
        text-align: left;
        padding-left:3%;
    }
    .company .contents .contents_detail .history{
        line-height: 1%;
        margin-top: 10%;
    }
    
    .bottom_border{
        margin-top: 20%;
    }
    
    .bottom_menu{
        width: 70%;
        display: flex;
        justify-content: space-around;
        padding-left:   15%;
        padding-right:  15%;
        font-weight: bold;
        font-size: 20px;
    }
    .bottom_menu a{
        text-decoration: none;
        color: black;
    }
    .bottom_title{
        margin-left: 42%;
        font-size: 30px;
        margin-bottom: 10%;
    }
    
    
    
    .rate{
        color:white;
        text-align: right;
        margin-right:4%;
        font-size: 20px;
    
    }
    
    
    .bike_link{
        display: flex;
        justify-content: space-around;
        align-items: flex-end;
        margin-bottom: 4%;
        margin-right: 3%;
    
    
    }
    
    .bike_link a{
        text-decoration: none;
        font-size: 20px;
    }
    
    .pointer{
        pointer-events: none;
    }
    
    .bike_link .new{
    
        color:red;
        font-weight: bold;
        width:100%;
        background-color: white;
        border: 5px solid red;
        text-align: center;
        padding-right: 15%;
        padding-left: 15%;
        padding-top: 20%;
        padding-bottom: 20%;
    }
    .bike_link .kawasaki{
        font-size: 18.5px;
        color:white;
        font-weight: bold;
        width:100%;
        background-color: rgb(25, 221, 25);
        border: 5px solid white;
        text-align: center;
        padding-right: 10%;
        padding-left: 10%;
        padding-top: 14%;
        padding-bottom: 14%;
    }
    .bike_link .honda{
        color:white;
        font-weight: bold;
        width:100%;
        background-color: rgb(221, 25, 25);
        border: 5px solid white;
        text-align: center;
        padding-right: 10%;
        padding-left: 10%;
        padding-top: 15%;
        padding-bottom: 15%;
    }
    .bike_link .suzuki{
        color:white;
        font-weight: bold;
        width:100%;
        background-color: rgb(25, 110, 221);
        border: 5px solid white;
        text-align: center;
        padding-right: 10%;
        padding-left: 10%;
        padding-top: 15%;
        padding-bottom: 15%;
    }
    .bike_link .all{
        background-color: rgb(255, 217, 0);
        border: 5px solid rgb(250, 248, 134);
        color: black;
        font-weight: bold;
        width:100%;
        text-align: center;
        padding-right: 20%;
        padding-left: 20%;
        padding-top: 22%;
        padding-bottom: 22%;
    }
    
    
    .item_info_a{
        text-decoration: none;
        color: black;
    }
    
    
    .div_item_info {
        background-color: white;
        margin-top: 5%;
    }
    
    .div_item_info .date{
        display: flex;
        justify-content: flex-end;
        padding-right: 2%;
        font-size: 15px;
        margin-top: -2%;
    }
    .div_item_info .date .ymd{
        margin-right: 2%;
        margin-top: 2%;
    }
    .div_item_info .date .new{
        background-color: red;
        font-size: 20px;
        padding: 8px;
        padding-left: 2%;
        padding-right: 2%;
        color: white;
    }
    
    
    .div_item_info .contents{
        display: flex;
        flex: row;
    }
    .div_item_info .contents .left_img{
        width: 30%;
        flex: 35%;
        text-align: center;
        border: 1px solid #ccc;
        margin-top:  -4%;
        margin-bottom: 2%;
        margin-right: 1%;
        margin-left: 1%;
    }
    .div_item_info .contents .left_img img{
       display: block;
       height: 47vh;
       text-align: center;
       object-fit: contain;
       width: 100%;
       
    }
    .div_item_info .contents .right{
        flex: 65%;
        margin-top: -3%;
    }
    .div_item_info .contents .right .item_number{
       color:rgb(0, 183, 255);
       font-size: 20px;
       font-weight: bold;
       margin-bottom:-1%;
       padding-left: 3%;
    }
    .div_item_info .contents .right .item_title{
        font-size: 20px;
        font-weight: bold;
        padding-left: 3%;
     }
    .div_item_info .contents .right .item_price{
        display: flex;
        flex: row;
        margin-top:-2%;
    }
    .div_item_info .contents .right .item_price .left{
        flex: 15%;
        text-align: right;
        font-size: 15px;
        padding-right:3%;
        line-height: 30px;
    
    }
    .div_item_info .contents .right .item_price .center{
        flex: 29%;
        font-size: 20px;
        font-weight: bold;
        margin-top: -1%;
        text-align: right;
        padding-right:1%;
        line-height: 28px;
    }
    
    .div_item_info .contents .right .item_price .center .trs_fee{
        font-size: 20px;
        font-weight: normal;
    }
    .div_item_info .contents .right .item_price .center_2{
        flex: 16%;
        font-size: 20px;
        text-align: center;
        margin-top: -10px;
    }
    .div_item_info .contents .right .item_price .right_exp{
        flex: 35%;
        font-size: 12px;
        padding-right: 3%;
        padding-left: 1%;
      
    }
    .div_item_info .contents .right .item_price .right_exp .exp1{
        color:red;
        margin-top: 7%;
        margin-bottom: 8%;
    }
    .div_item_info .contents .right .item_price .right_exp .exp2{
        color:rgb(0, 153, 255);
    }
    .div_item_info .contents .right .item_price .center .usd{
        font-size: 20px;
        color:#616364;
    }
    
    .span_amount_left{
        font-size: 20px;
        color: red;
        font-weight: bold;
    }
    .div_item_info .contents .right .item_amount{
        display: flex;
        flex: row;
        font-size: 20px;
        color: red;
        font-weight: bold;
    }
    .div_item_info .contents .right .item_amount .left{
        flex: 15%;
        text-align: right;
        margin-top: 1.4%;
    
    }
    .div_item_info .contents .right .item_amount .center{
        flex: 31.5%;
        font-size: 20px;
        margin-top: 1%;
        text-align: right;
    
    }
    .div_item_info .contents .right .item_amount .center_2{
        flex: 53.5%;
    
    }
    
    
    
    .back{
        color: white;
        margin-left: 3%;
        margin-bottom: 1%;
        margin-top: 3%;
    }
    .back a{
        text-decoration: none;
        color: black;
        font-size: 25px;
        background-color: gainsboro;
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    .detail_date{
        display: flex;
        justify-content: flex-end;
        padding-right: 2%;
        font-size: 15px;
        color:white;
    }
    .detail_date .ymd{
        margin-right: 2%;
    }
    .detail_date .new{
        background-color: red;
        font-size: 20px;
        padding: 8px;
        padding-left: 2%;
        padding-right: 2%;
        color: white;
    }
    
    
    .detail_process{
        background-color: white;
        margin-left:3%;
        margin-right:3%;
        margin-top:-5%;
        padding-bottom: 3%;
        position:relative;
    }
    
    .detail_title{
        font-size: 20px;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: center;
    }
    .detail_title span{
        padding: 10px;
        font-size: 25px;
        color: white;
    }
    
    .div_item_info .contents_detail{
        display: flex;
        flex: row;
    }
    .div_item_info .contents_detail .left_img{
        width: 60%;
        flex: 60%;
        text-align: center;
        border: 1px solid #ccc;
        margin-bottom: 2%;
        margin-right: 1%;
        margin-left: 1%;
        margin-top: 3%;
    }
    .div_item_info .contents_detail .left_img img{
       display: block;
       height: 67vh;
       text-align: center;
       object-fit: contain;
       width: 100%;
    }
    .div_item_info .contents_detail .right{
        flex: 40%;
        margin-top: 2%;
    }
    
    .div_item_info .contents_detail .right .item_number{
       color:rgb(0, 183, 255);
       font-size: 20px;
       font-weight: bold;
       margin-bottom:-1%;
       margin-top: 1%;
       padding-left: 3%;
    }
    .div_item_info .contents_detail .right .item_title{
        font-size: 20px;
        font-weight: bold;
        padding-left: 3%;
     }
    .div_item_info .contents_detail .right .remarks{
        font-size: 16px;
        padding-left: 3%;
        padding-bottom: 3%;
        margin-right: 3%;
        margin-bottom: 2%;
        border: 3px solid #daa520;
    }
    .div_item_info .contents_detail .right .remarks_title{
        font-size: 15px;
        background-color: #daa520;
        width:15%;
        margin-bottom: -0.3%;
        padding-left:3%;
        padding-top:1%;
        padding-bottom:1%;
        color: white;
        font-weight: bold;
    }
    
    .div_item_info .contents_detail .right .item_price{
        display: flex;
        flex: row;
        margin-top:-2%;
    }
    
    .div_item_info .contents_detail .right .item_price .left{
        flex: 30%;
        text-align: right;
        font-size: 15px;
        padding-right:3%;
        line-height: 35px;
    
    }
    .div_item_info .contents_detail .right .item_price .center{
        flex: 45%;
        font-size: 20px;
        font-weight: bold;
        margin-top: 0%;
        text-align: right;
        padding-right:1%;
        line-height: 28px;
    }
    
    .div_item_info .contents_detail .right .item_price .center .trs_fee{
        font-size: 20px;
        font-weight: normal;
    }
    
    .div_item_info .contents_detail .right .item_price .center_2{
        flex: 25%;
        font-size: 20px;
        text-align: center;
        color:#616364;
    }
    
    
    
    
    .span_amount_left{
        font-size: 20px;
        color: red;
        font-weight: bold;
       
    }
    .div_item_info .contents_detail .right .item_amount{
        display: flex;
        flex: row;
        font-size: 20px;
        color: red;
        font-weight: bold;
        
    }
    .div_item_info .contents_detail .right .item_amount .left{
        flex: 30%;
        text-align: right;
        padding-right:2%;
        margin-top: 1.4%;
      
    }
    .div_item_info .contents_detail .right .item_amount .center{
        flex: 50%;
        font-size: 20px;
        margin-top: 1%;
        text-align: right;
        padding-right:4%;
       
    }
    .div_item_info .contents_detail .right .item_amount .center_2{
        flex: 20%;
      
    }

}