/*! stylesheet style flipflop v1.00 (http://www.sofrosune.net/) */
/*!
	Copyright (C) 2015 Sofrosune; http://www.sofrosune.net/
	No part of this program may be reproduced or transmitted in any form or 
	by any means without permission from the author, Sofrosune.
	Version: 1.00, March 21, 2026
	Creation date: Mon Jul 13 2026 12:02:29 GMT+0900
*/
/*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet base globals v1.00 (http://www.sofrosune.net/) */
/*! stylesheet common set v1.00 (http://www.sofrosune.net/) */
/**/
/*! stylesheet mixins v1.00 (http://www.sofrosune.net/) */
/* === TEMP === */
/** Usage: .TEMP
*/
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	--flipflop-bg: #fff;
	--flipflop-base-scale: 1.00;
	--flipflop-active-scale: 1.33;
}

div.flipflop {
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: auto;
}
div.flipflop .panel {
	position: relative;
	z-index: 0;
	transform: scale(var(--flipflop-base-scale));
	transition: transform 0.4s ease;
}
div.flipflop .panel img {
	border: 2px solid rgba(255, 255, 255, 0.8);
}
div.flipflop .panel.active {
	transform: scale(var(--flipflop-active-scale));
	z-index: 99 !important;
}
div.flipflop .panel {
	/*
			width:38.0%;
		//	&:nth-child(1) { width:50.0%; }
			@include if-sm-up() {
				width:38.0%;
			//	&:nth-child(1) { width:50.0%; }
			}
			@include if-md-up() {
				width:25.0%;
			//	&:nth-child(1) { width:33.0%; }
			}
			@include if-lg-up() {
				width:16%;
			//	&:nth-child(1) { width:20.0%; }
			}
	*/
	/*
			&:nth-child(1) {
				width:50.0%;
				@include if-sm-up() {
					width:50.0%;
				}
				@include if-md-up() {
					width:33.0%;
				}
				@include if-lg-up() {
					width:20.0%;
				}
			}
	*/
}

/* end of style */