﻿html, body  	{ 	-webkit-text-size-adjust: none; text-size-adjust: none; }
      body  	{	font-size: clamp(15px, 1.00vw, 18px); line-height: 1.4; }      

a, button,
summary, label	{	text-decoration: none; cursor: pointer; }

.line > a:hover,
a.ico:hover		{	text-decoration: underline; }

small, .foot, 
#details td,
figcaption 		{	font-size: 0.90em; }

input, select, textarea,
strong, .btn	{	font-size: 1.05em; }

p a, .nob		{	white-space: nowrap; font-family: inherit; font-style: inherit; font-weight: inherit; }
p.quote		{	font-style: italic; }
p a:hover		{	text-decoration: underline; }

h1, h2, h3 		{	font-style: normal; font-weight: normal; line-height: 1.2; } 
		h1		{	font-size: 2.50em; } 
		h2		{	font-size: 1.75em; } 	#list > h3 	{ 	text-align: right; }
		h3		{	font-size: 1.50em; }
		h4		{	font-size: 1.25em; }

.start > h1		{	font-size: 2.75em; text-align: center; } 
article > h2	{	font-size: 2.00em; grid-column: 1 / -1; width: 100.0%; text-align: center; } 

:is(h1, h2):not(#detail h2) + p {	font-size: 1.20em; line-height: 1.4; }

	p, ul		{	line-height: 1.6; hyphens: auto; } 
	
	ul			{	display: block; line-height: 1.4;  } 
	ul > li		{	list-style-position: inside; margin-top: 0.25em; margin-left: 1.00em; text-indent: -1.00em; }

#asp figure + p {	line-height: 1.2; } 
	
/* --- Intro --- */

.intro > div span:nth-child(2) 	{ 	font-size: 3.00em; line-height: 1.2; }

/* --- Article --- */

#oems a > *		{ 	display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; text-align: center; }
#news a > h3	{ 	display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
#news a > p		{ 	display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; }

#quote p:first-child		{ 	font-size: 2.00em; line-height: 1.2; margin-left: 0.35em; text-indent: -0.35em; }
#quote p:first-child ~ p	{ 	margin-left: 0.70em; }

/* --- Form --- */

form p 	{ 	text-align: center; }

/* --- Icons --- */

.tel.hot,
.hh:before 		{ 	font-size: 2.00em; }

a[href^="javascript:history.back()"]:before,
a.ico:before, .btn:before, 
.link:before, .icon:before,
nav a.more:before,
summary:before	 	
				{ 	font-size: 1.50em; }

/* --- Spacing --- */

figure + :is(h3, p), 
* + figure,
* + figcaption, 
h2 + h3, 
h2 + p, 
h2 + ul, 
iframe + *,
* + h3,
hr + p,
p + table,
ul + table 		{	margin-top: 1.00em; }

h3:not(#list > h3) + *,
h4 + *,
ul + *,
p + *,
p + p			{	margin-top: 0.50em; }

/*	=================================
		Fonts
	================================= */

/**/ *	{	font-family: Courier, sans; font-style: normal; font-weight: normal; }

small, figcaption, footer *, #quote p:first-child
		{	font-family: 'sofo-200', Courier, sans; font-style: normal; font-weight: normal; }

*		{	font-family: 'sofo-400', Courier, sans; font-style: normal; font-weight: normal; }

h1, h2, strong, input, .intro span:not(.btn), #oems *
		{	font-family: 'sofo-500', Courier, sans; font-style: normal; font-weight: normal; }  

		{	font-family: 'sofo-600', Courier, sans; font-style: normal; font-weight: normal; } 
	
*:before, nav a:after
		{	font-family: 'icons', Courier, sans; font-style: normal; font-weight: normal; }  
	
@font-face 	{   font-family: 'sofo-200'; src: url('../fonts/hedleynew-light.woff2')   format('woff2'); }
@font-face 	{   font-family: 'sofo-400'; src: url('../fonts/hedleynew-regular.woff2') format('woff2'); }
@font-face 	{   font-family: 'sofo-500'; src: url('../fonts/hedleynew-medium.woff2')  format('woff2'); }
@font-face 	{   font-family: 'sofo-600'; src: url('../fonts/hedleynew-bold.woff2')    format('woff2'); }

@font-face 	{   font-family: 'icons';    src: url('../fonts/icongo.woff2') format('woff2'); }

/*	=================================
		END
	================================= */