@charset "utf-8";
*{
	margin:0;
	padding:0
}
body{
	color:#eee;
	background-color:#333
}
a:hover{
	text-decoration:none
}
/* header */
header{
	/*background:#ddd*/
	background:#0a0a0a
}
#titleImg img{
	height:50px
}
/* Google検索 */
main{
	max-width:900px;
	margin:0 auto
}
li{
	list-style:none;
	text-decoration:none
}
#search{
	margin:50px auto
}
#search>form{
	text-align:center
}
#googlesearch img{
	width:140px;
	height:50px;
	margin:0 30px
}
#BtnSearch{
	margin-left:10px
}
/* メインカテゴリ */
#mainCategory{
	margin-bottom:50px
}
.sectHeader{
	display:inline-block;
	width:850px
}
#setMainBar{
	display:inline-block;
	width:20px;
	padding:0 15px;
	opacity:0.3
}
#setMainBar:hover{
	opacity:1
}
#setMainBar img{
	width:20px
}
#mainList{
	padding:0 10px;
	/*background:#ffc;*/
}
.mainItem{
	position:relative;
	width:110px;
	height:100px;
	/*background:#eee;*/
  	text-align:center
}
.mainItem:hover{
	/*background:#ddd*/
	background:#555
}
.mainItemLink{
	display:block;
	height:100px
}
.mainItemFavi{
	height:70px
}
.mainItemFaviImg{
	width:44px;
	height:44px;
	margin-top:20px;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px
}
.mainItemName{
	height:30px;
	font-size:13px;
	/*color:#333;*/
	color:#eee;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.mainItemEdit{
	position:absolute;
	top:0;
	right:0;
	width:19px;
	height:23px;
	opacity:0;
}
.mainItem:hover .mainItemEdit{
	opacity:0.5;
}
.mainItem:hover .mainItemEdit:hover{
	opacity:1;
}
/* モーダルエリア */
.modalArea{
  display:none;
  position:fixed;
	z-index:10;
	top:0;
  left:0;
  width:100%;
  height:100%;
}
#modalAddLinkTitle{
	margin:8px 0 18px 0;
}
.modalBg{
  width:100%;
  height:100%;
  background-color:rgba(30,30,30,0.9);
}
.modalWrap{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:70%;
  max-width:500px;
  padding:10px 30px;
  background-color:#777;
}
#modalAddLinkWrap{
  width:70%;
  max-width:500px;
}
#modalEditMainWrap{
  width:70%;
  max-width:900px;
}
.closeModal{
  position:absolute;
  top:0.5rem;
  right:1rem;
  cursor:pointer;
}
/* サブカテゴリ */
#subCategory{
	margin-bottom:50px
}
.cateHeader{
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:solid 1px #777
}
.subList{
	width:900px
}
.subItem{
	height:24px;
	margin-bottom:5px
}
.subItem a{
	display:block;
	width:180px;
	height:24px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.subItem a:hover{
	/*background:#ddd*/
	background:#555
}
.subItem div{
	display:inline-block
}
.subItemFavi{
	width:24px;
	height:24px
}
.subItemFaviImg{
	display:flex;
	align-items:center;
	width:16px;
	height:16px;
	margin:4px auto
}
.subItemName{
	width:150px;
	height:24px;
	line-height:24px;
	font-size:13px;
	/*color:#333*/
	color:#eee;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
  display:flex;
  align-items:middle;
  justify-content:middle
}
/* footer */
footer{
	width:100%;
	height:128px;
	margin-top:1rem;
  /*background:#eee*/
	background:#0a0a0a
}
#footerNav{
  height:40px;
  line-height:40px
}
footer .container{
  font-size:13px
}
footer .container a{
  /*color:#333;*/
  color:#eee;
	padding:0 10px;
	margin-right:-5px;
	border-left:solid 1px #ccc
}
footer .container a:first-child{
  border-left:none
}
footer .container a:hover{
	text-decoration:underline
}
#siteInfo{
  position:relative;
  height:60px;
  line-height:60px;
  border-top:1px solid #ccc
}
#copyright{
  width:100%;
  padding:2px;
  text-align:center;
  background:rgba(0,0,0,0.8)
}
#copyright a{
  color:#eee
}
/* pageScroll(先頭に戻る) */
#pageScroll{
	display:block;
	position:absolute;
	z-index:9999;
	bottom:9px;
	right:16px;
	width:40px;
	height:40px;
	padding:0;
	border-radius:50%;
	background:rgba(0,0,0,.4);
	color:#fff;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	line-height:37px;
	transition:0.5s
}
#pageScroll:hover{
	background:rgba(0,0,0,0.7)
}
#pageScroll:hover .fa{
	transition:0.5s
}
#pageScroll:hover .fa{
	transform:rotateY(360deg)
}
.fa-arrow-up:before{
	content:"\f062"
}
/* ボタン */
.button{
	display:block;
	max-width:320px;
	padding:10px;
  
	/* テキスト */
	font-size:18px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 -1px 3px rgba(0, 0, 0, .3);
  
	/* 角丸 */
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
  
	/* ドロップシャドウ */
	box-shadow:0 3px 5px 0 rgba(0, 0, 0, .3);
	-webkit-box-shadow:0 3px 5px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow:0 3px 5px 0 rgba(0, 0, 0, .3);
}

/* ボタンの色を指定 */
.blue{
	color:#f5f5f5;
	border:solid 1px #0078a5;
  
	/* グラデーション */
	background:-webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background:-moz-linear-gradient(top, #00adee, #0078a5);
}
/* 404 */
#errMsgJp{
  /*color:#333;*/
  color:#eee;
  padding:2rem;
  text-align:center
}