@charset "UTF-8";
/*=============================================================

	Date: 2025-01-23
	CSS Document ： Sunny clouds
	
=============================================================*/
/*==================================

ベース

==================================*/
.fsc_gfooter__breadcrumb {
		margin-top: 0;
}
#footercontent .fsc_gfooter__breadcrumb {
		display: none;
}
.main-visual {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100vh;
}
.fsc_emergency, .fsc_gfooter__breadcrumb, #footercontent {
		position: relative;
		z-index: 3;
}
#container_md {
		/* font-family: A1 Mincho; */
		font-size: 120%;
		line-height: 1.7;
		position: relative;
		z-index: 2;
		overflow: hidden;
		text-align: left;
		letter-spacing: .12em;
		color: #000;
		-moz-font-feature-settings: 'palt';
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
		font-variant-ligatures: no-common-ligatures;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
#container_md a {
		cursor: pointer;
}
#container_md img {
		max-width: 100%;
		/* width: 100%; */
		height: auto;
}
#container_md ul {
		padding-inline-start: 0;
}
#container_md ul li {
		list-style: none;
}
#container_md.load_md {
		animation: fade_md .8s forwards .4s;
}
#look_wrap_md {
		position: relative;
}
#main_wrap_md {
		position: relative;
}
/*==================================

リンク設定

==================================*/
div#look_wrap_md a {
		overflow: visible;
		transition: all 1.5s ease;
		text-decoration: none;
		outline: none;
}
#container_md a:hover {
		text-decoration: none;
}
@media (hover: hover) {
		a:hover {
				opacity: .7;
		}
}
/*==================================

ヘッダー

==================================*/
#head_wrap {
		display: flex;
		padding: .5em 1em;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
}
/* パンくず */
div.pankuzu_fca ul {
		display: flex;
		margin-bottom: 0;
}
div.pankuzu_fca ul li {
		padding: 0 6px 0 0;
}
div.pankuzu_fca ul li a {
		padding: 0 7px 0 0;
		color: #888;
}
div.pankuzu_fca h1 {
		font-size: 10px;
		margin: 0;
		letter-spacing: .1em;
		color: #444;
}
/* ヘッダー共通リンク */
#header_md {
		font-size: 10px;
		letter-spacing: 0;
		font-family: '中ゴシックBBB';
}
#header_md ul {
		display: flex;
		margin: 0;
}
#header_md li {
		line-height: 1;
		margin-right: 7px;
}
#header_md li a {
		color: #888;
}
@media not all and (min-width: 919px) {
		#head_wrap {
				padding: 0;
		}
		div.pankuzu_fca {
				padding: 10px 10px 0;
				order: 1;
		}
		div.pankuzu_fca ul li {}
		#header_md {
				width: 100%;
				margin: 0;
				padding: 10px 10px 0;
				border-bottom: 1px solid #f1f1f1;
				background: #fff;
		}
		#header_md ul {
				flex-wrap: wrap;
		}
		#header_md li {
				margin: 0 7px 7px 0;
		}
}
/*==================================

表示エリア

==================================*/
#container_md #main_inner {
		overflow: hidden;
		margin: 0 auto;
		background: #fff;
}
/* PC表示のメインコンテンツの幅 */
#main_inner, #menu .menu_inner {
		width: 600px;
}
/* 左右固定要素の幅 */
#fixed_bg ul li div, .fixed_pc {
		width: calc(50vw - (600px/2)); /* メインコンテンツの幅の半分をマイナス */
}
/* フッターまでくると固定終了 */
#container_md .fixed_stop {
		position: absolute !important;
		top: auto !important;
		bottom: 0;
}
/* PC固定要素を非表示 */
@media screen and (max-width: 1100px) {
		/* 1100px以下 */
		#container_md .fixed_pc {
				display: none !important;
		}
		#menu .menu_inner {
				width: 100%;
		}
}
/*==================================

title

==================================*/
#title_md {
		position: relative;
		z-index: 10;
		background: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
}
.main_title {
		margin: 0 auto 1.4em;
		padding-top: 2.3em;
		text-align: center;
		width: 75%;
		max-width: 575px;
		order: 0;
		animation: fade_md 1.5s forwards 3.0s;
		opacity: 0;
}
.main_logo {
		width: 100%;
}
.main_sub {
		width: 50%;
		margin: 0.7em 0 0;
}
.ttl_category_md {
		max-width: 1800px;
		width: 100%;
		margin: 0 auto 0;
		order: -1;
}
.ttl_category_md ul {
		margin: 0;
}
.ttl_category_md ul li {
		position: relative;
}
.ttl_category_md ul li a {
		display: block;
		position: relative;
}
.ttl_category_md ul li .thema_title_md::after {
		display: block;
		width: 100%;
		height: 2.5em;
		content: '';
		background: url(../images/nav_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		top: calc(102%);
		left: 4%;
}
/* .ttl_category_md ul li:nth-child(2) .thema_title_md::after {
		background: url(../images/nav_arrow.svg) no-repeat center;
} */
.thema_title_md {
		position: absolute;
		width: 14.5%;
		text-align: center;
		z-index: 3;
}
.thema_title_md .thema_num {
		width: 100%;
		display: block;
		margin: 0 auto;
}
.thema_title_md .thema_title_main {
	width: 42%;
	display: block;
	margin: 0.2em auto 0;
}
.ttl_category_md ul li:nth-child(2) .thema_title_md .thema_title_main {
	width: 42%;
	display: block;
	margin: 0.6em auto 0;
}

.thema_title_md .thema_title_main img {}
.ttl_category_md ul li:nth-child(1) .thema_title_md {
		top: 17%;
		left: 17%;
}
.ttl_category_md ul li:nth-child(2) .thema_title_md {
		top: 13%;
		right: 10%;
}
.ttl_category_md ul li:nth-child(3) .thema_title_md {
		top: 10%;
		right: 9.5%;
}
.ttl_category_md ul li a img {
		width: 100%;
}
@media screen and (min-width: 1100px) {
		/* PC */
		.ttl_category_md > ul {
				display: flex;
				margin: 0;
				justify-content: center;
				align-items: center;
				/* flex-wrap: wrap; */
		}
		.ttl_category_md > ul li {
				opacity: 1 !important;
		}
		.ttl_category_md > ul li a {
				position: relative;
				/* width: 33.3%; */
				animation: item_fadein .8s forwards 0s;
				opacity: 0;
		}
		/* アニメーション */
		.ttl_category_md ul li:nth-child(1) a {
				animation-delay: 1.3s;
		}
		.ttl_category_md ul li:nth-child(2) a {
				animation-delay: 1.8s;
		}
		.ttl_category_md ul li:nth-child(3) a {
				animation-delay: 2.3s;
		}
}
/* タイトルリード */
p.ttl_lead_md {
		width: 100%;
		text-align: center;
		font-size: 95%;
		line-height: 2.4;
		margin: 1em auto 0;
		font-family: "秀英角ゴシック銀 L";
		animation: fade_md 1.5s forwards 3s;
		opacity: 0;
		letter-spacing: .2em;
}
@media screen and (max-width: 1100px) {
		/* SP */
		#title_md {
				max-width: 800px;
				margin: 0 auto;
				background: #fff;
		}
		.ttl_category_md {
				margin-top: 3.5em;
		}
		.ttl_category_md > ul {
				animation: item_fadein .8s forwards 1.2s;
				opacity: 0;
		}
		.main_title {
				/* order:-2; */
		}
		.main_sub {
				width: 70%;
				margin: 0.5em 0 0;
		}
		.ttl_category_md > ul {
				display: block;
				width: 100%;
		}
		.ttl_category_md > ul > li {
				width: 100%;
				margin: 0;
		}
		p.ttl_lead_md, .main_title {
				animation: item_fadein .8s forwards 1.8s;
		}
}
@media screen and (max-width: 800px) {
		.main_title {
				/* width: 65%; */
				padding-top: 2.0em;
				margin: 0 auto 1em;
		}
		p.ttl_lead_md {
				font-size: 83%;
				letter-spacing: 0.1em;
		}
}
/* スクロールアイコン */
#scroll_md {
		width: 600px;
		margin: 0 auto;
		padding: 3em 0 5em;
		animation: scroll_down 3.0s infinite;
		text-align: center;
}
#scroll_md img {
		width: 18%;
}
/*==================================

目次

==================================*/
.contents_md {
		font-family: 'Akshar', sans-serif;
		font-weight: 500;
		width: 90%;
		margin: 3em auto;
}
.contents_ttl_md {
		line-height: .55;
		display: block;
		/* border-bottom: 1px solid #000; */
		margin-bottom: 1.5em;
}
.contents_ttl_md img {
		width: 6em;
		margin: 0 auto;
		display: block;
}
.contents_list_md ul li {
		margin: 0.9em 0;
}
.contents_list_md ul li a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid #000;
		position: relative;
}
.contents_list_md ul li a:hover {
		text-decoration: none;
}
.contents_list_md ul li a .sub_md {
		display: block;
}
.contents_list_md ul li a .sub_md .sub_inner_md {
		font-size: 70%;
		display: block;
		padding: 0 .5em;
		white-space: nowrap;
		letter-spacing: .07em;
		color: #fff;
		background: #000;
}
.contents_list_md ul li a .sub_md .num_md {
		font-size: 120%;
		line-height: 1.4;
}
.contents_list_md ul li a .main_md {
		font-size: 140%;
		display: inline-block;
		padding-bottom: 0.35em;
		/* margin-left: 1rem; */
		padding-right: 2.0rem;
		letter-spacing: .03em;
		width: 101%;
}
.contents_list_md ul li a::after {
		display: block;
		width: 1em;
		height: 100%;
		content: '';
		background-image: url('../images/link_arrow.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right;
		position: absolute;
		top: 0;
		right: 0.3em;
		transition: all 0.3s;
}
.contents_list_md ul li a:hover::after {
		right: 0;
}
/* テーマ別 目次のサイズ */
.contents_list_md ul li:nth-child(1) a .main_md {
		width: 60%;
}
.contents_list_md ul li:nth-child(2) a .main_md {
		width: 87%;
}
.contents_list_md ul li:nth-child(3) a .main_md {
		width: 61%;
}
/*==================================

商品リンク

==================================*/
.styling_item_md {
		margin-top: 1.3em;
		position: relative;
}
.styling_item_md ul {
		font-family: 'Akshar', sans-serif;
		font-size: 110%;
		max-width: 85%;
		margin: 0 auto;
}
.styling_item_md ul li {
		margin: 0.8em 0;
}
.styling_item_md ul li a {
		display: flex;
		justify-content: space-around;
		align-items: center;
}
.spec_md {
		display: flex;
		width: 69%;
		text-align: right;
		letter-spacing: .1em;
		border-bottom: 1px solid #000;
		justify-content: space-between;
		align-items: center;
		/* font-size: 85%; */
}
.name_md {
		font-family: "秀英角ゴシック銀 M", sans-serif;
		font-size: 75%;
		/* max-width: 70%; */
		margin: 0;
		text-align: left;
		letter-spacing: .04em;
}
.price_md {
	font-size: 100%;
	text-align: right;
	letter-spacing: .01em;
	font-family: "Akshar", sans-serif;
}
.price_md .tax_md {
		font-size: 70%;
		letter-spacing: 0;
}
/* お試し価格 */
.styling_item_md.otameshi_price_md .spec_md {
	float: left;
	margin: .2em 0 3em;
	display: block;
	border-bottom: none;
	text-align: left;
	width: 80%;
	margin-left: 2.4em;
}
.otameshi_price_md .name_md {
	display: block;
	margin-bottom: .4em;
	border-bottom: 1px solid #000;
	padding-bottom: 0.1em;
}
.otameshi_price_md .buy_md {
	float: right;
	font-size: 105%;
}
.styling_item_md.otameshi_price_md ul li a {
	display: block;
	/* width: 9.5em; */
	white-space: nowrap;
}
.styling_item_md.otameshi_price_md .price_md {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 75%;
}
.otameshi_price_md .price_md .tax_md {
	font-size: 85%;
	letter-spacing: 0;
	padding-right: 0.7em;
	padding-left: 0.3em;
}
.red_md {
	color: #e5004f;
}
.otameshi_price_md .price_md .yen_md {
margin-left: 1.5em;
font-size: 140%;
}
.otameshi_txt_md {
	font-family: "秀英角ゴシック銀 B", sans-serif;
}
.buy_md {
		font-size: 80%;
		line-height: 1.3;
		width: 6em;
		height: 1.5em;
		display: flex;
		padding: .1em 1.6em 0;
		color: #fff;
		background-color: #00648c;
		background-image: url(../images/buy.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 2.3em;
		border-radius: 1em;
		align-items: center;
}
/* 商品名 半分表示 */
.styling_item_md.half_md {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.half_photo {
		width: 40%;
		margin-left: 5%;
		opacity: 0;
}
.half_photo.right_md {
		width: 40%;
		margin-right: 5%;
		margin-left: 0;
		order: 1;
}
.scrollin.active .half_photo {
		animation: zoom_fade02 1.0s forwards 0s;
}
.styling_item_md.half_md ul {
		max-width: 100%;
		/* width: 40%; */
		min-width: 40%;
}
.styling_item_md.half_md ul li a {
		display: block;
		/* width: 9.5em; */
		white-space: nowrap;
}
.styling_item_md.half_md ul li a::after {
		line-height: 0;
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '.';
}
.half_md .spec_md {
		display: inherit;
		border: none;
		width: 100%;
}
.half_md .name_md {
		display: block;
		margin-bottom: .4em;
		border-bottom: 1px solid #000;
		padding-bottom: 0.1em;
}
.half_md .price_md {
		float: left;
		/* margin: .2em 0 0; */
}
.half_md .buy_md {
		float: right;
		margin-top: 0.3em;
}
/*==================================

テーマ全体

==================================*/
#thema_wrap_md .contents_wrap {
		position: relative;
		clear: both;
		padding: 0 0 3.5em;
}
.thema_md {
		padding: 3em 0 2em;
}
/* テーマタイトル共通 */
.thema_ttl_md {
		position: relative;
		/* bottom: 15%; */
		/* left: 0; */
		width: 100%;
		margin-bottom: 8em;
}
.thema_ttl_md .thema_title_md {
		opacity: 0;
}
.thema_ttl_md .thema_title_main img {
		margin: 0 auto;
		display: block;
}
/* anime */
.thema_ttl_md.active .thema_title_md {
		animation: item_fadein 1.0s forwards 0.5s;
}
/* 各コーディネート */
ul.coordi_photo {
		position: relative;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 0.3em;
}
ul.coordi_photo li {
		width: 100%;
		margin: 0 auto;
}
ul.coordi_photo li.half_photo {
		width: 40%;
		margin: 1.4em 0 0;
}
ul.coordi_photo li:nth-child(1):not(.nolazy) {
		aspect-ratio: 120 / 148.8;
}
ul.coordi_photo li img {
		width: 100%;
}
.double_photo {
		display: flex;
		justify-content: center;
		align-items: center;
		aspect-ratio: 100/63.3;
}
.double_photo img {
		width: 50%
}
/*==================================

テーマ01

==================================*/
#thema01 {
		padding: 0 0 2em;
}
/* タイトル */
#thema01 .thema_ttl_md {
		position: relative;
}
#thema01 .thema_title_md {
	top: 11%;
	right: 5%;
	width: 13.5%;
}
#thema01 .thema_ttl_photo_md img {
		opacity: 0;
}
#thema01 .thema_ttl_photo_md img.thema_ttl_photo01_md {
	width: 70%;
	margin-left: 30%;
	margin-top: 5%;
	position: relative;
	z-index: 0;
}
#thema01 .thema_ttl_photo_md img.thema_ttl_photo02_md {
	width: 39.7%;
	position: absolute;
	top: 0%;
	left: 0%;
	z-index: 1;
}
#thema01 .thema_ttl_photo_md img.thema_ttl_photo03_md {
	width: 47.6%;
	position: absolute;
	top: 41%;
	left: 0;
}
#thema01 .thema_ttl_md.active img.thema_ttl_photo01_md {
		animation: zoom_fade01 1.3s forwards 0s;
}
#thema01 .thema_ttl_md.active img.thema_ttl_photo02_md {
		animation: zoom_fade01 1.3s forwards .2s;
}
#thema01 .thema_ttl_md.active img.thema_ttl_photo03_md {
		animation: zoom_fade01 1.3s forwards .4s;
}
#thema01_c01 .double_photo img:nth-child(1) {
		width: 51.3%;
}
#thema01_c01 .double_photo img:nth-child(2) {
		width: 48.75%;
}
#thema01_c03 .double_photo img:nth-child(1) {
		width: 51.40%;
}
#thema01_c03 .double_photo img:nth-child(2) {
		width: 48.6%;
}
/*==================================

テーマ02 

==================================*/
/* タイトル */
#thema02 .thema_title_main {
	margin: 0.4em auto 0;
	width: 40%;
}
#thema02 .thema_ttl_md {
		position: relative;
		aspect-ratio: 1/1.3;
		margin-bottom: 0.8em;
}
#thema02 .thema_title_md {
	top: 8%;
	right: 5.5%;
}
#thema02 .thema_ttl_photo_md img {
		opacity: 0;
}
#thema02 .thema_ttl_photo_md img.thema_ttl_photo01_md {
		width: 62.3%;
		top: 4%;
		right: 0;
		position: absolute;
		z-index: 1;
}
#thema02 .thema_ttl_photo_md img.thema_ttl_photo02_md {
		width: 35%;
		position: absolute;
		top: 0%;
		z-index: 2;
		right: 59%;
}
#thema02 .thema_ttl_photo_md img.thema_ttl_photo03_md {
	width: 46%;
	position: absolute;
	top: 35%;
	left: 0;
}
#thema02 .thema_ttl_md.active img.thema_ttl_photo01_md {
		animation: zoom_fade01 1.3s forwards 0s;
}
#thema02 .thema_ttl_md.active img.thema_ttl_photo02_md {
		animation: zoom_fade01 1.3s forwards .2s;
}
#thema02 .thema_ttl_md.active img.thema_ttl_photo03_md {
		animation: zoom_fade01 1.3s forwards .4s;
}
#thema02_c04 .double_photo img:nth-child(1) {
	width: 52.74%;
}

/*==================================

テーマ03 

==================================*/
#thema03.thema_md {
		padding-bottom: 0;
}
/* タイトル */
#thema03 .thema_ttl_md {
		position: relative;
		aspect-ratio: 1/1.3;
		margin-bottom: 2em;
}
#thema03 .thema_title_md {
	top: 14%;
	right: 6%;
}
#thema03 .thema_title_md .thema_title_main {
		width: 45%;
}
#thema03 .thema_ttl_photo_md img {
		opacity: 0;
}
#thema03 .thema_ttl_photo_md img.thema_ttl_photo01_md {
		width: 65%;
		top: 4%;
		right: 0;
		position: absolute;
		z-index: 1;
}
#thema03 .thema_ttl_photo_md img.thema_ttl_photo02_md {
	width: 34%;
	position: absolute;
	top: -1%;
	left: 6%;
}
#thema03 .thema_ttl_photo_md img.thema_ttl_photo03_md {
	width: 46.5%;
	position: absolute;
	top: 35%;
	left: 0;
	z-index: 1;
}
#thema03 .thema_ttl_md.active img.thema_ttl_photo01_md {
		animation: zoom_fade01 1.3s forwards 0s;
}
#thema03 .thema_ttl_md.active img.thema_ttl_photo02_md {
		animation: zoom_fade01 1.3s forwards .2s;
}
#thema03 .thema_ttl_md.active img.thema_ttl_photo03_md {
		animation: zoom_fade01 1.3s forwards .4s;
}
#thema03_c03 .double_photo img:nth-child(1) {
	width: 52.7%;
}
/*==================================

footer

==================================*/
#look_footer_md {
		text-align: center;
		background: #e9e9e9;
}
.footer_ashirai_md {
		width: 80%;
		margin: 0 auto 4em;
		padding: 3em 0 0 0;
		text-align: center;
}
div#look_wrap_md .footer_ashirai_md img {
		display: inline-block;
		width: 35%;
		margin: .6em 4%;
		vertical-align: top;
		opacity: 0;
}
div#look_wrap_md .footer_ashirai_md img:nth-child(1) {
		margin-top: 0;
}
div#look_wrap_md .footer_ashirai_md img:nth-child(2) {
		margin-top: 1.5em;
}
div#look_wrap_md .footer_ashirai_md img:nth-child(3) {
		display: block;
		margin: 1em 28%;
}
div#look_wrap_md .footer_ashirai_md img:nth-child(4) {
		margin-top: 2em;
}
.footer_ashirai_md.scrollin.active img {
		animation: fade_md 1.8s forwards 0s;
}
.footer_ashirai_md.scrollin.active img:nth-child(1) {
		animation-delay: .0s;
}
.footer_ashirai_md.scrollin.active img:nth-child(2) {
		animation-delay: .4s;
}
.footer_ashirai_md.scrollin.active img:nth-child(3) {
		animation-delay: .2s;
}
.footer_ashirai_md.scrollin.active img:nth-child(4) {
		animation-delay: .8s;
}
.footer_ashirai_md.scrollin.active img:nth-child(5) {
		animation-delay: .6s;
}
/*==================================

link_list

==================================*/
.link_list_md {
		width: 90%;
		margin: 2em auto 0;
		padding-bottom: 4.5em;
		text-align: center;
}
#look_footer_md .link_list_md ul li.logo_md {
		width: 63%;
		margin: 3em auto 1.1em;
}
#look_footer_md .link_list_md ul li {
		width: 56%;
}
.link_list_md ul {
		margin-bottom: 0;
}
.link_list_md ul li {
		margin: .8em auto 0;
}
.link_list_md ul li.list_line_md {
		border-bottom: 2px solid #000;
}
.link_list_md ul li.logo_md {
		width: 60%;
		margin: 3em auto .4em;
}
@media screen and (max-width: 1100px) {
		/* SP */
		.link_list_md {
				padding-bottom: 5em;
		}
}
/*==================================

アーカイブ

==================================*/
.archive_md {
		font-family: 'Akshar', sans-serif;
		font-size: 115%;
		font-weight: 500;
		display: inline-block;
		margin: 0 .3em .7em;
		margin-left: 1rem;
		padding-right: 1.8rem;
		border-bottom: 1px solid #000;
		background-image: url('../images/link_arrow.svg');
		background-repeat: no-repeat;
		background-position: center right;
		background-size: .8rem;
}
.archive_md.old {
		padding-right: 0;
		padding-left: 1.8rem;
		background-image: url('../images/link_arrow_l.svg');
		background-position: center left;
}
/*==================================

PC表示 左右固定背景

==================================*/
#main_wrap {
		position: relative;
}
#fixed_bg {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
}
#fixed_bg.fixed_on {
		position: fixed;
}
#fixed_bg ul {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
}
#fixed_bg ul li {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: space-between;
		align-items: center;
}
#fixed_bg ul li div {
		height: 100%;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
}
#fixed_bg ul li {
		transition: all .3s;
		opacity: 0;
}
#fixed_bg ul li.fixed_on {
		opacity: 1;
}
/* 個別に背景画像を設定 */
#fixed_bg ul li.fixed_on_md, #fixed_bg ul li#bg01 {
		opacity: 1 !important;
}
#fixed_bg ul li#bg01 div.bg_l {
		background-image: url('../images/bg01_01.jpg');
}
#fixed_bg ul li#bg01 div.bg_r {
		background-image: url('../images/bg01_02.jpg');
}
#fixed_bg ul li#bg02 div.bg_l {
		background-image: url('../images/bg02_01.jpg');
}
#fixed_bg ul li#bg02 div.bg_r {
		background-image: url('../images/bg02_02.jpg');
}
#fixed_bg ul li#bg03 div.bg_l {
		background-image: url('../images/bg03_01.jpg');
}
#fixed_bg ul li#bg03 div.bg_r {
		background-image: url('../images/bg03_02.jpg');
}
#fixed_bg ul li#bg04 div.bg_l {
		background-image: url('../images/bg04_01.jpg');
}
#fixed_bg ul li#bg04 div.bg_r {
		background-image: url('../images/bg04_02.jpg');
}
/*==================================

PC表示 左右固定要素

==================================*/
.fixed_pc {
		position: absolute;
		z-index: 1;
		top: 0;
		display: flex !important;
		width: 25vw;
		max-width: 380px;
		height: 100vh !important;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
}
.fixed_pc.fixed_on {
		position: fixed;
}
#fixed_left {
		left: calc(27vw - 270px);
		width: 18vw;
		max-width: 400px;
}
#fixed_right {
		right: calc(27vw - 350px);
}
.flex_box_md {
		width: 80%;
}
.flex_box_md .main_logo {
		width: 100%;
}
.flex_box_md .main_sub {
		width: 90%;
		margin: 0.5em auto 0;
		display: block;
}
/*==================================

SPハンバーガーメニュー

==================================*/
#menu {
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
		width: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
}
#menu .menu_inner {
		position: relative;
		margin: 0 auto;
}
#menu.fixed_on {
		position: fixed;
		top: 0 !important;
}
#menu ul {
		padding-inline-start: inherit;
}
#menu li {
		list-style: none;
}
.openbtn {
		position: relative;
		z-index: 10;
		/* top: 0; */
		/* right: 0; */
		width: 50px;
		height: 50px;
		cursor: pointer;
		border-radius: 5px;
}
/* ハンバーガーメニュー内側 */
.openbtn span {
		position: absolute;
		left: 14px;
		display: inline-block;
		width: 45%;
		height: 2px;
		transition: all .4s;
		border-radius: 2px;
		background: #000;
}
.openbtn span:nth-of-type(1) {
		top: 15px;
}
.openbtn span:nth-of-type(2) {
		top: 23px;
}
.openbtn span:nth-of-type(3) {
		top: 31px;
}
/* ハンバーガーメニュー open */
.openbtn.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		width: 40%;
		transform: translateY(6px) rotate(-45deg);
		background: #000;
}
.openbtn.active span:nth-of-type(2) {
		opacity: 0;
}
.openbtn.active span:nth-of-type(3) {
		top: 30px;
		left: 18px;
		width: 40%;
		transform: translateY(-6px) rotate(45deg);
		background: #000;
}
/* メニュー内Instagramアイコン */
.insta_icon {
		position: relative;
		z-index: 10;
		width: 2.6rem;
		padding: 0.4em;
		display: block;
}
/* SP メニューヘッダー */
.menu_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #FFF;
		/* padding-bottom: 0.2em; */
}
.menu_logo {
		width: 37%;
		margin: 0.4em auto;
		max-width: 243px;
}
/* SPメニュー中身 */
#overlay {
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		padding: 3.5rem 0;
		background: #e6e6e6;
}
#overlay .overlay_inner_md {
		width: 90%;
		max-width: 500px;
		margin: 0 auto;
}
#overlay .overlay_ttl_md {
		width: 45%;
		margin: 0em auto 1em;
		display: block;
}
#overlay .contents_md {
		margin: 2.5em auto 1em;
		width: 76%;
		font-size: 110%;
}
#overlay .contents_md ul {}
#overlay .contents_md ul li {
		margin: 0.8em auto;
}
#overlay .link_list_md {
		width: 66%;
		margin: 2em auto 0;
		padding-bottom: 2em;
}
@media screen and (min-width: 1099px) {
		/* 1099px以上でSPメニュー非表示 */
		#menu {
				display: none;
		}
}
/*==================================

アニメーション

==================================*/
.scrollin {
		transition: opacity .8s, transform .8s;
		opacity: 0;
}
.scrollin.active {
		transition-delay: .0s;
		opacity: 1;
}
@keyframes fade_md {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes item_fadein {
		0% {
				transform: translate(0px, 40px);
				opacity: 0;
		}
		100% {
				transform: translate(0px, 0px);
				opacity: 1.0;
		}
}
@keyframes scroll_down {
		0% {
				transform: translateY(0px);
		}
		50% {
				transform: translateY(15px);
		}
		100% {
				transform: translateY(0px);
		}
}
@keyframes zoom_fade01 {
		0% {
				transform: translate(0px, 0px) scale(1.2);
				opacity: 0;
		}
		100% {
				transform: translate(0px, 0px) scale(1.0);
				opacity: 1;
		}
}
@keyframes zoom_fade02 {
		0% {
				transform: translate(10px, 10px) scale(1.1);
				opacity: 0;
		}
		100% {
				transform: translate(0px, 0px) scale(1.0);
				opacity: 1.0;
		}
}
.sp_md {
		display: none;
}
/*==================================

SP

==================================*/
@media screen and (max-width: 768px) {
		body.menu_open_md {
				overflow: hidden;
		}
		/* SP */
		#menu, #overlay, #main_inner, #menu .menu_inner {
				right: 0;
				width: 100%;
		}
		#overlay {
				height: 110vh;
		}
		#look_wrap_md {
				font-size: 3.9vw;
		}
		.sp_md {
				display: block;
		}
		.spec_md {
				display: flex;
				width: 66%;
		}
		.styling_item_md ul {
				max-width: 95%;
		}
		/* .otameshi_price_md .price_md .tax_md {
			font-size: 95%;
			letter-spacing: 0;
			margin-left: 3.2em;
	} */
	.styling_item_md.otameshi_price_md .spec_md {
		width: 85%;
    margin-left: 1.6em;
	}
.otameshi_price_md .price_md .yen_md {
	margin-left: 0.6em;
	font-size: 140%;
}
.otameshi_price_md .buy_md {
	float: right;
	font-size: 113%;
}
.styling_item_md.half_md ul {
	max-width: 100%;
	/* width: 40%; */
	min-width: 45%;
}
.ttl_category_md ul li .thema_title_md::after {
	height: 2.6em;
}




}
/* Slider用 CSS */
.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
		padding: 0;
}
.slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
}
.slick-list:focus {
		outline: none;
}
.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
}
.slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
}
.slick-track:before, .slick-track:after {
		display: table;
		content: '';
}
.slick-track:after {
		clear: both;
}
.slick-loading .slick-track {
		visibility: hidden;
}
.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
}
[dir='rtl'] .slick-slide {
		float: right;
}
.slick-slide img {
		display: block;
		width: 100%;
}
.slick-slide.slick-loading img {
		display: none;
}
.slick-slide.dragging img {
		pointer-events: none;
}
.slick-initialized .slick-slide {
		display: block;
}
.slick-loading .slick-slide {
		visibility: hidden;
}
.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
		display: none;
}
/*==================================

slide arrows 左右の矢印

==================================*/
.slide-arrow {
		font-size: 0;
		line-height: 0;
		position: absolute;
		border: none;
		outline: none;
		z-index: 8;
		top: calc(35% - 40px);
		display: block;
		width: 50px;
		height: 70px;
		cursor: pointer;
		transition: all .3s;
		border-radius: 50%;
		background-color: transparent;
		background-image: url(/mede19f/list/meets01/slider_arrow_prev.svg?$staticlink$);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
}
/* next prev */
.prev-arrow {
		left: -2%;
}
.next-arrow {
		right: -2%;
		background-image: url(/mede19f/list/meets01/slider_arrow_next.svg?$staticlink$);
}
/*==================================

slide dots スライド下の丸

==================================*/
.slick-dotted.slick-slider {
		margin-bottom: 50px;
}
.slick-dots {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0.5em 0 0;
		list-style: none;
		text-align: center;
		opacity: 1;
}
.slick-dots li {
		position: relative;
		display: inline-block;
		padding: 0;
		cursor: pointer;
		margin: 0 0.2em;
}
.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 15px;
		height: 15px;
		padding: 5px;
		cursor: pointer;
		border: 0;
		background: none;
		outline: none;
		text-align: center;
}
.slick-dots li button:hover, .slick-dots li button:focus {
		outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
		opacity: 1;
}
.slick-dots li button:before {
		transition: all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		position: absolute;
		top: 0;
		left: 0;
		width: 8px;
		height: 8px;
		content: '';
		border-radius: 20px;
		opacity: 1;
		background: #c0c0c0; /* ドットの色 */
}
.slick-dots li.slick-active button:before {
		opacity: .75;
		background: #000; /* ドット（現在地）の色 */
}