html {
  background: linear-gradient(90deg,#111 0%,#111 50%,#fff 50%,#fff 100%);
}
#content {
	margin-top:80px;
	margin-bottom: 80px;
}
header {
	display: none;
}
.site-main {
	height: 680px;
background-image:url("/wp-content/uploads/2018/08/banana_1000.png");
  background-repeat : no-repeat;/* 背景画像の繰り返し*/
  background-position : center 130px ;/* 背景画像の位置*/
  background-size: 750px;
}
.hfeed {
  background: linear-gradient(90deg,#111 0%,#111 50%,#fff 50%,#fff 100%);
}
.entry-content h1.harflogoSet {
  width: 700px;
  margin: 0 auto;
}
.explain {
  width: 650px;
  margin: 1.1rem auto 0;
  font-size: 2.5rem;
  font-family: 'Anton', sans-serif;
  color: red;
	font-weight: bold;
}
.csTitle {
	font-size: 8rem;
	font-weight: bold;
	text-align: center;
	color: red;
}

/* ナビゲーション */
.naviGation {
  width: 700px;
  height: 300px;
	 margin: 0 auto;
	 box-sizing: border-box;
}
.naviGation ul {
  width: 300px;
  font-size: 0;
  padding: 0;
  list-style: none;
  margin: 50px auto 0;
}
.naviGation ul li {
  font-size: 2rem;
  padding-bottom: 12%;
}
.naviGation ul li a.btn {
	display:block;
	background-color: #666;
	width: 300px;
	height:55px;
	margin: 0 auto;
	opacity: 0.8;
	color: #fff;
	text-align: center;
	line-height: 55px;
}
.naviGation ul li a.btn:hover {
	background-color: #cb2c2c;
	opacity: 1;
	color: #fff;
}

hr {
	border-top: 1px solid #999;
}
.site-footer {
	display: none;
}

.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width: 750px) {

html {
	background-image:none;
	background-color: #111; 
}

.site-main {
	height: 680px;
	background-image:url("/wp-content/uploads/2018/08/banana_1000.png");
  background-repeat : no-repeat;/* 背景画像の繰り返し*/
  background-position : center 130px ;/* 背景画像の位置*/
  background-size: 450px;
	 margin: 0 auto;
}
.hfeed {
	background-image:none;
	background-color: #111; 
}
.entry-content h1.harflogoSet {
  width: 450px;
  margin: 0 auto;
		text-align: center;
}
.explain {
  width: 450px;
  margin: 1.1rem auto 0;
  font-size: 3rem;
  font-family: 'Anton', sans-serif;
  color: red;
	font-weight: bold;
}
.naviGation {
  width: 450px;
  height: 300px;
	 margin: 0 auto;
	 box-sizing: border-box;
}
.csTitle {
	font-size: 6rem;
	font-weight: bold;
	text-align: center;
	color: red;
}
.pc { display: none !important; }
.sp { display: block !important; }

}