@charset "UTF-8";
body{line-height:1;-webkit-text-size-adjust:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol,dl{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/*change colours to suit your needs*/
ins{background-color:#ff9;color:#000;text-decoration:none;}
/*change colours to suit your needs*/
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/*change border colour to suit your needs*/
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/*cf*/
.cf:before,.cf:after{content:".";display:table;height:0;font-size:0;line-height:0;visibility:hidden;}
.cf:after{clear:both;}
.cf{*zoom:1;overflow:hidden;}
/*img*/
img{vertical-align:bottom;border:0;}
/*-----------------------------------------------
	fNavi
-----------------------------------------------*/
#fNavi{
	width: 35px;
	position: fixed;
	top: 165px;
	right: -35px;
	z-index: 9997;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#fNavi.active{
	right: 0px;
}
#fNavi .boxList{
	margin: 0 auto;
}
#fNavi .boxList .box{
	width: 35px;
	height: auto;
	margin-bottom: 5px;
    box-shadow: -1px 1px 1px 1px rgb(0 0 0 / 20%);
}
#fNavi .boxList .box:nth-child(1){
	background-color: #ff6600;
}
#fNavi .boxList .box:nth-child(2){
	background-color: #dfa800;
}
#fNavi .boxList .box:nth-child(3){
	background-color: #fbce33;
}
#fNavi .boxList .box a{
    display: block;
    height: 100%;
}
#fNavi .boxList .box .tit{
	writing-mode: vertical-rl;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 11px;
	color: #fff;
	line-height: 20px;
	padding: 42px 0 0px;
	position: relative;
	font-family: 'YakuHanJP';
	letter-spacing: 1px;
}
#fNavi .boxList .box .tit::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
#fNavi .boxList .box:nth-child(1)  .tit::after{
	background: url(../img/fNavi/imgFicon01.jpg)center top no-repeat;
	background-size: cover;
	width: 22px;
	height: 14px;
	top: 15px;
}
#fNavi .boxList .box:nth-child(2)  .tit::after{
	background: url(../img/fNavi/imgFicon02.jpg)center top no-repeat;
	background-size: cover;
	width: 29px;
	height: 17px;
	top: 15px;
}
#fNavi .boxList .box:nth-child(3)  .tit::after{
	background: url(../img/fNavi/imgFicon03.jpg)center top no-repeat;
	background-size: cover;
	width: 29px;
	height: 17px;
	top: 17px;
}
#fNavi .boxList .box:nth-child(1) .tit{
	padding: 32px 0 0px;
}
#fNavi .boxList .box:nth-child(2) .tit{
	padding: 37px 0 0px;
}
#fNavi .boxList .box .tit span{
    font-size: 15px;
    padding-bottom: 2px;
    font-weight: bold;
    letter-spacing: 0px;
}
.noFixedBnr #fNavi{
	display: none;
}
/*rollover(brightnessによる変化)*/
.brt a:hover,a.brt:hover,a .brt:hover{
	-webkit-filter: brightness(1.1);filter: brightness(1.1);
}
.brt a,
a.brt,
a .brt{
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


/*ro無効化*/
.no_ro a:hover,
a.no_ro:hover{ opacity:1; }
#fbnr{
	display: inline-block;
	position: fixed;
	bottom: 30px;
	right: 100px;
	z-index: 1000;
}
#fbnr .linkbtn{
	display: block;
	width: 200px;
}
#fbnr .linkbtn img{
	width: 100%;
	height: auto;
}
/* 追加追従 */
@media only screen and (max-width:1340px){
	#fbnr .linkbtn{
		width: 135px;
	}
}
@media only screen and (max-width:1200px){
	#fbnr{
    bottom: 80px;
    right: 60px;
}
	#fbnr .linkbtn{
		width: 135px;
	}
}
@media only screen and (max-width:767px){
	#fNavi{
		padding: 0;
		top: auto;
		bottom: -80px;
		right: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		transition: 0.2s all ease-in-out;
		-webkit-transition: 0.2s all ease-in-out;
		width: 100%;
	}
	#fNavi.active{
		right: 0;
		left: 0;
		margin: auto;
		bottom: 0;
		transform: none;
		-webkit-transform: none;
	}
	#fNavi + #container{
		padding-bottom: 71px;
	}
	#fNavi .boxList{
		max-width: none;
		display: flex;
		display: -webkit-flex;
		width: 100%;
		box-shadow: 0 -1px 1px 1px rgb(0 0 0 / 20%);
	}
	#fNavi .boxList .box:nth-child(3),
	#fNavi .boxList .box:nth-child(2),
	#fNavi .boxList .box:nth-child(1),
	#fNavi .boxList .box{
		width: calc(100% / 3);
		height: auto;
		margin-bottom: 0;
		box-shadow: none;
	}
	#fNavi .boxList .box a{
		display: flex;
		align-items: center;
	}
	#fNavi .boxList .box .tit{
		writing-mode: inherit;
		display: block;
		align-items: center;
		width: 100%;
		font-size: 12px;
		color: #fff;
		line-height: 1.2;
		padding: 25px 0 0px;
		position: relative;
		text-align: center;
	}
	#fNavi .boxList .box .tit::after{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
	#fNavi .boxList .box:nth-child(1)  .tit::after{
		background: url(../img/fNavi/imgFicon01.jpg)center top no-repeat;
		background-size: cover;
		width: 26px;
		height: 16px;
		top: 6px;
	}
	#fNavi .boxList .box:nth-child(2)  .tit::after{
		background: url(../img/fNavi/imgFicon02.jpg)center top no-repeat;
		background-size: cover;
		width: 29px;
		height: 17px;
		top: 5px;
	}
	#fNavi .boxList .box:nth-child(3)  .tit::after{
		background: url(../img/fNavi/imgFicon03.jpg)center top no-repeat;
		background-size: cover;
		width: 28px;
		height: 18px;
		top: 5px;
	}
	#fNavi .boxList .box:nth-child(1) .tit{
		padding: 26px 0 0px;
		text-align: center;
	}
	#fNavi .boxList .box:nth-child(2) .tit{
		padding: 26px 0 0px;
	}
	#fNavi .boxList .box .tit span{
		font-size: 14px;
		padding-bottom: 0;
	}
	#fNavi .imgR{
    width: 100%;
    height: auto;
  }
  .onlyInSP {display: none;}
  footer{margin-bottom: 95px!important;}
  /* 追加追従 */
  #fbnr{
	bottom: 160px;
	right: 5px;
	}
	#fbnr .linkbtn{
		width: 100px;
	}
}