@charset "utf-8";
*{
	margin:0;
	padding:0
}
a{
	color:#000;
	list-style:none;
	text-decoration:none
}
body{
	min-height: 100vh;
	position: relative;
}
header{
  border-top:10px solid #252;
	background-color:#252;
  border-bottom:1px solid #ccc
}
#titleMain h1{
	padding-bottom:10px;
	color:#fff;
	font-weight:normal;
}
@media(max-width:544px){
	.nav-item{
		border-top:1px solid #ccc;
	}
	.nav-link span{
		color:#fff;
		padding:0 1.5rem
	}
	#titleMain img{
		width:194px;
		height:60px;
	}
}
@media(min-width:545px){
	.nav-item{
		height:50px;
	}
	.nav-link span{
		color:#fff;
		padding:0 .5rem
	}
	.nav-link:hover{
		border-bottom:1px solid #ccc;
	}
}
/* main */
main{
  max-width:900px;
	margin:0 auto;
	padding-bottom:1rem
}
li{
  list-style:none;
  text-decoration:none
}
.mainSection{
  padding:1.3rem 1rem;
}
.sectionTitle{
  font-size:1.2rem;
  color:#333;
  padding:1rem;
	margin:1.5rem 0;
	border-top:double #131;
	border-bottom:double #131;
  text-align:center
}
.appTitle{
	margin:1rem auto
}
.appItem a{
  display:block;
  max-width:calc(900px/3);
  margin:0 auto;
  padding:1rem 2rem;
  text-align:center
}
.appItem img{
  width:160px;
  height:160px
}
.appName{
  font-size:1.2rem;
  font-weight:normal;
	color:#000;
  margin-bottom:12px
}
@media(min-width:545px){
  .sectionTitle{
    font-size:1.5rem
  }
}
/* footer */
footer{
	position:absolute;
	bottom:-128px;
	width:100%;
	height:128px;
	margin-top:1rem;
  background:#eee
}
#footerNav{
  height:40px;
  line-height:40px
}
footer .container{
  font-size:13px
}
footer .container a{
  color:#333;
	padding:0 10px;
	margin-right:-5px;
	border-left:solid 1px #ccc
}
footer .container a:first-child{
  border-left:none
}
#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;
  padding:2rem;
  text-align:center
}