/*  Our Story  Kubota Engine Brand
--------------------------------------------------------- */
/*- common -*/
.ourstory #gNav_Wrap--pc .gNav > li > a.gNav_our_story{
    color: #000;
}

.ourstory #wrap #wrap__Inner{
    max-width: 1600px;
}

/*  TOP
--------------------------------------------------------- */
/* histoy_main */
.ourstory.ourstory-histoy .histoy_main {
    background: url("../img/top/icon_history_border.png") left repeat-y;
}


/*-- Description --*/
.ourstory.ourstory-histoy .description {
    text-align: center;
    margin-bottom: 40px;
}
.ourstory.ourstory-histoy .description li{
    display: inline-block;
    width: 30%;
    padding:0 0 0 50px;
    text-align: left;
    position: relative;
    vertical-align: top;
}

.ourstory.ourstory-histoy .description li::before{
    content: " ";
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 15px;
    position: absolute;
    top: -1px;
    left: 10px;
}

.ourstory.ourstory-histoy .description li.Vertical::before{
    background: #f4f1d4;
}
.ourstory.ourstory-histoy .description li.Horizontal::before{
    background: #d4f4f2;
}
.ourstory.ourstory-histoy .description li.Electronic::before{
    background: #e1d4f4;
}


/*chronology*/
.ourstory.ourstory-histoy .histoy_main .history_chronology{
}

/*year*/
.ourstory.ourstory-histoy .histoy_main .history_chronology .year {
    width: 70px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin:5px 0;
    text-align: center;
}
.ourstory.ourstory-histoy .histoy_main .history_chronology .year span{
    width: 70px;
    height: 50px;
    padding: 12px 0;
    display: block;
    background: url("../img/top/icon_history_purple.png") no-repeat center top;
}

/*big*/
.ourstory.ourstory-histoy .histoy_main .history_chronology.big .year{
    height: 70px;
}
.ourstory.ourstory-histoy .histoy_main .history_chronology.big .year span{
    height: 70px;
    font-size: 18px;
    padding: 21px 0;
    font-weight: bold;
}

/*Vertical*/
.ourstory.ourstory-histoy .histoy_main .history_chronology .year.Vertical span{
    background-image: url("../img/top/icon_history_beige.png");
}
.ourstory.ourstory-histoy .histoy_main .history_chronology.big .year.Vertical span{
    background-image: url("../img/top/icon_history_beige_big.png");
}

/*Horizontal*/
.ourstory.ourstory-histoy .histoy_main .history_chronology .year.Horizontal span{
    background-image: url("../img/top/icon_history_blue.png");
}
.ourstory.ourstory-histoy .histoy_main .history_chronology.big .year.Horizontal span{
    background-image: url("../img/top/icon_history_blue_big.png");
}

/*Electronic*/
.ourstory.ourstory-histoy .histoy_main .history_chronology .year.Electronic span{
    background-image: url("../img/top/icon_history_purple.png");
}
.ourstory.ourstory-histoy .histoy_main .history_chronology.big .year.Electronic span{
    background-image: url("../img/top/icon_history_purple_big.png");
}

/*other*/
.ourstory.ourstory-histoy .histoy_main .history_chronology .year.other span{
    background-image: url("../img/top/icon_history_gray.png");
}
.ourstory.ourstory-histoy .histoy_main .history_chronology.big .year.other span{
    background-image: url("../img/top/icon_history_gray_big.png");
}

.ourstory.ourstory-histoy .histoy_main .history_chronology:first-of-type .year,
.ourstory.ourstory-histoy .histoy_main .history_chronology:last-of-type .year{
    vertical-align: top;
    margin-top: 0;
}



.ourstory.ourstory-histoy .histoy_main .history_chronology:last-of-type{
    margin-bottom: 0;
    background: #fff;
}
.ourstory.ourstory-histoy .histoy_main .history_chronology:last-of-type .event{
    border-bottom: none;
    padding-top: 15px;
}

.ourstory.ourstory-histoy .histoy_main .history_chronology .year img{
    width: 100%;
}
.ourstory.ourstory-histoy .histoy_main .history_chronology .event {
    display: inline-block;
    width: 85%;
    width: -webkit-calc(100% - 90px) ;
    width: calc(100% -90px) ;
    vertical-align: middle;
    margin-left: 10px;
    padding:25px 0;
    border-bottom: 1px solid #E1E1E1;
}
.ourstory.ourstory-histoy .histoy_main .history_chronology.big .event{
    font-size: 112.5%;
    font-weight: bold;
}


/* histoy_sub */
.ourstory.ourstory-histoy .histoy_sub {
}

/* Photo */
.ourstory.ourstory-histoy .histoy_sub .photo_box {
    width: 100%;
    max-width: 345px;
    margin: 0 auto 20px;
}

.ourstory.ourstory-histoy .histoy_sub .photo_box .photo_box_img {
    border: 1px solid #E1E1E1;
    padding: 15px;
    text-align: center;
    margin-bottom: 5px;
}

.ourstory.ourstory-histoy .histoy_sub .photo_box .photo_box_img img {
    max-height: 200px;
}

.ourstory.ourstory-histoy .histoy_sub .photo_box .photo_box_text p{
    position: relative;
    padding-left: 15px;
    line-height: 1.5;
}
.ourstory.ourstory-histoy .histoy_sub .photo_box .photo_box_text p:before{
    content: "・";
    position: absolute;
    top: 2px;
    left: 2px;;
}



/*-- pc --*/
@media print, screen and (min-width: 768px) {
    
    /* histoy_main */
    .ourstory.ourstory-histoy .histoy_main {
        float: left;
        width: 75%;
        padding-right: 30px;
    }
    .ourstory.ourstory-histoy .histoy_main .event .event_img{
        float: right;
        margin-left: 5px;
    }
    
    /* histoy_sub */
    .ourstory.ourstory-histoy .histoy_sub {
        float: right;
        width: 25%;
    }
 
}
/*-- //pc --*/



/*-- smartPhone --*/
@media screen and (max-width: 767px) {
    .ourstory #wrap .main_h1 .site__Inner{
        background-size:auto 100%;
        background-position: center;
    }
    
    /*-- Description --*/
    .ourstory.ourstory-histoy .description {
        text-align: center;
        margin-bottom: 30px;
    }
    .ourstory.ourstory-histoy .description li{
        display: block;
        width: auto;
        margin: 0 15px 10px;;
        padding:0 0 0 50px;
        text-align: left;
        position: relative;
        vertical-align: top;
    }
    
    /* histoy_main */
    .ourstory.ourstory-histoy .histoy_main {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .ourstory.ourstory-histoy .histoy_main .event .event_img{
        display: block;
        margin-bottom: 5px;
        width: 100%;
        max-width: 230px;
    }
    .ourstory.ourstory-histoy .histoy_main .event .event_img img{
        width: 100%;
    }
    
    /*chronology*/
    .ourstory.ourstory-histoy .histoy_main .history_chronology{
        display: table;
        width: 100%;
    }
    .ourstory.ourstory-histoy .histoy_main .history_chronology .year {
        width: 70px;
        display: table-cell;
        vertical-align: top;
        margin:5px 0;
        padding: 15px 0;
    }
    .ourstory.ourstory-histoy .histoy_main .history_chronology:first-of-type .year,
    .ourstory.ourstory-histoy .histoy_main .history_chronology:last-of-type .year{
        padding-top: 0;
    }
    
    .ourstory.ourstory-histoy .histoy_main .history_chronology .event {
        display: table-cell;
        width: auto;
        vertical-align: middle;
        padding:20px 0 20px 10px;
        border-bottom: 1px solid #E1E1E1;
    }
    
    
    /* histoy_sub */
    .ourstory.ourstory-histoy .histoy_sub {
        width: 100%;
    }
}
/*-- //smartPhone --*/