@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;

	}

	#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: 45%;

	position: relative;

}

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

  width: 50%;

	padding-right: 5%;

	position: relative;



}

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

	padding-right: 0%;

	padding-left: 5%;

	position: relative;

}

@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__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: 10% 0;

	}

}



/* 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;

	margin-bottom: 50px;

	border-bottom: #000 1px solid;

	padding-bottom: 8px;

	position: relative;

	font-family: 'Dynalight', cursive;

	color: #930D72;

	font-size: 70px;

	letter-spacing: .03em;

}

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

	font-size: 28px;

  line-height: 1.6;

  letter-spacing: 0.05em;

	color: #000;

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



}



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

	}

}



/* 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% - 280px);

}

#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: #000;

	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: #000000;

}

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

	background-color: #FFFAF4;

}

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

	background-color: #69410E;

}

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

	background-color: #256C14;

}



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

	background-color: #000000;

}

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

	background-color: #7B0B58;

}

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

	background-color: #256C14;

}



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

	background-color: #DEDEDE;

}

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

	background-color: #FFFAF4;

}



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

	background-color: #612B90;

}







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

	background-color: #000000;

}

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

	background-color: #C6489E;

}

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

	background-color: #6F8E67;

}





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

	background-color: #DEDEDE;

}

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

	background-color: #FFFAF4;

}



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

	background-color: #DEDEDE;

}

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

	background-color: #FFFAF4;

}

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

	background-color: #CDD0EF;

}



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

	background-color: #000;

}

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

	background-color: #FFFAF4;

}

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

	background-color: #6F8E67;

}





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

	background-color: #000;

}

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

	background-color: #FFFAF4;

}

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

	background-color: #555350;

}

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

	background-color: #FFFAF4;

}

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

	background-color: #987F7B;

}

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

	background-color: #000;

}

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

	background-color: #BE59B2;

}



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

	background-color: #DEDEDE;

}

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

	background-color: #FFFAF4;

}

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

	background-color: #CDD0EF;

}

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

	background-color: #000;

}

/* p-look__content_detail__imglist */

.p-look__content_detail__imglist {

	display: flex;

	justify-content: space-evenly;

	margin: 12% 0 4%;

}

.p-look__content_detail__imglist li {

	width: 40%;

	max-width: 240px;

}

.p-look__content_detail__imglist li img {

	width: 100%;

}

/* p-look__content_detail__profile */

.p-look__content_detail__profile {

	margin-top: 15%;

	background-color: #F5F5F5;

	border-radius: 20px;

	padding: 3% 3% 3% 10%;

	display: flex;

	flex-direction: row-reverse;

	justify-content: space-between;

	align-items: center;

	position: relative;

}



@media (min-width: 1600px) {

	.p-look__content_detail__profile {

		position: absolute;

		bottom: 0;

		width: 90%;



	}



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

		left: 0;

	}

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

		right: 0;

		left: auto;

	}

}

.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 {

	position: absolute;

	top: 0;

	transform: translateY(-50%);

	left: -40px;

	max-width: 290px;



}

@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__profile */

	.p-look__content_detail__profile {

		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 {

		position: absolute;

		top: 0;

		transform: translateY(-55%);

		left: -20px;

		max-width: 200px;

	

	}

}









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



/* p-profile */

#page-body .p-profile {

  width: 100%;

  margin: 0 auto 10%;

	padding: 2.5% 0 2%;

}

#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;

	}

}