@charset "utf-8";

	#header{background:#FFFFFF00;}
	.fs-l-page{padding:0;}
	.fs-l-pageMain{width:100%!important;}
	.fs-l-main{padding:0;}
	.fs-c-heading--page{display:none;}
	.briston_wrap{
		width:100%;
		top:0;left:0;
		margin:0;
		padding:0;
	}
	.sidebar{max-width:350px;}
	.briston_top{
		position:relative;
}
	.briston_top .topimg{width:100%;}
	.briston_top .topimgsp{display:none;}	
	.briston_top .briston_title{
	    position: absolute;
	    top: 45%;
	    left: 8%;
		width:80%;
	}
	.briston_top .briston_title img{width:40vh;}
	.briston_tit{margin:100px auto 40px auto;display:flex;align-items:center;    justify-content: center;}
	.briston_tit div{width:50%;text-align:right;}
	.briston_tit img{}
	.aboutbris{
		width:50%;
    font-weight: bold;
    font-size: 24px;
    margin-left: 120px;
    white-space: nowrap;
	}
	.aboutbriston{margin:40px auto;display:flex;align-items:flex-end;    justify-content: center;width:80%;}
	.aboutbriston div{width:50%;position:relative;}
	.briston_wrap .wi{
		border-bottom:1px solid #000;
		padding-bottom:16px;
		font-weight:bold;
		font-size:14px;
	    display: block;
		position: absolute;
		transition:0.5s;
		width:252px;
		right:0;
		bottom:0;
	}
	.briston_wrap .wi:after{
		content:">>";
		position:absolute;
		right:10px;
		transition: 0.5s;
	}
	.aboutbriston .wi:hover::after{
		right:0;
	}
	.aboutbriston .brt{margin-left: 120px;line-height:2em;width:50%;
}

.bris_cat {
    width: 100%;
    max-width: 1200px;
    margin: 120px auto;
}

.bris_cat ul li a {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: cover;
    color: #FFF;
    padding: 80px 40px;
    font-size: 30px;
    letter-spacing: 1rem;
}
.bris_cat ul li a:hover{background-color:rgba(0, 0, 0, 0);}
.bris_cat ul li a span {
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
}

.cm_c{
	background: url(https://unby.itembox.cloud/item/img/briston_cmc.png?d=20191111110503);
	background-size:cover;
}
.cm_s{
	background: url(https://unby.itembox.cloud/item/img/briston_cms.jpg?d=20191111110503);
	background-size:cover;
}
.cm_v{
	background: url(https://unby.itembox.cloud/item/img/briston_cmv.jpg?d=20191111110503);
	background-size:cover;
}
.cm_ch{
	background: url(https://unby.itembox.cloud/item/img/briston_cmch.jpg?d=20191111110503);
	background-size:cover;
}
.cm_l{
	background: url(https://unby.itembox.cloud/item/img/briston_cml.jpg?d=20191111110503);
	background-size:cover;
}
.cm_i{
	background: url(https://unby.itembox.cloud/item/img/briston_cmi.jpg?d=20191111110503);
	background-size:cover;
}
.cm_i{
	background: url(https://unby.itembox.cloud/item/img/briston_cmi.jpg?d=20191111110503);
	background-size:cover;
}
.natostrap{
	background: url(https://unby.itembox.cloud/item/img/briston/briston_nato.jpg?d=20191112122313) no-repeat;
}
.natostrap a:hover{
	background-color: rgba(0, 0, 0, 0.8);
	color:#000;
}

.briston_shoplist{
	width: 100%;
    max-width: 1200px;
    margin: 120px auto;
}

.briston_dealer {
    display: block;
    margin: 22px 0;
    font-weight: normal;
    font-size: 16px;
}
.briston_shoplist a{
	border-bottom: 1px solid #000;
    padding-bottom: 16px;
    font-weight: bold;
    font-size: 14px;
    display: block;
    transition: 0.5s;
    width: 252px;
    margin-top: 60px;
    position:relative;
}

.briston_shoplist a:after{
		content:">>";
		position:absolute;
		right:10px;
		transition: 0.5s;
	}
.briston_shoplist a:hover::after{
		right:0;
	}
.briston_news{
	width: 100%;
    max-width: 1200px;
    margin: 120px auto;
}	
.briston_news h3{
    font-weight: bold;
    font-size: 24px;
}
.briston_news h3 span{
    display: block;
    margin: 22px 0;
    font-weight: normal;
    font-size: 16px;
}

.briston_news ul {
    display: flex;
    justify-content: center;
}
.briston_news ul li {
    margin: 20px;
}
.briston_news ul li a span {
    margin: 20px;
    display: block;
}
.briston_news ul li a:hover span {
    text-decoration:underline;
}

.briston_maintenance {
    width: 100%;
    max-width: 1200px;
    margin: 120px auto;
    background: url(https://unby.itembox.cloud/item/img/briston_maint.jpg?d=20191111184835) no-repeat right;
    background-color: #000;
    padding: 90px 0 90px 80px;
}
.briston_maintenance h3 {
    color: #FFF;
    font-size: 22px;
    /* padding: 50px 0 0 50px; */
}
.briston_maintenance a {
    border-bottom: 1px solid #fff;
    color: #FFF;
    padding-bottom: 16px;
    /* font-weight: bold; */
    font-size: 14px;
    display: block;
    transition: 0.5s;
    width: 252px;
    margin-top: 60px;
    position: relative;
    /* margin: 60px 0 60px 50px; */
}

.briston_maintenance a:after{
		content:">>";
		position:absolute;
		right:10px;
		transition: 0.5s;
	}
.briston_maintenance a:hover::after{
		right:0;
	}
	
	.footer_container{
	    display: flex;
    align-items: flex-end;
    justify-content: space-between;}
    .footer_logo{margin-bottom:0;}
    .footer_menu{width:initial;margin: 0 10px;}
    
    .briston_himg {
    position: relative;    background: #000;
}
.briston_himg img {
    width: 100%;    opacity: 0.5;
}
   .briston_himg h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    text-align:center;
    color: #FFF;
    font-size: 2.3vw;    
    line-height: 1.5em;
} 
 .briston_himg h2 span{
 display:block;
 font-size: 1.2vw;
 }
    
	p.about_bristonp {
    margin: 100px auto;
    text-align: center;
    font-size: 1.7vw;
    font-weight: bold;
}

.about_briston1 {
    width: 90%;
    max-width: 1200px;    
    margin: 0 auto;
    position:relative;
        display: flex;
}

.about_briston1:after{
	clear:both;
	display:block;
	content:"";
}

.about_briston1 img{width:100%;    padding:0 3vw;object-fit: contain;}

.ba_dsc{}

.about_briston1 .ba_dsc{
	width:70%;
    padding: 0;
    margin-top: 100px;
}

.about_briston1 .ba_dsc img {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 50%;
}

.about_briston1 h3 {
    font-weight: bold;
    font-size: 2vw;
    margin: 30px 0;
}

.about_briston2 {
    width: 90%;
    max-width: 1200px;
    margin: 180px auto 90px auto;
    position: relative;
    display: flex;
}
.about_briston2 .ba_dsc {
    width: 100%;
    padding: 0;
    position: relative;
}
.about_briston2 img{width:80%;}

.about_briston2 .ba_dsc img{width:100%;position:absolute;}

.about_briston2 h3 {
    font-weight: bold;
    font-size: 2vw;
    margin: 80px 0 0 0;
}
.about_briston2 h3 span{
	font-size:1vw;
	font-weight:normal;
	margin:6px 0;
	display:block;
}
.about_briston2 .ba_dsc p{
    margin: 40px 50px 0 0;
   }

.about_briston2h {
    width: 90%;
    max-width: 1200px;
    margin: 0px auto 180px auto;
    position: relative;
    display: flex;
}
.about_briston2h .ba_dsc {
    width: 100%;
    padding: 0 0 0 50px;
    position: relative;
}
.about_briston2h img{width:80%;object-fit: contain;}

.about_briston2h .ba_dsc img{width:100%;position:absolute;}

.about_briston2h h3 {
    font-weight: bold;
    font-size: 2vw;
    margin: 0;
}
.about_briston2h h3 span{
	font-size:1vw;
	font-weight:normal;
	margin:6px 0;
	display:block;
}
.about_briston2h .ba_dsc p{
    margin: 40px 50px 0 0;
   }
   
.about_briston3 {
    width: 90%;
    max-width: 1200px;
    margin: 0px auto 180px auto;
    position: relative;
    display: flex;
}
.about_briston3 img {
    width: 100%;
    z-index:3;object-fit: contain;
}

.about_briston3 .ba_dsc{
	background:#9d8564;
	    margin: 80px 0;
	    z-index:1;
}
.about_briston3 .ba_dsc{
	position:relative;
}
.about_briston3 .ba_dsc img {
    position: absolute;
    top: 20px;
    left: -250px;
    z-index: 2;
    width: 100%;
}
.about_briston3 h3 {
    font-weight: bold;
    font-size: 2vw;
    margin: 80px 0 0 60px;
    color: #FFF;
}
.about_briston3 h3 span{
	font-size:1vw;
	font-weight:normal;
	margin:6px 0;
	display:block;
}
.about_briston3 .ba_dsc p{
	margin:40px 20px 0 60px;
	color:#FFF;
}

.briston_unby {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 80px auto;
}
.briston_unby img {
    width: 30%;
}
.briston_unby p {
    width: 70%;
}
.briston_unby p a{font-weight:bold;text-decoration:underline;}
.briston_unby p span {
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 3.5em;
}
.briston_dealerli {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.briston_dealerli h3 {
    font-weight: bold;
    font-size: 16px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
}
.briston_dealerli ul {
    margin: 60px 40px;
}
.briston_dealerli ul li {
    display: flex;
    margin: 20px 0px;
    /* justify-content: space-around; */
}
.briston_dealerli ul li span {
    display: block;
}
span.briston_sn {
    text-align: left;
    width: 20%;
}
span.briston_ad {
    width: 60%;
    padding: 0 20px;
}
span.briston_tel {
    width: 20%;
    padding: 0 20px;
    text-align: right;
}
.briston_dealerli p{
	margin:40px auto;
	text-align:center;
}
.briston_ad a{
color:#C00;margin:0 15px;text-decoration:underline;
}
.briston_warr {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.briston_warr h3 {
    margin: 60px 0 40px 0;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
}
.briston_warr p {
    margin: 0 20px;
    font-size:14px;
    line-height:1.8em;
}
.briston_warr span {
    font-weight: bold;
    display: block;
}
.briston_dia {
    padding: 0 20px;
}
ul.briston_manual {
    margin: 60px 20px;
    display: flex;
    flex-wrap: wrap;
}
ul.briston_manual li {
    width: 33.3333%;
    margin: 20px 0;
    text-align: center;    
}
ul.briston_manual span {
    text-align: center;
        margin: 10px 0;
}

@media screen and (min-width: 767px){
.sidebar__icon {
left: 360px!important;
}
}
@media screen and (max-width: 767px){
#header{background:#FFF;}
#header .header_wrap .header_col.logo{margin-top:-6px;}
	.briston_top .topimg{display:none;}
	.briston_top .topimgsp{width:100%;display:block;}
	.briston_title{display:none;}
	
	.fs-l-main{padding-top:42px;}
.briston_tit{
	display:block;
	}
.briston_tit div{
	width:100%;
	text-align:center;
		}
.aboutbris{
	width:100%;
	white-space:normal;
	font-size:18px;
	margin: 40px auto;
    text-align: center;
}	
.aboutbriston{
	display:block;
	width:100%;
	position: relative;
}
.aboutbriston div{
	width:100%;
	position:initial;
}
.aboutbriston .brt{
    width: 90%;
    margin: 30px auto;
}

.briston_wrap .wi{
	position:relative;
	margin: 0 auto;
}
.cm_c{
	background: url(https://unby.itembox.cloud/item/img/briston_cmc_sp.jpg?d=20191111110503);
	background-size:cover;
}
.cm_s{
	background: url(https://unby.itembox.cloud/item/img/briston_cms_sp.jpg?d=20191111110503);
	background-size:cover;
}
.cm_v{
	background: url(https://unby.itembox.cloud/item/img/briston_cmv_sp.jpg?d=20191111110503);
	background-size:cover;
}
.cm_ch{
	background: url(https://unby.itembox.cloud/item/img/briston_cmch_sp.jpg?d=20191111110503);
	background-size:cover;
}
.cm_l{
	background: url(https://unby.itembox.cloud/item/img/briston_cml_sp.jpg?d=20191111110503);
	background-size:cover;
}
.cm_i{
	background: url(https://unby.itembox.cloud/item/img/briston_cmi_sp.jpg?d=20191111110503);
	background-size:cover;
}
.cm_i{
	background: url(https://unby.itembox.cloud/item/img/briston_cmi_sp.jpg?d=20191111110503);
	background-size:cover;
}
.natostrap{
	background: url(https://unby.itembox.cloud/item/img/briston/briston_nato.jpg?d=20191112122313) no-repeat center;
	background-size:cover;
}
.briston_shoplist a{
    margin: 60px auto;
    text-align:left;
}
.briston_news{width:90%;}
.briston_news ul li{margin:10px;}
.briston_news ul li:last-child{display:none;}
.briston_news ul li a span{margin:10px;}

.briston_maintenance{background: url(https://unby.itembox.cloud/item/img/briston_maint_sp.jpg?d=20191111184835) no-repeat right;}

.footer_container{width:90%;padding:20px 0;display:block;}
.footer_logo{width:150px!important;    margin-bottom: 30px;}
.footer_menu{text-align:center;font-size:10px;}

.briston_himg h2{font-size:6.3vw;}
p.about_bristonp{font-size:4vw;margin:60px auto;}
.about_briston1{display:block;width:94%;}
.about_briston1 .ba_dsc{position:relative;width:100%;margin-top:60px;}
.about_briston1 .ba_dsc img{width:86%;top:-30px;right:0;}
.about_briston1 h3{font-size:6vw;}
.about_briston2{width:94%;margin: 100px auto 90px auto;display:block;}
.about_briston2 .ba_dsc img{top:-34px;}
.about_briston2 h3{font-size:6vw;}
.about_briston2 .ba_dsc p{margin:30px 0;}
.about_briston2h{width:94%;display:block;}
.about_briston2h .ba_dsc{padding:0;}
.about_briston2h h3{font-size:6vw;}
.about_briston2h .ba_dsc p{margin:30px 0;}
.about_briston2h img{width:100%;}
.about_briston3{width:94%;display:block;}
.about_briston3 .ba_dsc{margin:0;padding: 10px;}
.about_briston3 h3{margin:0;}
.about_briston3 .ba_dsc img{top:10px;left:-20px;}
.about_briston3 h3{font-size:6vw;margin-top:30px;}
.about_briston3 .ba_dsc p{margin:30px 0;}

.briston_unby{display:block;text-align:center;}
.briston_unby img {
    width: 60%;
    margin: 0 auto;
}
.briston_unby p {
    width: 94%;
    text-align: left;
    margin: 20px auto;
}
.briston_dealerli{width:94%;}
.briston_dealerli ul{margin:20px;}
.briston_dealerli ul li{display:block;    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 16px;}
span.briston_sn{width:100%;font-weight:bold;font-size: 13px;}
span.briston_ad{width:100%;padding:6px 0;}
span.briston_tel{width:100%;text-align:left;padding:0;}
span.briston_ad a {
    display: block;margin:0;
}

.briston_warr
{width:94%;}
.briston_warr p{font-size:12px;}
.briston_dia {
    padding: 0;
    overflow-x: scroll;
}
.briston_dia img{
    max-width:1000px;
}
ul.briston_manual{margin:60px 0;}

ul.briston_manual li {
    width: 50%;
    margin: 20px 0;
    padding: 4px;
    text-align: center;
}
ul.briston_manual span {
    text-align: center;
    margin: 10px 0;
    font-size: 10px;
}

}