@charset "utf-8";
/* フッター部分
------------------------------- */

/* 右サイド部分 */
/* ########### 514px以下 (375まで)########### */
@media screen and (max-width: 514px) {
.sidebar{
  position: fixed;
  bottom: 0;
  width: 100%;
z-index: 995
}
.sidebar ul{display: flex;
justify-content: space-between;
	
}
.sidebar li{
width: 49.8%;
}
.sidebar a{
	color:#fff;
	font-family: "M PLUS 1p";
	background-color:crimson;
}
.sidebar-a{text-align: center;
}
.sidebar-a a{display: flex;
position: relative;
justify-content: center;
align-items: center;
text-align: left;
padding-top: 12px;
padding-bottom: 8px;
font-weight: 600;
font-size: 16px;
transition: all .3s;
line-height: 1.5;
width: 100%;
letter-spacing:0.0rem;
}
.sidebar-a img{
	position: absolute;
	width: 65px;
	top:32px;
	right:5px;

}
.sidebar-b{
}
.sidebar-b a{
text-align: center;
display: inline-block;
padding-top: 25px;
padding-bottom: 25px;
font-weight: 600;
font-size: 18px;
transition: all .3s;
line-height: 1;
width: 100%;
letter-spacing:0.0rem;
}	
.sidebar a:hover{
background-color: #4C4948
}	
}	
/* ###########515pxから833pxまで ########### */
@media screen and (min-width: 515px) and (max-width: 833px) {
.sidebar{
  position: fixed;
  bottom: 0;
  width: 100%;
z-index: 995
}
.sidebar ul{display: flex;
justify-content: space-between;
	
}
.sidebar li{
width: 49.8%;
}
.sidebar a{
	color:#fff;
	font-family: "M PLUS 1p";
	background-color:crimson;
}
.sidebar-a{text-align: center;
}
.sidebar-a a{
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding-top: 10px;
padding-bottom: 8px; 
font-weight: 600;
font-size: 18px;
transition: all .3s;
line-height: 1.4;
width: 100%;
letter-spacing:0.10rem;
}
.sidebar-a img{
position: absolute;
width:70px;
height: auto;
	top:25px;
	right:0px
}
.sidebar-b{
}
.sidebar-b a{
letter-spacing:0.2rem;
text-align: center;
display: inline-block;
padding-top: 25px;
padding-bottom: 25px;
font-weight: 600;
font-size: 18px;
transition: all .3s;
line-height: 1;
width: 100%;
}	
.sidebar a:hover{
background-color: #4C4948
}	
}	

/* ###########834px以上########### */
@media screen and (min-width:834px) { 
.sidebar{
  position:fixed;
  top:120px;
  right:0px;
  color:#fff;
	z-index: 995	
}
.sidebar ul{display: block;
justify-content: space-between;
}
.sidebar li{margin-bottom: 0px
}
.sidebar-a{
}
.sidebar-a a{
position: relative;
width:58px;
height: 220px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: left;
display: inline-block;
background-color:crimson;
color:#fff;
padding-top: 12px;
padding-left: 0px;
padding-right: 7px;
font-weight: 600;
font-size: 18px;
transition: all .3s;
line-height: 1.4;
}
.sidebar-a img{
width:100%;
height: auto;
position: absolute;
top:175px;
left:-5px;


}
.sidebar-b{
width:60px;
}
.sidebar-b {display: none
}	
.sidebar a:hover{
background-color: #06B4EA
}	
}