.ph{width: 94%; max-width: 1300px;   font-size: 20px; letter-spacing: 0.1em; margin: 1em auto 4em;  
	text-align: center; }



.ph * {transition: all 0.2s; }

.ph img{width: 100%;}

.ph-menu{display: none;}

.ph-group-title {
    font-size: 150%;
    padding: 1em 0;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #8b553f;
}

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

.ph-group-content{position: relative;     width: 24%; background: white;  margin: 1.5em 0;   padding: 15px 15px 3em; border: solid 3px #ef7d4e;     border-radius: 10px; }


.ph-group-content-photo img{ border-radius: 10px; }

.ph-group-content-tag {
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 75%;
    transform: translate(-50%,-1em);
    background: #ef7d4e;
    color: white;
    border-radius: 5em;
    padding: 0.3em 1em;
    white-space: nowrap;
}

.ph-group-content-text-name{display: block; color: #8b553f;      line-height: 1.3; padding: 15px 0; border-bottom: solid 1px #ef7d4e;     }

.ph-group-content-text-detail{font-size: 75%;     line-height: 1.5; padding-top: 15px;     text-align: left;}

.ph-group-content-text-price{position: absolute; left: 50%; bottom: 0;  margin-left: -50%; display: block; width: 100%; background: #d4b700; color: white; font-weight: bold; font-size: 160%;        border-radius: 0 0 10px 10px;  padding: 0.2em 0.5em;     letter-spacing: 0; box-shadow: 0 6px 0 #ef7d4e; text-align: center;}
.ph-group-content:hover .ph-group-content-text-price{ transform: translateY(3px); box-shadow: 0 3px 0 #ef7d4e; filter: brightness(1.05);}
.ph-group-content-text-price span{font-size: 45%;}



@media screen and (max-width: 1300px){
   .ph-group-title { padding: 0.5em 0; }
   .ph-group{flex-wrap: wrap;}
   .ph-group-content{width: 48.5%;  }
}


@media screen and (max-width: 960px){
	.ph{ font-size: 18px; }
}


@media screen and (max-width: 768px){
	.ph{    margin: 1em auto 2em;}
	.ph-group-content{width: 100%;}
}





.poi-big{     width: 100%;      padding-bottom: 15px;   }
.poi-big .ph-group-content-photo{     width: 40%; float: left; }
.poi-big .ph-group-content-text{   position: relative;  width: 60%; height: 100%; float: right;     padding-left: 1em;      padding-bottom: 3em;   text-align: left; }
.poi-big .ph-group-content-text-name{font-size: 115%;}
.poi-big .ph-group-content-text-price{
	position: absolute;
    left: inherit;
    right: 0;
    bottom: 3px;
    margin-left: 0;
    display: inline-block;
    width: auto;
    border-radius: 10px;
    padding: 0.2em 1.5em; }

@media screen and (max-width: 960px){
	.poi-big .ph-group-content-photo{width: 50%;}
	.poi-big .ph-group-content-text{width: 50%; padding-bottom: 0;}
	.poi-big .ph-group-content-text-detail{ padding-bottom: 15px; }
	.poi-big .ph-group-content-text-price{
		position: relative; right: inherit; bottom: inherit; width: 100%;
	}
}