/*
Theme Name:  DAN Theme
Theme URI:   https://www.tire-shop.co.jp/
Author:      Daisuke Yamamoto (Analog Studio)
Author URI:  https://web.analogstd.com/
Version:     0.1
Text Domain: stillbedomain
Domain Path: /languages
*/





/***********************/
/* Default Reset Style */
/***********************/

*, *::before, *::after{
	margin              : 0;
	padding             : 0;
	font-size           : inherit;
	font-weight         : inherit;
	font-family         : inherit;
	line-height         : inherit;
	color               : inherit;
	word-break          : break-word;
	box-sizing          : border-box;
}
header, main, footer,
article, section, nav, aside, div,
figure, figcaption, hgroup,
dl, dt, dd,
detail, summary{
	display             : block;
}
img, iframe, canvas, figure, video{
	width               : auto;
	height              : auto;
	max-width           : 100%;
	max-height          : 90vh;
}
figure, aside iframe{
	max-height          : none;
}
h1, h2, h3, h4, h5, h6{
	margin              : 0;
}
p{
	margin              : 0.75em 0;
}
ul{
	list-style-type     : none;
}
template{
	display             : none;
}
input:focus,
textarea:focus{
	outline             : none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance  : none;
	appearance          : none;
	margin              : 0;
}

/******************************/
/* END of Default Reset Style */
/******************************/



/**************************/
/*      CSS variable      */
/* This values is default */
/**************************/

:root{
	--main-font-color   : #333333;
	--main-gray-color   : #DDDDDD;
	--main-bg-color     : #FFFFFF;
	--main-light-color  : #FFFFFF;
	--main-border-color : #AAAAAA;
	--main-color        : #555555;
	--link-font-color   : #333333;
	--link-hover-color  : #AAAAAA;
	--accent-color      : #A22626;
	--var-transition    : 1.2s;
}

/***********************/
/* END of CSS variavle */
/***********************/



/*************************/
/* Common Style Settings */
/*************************/

html, body{
	margin              : 0;
	padding             : 0;
	min-height          : 100%;
	font-size           : 16px;
	font-family         : 'Noto Serif JP', 'Noto Serif', serif;
	line-height         : 1.7em;
	color               : #333333;
	color               : var(--main-font-color);
	background-color    : #FFFFFF;
	background-color    : var(--main-bg-color);
}
body > header,
body > footer{
	font-family         : 'Josefin Slab', 'Noto Serif JP', 'Noto Serif', serif;
	font-weight         : 700;
}
a{
	color               : #333333;
	color               : var(--link-font-color);
	text-decoration     : none;
	transition          : 0.35s;
}
a:hover{
	color               : #AAAAAA;
	color               : var(--link-hover-color);
	text-decoration     : none;
}
a img{
	outline             : none;
	border-style        : none;
}
#wpadminbar .ab-icon:before,
#wpadminbar .ab-icon:after{
	all                 : unset;
}
aside{
	overflow            : hidden;
}
.display-none{
	display             : none;
}

/* フッターを下部に固定する */
/* Fix the footer on bottom */
html, body{
	display             : flex;
	flex-direction      : column;
}
body{
	flex-grow           : 1;
	flex-shrink         : 0;
}
body > main{
	flex-grow           : 1;
}
body > *{
	flex-shrink         : 0;
}

/* セクション内の要素の最大幅を設定 */
/* 実際の最大幅はカスタマイザの設定値を使う */
/* Max width of each elements on the top level section */
/* Use the customizer settings for the actual max width */
.section-inner-wrapper{
	display             : block;
	margin              : 0 auto;
	padding             : 10px 2%;
	max-width           : 1600px;
}

/********************************/
/* END of Common Style Settings */
/********************************/