@charset "UTF-8";



/* ========== FONT ========== */



/* 游明朝 */

.yumin {

	font-family: "游明朝", "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", serif;

}







/* ========== COMMON ========== */



/* 共通指定 */

.main-area {

	--sp-rate: 1.5;

}



/* パンくず 追加スタイル PC */

@media only screen and (min-width: 768px) {

	.breadcrumb__list {

		padding-bottom: 1.6rem;

	}

}







/* ========== MAIN ========== */



/* p-main */

#page-body .p-main {

	max-width: 1920px;

	margin: 0 auto;

	font-family: noto-sans-cjk-jp, sans-serif;

	font-weight: 400;

	font-style: normal;

	color: #000;

}



#page-body .p-main img {

	max-width: 100%;

	height: auto;

}



#page-body a {

	transition: all 0.5s ease 0s;

	color: inherit;

	opacity: 1;

	text-decoration: none;

}



#page-body a:hover,

#page-body a:active {

	color: inherit;

	opacity: 0.6;

	text-decoration: none;

}





/* ========== HEADER ========== */



/* p-header */

#page-body .p-header {

	width: 100%;

	margin: 0 auto;

}



#page-body .p-header .p-header__img-pc {

	display: block;

	margin: 0 auto;

}



#page-body .p-header .p-header__img-sp {

	display: none;

}



@media (max-width: 767px) {

	#page-body .p-header .p-header__img-pc {

		display: none;

	}



	#page-body .p-header .p-header__img-sp {

		display: block;

		margin: 0 auto;

	}

}





/* ========== LEAD ========== */



/* p-lead */

#page-body .p-lead {

	width: 100%;

	margin: 4% auto;

}



#page-body .p-lead .p-lead__inner {

	width: 86%;

	max-width: 1132px;

	margin: 0 auto;

	position: relative;

}



@media (max-width: 767px) {

	#page-body .p-lead {

		margin: 10% auto;

	}



	#page-body .p-lead .p-lead__inner {

		width: 100%;

	}

}





/* p-lead p-lead__content */

#page-body .p-lead .p-lead__content {

	padding: 10.5% 48px;

	position: relative;

	text-align: center;

}



#page-body .p-lead .p-lead__logo {

	width: 75%;

	max-width: 500px;

	margin: 0 auto 60px;

}



#page-body .p-lead .p-lead__maintext {

	margin-bottom: 30px;

	font-family: "游明朝", "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HiraMinProN-W3", serif;

	font-weight: bold;

	font-size: 28px;

	line-height: 1.6;

	letter-spacing: 0.2em;

}



#page-body .p-lead .p-lead__text {

	font-size: 20px;

	line-height: 2.53;

	letter-spacing: 0em;

}



@media (max-width: 979px) {

	#page-body .p-lead .p-lead__text {

		font-size: 17px;

	}

}



@media (max-width: 767px) {

	#page-body .p-lead .p-lead__logo {

		margin-bottom: 12%;

	}



	#page-body .p-lead .p-lead__content {

		padding: 15% 20px 5%;

	}



	#page-body .p-lead .p-lead__maintext {

		margin-bottom: 24px;

		font-size: 18px;

		line-height: 1.6;

		letter-spacing: 0.15em;

	}



	#page-body .p-lead .p-lead__text {

		font-size: 12px;

		line-height: 2;

	}

}



@media (max-width: 425px) {

	#page-body .p-lead .p-lead__maintext {

		font-size: 16px;

		letter-spacing: 0em;

	}

}







/* ========== LOOK ========== */



/* p-look */

#page-body .p-look {

	width: 100%;

	margin: 0 auto 7.3%;

	padding: 2.5% 0 2.5%;

}



#page-body .p-look .p-look__inner {

	padding: 0 20px;

	max-width: 1720px;

	margin: 0 auto;

	position: relative;

}



@media (max-width: 979px) {

	#page-body .p-look {

		padding: 10% 0 0;

		background-image: none;

	}



	#page-body .p-look .p-look__inner {

		width: 100%;

	}

}



@media (max-width: 767px) {

	#page-body .p-look {

		padding: 10% 0 0;

		background-image: none;

	}



	#page-body .p-look .p-look__inner {

		width: 100%;

	}

}



/* p-look__content */

#page-body .p-look .p-look__content {

	width: 100%;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	position: relative;

}



#page-body .p-look.p-look-even .p-look__content {

	flex-direction: row-reverse;

}



#page-body .p-look .p-look__content .p-look__content_overview {

	width: 50%;

	position: relative;

	margin-right: -5%;

	z-index: 5;

}



#page-body .p-look.p-look-even .p-look__content .p-look__content_overview {

	width: 50%;

	position: relative;

	margin-left: -5%;

	z-index: 5;

}



#page-body .p-look .p-look__content .p-look__content_detail {

	width: 70%;

    padding: 5% 5% 5% 10%;

    position: relative;

    background-color: #F5FAFC;

    margin: -5% 0 0 0;



}



#page-body .p-look.p-look-even .p-look__content .p-look__content_detail {

    padding: 5% 10% 5% 5%;

	position: relative;

	margin: -5% 0 0 0;

}



@media (max-width: 979px) {

	#page-body .p-look .p-look__content {

		display: block;

	}



	#page-body .p-look .p-look__content .p-look__content_overview {

		width: 100%;

		margin: 0 auto;

		padding: 0;

	}



	#page-body .p-look.p-look-even .p-look__content .p-look__content_overview {

		width: 100%;

		margin: 0 auto;

		padding: 0;

	}



	#page-body .p-look .p-look__content .p-look__content_detail {

		width: 100%;

		padding: 5% 0;

	}



	#page-body .p-look.p-look-even .p-look__content .p-look__content_detail {

		padding: 5% 0;

	}

}



@media (max-width: 767px) {

	#page-body .p-look .p-look__content .p-look__content_detail {

		width: 100%;

		padding: 5%;

		margin: 0;

	}

	#page-body .p-look.p-look-even .p-look__content .p-look__content_detail {

		width: 100%;

		padding: 5%;

		margin: 0;

	}

	#page-body .p-look .p-look__content .p-look__content_detail h4 img{

	width: 40%;

}

}



/* p-look__content__title */

.p-look__content__title {

	width: 213px;

	margin: 0 auto 5%;

}



.p-look__content__title img {

	width: 100%;

}



@media (max-width: 767px) {

	.p-look__content__title {

		width: 120px;

		margin: 0 auto 10%;

	}

}





/* p-look__content_detail__mainitem */



#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_name {

	position: relative;

	z-index: 1;



}



#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_name::before {

	content: "";

	width: 100%;

	top: 50%;

	left: 0;

	height: 1px;

	background-color: #94A79F;

	position: absolute;

	z-index: -1;

}



#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_name span {

	font-size: 90px;

	line-height: 1.6;

	letter-spacing: 0.05em;

	color: #596043;

	font-family: "Snell";

	background-color: #fff;

	display: block;

	width: fit-content;

	padding: 20px;

	margin: 0 auto 3%;



}



#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_detail {

	font-size: 16px;

	line-height: 2;

	letter-spacing: 0em;

	margin: 4% 0 8%;

}



@media (max-width: 979px) {

	#page-body .p-look .p-look__content_detail__mainitem {

		width: 100%;

		max-width: 705px;

		margin: 0 auto 8%;

	}

}



@media (max-width: 767px) {

	#page-body .p-look .p-look__content_detail__mainitem {

		max-width: unset;

		margin-bottom: 8%;

	}



	#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_name {

		font-size: 20px;

	}



	#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_detail {

		font-size: 12px;

		line-height: 1.7;

		letter-spacing: 0em;

	}

}



@media (max-width: 425px) {

	#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_name span::before {

		bottom: -10.5px;

	}



	#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_name {

		margin-bottom: 30px;

		padding-left: 10px;

		font-size: 40px;

	}



	#page-body .p-look .p-look__content_detail__mainitem .p-look__content_detail__mainitem_name span {

		font-size: 30px;

		padding: 0 20px;

	}

}



/* p-look__content_detail__itemlist */

#page-body .p-look .p-look__content_detail__itemlist {

	width: 100%;

}



#page-body .p-look .p-look__content_detail__itemlist>li {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;



}



.p-look__content_detail__itemlist--item {

	width: calc(100% - 250px);

}



#page-body .p-look .p-look__content_detail__itemlist>li:not(:last-child) {

	margin-bottom: 4%;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_name {

	font-size: 24px;

	line-height: 1.6;

	position: relative;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_name.--withspan {

	margin-bottom: 5%;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_name span {

	font-size: 14px;

	line-height: 1.6;

	letter-spacing: 0em;

	position: absolute;

	bottom: -1.2em;

	left: 0;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	margin-bottom: 3%;

}



@media (max-width: 1660px) {

	#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit {

		display: block;

	}

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit .p-look__content_detail__itemlist_credit_price {

	font-size: 24px;

	line-height: 1.6;

	letter-spacing: 0em;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit .p-look__content_detail__itemlist_credit_price span {

	margin-left: 5px;

	font-size: 12px;

	letter-spacing: 0.05em;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit_btn {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 200px;

	height: 60px;

	padding: 4px;

	font-size: 18px;

	line-height: 1.6;

	letter-spacing: 0.02em;

	text-align: center;

	background-color: #48B3D3;

	color: #fff;

}



.p-look__content_detail__itemlist__caution {

	font-size: 16px;

	text-align: right;

	margin: 24px 0 40px auto;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_color {

	width: 100%;

	display: flex;

	gap: 8px;

	align-items: center;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_color span {

	font-size: 12px;

	line-height: 1;

	letter-spacing: 0.02em;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_color .p-look__content_detail__itemlist_color_list {

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

}



#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_color .p-look__content_detail__itemlist_color_list>li {

	width: 60px;

	height: 20px;

	border: 1px solid #707070;

}



@media (max-width: 979px) {

	#page-body .p-look .p-look__content_detail__itemlist {

		width: 100%;

		max-width: 705px;

		margin: 0 auto 8%;

	}

}



@media (max-width: 767px) {

	#page-body .p-look .p-look__content_detail__itemlist {

		max-width: unset;

	}



	#page-body .p-look .p-look__content_detail__itemlist>li:not(:last-child) {

		margin-bottom: 10%;

	}



	#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_name {

		font-size: 13px;

	}



	#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit {

		flex-basis: 204px;

	}



	#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit .p-look__content_detail__itemlist_credit_price {

		font-size: 16px;

	}



	#page-body .p-look .p-look__content_detail__itemlist .p-look__content_detail__itemlist_credit_btn {

		width: 100px;

		font-size: 12px;

		height: 36px;

	}



	#page-body .p-look .p-look__content_detail__itemlist>li {

		display: flex;

		align-items: flex-start;

		justify-content: space-between;



	}



	.p-look__content_detail__itemlist--item {

		width: calc(100% - 120px);

	}



	.p-look__content_detail__itemlist__caution {

		font-size: 12px;

	}

}



/* p-look__content_detail__itemlist_color_list */

#page-body .p-look .p-look__content_detail__itemlist_color-look01-1-1 {

	background-color: #F8F5ED;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look01-1-2 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look01-1-3 {

	background-color: #3651C1;

}





#page-body .p-look .p-look__content_detail__itemlist_color-look01-2-1 {

	background-color: #F8F5ED;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look01-2-2 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look01-3-1 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look01-3-2 {

	background-color: #999999;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look02-1-1 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look02-1-2 {

	background-color: #EABABA;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look02-1-3 {

	background-color: #E6D1B4;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look02-2-1 {

	background-color: #F8F5ED;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look02-2-2 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look02-3-1 {

	background-color: #DDDDDD;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look02-3-2 {

	background-color: #555555;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-1-1 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-1-2 {

	background-color: #555555;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-1-3 {

	background-color: #798952;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-2-1 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-2-2 {

	background-color: #E6D1B4;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-3-1 {

	background-color: #000000;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-3-2 {

	background-color: #F8F5ED;

}



#page-body .p-look .p-look__content_detail__itemlist_color-look03-3-3 {

	background-color: #656565;

}



/* p-look__content_detail__imglist */

.p-look__content_detail__imglist {

	position: relative;

	margin-top: 14%;

}



@font-face {

	font-family: 'Antro Vectra Bolder';

	src: url(../font/Antro_Vectra_Bolder.otf);

}



.p-look__content_detail__imglist::before {



	font-family: "Antro Vectra Bolder";

	content: "Detail";

	font-size: 60px;

	left: -22px;

	top: -10px;

	position: absolute;

	color: #0483AA;

	letter-spacing: .05em;

	transform: rotate(350deg);

}



.p-look__content_detail__imglist img {

	width: 100%;

}



/* p-look__content_detail__profile */

.p-look__content_detail__profile {



	background-color: #FFF;

	border-radius: 0;

	padding: 3% 3% 3% 3%;

	display: flex;

	justify-content: space-between;

	align-items: center;

	position: relative;

	margin-bottom: 5%;

	margin-top: 3%;

}





.p-look__content_detail__profile>p {

	width: 100px;

}



.p-look__content_detail__profile>div {

	width: calc(100% - 120px);

}



.p-look__content_detail__profile>div p:first-child {

	max-width: 216px;

	margin-bottom: 8px;



}



.p-look__content_detail__profile>div p:last-child {

	padding-left: 10px;



}



@media (max-width: 991px) {

	.p-look__content_detail__profile>div p:first-child {

		left: -20px;



	}

}



.p-look__content_detail__profile>div p:last-child {

	font-size: 14px;

	line-height: 2;

}



@media (max-width: 767px) {

	.p-look__content_detail__imglist::before {

    font-size: 30px;

    right: -16px;

    top: -20px;

}

	/* p-look__content_detail__profile */

	.p-look__content_detail__profile {

		align-items: flex-start;

		border-radius: 20px;

		padding: 15px;

		display: flex;

	}



	.p-look__content_detail__profile>p {

		width: 80px;

		margin: 0;

		text-align: center;

	}



	.p-look__content_detail__profile>div {

		width: calc(100% - 94px)

	}



	.p-look__content_detail__profile>div p:first-child {

		width: 140px;

		margin-bottom: 10px;

		max-width: 100%;

	}



	.p-look__content_detail__profile>div p:last-child {

		font-size: 12px;

		line-height: 2;

	}



	.p-look__content_detail__profile>div p:first-child {

		max-width: 200px;



	}

}









/* ========== PROFILE ========== */



/* p-profile */

#page-body .p-profile {

	width: 100%;

	padding: 150px 0;

	background-color: #FFF;

}



#page-body .p-profile .p-profile__inner {

	max-width: 1640px;

	width: 90%;

	margin: 0 auto;

}



@media (max-width: 767px) {

	#page-body .p-profile {

		padding: 5% 0;

	}

}



/* p-profile__titlewrap */

#page-body .p-profile .p-profile__titlewrap {

	margin: 0 auto 1.4%;

}



#page-body .p-profile .p-profile__title {

	margin-bottom: 6%;

	display: flex;

	align-items: center;

	justify-content: center;

}



#page-body .p-profile .p-profile__title img {

	width: 60%;

	max-width: 593px;

}



@media (max-width: 979px) {

	#page-body .p-profile .p-profile__titlewrap {

		margin-bottom: 5%;

	}



	#page-body .p-profile .p-profile__title {

		margin-bottom: 3%;

	}



	#page-body .p-profile .p-profile__lead {

		font-size: 16px;

	}

}



@media (max-width: 767px) {

	#page-body .p-profile .p-profile__titlewrap {

		margin-bottom: 5%;

	}



	#page-body .p-profile .p-profile__title {

		margin-bottom: 3%;

	}



	#page-body .p-profile .p-profile__lead {

		font-size: 16px;

	}

}



/* p-profile__content */

#page-body .p-profile .p-profile__content {

	display: flex;

	justify-content: space-between;

}



#page-body .p-profile .p-profile__content .p-profile__content_img {

	width: 53%;

	text-align: center;

}



#page-body .p-profile .p-profile__content .p-profile__content_text {

	width: 40%;

}



@media (max-width: 1320px) {

	#page-body .p-profile .p-profile__content .p-profile__content_img {

		width: 42%;

	}



	#page-body .p-profile .p-profile__content .p-profile__content_text {

		width: 54%;

	}

}



@media (max-width: 979px) {

	#page-body .p-profile .p-profile__content {

		display: block;

	}



	#page-body .p-profile .p-profile__content .p-profile__content_img {

		width: 100%;

		margin-bottom: 5%;

	}



	#page-body .p-profile .p-profile__content .p-profile__content_text {

		width: 100%;

	}

}



@media (max-width: 767px) {

	#page-body .p-profile .p-profile__content {

		display: block;

	}



	#page-body .p-profile .p-profile__content .p-profile__content_img {

		width: 100%;

		margin-bottom: 5%;

	}



	#page-body .p-profile .p-profile__content .p-profile__content_text {

		width: 100%;

	}



}



/* p-profile__content_text */

#page-body .p-profile .p-profile__content_text_person .p-profile__content_text__subtitle {

	margin-bottom: 5%;

	font-size: 30px;

	line-height: 1.45;

	letter-spacing: 0em;

}



#page-body .p-profile .p-profile__content_text_person .p-profile__content_text__subtitle span {

	margin-left: 16px;

	font-size: 24px;

	vertical-align: 3px;

}



#page-body .p-profile .p-profile__content_text_person p {

	margin-bottom: 2em;

	font-size: 16px;

	line-height: 2;

	letter-spacing: 0.05em;

}



#page-body .p-profile .p-profile__content_text_brand .p-profile__content_text__point {

	margin-top: 9.6%;

	margin-bottom: 0.4em;

}



#page-body .p-profile .p-profile__content_text_brand .p-profile__content_text__point img {

	width: 265px;

	margin-bottom: 4%;

}



#page-body .p-profile .p-profile__content_text_brand p {

	margin-bottom: 2.4em;

	font-size: 15px;

	line-height: 2.4;

	letter-spacing: 0.05em;

}



@media (max-width: 767px) {

	#page-body .p-profile .p-profile__content_text_person .p-profile__content_text__subtitle {

		margin-bottom: 4%;

		font-size: 22px;

	}



	#page-body .p-profile .p-profile__content_text_person .p-profile__content_text__subtitle span {

		margin-left: 16px;

		font-size: 14px;

		vertical-align: 2px;

	}



	#page-body .p-profile .p-profile__content_text_person p {

		font-size: 12px;

	}



	#page-body .p-profile .p-profile__content_text_brand .p-profile__content_text__point {

		margin-bottom: 1em;

	}



	#page-body .p-profile .p-profile__content_text_brand p {

		font-size: 12px;

	}



	#page-body .p-profile .p-profile__content_text_brand .p-profile__content_text__point img {

		width: 180px;

		margin-bottom: 4%;

	}

}

















/* ========== UTILITY ========== */



#page-body .viewpc_block {

	display: block;

}



#page-body .viewpc_inline {

	display: inline;

}



#page-body .viewpc_inline-block {

	display: inline-block;

}



#page-body .viewpc_none {

	display: none;

}



#page-body .viewsp_block,

#page-body .viewsp_inline,

#page-body .viewsp_inline-block {

	display: none;

}



#page-body .viewxs_block,

#page-body .viewxs_inline,

#page-body .viewxs_inline-block {

	display: none;

}



@media (max-width: 767px) {



	#page-body .viewpc_block,

	#page-body .viewpc_inline,

	#page-body .viewpc_inline-block {

		display: none;

	}



	#page-body .viewsp_block {

		display: block;

	}



	#page-body .viewsp_inline {

		display: inline;

	}



	#page-body .viewsp_inline-block {

		display: inline-block;

	}



	#page-body .viewsp_none {

		display: none;

	}

}



@media (max-width: 425px) {

	#page-body .viewxs_block {

		display: block;

	}



	#page-body .viewxs_inline {

		display: inline;

	}



	#page-body .viewxs_inline-block {

		display: inline-block;

	}



	#page-body .viewxs_none {

		display: none;

	}

}