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

	Date: 2024-09-17
	CSS Document ： 樋口 愉美子さんが描く 12ヵ月のボタニカルリース

=============================================================*/
/*------------------------------------

ベース

------------------------------------*/
#footercontent .fsc_gfooter__breadcrumb {		display: none;}
.fsc_gfooter__breadcrumb {		margin-top: 0;}
.pc_ct {
		display: block;
}
.sp_ct {
		display: none;
}
.i-block {
display: inline-block;
}
.bold_ct {font-weight: bold;font-family: "ヒラギノ角ゴ W6 JIS2004", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";}
#wrapper {
		width: 100%;
		color: #000000;
		line-height: 2;
		letter-spacing: 0.1em;
		text-align: left;
}
#wrapper img {height: auto;}
#wrapper p {font-family: "ヒラギノ角ゴ W3 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";line-break: strict;}
#wrapper ul {
		padding: 0;
}
#wrapper li {
		list-style: none;
}
/* hover */
@media (hover: hover) {
		#wrapper a {
				transition: all 0.3s;
		}
		.detail_ct a:hover {
				opacity: 0.7;
		}
}
/*------------------------------------

スライド ページネーション

------------------------------------*/
.splide__pagination {
		bottom: -2.2em;
		left: 0;
		padding: 0 1em;
		position: absolute;
		/* right: 0.5em; */
		z-index: 1;
		/* justify-content: flex-end; */
}
.splide__pagination__page {
		background: none;
		border: 1px solid #959596;
		border-radius: 50%;
		display: inline-block;
		width: 9px;
		height: 9px;
		margin: 5px;
		opacity: 1;
		padding: 0;
		position: relative;
		transition: transform .2s linear;
}
.splide__pagination__page.is-active {
		border: 1px solid #00635d;
		background: #00635d;
		transform: scale(1);
		z-index: 1
}
.splide__pagination__page:hover {
		cursor: pointer;
		opacity: .9
}
.splide__pagination__page:focus-visible {
		outline: none;
		outline-offset: none
}
.splide.is-focus-in .splide__pagination__page:focus {
		outline: none;
		outline-offset: none;
}
.splide *:focus {
		outline: none;
}
/*------------------------------------

タイトルエリア

------------------------------------*/
#titlearea_ct {
		text-align: center;
		position: relative;
		background: #eae5dd;
}
#titlearea_ct .ttl_inner {
		max-width: 1300px;
		width: 100%;
		margin: 0 auto;
		position: relative;
}
#titlearea_ct h1 {
		width: 39%;
		position: absolute;
		z-index: 1;
		bottom: 6%;
		left: 3%;
		text-align: left;
}
#titlearea_ct .logo_ct {
		width: 110px;
		margin: 0 0 2%;
}
#titlearea_ct .ttl_txt_ct {
		width: 100%;
		filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}
/* トップスライダー */
#titlearea_ct .slide_ct {
    aspect-ratio: 1/0.538;}
#titlearea_ct .slider-top {
		/* opacity: 0; */
		width: 100%;
		margin: 0;
		padding: 0;
		overflow-y: clip;
}
#titlearea_ct picture {
    display: block;
}
#titlearea_ct picture img {
		width: 100%;
}
#titlearea_ct .splide {}
#titlearea_ct .splide .splide__slide {}
/*------------------------------------

固定ナビ

------------------------------------*/
.fix_nav_ct {
		width: 100%;
		display: none;
		position: fixed;
		top: 0px;
		left: auto;
		right: 0;
		z-index: 100;
		/* transition: all 0.3s; */
}
@media (min-width: 769px) {
		/*.fix_nav_ct a:hover {
 right: 10px;
 }*/
		.fix_nav_ct div {
				max-width: 1500px;
				margin: 0 auto;
				position: relative;
				height: 0;
		}
		.fix_nav_ct a {
				position: absolute;
				width: 180px;
				top: 30px;
				right: 25px;
				display: block;
				background-image: url(../images/fixd_btn_on.svg);
		}
		.fix_nav_ct a:hover img {
				opacity: 0;
		}
		.fix_nav_ct a img {
				transition: all 0.3s;
		}
}
/*------------------------------------

メイン

------------------------------------*/
.main_ct {}
/*------------------------------------

リード

------------------------------------*/
#lead_ct {
		/* width: 920px; */
		margin: 4em 0% 2em;
		/* padding: 0 0 25px; */
		/* color: #3e3a39; */
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1em;
}
#lead_ct img {}
#lead_ct .lead_txt {
		text-align: left;
}
#lead_ct h2 {
		font-family: "A1明朝", serif;
		line-height: 1.4;
		letter-spacing: 0.15em;
		margin: 0 0 0.8em;
		font-size: 215%;
}
#lead_ct p {
		text-align: justify;
		font-size: 95%;
		line-height: 2.2;
}
@media (max-width: 1100px) {
		br.over {
				display: none;
		}
		#lead_ct img {
				width: 40%;
		}
		#lead_ct .lead_txt {
				width: 47%;
				font-size: 1.6vw;
		}
}
/*------------------------------------

メッセージ

------------------------------------*/
.message_ct {
		text-align: center;
		margin: 1em auto;
}
.message_ct .message_ttl {
		font-family: "A1明朝", serif;
		color: #00635d;
		font-size: 135%;
		position: relative;
		display: inline-block;
		letter-spacing: 0.15em;
}
.message_ct .message_ttl::after {
		content: "";
		display: block;
		width: 110%;
		height: 0.5em;
		background-image: url(../images/message_line.svg);
		position: absolute;
		background-repeat: no-repeat;
		background-position: bottom center;
		left: -5%;
		bottom: 16%;
		z-index: 0;
		mix-blend-mode: multiply;
}
.message_ct .message_txt {}
.message_ct p {
		font-family: "A1明朝", serif;
		position: relative;
		max-width: 560px;
		text-align: justify;
		display: inline-block;
		color: #76501b;
		background: #f8f8f8;
		padding: 1em 2em;
		letter-spacing: 0.15em;
}
.message_ct p::before {
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		top: 0;
		left: -10px;
		background: #66a19e;
}
.message_ct p::after {
		content: "";
		display: block;
		width: 103%;
		height: 1em;
		background-repeat: no-repeat;
		background-image: url(../images/message_fukidashi.svg);
		position: absolute;
		bottom: -25px;
		left: -11px;
		background-position: bottom center;
		background-size: contain;
}
/*------------------------------------

図案紹介

------------------------------------*/
#series_ct {
		overflow: hidden;
		border-top: 1px solid #bdbab9;
		margin: 4.5em auto 0;
		max-width: 2000px;
}
#series_ct .series_ttl {
		margin: 2em auto 1em;
		color: #76501b;
		text-align: center;
		font-size: 223%;
		font-family: "A1明朝", serif;
		letter-spacing: 0.1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
/* シリーズ */
#series_ct .splide {
		max-width: 700px;
		margin: 0 auto 9em;
}
#series_ct .splide img {
		width: 100%;
}
#series_ct .splide .splide__track {
		overflow: inherit;
}
#series_ct .splide .splide__slide {
		background: #f7f5f1;
}
/* スライダー用 矢印 */
#series_ct .splide__arrow {
		box-sizing: initial;
		width: 1.5em;
		height: 2.5em;
		transition: all .3s;
		opacity: 1;
		outline: none;
		background: none;
}
#series_ct .splide__arrow img {
		width: 100%;
}
#series_ct .splide__arrow--prev {
		left: -3.1em;
		padding-right: 2.5em;
}
#series_ct .splide__arrow--next {
		right: -3.1em;
		padding-left: 2.5em;
}
/* #staple-slider:not(.is-overflow) .splide__arrow {
		pointer-events: none;
		opacity: 0;
} */
/* hover */
@media (hover: hover) and (min-width: 769px) {
		#series_ct .staple-links_lv a:hover {
				opacity: .7;
		}
		#series_ct .splide__arrow--prev:hover {
				left: -3.5em;
				padding-right: 2.5em;
		}
		#series_ct .splide__arrow--next:hover {
				right: -3.5em;
				padding-left: 2.5em;
		}
}
/* シリーズ テキスト */
.text_box_ct {
		font-size: 136%;
}
.series_title_ct {
		margin: 0.5em auto 0.3em;
		font-size: 161%;
		line-height: 1.4;
		white-space: nowrap;
		letter-spacing: 0.09em;
		font-feature-settings: 'palt'1;
		font-family: "A1明朝", serif;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.series_title_ct span {
		font-family: 'Crimson Text', serif;
		font-style: italic;
		letter-spacing: 0.03em;
		font-size: 105%;
}
.text_box_ct p {
		text-align: justify;
		margin-top: 1.4em;
		letter-spacing: 0.1em;
		line-height: 1.9;
		width: 72%;
		margin: 0 auto;
		font-size: 71%;
}
/*------------------------------------

お届けキット

------------------------------------*/
.kit_ct {
		margin: 9em auto 2.5em;
		max-width: 700px;
}
.kit_ct img {}
.kit_ct p {
		/* font-size: 115%; */
		letter-spacing: 1px;
		text-align: center;
		margin: 0.8em 0;
}
/*------------------------------------

購入方法

------------------------------------*/
#buy_ct {
		/* width:860px; */
		background: #f2f4f1;
		margin: 3em 0 5em;
		padding: 1.5em 0 3em;
		text-align: center;
		font-size: 150%;
		letter-spacing: 1px;
}
#buy_ct .buy_inner {
		max-width: 860px;
		margin: 0 auto
}
#buy_ct .buy_ttl {
		color: #76501b;
		text-align: center;
		font-size: 155%;
		font-family: "A1明朝", serif;
		letter-spacing: 0.1em;
		background: #FFF;
		border-top: 2px solid #baa88d;
		margin: 1em 0 1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
#buy_ct .detail_ct {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 3%;
}
#buy_ct .detail_ct a {
		width: 45%;
}
#buy_ct .detail_ct a img {
		width: 100%;
}
/* 特典 */
.frame_ct {
		position: relative;
		/* padding-bottom: 9px; */
		max-width: 816px;
		margin: 3.5em auto 0;
}
.frame_ct::before, .frame_ct::after {
		background-size: contain;
		display: block;
		width: 100%;
		height: 55px;
		content: '';
		background-repeat: no-repeat;
		background-position: center top;
		position: absolute;
		z-index: 3;
}
.frame_ct::before {
		background-image: url(../images/complete_head.png);
		top: 0;
		left: 0;
}
.frame_ct::after {
		background-image: url(../images/complete_bottom.png);
		/* margin: -56px 0 0; */
		position: relative;
}
.frame_ct .frame_ttl_sub {
		position: relative;
		margin: -1.5em auto 0;
		z-index: 3;
}
.frame_ct .frame_inner {
		background-image: url(../images/complete_side.png);
		background-repeat: repeat-y;
		background-position: top;
		background-size: contain;
		position: relative;
		z-index: 2;
}
.frame_ct .frame_ttl {
		font-family: "A1明朝", "A1 Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		color: #174721;
		font-size: 177%;
		letter-spacing: 0.05em;
		margin: 0 0 0.5em;
		color: #f6f5ed;
		line-height: 1.4;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.frame_ct .frame_photo {
		position: relative;
		display: inline-block;
}
.frame_ct .frame_photo img:first-child {}
.frame_ct .frame_photo img.frame_point {
		position: absolute;
		top: -6%;
		right: -11%;
}
.frame_ct p.campaign_txt_ct {
		text-align: justify;
		/* margin-bottom: 1.5em; */
		line-height: 1.8;
		color: #ffffff;
		font-size: 68%;
		letter-spacing: 0.1em;
		line-height: 2em;
		width: 73%;
		margin: 1.5em auto 0;
}
.frame_ct span.campaign_num_ct {
		text-align: right;
		margin: 0;
		/* font-size: 85%; */
		letter-spacing: 1px;
		display: block;
}
/*------------------------------------

刺しゅう糸

------------------------------------*/
#dmc_ct {
		margin: 0em 0 4em;
		/* padding: 4.5em 0; */
		/* background: #f3f4f4; */
		text-align: center;
}
#dmc_ct .ttl_ct {
		margin-bottom: 2em;
}
#dmc_ct .ttl_ct .dmc_ttl {}
#dmc_ct .ttl_ct .dmc_ttl .dmc_sub {
		display: block;
		color: #76501b;
		font-weight: bold;
		font-family: "ヒラギノ角ゴ W6 JIS2004";
		font-size: 120%;
		letter-spacing: 0.15em;
}
#dmc_ct .ttl_ct .dmc_ttl .dmc_main {
		font-family: "A1明朝", "A1 Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		color: #00635d;
		font-size: 270%;
		letter-spacing: 0.15em;
		/* margin: 0.6em 0; */
		display: inline-block;
		line-height: 1.2;
}
#dmc_ct p {
		width: 500px;
		margin: 1em auto;
		text-align: justify;
}
#dmc_ct img.dmc_photo {}
/*------------------------------------

プロフィール

------------------------------------*/
#prof_ct {
		font-size: 120%;
		max-width: 860px;
		margin: 2.8em auto 5em;
}
#prof_ct .ttl_ct {}
#prof_ct .ttl_ct img {
		height: 1.9em;
		margin: 0 0 -2.5em 5em;
}
#prof_ct .prof_box_ct {
		padding: 0 4em;
		background: #f4f6f8;
		margin: 0;
		padding: 1.9em 5em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2em;
}
#prof_ct .prof_photo_ct {}
#prof_ct .prof_photo_ct img {}
#prof_ct .prof_text_ct {
		letter-spacing: 0.13em;
		line-height: 2.1;
		text-align: justify;
		/* margin-left: 3em; */
		/* width: 455px; */
}
#prof_ct .prof_text_ct .prof_name {
		font-family: "A1明朝", "A1 Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-size: 134%;
		line-height: 1.5;
		display: block;
		margin-bottom: 0.2em;
		color: #00635d;
}
#prof_ct .prof_text_ct p {
		margin: 0;
		font-size: 78%;
}
/*------------------------------------

選りすぐりの刺しゅうの相棒

------------------------------------*/
#osusume_ct {
		background: #f2f4f1;
		padding: 3em 0 3em;
		margin: 0 0 4em;
}
#osusume_ct .osusume_inner {
		max-width: 860px;
		margin: 0 auto
}
#osusume_ct .osusume_ttl {
		color: #76501b;
		text-align: center;
		font-size: 230%;
		font-family: "A1明朝", serif;
		letter-spacing: 0.1em;
		background: #FFF;
		border-top: 2px solid #baa88d;
		margin: 1em 0 1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
#osusume_ct .osusume_item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 3em;
		margin: 4em 0 6em;
}
#osusume_ct .osusume_item .splide {
		width: 47%;
}
#osusume_ct .osusume_item .splide .splide__slide {}
#osusume_ct .osusume_item .splide .splide__slide img {
		width: 100%;
}
#osusume_ct .osusume_item .osusume_txt {
		width: 47%;
}
#osusume_ct .osusume_item h4 {
		line-height: 1.4;
		color: #00635d;
		font-family: "A1明朝", serif;
		/* white-space: nowrap; */
		font-size: 162%;
}
#osusume_ct .osusume_item p {
		text-align: justify;
		font-size: 96%;
		margin: 1em 0 1.5em;
}
/* 左右入れ替え */
#osusume_ct .osusume_item.osusume_right .osusume_txt {
		order: -1;
}
.spec_btn {
		color: #000;
		position: relative;
		background: #FFF;
		padding: 0.3em 2.9em;
		border: 4px solid #f2f4f1;
		border-radius: 3em;
		display: inline-block;
		font-size: 100%;
		transition: all 0.3s;
		box-shadow: 0px 0 0px 1px #000;
}
.spec_btn::after {
		display: block;
		width: 0.5em;
		height: 100%;
		content: '';
		background: url("../images/link_arrow.svg") no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 1.2em;
		transition: all 0.3s;
}
@media (hover: hover) {
		#osusume_ct a:hover {
				opacity: 1;
		}
		#osusume_ct a:hover .spec_btn {
				color: #FFF;
				background: #00635d;
		}
		#osusume_ct a:hover .spec_btn::after {
				/* right: 0.9em; */
				background-size: contain;
		}
}
/*------------------------------------

バナー

------------------------------------*/
.bnr_ct {
		clear: both;
}
.bnr_ct a {
		display: block;
		text-align: center;
		box-sizing: border-box;
		border-radius: 6px;
}
.bnr_ct.top_ct a {
		margin: 20px auto;
		border: 3px solid #FFF;
		box-shadow: 0 0 0 1px #9e8a7a;
}
.bnr_ct p {
		text-align: center;
		font-size: 120%;
}
@media (min-width: 920px) {
		.bnr_ct.top_ct a {
				width: 660px;
		}
		.bnr_ct.detail_ct a:hover {
				opacity: 0.8;
		}
		.bnr_ct.top_ct a:hover {
				opacity: 1 !important;
				background-color: #f4f3f3;
		}
}
/*------------------------------------

	SNS

------------------------------------*/
#sns_ct {
		text-align: center;
		display: block;
		margin: 80px auto 60px;
}
#sns_ct .ttl_ct {
		margin: 0 auto 0em;
}
#sns_ct .ttl_ct img {}
#sns_ct li {
		display: inline-block;
		margin: 6px 0px;
}
#sns_ct li.sp_ct {
		display: none;
}
#sns_ct li a {
		width: 100%;
}
@media (min-width: 920px) {
		#sns_ct li a:hover {
				opacity: 0.7
		}
}
/*------------------------------------

アニメーション

------------------------------------*/
.slide_ct {
		animation: fadeIn_ct 1s 1.5s both;
		opacity: 0;
}
#titlearea_ct h1 {
		animation: fadeInBottom_ct 1.5s 2.6s both;
		opacity: 0;
}
.lead_ct {
		animation: fadeInBottom_ct 1s 5.0s both;
		opacity: 0;
}
.lead_ct.fadeIn_ct h2, .lead_ct.fadeIn_ct h3 {
		/* animation: fadeInBottom_ct 1s 3.9s both;
		opacity: 0; */
}
.fade_ct {
		animation: fadeInBottom_ct 1.0s 0.0s both;
		opacity: 0;
}
@keyframes fadeIn_ct {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes fadeInBottom_ct {
		0% {
				transform: translateY(10px);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}
@keyframes fadeInLeft_ct {
		0% {
				transform: translateX(20px);
				opacity: 0;
		}
		100% {
				transform: translateX(0px);
				opacity: 1;
		}
}
@keyframes fadeInRight_ct {
		0% {
				transform: translateX(-20px);
				opacity: 0;
		}
		100% {
				transform: translateX(0px);
				opacity: 1;
		}
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
		display: none;
		position: relative;
		height: 0;
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
		z-index: 10000;
}
.pageTop a {
		position: fixed;
		bottom: 20px;
		right: 25px;
		left: auto;
		display: block;
		width: 105px;
		height: 105px;
		background: url(../images/pagetop.svg);
		background-repeat: no-repeat;
		z-index: 10000;
}
@media (min-width: 920px) {
		.pageTop a:hover {
				bottom: 30px;
		}
}
@media (min-width: 769px) {
		#osusume_ct .osusume_item .splide .splide__slide:nth-child(2) {
				/* transform: none !important; */
				position: absolute;
				top: 0;
				left: 0;
				opacity: 0;
				z-index: 1;
				transition: all 0.5s;
		}
		#osusume_ct .osusume_item .splide:hover .splide__slide:nth-child(2) {
				opacity: 1;
		}
}
/*------------------------------------

スマホ

------------------------------------*/
@media (max-width: 768px) {
		.pc_ct {
				display: none;
		}
		.sp_ct {
				display: block;
		}
		/*------------------------------------

ページトップへ戻る

------------------------------------*/
		.pageTop a {
				right: 15px;
				bottom: 15px;
				width: 40px;
				height: 40px;
				background-size: contain;
		}
		#wrapper {
				font-size: 3.2vw;
		}
		#wrapper ul {}
		#wrapper li {}
		/*------------------------------------

スライド ページネーション

------------------------------------*/
		.splide__pagination {}
		.splide__pagination__page {}
		.splide__pagination__page.is-active {}
		.splide__pagination__page:hover {}
		.splide__pagination__page:focus-visible {}
		.splide.is-focus-in .splide__pagination__page:focus {}
		/*------------------------------------

タイトルエリア

------------------------------------*/
		#titlearea_ct {}
		#titlearea_ct .ttl_inner {}
		#titlearea_ct h1 {
				width: 74%;
				bottom: 5%;
				left: 7%;
		}
		#titlearea_ct .logo_ct {
				width: 17vw;
		}
		#titlearea_ct .ttl_txt_ct {}
		/* トップスライダー */
		#titlearea_ct .slide_ct {
    aspect-ratio: 1 / 0.858;}
		#titlearea_ct .slider-top {}
		#titlearea_ct picture {
}
		#titlearea_ct picture img {}
		#titlearea_ct .splide {}
		#titlearea_ct .splide .splide__slide {}
		/*------------------------------------

固定ナビ

------------------------------------*/
		.fix_nav_ct {}
		.fix_nav_ct a {
				width: 100%;
				z-index: 100;
				/* border-bottom: 1px solid #FFF; */
		}
		.fix_nav_ct img {
				width: 86%;
				margin: 3vw auto;
				display: block;
		}
		/*------------------------------------

メイン

------------------------------------*/
		.main_ct {}
		/*------------------------------------

リード

------------------------------------*/
		#lead_ct {
				flex-wrap: wrap;
				gap: 0.5em;
		}
		#lead_ct::after {}
		#lead_ct img {
				width: 47%;
				margin-left: -5%;
		}
		#lead_ct .lead_txt {
				display: contents;
				font-size: 100%;
		}
		#lead_ct h2 { /* order: -1; */ /* text-align: center; */ margin: 0;
				font-size: 170%;
		}
		#lead_ct p {
				width: 80%;
		}
		/*------------------------------------

メッセージ

------------------------------------*/
		.message_ct {}
		.message_ct .message_ttl {
				font-size: 145%;
		}
		.message_ct .message_ttl::after {}
		.message_ct .message_txt {}
		.message_ct p {
				width: 85%;
				font-size: 110%;
				margin: 0;
				letter-spacing: 0.1em;
		}
		.message_ct p::before {}
		.message_ct p::after {
				background-size: 140%;
				height: 2em;
				bottom: -21px;
				width: 103%;
		}
		/*------------------------------------

図案紹介

------------------------------------*/
		#series_ct {
				margin: 7em 0 0;
		}
		#series_ct .series_ttl {
				font-size: 210%;
		}
		/* シリーズ */
		#series_ct .splide {}
		#series_ct .splide .splide__track {}
		#series_ct .splide .splide__slide {}
		#series_ct .splide .splide__slide.top_slide {
				background: #FFF; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ /* flex-wrap: wrap; */
		}
		/* スライダー用 矢印 */
		#series_ct .splide__arrow {}
		#series_ct .splide__arrow img {}
		#series_ct .splide__arrow--prev {
				left: 1%;
		}
		#series_ct .splide__arrow--next {
				right: 1%;
		}
		/* #staple-slider:not(.is-overflow) .splide__arrow { } */
		/* シリーズ テキスト */
		.text_box_ct {}
		.series_title_ct {
				font-size: 124%;
		}
		.series_title_ct span {
				font-size: 95%;
		}
		.series_title_ct span.min-txt {
				font-size: 70%;
		}
		.text_box_ct p {
				padding-bottom: 2em;
				width: 80%;
				font-size: 66%;
		}
		/*------------------------------------

お届けキット

------------------------------------*/
		.kit_ct {
				width: 100%;
		}
		.kit_ct img {
				width: 100%;
		}
		.kit_ct p {
				/* margin-right: 1em; */
		}
		/*------------------------------------

購入方法

------------------------------------*/
		#buy_ct {
				margin: 3em 0 3em;
		}
		#buy_ct .buy_inner {}
		#buy_ct .buy_ttl {
				width: 90%;
				margin: 0.5em auto 1em;
				font-size: 143%;
		}
		#buy_ct .detail_ct {
    gap: 2%;
}
		#buy_ct .detail_ct a {
				width: 47%;
		}
		#buy_ct .detail_ct a img {}
		/* 特典 */
		.frame_ct {
				margin: 2.0em auto 0;
		}
		.frame_ct::before, .frame_ct::after {
				height: 7vw;
		}
		.frame_ct::before {
				top: 4vw;
		}
		.frame_ct::after {
				position: static;
		}
		.frame_ct .frame_ttl_sub {
				width: 74%;
				display: block;
				margin: 0vw auto 2vw;
		}
		.frame_ct .frame_inner {}
		.frame_ct .frame_ttl {
				font-size: 140%;
				margin: 0.3em 0 0.2em;
		}
		.frame_ct .frame_photo {
				width: 84%;
				display: block;
				margin: 0 auto;
		}
		.frame_ct .frame_photo img:first-child {
				width: 100%;
		}
		.frame_ct .frame_photo img.frame_point {
				width: 31%;
				top: auto;
				right: -4%;
				bottom: -7%;
		}
		.frame_ct p.campaign_txt_ct {}
		.frame_ct span.campaign_num_ct {}
		/*------------------------------------

刺しゅう糸

------------------------------------*/
		#dmc_ct {}
		#dmc_ct .ttl_ct {}
		#dmc_ct .ttl_ct .dmc_ttl {}
		#dmc_ct .ttl_ct .dmc_ttl .dmc_sub {}
		#dmc_ct .ttl_ct .dmc_ttl .dmc_main {
				font-size: 195%;
		}
		#dmc_ct p {
				width: 80%;
		}
		#dmc_ct img.dmc_photo {
				width: 100%;
		}
		/*------------------------------------

プロフィール

------------------------------------*/
		#prof_ct {}
		#prof_ct .ttl_ct {}
		#prof_ct .ttl_ct img {
				margin: 0 0 -2.5em 5vw;
				height: 2.3em;
		}
		#prof_ct .prof_box_ct {
				justify-content: space-around; /* display: block; */ padding: 1.9em 2em;
				flex-wrap: wrap;
				gap: 0;
		}
		#prof_ct .prof_photo_ct {
				width: 26%;
				margin-right: 5%;
		}
		#prof_ct .prof_photo_ct img {
				width: 100%;
				margin: 0 0 0 0;
				display: block;
		}
		#prof_ct .prof_text_ct {
				display: contents;
		}
		#prof_ct .prof_text_ct .prof_name {
				font-size: 154%;
		}
		#prof_ct .prof_text_ct p {
				width: 100%;
				order: 1;
				font-size: 73%;
				margin-top: 1em;
		}
		/*------------------------------------

選りすぐりの刺しゅうの相棒

------------------------------------*/
		#osusume_ct {}
		#osusume_ct .osusume_inner {
				overflow: hidden;
		}
		#osusume_ct .osusume_ttl {
				width: 90%;
				margin: 0.5em auto 1em;
				font-size: 192%;
		}
		#osusume_ct .osusume_item {
				display: block;
		}
		#osusume_ct .osusume_item .splide {
				width: 70%;
				margin: 0 auto;
		}
		#osusume_ct .splide .splide__track {
				overflow: inherit;
		}
		#osusume_ct .osusume_item .splide .splide__slide {}
		#osusume_ct .osusume_item .splide .splide__slide img {}
		#osusume_ct .osusume_item .splide .splide__slide:nth-child(2) {
				/* transform: none !important; */
		}
		#osusume_ct .osusume_item .osusume_txt {
				width: 80%;
				margin: 2em auto;
				text-align: center;
		}
		#osusume_ct .osusume_item h4 {
				text-align: left;
				margin-top: 1.8em;
		}
		#osusume_ct .osusume_item p {}
		/* 左右入れ替え */
		#osusume_ct .osusume_item.osusume_right .osusume_txt {}
		.spec_btn {}
		.spec_btn::after {}
		/*------------------------------------

バナー

------------------------------------*/
		.bnr_ct {
				width: 90%;
				margin: 0 auto;
		}
		.bnr_ct img {
				width: 100%;
		}
		.bnr_ct a {}
		.bnr_ct.top_ct a {}
		.bnr_ct p {}
		/*------------------------------------

SNS

------------------------------------*/
		#sns_ct {
				margin: 50px auto 40px;
		}
		#sns_ct .ttl_ct {
				width: 63%;
				margin: 0 auto 0em;
		}
		#sns_ct .ttl_ct img {
				width: 100%;
		}
		#sns_ct li {
				width: 13%;
				margin: 0 1px;
				/* max-width: 45px; */
		}
		#sns_ct li img {
				width: 100%;
				height: auto;
		}
}