/*
Theme Name: kan80.01
Description: theme for KUTUROGI-NO-IE only
Author: Syuhei Kowata
*/


/*kan61ベース、PHP8対応*/

@charset "utf-8";
@import url('css/ress.css');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Petrona:wght@200&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Petrona:wght@300&display=swap'); */
/*------------------------------- CSS変数の宣言 */
:root {
--textColor: #444;
--bgColor: #fff;
--hoverColor: DarkOrange;
--engFont: 'Petrona';
--regFontSize: 1.4rem;
--regLineHeight: 1.75em;
}

/*-------------------------------------------*/
html {
	height: 100%;
	font-size: 10px;
}
body {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	
	display: flex;
	flex-flow: column;
	align-items: center;
	
	min-height: 100vh;
	margin: 0;
	padding: 0	2rem;
	border: none;
	
	text-align: left;
	letter-spacing: 0em;
	font-size: var(--regFontSize);
	line-height: var(--regLineHeight);
	
	color: var(--textColor);
	background-color: var(--bgColor);
}
.enjp{
	font-family: 'Petrona'			,'Noto Serif JP', serif;
}

h1,
h2,
h3,
.articleTitle,
.wpcf7-submit {
	text-decoration: none;
	font-weight:300;
}
.s{
font-size: 0.9em;
line-height: 1.6em;
}
.ss{
font-size: 0.8em;
line-height: 1.5em;
}

#container {
width: 100%;
margin: 0 auto;
}

.contentTitle {
font-size: 	1.8rem;
letter-spacing: 0em;
}
.jp,
#msgTitleMain,
#newsTitle,
#mainTitle { 
letter-spacing: 0.4rem;
}
#subTitle,
.en,
#msgTitleSub,
#copyright{
font-family: var(--engFont);
letter-spacing: 0;
}
/*-------------------------------------------*/
.wp-block-image,
#gMapBox,
#linkToGMap{
user-select: none;
}

*:focus{		/*Safariでフォーカスされているコントロールに水色のボーダー*/
outline : none;
}
a {	/*タップしたときの青い四角*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
cursor:pointer;
}

a {
color: var(--textColor);
text-decoration: none;
}

a:hover {
color: var(--hoverColor);
}
figcaption{
font-size: 1.25rem;
line-height: 1.6em;
padding-top: 0.2em;
margin-left: 1em;
}


#bgd {
z-index: -200;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100vh;

background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: var(--bgColor);
}

#footer {
width: 100%;
text-align: center;
margin-top: auto;
margin-bottom: 1rem;
padding-top: 4rem;
user-select: none;
}
#copyright {
font-size: 1.1rem;
line-height:1.3em;
padding: 0 1rem;
}
/*--------------------------------------*/
.nWrap{
white-space: nowrap;
}
.spr {
margin-right: 1em;
}

.tShade {
text-shadow:
0rem 0rem 0.1rem #000,
0rem 0rem 0.2rem #000,
0rem 0rem 0.3rem #000,
0rem 0rem 0.4rem #000;
}

.invisi {
visibility: hidden;
border: none;
height: 0;
margin: 0;
}

.sp10{	margin-bottom: 1rem; }
.sp20{	margin-bottom: 2rem; }
.sp30{	margin-bottom: 3rem; }

.dummy {
z-index: 1000;
font-size: 1.3rem;
text-align: left;
line-height: 1.2em;
color: red;
margin-left: 1rem;
}
.dumCss {
color: #08B000;
}

@media screen and (max-width: 400px) {
#copyright {
display: block;
transform: scale(0.8);
transform-origin: center bottom; 
}
}