
/*
	HOME
 */

ul.pBtq { text-align: center; }

section.pReviews { width: 90vw; text-align: left; }

@media screen and (max-width: 767px) {
	li.mEntry.pBtq { display: block; margin: 5vw; }
	li.mEntry.pBtq > a { height: calc(90vw / 1.618); width: 90vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	li.mEntry.pBtq { display: inline-block; margin: 3vw; }
	li.mEntry.pBtq > a { height: calc(30vw / 1.618); width: 30vw; }
}
@media screen and (min-width: 1280px) {
	li.mEntry.pBtq { display: inline-block; margin: 1vw; }
	li.mEntry.pBtq > a { height: calc(21vw / 1.618); width: 21vw; }
	
	section.pReviews li.mCstReview {  }
}




/*
	KEY IMAGE
 */

section.pMainImage { vertical-align: top; }
section.pMainImage img { border-bottom: solid 0.5rem rgb(142, 112, 56); }
section.pImages img { border-bottom: solid 0.5rem rgb(142, 112, 56); }

@media screen and (max-width: 767px) {
	section.pMainImage {  }
	section.pMainImage figure { width: 100vw; height: 100vw; }
	section.pImages {}
	section.pImages figure.mPane { height: calc(75vw * 1.618 + 0.5rem); }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	section.pMainImage { display: inline-block; width: 50vw; }
	section.pMainImage figure { width: 50vw; height: 50vw; }
	section.pImages {  }
	section.pImages figure.mPane { }
}
@media screen and (min-width: 1280px) {
	section.pMainImage { display: inline-block; width: 50vw; padding-left: 12vw; }
	section.pMainImage figure { width: 38vw; height: 38vw; }
	section.pImages {  }
	section.pImages figure.mPane { height: calc(90vw / 4 * 1.618 + 0.5rem); }
}


/*
	TITLE
 */

div.pTitle { vertical-align: top; }
div.pTitle * { text-align: center; }

div.pTitle a.mCTA { margin: 2rem auto; }
div.pRating { text-align: center; }
div.pRating * { text-align: center; }
div.pRating p { margin-right: 0.5em; }
div.pRating .mRvwS > span, div.pRating .mRvwS svg { width: 2em; height: 2em; }

@media screen and (max-width: 767px) {
	div.pTitle { padding: 1rem 5vw; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	div.pTitle { display: inline-block; height: 50vw; width: 50vw; padding: 1rem 3vw; }
}
@media screen and (min-width: 1280px) {
	div.pTitle { display: inline-block; height: 31vw; width: 50vw; padding: 1rem 19vw 1rem 2vw; }
}


/*
	STORY
 */

div.pStory { display: inline-block; vertical-align: top; text-align: left;  }
@media screen and (max-width: 767px) { div.pStory { width: 90vw; margin: 5vw; }}
@media screen and (min-width: 768px) and (max-width: 1279px) { div.pStory { width: 62vw; margin: 3vw 19vw; }}
@media screen and (min-width: 1280px) { div.pStory { width: 38vw; margin: 2vw 31vw; }}


/*
	STORY
 */

section.mInfos { }
section.mInfos .mPane { background-color: rgb(245, 240, 238); padding: 1rem; }
section.mInfos .mPane > * { text-align: left; }
section.mInfos .mPane h2 { text-align: center; }

@media screen and (max-width: 767px) {
	section.mInfos {  }
	section.mInfos .mPane {  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
}
@media screen and (min-width: 1280px) {
	section.mInfos .mPane {   }
}