@charset "UTF-8";
/* CSS Document */

h2.entry-title {
	display: none;
}
.edit-link {
	display: none;
}


section#maintop {
	width: 100%;
	background-image: url("../img/back-01.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
#mainbox {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mainbox h1 {
	width: 30%;
	margin: 0 10% 0 10%;
	line-height: 1;
}
#mainbox h2 {
	width: 46%;
	margin: 0 2% 0 2%;
	padding: 80px 0 0 0;
	line-height: 1;
}


section#story {
	width: 900px;
	margin: 80px auto;
}
section#story h2 {
font-size: 40px;
	text-align: center;
	padding: 0;
	margin: 0 0 100px 0;
}
section#story h3 {
font-size: 30px;
	text-align: left;
	padding: 0;
	margin: 0 0 40px 0;
}
section#story h3 span {
font-size: 50px;
}
.storybox {
	width: 100%;
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	margin: 0 0 50px 0;
}
.left {
	width: 50%;
}
.right {
	width: 36%;
	margin: 0 0 0 14%;
}

p.toroku {
	text-align: center;
	padding: 5px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/*スマホ==========================================================================================================*/
@media screen and (max-width: 480px) {
	

section#maintop {
	width: 100%;
	background-image: url("../img/back-01.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
#mainbox {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	display: block;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mainbox h1 {
	width: 60%;
	margin: 0 auto;
	line-height: 1;
}
#mainbox h2 {
	width: 90%;
	margin: 0 auto;
	padding: 40px 0 0 0;
	line-height: 1;
}


section#story {
	width: 90%;
	margin: 40px auto;
}
section#story h2 {
font-size: 30px;
	text-align: center;
	padding: 0;
	margin: 0 0 50px 0;
}
section#story h3 {
font-size: 20px;
	text-align: left;
	padding: 0;
	margin: 0 0 40px 0;
}
section#story h3 span {
font-size: 30px;
}
.storybox {
	width: 100%;
	display: block;
  justify-content: space-between;
  flex-wrap: wrap;
	margin: 0 0 50px 0;
}
.left {
	width: 100%;
}
.right {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

	
	
	
}