@charset "UTF-8";

main {
	margin: 0 5px;
}
.preparation_top {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	width: 640px;
	background-color: black;
}
h1 {
	display: block;
	width: 600px;
	font-size: 30px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
	color: #444444;
	font-weight: bolder;
	border: solid 1px #444444;
	border-radius: 10px;
	padding: 10px;
}
.kiji_h1 {
	width: 600px;
	margin: 0 auto;
	margin-top: 30px;
	padding-bottom: 20px;
}
.kiji_h1 p {
	font-weight: bold;
}
.mokuji {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 300px;
	border: solid 2px #444444;
	border-radius: 10px;
	padding: 15px 0;
}
.mokuji p {
	font-weight: bolder;
	margin-top: 15px;
	margin-left: 20px;
}
.mokuji li {
	margin: 8px;
	list-style: none;
	color: #444444;
	font-weight: bold;
}
#kiji_hituyou {
	width: 700px;
	margin: 0 auto;
	padding-top: 70px;
	margin-top: -70px;
	border-bottom: solid 3px #444444;
}
#kiji_hituyou h2 {
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	color: white;
	background-color: #444444;
	width: 400px;
	padding: 10px;
	border-left: solid 10px orange;
}
.mokuji li:hover {
	transform: translateY(2px);
	transition: all 0.3s ease 0s;
	opacity: 0.8;
}
.mokuji a:hover {
	text-decoration: none;
}
.top_arrow {
	display: inline-block;
	margin-left: 5px;
	width: 10px;
	height: 10px;
	border-top: solid 2px #444444;
	border-right: solid 2px #444444;
	transform: rotate(45deg);
}
.top_arrow_a {
	display: inline-block;
	margin-left: 5px;
	width: 10px;
	height: 10px;
	border-top: solid 2px;
	border-right: solid 2px;
	transform: rotate(45deg);
}
.kiji_box {
	width: 700px;
	margin: 0 auto;
	margin-top: 20px;
}
.kiji_box_waku {
	width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	border: solid 1px #444444;
	padding: 10px;
	margin-bottom: 20px;
}
.kiji_box_bigwaku {
	width: 750px;
	padding: 20px;
	border: solid 1px #444444;
	margin: 0 auto;
	margin-top: 20px;
}
.kiji_imgbox {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}
.kiji_planbox {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}
.kiji_imgbox img {
	margin: 8px;
}
.kiji_planbox img {
	border: solid 1px #444444;
	border-radius: 10px;
	margin: 15px;
}
.kiji_p {
	font-size: 23px;
	font-weight: bold;
	color: #444444;
}
.kiji_ph {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color: white;
	background-color: #000066;
}
#kiji_space {
	width: 700px;
	margin: 0 auto;
	padding-top: 70px;
	margin-top: -70px;
	border-bottom: solid 3px #444444;
}
#kiji_space h2 {
	font-size: 26px;
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	color: white;
	background-color: #444444;
	width: 400px;
	padding: 10px;
	border-left: solid 10px orange;
}
#kiji_ooi {
	width: 700px;
	margin: 0 auto;
	padding-top: 70px;
	margin-top: -70px;
	border-bottom: solid 3px #444444;
}
#kiji_ooi h2 {
	font-size: 26px;
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	color: white;
	background-color: #444444;
	width: 400px;
	padding: 10px;
	border-left: solid 10px orange;
}
.kiji_box span {
	color: tomato;
	font-weight: bold;
}
#kiji_apartment {
	width: 700px;
	margin: 0 auto;
	padding-top: 70px;
	margin-top: -70px;
	border-bottom: solid 3px #444444;
}
#kiji_apartment h2 {
	font-size: 25px;
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	color: white;
	background-color: #444444;
	width: 400px;
	padding: 10px;
	border-left: solid 10px orange;
}
#kiji_sonota {
	width: 700px;
	margin: 0 auto;
	padding-top: 70px;
	margin-top: -70px;
	border-bottom: solid 3px #444444;
}
#kiji_sonota h2 {
	font-size: 25px;
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	color: white;
	background-color: #444444;
	width: 400px;
	padding: 10px;
	border-left: solid 10px orange;
}
#kiji_matome {
	width: 700px;
	margin: 0 auto;
	padding-top: 70px;
	margin-top: -70px;
	border-bottom: solid 3px #444444;
}
#kiji_matome h2 {
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center;
	color: white;
	background-color: #444444;
	width: 400px;
	padding: 10px;
	border-left: solid 10px orange;
}
.pagenation_1 {
	margin: 0 auto;
	font-size: 14px;
}
.pagenation_1 a {
	display: block;
	margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
		padding-top: 3px;
		width: 120px;
		height: 30px;
		border: solid 1px #888888;
		border-radius: 5px;
		color: #444444;
		font-weight: bold;
		list-style: none;
	}
	.pagenation_1:hover {
		text-decoration: none;
	    transform: translateY(2px);
	    transition: all 0.3s ease 0s;
	}
	.pagenation a {
		color: #444444;
	}
.page_next {
	margin: 0 auto;
	font-size: 14px;
}
.page_next a {
	display: block;
	margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
		padding-top: 3px;
		width: 120px;
		height: 30px;
		border: solid 1px #888888;
		border-radius: 5px;
		color: #444444;
		font-weight: bold;
		list-style: none;
	}
	.page_next:hover {
		text-decoration: none;
	    transform: translateY(2px);
	    transition: all 0.3s ease 0s;
	}
.pager_box {
	display: flex;
	width: 400px;
	margin: 0 auto;
}
.hiyou_table {
	border: solid 1px #444444;
}
.hiyou_table th {
	border-bottom: solid 1px #444444;
	border-left: solid 1px #444444;
	text-align: center;
	padding: 5px;
}
.hiyou_table td {
	border: solid 1px #444444;
	text-align: center;
	padding: 5px;
}
.kiji_tuiki {
	font-size: 11px;
}
.arrow_box {
	text-align: center;
	width: 100%;
}
.top_arrow_sita {
	display: inline-block;
	margin-left: 20px;
	width: 15px;
	height: 15px;
	border-top: solid 2px #000000;
	border-right: solid 2px #000000;
	transform: rotate(135deg);
}
@media (min-width: 961px) and (max-width: 1024px) {
}

@media (min-width: 721px) and (max-width: 960px) {
}

@media (min-width: 451px) and (max-width: 720px) {
.preparation_top {
	width: 100%;
}
h1 {
	width: 100%;
	font-size: 30px;
}
.kiji_box {
	width: 100%;
}
.kiji_box_bigwaku {
	width: 100%;
}
.kiji_box_waku {
	width: 100%;
}
.kiji_imgbox {
	width: 100%;
}
.kiji_planbox {
	width: 100%;
}
.kiji_h1 {
	width: 100%;
}
#kiji_hituyou {
	width: 100%;
}
#kiji_hituyou h2 {
	font-size: 23px;
	width: 80%;
}
#kiji_space {
	width: 100%;
}
#kiji_space h2 {
	font-size: 20px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_ooi {
	width: 100%;
}
#kiji_ooi h2 {
	font-size: 20px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_apartment {
	width: 100%;
}
#kiji_apartment h2 {
	font-size: 17px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_sonota {
	width: 100%;
}
#kiji_sonota h2 {
	font-size: 17px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_matome {
	width: 100%;
}
#kiji_matome h2 {
	font-size: 20px;
	width: 80%;
	border-left: solid 10px orange;
}
.kiji_box {
	width: 100%;
}
.kiji_p {
	display: inline-block;
	font-size: 18px;
	border-bottom: solid 2px #444444;
}
}


@media screen and (max-width: 450px) {
.preparation_top {
	width: 100%;
	margin-top: 100px;
}
h1 {
	width: 100%;
	font-size: 23px;
}
.kiji_h1 {
	width: 100%;
}
#kiji_hituyou {
	width: 100%;
}
#kiji_hituyou h2 {
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_space {
	width: 100%;
}
#kiji_space h2 {
	font-size: 20px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_ooi {
	width: 100%;
}
#kiji_ooi h2 {
	font-size: 20px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_apartment {
	width: 100%;
}
#kiji_apartment h2 {
	font-size: 17px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_sonota {
	width: 100%;
}
#kiji_sonota h2 {
	font-size: 17px;
	width: 80%;
	border-left: solid 10px orange;
}
#kiji_matome {
	width: 100%;
}
#kiji_matome h2 {
	font-size: 20px;
	width: 80%;
	border-left: solid 10px orange;
}
.kiji_box {
	width: 100%;
}
.kiji_box_bigwaku {
	width: 100%;
}
.kiji_box_waku {
	width: 100%;
}
.kiji_imgbox {
	width: 100%;
}
.kiji_planbox {
	width: 100%;
}
.kiji_planbox img {
	width: 80%;
}
.kiji_box_waku p {
	font-size: 14px;
}
.kiji_p {
	display: inline-block;
	font-size: 18px;
	border-bottom: solid 2px #444444;
}
.kiji_box_waku p {

}
.hiyou_table {
	margin: 0 auto;
}
.hiyou_table th {
	font-size: 11px;
}
.hiyou_table td {
	font-size: 11px;
}
.pager_box {
	width: 100%;
}
}

@media screen and (max-width: 320px) {
	h1 {
		font-size: 18px;
	}
	.hiyou_table {
	margin: 0 auto;
}
.kiji_box_bigwaku {
	width: 100%;
}
.kiji_box_waku {
	width: 100%;
}
.kiji_imgbox {
	width: 100%;
}
.kiji_planbox {
	width: 100%;
}
.kiji_planbox img {
	width: 80%;
}
.hiyou_table th {
	font-size: 10px;
}
.hiyou_table td {
	font-size: 10px;
}
.pager_box {
	width: 100%;
}

.pagenation_1 a {
	padding-top: 5px;
	font-size: 13px;
	width: 100px;
}
.page_next a {
	padding-top: 5px;
	font-size: 13px;
	width: 100px;
}