@charset "utf-8";


footer { background-color:#eee; border-top:#CCC 1px solid; padding:10px; text-align:center;margin-top:20px;font-size:12px}

body {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}



/*PageTop JS*/
			
.pagetop,.pagetop2{
	
	position: fixed;
	bottom:10px;
	right: 10px;
	margin:0 auto;
	z-index: 99999;
	}
 
.pagetop a,.pagetop2 a {
	width:40px;
	height:40px;
	display:block;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-decoration:none;
	background-color: #000; /*?*/
	text-transform: uppercase;
	}
	
.pagetop a:hover,.pagetop2 a:hover {background-color: #666} /*?*/
			
.arrow{
position: relative;
display: inline-block;
padding: 0;
color: #fff;
vertical-align: middle;
text-decoration: none;
}

.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.up::before{
width: 40px;
height: 40px;
/*-webkit-border-radius: 50%;
border-radius: 50%;*/
}

.up::after{
top:20px;
left: 15px;
width: 10px;
height: 10px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}

ul.arr{ list-style: none;margin:0;padding:10px}
ul.arr  li {
  position: relative;
}
ul.arr  li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}





.sns img{ display:inline-block;width:25px;margin-left:15px;margin-top:0px; float:right;}




@media (max-width:768px) {
.sns img{ display:inline-block;width:25px;margin-left:5px;margin-top:8px; float:right;}
}