/*
Theme Name:     Divi Child
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     https://www.elegantthemes.com
Template:       Divi
Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */


/* -------------------------------------------------------
	Site Common Style
------------------------------------------------------- */

#page-container {
	overflow-y: unset !important;
}
.large-font {
	font-size: 1.1em !important;
}


/* -------------------------------------------------------
	Header Style
------------------------------------------------------- */

header {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
}
header .et_mobile_menu {
	margin-top: 1.5rem !important;
	max-height: 70vh !important;
	overflow-y: auto !important;
}


/* -------------------------------------------------------
	Footer Style
------------------------------------------------------- */

#menu-footer-navi {
	display: flex;
	flex-direction: column;
}
#menu-footer-sub-navi {
	display: flex;
	flex-direction: column;
}
.miyabi-google-map {
	width: 100%;
	max-width: 30rem;
	height: 12.5rem;
	border-radius: .3rem; 
}
@media screen and (max-width: 980px) {
	footer .miyabi-footer-menu-box > .et_pb_column:nth-child(1),
	footer .miyabi-footer-menu-box > .et_pb_column:nth-child(4) {
		width: 100% !important;
	}
	footer .miyabi-footer-menu-box > .et_pb_column:nth-child(2),
	footer .miyabi-footer-menu-box > .et_pb_column:nth-child(3) {
		width: calc(100% / 2) !important;
	}
	footer .et_pb_menu__menu {
		display: block !important;
	}
	footer .et_mobile_nav_menu {
		display: none !important;
	}
	footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
		justify-content: center !important;
	}
}
@media screen and (max-width: 480px) {
	footer .miyabi-footer-menu-box > .et_pb_column:nth-child(2),
	footer .miyabi-footer-menu-box > .et_pb_column:nth-child(3) {
		width: 100% !important;
	}
	footer .et_pb_menu__menu ul {
		align-items: center !important;
	}
}


/* -------------------------------------------------------
	Home Style
------------------------------------------------------- */

.header-content {
	width: 100% !important;
}
@media screen and (max-width: 480px) {
	.header-content {
		display: flex !important;
		flex-direction: column !important;
	}
	.header-content .et_pb_button:first-of-type {
		margin-right: 0 !important;
	}
}


/* -------------------------------------------------------
	Instagram Feed Style
------------------------------------------------------- */

.sbi_load_btn:hover,
.sbi_follow_btn>a:hover {
	opacity: .5 !important;
}
.sbi_photo_wrap {
	width: 100% !important;
	height: 18rem !important;
}
.sbi_photo {
	width: 100% !important;
	height: 100% !important;
}
#miyabi-instagram-jst .sbi_item:not(:has(img[alt*="#有限会社雅の和型墓石"])),
#miyabi-instagram-wst .sbi_item:not(:has(img[alt*="#有限会社雅の洋型墓石"])), 
#miyabi-instagram-jwst .sbi_item:not(:has(img[alt*="#有限会社雅の和洋型墓石"])),
#miyabi-instagram-dt .sbi_item:not(:has(img[alt*="#有限会社雅のデザイン墓石"])),
#miyabi-instagram-rf .sbi_item:not(:has(img[alt*="#有限会社雅の改修舞台"])),
#miyabi-instagram-os .sbi_item:not(:has(img[alt*="#有限会社雅の納骨堂"])),
#miyabi-instagram-tds .sbi_item:not(:has(img[alt*="#有限会社雅の立体彫刻"])),
#miyabi-instagram-bs .sbi_item:not(:has(img[alt*="#有限会社雅の仏像"])),
#miyabi-instagram-ip .sbi_item:not(:has(img[alt*="#有限会社雅の象嵌加工"])),
#miyabi-instagram-pv .sbi_item:not(:has(img[alt*="#有限会社雅の加工動画"])),
#miyabi-instagram-sh .sbi_item:not(:has(img[alt*="#有限会社雅の現場ハイライト"])) {
	display: none !important;
}


/* -------------------------------------------------------
	Contact Form 7 Style
------------------------------------------------------- */

form > p {
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}
form > p > span {
	width: 90% !important;
}
form > p > span[data-name="customer-acceptance"] {
	text-align: center !important;
}
.wpcf7-list-item {
	margin: 0 !important;
}
.wpcf7-list-item-label {
	display: flex !important;
	align-items: center !important;
}
.wpcf7-list-item-label::before {
	border-radius: .1rem !important;
}
.wpcf7-list-item-label > a {
	text-decoration: underline dotted !important;
	color: #fff !important;
	transition: .3s ease-in-out !important;
}
.wpcf7-list-item-label > a:hover {
	opacity: .5 !important;
	transition: .3s ease-in-out !important;
}