@charset "utf-8";

.infoBox{
	border:solid 1px #ff0000;
	padding: 15px;
	margin-bottom:20px;
	text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ttlL.acd{
  position: relative;
}
.ttlL.acd > i{
   position: absolute;
   right: 0;
   top: 50%;
}
.ttlL.acd > i::after{
  content: "詳しくはこちら";
  font-size: 14px;
  padding-left:2px;
  position: relative;
  top: -5px;
}

.ttlL .icon{
  display: inline-block;
  text-align: left;
  width: 5%;
  margin: 0 10px 0 2px;
  padding: 0;
  top: 5px;
  position: relative;
}
@media screen and (max-width:768px){
  .ttlL .icon{
    width:10%;
  }
  .ttlL.acd > i::after{
    display: none;
  }
}

/* js-mvslider ----------------------------------------------------------- */
.js-mvslider {
	overflow: hidden;
}
.slick-slide img {
	width: 100%;
	object-fit: cover;
}
.slick-dots {
    display: flex;
    justify-content: center;
	margin-top: -40px;
	position: relative;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.slick-dots li:hover,
.slick-dots li.slick-active {
    opacity: 0.6;
}
.slick-dots li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
@media screen and (max-width:768px){
	.slick-dots {
		margin-top: -20px;
	}
}
/*  mv ------------------------------------------------------------------- */
#mvTop,
#mv{
	clear: both;
	display: block;
	width: 100%;
	text-align:center;
	position: relative;
	max-height: 1100px;
	z-index: 1;
}
#mvTop h2{
	position: absolute;
	width:19%;
	max-width: 325px;
	height:auto;
	display: block;
	margin: auto;
	top:50%;
	margin-top:-117px;
	left:50%;
	margin-left:-10%;
}
#mv{
	font-size: 357%;
	display: table;
	table-layout: fixed;
	color: #fff;
	margin-bottom: 90px;
}
#mv h2{
	font-family: 'Roboto', sans-serif;
	display: table-cell;
	vertical-align: middle;
	padding:50px 0; 
	text-shadow:1px 0px 8px #333333;
}
.mvTop,
.mvimg{width:100%;}

#privacypolicy #mv{
	background: url(../img/privacypolicy/bgMv.jpg) no-repeat top center;
	background-size:cover;
}
#company #mv{
	background: url(../img/company/bgMv.jpg) no-repeat top center;
	background-size:cover;
}
#contact #mv{
	background: url(../img/contact/bgMv.jpg) no-repeat top center;
	background-size:cover;
}
#press #mv{
	background: url(../img/press/bgMv.jpg) no-repeat top center;
	background-size:cover;
}
#news #mv{
	background: url(../img/news/bgMv.jpg) no-repeat top center;
	background-size:cover;
}
#support #mv{
	background: url(../img/support/bgMv.jpg) no-repeat top center;
	background-size:cover;
}
#product #mv{
	background: url(../img/product/bgMv_product.jpg) no-repeat top center;
	background-size:cover;
}
#amphibious #mv{
	background: url(../img/product/amphibious/bgMv_amphibious.jpg) no-repeat top center;
	background-size:cover;
}
#ventz #mv{
	background: url(../img/product/ventz/bgMv_ventz.jpg) no-repeat top center;
	background-size:cover;
}
#sixs #mv{
	background: url(../img/product/sixs/bgMv_SIXS.jpg) no-repeat top center;
	background-size:cover;
}
#oxford #mv{
	background: url(../img/product/oxford/bgMv_OXFORD.jpg) no-repeat top center;
	background-size:cover;
}
#motorola #mv{
	background: url(../img/product/motorola/bgMv_motorola.jpg) no-repeat top center;
	background-size:cover;
}
#motorola_dashcam #mv{
	background: url(../img/product/motorola_dashcam/bgMv_motorola.jpg) no-repeat top center;
	background-size:cover;
}
#shark #mv{
	background: url(../img/product/shark/bgMv_SHARK.jpg) no-repeat top center;
	background-size:cover;
}
#ua #mv{
	background: url(../img/product/ua/bgMv_UA.jpg) no-repeat top center;
	background-size:cover;
}
#midland #mv{
	background: url(../img/product/midland/bgMv_ML.jpg) no-repeat top center;
	background-size:cover;
}
#bogo #mv{
	background: url("../img/product/bogo/bgMv.jpg") no-repeat top center;
	background-size:cover;
}

@media screen and (max-width:768px){
	#mvTop,
	#mv{
		margin-top:114px;
		font-size: 220%;
	}
	#mv {
		margin-bottom: 60px;
	}
	#mvTop h2{
		position: absolute;
		height:inherit;
		display: block;
		margin: auto;
		top:50%;
		margin-top:-12%;
		left:50%;
		margin-left:-20%;
		width:38%;
	}
}



/*  top ------------------------------------------------------------------- */
#top #contents{
	margin-bottom: 0;
}
.topSec{
	width:100%;
	padding: 90px 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media screen and (max-width:768px){
	.topSec{
		padding:40px 10px;
	}
}

.topSec h3{
	font-family: 'Roboto';
	text-align: center;
	display: block;
	font-size:360%;
	letter-spacing: 0.06em;
	line-height: 1;
	margin-bottom: 50px;
}
.topSec h3 span{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"sans-serif";
	display: block;
	padding-top: 10px;
	font-size: 41%;
	font-weight: normal;
}
@media screen and (max-width:768px){
	.topSec h3{
		font-size:240%;
		margin-bottom:30px;
	}
}

/* product */
.topProduct{
	width:90%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	display:-ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content:space-between;
	flex-wrap: wrap;
}
.topProduct li{
	width: 24%;
	margin-bottom:30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media screen and (max-width:768px){
	.topProduct{
		text-align: center;
	}
	.topProduct li{
		width: 46%;
	}
}

/* company */
.topCompany{
	text-align: center;
	background: url(../img/top/bg_company.png)  no-repeat center bottom #fff;
	background-size:contain;
	padding-bottom: 300px;
}
.topCompany h4{
	font-weight: bold;
	margin-bottom: 20px;
	font-size:142%;
	line-height: 2;
}
.topCompany p{
	margin-bottom: 50px;
	font-size:121%;
	line-height: 2;
}
.topCompany .btnDetail a{
	background-color: #0f63cb;
	text-align: center;
	padding: 18px 100px;
	color: #fff;
	font-size:121%;
	font-weight: bold;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.topCompany .btnDetail a:hover{
	background-color: #00d0fc;
}
@media screen and (max-width:768px){
	.topCompany{
		padding-bottom: 80px;
	}
	.topCompany h4{
		font-size:121%;
		line-height: 1.5;
	}
	.topCompany p{
		margin-bottom: 50px;
		font-size:100%;
		line-height:1.5;
	}
}
/* news */
.topNews{
	margin:2%;
	padding:50px 70px;
	background-color: #fafafa;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.topNews h3{
	font-family: 'Roboto';
	text-align: center;
	display: block;
	font-size:220%;
	letter-spacing: 0.06em;
	line-height: 1;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: solid 1px #333;
}
.topNews h3 span{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"sans-serif";
	display: block;
	padding-top: 10px;
	font-size: 47%;
	font-weight: normal;
}
.topNews li{
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: dotted 1px #999;
	line-height: 1.7;
}
.topNews li .date{
	display:block;
}
.topNews li .nTtl{
	display:block;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.topNews{
		margin:1%;
		padding:25px 15px;
	}
}


/* contact */
.topContact{
	text-align:center;
	background:url(../img/top/bg_contact.png) no-repeat center bottom;
	background-size:cover;
	padding-top: 150px;
	padding-bottom:150px;
}
.topContact h3,
.topContact p{
	color: #fff;
}
.topContact p{
	font-size: 132%;
	margin-bottom:40px;
}
.topContact .btnDetail{
	margin-bottom: 20px;
}
.topContact .btnDetail a{
	display: inline-block;
	line-height: 1;
	background-color: #fff;
	text-align: center;
	padding: 18px 100px;
	color: #000;
	font-size:121%;
	font-weight: bold;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.topContact .btnDetail a:hover{
	background-color: #999;
}
@media screen and (max-width:768px){
	.topContact{
		padding-bottom: 80px;
	}
	.topCompany p{
		margin-bottom: 50px;
		font-size:110%;
	}
	.topContact .btnDetail a{
		padding: 18px;
		width: 100%;
	}
}


/*  page ------------------------------------------------------------------- */
.sec{
	width:100%;
	margin:0 0 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media screen and (max-width:768px){
	.sec{
		padding:0 15px 30px;
	}
}


/*  privacypolicy ------------------------------------------------------------------- */
#privacypolicy h4{
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	font-size: 114%;
}
#privacypolicy p{
	display: block;
	margin-bottom: 40px;
}



/*  product ------------------------------------------------------------------- */
/* productList */
.productList{
	width: 90%;
	margin: auto;
}
.productList li{
	display:inline-block;
	margin: 0 10px 50px;
	width: 300px;
	text-align: center;
	vertical-align: top;
}
.productList li h5{
	font-size:114%;
	font-weight: bold;
	margin:14px 0 5px;
	text-align: left;
}
.productList li p{
	text-align: left;
	margin-bottom: 14px;
}
.productList li .btn{
	text-align: center;
	width: 70%;
	margin: auto;
	display: block;
}
.productList li .btn a{
	padding:10px 10px;
	text-align: center;
	text-decoration: none;
	color: #222;
	border: solid 2px #222;
	border-radius:30px;
	display: block;
	font-weight: bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.productList li .btn a:hover{
	background-color: #333;
	color: #fff;
}
.productItem{
	margin-bottom: 200px;
}
.page-link{
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}
.page-link a{
	width: 35%;
	margin-right: 3%;
	text-align: center;
	text-decoration: none;
}
.page-link a:last-of-type{
	margin-right: 0;
}
.page-link a li:hover{
	background-color: #333;
}
.page-link li{
	width: 100%;
	background-color: #000;
	color: #fff;
	padding: 15px 30px;
	font-size: 120%;
	font-weight: bold;
}
#bable{
	margin-bottom: 200px;
}
@media screen and (max-width:768px){
	#bable{
		margin-bottom: 100px;
	}
	.productList{
		width: 100%;
	}
	.productList li{
		width: 80%;
		margin: 0 auto 40px;
		display: block;
	}
	.productItem{
	margin-bottom: 100px;
}
	.page-link{
		display: block;
		margin-bottom: 50px;
	}
	.page-link a{
		width: auto;
	}
	.page-link li{
		padding: 15px 50px;
	}
	.ttlC.bogo-title span{
		font-size: 60%;
		text-align: left;
	}
}


/*bogo table bgcolor*/
.bogo_bgcolor02{background: #a5aec9;}
.bogo_bgcolor03{color: #fff;background: #43bdce;}
.bogo_bgcolor04{background: #b6c1cc;}
.bogo_bgcolor05{color: #fff;background: #232949;}
.bogo_bgcolor06{background: #fad18f;}
.bogo_bgcolor07{background: #f1e583;}

.bogojet_bgcolor02{background: #c5b8c8;}
.bogojet_bgcolor03{background: #c4c0ce;}
.bogojet_bgcolor04{background: #f2aaf3;}
.bogojet_bgcolor05{background: #ffb992;}
.bogojet_bgcolor06{background: #eaf899;}
.bogojet_bgcolor07{background: #d6c9ff;}
.bogojet_bgcolor08{background: #bce3fa;}


/*.item3colum*/
.item1colum,
.item3colum{
	width: 100%;
}
.item3colum li{
	width:30%;
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
}
.item3colum li:nth-child(3n){
	margin-right: 0;
}
.item1colum .itemImg,
.item3colum li .itemImg{
	display: block;
	margin-bottom: 10px;
}
.item1colum h5,
.item3colum li h5{
	font-size:114%;
	font-weight: bold;
	margin-bottom:4px;
}
/*concept*/
.concept{
	padding-top: 40px;
}
.concept h4{
	font-size: 171%;
	margin-bottom:8px;
}
.concept p{
	margin-bottom: 40px;
	line-height: 1.8;
}

.concept2colum{
	clear: both;
	display: block;
	margin-bottom: 30px;
}
.concept2colum .imgL,
.L{
	width:46%;
	float: left;
}
.concept2colum .txtR,
.R
{
	width:46%;
	float: right;
}
.c{
  width: 46%;
  margin: auto;
}
.Ls{
	float:left;
	width: 25%;
}
.Rs{
	float: right;
	width: 72%;
}
.bgWht{
	background-color: #fff;
	padding: 15px;
}
.bgWht02{
	background-color: #fff ;
}


/*lineup
------------------------------------------------*/
.lineupBox{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.lineupBox .lineupItem{
	display:table-cell;
	vertical-align: top;
	background-color: #fcfcfc;
	width: 50%;
}
.lineupBox .lineupItem.gry{
	background-color: #e7e7e7;
}
.lineupBox .lineupItem.itemTxt{
	padding: 34px 24px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #f9f9f9;
}
.lineupBox .lineupItem.itemTxt.bg2{
  background-color: #ffffe9;
}
.lineupBox .lineupItem.itemTxt.bg3{
  background-color: #e9ffea;
}
.lineupBox .lineupItem.itemTxt.bg4{
  background-color: #e4e8f8;
}

.lineupItem-img{
	width: 49%;
	display: block;
}

.itemTxt-block{
	display: flex;
}


.itemTxt-img{
	width: 30%;
	margin-right: 20px;
}

.itemTxt h5{
	font-weight: bold;
	font-size:142%;
	margin-bottom:20px;
}
.itemTxt h5 span{
	font-size: 70%;
	font-weight: normal;
	padding-left:.2em;
}
.itemTxt h6{
	font-weight: bold;
	font-size:114%;
	margin-bottom: 12px;
}
.itemTxt ul{
	font-size:92%;
	display: block;
	padding-top:5px;
	border-top: 1px dotted #999;
	margin-bottom: 20px;
}
.itemTxt li {
	border-bottom: 1px dotted #999;
	padding-bottom:5px;
	margin-bottom:5px;
}
.itemTxt p{
	font-size:92%;
}
.itemTxt p.txS{
  font-size:80%;
}
.itemTxt ul.photo{
	border-top: none;
	margin:15px 0 0;
	text-align: center
}
.itemTxt ul.photo li{
	display:inline-block;
	width:100px;
	border-bottom: none;
}

.itemFlex{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.itemFlex > .L{
  width: 30%;
  margin-right: 5%;
}
.itemFlex > .R{

}

.itemFlex > .Ls{
  width: 17%;
  margin-right: 5%;
}
.itemFlex > .Rs{
  width: 75%;
}


@media screen and (max-width:1024px){
	.lineupBox{
		display:block;
		margin:0 auto 20px;
	}
	.lineupBox .lineupItem{
		display:block;
		width:90%;
		margin:0 auto 
	}
	.item3colum li{
		display:block;
		width:90%;
		margin:0 auto 20px;
		float: none;
	}
	.item3colum li:nth-child(3n){
		margin:0 auto;
	}
	.item1colum .itemImg,
	.item3colum li .itemImg{
		display: block;
		margin-bottom: 10px;
	}
	.item1colum h5,
	.item3colum li h5{
		font-size:114%;
		font-weight: bold;
		margin-bottom:4px;
	}
}
@media screen and (max-width:767px){
	.concept2colum{
		margin-bottom: 0;
	}
	.concept2colum .imgL,
	.concept2colum .txtR,
	.L,
	.R,
  .c{
		width: 100%;
		margin-bottom:20px;
	}
	.concept2colum .Rs{
		margin-bottom: 0;
	}
  .lineupBox{
    display: flex;
    flex-wrap: wrap;
  }
	.lineupBox .lineupItem{
		width:100%;
	}
	.lineupBox .lineupItem.itemTxt{
		padding:20px 15px;
	}
  .lineupBox .lineupItem{order:1;}
  .lineupBox .lineupItem.itemTxt{order:2;}
}


/*acd*/
.acd_nav{
  position: relative;
  cursor: pointer;
  padding-bottom: 20px;
	border-bottom: solid 1px #333;
	margin-bottom: 30px;
}
.acd_cont{
  display: none;
  padding: 20px 0;
}


/*oxford*/
.acd_nav_cont_wrap{
  
}
.flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cont_w30{
  width: 30%;
}
.cont_w68{
  width: 68%;
}
.btnShowProducts a{
  display: block;
  text-align: center;
  padding: 6px 40px 8px 30px;
  position: relative;
  color: #fff;
  background-color: #bbb;
  text-decoration: none;
}
@media screen and (max-width:767px){
  .cont_w30,
  .cont_w68{
    width: 100%;
    height: auto;
  }
}



/*tab*/
.tab{
  border-bottom: solid 1px #000;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.tab li{
  width:30%;
  margin: 0 10px;
  text-align: center;
  background: #666;
  color: #fff;
  padding:15px  20px;
  font-size: 114%;
}
.tab li.active{
  background: #000;
}
.tabCont{
  display: none;
  padding: 0 15px;
}
.tabCont.show{
  display: block;
}
@media screen and (max-width:767px){
  .tab li{
    width:48%;
    padding:10px;
  }
}


/* dlBtnL*/
.dlBtnL a{
  display: block;
  margin:auto;
  width: 70%;
  text-align: center;
  font-size:134%;
  text-decoration:none; 
  color: #222;
  font-weight: bold;
  border:solid 2px #222;
  padding: 25px;
}
.dlBtnL a:hover{
  background: #222;
  color: #fff;
}
@media screen and (max-width:767px){
  .dlBtnL a{
    width: 90%;
    font-size: 114%;
  }
}

/*youtube*/
.video{
  position:relative;
  width:100%;
  padding-top:57%;
}
.video.p50{
	width:50%;
	margin: auto;
	padding-top: 28%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.video02{
  position:relative;
  width:100%;
}

/*gallery*/
.gallery{
	padding-top: 40px;
}
.gallery ul{
	width: 100%;
	font-size: 0;
}
.gallery ul li{
	display:inline-block;
	width:19.9%;
	padding:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.image-trim {
  position: relative;
  overflow: hidden;
  padding-top: 60%; /* 比率 */
}

.image-trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*photo*/
.photo3List ul{
	width: 100%;
	font-size:0;
}
.photo3List ul li{
	display:inline-block;
	width:33.3%;
	padding:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media screen and (max-width:767px){
	.photo3List ul li{
		width:33%;
		padding:2%;
	}
}


/*c_list*/
.c_list> li{
  display: block;
  margin-bottom: 10px;
  text-indent: -.5em;
  padding-left:1em;
}
.c_list > li:before{
  content: "○";
  display: inline-block;
}

/*num_list*/
.num_list{
  padding-left: 1.4em;
}
.num_list> li{
  margin-bottom: 14px;
  list-style-type: decimal;
  font-size: 108%;
}


/*color_list*/
.color_list{
  margin: 15px 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.color_list li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 33.3%;
  margin-bottom: 10px;
  text-indent: 0;
}
.color_list li:last-child{
  width: 66%;
}
.color_list li img{
  width: 45px;
}
.color_list li p{
  margin: 0 0 0 5px;
  font-size: 84%;
  line-height: 1;
}

/*flexbox*/
.flexbox{
  display: flex;
  flex-wrap:wrap;
}
.flexbox.jc_sb{justify-content: space-between}


.p_cont_w30{width: 30%}
.p_cont_w65{width: 65%}
@media screen and (max-width:767px){
  .p_cont_w30{width: 80%;margin: 0 auto 10px; text-align: center;}
  .p_cont_w65{width: 100%}
}

/*  btnLinkBlk ------------------------------------------------------------------- */
.btnLinkBlk-block{
	display: flex;
	justify-content: center;
}
.btnLinkBlk-block .btnLinkBlk:first-of-type{
	margin-right: 30px;
}
.btnLinkBlk{
	display: block;
	text-align: center;
}
.btnLinkBlk a{
	display: inline-block;
	text-align: center;
	padding: 10px 40px 10px 30px;
	position: relative;
	color: #fff;
	background-color: #000;
	text-decoration: none;
	min-width: 180px;
}
.btnLinkBlk a .fa{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top:-0.5em;
}
.btnLinkBlk a:hover{
	text-decoration: none;
	background-color: #333;
}

.btnArea{
  width: 100%;
	display: inline-flex;
}

/*icon*/
.icon-red {
	font-size: 14px;
	color: #fff;
	background: #f66;
	padding: 2px 7px;
	line-height: 1;
	border-radius: 15px;
	margin-right: 5px;
	display: inline-block;
}

@media screen and (max-width:767px){
	.btnLinkBlk-block{
		display: block;
	}
	.btnLinkBlk-block .btnLinkBlk:first-of-type{
	margin-right: 0px;
}
}



/*  news ------------------------------------------------------------------- */
.newsList{
}
.newsList li{
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: dotted 1px #999;
	line-height: 1.7;
}
.newsList li .date{
	display:block;
}
.newsList li .nTtl{
	display:block;
	font-weight: bold;
}


/*  support ------------------------------------------------------------------- */
.supportLink{
	text-align: center;
	background-color: #f6f6f6;
	padding:10px;
}
.supportLink li{
	display: inline-block;
	width: 36%;
	margin: 1% 2%;
}
.supportLink.col3 li{
	display: inline-block;
	width: 22%;
	margin: 1%;
}
.supportLink li a{
	padding:18px 10px;
	text-align: center;
	text-decoration: none;
	color: #222;
	background-color: #fff;
	border: solid 2px #222;
	font-size: 112%;
	border-radius:40px;
	display: block;
	font-weight: bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.supportLink li a .fa{
	font-size: 180%;
	margin-right: 10px;
	font-weight: normal;
}
.supportLink li a:hover{
	background-color: #333;
	color: #fff;
}
/*magazine*/
.magazineLink{
	margin-top:10px;
}
.magazineLink ul{
	text-align:left;
	padding:5px 0;
}
.magazineLink li{
	display: inline-block;
	width:12%;
	padding: 0  14px 10px;
	font-size:78%;
}
@media screen and (max-width:1024px){
  .supportLink.col3 li{
    width: 45%;
  }
}
@media screen and (max-width:767px){
	.supportLink li,
  .supportLink.col3 li{
		width: 98%;
		margin: 1%;
	}
  .supportLink li a{
	  padding:6px 10px;
    font-size: 90%;
  }
	.magazineLink ul{
		text-align:center;
	}
	.magazineLink li{
		width: 30%;
		padding: 0 1%;
	}
}


/*  remodal ------------------------------------------------------------------- */

.remodal .btn02 a{
  border:1px solid #eee;
  color: #eee;
}
.remodal .btn02 a i{
  border-left: 1px solid #eee;
}
.remodal .btn02 a:hover{
  border:1px solid #1275ff;
  color: #1275ff;
}
.remodal .btn02 a:hover i{
  border-left: 1px solid #1275ff;
}
/**/
.remodal{
  text-align: center;
}
.remodal h2{
  text-align: center;
  font-weight: normal;
  font-size: 142%;
  margin-bottom: 30px;
}
.remodal h2 span{
  display: block;
  font-size: 70%;
  padding: 5px;
}
.remodal p{
  display: block;
  width: 86%;
  margin: 0 auto 30px;
}
.remodal p > a{
  color: #ddd;
}
.remodal p > a:hover{
  color: #1275ff;
}