@charset "utf-8"; span.point {
    color: #E5134A;
}

@media screen and (max-width: 767px) {
    #mainAreaCont .breadcrumb {
        z-index: 30;
    }

    .lesson.driver #contents {
        padding: 0;
    }

    #contents .inner {
        width: 94%;
        padding: 1% 3%;
    }

    .lesson.driver .breadcrumb {
        z-index: 10;
    }

    .lesson.driver #mainAreaCont .logo {
        left: -56px;
        position: absolute;
        top: 10px;
        z-index: 20;
    }

    .lesson.driver #mainAreaCont .mainMv {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    .lesson.driver #mainAreaCont .mainIn {
        left: 40px;
        margin: 0 auto;
        width: 100%;
        top: 0;
    }

    .lesson.driver #mainAreaCont .mainIn .ttl {
        left: auto;
        padding: 80px 10px 0 100px;
        position: relative;
        top: auto;
    }

    .lesson.driver #mainAreaCont {
        background: #e3d8e0 none repeat scroll 0 0;
        height: 200px;
        position: relative;
        overflow: hidden;
    }

    .lesson.driver #mainAreaCont .cover {
        background: url("/kiso/files/img/common/bg_main_bottom.png") repeat-x scroll center bottom, rgba(0, 0, 0, 0) url("/kiso/files/img/lesson/bg_main_op.png") repeat scroll 0 0;
        background-size: 25px auto, 6px 6px;
        height: 200px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .lesson.driver #mainAreaCont .mainMv .mv {
        display: none;
    }

    .lesson.driver #mainAreaCont .mainMv .mvsp {
        background: url("/kiso/files/img/lesson/t_wrench/L08_TOP.gif") no-repeat center 20px;
        height: 200px;
        width: 100%;
    }

    .driver .ktImg,.driver .ktText01 {
        display: none;
    }

    .driver .ktImg {
        width: 100px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .driver .ktText01, .driver [class^="lectureText0"] {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 131px);
        padding: 1em;
        position: relative;
    }

    .driver [class^="lectureText0"] {
        background: #fff;
        border: #666 2px solid;
        border-radius: 12px;
        box-sizing: border-box;
        position: relative;
    }

    .driver [class^="lectureText0"]:before {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        border-top: #666 2px solid;
        border-left: #666 2px solid;
        background: #fff;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: -10px;
        transform: rotate(-45deg);
    }

    .driver .lectureText01,
	.driver .lectureText03,
	.driver .lectureText04 {
        left: 19px;
        width: calc(100% - 125px);
    }

    .driver .ktLecture02 .ktImg {
        left: 19px;
    }

    .driver .lectureText02:before {
        left: calc(100% + -7px);
        transform: rotate(135deg);
    }

    .driver [class^="lectureText0"] p {
        font-size: 93%;
    }

    .driver .pickupArea {
        background: #4EB09C;
    }

    .driver .qaBox {
        background: none;
        padding: 40px 0 30px;
    }

    .driver .qaBox .qaImg {
        text-align: center;
        padding: 10px 0 20px;
    }

    .driver .qaBox h2.qaTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_qattl01.png") no-repeat left top;
        background-size: 60px 60px;
        color: #FFF;
        margin-bottom: 20px;
        min-height: 75px;
        padding: 2px 0 0 70px;
        font-size: 170%;
        font-weight: bold;
    }

    .driver .qaBox p {
        color: #FFF;
        font-size: 124%;
        margin: 0;
        padding: 0 2%;
        width: 96%;
    }
    .driver .qaBox p.cmn-screw {
        padding: 10vw 0;
        margin: 0 0 15px;
    }
    .driver .qaBox .qaBtn {
        margin: 0 auto;
        max-width: 590px;
        width: 100%;
    }

    .driver .qaBox .qaBtn a {



        display: inline-block;
        margin: 1%;
        max-width: 280px;
        width: 48%;
        padding: 0;
        float: left;
    }

    .driver .useBox {
        padding: 35px 0 30px;
    }

    .driver .useBox h2.useTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_usettl01.png") no-repeat left top;
        background-size: 60px 60px;
        margin-bottom: 0px;
        min-height: 75px;
        padding: 10px 0 0 70px;
        font-size: 170%;
        font-weight: bold;
    }

    .driver .useBox .ktImg {
    }

    .driver .useBox .ktLecture01 {
    }

    .driver .useBox .ktLecture01 .lectureText01 {
    }

    .driver .useContents {
        padding: 0;
    }


	/*-----*/
    .tipsBox02 {
        background: #FFF;
        border: 5px solid #FAB4C5;
        border-radius: 5px;
        margin: 15px auto 30px;
        padding: 5%;
    }
    .tipsBox02 .tipsImg {
        float: right;
    }
    .tipsBox02 .tips .tipsLabel {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_tipslabel_icon.gif") no-repeat left 3px;
        color: #E6154A;
        font-size: 124%;
        font-weight: bold;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    .tipsBox02 .tips h3 {
        font-size: 154%;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .tipsBox02 .tips p {
        font-size: 108%;
        margin-bottom: 20px;
    }
    .tipsBox02 .box01 {
        position: relative;
        min-height: 180px;
    }
    .tipsBox02 .box01 .txt {
    }
    .tipsBox02 .box01 .img {
    text-align: center;
    margin: 0 0 25px;
    padding: 0 12%;
    }
    .tipsBox02 .box02 {
        overflow: hidden;
        letter-spacing: -.4em;
    }
    .tipsBox02 .box02 dl {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }
    .tipsBox02 .box02 dl:nth-of-type(2) {
        margin: 20px 0 28px;
    }
    .tipsBox02 .box02 dt {
        font-size: 123.1%;
        margin: 0 0 5px;
    }
    .tipsBox02 .box02 dd {
        font-size: 108%;
        margin-left: 1em;
        text-indent: -1em;
    }
    .tipsBox02 .box02 dd br {
		display: none;
	}
    .tipsBox02 .box02 dd img {
        margin: 15px auto;
        width: 70%;
        display: block;
    }



    .driver h3.subTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_subttl_icon.png") no-repeat left center;
        background-size: 12px;
        font-size: 154%;
        font-weight: bold;
        padding: 3px 0 0 15px;
        margin-bottom: 20px;
    }
    .driver h3.subTtl02 {
        background: url("/kiso/files/img/lesson/ratchet_wrench/bg_subttl_icon02.png") no-repeat left center;
        background-size: 12px;
        font-size: 154%;
        font-weight: bold;
        padding: 3px 0 0 15px;
        margin-bottom: 20px;
        color: #fff;
    }


    .driver .useContents .useMovie {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 445px;
    }

    .driver .useContents .useMovie iframe {
        width: 100%;
    }

    .driver .useContents .useLecture {
        float: none;
        width: 100%;
    }

    .driver .useContents .useLecture p {
        font-size: 108%;
        margin-bottom: 20px;
        line-height: 180%;
        padding-top: 10px;
    }

    .driver .useImage {
        margin-bottom: 35px;
    }

    .driver .useImage h4 {
        font-size: 124%;
        margin-bottom: 5px;
    }

    .driver .useImage .useImages {
        margin-bottom: 20px;
    }

    .driver .noteArea {
        padding: 25px 0;
    }

    .driver .noteArea .noteList {
        background: url("/kiso/files/img/lesson/t_wrench/bg_noteicon_sp.png") no-repeat left top;
        background-size: 22px;
        width: 100%;
        padding-top: 30px;
        float: none;
    }

    .driver .noteArea .noteList li {
        font-size: 108%;
        list-style-type: disc;
        margin-left: 20px;
        width: auto;
    }

    .driver .noteArea .noteImg {
        float: none;
        margin-left: 0;
        padding-top: 15px;
        text-align: center;
    }

    .driver .useContents .ktLecture02 {
        padding-bottom: 20px;
    }

    .driver .useContents .ktLecture02 .lectureText02 {
    }

    .driver .lineupBox {
        padding: 35px 0 30px;
    }

    .driver .lineupBox h2.lineupTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_lineupttl01.png") no-repeat left top;
        background-size: 60px 60px;
        color: #FFF;
        margin-bottom: 20px;
        min-height: 75px;
        padding: 10px 0 0 70px;
        font-size: 170%;
        font-weight: bold;
    }

    .driver .lineupBox .ktImg {
    }

    .driver .lineupBox .ktLecture03 {
    }

    .driver .lineupBox .ktLecture03 .lectureText03 {
    }

    .driver .lineupBox .lineupContents {
        padding-top: 40px;
    }

    .driver .lineupBox .lineupContents .subTtl {
        color: #FFF;
    }

    .driver .lineupBox .lineupContents .lineupListBox {
        color: #FFF;
        display: inline-block;
        vertical-align: top;
        max-width: 280px;
        width: 45%;
        padding: 2%;
    }

    .driver .lineupBox .lineupContents .lineupListBox a {
        color: #fff;
        /*color:#e5134a;*/
        text-decoration: underline;
    }

    .driver .lineupBox .lineupContents .lineupListBox a:hover {
        text-decoration: none;
    }

    .driver .lineupBox .lineupContents .lineupListBox .imgBox {
        margin-bottom: 10px;
    }

    .driver .lineupBox .lineupContents .lineupListBox h4 {
        font-weight: bold;
        font-size: 124%;
        margin-bottom: 10px;
    }

    .driver .lineupBox .lineupContents .lineupListBox p {
        font-size: 108%;
    }

    .driver .lineupBox .tipsBox {
        background: #FFF;
        border: 5px solid #FAB4C5;
        border-radius: 5px;
        box-sizing: border-box;
        margin: 15px auto;
        padding: 5%;
        width: 100%;
    }

    .driver .lineupBox .tipsBox .tips {
        color: #333333;
        width: 100%;
        float: none;
    }

    .driver .lineupBox .tipsBox .tipsImg {
        float: none;
    }

    .driver .lineupBox .tipsBox .tips .tipsLabel {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_tipslabel_icon.gif") no-repeat left 3px;
        color: #E6154A;
        font-size: 124%;
        font-weight: bold;
        padding-left: 30px;
        margin-bottom: 10px;
    }

    .driver .lineupBox .tipsBox .tips h3 {
        font-size: 154%;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .driver .lineupBox .tipsBox .tips h3 br {
        display: none;
    }

    .driver .lineupBox .tipsBox .tips p {
        font-size: 108%;
        margin-bottom: 20px;
    }

    /*----------------------------*/
    .driver .confirmationArea {
        background: url("/kiso/files/img/lesson/megane_wrench/bg_megane_wrench_confirmation.png") repeat-x left 50px;
        height: auto;
        padding-top: 40px;
    }


    .driver .confirmationArea h3 {
		font-size: 	18px;
		font-weight: bold;
		color: #fff;
		padding: 15px 4% 0;
	}
    .driver .confirmationArea h3 span {
		font-size: 	13px;
		font-weight: normal;
		display: inline-block;
		vertical-align: middle;
	}



    /*----------------------------*/
    .driver .confirmationArea {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_wrench_confirmation.png") repeat-x left 50px;
        height: auto;
        padding-top: 40px;
        overflow: hidden;
        min-height: 385px;
    }
    .driver .confirmationArea h3 {
        font-size:  18px;
        font-weight: bold;
        color: #fff;
        padding: 15px 4% 0;
    }
    .driver .confirmationArea h3 span {
        font-size:  13px;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
    }
    .driver .confirmationArea .inner {
        padding: 30px 0 45px !important;
    }
    .driver .confirmationArea .confirmationImg {
        width: 100px;
        display: inline-block;
        vertical-align: middle;
    }
    .driver .confirmationArea .confirmationImg > div {
        display: none;
    }
    .driver .confirmationArea .confirmationImg .default {
        display: block
    }
    .driver .confirmationArea .confirmationAnser {
        width: calc(100% - 120px);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -10px;
        max-height: 250px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation,
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        background: #fff;
        color: #666;
        width: 100%;
        display: inline-block;
        margin: 30px 0 10px;
        padding: 0;
        font-size: 93%;
        border: #666 2px solid;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 1em;
        position: relative;
    }
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        opacity: 0;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a:not([href$=".html"]),
    .driver .confirmationArea .confirmationAnser .confirmationOn a:not([href$=".html"]) {
        margin: 70px 0 0;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a[target="_blank"],
    .driver .confirmationArea .confirmationAnser .confirmationOn a[target="_blank"] {
        position: absolute;
        left: 0;
        bottom: -70px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a[href="#"],
    .driver .confirmationArea .confirmationAnser .confirmationOn a[href="#"] {
        position: absolute;
        left: 0;
        bottom: -136px;
    }
    .driver .confirmationArea .confirmationAnser img {
		height: 57px;
	}
    .driver .confirmationArea .confirmationAnser .confirmation:before,
    .driver .confirmationArea .confirmationAnser .confirmationOn:before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: #fff;
        border-top: #666 2px solid;
        border-left: #666 2px solid;
        position: absolute;
        top: 50%;
        left: 0;
        margin: -6px 0 0 -7px;
        transform: rotate(315deg);
    }
    .driver .confirmationArea .confirmationAnser .anser {
        background: none;
        color: #666;
        width: 100%;
        height: auto;
        margin: 0;
        float: none;
        position: relative;
    }
    .driver #btn {
        margin: 0 auto;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }
    .driver #btn a {
        display: block;
        vertical-align: top;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: bold;
        color: #EA0B46;
        margin: 0 0 10px;
        text-align: left;
        padding: 9px 10px;
        background-color: #FEEDF1;
        border: #FAB4C5 2px solid;
        border-radius: 10px;
        box-shadow: 3px 3px 0 #ddd;
        animation: moveBtn 2s infinite 2s normal ease-out;
    }
    .driver #btn a:hover {
        text-decoration: none;
    }






    @keyframes moveBtn {
        0% {
            top: 26px;
        }

        20% {
            top: 32px;
        }

        25% {
            top: 32px;
        }

        30% {
            top: 16px;
        }

        38% {
            top: 26px;
        }

        42% {
            top: 20px;
        }

        48% {
            top: 26px;
        }
    }

    #btn a:hover {
        background-color: #FAB4C5;
        border: #ED6A89 5px solid;
        top: 30px;
        left: 40px;
        box-shadow: 1px 1px 0 #ddd;

        animation: none;
    }

    /*----------------------------*/
    .driver .twitterQuestion {
        max-width: 280px;
        width: 50%;
        margin: 0 auto;
        float: none;
    }

    .driver .snsSet {
        float: none;
    }

    .driverBottom {
        width: 100%;
        margin: 30px auto 0;
    }

    #contents .driverBottom .snsSet {
        padding-top: 30px;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .lesson.driver .breadcrumb {
        z-index:10;
    }

    .driver .ktArea {
    }

    .driver .ktArea .ktImg {
        float: left;
        margin-bottom: 0;
    }

    .driver .ktArea .ktText {
        float: left;
        padding-top: 35px;
        margin-left: 40px;
    }

    .driver .ktArea .ktText p {
        font-size: 139%;
    }

    .driver .ktArea .ktText h2 {
        font-size: 170%;
        font-weight: bold;
    }

    .driver .ktImg,.driver .ktText01 p {
        margin-bottom: 5px;
    }

    .driver .pickupArea {
        background: #4EB09C;
    }

    .driver .qaBox {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_qaimg.gif") no-repeat right 10px;
        padding: 85px 0 60px;
    }

    .driver .qaBox h2.qaTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_qattl01.png") no-repeat left top;
        color: #FFF;
        margin-bottom: 20px;
        min-height: 75px;
        padding: 45px 0 0 90px;
        font-size: 231%;
        font-weight: bold;
    }

    .driver .qaBox p {
        color: #FFF;
        font-size: 139%;
        margin: 0 0 40px 20px;
        width: 510px;
    }

    .driver .qaBox .qaBtn {
        margin-left: 40px;
    }

    .driver .qaBox .qaBtn a {
        display: inline-block;
        margin-right: 30px;
    }

    .driver .useBox {
        padding: 70px 0 60px;
    }

    .driver .useBox h2.useTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_usettl01.png") no-repeat left top;
        margin-bottom: 20px;
        min-height: 75px;
        padding: 45px 0 0 90px;
        font-size: 231%;
        font-weight: bold;
    }

    .driver .useBox .ktImg {
        float: left;
    }

    .driver .useBox .ktLecture01 {
    }

    .driver .useBox .ktLecture01 .lectureText01 {
        background: url("/kiso/files/img/lesson/t_wrench/bg_kttext04.png") no-repeat right 20px;
        padding: 55px 30px 0 70px;
        width: 655px;
        height: 140px;
        float: left;
        opacity: 0;
        line-height: 1.6;
    }

    .driver .spLecture {
        display: none;
    }

    .driver .useBox .ktLecture01 .lectureText01 p {
        color: #666666;
        font-size: 18px;
        font-weight: bold;
    }

    .driver .useBox .ktLecture01 .lectureText01 p.emphasis {
        font-size: 22px;
    }

    .driver .useContents {
        padding: 0 10px 0;
    }

    .driver h3.subTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_subttl_icon.png") no-repeat left center;
        font-size: 200%;
        font-weight: bold;
        padding: 3px 0 0 35px;
        margin-bottom: 20px;
    }
    .driver h3.subTtl02 {
        background: url("/kiso/files/img/lesson/ratchet_wrench/bg_subttl_icon02.png") no-repeat left center;
        font-size: 200%;
        font-weight: bold;
        padding: 3px 0 0 35px;
        margin-bottom: 20px;
		color: #fff;
    }



    .driver .useContents .useMovie {
        float: left;
        width: 445px;
        margin-left: 5px;
    }

    .driver .useContents .useLecture {
        float: right;
        width: 450px;
    }

    .driver .useContents .useLecture p {
        font-size: 139%;
        margin-bottom: 20px;
        line-height: 180%;
        padding-top: 10px;
    }

    .driver .useContents .useLecture p strong {
        font-weight: normal;
        color: #E5134A;
    }

	/*-----*/
    .tipsBox02 {
        background: #FFF;
        border: 5px solid #FAB4C5;
        border-radius: 5px;
        margin: 140px 15px 210px;
        padding: 15px 25px 35px;
        width: 870px;
    }
    .tipsBox02 .tipsImg {
        float: right;
    }
    .tipsBox02 .tips .tipsLabel {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_tipslabel_icon.gif") no-repeat left 3px;
        color: #E6154A;
        font-size: 154%;
        font-weight: bold;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    .tipsBox02 .tips h3 {
        font-size: 200%;
        font-weight: bold;
        margin-bottom: 25px;
    }
    .tipsBox02 .tips p {
        font-size: 139%;
        margin-bottom: 20px;
    }
    .tipsBox02 .box01 {
        position: relative;
        min-height: 180px;
    }
    .tipsBox02 .box01 .txt {
        width: 530px;
    }
    .tipsBox02 .box01 .img {
        position: absolute;
        top: -70px;
        right: 0;
    }
    .tipsBox02 .box02 {
        overflow: hidden;
        letter-spacing: -.4em;
    }
    .tipsBox02 .box02 dl {
        width: 250px;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }
    .tipsBox02 .box02 dl:nth-of-type(2) {
        margin: 0 55px;
    }

dl {}
    .tipsBox02 .box02 dt {
        font-size: 153%;
    }
    .tipsBox02 .box02 dd {
        font-size: 123%;
        margin-left: 1em;
        text-indent: -1em;
    }
    .tipsBox02 .box02 dd img {
        margin: 10px 0 0;
    }

    .driver .useImage h4 {
        font-size: 139%;
        margin-bottom: 5px;
    }

    .driver .useImage .useImages {
        margin-bottom: 20px;
    }

    .driver .noteArea {
        padding-top: 50px;
    }

    .driver .noteArea .noteList {
        background: url("/kiso/files/img/lesson/t_wrench/bg_noteicon.png") no-repeat left top;
        padding-top: 30px;
        float: left;
    }

    .driver .noteArea .noteList li {
        font-size: 108%;
        list-style-type: disc;
        margin-left: 20px;
    }

    .driver .noteArea .noteImg {
        float: left;
        margin-left: 45px;
        padding-top: 30px;
    }

    .driver .useContents .ktLecture02 {
        position: relative;
    }

    .driver .useContents .ktLecture02 .lectureText02 {
        background: url("/kiso/files/img/lesson/t_wrench/bg_kttext02.png") no-repeat left 55px;
        width: 665px;
        height: 95px;
        padding: 95px 60px 0 30px;
        float: left;
        opacity: 0;
        line-height: 1.6;
    }

    .driver .useContents .ktLecture02 .lectureText02 p {
        color: #666666;
        font-size: 16px;
        font-weight: bold;
    }

    .driver .useContents .ktLecture02 .ktImg {
        position: absolute;
        right: 0;
    }

    .driver .lineupBox {
        padding: 70px 0 60px;
    }

    .driver .lineupBox h2.lineupTtl {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_lineupttl01.png") no-repeat left top;
        color: #FFF;
        margin-bottom: 20px;
        min-height: 75px;
        padding: 45px 0 0 90px;
        font-size: 231%;
        font-weight: bold;
    }

    .driver .lineupBox .ktImg {
        float: left;
    }

    .driver .lineupBox .ktLecture03 {
    }

    .driver .lineupBox .ktLecture03 .lectureText03 {
        background: url("/kiso/files/img/lesson/t_wrench/bg_kttext03.png") no-repeat right 20px;
        width: 655px;
        height: 145px;
        padding: 80px 20px 0 90px;
        float: left;
        opacity: 0;
        line-height: 1.6;
    }

    .driver .lineupBox .ktLecture03 .lectureText03 p {
        color: #666666;
        font-size: 18px;
        font-weight: bold;
    }

    .driver .lineupBox .ktLecture03 .lectureText03 p.emphasis {
        font-size: 22px;
    }

    .lectureTextInner01,.lectureTextInner02,.lectureTextInner03 {
        opacity: 0;
    }

    .driver .lineupBox .lineupContents {
        padding-top: 40px;
    }

    .driver .lineupBox .lineupContents .subTtl {
        color: #FFF;
    }

    .driver .lineupBox .lineupContents .lineupListBox {
        color: #FFF;
        display: inline-block;
        vertical-align: top;
        margin: 0 15px;


        width: 280px;
        padding: 0 0 30px;
    }

    .driver .lineupBox .lineupContents .lineupListBox a {
        color: #fff;
        /*color:#e5134a;*/
        text-decoration: underline;
    }

    .driver .lineupBox .lineupContents .lineupListBox a:hover {
        text-decoration: none;
    }

    .driver .lineupBox .lineupContents .lineupListBox .imgBox {
        margin-bottom: 10px;
    }

    .driver .lineupBox .lineupContents .lineupListBox h4 {
        font-weight: bold;
        font-size: 139%;
        margin-bottom: 10px;
    }

    .driver .lineupBox .lineupContents .lineupListBox p {
        font-size: 108%;
    }

    .driver .lineupBox .tipsBox {
        background: #FFF;
        border: 5px solid #FAB4C5;
        border-radius: 5px;
        margin: 30px 15px;
        padding: 45px 25px 45px;
        width: 870px;
    }

    .driver .lineupBox .tipsBox .tips {
        color: #333333;
        width: 560px;
        float: left;
    }

    .driver .lineupBox .tipsBox .tipsImg {
        float: right;
        margin: 40px 0 0;
    }

    .driver .lineupBox .tipsBox .tips .tipsLabel {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_tipslabel_icon.gif") no-repeat left 3px;
        color: #E6154A;
        font-size: 154%;
        font-weight: bold;
        padding-left: 30px;
        margin-bottom: 10px;
    }

    .driver .lineupBox .tipsBox .tips h3 {
        font-size: 200%;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .driver .lineupBox .tipsBox .tips p {
        font-size: 139%;
        margin-bottom: 20px;
    }



    /*----------------------------*/
        .driver .confirmationArea {
        background: url("/kiso/files/img/lesson/t_wrench/bg_t_wrench_confirmation.png") repeat-x left 50px;
        height: 520px;
        padding-top: 80px;
        overflow: hidden;
    }
    .driver .confirmationArea h3 {
        font-size:  30px;
        font-weight: bold;
        color: #fff;
        margin: 20px 0 25px 60px;
    }
    .driver .confirmationArea h3 span {
        font-size:  18px;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 40px;
    }
    .driver .confirmationArea .confirmationImg {
        width: 245px;
        float: left;
    }
    .driver .confirmationArea .confirmationImg > div {
        display: none;
    }
    .driver .confirmationArea .confirmationImg .default {
        display: block;
    }
    .driver .confirmationArea .confirmationAnser {
        width: 720px;
        float: left;
    }
    .driver .confirmationArea .confirmationAnser a {
        color: #666;
        text-decoration: underline;
    }
    .driver .confirmationArea .confirmationAnser .confirmation,
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        color: #666;
        margin-top: 30px;
        font-size: 124%;
        font-weight: bold;
        width: 340px;
        background: url("/kiso/files/img/lesson/chest/bg_chest_confirmation01.gif") no-repeat left top;
    }
    .driver .confirmationArea .confirmationAnser .confirmation {
        height: 87px;
        padding: 74px 50px 0 80px;
  }
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        opacity: 0;
        height: 125px;
        padding: 36px 50px 0 80px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation img,
    .driver .confirmationArea .confirmationAnser .confirmationOn img {
        margin: 85px 0 -70px;
    }
    .driver .confirmationArea .confirmationAnser .anser {
        color: #666;
        margin: 25px 0 0 40px;
        position: relative;
    }
    .driver #btn {
        margin: 0 auto;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }
    .driver #btn a {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        font-size: 20px;
        font-weight: bold;
        color: #EA0B46;
        margin: 0 12px 20px;
        text-align: center;
        padding: 20px 20px;
        background-color: #FEEDF1;
        border: #FAB4C5 5px solid;
        border-radius: 10px;
        box-shadow: 5px 5px 0 #ddd;
        animation: moveBtn 2s infinite 2s normal ease-out;
        text-decoration: none;
    }



    @keyframes moveBtn {
        0% {
            top: 26px;
        }

        20% {
            top: 32px;
        }

        25% {
            top: 32px;
        }

        30% {
            top: 16px;
        }

        38% {
            top: 26px;
        }

        42% {
            top: 20px;
        }

        48% {
            top: 26px;
        }
    }

    #btn a:hover {
        background-color: #FAB4C5;
        border: #ED6A89 5px solid;
        top: 30px;
        left: 40px;
        box-shadow: 1px 1px 0 #ddd;
        animation: none;
        text-decoration: none;
    }

    .driver .twitterQuestion {
        width: 280px;
        float: left;
    }

    .driver .snsSet {
        float: right;
    }

    .driverBottom {
        width: 670px;
        margin: 30px auto 0;
    }
}