@charset "UTF-8";

html,
body {
	height: 100%;
}

body>#container {
	height: auto;
	margin-right: auto;
	margin-left: auto;

}

#container {
	height: 100%;
	min-height: 100%;
	position: relative;
}

body {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1;
	font-size: 16px;
}


a:link {
	color: inherit;
	text-decoration: none;
	display: inline-block;
}

a:hover {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s 0s ease;
	opacity: 0.6;
}

input[type="submit"]:hover {
	transition: all 0.3s 0s ease;
	opacity: 0.6;
}

a:visited {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s 0s ease;
}

a[href*="tel:"] {
	cursor: default;
}

p:not(:last-child) {
	margin-bottom: 1em;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: top;
}

/*----------------------------------------
■レイアウト
----------------------------------------*/
main {
	line-height: 130%;
	overflow-x: hidden;
}

main>section>.inner,
footer>section>.inner {
	max-width: 1080px;
	margin: auto;
	padding: 80px 0px;
}

header>.top {
	background-color: #333333;
	/* margin-bottom: 60px; */
	margin-bottom: 30px;
}

header>.top>.inner {
	max-width: 1080px;
	margin: auto;
	height: 60px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

header>.top>.inner .copy {
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.06em;
	margin-right: auto;
}

header>.top>.inner .tel:link,
header>.top>.inner .tel:visited {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.tel:hover {
	opacity: 1;
}

header>.top>.inner .tel:before {
	content: "";
	background-color: #fff;
	mask-image: url(/wp/wp-content/themes/legina/img/common/icon_tel.svg);
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/icon_tel.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 40px;
	height: 40px;
	margin-right: 7px;
}

header>.bottom>.inner {
	max-width: 1080px;
	margin: auto;
}

header>.bottom>.inner .logo {
	width: 244px;
	margin: auto;
	/* margin-bottom: 45px; */
	margin-bottom: 40px;
}

header>.bottom>.inner .logo a:hover {
	opacity: 1;
}

.smp_menu_sw,
.smp_menu_img {
	display: none;
}

header .global_nav {
	margin-bottom: 25px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

header .global_nav ul,
footer .global_nav ul {
	display: flex;
	justify-content: space-between;
	max-width: 960px;
	margin: auto;

}

header .global_nav ul li a:link,
header .global_nav ul li a:visited {
	text-decoration: none;
	color: #333333;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

header .global_nav ul li a .en,
footer .global_nav ul li a .en {
	font-family: 'Noto Serif JP', serif;
	font-size: 26px;
	margin-bottom: 8px;
}

header .global_nav ul li a .ja,
footer .global_nav ul li a .ja {
	font-size: 12px;
}

header .global_nav ul li.contact,
header .global_nav ul li.tel {
	display: none;
}

footer section.contact {
	background-color: #eeeeee;
}

footer section.contact>.inner {
	max-width: 1080px;
	margin: auto;
	padding: 50px 0px;
}

footer section.contact>.inner .box {
	background-color: #fff;
	border: 5px solid #d9ac51;
	border-radius: 20px;
	padding: 50px;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

footer section.contact>.inner .box .text {
	color: #333;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 20px;
	display: flex;
}

footer section.contact>.inner .box .text .text_body {
	text-align: left;
}

footer section.contact>.inner .box .tel:link,
footer section.contact>.inner .box .tel:visited {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 55px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;

}

footer section.contact>.inner .box .tel:before {
	content: "";
	background-color: #333;
	mask-image: url(/wp/wp-content/themes/legina/img/common/icon_tel.svg);
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/icon_tel.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 1em;
	height: 1em;
	margin-right: 7px;
}

footer .global_nav {
	background-color: #333;
	padding: 30px 0px;
}

footer .global_nav ul li a:link,
footer .global_nav ul li a:visited {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

footer section.shop_info {
	background-color: #eeeeee;
}

footer section.shop_info>.inner {
	display: grid;
	grid-template-columns: 39.5370% 1fr;
	padding-bottom: 50px;
}

footer section.shop_info>.inner .shop_img {
	grid-column: 1/2;
	grid-row: 1/2;
	margin-right: 20px;

}

footer section.shop_info>.inner .map {
	grid-column: 2/3;
	grid-row: 1/2;
	height: 100%;
	position: relative;
}

footer section.shop_info>.inner .map iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

footer section.shop_info>.inner .logo {
	grid-column: 1/3;
	grid-row: 2/3;
	padding-top: 60px;
	margin-bottom: 25px;
}

footer section.shop_info>.inner .logo a {
	display: block;
	margin: auto;
	width: 244px;
}

footer section.shop_info>.inner .logo a:hover {
	opacity: 1;
}

footer section.shop_info>.inner .info {
	grid-column: 1/3;
	grid-row: 3/4;
	text-align: center;
	line-height: 150%;
}

footer section.shop_info>.inner .info .instagram {
	margin: 10px 0 0;
	font-size: 56px;
}

footer section.shop_info>.inner .info .soey_logo {
	margin-top: 30px;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

footer section.shop_info>.inner .info .soey_logo a:hover {
	opacity: 1;
}


footer section.shop_info>.inner .info .soey_logo figcaption {
	margin-top: 10px;
}

footer section.shop_info>.inner .info .soey_logo img {
	width: 191px;
	height: 64px;
}

footer .copyrights {
	background-color: #333;
	text-align: center;
	color: #fff;
	padding: 20px;
	font-size: 14px;
}

.breadlist {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	margin-top: 15px;
}

.breadlist li:not(:last-child):after {
	content: ">";
	margin-left: 5px;
	margin-right: 5px;
}

.breadlist li a:link,
.breadlist li a:visited {
	color: inherit;
	text-decoration: none;
}

.pager {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.pager li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
	background-color: #fff;
	margin: 0 5px;
	position: relative;
}

.pager li.act {
	color: #fff;
	background-color: #000;
	position: relative;
}

.pager li a:link,
.pager li a:visited {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: inherit;
	width: 100%;
	height: 100%;
}

.pager li.next a:link,
.pager li.next a:visited,
.pager li.prev a:link,
.pager li.prev a:visited {
	text-indent: -9999px;
	position: relative;
	width: 100%;
	height: 100%;

}

.pager li.next a:after {
	content: "";
	text-indent: 0;
	width: 1em;
	height: 1em;
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/double-arrow_r_1.svg);
	mask-image: url(/wp/wp-content/themes/legina/img/common/double-arrow_r_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: #000;
}

.pager li.prev a:after {
	content: "";
	text-indent: 0;
	width: 1em;
	height: 1em;
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/double-arrow_l_1.svg);
	mask-image: url(/wp/wp-content/themes/legina/img/common/double-arrow_l_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: #000;
}




/*----------------------------------------
■汎用クラス
----------------------------------------*/
a.a_under-line:link,
a.a_under-line:visited {
	text-decoration: underline;
}

.submit_btn {
	position: relative;
	display: block;
	width: 410px;
	margin: auto;
	text-align: center;
}

.submit_btn .btn {
	background-image: linear-gradient(90deg, rgb(241, 201, 131) 0%, rgb(206, 150, 31) 100%);
	border-radius: 40px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	text-decoration: none;
	width: 100%;
	height: 74px;
	border: none;
	position: relative;
	font-size: 28px;
}


.submit_btn:after {
	position: absolute;
	top: -24px;
	bottom: 0;
	right: 20px;
	margin-top: auto;
	margin-bottom: auto;
	content: "";
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: #fff;
	margin-left: 5px;
	width: 11px;
	height: 19px;
	z-index: 1;
}

.btn_1,
a.btn_1:link,
a.btn_1:visited {
	background-image: linear-gradient(90deg, rgb(241, 201, 131) 0%, rgb(206, 150, 31) 100%);
	border-radius: 40px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	text-decoration: none;
	width: 220px;
	height: 40px;

}

.btn_1:after {
	content: "";
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: #fff;
	margin-left: 5px;
	width: 9px;
	height: 15px;
	z-index: 1;
}

.btn_1.op_large,
a.btn_1.op_large:link,
a.btn_1.op_large:visited {
	width: 410px;
	margin: auto;
	font-size: 28px;
	height: 74px;
}

.btn_1.op_large:after {

	margin-left: 10px;
	width: 11px;
	height: 19px;
}

.btn_2,
a.btn_2:link,
a.btn_2:visited {
	display: flex;
	width: 220px;
	margin: auto;
	justify-content: center;
	align-items: center;
	padding: 5px;
	text-decoration: none;
	border-radius: 40px;
	height: 40px;
	border: 1px solid #333;
	color: #333;
}

.btn_2:after {
	content: "";
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: #333;
	margin-left: 5px;
	width: 9px;
	height: 15px;
}

.title_1 {
	color: #000;
	text-align: center;
	letter-spacing: 0.02em;
	margin-bottom: 50px;
}

.title_1 .en {
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: 42px;
	line-height: 1;
}

.title_1 .en:after {
	display: block;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	content: "";
	width: 150px;
	height: 1px;
	background-color: #000;
}

.title_1 .ja {
	font-size: 18px;
}

.title_2 {
	color: #333;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	font-size: 20px;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
}

.visual .title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.visual .title .text {
	/*display: inline;*/
	display: none;
	font-family: 'Noto Serif JP', serif;
	font-size: 42px;
	white-space: nowrap;
}


.visual .title .text .bg {
	display: inline-block;
	text-shadow: 0 0 15px #000, 0 0 10px #000;
	padding: 20px;
	vertical-align: middle;
	padding-bottom: 24px;
}


.side-title_1 {
	font-size: 18px;
	border: 1px solid #a0a0a0;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
}

.content_wrap {
	display: flex;
	justify-content: space-between;
}

.content_wrap aside {
	font-size: 14px;
	width: 340px;
}

.content_wrap .detail {
	max-width: 710px;
	width: 65.7408%;
}

.content_wrap aside .side_sec {
	background-color: #eeeeee;
	padding: 20px;
	margin-bottom: 20px;
}

.article_nav {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-columns: repeat(3, minmax(auto, 33%));
	margin-bottom: 100px;
	gap: 10px;
}

.article_nav li.prev {
	grid-column: 1/2;
}

.article_nav li.index {
	grid-column: 2/3;
}

.article_nav li.next {
	grid-column: 3/4;
}

.article_nav li a:link,
.article_nav li a:visited {
	font-size: 18px;
	color: inherit;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border: 1px solid #333;
}



.article_nav li.prev a:before {
	content: "";
	background-color: #333;
	mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 11px;
	height: 18px;
	margin-right: 7px;
	transform: scale(-1, 1);
}

.article_nav li.next a:after {
	content: "";
	background-color: #333;
	mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 11px;
	height: 18px;
	margin-left: 7px;
}

.pc_hide {
	display: none;
}

.sns_share {
	margin-top: 40px;
	margin-bottom: 40px;
}

.sns_share .shere_title {
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.sns_share ul {
	display: flex;
}

.sns_share ul:after {
	display: block;
	clear: both;
	content: '';
}

.sns_share li {
	width: calc(100% / 3);
}

.sns_share li a {
	font-size: 14px;
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.sns_share li a:hover {
	opacity: .8;
}

.sns_share li a:visited {
	color: #fff;
}

.sns_share .tweet a {
	background-color: #55acee;
}

.sns_share .facebooklink a {
	background-color: #315096;
}

.sns_share .line a {
	background-color: #00b900;
}

.sns_share .hatena a {
	background-color: #008fde;
}

/*----------------------------------------
■トップ
----------------------------------------*/
#page_home .visual {
	background-image: url(/wp/wp-content/themes/legina/img/index/visual.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 48.1698%;
	height: 0;
	position: relative;
}

#page_home .visual .title .text {
	display: inline;
}

#page_home .visual .title .text .bg:first-child {
	margin-bottom: 10px;
}

/*about*/
#page_home section.about .lead {
	text-align: center;
	line-height: 30px;
	margin-bottom: 70px;
}

/*item*/
#page_home section.item .boxes {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
	justify-content: space-between;
	/*margin-bottom: 60px;*/
}

#page_home section.item .boxes .box {
	display: flex;
	flex-direction: column;
	text-align: center;
}

#page_home section.item .boxes .box .img {
	margin-bottom: 40px;
}

#page_home section.item .boxes .box .img img {
	width: 129px;
}

#page_home section.item .boxes .box .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#page_home section.item .boxes .box .title .sub {
	display: block;
	margin-top: 3px;
	font-size: 14px;
	font-weight: normal;
}

#page_home section.item .boxes .box .text {
	text-align: left;
	line-height: 140%;
}


/*news*/
#page_home section.news .inner {
	display: grid;
	grid-template-columns: 220px 1fr;
	grid-template-rows: 120px auto;
	padding-bottom: 0px;
}

#page_home section.news .inner .title_1 {
	grid-column: 1/2;
	grid-row: 1/2;
	margin-bottom: 20px;
}


#page_home section.news .inner .more {
	grid-column: 1/2;
	grid-row: 2/3;
}

#page_home section.news .inner .boxes {
	grid-column: 2/3;
	grid-row: 1/3;
	margin-left: 50px;
	display: grid;
	gap: 25px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

}

#page_home section.news .inner .boxes .box {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 20px 0px;
}

#page_home section.news .inner .boxes .box .img {
	margin-bottom: 5px;
}

#page_home section.news .inner .boxes .box .img img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}



#page_home section.news .inner .boxes .box time {
	color: #919191;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
}

#page_home section.news .inner .boxes .box .title {
	line-height: 140%;
}

/*works*/
#page_home section.works {}

#page_home section.works .boxes {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	justify-content: space-between;
	margin-bottom: 50px;
}

#page_home section.works .boxes .box {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
}

#page_home section.works .boxes .box .img {
	position: relative;
	overflow: hidden;
	padding-top: 56.1764%;
}

#page_home section.works .boxes .box .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page_home section.works .boxes .box .detail {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}



#page_home section.works .boxes .box .detail .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#page_home section.works .boxes .box .detail .text {
	line-height: 140%;
	margin-bottom: 25px;
	flex: 1;
}

#page_home section.works .boxes .box .detail .btn_2 {
	margin-top: auto;
}


#page_home section.works .item_bn {
	display: flex;
	align-items: center;
	max-width: 786px;
	padding: 20px;
	margin: auto;
	/* border: solid 1px #000; */
	margin-top: 50px;
}

#page_home section.works .item_bn .img {
	max-width: 400px;
	margin-right: 20px;
}

#page_home section.works .item_bn .img {
	max-width: 400px;
	margin-right: 30px;
}


#page_home section.works .item_bn .detail {
	flex: 1;
}

#page_home section.works .item_bn .detail .title {
	font-size: 14px;
	margin-bottom: 15px;
}

#page_home section.works .item_bn .detail .title .en {
	font-family: 'Noto Serif JP', serif;
	font-size: 42px;
	font-weight: bold;
	display: block;
	line-height: 1;
	margin-bottom: 5px;
}

#page_home section.works .item_bn .detail .text {
	margin-bottom: 15px;
}

/*----------------------------------------
■プロフィール
----------------------------------------*/
#page_profile .visual {
	background-image: url(/wp/wp-content/themes/legina/img/profile/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

#page_profile section.coordinator {
	margin-bottom: 120px;
}

#page_profile section.consept>.inner,
#page_profile section.coordinator>.inner,
#page_profile section.shop>.inner {
	padding-bottom: 0;
}

#page_profile section.consept .title_1,
#page_profile section.coordinator .title_1,
#page_profile section.shop .title_1 {
	margin-bottom: 35px;
}

#page_profile .content {
	background-color: #eeeeee;
	display: flex;
	width: 100vw;
	margin: 0 calc(50% - 50vw);

}

#page_profile .content>.inner {
	max-width: 1080px;
	width: 100%;
	margin: auto;
	position: relative;
	padding: 70px 0;
	display: flex;
	justify-content: space-between;
}

#page_profile .content .img {
	position: relative;
	margin-top: 0px;
	width: 44.9074%;
	max-width: 485px;
	margin-right: 25px;
}

#page_profile .content .text {
	width: 52.7777%;
	max-width: 570px;
	letter-spacing: 0.05em;
	line-height: 150%;
	flex: 1;
}

#page_profile section.shop .content>.inner {
	flex-direction: row-reverse;
}

#page_profile section.shop .content .img {
	margin-left: 25px;
}

#page_profile section.shop .content .text {
	padding-left: 0;

}

#page_profile section.coordinator .content {}



/*----------------------------------------
■アイテム
----------------------------------------*/
#page_item .visual {
	background-image: url(/wp/wp-content/themes/legina/img/item/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}



#page_item section.item .item-boxes {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	justify-content: space-between;

}

#page_item section.item .item-boxes .img {
	position: relative;
	overflow: hidden;
	padding-top: 61.7647%;
	margin-bottom: 20px;
}

#page_item section.item .item-boxes .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#page_item section.item .item-boxes .title {
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}

#page_item section.item .item-boxes .text {
	line-height: 150%;
}

#page_item section.brand .logo-boxes {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 247px));
	justify-content: flex-start;
	margin-bottom: 50px;
}


#page_item section.brand .logo-boxes .img {
	position: relative;
	overflow: hidden;
	padding-top: 100%;
	margin-bottom: 20px;
}

#page_item section.brand .logo-boxes .img a:link,
#page_item section.brand .logo-boxes .img a:visited {
	display: inline;
}

#page_item section.brand .logo-boxes .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#page_item section.brand .logo-boxes .title {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/*----------------------------------------
■ワークス/ブランド/ニュース/エリア
----------------------------------------*/
#page_works .visual {
	background-image: url(/wp/wp-content/themes/legina/img/works/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}


#page_works .content_wrap .detail.work_lists .boxes,
#page_works .content_wrap .detail .other .boxes {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	justify-content: space-between;
	margin-bottom: 30px;
}

#page_works .content_wrap .detail.work_lists .boxes .box a:link,
#page_works .content_wrap .detail.work_lists .boxes .box a:visited,
#page_works .content_wrap .detail .other .boxes .box a:link,
#page_works .content_wrap .detail .other .boxes .box a:visited {
	display: block;
}

#page_works .content_wrap .detail.work_lists .boxes .img,
#page_works .content_wrap .detail .other .boxes .img {
	position: relative;
	overflow: hidden;
	padding-top: 61.7647%;
	margin-bottom: 15px;
}

#page_works .content_wrap .detail.work_lists .boxes .img img,
#page_works .content_wrap .detail .other .boxes .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#page_works .content_wrap .detail.work_lists .boxes .title,
#page_works .content_wrap .detail .other .boxes .title {
	font-size: 20px;
	margin-bottom: 20px;
}


/*詳細*/
#page_works .content_wrap .detail .title_wrap,
#page_news .content_wrap .detail .title_wrap,
#page_brand .content_wrap .detail .title_wrap,
#page_area .content_wrap .detail .title_wrap {
	border-left: 12px solid #ce9927;
	-o-border-image: linear-gradient(to top, #ce9927 0%, #eac57e 100%);
	border-image: linear-gradient(to top, #ce9927 0%, #eac57e 100%);
	border-image-slice: 1;
	padding-left: 10px;
	margin-bottom: 20px;
}

#page_works .content_wrap .detail article .title_wrap,
#page_news .content_wrap .detail article .title_wrap,
#page_brand .content_wrap .detail article .title_wrap,
#page_area .content_wrap .detail article .title_wrap {
	font-size: 22px;
}

#page_works .content_wrap .detail article .title_wrap time,
#page_news .content_wrap .detail article .title_wrap time,
#page_brand .content_wrap .detail article .title_wrap time,
#page_area .content_wrap .detail article .title_wrap time {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#page_works .content_wrap .detail article .title_wrap .title,
#page_news .content_wrap .detail article .title_wrap .title,
#page_brand .content_wrap .detail article .title_wrap .title,
#page_area .content_wrap .detail article .title_wrap .title {
	line-height: 28px;
}

#page_works .content_wrap .detail article .img,
#page_news .content_wrap .detail article .img,
#page_brand .content_wrap .detail article .img,
#page_area .content_wrap .detail article .img {
	margin-bottom: 50px;
}

#page_works .content_wrap .detail article h4,
#page_news .content_wrap .detail article h4,
#page_brand .content_wrap .detail article h4,
#page_area .content_wrap .detail article h4 {
	background-color: #eeeeee;
	border-left: 12px solid #333333;
	padding: 20px;
	font-size: 22px;
	margin-bottom: 20px;
}

#page_works .content_wrap .detail article h5,
#page_news .content_wrap .detail article h5,
#page_brand .content_wrap .detail article h5,
#page_area .content_wrap .detail article h5 {
	border-bottom: 1px solid #333333;
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#page_works .content_wrap .detail .other>.title,
#page_news .content_wrap .detail .other>.title,
#page_brand .content_wrap .detail .other>.title,
#page_area .content_wrap .detail .other>.title {
	font-size: 22px;
	margin-bottom: 20px;
}


/*サイドバー - スタイル別で施工事例を見る*/
#page_works .content_wrap aside .side_sec .style_boxes,
#page_brand .content_wrap aside .side_sec .style_boxes,
#page_area .content_wrap aside .side_sec .style_boxes {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	justify-content: space-between;
	margin-bottom: 30px;
}

#page_works .content_wrap aside .side_sec .style_boxes .box a:link,
#page_works .content_wrap aside .side_sec .style_boxes .box a:visited,
#page_brand .content_wrap aside .side_sec .style_boxes .box a:link,
#page_brand .content_wrap aside .side_sec .style_boxes .box a:visited,
#page_area .content_wrap aside .side_sec .style_boxes .box a:link,
#page_area .content_wrap aside .side_sec .style_boxes .box a:visited {
	width: 100%;
	height: 100%;
	position: relative;
	color: inherit;
	text-decoration: none;
}

#page_works .content_wrap aside .side_sec .style_boxes .box .img,
#page_brand .content_wrap aside .side_sec .style_boxes .box .img,
#page_area .content_wrap aside .side_sec .style_boxes .box .img {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	padding-top: 61.7647%;
	width: 100%;
}

#page_works .content_wrap aside .side_sec .style_boxes .box .img img,
#page_brand .content_wrap aside .side_sec .style_boxes .box .img img,
#page_area .content_wrap aside .side_sec .style_boxes .box .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#page_works .content_wrap aside .side_sec .style_boxes .box .title,
#page_brand .content_wrap aside .side_sec .style_boxes .box .title,
#page_area .content_wrap aside .side_sec .style_boxes .box .title {
	text-align: center;
}


/*サイドバー - 最新の施工事例*/
#page_works .content_wrap aside .new-works .new-works_boxes .box,
#page_brand .content_wrap aside .new-works .new-works_boxes .box,
#page_area .content_wrap aside .new-works .new-works_boxes .box {
	margin-bottom: 20px;
}

#page_works .content_wrap aside .new-works .new-works_boxes .box:last-child,
#page_brand .content_wrap aside .new-works .new-works_boxes .box:last-child,
#page_area .content_wrap aside .new-works .new-works_boxes .box:last-child {
	margin-bottom: 0;
}

#page_works .content_wrap aside .new-works .new-works_boxes .box a:link,
#page_works .content_wrap aside .new-works .new-works_boxes .box a:visited,
#page_brand .content_wrap aside .new-works .new-works_boxes .box a:link,
#page_brand .content_wrap aside .new-works .new-works_boxes .box a:visited,
#page_area .content_wrap aside .new-works .new-works_boxes .box a:link,
#page_area .content_wrap aside .new-works .new-works_boxes .box a:visited {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	color: inherit;
	text-decoration: none;
}

#page_works .content_wrap aside .new-works .new-works_boxes .box .img,
#page_brand .content_wrap aside .new-works .new-works_boxes .box .img,
#page_area .content_wrap aside .new-works .new-works_boxes .box .img {
	position: relative;
	overflow: hidden;
	height: 87px;
	max-width: 140px;
	margin-right: 10px;
	width: 50%;
}


#page_works .content_wrap aside .new-works .new-works_boxes .box .img img,
#page_brand .content_wrap aside .new-works .new-works_boxes .box .img img,
#page_area .content_wrap aside .new-works .new-works_boxes .box .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#page_works .content_wrap aside .new-works .new-works_boxes .box .detail,
#page_brand .content_wrap aside .new-works .new-works_boxes .box .detail,
#page_area .content_wrap aside .new-works .new-works_boxes .box .detail {
	flex: 1;
	width: 50%;
}

/*----------------------------------------
■ニュース
----------------------------------------*/
#page_news .visual {
	background-image: url(/wp/wp-content/themes/legina/img/news/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

#page_news .content_wrap .news_lists .boxes .box {
	padding-bottom: 50px;
	border-bottom: 1px solid #333;
	margin-bottom: 50px;
}

#page_news .content_wrap .news_lists .boxes .box a {
	display: grid;
	grid-template-areas:
		"img time"
		"img title"
		"img text";
	grid-template-columns: 30% 1fr;
	column-gap: 10px;
}

#page_news .content_wrap .news_lists .boxes .box .img {
	grid-area: img;

}

#page_news .content_wrap .news_lists .boxes .box .img img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}



#page_news .content_wrap .news_lists .boxes .box time {
	display: block;
	font-size: 20px;
	color: #d19e2b;
	margin-bottom: 15px;
	grid-area: time;
}

#page_news .content_wrap .news_lists .boxes .box .title {
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
	grid-area: title;
}

#page_news .content_wrap .news_lists .boxes .box .text {
	grid-area: text;
}


#page_news .content_wrap .side_list li {
	border-bottom: 1px solid #333;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#page_news .content_wrap .side_list li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: none;
}

#page_news .content_wrap .side_list a:link,
#page_news .content_wrap .side_list a:visited {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
}

#page_news .content_wrap .side_list a:before {
	content: "";
	background-color: #333;
	mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_r_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 9px;
	height: 14px;
	margin-right: 5px;
}

/*----------------------------------------
■FAQ
----------------------------------------*/
#page_faq .visual {
	background-image: url(/wp/wp-content/themes/legina/img/faq/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

#page_faq .faq_boxes .box {
	margin-bottom: 50px;
}

#page_faq .faq_boxes .box .q {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}

#page_faq .faq_boxes .box .q .title {

	padding: 15px;
	padding-left: 30px;
	font-size: 22px;
}

#page_faq .faq_boxes .box .q:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(0deg, rgb(206, 153, 39) 0%, rgb(234, 197, 126) 100%);
	width: 12px;
	height: 100%;
	border-image-slice: 1;
	margin-right: 10px;
}

#page_faq .faq_boxes .box .q:after {
	content: "";
	margin-left: auto;
	background-color: #333;
	mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_b_1.svg);
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/arrow_b_1.svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: 25px;
	height: 16px;
}

#page_faq .faq_boxes .box .q.show:after {
	transform: rotate(180deg);
}

#page_faq .faq_boxes .box .a {
	display: none;
}

#page_faq .faq_boxes .box .a.show {
	display: block;
}

/*----------------------------------------
■コンタクト
----------------------------------------*/
#page_contact .visual {
	background-image: url(/wp/wp-content/themes/legina/img/contact/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

#page_contact .contact_form {
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
}

#page_contact .contact_form .row {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

#page_contact .contact_form .row label {
	width: 180px;
}

#page_contact .contact_form .row label .recuired {
	color: #db0000;
	margin-left: 3px;
}

#page_contact .contact_form .row .wpcf7-form-control-wrap {
	flex: 1;
}

#page_contact .contact_form .row .text,
#page_contact .contact_form .row .textarea {
	width: 100%;
}

#page_contact .contact_form .row .textarea {
	height: 10em;
}

/*----------------------------------------
■ブランド
----------------------------------------*/
#page_brand .visual {
	background-image: url(/wp/wp-content/themes/legina/img/brand/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

/*----------------------------------------
■エリア
----------------------------------------*/
#page_area .visual {
	background-image: url(/wp/wp-content/themes/legina/img/news/visual.jpg);
	padding-top: 29.2825%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

/*----------------------------------------
■404
----------------------------------------*/
#page_err_404 .err_404 {
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
}

#page_err_404 h1 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}