body{
		color: #333;
		text-align: center;
		padding: 0;
		background-color:var(--main-color);
	}
	#main{
		font-size: 1.8rem;
		max-width:800px;
		margin:0 auto;
		padding: 0px;
	}
	#main .logo{margin-top:50px;}
	#main h1{font-size: 1.8rem;color:var(--key-S1-color);line-height:50%;margin:20px;}
	#main .copy a{color:var(--key-S1-color);}
	p{font-size: 1.4rem;margin: 0px;padding:0px;}
	p.date{text-align:right;margin-right:20px;}
	.frmflex{
		margin:20px 0;
		padding: 0px;
		display:flex;
		flex-wrap:wrap;
	}
	.box{
		text-align:center;
		line-height:100%;
		min-width:300px;
		min-height:220px;
		margin:5px auto;
		padding:20px;
		border:solid 1px var(--key-S9-color);
		border-radius:5px;
		box-sizing: border-box;
	}
	.frmflex h2{font-size: 1.6rem;}
	.frmflex h2,
	.frmflex a:link,
	.frmflex a:visited,
	.frmflex a:hover{text-decoration: none;}
	#tarot{
		background-color:#000;
		background-image: url(/inc/img/SephirothicTree.png);background-position:50% 15%;background-size:100%;background-repeat: no-repeat;
		box-sizing: border-box;
	}
	
	#tarot p{
		margin:5px 0;
		color:var(--key-W1-color);
	}
	#tarot img{margin:10px 0;border:solid 1px var(--key-S1-color);}
	#tarot a{color:var(--key-Y1-color);line-height:100%;margin:10px;}
	
	#shop p{
		color:var(--key-S9-color);
	}
	#shop{
		background-color:var(--key-W1-color);
	}
	#shop .fortune{
		font-size: 1.4rem;
	}
	#shop img{
		margin:5px 0;
		width: 120px;
	}
	#shop .tel{
		font-size: 1.8rem;
		margin:5px 0;
	}

/* ---------- ----------	@media	---------- ----------*/
 	@media screen and (min-width:960px){
 		.frmflex .box{width:Calc(50% - 10px);}
 		#tarot{margin:5px;}
 		#shop{margin:5px;}
 	}
 	@media screen and (min-width:768px) and (max-width:959px){
 		.frmflex .box{width:Calc(50% - 10px);}
 		#tarot{margin:5px;}
 		#shop{margin:5px;}
 	}
 	@media screen and (min-width:640px) and (max-width:767px){
 		.frmflex .box{width:Calc(100% - 20px);}
 	}
 	@media screen and (min-width:480px) and (max-width:639px){
	 	.frmflex .box{width:Calc(100% - 20px);}
	}
 	@media screen and (min-width:375px) and (max-width:479px){
	 	.frmflex .box{width:Calc(100% - 20px);}
 	}
 	@media screen and (max-width:374px){
	 	.frmflex .box{width:Calc(100% - 20px);}
	 	#shop .fortune{font-size: 1.2rem;}
 	}