/*
 * Archive visual restore overrides.
 * Source reference: Wayback snapshot 2026-01-17 12:44:55 of megu-kasaneni.com.
 */

html,
body,
body.custom-background,
#wrapper,
#wrapperin {
	background-color: #f7f6f4;
}

body {
	color: #555555;
}

#content-w {
	background: transparent;
}

main,
#st-page {
	background-color: #ffffff;
}

header .sitename a,
header .descr,
nav li a {
	color: #89837e;
}

#st-headwide #headbox {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center !important;
}

#headbox {
	max-width: 1040px;
	padding-top: 10px !important;
	padding-bottom: 15px !important;
}

#header-l {
	display: flex !important;
	flex: 0 0 326px !important;
	justify-content: center !important;
	width: 326px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
	transform: translateX(-5px) !important;
}

#header-l #st-text-logo,
header #st-text-logo {
	width: 326px !important;
	text-align: center !important;
}

#header-l .sitename,
#header-l .sitenametop {
	text-align: center !important;
}

#header-l .sitename img,
header #st-text-logo .sitename img {
	width: 326px !important;
	height: auto !important;
}

header .descr {
	width: 326px !important;
	text-align: center !important;
}

.st-content-width,
#st-menuwide,
nav.smanone,
nav.st5,
#st-header-cardlink,
#st-menuwide div.menu,
#st-menuwide nav.menu,
#st-header,
#st-header-under-widgets-box,
#content,
#footer-in {
	max-width: 1060px;
}

#gazou-wide,
#st-menubox,
#st-menuwide,
#st-menuwide div.menu,
#st-menuwide nav.menu {
	background: transparent;
	border: 0;
}

#st-menubox {
	padding-bottom: 10px !important;
}

header .smanone ul.menu li,
header nav.st5 ul.menu li,
header #st-menuwide div.menu li,
header #st-menuwide nav.menu li {
	border-right: none;
}

header .smanone ul.menu li a,
header nav.st5 ul.menu li a,
header #st-menuwide div.menu li a,
header #st-menuwide nav.menu li a,
header .smanone ul.menu li a:hover,
header nav.st5 ul.menu li a:hover,
header #st-menuwide div.menu li a:hover,
header #st-menuwide nav.menu li a:hover {
	color: #555555;
}

header .smanone ul.menu li:hover,
header nav.st5 ul.menu li:hover,
header #st-menuwide div.menu li:hover,
header #st-menuwide nav.menu li:hover {
	background: rgba(255, 255, 255, 0.1);
}

header .smanone ul.menu li li a,
header nav.st5 ul.menu li li a,
header #st-menuwide div.menu li li a,
header #st-menuwide nav.menu li li a {
	background: #f4f1e8;
}

header .smanone ul.menu li li a:hover,
header nav.st5 ul.menu li li a:hover,
header #st-menuwide div.menu li li a:hover,
header #st-menuwide nav.menu li li a:hover {
	opacity: 0.9;
}

@media only screen and (min-width: 960px) {
	header .smanone ul.menu li,
	header nav.smanone ul.menu > li,
	header #st-menuwide nav.menu ul.menu > li {
		min-width: 150px !important;
		max-width: 150px !important;
		width: 150px !important;
	}

	header .smanone ul.sub-menu li ul.sub-menu {
		left: 150px !important;
	}
}

#st-headerbox {
	background-color: #fcfcfc;
	background-image: url("/wp-content/uploads/2019/09/top-visual-pc2.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#st-header {
	display: block !important;
	position: static !important;
	min-height: 600px;
}

body:not(.home):not(.front-page) #st-headerbox {
	background-image: none !important;
	background-color: transparent !important;
}

body:not(.home):not(.front-page) #st-header {
	min-height: 0 !important;
}

body:not(.home):not(.front-page) #top-visual {
	display: none !important;
}

body.single-post .st-eyecatch {
	height: 48px !important;
	overflow: hidden !important;
}

body.single-post .st-eyecatch img.wp-post-image {
	display: none !important;
}

body.single-post h1.entry-title:not(.st-css-no2),
body.single-post .post .entry-title:not(.st-css-no2) {
	color: #685a4c !important;
}

body.single-post .author_fixed {
	height: 334px !important;
}

body.single-post .author_fixed_r {
	height: 215px !important;
}

body.single-post .author_fixed_name {
	margin-bottom: 20px !important;
}

body.single-post .author_fixed_position {
	clear: none !important;
	display: inline-block !important;
	width: auto !important;
	height: 19.125px !important;
	transform: none !important;
}

#top-visual {
	z-index: 1;
}

#top-visual p {
	margin-bottom: 0;
}

#top-visual p:has(img[alt*="台所は家庭の薬箱"]),
#top-visual p:has(img[src*="kitchen-remedy"]),
#top-visual p:has(img.top-button) {
	width: min(410px, 100%);
	margin-left: auto;
	margin-right: 0;
}

#top-visual img[alt*="台所は家庭の薬箱"],
#top-visual img[src*="kitchen-remedy"] {
	display: block;
	margin-left: auto;
	margin-right: 0;
	width: min(410px, 100%);
	height: auto;
}

#top-visual .top-visual-txt {
	color: #555555;
	width: min(410px, 100%);
	margin-left: auto;
	margin-right: 0;
	text-align: center;
}

#top-visual img.top-button {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 960px) {
	#top-visual {
		position: relative;
		left: 503px;
		top: 120px;
		max-width: 500px;
		margin-bottom: 25px;
	}

	#top-visual .top-visual-txt {
		font-size: 95%;
		line-height: 1.55;
		margin-top: 23px;
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 801px) and (max-width: 959px) {
	#top-visual {
		position: relative;
		left: 440px;
		top: 120px;
		max-width: 283px;
	}

	#top-visual .top-visual-txt {
		font-size: 95%;
		line-height: 1.55;
		margin-bottom: 25px;
	}

	#top-visual img.top-button {
		max-width: 400px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
	#top-visual {
		position: relative;
		left: 400px;
		top: 100px;
		max-width: 283px;
	}

	#top-visual .top-visual-txt {
		font-size: 95%;
		line-height: 1.55;
		margin-bottom: 25px;
	}

	#top-visual img.top-button {
		max-width: 400px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	#top-visual {
		position: relative;
		left: 297px;
		top: 90px;
		max-width: 350px;
		margin-bottom: 25px;
	}

	#top-visual .top-visual-txt {
		font-size: 90%;
		line-height: 1.55;
	}

	#top-visual img.top-button {
		max-width: 380px;
	}
}

@media only screen and (max-width: 599px) {
	#st-header {
		min-height: 550px;
	}

	#top-visual {
		position: relative;
		left: 86px;
		top: 90px;
		max-width: 290px;
	}

	#top-visual .top-visual-txt {
		font-size: 95%;
		line-height: 1.45;
		margin-bottom: 20px;
	}

	#top-visual img.top-button {
		max-width: 230px;
	}
}

/* Author profile box from the AFFINGER5 custom CSS. */
.author_fixed {
	border: solid 1px #ded4c0 !important;
	padding: 30px !important;
	color: #4f4f4f !important;
	overflow: hidden !important;
	margin: 30px auto !important;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05) !important;
}

.author_fixed h6.author_fixed_h {
	border: none !important;
	padding: 0 !important;
	margin-bottom: 30px !important;
	font-size: 95% !important;
	line-height: 27px !important;
	text-align: center !important;
}

.author_fixed_img {
	width: 95px !important;
	height: 95px !important;
	border-radius: 50% !important;
}

.author_fixed_name {
	color: #958455 !important;
	vertical-align: bottom;
	margin-bottom: 27.875px !important;
}

.author_fixed_name p,
.author_fixed_name {
	font-size: 15px !important;
	line-height: 27px !important;
}

.author_fixed_name_f {
	font-size: 18px !important;
	line-height: 27px !important;
	font-weight: bold !important;
}

.author_fixed_position {
	clear: left !important;
	display: block !important;
	width: 249.313px !important;
	font-size: 12.75px !important;
	line-height: 19.125px !important;
	transform: translateY(4px) !important;
}

.author_fixed_profile {
	font-size: 15px !important;
	line-height: 27px !important;
}

ul.author_fixed_sns {
	padding: 0 !important;
}

.author_fixed_sns li {
	list-style: none !important;
	height: 40px !important;
	width: 40px !important;
	border-radius: 50% !important;
	float: left !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	line-height: 27px !important;
}

.author_fixed_sns li:last-of-type {
	margin-right: 0 !important;
}

.author_fixed_sns .facebook {
	background: #5c6bc0 !important;
}

.author_fixed_sns .instagram {
	background-image: linear-gradient(-135deg, #4933f7, #ef1837, #fbd980) !important;
}

.author_fixed_sns .web {
	background: #8c9bba !important;
}

.author_fixed_sns li a {
	width: 100% !important;
	height: 100% !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
}

.author_fixed_sns li a br {
	display: none !important;
}

.author_fixed_sns li a i {
	font-size: 120% !important;
}

.author_fixed_sns li.prof-button {
	width: 150px !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.author_fixed_sns li.prof-button .st-mybtn {
	width: 122.422px !important;
	height: 41px !important;
	font-size: 13.5px !important;
	line-height: 27px !important;
}

.author_fixed_sns li.prof-button a {
	display: inline-block !important;
	box-sizing: border-box !important;
	width: 122.422px !important;
	height: 41px !important;
	font-size: 12.825px !important;
	line-height: 27px !important;
}

@media screen and (min-width: 600px) {
	.author_fixed {
		height: 307px !important;
	}

	.author_fixed_img {
		float: left !important;
	}

	.author_fixed_r {
		float: right !important;
		width: calc(100% - 115px) !important;
		height: 188px !important;
		margin-left: 20px !important;
	}

	.author_fixed_name_f {
		margin-right: 10px !important;
		float: left !important;
	}

	ul.author_fixed_sns {
		margin: 0 !important;
	}
}

@media screen and (max-width: 600px) {
	.author_fixed {
		padding: 30px 10% !important;
	}

	.author_fixed h6.author_fixed_h {
		margin-bottom: 20px !important;
	}

	.author_fixed_img {
		display: block !important;
		margin: 0 auto 20px !important;
	}

	.author_fixed_name {
		text-align: center !important;
	}

	ul.author_fixed_sns {
		display: flex !important;
		justify-content: center !important;
		margin: 0 auto !important;
	}
}

/* Footer logo restore. */
#footer {
	max-width: 1030px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 0 0 20px !important;
	text-align: center !important;
}

#footer-in {
	max-width: 1010px !important;
	text-align: center !important;
}

#footer #st-text-logo,
footer #st-text-logo {
	width: 300px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
}

#footer .footerlogo,
footer .footerlogo {
	width: 300px !important;
	height: 70.75px !important;
	margin: 0 auto 10px !important;
	overflow: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	text-align: center !important;
	transform: translateY(25px) !important;
}

#footer .footerlogo::before,
footer .footerlogo::before {
	content: "" !important;
	display: block !important;
	width: 300px !important;
	height: 60.75px !important;
	background-image: url("/wp-content/uploads/2023/03/logo-association.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
}

#footer .footer-description,
footer .footer-description {
	width: 300px !important;
	margin: 0 auto 5px !important;
	color: #636363 !important;
	text-align: center !important;
	transform: translateY(25px) !important;
}

/* Article slider arrows: improved for AFFINGER7 instead of mimicking the archive. */
.content-post-slider.slick-slider .slick-arrow {
	top: 47% !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border: 1px solid rgba(193, 167, 138, 0.78) !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.96) !important;
	box-shadow: 0 8px 22px rgba(115, 88, 59, 0.16) !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 44px !important;
	opacity: 1 !important;
	z-index: 30 !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.content-post-slider.slick-slider .slick-prev {
	left: -22px !important;
}

.content-post-slider.slick-slider .slick-next {
	right: -22px !important;
}

.content-post-slider.slick-slider .slick-arrow::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	display: block !important;
	width: 10px !important;
	height: 10px !important;
	margin: 0 !important;
	border-top: 2px solid #9b7650 !important;
	border-right: 2px solid #9b7650 !important;
	font-size: 0 !important;
	line-height: 1 !important;
	opacity: 1 !important;
}

.content-post-slider.slick-slider .slick-prev::before {
	transform: translate(-38%, -50%) rotate(-135deg) !important;
}

.content-post-slider.slick-slider .slick-next::before {
	transform: translate(-62%, -50%) rotate(45deg) !important;
}

.content-post-slider.slick-slider .slick-arrow:hover,
.content-post-slider.slick-slider .slick-arrow:focus {
	border-color: #c1a78a !important;
	background: #fffdf9 !important;
	box-shadow: 0 10px 24px rgba(115, 88, 59, 0.22) !important;
	opacity: 1 !important;
	outline: none !important;
}

.content-post-slider.slick-slider .slick-prev:hover,
.content-post-slider.slick-slider .slick-prev:focus {
	transform: translateX(-2px) !important;
}

.content-post-slider.slick-slider .slick-next:hover,
.content-post-slider.slick-slider .slick-next:focus {
	transform: translateX(2px) !important;
}

@media screen and (max-width: 959px) {
	.content-post-slider.slick-slider .slick-arrow {
		top: 45% !important;
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
	}

	.content-post-slider.slick-slider .slick-prev {
		left: 8px !important;
	}

	.content-post-slider.slick-slider .slick-next {
		right: 8px !important;
	}
}