@charset "UTF-8";

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

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


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

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

img {
	max-width: 100%;
	width: auto;
	height: auto;
	zoom: 0.5;
}

/*----------------------------------------
■レイアウト
----------------------------------------*/
main {
	line-height: 130%;
	margin-top: 60px;
}

main>section>.inner,
footer>section>.inner {
	margin: auto;
	padding: 50px 20px;
}

header {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	height: 60px;
}

header>.top {
	display: none;
}

header>.bottom {
	background-color: #333;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

header>.bottom>.inner .logo {
	width: 140px;
	margin: auto;
}

header>.bottom>.inner .logo img {
	display: block;
}

.smp_menu_sw {
	display: none;
}

.smp_menu_img {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	height: 17px;
	width: 30px;
	justify-content: center;
	align-items: center;
	z-index: 90;
}

.smp_menu_img:before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	border-radius: 4px;
	background-color: #fff;
	position: absolute;
	top: 0;
	transition: 0.2s;
}

.smp_menu_img span {
	text-indent: -9999px;
	position: relative;
	height: 100%;
	width: 100%;

}

.smp_menu_img span:before,
.smp_menu_img span:after {
	content: '';
	display: block;
	height: 3px;
	width: 100%;
	border-radius: 4px;
	background-color: #fff;
	position: absolute;
	transition: 0.2s;
}



.smp_menu_img span:before {
	bottom: 0;
	top: 0;
	margin: auto;
}

.smp_menu_img span:after {
	bottom: 0px;
}

.smp_menu_sw:checked~.smp_menu_img:before {
	background-color: rgba(255, 255, 255, 0);
	transition: 0.2s;
}

.smp_menu_sw:checked~.smp_menu_img span::before {
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: 0.2s;
}

.smp_menu_sw:checked~.smp_menu_img span::after {
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(-45deg);
	transition: 0.2s;
}

header nav {
	display: block;
	overflow: auto;
	position: fixed;
	top: 60px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.80);
	transition: .3s ease-in-out;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
}

.smp_menu_sw:checked~nav {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
	width: 100%;
	height: 100%;
	position: fixed;
}

header nav li {
	margin-bottom: 7px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

header nav li a:link,
header nav li a:visited {
	background-color: #FFFFFF;
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	border-radius: 5px;
	padding: 10px;
}

header .global_nav ul {
	padding: 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

footer .global_nav ul {
	display: flex;
	justify-content: space-between;
	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: 16px;
	margin-bottom: 4px;
}

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 {
	width: 50%;
	display: flex;
	margin-top: 20px;

}

header .global_nav ul li.contact a {
	margin-left: auto;
	margin-right: 10px;
}

header .global_nav ul li.tel a {
	margin-right: auto;
	margin-left: 10px;
}

header .global_nav ul li.contact a:link,
header .global_nav ul li.contact a:visited,
header .global_nav ul li.tel a:link,
header .global_nav ul li.contact a:visited {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background-color: transparent;
	border: 1px #fff solid;
	color: #fff;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
}

header .global_nav ul li.contact a:before {
	content: "";
	background-color: #fff;
	mask-image: url(/wp/wp-content/themes/legina/img/common/icon_mail.svg);
	-webkit-mask-image: url(/wp/wp-content/themes/legina/img/common/icon_mail.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: 2em;
	height: 2em;
}

header .global_nav ul li.tel a: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: 2em;
	height: 2em;
}




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

footer section.contact>.inner {
	margin: auto;
	padding: 50px 20px;
}

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

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


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: 27px;
	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;
	padding-bottom: 10px;
}

footer .global_nav ul {
	display: flex;
	flex-wrap: wrap;
}

footer .global_nav ul li {
	width: 50%;
	margin-bottom: 20px;
}

footer .global_nav ul li:last-child {
	margin-bottom: 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 {
	padding-top: 20px;
	padding-bottom: 20px;
}

footer section.shop_info>.inner .shop_img {
	margin-bottom: 20px;
}

footer section.shop_info>.inner .shop_img img {
	width: 100%;
}

footer section.shop_info>.inner .map {
	width: 100%;
	height: 300px;
	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 {
	padding-top: 30px;
	margin-bottom: 25px;
}

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

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

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

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

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

footer section.shop_info>.inner .info .soey_logo img {
	width: 350px;
}

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

.breadlist {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	padding: 0px 10px;
	font-size: 12px;
}

.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: 25px;
	margin-bottom: 25px;
}

.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: 100%;
	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: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	text-decoration: none;
	width: 100%;
	height: 50px;
	border: none;
	position: relative;
}


.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;
	margin-left: auto;
	margin-right: auto;

}

.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: 100%;
	margin: auto;
	font-size: 18px;
	height: 50px;
}

.btn_1.op_large:after {

	margin-left: 10px;
	width: 0.7em;
	height: 0.7em;
}

.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: 25px;
}

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

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

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

.title_2 {
	color: #333;
	letter-spacing: 0.02em;
	margin-bottom: 10px;
	font-size: 16px;
	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: 17px;
	white-space: nowrap;
}

.visual .title .text .bg {
	display: inline-block;
	background-color: rgb(0, 0, 0, 0.7);
	padding: 20px;
	vertical-align: middle;

}


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

.content_wrap {}

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

.content_wrap .detail {}

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

.article_nav {
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.article_nav li.prev {
	order: 1;
	width: 48%;
}

.article_nav li.next {
	order: 2;
	width: 48%;
}

.article_nav li.index {
	width: 100%;
	order: 3;
	margin-top: 10px;
}

.article_nav li a:link,
.article_nav li a:visited {
	font-size: 13px;
	color: inherit;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	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: 1em;
	height: 1em;
	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: 1em;
	height: 1em;
	margin-left: 7px;
}

.sp_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: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_sp.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 103.8666%;
	height: 0;
	position: relative;
}

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

#page_home .visual:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0, 0.2);
}

#page_home .visual .title {
	z-index: 1;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}


#page_home .visual .title .text .bg {
	background-color: transparent;
	padding: 0;
}

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

/*about*/
#page_home section.about .lead {
	line-height: 24px;
	margin-bottom: 35px;
}

/*item*/
#page_home section.item .boxes {
	/*margin-bottom: 35px;*/
}

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

#page_home section.item .boxes .box:last-child {
	margin-bottom: 0;
}

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

#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: 12px;
	font-weight: normal;
}

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



/*news*/
#page_home section.news .inner {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}

#page_home section.news .inner .title_1 {
	order: 1;
	margin-bottom: 20px;
}


#page_home section.news .inner .more {
	order: 3;
}

#page_home section.news .inner .boxes {
	order: 2;
}

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

#page_home section.news .inner .boxes .box a {
	display: grid;
	grid-template-areas:
		"img time"
		"img title";
	grid-template-columns: 130px auto;
	grid-template-rows: auto 1fr;
}

#page_home section.news .inner .boxes .box .img {
	grid-area: img;
	margin-right: 10px;
}

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

#page_home section.news .inner .boxes .box:last-child {
	border-bottom: none;
}

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

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

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

#page_home section.works .boxes {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

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

#page_home section.works .boxes .box:last-child {}


#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: 10px;
	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: 15px;
	flex: 1;
}

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

#page_home section.works .item_bn {
	/* padding: 20px; */
	margin: auto;
	/* border: solid 1px #000; */
	margin-top: 30px;
}

#page_home section.works .item_bn .img {
	margin-bottom: 10px;
}

#page_home section.works .item_bn .img img {
	width: 100%;
}


#page_home section.works .item_bn .detail .title {
	font-size: 12px;
	margin-bottom: 15px;
	text-align: center;
}

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

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

#page_home section.works .item_bn .detail .btn_1 {
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

}

#page_profile .content>.inner {
	width: 100%;
	margin: auto;
	position: relative;
	padding: 20px 20px;
}

#page_profile .content .img {
	width: 100%;
	margin-bottom: 10px;
	margin-top: -75px;
}

#page_profile .content .img img {
	width: 100%;
}

#page_profile .content .text {
	letter-spacing: 0.05em;
	line-height: 150%;
}

#page_profile section.coordinator {}



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

#page_item section.item>.inner {
	padding-bottom: 0;
}

#page_item section.item .item-boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#page_item section.item .item-boxes .box {
	width: 48%;
	margin-bottom: 20px;
}

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

#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: 16px;
	text-align: center;
	margin-bottom: 5px;
}

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

#page_item section.brand .logo-boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

#page_item section.brand .logo-boxes .box {
	width: 48%;
	margin-bottom: 20px;
}

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

#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_sp.jpg);
	padding-top: 66.6666%;
	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: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}

#page_works .content_wrap .detail.work_lists .boxes .box,
#page_works .content_wrap .detail .other .boxes .box {
	width: 48%;
	margin-bottom: 20px;
}

#page_works .content_wrap .detail.work_lists .boxes .box a:link,
#page_works .content_wrap .detail.work_lists .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: 16px;
	margin-bottom: 10px;
}


/*詳細*/
#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: 6px 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: 16px;
}

#page_works .content_wrap .detail article .title_wrap time,
#page_news .content_wrap .detail article .title_wrap time {
	font-size: 12px;
	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: 130%;
}

#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: 25px;
}

#page_works .content_wrap .detail article .img img,
#page_news .content_wrap .detail article .img img,
#page_brand .content_wrap .detail article .img img,
#page_area .content_wrap .detail article .img img {
	width: 100%;
}

#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: 6px solid #333333;
	padding: 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

#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: 14px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

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


/*サイドバー*/
#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;

}

#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 {
	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 {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 20px;
}

#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: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 .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_sp.jpg);
	padding-top: 66.6666%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

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

#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: 12px;
	color: #d19e2b;
	margin-bottom: 5px;
	grid-area: time;
}

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


#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_sp.jpg);
	padding-top: 66.6666%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

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

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

#page_faq .faq_boxes .box .q .title {

	padding: 8px;
	padding-left: 15px;
	font-size: 16px;
}

#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: 6px;
	height: 100%;
	border-image-slice: 1;
	margin-right: 10px;
}

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

#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: 1em;
	height: 1em;
}

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

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

/*----------------------------------------
■コンタクト
----------------------------------------*/
#page_contact main>.contact>.inner {
	padding-bottom: 0px;
}

#page_contact .visual {
	background-image: url(/wp/wp-content/themes/legina/img/contact/visual_sp.jpg);
	padding-top: 66.6666%;
	height: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

#page_contact .contact_form {
	margin-left: auto;
	margin-right: auto;
}

#page_contact .contact_form .row {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

#page_contact .contact_form .row label {
	margin-bottom: 5px;
}

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

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

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

#page_contact .contact_form .submit_btn {
	margin-top: 30px;
}

/*----------------------------------------
■ブランド
----------------------------------------*/
#page_brand .visual {
	background-image: url(/wp/wp-content/themes/legina/img/brand/visual_sp.jpg);
	padding-top: 66.6666%;
	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_sp.jpg);
	padding-top: 66.6666%;
	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: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}