@charset "utf-8";

@import url("../fonts.css");

p{
    font-size: 14px;
    letter-spacing: normal;
}
dl dt{font-size: 14px;}
dl dd{font-size: 14px; letter-spacing: normal;}
ul li{font-size: 14px;}

div .smt_on{display: none;}

div .mt0 { margin-top:0px; }
div .mt10 { margin-top:10px; }
div .mt20 { margin-top:20px; }
div .mt30 { margin-top:30px; }
div .mt40 { margin-top:40px; }
div .mt50 { margin-top:50px; }

div .mb10 { margin-bottom:10px; }
div .mb20 { margin-bottom:20px; }
div .mb30 { margin-bottom:30px; }
div .mb40 { margin-bottom:40px; }
div .mb50 { margin-bottom:50px; }

div .pt05 { padding-top:5px; }
div .pt10 { padding-top:10px; }
div .pt15 { padding-top:15px; }
div .pt20 { padding-top:20px; }
div .pt30 { padding-top:30px; }
div .pt40 { padding-top:40px; }
div .pt50 { padding-top:50px; }

div .pb10 { padding-bottom:10px; }
div .pb15 { padding-bottom:15px; }
div .pb20 { padding-bottom:20px; }
div .pb30 { padding-bottom:30px; }
div .pb40 { padding-bottom:40px; }
div .pb50 { padding-bottom:50px; }

div .ml10 { padding-left:10px; }
div .ml15 { padding-left:15px; }
div .ml20 { padding-left:20px; }
div .ml30 { padding-left:30px; }
div .ml40 { padding-left:40px; }
div .ml50 { padding-left:50px; }

div .sttl { margin-top:15px;}

div .tac { text-align:center;}
div .tar { text-align:right;}

div .text10 { font-size:77%; }
div .text10r { font-size:77%; color:#FF0000; }
div .text11 { font-size:85%; }
div .text11r { font-size:85%; color:#cd120b;}
div .text12 { font-size:93%; }
div .text13 { font-size:100%; }
div .text14 { font-size:108%; }
div .text15 { font-size:116%; }
div .text16 { font-size:123.1%; }
div .text16bo { font-size:123.1%; font-weight:bold; color:#FF9900;}
div .text17 { font-size:131%; }
div .text18 { font-size:138.5%; }

div .fc-r{ color:#cd120b;}
div .fc-wh{ color:#ffffff;}
div .fw-b{ font-weight:bold;}
div .fc-b{ color:#0099FF;}

div .tac{text-align: center;}
div .tal{text-align: left;}
div .tar{text-align: right;}


div .section {
    text-align:left;
    margin:0 auto;
    width: 100%;
    max-width: 980%;
}

div .back_gray{
	background-color: #dcdcdc;
}
div .support_blue_b{
	color: #000000;
	font-weight:700;
	font-size: 16px;
}

div .support_blue{
	color: #000000;
	font-weight:700;
}

div.cont_l{
    width: 48%;
	float:left;
}
div.cont_r{
    width: 48%;
	float:right;
}
div .flt-l{float: left;}
div .flt-r{float: right;}

div .cont_inner {
    clear: both;
    overflow:hidden;
}
div .txt-l{font-size: 12px;}

div ul.cont_navi li {
	float:left;
}

/*-- white-bg --*/
div.white-bg .title_inner{
    width: 95.8%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
    height: auto;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 14px;
    line-height: 16px;
}
div.white-bg .title_m1 {
    margin-bottom: 15px;
}
div.white-bg .title_m1 h4{
    height: 35px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 35px;
    color: #fff;
    background:url(../../../images/h_00.png) left top repeat-x;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.white-bg .s_title{
    width: 99%;
    font-size: 16px;
    line-height: 2em;
    font-weight: bold;
    color: #000;
    display: flex;
    border: 1px solid rgba(192, 192, 192, 0.7);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #faf8f5), color-stop(0.68, #f3f3f3), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: -o-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: linear-gradient(to bottom, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
}
div.white-bg span{
    font-size: 25px;
    padding: 4px 8px 4px 4px;
}
/*
div.white-bg .s_title:before {
    content: "\02160";
    font-size: 30px;
    color: #000000;
    margin-left: -5px;
}
*/
/*-- white-bg END --*/

/*-- dream-page --*/
#dream-page .title_inner{
    width: 95.8%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
    height: auto;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
#dream-page .title_m1 {
    margin-bottom: 15px;
}
#dream-page .title_m1 h4{
    height: 35px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 35px;
    color: #fff;
    background:url(../../../images/h_00.png) left top repeat-x;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#dream-page .s_title{
    /*width: 99%;*/
	width: 100%;
    font-size: 16px;
    line-height: 2em;
    font-weight: bold;
    color: #000;
    display: flex;
    border: 1px solid rgba(192, 192, 192, 0.7);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #faf8f5), color-stop(0.68, #f3f3f3), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: -o-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
    background: linear-gradient(to bottom, #fff 0%, #f3f3f3 68%, #faf8f5 100%);
}

#dream-page .s_title span{
    font-size: 25px;
    padding: 4px 8px 4px 4px;
}


div .tbl_style_nm {
    width: 100%;
    float: left;
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
}

div .tbl_style_nm td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
}
div .tbl_style_nm td.field01 {
    font-size: 12px;
    font-weight: bold;
	padding-left:15px;
	vertical-align:middle;
	background-color:#f9f8f8;
}
div .tbl_style_nm td.field02 {
    font-size: 14px;
	text-align:center;
	vertical-align:middle;
	background-color:#f9f8f8;
}
div .tbl_style_nm td.field03 {
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
div .tbl_style_nm td.field04 {
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	background-color:#f9f8f8;
}

div .num_list{padding-left: 20px;}
div .num_list li {
    font-size: 12px;
	padding-left:1px;
    list-style-type: decimal;
}
.end02{
	font-size: 18px;
	color: #CC0000;
	text-align: center;
	margin-top: 30px;
	
}
@media (max-width:980px) {
    div.cont_l{
        width: 100%;
        float:none!important;
    }
    div.cont_r{
        width: 100%;
        float:none!important;
}
}

@media screen and (max-width:736px) {
    
    
    #bike-buy > div > div > div:nth-of-type(5) {background-color:#fff; padding:0; margin:0 auto 20px; width:100%; max-width:92%;}
    #bike-buy > div > div > div:nth-of-type(5) ul {display:table; width:100%; background:url(../../images/bg-border.png) no-repeat center center;}
    #bike-buy > div > div > div:nth-of-type(5) li {display:table-row; width:auto; height:auto;}
    #bike-buy > div > div > div:nth-of-type(5) li a {display:table-cell; font-size:14px; line-height:18px; text-align:center; vertical-align:middle; height:100px; padding:0 20%;}
    #bike-buy > div > div > div:nth-of-type(5) li:nth-of-type(2) a {border:0; padding:0 5%;}
    #bike-buy > div > div > div:nth-of-type(5) li:last-child a {font-size:14px;}

    div.white-bg .title_inner{
        width: 95.2%;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 2%;
        padding-right: 2%;
        height: auto;
        border-bottom: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        font-size: 12px;
        line-height: 16px;
    }
    div.white-bg .title_m1 {
        margin-bottom: 15px;
    }
    div.white-bg .title_m1 h4{
        height: 35px;
        padding-left: 10px;
        font-size: 15px;
        line-height: 35px;
        color: #fff;
        background:url(../../../images/h_00.png) left top repeat-x;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    #dream-page .cont_inner_l{
        width: 100%;
        height: auto;
        margin-top: 20px;
        float: none;
    }
    #dream-page .cont_inner_r{
        width: 100%;
        height: auto;
        margin-top: 20px;
        float: none;
    }

    
    div .smt_on{display: block;}
    
    div .section {
        width:100%;
    }

    div .sttl {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }

    div .flt-l{float: none;}
    div .flt-r{float: none;}



}

    #dream-page{
        max-width: 980px;
        width: 90%;
        margin: 0 auto;
    }