@charset "utf-8";


/* TABLET LAYOUT 1
**************************************************************************************************** ~~~~~800 */
@media only screen and (max-width: 700px) {


header>div {
	font-size: max(1.5rem, 20px);	/**/
	}
#header {}

header h1 {width: 24%; }	/**/
header nav {}
header ul {}
header ul li {margin: 0 1.2rem; }	/**/
header ul li:last-child {
	width: max(1.0rem, 18px);
	}
header ul li:last-child img {}

header ul li.sub {display: none; }	/**/


footer {}

footer > div {
	position: relative;
	top: 50%;
	display: block	/**/;
	flex-wrap: wrap;
	margin: 0 auto;
/*	padding-bottom: min(var(--photo_size_x4_height), var(--photo_size_x4_height_max));*/
	width: var(--win);
	max-width: var(--max);
	
	font-size: min(2.0rem, 40px);	/**/
	line-height: 1.4;
	}
footer i {
	font-size: min(1.6rem, 32px);	/**/
	font-style: normal;
	}
footer h1 {
	width: 40%;	/**/
	margin-right: 3%;
	padding-right: 3%;
	margin-bottom: 1.5em;	/**/
	border-right: solid 0px #000;	/**/
	}
footer div div {
	position: absolute;
	top: 3.5em;
	right: 0;
	width: 20px;
	border: solid 0px #f00;
	}
footer div div img {width: 100%; }


footer span {
	position: relative;
	width: 100%;	/**/
	}
footer span ul {width: 100%; }	/**/
footer span ul li {width: 100%; }
footer span ul:nth-of-type(1) {margin-bottom: min(1.5em, 50px); }	/**/
footer span ul:nth-of-type(1) li {margin-bottom: min(0.5rem, 15px); }
footer span ul:nth-of-type(2) {
	display: block;	/**/
	flex-wrap: wrap;
	margin-bottom: min(1.5em, 50px);	/**/
	width: 100%;
	border: solid 0px #f00;
	}
footer span ul:nth-of-type(2) li, footer span ul:nth-of-type(2) li i {	/**/
	font-size: min(1.4rem, 28px);
	}
footer span ul:nth-of-type(2) li {	/**/
	margin-bottom: 0.5em;
	}
footer span ul:nth-of-type(2) li:not(:first-child) {width: 100%; }	/**/
footer span ul:nth-of-type(3) {
	position: static;	/**/
	top: 0;
	left: 50%;
	border: dotted 0px #ccc;
	}









section {
	padding-bottom: min(var(--sec_pad_x2_btm), var(--sec_pad_x2_btm_max));
	}
section:nth-of-type(1) {
	}
section div.h {
	margin: 0 auto;
	width: var(--win);
	max-width: var(--max);
	border: solid 0px #f00;
	}
h2, h5, h6 {font-family: "titlefont", sans-serif; }
h2 {
	display: inline-block;
/*	margin: 0 0 min(4rem, 65px) 0.4em;*/
	margin: 0 0 min(4rem, 65px) calc(var(--photo_x2)*0.5*1%);	/**/
	font-size: min(16rem, var(--h2));	/**/
	line-height: 1;
	text-align: center;
	transform: translatex(-50%);
	border: dotted 0px #f00;
	}
.spe h2 {
	margin-left: 0.3em;
	transform: translatex(0);
	}
h2.b {margin-left: calc(var(--photo_x2)/2*1%); }	/**/
h2 b {
/*	margin-top: max(-3.2rem, calc(-1*0.585em));	/**/
	font-size: min(5.44rem, var(--h2b));	/**/
	color: #999;
	}
.little h2 {font-size: min(calc(16rem*var(--h2_little)), calc(var(--h2)*var(--h2_little))); }	/**/
.little h2 b {font-size: min(calc(5.44rem*var(--h2_little)), calc(var(--h2b)*var(--h2_little))); }	/**/
h2 i {display: none; }

div.models {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: var(--win);
	max-width: var(--max);
	border-top: solid 0px #ccc;
	}

div.models > div {
	position: relative;
	margin: min(var(--photo_margin_min_btm), var(--photo_mgn_max_btm)) min(var(--photo_margin_min), var(--photo_mgn_max));
	margin-top: 0;
	margin-left: 0;
	width: calc(var(--photo_x2)*1%);	/**/
	border: dotted 0px #000;
	}
div.models div:nth-child(2n) {	/**/
	margin-right: 0;
	border: dotted 0px #f00;
	}
div.models div img {
	width: 100%;
	height: var(--photo_size_x2_height);	/**/
	max-height: var(--photo_size_x2_height_max);	/**/
	object-fit: cover;
	object-position: 50% 50%;
	
	}




div.models > div h3 {
	position: relative;
	background: #fff;
	font-size: clamp(12px, 1.2rem, 30px);
	line-height: 1.5;
	z-index: 99;
	}

div.models > div div {
	position: absolute;
	background: rgba(0,0,0, 0.5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	opacity: 0;
	transition: all 0.4s;
	border: solid 0px #000;
	}
div.models > div:hover div {opacity: 1; }

div.models > div div span {
	position: absolute;
	top: min(var(--photo_size_x2_h_center), var(--photo_size_x2_h_center_max));	/**/
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	border: solid 0px #fff;
/*	opacity: 1;*/
/*	transition: all 0.5s;*/
	}
/*div.models > div:hover div span {opacity: 1; }*/

div.models span h5, div.models span h6 {
	font-size: clamp(20px, 2.0rem, 56px);	/**/
	line-height: min(3.6rem, 120px);	/**/
	color: #fff;
	}
div.models span h5 {
	position: relative;
	font-size: clamp(12px, 0.8rem, 36px);	/**/
	line-height: min(1.8rem, 36px);	/**/
	}
div.models span h5:before {
	position: absolute;
	display: inline-block;
	content: "";
	left: 50%;
	bottom: max(-0.25rem, -10px);
	width: 15%;
	height: 1px;
	transform: translate(-50%, -50%);
	background-color: #fff;
	}











div.info {
	position: relative;
	display: block;	/**/
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 0 auto 50px;
	width: var(--win);
	max-width: var(--max);
	border: dotted 0px #f00;
	}

div.info h2 {
	position: static;	/**/
	left: 0;
	width: 100%;
	margin: 0 0 0.5em 0;
	font-size: max(7rem, calc(var(--h2)*0.30));
	font-size: max(7rem, calc(var(--h2)*0.56));
	font-size: 12rem;
	text-align: left;
	transform: translatex(0%);
	}
div.info div.prof {
	border: solid 0px #ccc;
	}

div.info div.prof div {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	white-space: nowrap;
	border: dotted 0px #000;
	}

div.info div.prof div span {
	margin-right: min(2.4rem, 70px);	/**/
	margin-bottom: min(2.0rem, 40px);	/**/
	border: dotted 0px #ccc;
	}
div.info div.prof div:first-child span {margin-bottom: min(4rem, 80px); }	/**/
div.info div.prof div span:last-child {margin-right: 0; }
div.info div.prof div:last-child span:last-child {
	text-align: center;
	border: solid 0px #f00;
	}

div.info div.prof div span h5, div.info div.prof div span h6 {
	font-size: clamp(40px, 4.0rem, 80px);	/**/
	line-height: clamp(40px, 4.4rem, 120px);	/**/
	}
div.info div.prof div span h5 {
	position: relative;
	font-size: clamp(24px, 2.0rem, 40px);	/**/
	line-height: clamp(48px, 2.2rem, 60px);	/**/
	}

div.info div.prof div span.insta a h6 {
	background: url(img/inst.svg) no-repeat center center;
	background-size: min(3.6rem, 60px);	/**/
	text-indent: -9999px;
	border: solid 0px #f00;
	}
div.info div.prof div span.insta a:hover h6 {opacity: 0.3; }




div.photo {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: var(--win_photos);
	max-width: var(--win_photos_max);
	border: solid 0px #ccc;
	}
div.photo div {
	margin: min(var(--photo_margin_min), var(--photo_mgn_max)) min(var(--photo_margin_min), var(--photo_mgn_max));
	margin-top: 0;
	margin-right: 0;
	width: calc(1000/var(--win_mgn_no)*var(--photo_x2)*1%);
	border: dotted 0px #000;
	}
div.photo div.wide {width: calc(1000/var(--win_mgn_no)*100%); }

div.photo div img {
	width: 100%;
/*	height: var(--photo_size_x2_height);
	max-height: var(--photo_size_x2_height_max);
	object-fit: cover;
	object-position: 50% 50%;
*/	}
div.photo div.wide img {
	height: auto;
	max-height: none;
	}





}

/* TABLET LAYOUT 1
**************************************************************************************************** ~~~~~800 */
@media only screen and (max-width: 320px) {
header>div {
	margin: 30px auto 30px;
	border: solid 1px #f00;
	}
}