@charset "utf-8";

html,body {
	background: #fff;
    color: #000;
	font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0;
}

body {
	-webkit-font-smoothing: antialiased;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

div#main-contents{
    width: 1000px;
    margin: 0 auto;
}

.sp_none{
	display: block;
}

.sp_only{
	display: none;
}


@media screen and (max-width:736px) {
	.sp_wrap img{
		width: 100%;
	}
	.sp_wrap main{
		margin-bottom: 50px;
	}
	
	.temple h2{
		margin-bottom: 10px;
	}
	.temple_list li{
		margin-bottom: 25px;
	}
	
	.plan h2{
		margin-bottom: 35px;
	}
	.plan h3{
		margin-bottom: 35px;
	}
	
	.plan_list{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	
	.plan_list li{
		width: 100%;
		margin-bottom: 30px;
	}
	
	.plan_list li:last-of-type{
		margin-bottom: 0;
	} 
	.plan_attention{
		margin-bottom: 50px;
	}
	
	
	.product h2{
		margin-bottom: 15px;
	}
	.product h3{
		margin-bottom: 15px;
	}
	
	.product_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 10px;
		width: 90%;
		margin: 0 auto;
	}
	
	.product_list li{
		width: 48%;
		margin-bottom: 30px;
	}
	
	.product_list li:nth-last-of-type(-n+2){
		margin-bottom: 0;
	} 
	
	footer{
		margin-top: 75px;
	}
	
	div#main-contents{
    width: 100%;
    margin: 0 auto;
	}
	div#main-contents img{
    width: 100%;
	}
	.sp_none{
	display: none;
	}

	.sp_only{
		display: block;
	}

}