@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700);

/* Bnr
-----------------------------------------*/
.Bnr{
  position: relative;
  width: 500px;
  display: none;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", 'Josefin Sans', sans-serif;
  /*left:-10px;*/
  right:0px;
  z-index:990 !important;
  
}

.Bnr2{
  position: relative;
  width: 500px;
  display: none;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", 'Josefin Sans', sans-serif;
  /*left:-10px;*/
  right:0px;
  z-index:990 !important;
  
}


.Bnr .Bnr__img{
  position: fixed;
  bottom: 0;
  right:0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 88;
}

.Bnr2 .Bnr__img{
  position: fixed;
  bottom:180px;
  right:0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 88;
}

.Bnr__img__inner{
 /* width: 500px;
  height: 80px;*/
  box-sizing:border-box;
  padding: 15px;
 /* background-color: rgb(255,255,255,0.9);透過*/
background-color:#FFF;

}

.Bnr2 .Bnr__img__inner{
  box-sizing:border-box;
  padding: 15px 35px 15px 15px;
background-color:#FFF;

}

.Bnr .Bnr__img__inner a,.Bnr2 .Bnr__img__inner a{
  display: block;
  text-decoration:none;
  color:#333;
  text-align:center;
  font-size:12px;
  padding:0 15px;
}


.btn_sidebana{
	display:inline-block;
	margin-top:10px;
}

.btn_sidebana a{
	 color:#fff !important;
	 font-size:14px !important;
	 font-weight:600 !important;
	 display:block;
	 	background-color:#841604;
	 border-radius: 4px;
	 /*padding:20px 65px !important;*/
	 padding:15px 20px !important;

}


.btn_line{
}

.btn_line a{
	background:#00B300;
	padding:15px 5px;
}


btn_sidebana3{
	margin-top:10px;
}


.btn_sidebana3 a{
	 color:#333 !important;
	 font-size:12px !important;
	/* font-weight:600 !important;*/
	 display:block;
	 background-color:#DEDEDE;
	 border-radius: 4px;
	 /*padding:20px 65px !important;*/
	 padding:10px 20px !important;
	 	margin-top:10px;
		letter-spacing:0.15em;


}







.Bnr .Bnr__img p.close,.Bnr2 .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:0px;
}
.Bnr .Bnr__img p.close a,.Bnr2 .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  font-style:normal;
}
.Bnr .Bnr__img p.close a span,.Bnr2 .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color:#000;
  text-align:right;
}
.Bnr .Bnr__img p.close a i,.Bnr2 .Bnr__img p.close a i{
  font-size: 30px;
  z-index: 888;
  color:#000;
  font-style:normal;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "×";
}


.Bnr p.title,
.Bnr2 p.title{
  	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	font-weight:bold;
	color:#666;
 
}

.sp_bnr{
	display:none !important;
}


@media screen and (max-width :1080px){

.sp_bnr{
	display:none !important;
}

}

@media screen and (max-width :798px){
.Bnr{
	display:none !important;
}


.sp_bnr{
	width:100%;
	background-color:/*#000*/#ececec;
	display:block !important;
	position:fixed;
	bottom:0px;
	padding:10px;
	z-index:999999;
	box-sizing: border-box;
}

.sp_bnr p a{
	width:28%;
	float:left;
	color:/*#fff*/#333;
	font-size:10px;
	text-align:center;
	
}



.btn_sidebana2{
	width:/*32%*/30%;
	float:left;
	margin-right:4px;

}
	
	.btn_sidebana2:last-child {
		margin-right: 0;
	}
.btn_sidebana2 a{
	 color:/*#fff*/ #FFF !important;
	 font-size:11px !important;
	 display:block;
	 background-color:/*#333*//*#841604*/#6c7489;
/*	 border:1px solid #841604;*/
	 border-radius: 4px;
	 text-align:center;
	 line-height:40px;

}

.btn_sidebana4{
	width:/*32%*/92%;
	margin-bottom: 10px;
	

}
.btn_sidebana4 a{
	 color:/*#fff*/ #FFF !important;
	 font-size:11px !important;
	 display:block;
	 background-color:#333 !important;
	 border-radius: 4px;
	 text-align:center;
	 line-height:40px;

}

}








/*------------------------------------------------------

	Bnr2つ目

--------------------------------------------------------------*/

.Bnr2{
  position: relative;
  display: none;
  z-index:990 !important;
}


.Bnr2 .Bnr2__img{
  position: fixed;
  bottom: 130px;
  right:0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 88;
  max-width: 270px;
  width:100%;
}
.Bnr2__img__inner{
  box-sizing:border-box;
  padding: 15px;
 /* background-color: rgb(255,255,255,0.9);透過*/
background-color:#FFF;

}
.Bnr2 .Bnr2__img__inner a{
  display: block;
  text-decoration:none;
  color:#333;
  text-align:center;
  font-size:12px;
  padding:0;
}

.Bnr2 .btn_sidebana a{
	 color:#fff !important;
	 background-color:#ABABAB;
}

.Bnr2 .btn_sidebana{
	display:block;
}

/*


.btn_line{
}

.btn_line a{
	background:#ABABAB;
	padding:15px 5px;
}
 */











.Bnr2 .Bnr2__img p.close{
  position: absolute;
  right: 10px;
  top:0px;
}
.Bnr2 .Bnr2__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  font-style:normal;
}
.Bnr2 .Bnr2__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color:#000;
  text-align:right;
}
.Bnr2 .Bnr2__img p.close a i{
  font-size: 30px;
  z-index: 888;
  color:#4e4e4e;
  font-style:normal;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "×";
}

.Bnr2 p.title{
  	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	font-weight:bold;
	color:#666;
 
}


@media screen and (max-width :798px){
.Bnr2{
	display:none !important;
}


/* .sp_bnr{
	width:100%;
	background-color:#000#ececec;
	display:block !important;
	position:fixed;
	bottom:0px;
	padding:10px;
	z-index:999999;
}

.sp_bnr p a{
	width:28%;
	float:left;
	color:#fff#333;
	font-size:10px;
	text-align:center;
	
}



.btn_sidebana2{
	width:33%;
	float:left;
	margin-right:4px;

}
.btn_sidebana2 a{
	 color:#FFF !important;
	 font-size:11px !important;
	 display:block;
	 background-color:#6c7489;
	 border-radius: 4px;
	 text-align:center;
	 line-height:40px;

}
 */


}






