@charset "UTF-8";
/*＝＝＝＝＝＝#共通＝＝＝＝＝＝＝＝*/
#housing .inner {
	text-align: left;
}

#mainPhoto {
	width:100%;
	margin: 0 0 4rem;
}

.floatL,.floatR {
	width:49%;
}

main figure {
	margin-bottom: 2rem;
}

.floatL figure,.floatR figure,.column2 li figure {
	margin-bottom: 2rem;
}

main p {
	margin-bottom: 2rem;
}

main p.caption {
	margin: 0.2rem 0 0;
	font-size: 90%;
}

#housing .inner h2.nomal {
	background: none;
	line-height: 1.6;
	display: block;
	text-align: center;
}

h3 {
	margin: 4% 0 2rem 0;
	padding: 0 0 0 1.8rem;
	background: url(../image/common/maru.png)no-repeat 0 50%;
	background-size: 19px;
}
h4 {
	font-size: 100%;
	margin:2% 0 2rem ; 
}

.column2 li {
	float: left;
	width:49%;
	margin: 0 2% 0 0;
 }
 
.column2 li:nth-child(2n) {
	float: right;
	margin: 0 0 0 0;
 }
 
 .column3 li {
	float: left;
	width:32%;
	margin: 0 2% 0 0;
 }
 
.column3 li:nth-child(3n) {
	margin: 0 0 0 0;
 }

.column73 li {
	float: left;
	width:66%;
	margin: 0 2% 0 0;
 }
 
.column73 li:nth-child(2n) {
	float: right;
	margin: 0 0 0 0;
	width:32%;
 }

.mediaList {
	margin-bottom: 2rem;
}
.mediaList li {
	float: left;
	width:23.5%;
	margin: 0 2% 2rem 0;
	padding-left: 0.8rem;
	background: url(../image/common/maru.png)no-repeat 0 50%;
	background-size: 6px;
}

.mediaList li:nth-child(4n) {
	margin: 0 0 2rem 0;
}

.mediaList li a {
	color:#D0251A;
	text-decoration: underline;
}

.mediaList li.longList {
	width: 47%;
}

.btn {
    width: auto;
}
p.btn a{
	background: #18813F;
	color: #fff;
	width: 55%;
	margin: 8% auto 0;
	padding: 0.8rem 2rem;
	border-radius: 100px;
	font-size: 18px;
}
.mb4 {
	margin-bottom: 4rem;
}

#mainSuv {
	background: url(../image/shrine/shrine_main.jpg) no-repeat 0 0;
	background-size: cover;
}

#pjList li {
	width: 32%;
	text-align: center;
}

#pjList li a {
    background: #18813F;
    color: #fff;
    margin: 5rem auto 0;
    padding: 0.8rem 2rem;
    border-radius: 100px;
    font-size: 16px;
    width: 70%;
}

@media screen and (min-width:320px) and ( max-width:767px) { 
	main h2.nomal {
		font-size: 120%;
	}

	main h3 {
		padding: 0 0 0 1.2rem;
		background-size: 14px;
	}
	
	h4 {
		font-size: 100%;
		margin: 0 0 1rem;
	}
	
	main p,main li,main a,.gaiyo span {
		font-size: 14px;
	}
	
	main p.caption {
		font-size: 12px;
	}
	
	main figure {
		margin-bottom: 1rem;
	}

	.floatL figure,.floatR figure,.column2 li figure {
		margin-bottom: 1rem;
	}

	main p {
		margin-bottom: 1rem;
	}
	
	.floatL,.floatR {
		width:100%;
	}

	.column2 .floatL {
		float: left;
		width: 49%;
	}

	.column2 .floatR {
		float: right;
		width: 49%;
	}
	.column2 li {
		float: left;
		width:49%;
		margin: 0 2% 0 0;
	 }

	.column2 li:nth-child(2n) {
		float: right;
		margin: 0 0 0 0;
	 }
	
	.column73 li {
		float: none;
		width:100%;
		margin: 0 2% 0 0;
	 }

	.column73 li:nth-child(2n) {
		float: none;
		width:49%;
		margin: 0 auto;
	 }
	
	.mediaList li {
		float: left;
		width:49%;
		margin: 0 2% 1rem 0;
	}

	.mediaList li:nth-child(2n) {
		margin: 0 0 1rem 0;
	}

	.mediaList li.longList {
		width: 49%;
	}	

	p.btn a{
		width: 100%;
		font-size: 12px;
		padding: 0.4rem 0;
	}

	.gaiyo span {
		display: block;
		padding:0 0 0 1.2em;

	}

	#pjList.flexBox {
		display: block;
	}

	#pjList li {
		width: 100%;
	}

	#pjList li a {
		margin: 2rem auto 0;
		font-size: 14px;
		width: 90%;
	}







}