@charset "utf-8";
/* +++++++++++++++++++++++++++++++

horoscope2022/layout.css

+++++++++++++++++++++++++++++++ */

p{
	margin:10px 0!important;
}
.feature{
	background:#fff;
	
}
.luckybox{
	display:flex;
	justify-content:space-between;
}
.luckybox p{
	width:calc((100% - 30px) / 3);
	text-align:center;
	font-size:12px!important;
}
.luckybox p .luckyttl{
	font-weight:500;
	color:#BE9457;
	font-size:13px!important;
}

@media print, screen and (min-width: 768px) {

/* +++++++++++++++++++++++++++++++

 PC/Tablet

+++++++++++++++++++++++++++++++ */
header .image img{
	width:100%;
}

.columncontainer{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.columncontainer .columnbox{
	width:314px;
	border:2px solid #BE9457;
	padding:10px;
	margin-bottom:18px;
	box-sizing:border-box;
}
.columncontainer .columnbox .innerbox p{
	line-height:1.6; 
	font-size:15px;

}

.fortuneteller{
	display:flex;
	width:90%;
	margin:0 auto;
}
.fortuneteller .portrait{
	width:200px;
}
.fortuneteller .portrait img{
	border-radius:50%;
}
.fortuneteller .profile{
	padding-left:1em;
}
.fortuneteller .profile p{
	font-size:15px;
}


}

@media screen and (max-width: 767px) and (min-width: 0px) {
/* +++++++++++++++++++++++++++++++

 SmartPhone

+++++++++++++++++++++++++++++++ */
.columncontainer .columnbox{
	width:95%;
	border:2px solid #BE9457;
	padding:10px;
	margin:10px auto 0;
	box-sizing:border-box;
}
.columncontainer .columnbox .innerbox p{
	line-height:1.6; 
	font-size:15px;

}

.fortuneteller{
	width:90%;
	margin:0 auto;
}
.fortuneteller .portrait{
	width:150px;
margin:0 auto;
}
.fortuneteller .portrait img{
	border-radius:50%;
}
.fortuneteller .profile{
	padding:1em;
}
.fortuneteller .profile p{
	font-size:15px;
}



}