/*
Theme Name:twentytwentyone-child
Theme URI:
Description:Child Theme for Twenty Twenty-One
Template:twentytwentyone
Author: 939.hollyway.info
Version: 1.4
*/

@charset "UTF-8";

/* restrict pages common */
body.restrict {
	background: #cfcfcf url(https://939.hollyway.info/wp-content/uploads/bg-01.png);
}

/* create space before h2 */
body.restrict div.block::before {
	display: block;
  height:  calc(3.125rem + ((1vw - 3.2px) * 5.6818));
	content: "";
}

@media only screen and (min-width: 1201px) {
	body.restrict div.block::before { height: 100px; }
}

/* restrict > h3 */
body.restrict h3 {
	color: var(--global--color-brown-2);
}

body.restrict .site-main > article > h3,
body.restrict .site-main > .not-found > h3, 
body.restrict .entry-content > h3,
body.restrict [class*="inner-container"] > h3,
body.restrict .wp-block-template-part > h3, 
body.restrict .wp-block-group .wp-block-group__inner-container > h3 {
	margin-top: calc(1.875rem + ((1vw - 3.2px) * 3.4091)); 
	margin-bottom: calc(0.625rem + ((1vw - 3.2px) * 0.5682));
}
@media only screen and (min-width: 1201px) {
	body.restrict .site-main > article > h3,
	body.restrict .site-main > .not-found > h3,
	body.restrict .entry-content > h3,
	body.restrict [class*="inner-container"] > h3,
	body.restrict .wp-block-template-part > h3, 
	body.restrict .wp-block-group .wp-block-group__inner-container > h3 {
		margin-top: 60px;
		margin-bottom: 15px;
	}
}

/* restrict > h4 */
body.restrict .site-main > article > h4,
body.restrict .site-main > .not-found > h4, 
body.restrict .entry-content > h4,
body.restrict [class*="inner-container"] > h4,
body.restrict .wp-block-template-part > h4, 
body.restrict .wp-block-group .wp-block-group__inner-container > h4 {
	margin-top: calc(1.875rem + ((1vw - 3.2px) * 2.2727));
	margin-bottom: calc(0.625rem + ((1vw - 3.2px) * 0.5682));
}
@media only screen and (min-width: 1201px) {
	body.restrict .site-main > article > h4,
	body.restrict .site-main > .not-found > h4,
	body.restrict .entry-content > h4,
	body.restrict [class*="inner-container"] > h4,
	body.restrict .wp-block-template-part > h4, 
	body.restrict .wp-block-group .wp-block-group__inner-container > h4 {
		margin-top: 50px;
		margin-bottom: 15px;
	}
}

/* 
restrict > h3 + *, 
restrict > h4 + * 
*/
body.restrict .site-main > article > h3 + *,
body.restrict .site-main > article > h4 + *,
body.restrict .site-main > .not-found > h3 + *,
body.restrict .site-main > .not-found > h4 + *,
body.restrict .entry-content > h3 + *,
body.restrict .entry-content > h4 + *,
body.restrict [class*="inner-container"] > h3 + *,
body.restrict [class*="inner-container"] > h4 + *,
body.restrict .wp-block-template-part > h3 + *,
body.restrict .wp-block-template-part > h4 + *, 
body.restrict .wp-block-group .wp-block-group__inner-container > h3 + *,
body.restrict .wp-block-group .wp-block-group__inner-container > h4 + * {
	margin-top: calc(0.625rem + ((1vw - 3.2px) * 0.5682));
}
 
@media only screen and (min-width: 1201px) {
	body.restrict .site-main > article > h3 + *,
	body.restrict .site-main > article > h4 + *,
	body.restrict .site-main > .not-found > h3 + *,
	body.restrict .site-main > .not-found > h4 + *,
	body.restrict .entry-content > h3 + *,
	body.restrict .entry-content > h4 + *,
	body.restrict [class*="inner-container"] > h3 + *,
	body.restrict [class*="inner-container"] > h4 + *,
	body.restrict .wp-block-template-part > h3 + *,
	body.restrict .wp-block-template-part > h4 + *, 
	body.restrict .wp-block-group .wp-block-group__inner-container > h3 + *,
	body.restrict .wp-block-group .wp-block-group__inner-container > h4 + * {
		margin-top: 15px;
	}
}

/* restrict > ul */
body.restrict .wp-block-group .wp-block-group__inner-container > ul {
	padding-left: calc(0.9375rem + ((1vw - 3.2px) * 1.7045));
}

@media only screen and (min-width: 1201px) {
	body.restrict .wp-block-group .wp-block-group__inner-container > ul {
		padding-left: 30px;
	}
}


/* restrict > ul.no-style */
body.restrict .no-style {
	list-style: none ;
}

/* restrict > ul.contents-list */
body.restrict ul.contents-list a {
	text-decoration: none;
}


body.restrict .no-padding-left, body.restrict .wp-block-group .wp-block-group__inner-container > .no-padding-left {
	padding-left: 0;
}
/* restrict > block: .group1(caustion, important) */
body.restrict .wp-block-group.group1 {
	margin-top: 30px !important;
  padding: 0 1em 1em;
  position : relative;
  border: 1px solid #81d4fa;
  background-color: #e1f5fe;
  border-radius: 30px;
}

body.restrict .group1 p {
	position: absolute;
	top: -0.8em;
	left: 20px;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #81d4fa;
	color: var(--global--color-white);
	margin: 0;
 	padding: 0 0.5em;
}

body.restrict .wp-block-group.group1 .wp-block-group__inner-container > ul {
		padding-top:15px;
}

/* restrict > block: .group1, unit: unit1 */
body.restrict .wp-block-group.group1 .wp-block-group__inner-container ul.unit1 {		margin: 10px;
		padding: 5px;
		list-style: none;
		background-color: white;
}

/* note */
body.restrict .note::before {
	display: inline-block;
	margin-right: 10px;
	content: "NOTE:";
}



/* restrict > .pdf */
body.restrict .pdf {
	width:48px;
}

/* restrict > block: #feature */
body.restrict #feature.wp-block-group .wp-block-columns .wp-block-column > * {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* restrict > block: #cleaning */
body.restrict #cleaning h3 {
  padding-left: 10px;
	border-left: 10px solid var(--global--color-brown-2);
}

/* eye catch caption */
body.disposer .wp-caption-text,
body.district .wp-caption-text,
body.garagedoor .wp-caption-text,
body.knowledge .wp-caption-text,
body.range .wp-caption-text {
  background-color: rgba(0,0,0,.3);	
}

body.dryer .wp-caption-text,
body.thermostat .wp-caption-text,
body.washer .wp-caption-text {
  color: rgba(0,0,0,.4);	
}

/* back to top */
#back-top {
	position: fixed;
	background: rgba(144,144,144,.5);
	min-width: 50px;
	min-height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	bottom: 2%;
	right: 2%;
	transition: 1s;
}

#back-top a:hover{ 
    opacity: 0.75;
}
     

/* home */
body.home {
  background-image: url(https://wp92002.hollyway.info/wp-content/uploads/939hollyway.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body.home	.text-block {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

body.home	h1 { color: var(--global--color-white); }

body.home	.text-block .login { 
	margin: 15px auto 0; 
	text-align: center;
  border-radius: 20px;
}

body.home	.text-block .login a { 
  border-radius: 30px;
}