@charset "utf-8";
/* CSS Document */

/*///// 基本CSS /////*/

*{
	color:#4a2a12;
	}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

a:hover{
	opacity:0.7;
}

.fs-preview-header {
	display: none;
}


/*///// テーマ調整用CSS /////*/

.fs-l-header {
	display:block;
	position:fixed;
	width:100%;
	margin:0;
	padding:0;
	background:#cce5e5;
	z-index:10;
}

.fs-l-header__contents {
	display: grid;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:20vw;
	grid-template-rows: auto auto;
	grid-template-columns:24vw 52vw 12vw 12vw;
	align-items: start;
	background:#cce5e5;
	z-index:5;
	text-align:center;
	line-height:3vw;
}

.fs-l-header__contents a{
	color:#4a2a12;
}

.fs-l-header__drawerOpener{
	text-align:left;
	margin:0 1vw;
}

.fs-p-inputGroup {
	display: flex;
	align-items: stretch;
	border: 1px solid #cce5e5;
	background:#9bbdbf;
}

.fs-p-headerNavigation__search{
	width:100%;
	margin:1vw auto;
	padding:0;
	background:#cce5e5;
}

.fs-p-inputGroup__button {
	background:#9bbdbf;
	border: none;
	color: #ffffff;
	flex-shrink: 0;
}

.fs-p-ctrlDrawer:checked + .fs-p-drawer {
	transform: translateX(0);
	z-index:11;
	background:#cce5e5;
}

.fs-l-header__contents > * {
	padding:0;
}

.fs-l-main {
	margin:0 auto;
	padding:0;
	max-width: 1216px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fs-icon--mypage{
	padding:1vw;
	font-size:15vw;
}

.fs-icon--cart {
	padding: 1vw;
	font-size: min(15vw , 30px);
}

.fs-p-headerNavigation__viewCartButton__label{
	font-size:1rem;
}

.fs-p-footerNavigationItem__title{
	padding:1vw 0 1vw 3vw;
	text-align:left;
}

.fs-p-footerNavigationItem__title img{
	width:10vw;
	margin:1vw;
	padding:0;
	vertical-align: middle;
}

.fs-p-footerNavigationItem__navItem img{
	width: 10vw;
	margin: 1vw 1vw 1vw 10vw;
	padding: 0;
	vertical-align: middle;
}

.fs-p-headerNavBar {
	display:none;
}

.fs-c-heading--page {
	border-bottom:none;
	margin:0;
	padding:0;
}

.fs-c-button--primary {
	background: #cce5e5;
	border: 1px solid #cce5e5;
	border-radius: 0px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	padding: 0.8em 1.6em 0.6em;
	box-shadow: 0 0 2px #b2b2b2;
	min-width: 240px;
}

.fs-c-button--secondary {
	background: #9bbdbf;
	border: 1px solid #9bbdbf;
	border-radius: 0px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	padding: 0.8em 1.6em 0.6em;
	box-shadow: 0 0 2px #b2b2b2;
	min-width: 240px;
}

.fs-l-cart{
	margin:15vw 0 0 0;
}

.fs-l-footer {
	position: relative;
	border-top:none;
	background-color: #ffffff;
	color:#3c3c3c;
	margin:10vw 0 20vw 0;
}

.fs-p-footerCopyright {
	width:100%;
	color:#fff;
	background-color:#ffffff;
	text-align:center;
	padding:12vw 0 0 0;
	font-size:3.6vw;
}

.fs-c-sortItems__list__item.is-active{
	background:#cce5e5;
	color:#4a2a12;
}

address.fs-p-address{
	font-style:normal;
}

.fs-c-breadcrumb {
	margin: 5vw 0 0 0;
}



/*///// Apfelオリジナル用CSS /////*/

h1{
}

h1 img{
	width:40vw;
	margin: -2vw 0 0 0;
	padding:0;
}

.ap_head_mypage{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.ap_head_mypagecart img{
	width:60%;
	margin:3vw 0 0 0;
}

.ap_head_mypagecart{
	font-size:1rem;
}

.ap_head_mypagecart a{
	color:#4a2a12;
}

.ap_head_mypagecart a:link{
	color:#4a2a12;
}

.ap_head_mypagecart a:visited{
	color:#4a2a12;
}

.ap_head_cart{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#ap_head_deliinfo{
	width:100%;
	margin:21vw auto 1vw auto;
	padding:1% 3%;
	font-size:3.1vw;
}

#ap_head_deliinfo span{
	background:#ff0000;
	font-weight:bold;
	color:#ffffff;
}

#ap_main_catebtn{
	width:100%;


	margin:0 auto;
	padding:0;
}

#ap_main_catebtn ul{
	width:100%;
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns:1fr 1fr 1fr 1fr;
	margin:1vw auto 3vw auto;
	padding:0;
}

#ap_main_catebtn li{
	margin:0.5vw;
	list-style:none;
	font-size:2.2vw;
	text-align:center;
}

#ap_main_catebtn li a{
	color:#9bbdbf;	
}

#ap_main_catebtn li img{
	width:100%;
	border:#9bbdbf 1px solid;
}

.ap_main_promise{
	width:100%;
	height:40vw;
	margin:0 0 3vw 0;
}

.ap_main_promise img{
	height:40vw;
	margin: 0 3vw;
	border: 1px solid #9bbdbf;
}


.ap_main_earea{
	width:100%;
	margin:1vw auto;
	padding:0;
}

.ap_main_earea img{
	display:block;
	width:70%;
	margin:5vw auto;
	padding:0;
}

.ap_main_dearea{
	
}

.ap_main_dearea img{
	margin:3vw auto;
	padding:0;
	
}

h2.ap_main_choiceh2 {
	padding: 3vw 0 3vw 3vw;
	background: #9bbdbf;
	color: #ffffff;
	font-size: 4vw;
}

h2.ap_main_choiceh2 span{
	color:#4a2a12;
}

ul.ap_main_choiceul{
	width:100%;
	margin:0 auto;
	padding:0;
}

li.ap_main_choiceli{
	display:inline-block;
	width:49%;
	margin:1% auto;
	padding:0;
	list-style:none;
	font-size:3.5vw;
	text-align:center;
}

li.ap_main_choiceli img{
	width:100%;
	margin:0;
	padding:0;
}

.ap_main_info01{
	width:100%;
	margin:3vw auto;
	padding:1% 0;
	border-bottom:1px solid #4a2a12;
}

.ap_main_info01 h2{
	width:40%;
	margin:0;
	padding:1%;
	border:1px solid #4a2a12;
	text-align:center;
}

.ap_main_info01 dt{
	margin:0;
	padding:0;
	font-size:3.5vw;
	font-weight:bold;
}

.ap_main_info01 dd{
	margin:0;
	padding:0;
	font-size:3.5vw;
}

.ap_main_iarea{
	width:100%;
	margin:5vw auto;
	padding:0;
}

.ap_main_jarea{
	width:100%;
	margin:5vw auto;
	padding:0;
}


.ap_main_jarea p{
	width:100%;
	margin:5vw auto;
	padding:2vw;
	background:#cce5e5;
	font-size:3.2vw;
}

.ap_main_karea{
	width:100%;
	margin:5vw auto;
	padding:0;
}

.ap_main_k01{
	width:100%;
	margin:0;
	padding:0;
	background-image:url(https://apfel.itembox.design/item/bn/index_k_01.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.ap_main_k02{
	width:100%;
	margin:0;
	padding:0;
	background-image:url(https://apfel.itembox.design/item/bn/index_k_02.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.ap_main_k03{
	width:100%;
	margin:0;
	padding:0;
	background-image:url(https://apfel.itembox.design/item/bn/index_k_03.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.ap_main_kttl{
	margin:0;
	padding:11vw 0 0 0;
	font-size:5vw;
	font-weight:bold;
	color:#9bbdbf;
	text-align:center;
}

.ap_main_ktxt{
	margin:0;
	padding:5vw 2vw;
	font-size:3.7vw;
	line-height:7.5vw;
}

.ap_main_ktxt span{
	background:#FC0;
}

.ap_main_kttl01{
	font-size:5vw;
	font-weight:bold;
	text-align:center;
}

.ap_main_kttl02{
	font-size:5vw;
	font-weight:bold;
	color:#9bbdbf;
	text-align:center;
}

.ap_main_marea{
	width:100%;
	margin:0;
	padding:2vw;
	background-image:url(https://apfel.itembox.design/item/bn/index_m_01.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.ap_main_marea p{
	width:67%;
	margin:0 0 0 33vw;
	padding:2vw;
}

.ap_main_marea img{
	width:40%;
	margin:0 0 0 1vw;
	padding:0;
	vertical-align:middle;
}

.ap_main_marea p.ap_sign{
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
}


/* 送料・配送について */

.ap_main_oarea{
	width:90%;
	margin:0 auto;
	padding:0;
	font-size:3.7vw;
}

.ap_main_oarea p{
	font-weight:bold;
}

.ap_main_oarea span{
	color:#ff0000;
}

.ap_main_oarea ul{
	width:100%;
	margin:0;
	padding:0;
}

h3.ap_main_payh3{
	padding:1vw 0 1vw 2vw;
	background:#cce5e5;
	color:#666666;
	font-size:3.7vw;
}

.ap_main_oarea01 {
	float: left;
	width: 50%;
	margin: 0 0 min(5vw , 50px);
	padding: 1vw 0;
	text-align: center;
	background: #cccccc;
	border: 1px solid #cccccc;
	list-style: none;
}


.ap_main_oarea02{
	float:left;
	width:50%;
	margin:0;
	padding:1vw 0;
	text-align:center;
	background:#ffffff;
	border:1px solid #cccccc;
	list-style:none;
}



/* 会社概要 */

h2.ap_main_aboutush2{
	margin:10vw 0 0 0;
	text-align:center;
	font-size:7vw;
}

h3.ap_main_aboutush3{
	text-align:center;
	font-size:3.5vw;
	margin:1vw 0 3vw 0;
}

.ap_main_parea{
	width:90%;
	margin:0 auto;
	padding:0;
	font-size:3.7vw;
}

.ap_main_parea dl{
	width:90%;
	margin:0 auto;
	padding:0;
	font-size:3.3vw;
	border-bottom:1px solid #cccccc;
	clear:both;
}

dt.ap_main_parea01{
	float:left;
	width:35%;
	margin:0;
	padding:3vw 0;
	font-weight:bold;
}

dd.ap_main_parea02{
	float:left;
	width:65%;
	margin:0;
	padding:3vw 0;
}




/* ランキング　カテゴリ共通 */

h2.ap_main_rankh2{
	padding:1vw 0 1vw 2vw;
	background:#9bbdbf;
	color:#ffffff;
	font-size:4vw;
}

.ap_main_ranking{
	width:100%;
	margin:0;
	padding:0;
}

.ap_main_ranking ul{
	width:92%;
	margin:0 auto;
	padding:0;
}

.ap_main_ranking ul li{
	position: relative;
	display:inline-block;
	width:30%;
	margin:0 1.2%;
	padding:0;
	font-size:3.4vw;
	vertical-align:top;
}

.ap_main_ranking ul li img{
	width:90%;
	margin:5% auto;
	padding:0;
}	

.ap_main_ranking ul li.01{
	width:100%;
	margin:1% auto;
	padding:0;
}

img.ranknumber{
	position:absolute;
	top:-3vw;
	left:15vw;
	width:35% !important;
	margin:0;
	padding:0;
}


/* フッターエリア */

#ap_footer_fix{
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	margin:0 auto;
	padding:0;
	z-index:10;
}

#gototop{
	position:fixed;
	right:1vw;
	bottom:14vw;
	display:block;
}

#gototop img{
	width:100%;
}

.ap_footer_fixul{
	width:100%;
	margin:0;
	padding:0;
	background:#ffffff;
}

.ap_footer_fixli{
	display:inline-block;
	width:18.8%;
	margin:1vw 0;
	padding:0;
	list-style:none;
	font-size:3.5vw;
	border:#666666 1px solid;
	text-align:center;
	background:#cce5e5;
}

#ap_footer_navi{
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:3.7vw;
	line-height:8vw;
}




/* 商品詳細ページ */

.ap_item_linkbtm{
	width:96%;
	margin:0 auto;
	padding:0;
}

.ap_item_linkbtm ul{
	display:block;
	width:100%;
	margin:0 auto 0 0.5vw;
	padding:0;
}

.ap_item_linkbtm li{
	display:inline-block;
	width:17.8vw;
	height:17.8vw;
	margin:1vw 0 0 0;
	padding:0.5vw;
	font-size:3.2vw;
	font-weight:bold;
	background:#cce5e5;
	border-radius:5px;
	vertical-align:middle;
}

.ap_item_linkbtm li p{
	font-size:3.2vw;
	font-weight:normal;
	text-align:center;
}

.ap_item_linkbtm li a{
	color:#4a2a12;
}

.fs-c-productMainImage{
	margin:-15vw 0 0 0;
}

span.fs-c-variationCart__variationName__name{
	background:#eeeeee;
	padding:1vw;
}

.fs-l-productLayout {
	padding: 0 1vw;
}


/* レコメンド */

h3.fr2-listItem__productName{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}



/* フリーページ */

p.headspace{
	width:100%;
	margin:10vw 0 0 0;
	padding:0;
}



/* カテゴリ一覧ページ */

.fs-c-heading--page {
	border-bottom: none;
	margin: 25vw 0 0 0;
	padding: 0;
}

.ap_cate_3item{
	width:100%;
	margin:0;
	padding:0;
}

.ap_cate_3item ul{
	width:92%;
	margin:0 auto;
	padding:0;
}

.ap_cate_3item ul li{
	display:inline-block;
	width:30%;
	margin:0 1.2%;
	padding:0;
	font-size:3.4vw;
	vertical-align:top;
}

.ap_cate_3item ul li img{
	width:90%;
	margin:5% auto;
	padding:0;
}	

.ap_cate_list ul{
	width:80%;
	margin:1vw auto;
	padding: 0;
}

.ap_cate_list ul li{
	list-style:none;
	vertical-align: top;
}

.ap_cate_list ul li img{
	width: 20vw;
	margin: 1vw;
	padding: 0;
	vertical-align: middle;
}


/* TOPページおしらせ */

.ap_main_newsdate{
	margin:0 0 5vw 5vw;
	font-size:3.4vw;
}

h2.ap_main_newsh2{
	width:94%;
	margin:5vw auto;
	padding:2vw;
	font-size:4.5vw;
	background:#cce5e5;
	color:#4a2a12;
}

.ap_main_newsarea{
	width:90%;
	margin:0 auto;
	font-size:3.5vw;
}

.ap_main_newsarea p{
	width:90%;
	margin:10vw auto;
	font-weight:bold;
}

hr{
	width:90%;
	margin:10vw 0 0 0;
}



/* インスタバナー */

.spbn01{
	display:none;
}

.spbn02{
	display:block;
	margin:0;
	padding:0;
}

img.bn_half{
	display:block;
	width:50%;
	margin:0 auto;
	padding:0;
}


/* 2022年2月超PayPay祭 */

#paypay202202_pc{
	display:none;
}

#paypay202202_sp{
	display:block;
	width:100%;
	margin:10vw auto;
	padding:0;
}

#paypay202202_sp img{
	width:100%;
	margin:0;
	padding:0;
}


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

.fs-p-heading--lv2 {padding: 0 0 0 2vw;}

}

/*/////////////////////// PC用CSS ///////////////////////*/

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


/*///// テーマ調整用CSS /////*/

.fs-l-header__contents {
	display:grid;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	grid-template-rows:auto auto;
	grid-template-columns:20vw 60vw 10vw 10vw;
	align-items:start;
	background:#cce5e5;
	z-index:5;
	text-align:center;
	line-height:16px;
}

.fs-p-headerNavigation__viewCartButton__label {
	font-size:14px;
}

/*
body.fs-body-top{
	max-width:1000px;
	width:90%;
	margin:0 auto;
	padding:0;
}
*/

section.fs-l-pageMain{
	max-width:1000px;
	margin:0 auto;
}

.fs-l-main {
	margin: 0 auto;
	padding: 0;
	max-width:1000px !important;
	display:block;
}

.fs-p-headerNavigation__search {
	width:44%;
	margin:120px auto 0 auto;
	padding:0;
	background:#cce5e5;
	float:right;
}

.fs-p-searchForm__input {
	font-size: 18px;
}

.fs-p-drawer {
	display: none;
}

.fs-p-footerNavigationItem__body {
	display:none;
}

.fs-p-footerNavigationItem__title img {
	width: 11vw;
	margin: 0 auto;
	padding: 0;
	vertical-align: middle;
	display: block;
}

.fs-p-footerNavigationItem__title {
	padding: 1vw 0;
	text-align: center;
}

.fs-c-heading--page{
	border-bottom:none;
	margin:15vw 0 0 0;
	padding:0;
}


.fs-c-breadcrumb {
	max-width: 1000px;
	margin: min(5vw , 10px) auto min(7vw , 10px) auto;
}
	

	
/*///// Apfelオリジナル用CSS /////*/

h1{
}

h1 img{
	width:200px;
	margin:0;
	padding:0;
}




.ap_head_mypage{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.ap_head_mypagecart img{
	width:40px;
	margin:10px 0 0 0;
}

.ap_head_mypagecart{
	font-size:14px;
}

.ap_head_cart{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#ap_head_deliinfo{
	width:55%;
	margin:120px auto 0 auto;
	padding:0;
	font-size:15px;
	float:left;
}

#ap_head_deliinfo span{
	background:#ff0000;
	font-weight:bold;
	color:#ffffff;
}

#ap_main_catebtn {
	display:inline-block;
	width:49%;
}

#ap_main_catebtn ul{
	width:100%;
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns:24% 24% 24% 24%;
	margin:0 auto;
	padding:0.5%;
}

#ap_main_catebtn li{
	font-size:0.9vw;
}

#ap_main_promisebn{
	display:inline-block;
	width:49%;
	margin:1vw auto;
	padding:0;
}

.ap_main_earea img {
	display: block;
	width: 50%;
	margin: 5vw auto;
	padding: 0;
}

h2.ap_main_choiceh2 {
	padding: min(3vw , 15px) 0 min(3vw , 15px) min(3vw , 30px);
	background: #9bbdbf;
	color: #ffffff;
	font-size: min(2.2vw , 22px);
}

li.ap_main_choiceli {
	display:inline-block;
	width:33%;
	margin:1% auto;
	padding:0;
	list-style:none;
	font-size:1.4vw;
	text-align:center;
}

h2.ap_main_rankh2 {
	padding: 1vw 0 1vw 2vw;
	background: #9bbdbf;
	color: #ffffff;
	font-size: 2.2vw;
}

.ap_main_ranking ul li {
	position:relative;
	display:inline-block;
	width:30%;
	margin:0 1.2%;
	padding:0;
	font-size:1.4vw;
	vertical-align: top;
}

img.ranknumber {
	position:absolute;
	top:0vw;
	left:14vw;
	width:30% !important;
	margin:0;
	padding:0;
}

.ap_main_jarea p {
	font-size: 1.6vw;
}

.ap_main_kttl01 {
	font-size: 2.5vw;
}

.ap_main_kttl02 {
	font-size:2.5vw;
}

.ap_main_kttl {
	padding: 9.5vw 0 0 0;
	font-size: 3vw;
}

.ap_main_ktxt {
	margin: 0;
	padding: 5vw 2vw;
	font-size: 2.5vw;
	line-height: 5.5vw;
}

.ap_main_marea {
	width: 100%;
	margin: 0;
	padding: 6vw;
	background-image: url(https://apfel.itembox.design/item/bn/index_m_01.png);
	background-repeat: no-repeat;
	background-size: 60%;
}

.ap_main_marea p {
	width: 80%;
	margin: -4vw 0 4vw 15vw;
	padding: 2vw;
}

.ap_main_marea img {
	width: 25%;
	margin: 0 0 0 1vw;
	padding: 0;
	vertical-align: middle;
}

.ap_main_info01 dt {
	font-size: 2vw;
}

.ap_main_info01 dd {
	font-size: 1.5vw;
}

	


/* フッターエリア */

#ap_footer_fix{
	display:none;
}

#ap_footer_navi {
	font-size: 1.5vw;
	line-height: 4vw;
}



/* フリーページ */

p.headspace{
	width:100%;
	margin:0;
	padding:0;
}


/* 会社概要 */

h2.ap_main_aboutush2{
	margin:0;
	font-size:3vw;
	position:relative;
	top: -3vw;
}

h3.ap_main_aboutush3{
	font-size:2vw;
	position:relative;
	top: -3vw;
}

.ap_main_parea{
	font-size:1.4vw;
}

.ap_main_parea dl{
	font-size:1.6vw;
}

/* 送料・配送について */

.ap_main_oarea {
	font-size: min(1.6vw , 18px);
}

h3.ap_main_payh3 {
	margin: 3vw 0 2vw 0;
	font-size: min(1.8vw , 22px);
}



/* TOPページおしらせ */

.ap_main_newsdate{
	margin:0 0 5vw 2vw;
	font-size:1.2vw;
}

h2.ap_main_newsh2{
	width:100%;
	font-size:1.8vw;
}

.ap_main_newsarea{
	font-size:1.5vw;
}

.ap_main_newsarea p{
	margin:5vw auto;
}



/* カテゴリ一覧ページ */

.ap_cate_3item ul li{
	font-size:1.2vw;
}


.ap_cate_list ul {
	width: 100%;
	margin: 1vw auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ap_cate_list ul li {
	display: block;
	width: 33%;
	margin: 1vw 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}

.ap_cate_list ul li img {
	width: 10vw;
	margin: 0 auto 0;
	padding: 0;
	vertical-align: middle;
	display: block;
}



/* インスタバナー */

.spbn01{
	display:block;
	margin:0;
	padding:0;
}

.spbn02{
	display:none;
}


/* 商品詳細ページ */

.fs-c-productMainImage{
	margin:0;
}

.ap_item_linkbtm li{
	display:inline-block;
	width:12.5vw;
	height:12.5vw;
	margin:0.5vw 0 0 0;
	padding:3vw 0 0 1vw;
	font-size:1.2vw;
	font-weight:bold;
	background:#cce5e5;
	border-radius:5px;
	vertical-align:middle;
}

.ap_item_linkbtm li p{
	font-size:2vw;
	font-weight:normal;
	text-align:center;
}


/* 2022年2月超PayPay祭 */

#paypay202202_pc{
	display:block;
	width:70%;
	margin:0 auto;
	padding:0;
}

#paypay202202_pc img{
	width:100%;
	margin:0;
	padding:0;
}

#paypay202202_sp{
	display:none;
}


}


/*==================================================*/
/*================== かご落ち対策用css==============*/
/*==================================================*/

@media only screen and (min-width:840px){
.sp{display:none;}
}
@media only screen and (max-width:840px){
.pc{display:none;}
}

.fs-body-login .fs-l-pageMain figure,
.fs-body-cart .fs-l-pageMain figure{margin:0;}

.fs-body-product .fs-c-button--primary {
	background: #e15979;
	border-radius: 7px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	padding: 0;
	box-shadow: 0 0 2px #b2b2b2;
	min-width: initial;
	height: 15vw;
	max-height: 60px;
	border: none;
	position: relative;
	width: 80%;
	max-width: 360px;
}

.fs-body-product .fs-c-button--primary span{
	color: #ffffff;
	cursor: pointer;
	font-size: min(4vw , 22px);
	font-weight:bold;
	line-height: 1;
	text-align: center;
}


.fs-body-product .fs-c-button--primary::before {
	content: "\e91e";
	font-family: 'fs-icon' !important;
	font-size: min(4vw , 25px);
}

.fs-body-product .fs-c-button--primary:after {
	content:"";
	border:2px #fff solid;
	border-radius:7px;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	}
	

section.fs-l-pageMain .fs-c-heading--page {
	border-bottom: none;
	margin: min(15vw , 40px) 0 min(9vw , 50px) 0;
	padding: 0;
}

section.fs-l-pageMain .fs-l-cart,
section.fs-l-pageMain .fs-c-loginForm {
	margin: min(15vw , 20px) 0 auto 0;
	padding: 0 4vw;
}

.fs-body-cart .fs-l-pageMain ul.fe {
	display: flex;
	list-style-type: none;
	justify-content: space-evenly;
	width: 100%;
	padding: 0;
	flex-wrap: wrap;
}
.fs-body-cart .fs-l-pageMain ul.fe li {
	width: calc(96% / 4);
}
.fs-body-cart .fs-c-cartDiscountInfo {
	margin: 24px 0;
	border: solid #e15979 2px;
	padding: 2vw;
	text-align: center;
}
.fs-body-cart div.fs-p-announcement:nth-of-type(2) .fs-p-announcement__title,
.fs-body-cart .fs-c-cartDiscountInfo__info,
.fs-body-cart .fs-c-cartDiscountInfo__info * {
	color: #d70012;
	font-size: min(5vw , 27px);
	margin: 0;
	font-size: ;
	font-weight: bold;
	justify-content: center;
}

.fs-body-cart .fs-c-featuredProduct {margin: min(7vw , 50px) auto;}

.fs-body-cart .fs-c-button--primary.fs-c-button--loginAndPurchase{
	background: #e15979;
	border: none;
	border-radius: 0px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	padding: 15px;
	box-shadow: 0 0 2px #b2b2b2;
	min-width: 100%;
}

.fs-body-cart .fs-c-button--primary.fs-c-button--loginAndPurchase span{
	color: #ffffff;
	cursor: pointer;
	font-size: min(4vw , 18px);
	font-weight:bold;
	line-height: 1;
	text-align: center;
}
.fs-body-cart .fs-c-button--secondary.fs-c-button--unregisteredUserPurchase {
	background: #9bbdbf;
	border: 1px solid #9bbdbf;
	border-radius: 0px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	padding: 0.8em 1.6em 0.6em;
	box-shadow: 0 0 2px #b2b2b2;
	min-width: 100%;
}
.fs-body-cart .fs-c-cartDiscountInfo__more:after {
	content: '円';
}

.thanksWrap {
	width: 100%;
	padding: min(4vw , 40px);
	max-width:1000px;
	margin:auto;
}
.thanksWrap h3 {
	font-size: min(3.6vw , 20px);
	line-height: 1.5;
	margin-top: 8vw;
}
.thanksWrap p {
	font-size: min(3.6vw , 18px);
}
.thanksWrap p + p{}
.thanksWrap figure + h3,
.thanksWrap p + h3 {
	font-size: min(3.5vw , 20px);
	border-bottom: 1px solid;
	margin-top: min(7vw , 50px);
	line-height: 1.4;
}
.thanksWrap figure {
	margin:min(3vw , 20px) 0;
}


@media only screen and (max-width:840px){
.fs-body-product .fs-c-button--primary {line-height: 0.5;}
.fs-body-product .fs-c-button--primary::before {
	content: "\e91e";
	font-family: 'fs-icon' !important;
	font-size: min(6vw , 25px);
	position: relative;
	top: 1vw;
	margin: auto;
	height: 6vw;
}
.fs-body-cart .fs-l-pageMain ul.fe li {width: calc(96% / 2);}
.fs-body-cart .fs-c-inputInformation{padding:0 4vw;}
.fs-body-top .accessPoint{position:relative; top:-40vw;}
}

header .campBnr {
	display: block;
	text-align: center;
	background: #fff;
}

header div.campBnr + div.campBnr {
	padding: 10px 0;
}



.fs-body-my-top .fs-l-account {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	margin:0 auto min(7vw , 50px)
}

.mypage-logout {
	position: absolute;
	width: 128px;
	bottom: 0;
	left: 424px;
}



/* 2022年9月商品ページcvpコンテンツ用 */

.fs-l-pageMain section.cvpWrap {
	padding: 50px;
	background: #f5f5f5;
	margin: 0 auto 50px;
}

.fs-l-pageMain section.cvpWrap h2,
.fs-l-pageMain section.cvpWrap h3 {
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}



@media only screen and (max-width:840px){

.fs-l-pageMain section.cvpWrap {
	padding: 5vw;
	background: #f5f5f5;
	margin: 0 auto 7vw;
}

.fs-l-pageMain section.cvpWrap h2,
.fs-l-pageMain section.cvpWrap h3 {
	font-size: 3vw;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}


.fs-c-accountService__page.fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink {
	box-shadow: 0 0 2px #b2b2b2;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	color: #3c3c3c;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	width: 100%;
}


.fs-body-my-top .fs-l-account {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	margin: 0 auto min(7vw , 50px);
	padding: 0 2vw 40vw;
}

.mypage-logout {
	position: absolute;
	width: 46vw;
	bottom: 8px;
	right: initial;
	left: 2vw;
}

.fs-c-accountService__page {
	flex-basis: 46vw;
	display: flex;
	align-items: stretch;
	height: 128px;
	margin: 8px 0;
}

}



/* 2023年1月商品グループ開閉テキスト用 */

.fs-body-category .fs-l-pageMain section.itemTxt {
	position: relative;
	margin-bottom: 100px;
}

.fs-body-category .fs-l-pageMain section.itemTxt input[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0;
	display: none;
}

.fs-body-category .fs-l-pageMain section.itemTxt .itemTxtContent {
	position: relative;
	overflow: hidden;
	height: 250px;
	text-align: left;
	font-size: min(3vw , 15px);
	line-height: 1.8;
}

.fs-body-category .fs-l-pageMain section.itemTxt .itemTxtContent p{
	padding:20px;
	font-size:16px;
	text-align:left;
	}

.fs-body-category .fs-l-pageMain section.itemTxt .itemTxtContent:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	height: 150px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

.fs-body-category .fs-l-pageMain section.itemTxt .readmoreCheck:checked ~ .itemTxtContent {
	height: auto;
	overflow: initial;
	margin-bottom: 170px;
}

.fs-body-category .fs-l-pageMain section.itemTxt .readmoreCheck:checked ~ .itemTxtContent:before {display:none;}

.fs-body-category .fs-l-pageMain section.itemTxt input[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0;
	display: none;
}

.fs-body-category .fs-l-pageMain section.itemTxt .readmoreBtn {
	bottom: 0px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 400px;
	height: 70px;
	border-radius: 10px;
	background: #8ed0d0;
}

.fs-body-category .fs-l-pageMain section.itemTxt label.readmoreBtn::before {
	content: "続きを読む";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	height: 30px;
	width: 150px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	letter-spacing: 3px;
}

.fs-body-category .fs-l-pageMain section.itemTxt label.readmoreBtn::after {
	content: "▼";
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 30px;
	font-size: 20px;
	color: #fff;
}

.fs-body-category .fs-l-pageMain section.itemTxt .readmoreCheck:checked ~ .itemTxtContent + .readmoreBtn {bottom: -120px;}
.fs-body-category .fs-l-pageMain section.itemTxt .readmoreCheck:checked ~ .itemTxtContent + label.readmoreBtn::before{content:"閉じる";}
.fs-body-category .fs-l-pageMain section.itemTxt .readmoreCheck:checked ~ .itemTxtContent + label.readmoreBtn:after{content:"▲";}


@media only screen and (max-width:840px){

.fs-body-category .fs-l-pageMain section.itemTxt {
	position: relative;
	margin-bottom: 20vw;
}

.fs-body-category .fs-l-pageMain section.itemTxt .readmoreBtn {
	bottom: 0px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	max-width: 400px;
	height: 15vw;
	border-radius: 10px;
	background: #8ed0d0;
	width: 80vw;
}

.fs-body-category .fs-l-pageMain section.itemTxt .itemTxtContent {
	position: relative;
	overflow: hidden;
	height: 60vw;
	text-align: left;
	font-size: min(3vw , 15px);
	line-height: 1.8;
	padding: 0 min(5vw , 30px);
}

.fs-body-category .fs-l-pageMain section.itemTxt label.readmoreBtn::before {
	height: 15vw;
	width: 100%;
	color: #fff;
	font-size: 4.5vw;
	line-height: 15vw;
}
.fs-body-category .fs-l-pageMain section.itemTxt label.readmoreBtn::after {
	right: 4vw;
	height: 6vw;
	font-size: 4vw;
}

.fs-body-category .fs-l-pageMain section.itemTxt .readmoreCheck:checked ~ .itemTxtContent + .readmoreBtn {
	bottom: -25vw;
}



}


/* 2023年8月トップへ戻るボタン用 */
p.toTop {
	position: fixed;
	right: min(2vw , 15px);
	bottom: min(2vw , 15px);
	background: #cce5e5;
	width: 10vw;
	height: 10vw;
	max-width: 60px;
	max-height: 60px;
	border-radius: 20vw;
	transition: .5s ease-out;
	transform: translate(min(20vw,150px) , 0);
}

p.toTop.active {transform: translate(0 , 0);}

p.toTop a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10vw;
	height: 10vw;
	max-width: 100%;
	max-height: 100%;
}

@media only screen and (max-width:840px){

p.toTop{
	bottom:15vw;
}

p.toTop a img{
	width: 35%;
	height: auto;
}

}



/* 2023年10月カートボタン調整 */

.fs-body-category section.fs-l-pageMain.lpWrap section.rank .fs-c-slick .slick-slide .fs-c-productListItem__control{display:block;}
.fs-c-productListItem__control > .fs-c-button--particular,
.fs-body-category section.fs-l-pageMain.lpWrap section.rank .fs-c-slick .slick-slide .fs-c-productListItem__control > .fs-c-button--particular{display: none;}

section.rank button[type="button"].fs-c-button--addToCart--list {
	width: 200px;
	display: block;
	border: #e15979 solid 1px;
	border-radius: 8px;
	font-size: min(4vw , 15px);
	font-weight: 500;
	padding: min(1.5vw , 10px) 0;
	position: relative;
	overflow: hidden;
}
section.rank button[type="button"].fs-c-button--addToCart--list:hover{
	text-decoration: none;
	}
section.rank button[type="button"].fs-c-button--addToCart--list span {
	position: relative;
	z-index: 5;
	transition: .5s ease-in-out;
	text-decoration: none;
}

section.rank button[type="button"].fs-c-button--addToCart--list::before {
	background: #e15979;
	content: "";
	position: absolute;
	left: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}
section.rank button[type="button"].fs-c-button--addToCart--list:hover:before{width:140%;}
section.rank button[type="button"].fs-c-button--addToCart--list:hover span {
	color:#fff;
	text-decoration: none;
	}
section.rank button[type="button"].fs-c-button--addToCart--list::after {
	content: ">";
	position: absolute;
	right: 10px;
	color: #4a2a12;
	transition: .5s ease-in-out;
}
section.rank button[type="button"].fs-c-button--addToCart--list:hover:after {
	color: #fff;
	}


@media only screen and (max-width:840px){

main.fs-l-main.apfelWrap section.fs-l-pageMain section.rank .fs-c-productListItem__control,
main.fs-l-main.apfelWrap section.fs-l-pageMain section.rank .fs-c-productListItem__prices {display: block !important;}

section.rank button[type="button"].fs-c-button--addToCart--list {
	width: 100%;
	display: block;
	border: #e15979 solid 1px;
	border-radius: 8px;
	font-size: 3vw;
	font-weight: 500;
	padding: min(1.5vw , 10px) 0;
	position: relative;
	overflow: hidden;
}
section.rank button[type="button"].fs-c-button--addToCart--list::after {display:none;}
section.rank button[type="button"].fs-c-button--addToCart--list span {color: #fff;}
section.rank button[type="button"].fs-c-button--addToCart--list::before {
	background: #e15979;
	content: "";
	position: absolute;
	left: -20%;
	top: -3%;
	height: 110%;
	transition: .5s ease-in-out;
	width: 150%;
	transform: skewX(60deg);
}

}


/* 2023年10月ヘッダーテキスト調整 */

body header.apfelWrap {
	width: 100%;
	background-color: #cce5e5;
	margin: auto 0;
	height: auto;
	position: relative;
	padding-top: 135px;
}

body header.apfelWrap h1 {
	position: absolute;
	width: 215px;
	height: 90px;
	margin: auto;
	top: 35px;
	left: 0;
	right: 0;
}

body header.apfelWrap > ul.fe {
	width: 185px;
	height: 60px;
	margin: auto;
	top: 50px;
	right: -50%;
	left: 0;
	position: absolute;
}

body header.apfelWrap h1.hTxt {
	color: #fff;
	font-weight: normal;
	padding: 2px 3%;
	background: #3bb4bd;
	text-align: left;
	top: 0;
	left: 0;
	right: inherit;
	width: 100%;
	height: 20px;
}

body header h1 span {
	color: #fff;
	font-weight: normal;
	font-size: min(3vw , 12px);
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width:1000px;
}


@media only screen and (max-width:840px){
body header.apfelWrap h1 {
	position: fixed;
	max-width: initial;
	height: 15vw;
	margin: auto;
	width: 100%;
	background: #cce5e5;
	text-align: center;
	top: 5vw;
	left: 0;
	z-index: 10;
}

body header.apfelWrap h1.hTxt {text-align: center;}

body header.apfelWrap {
	width: 100%;
	background-color: #cce5e5;
	margin: auto 0;
	height: auto;
	position: relative;
	padding-top: 20vw;
}

body header.apfelWrap > ul.fe {
	width: 100%;
	height: auto;
	margin: 20vw auto;
	top: 0;
	left: -110vw;
	right: initial;
	position: fixed;
	background: #fff;
	z-index: 5;
	padding: 3vw 0;
	border-bottom: 1px #ccc solid;
	transition: all 1s;
}

body header.apfelWrap div.history,
body header.apfelWrap div.menu {
	top: 6vw;
}

header.apfelWrap div.menu::after {white-space: nowrap;}
body header.apfelWrap div.cart {
	width: 13vw;
	height: 13vw;
	right: 2vw;
	padding: 0;
	position: fixed;
	background: #cce5e5;
	z-index: 10;
	top: 6vw;
	font-size: 3vw;
	text-align: center;
	font-weight: 500;
}
body header.apfelWrap div.menu{left: 2vw;}

}


/* 2024年3月追記　商品ページレイアウト調整 */

.fs-body-product .fs-c-slick.slick-slider .slick-track,
.fs-body-product .fs-c-slick.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);
	width: min(90vw , 800px);
	margin: min(3vw , 30px) auto 0;
}
.fs-body-product .fs-c-productCarouselMainImage{}
.fs-body-product .fs-c-productCarouselMainImage .fs-c-slick .slick-prev,
.fs-body-product .fs-c-productCarouselMainImage .fs-c-slick .slick-next {display:none !important;}


/* 2024年3月追記　マイページレイアウト調整 */

.fs-p-accountInfo {
	background: #fff;
	color: #333333;
	padding: 8px;
}

.fs-c-accountService__page .fs-c-accountService__pageLink {
	box-shadow: 0 0 2px #b2b2b2;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	color: #3c3c3c;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.fs-c-accountService__page--accountDelete {
	align-items: flex-start;
	flex-basis: 100%;
	flex-basis: 128px;
	display: flex;
	align-items: stretch;
	height: 128px;
}

@media only screen and (max-width:840px){
.fs-c-accountService__page--accountDelete {
	flex-basis: 46vw;
	display: flex;
	align-items: stretch;
	height: 128px;
	margin: 8px 0;
  }

.fs-body-my-top .fs-l-account {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	margin: 0 auto min(7vw , 50px);
	padding: 0 2vw calc(128px + 16px);
}
.mypage-logout {
	position: absolute;
	width: 46vw;
	bottom: 0;
	left: 2vw;
}
}


/* トップ用作家作品紹介エリア 20240508 ODB花屋追加 */

.gallery-rcmd {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* 要素間の隙間を10pxに設定 */
justify-content: center;
}
.gallery-rcmd-area a:hover {
	text-decoration: none;
}
.gallery-rcmd a::after {
	content: "もっと見る";
	display: block;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	background: #f5f5f5;
}
.gallery-rcmd a {
	color: #7c8790;
}

.gallery-rcmd .fs-pt-list__item {
  box-sizing: border-box;
  padding: 0;
  width: calc(25% - 10px); /* 要素の幅に隙間を考慮して計算 */
}

.gallery-rcmd .fs-pt-list__link {
  display: block;
}

.gallery-rcmd .fs-pt-list__link img {
	object-fit: cover;
	width: 100%;
	height: 200px !important;
	border: solid 1px #eee;
	margin-bottom: 10px;
}
.artistText {
	text-align: center;
}
.gallery-rcmd-area {
	margin: 5rem auto;
	max-width: 1000px;
	font-weight: bold;
}
.recWorkName,.recArtistName {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap; /* テキストを折り返さずに1行で表示 */
  text-overflow: ellipsis; /* テキストが省略されたときに「...」で表示 */
  font-size:13px;
}

@media screen and (max-width: 768px) {
  .gallery-rcmd .fs-pt-list__item {
	width: calc(50% - 10px); /* スマートフォンの場合は2つ横並びにするために幅を調整 */
  }
}

/*
.gallery-rcmd-area{
display:none;
}
*/

/* ここまで　トップ用作家作品紹介エリア 20240508 ODB花屋追加 */



/*================================================================*/
/*============= FS AIレコメンド　設定用css　240523 ===============*/
/*================================================================*/

.fs-l-pageMain .flywheel-recommend__frame{}
.fs-l-pageMain .flywheel-recommend__frame h2 {
	background: #e9f5f5;
	border-top: 3px solid #0fabb7;
	font-size: min(4vw , 20px);
	text-align: center;
	position: relative;
	padding: min(9vw , 50px) 0 min(3vw , 25px);
	margin: 100px auto 50px;
	font-weight: bold;
	width: min(100% , 1000px);
	color: #4a2a12;
	border-bottom: none;
}
  
.fs-l-pageMain .flywheel-recommend__frame h2::before {
	content: "NEW ARRIVAL";
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	color: #0fabb7;
	font-size: min(3vw , 14px);
	position: absolute;
	top: min(4vw , 20px);
	left: 0;
	right: 0;
	margin: auto;
}

.fs-l-pageMain .flywheel-recommend__frame .fr3-productListStatic{
	display: grid;
	gap: 16px;
	padding: 0 8px;
	width: min(94% , 1000px);
	margin: 0 auto min(10vw , 100px);
}

.fs-l-pageMain .flywheel-recommend__frame .fr3-productListStatic article {
	width: min(35vw , 200px);
	margin: auto;
}



/*==================================================================*/
/*============= 下層ページランキング共通css　2400705 ===============*/
/*==================================================================*/

.fs-l-pageMain{}

.fs-l-pageMain section.rank.productListLower {
	background-color: #fff;
	box-shadow: 0 0 27px #ccc;
	padding: min(10vw , 80px) 0 min(5vw , 20px);
	text-align: center;
	border-radius: 5px;
	width: min(96% , 1100px);
	margin: auto;
}

.fs-l-pageMain section.rank.productListLower + figure,
.fs-l-pageMain section.rank.productListLower + section.rank.productListLower {
	margin-top: min(20vw , 100px);
}
.fs-l-pageMain section.rank.productListLower > h2:not(.lowerTitle) {
	width: min(100% , 1060px);
	position: relative;
	left: 0;
}
.fs-l-pageMain section.rank.productListLower > h2:not(.lowerTitle) p {
	font-size: min(3vw , 14px);
	text-align: center;
	padding: 0 min(5vw , 20px) min(5vw , 20px);
	line-height: 1.7;
	font-weight: bold;
}

.fs-l-pageMain section.rank.productListLower > h2:not(.lowerTitle) p strong {
	background: #f05b7f;
	display: block;
	font-size: min(3.5vw , 20px);
	color: #fff;
	font-weight: bold;
	padding: 10px 50px;
	border-radius: 50px;
	width: min(80vw , 350px);
	margin: auto;
	margin-bottom: min(7vw , 30px);
}

.fs-l-pageMain section.rank.productListLower h2.lowerTitle {
	font-size: min(4vw , 20px);
	position: relative;
	font-weight: bold;
	display: inline-block;
	padding: min(4vw , 20px) min(7vw,70px) 0;
	margin: 0 auto min(7vw ,50px);
	height: min(22vw , 110px);
	line-height: 1.5;
}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle strong {
	color: #8ed0d0;
	font-size: min(4vw , 35px);
	display: block;
	font-weight: 500;
	margin-bottom: min(3vw , 10px);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1;
}

.fs-l-pageMain section.rank.productListLower h2.lowerTitle span {
	font-size: 80%;
	display: block;
}

.fs-l-pageMain section.rank.productListLower h2.lowerTitle:before{
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 99px;
	background:
		url(https://apfel.itembox.design/item/lp/parts-lp_icon_rank_crown_04.png) no-repeat left center ,
		url(https://apfel.itembox.design/item/lp/parts-lp_icon_rank_crown_05.png) no-repeat right center;
}

/*
.fs-l-pageMain section.rank.productListLower h2.lowerTitle {
	background: #e9f5f5;
	border-top: 3px solid #0fabb7;
	font-size: 20px;
	text-align: center;
	position: relative;
	padding: 40px 0 25px;
	margin: 0 auto min(9vw , 50px);
	font-weight: bold;
}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle:before{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	color: #0fabb7;
	font-size: 14px;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
}


.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle01:before {content: "ALL-CRABCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle02:before {content: "SMALL-CRABCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle03:before {content: "BIG-CRABCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle04:before {content: "DESIGN-CRABCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle05:before {content: "GOLD-CRABCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle06:before {content: "SILVER-CRABCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle07:before {content: "PINKGOLD-CRABCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle08:before {content: "CRABCAN-SET";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle09:before {content: "CRABCAN-BEGINNER";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle10:before {content: "CRABCAN-MEDIUMAMOUNT";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle11:before {content: "CRABCAN-MASSAMOUNT";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle12:before {content: "KEYRING";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle13:before {content: "EGGPLANT";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle14:before {content: "THIN-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle15:before {content: "LONG-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle16:before {content: "THIN-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle17:before {content: "THIN-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle18:before {content: "THIN-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle19:before {content: "TPIN-BEGINNER";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle20:before {content: "TPIN-MEDIUMAMOUNT";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle21:before {content: "TPIN-MASSAMOUNT";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle22:before {content: "GOLD-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle23:before {content: "SILVER-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle24:before {content: "PINKGOLD-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle25:before {content: "THICK-TPIN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle26:before {content: "NECKLACE-CCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle27:before {content: "THIN-CCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle28:before {content: "BIG-CCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle29:before {content: "GOLD-CCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle30:before {content: "SILVER-CCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle31:before {content: "CCAN-BEGINNER";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle32:before {content: "CCAN-MEDIUMAMOUNT";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle33:before {content: "CCAN-MASSAMOUNT";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle34:before {content: "PINKGOLD-CCAN";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle35:before {content: "";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle36:before {content: "";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle37:before {content: "";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle38:before {content: "";}
.fs-l-pageMain section.rank.productListLower h2.lowerTitle.lowerTitle39:before {content: "";}

*/

.fs-l-pageMain section.rank.productListLower .fs-c-slick {
	width: min(96% , 800px);
	margin: auto;
}

.fs-l-pageMain section.rank.productListLower .fs-c-slick .slick-slide {
	width: min(31vw , 270px);
	position: relative;
	padding-top: 50px;
	text-align: left;
}

.fs-l-pageMain section.rank.productListLower .fs-c-slick .slick-slide:before {
	content: "";
	position: absolute;
	background: no-repeat center;
	top: 0;
	width: 47px;
	height: 40px;
	left: 0;
	right: 0;
	margin: auto;
}

.fs-l-pageMain section.rank.productListLower .fs-c-slick .slick-slide:nth-of-type(1)::before {background-image: url(https://apfel.itembox.design/item/img/top/t-rank_icon_no1.png);}
.fs-l-pageMain section.rank.productListLower .fs-c-slick .slick-slide:nth-of-type(2)::before {background-image: url(https://apfel.itembox.design/item/img/top/t-rank_icon_no2.png);}
.fs-l-pageMain section.rank.productListLower .fs-c-slick .slick-slide:nth-of-type(3)::before {background-image: url(https://apfel.itembox.design/item/img/top/t-rank_icon_no3.png);}

.fs-l-pageMain section.rank.productListLower .fs-c-slick .slick-slide .fs-c-productListCarousel__list__item {
	flex-basis: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0 auto;
	padding: min(1vw , 20px) min(3vw , 20px);
	box-sizing: border-box;
}

.fs-l-pageMain section.rank.productListLower .fs-c-slick .fs-c-productListCarousel__ctrl{display:none !important;}

.fs-l-pageMain section.rank.productListLower > a {
	background: #8ed0d0;
	width: min(70vw , 480px);
	height: min(10vw ,90px);
	margin: 50px auto;
	display: block;
	border-radius: 7px;
	color: #fff;
	font-weight: bold;
	font-size: min(4vw,20px);
	line-height: min(10vw ,90px);
	position: relative;
	overflow: hidden;
	text-decoration: none !important;
}

.fs-l-pageMain section.rank.productListLower > a::before {
	content: "";
	background: url(https://apfel.itembox.design/item/img/top/t-link_arrow.png) no-repeat left center / 100%;
	width: min(3vw,20px);
	height: min(4vw,25px);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: min(3vw , 20px);
	z-index: 2;
}

.fs-l-pageMain section.rank.productListLower > a::after {
	background: #72bebe;
	content: "";
	position: absolute;
	right: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}

.fs-l-pageMain section.rank.productListLower > a:hover{opacity:1;}
.fs-l-pageMain section.rank.productListLower > a:hover:after {width:140%; right:auto; left:-20%;}

.fs-l-pageMain section.rank.productListLower > a span {color:#fff; position:relative; z-index:2;}

.fs-l-pageMain > figure {
	margin: 0 auto min(5vw , 40px);
	width: min(96% , 1000px);
}

.fs-l-pageMain > div.tableWrap div.contentTable table {
	width: 1000px;
	margin: auto;
	border-collapse: collapse;
}
.fs-l-pageMain > div.tableWrap div.contentTable * {
	text-align: center;
	font-size: min(3.5vw , 15px);
	font-family: Yu Gothic , "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.fs-l-pageMain > div.tableWrap div.contentTable p {
	padding: 0;
	text-align: right;
	max-width: 1000px;
	margin: min(3vw , 15px) auto min(10vw , 100px);
}
.fs-l-pageMain > div.tableWrap div.contentTable table{width:1000px; margin:auto;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr th,
.fs-l-pageMain > div.tableWrap div.contentTable table tr td{padding:10px 0;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr th{width:180px;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr td:not([colspan="2"]),
.fs-l-pageMain > div.tableWrap div.contentTable table tr td:not([colspan="3"]){width:calc(100% - 180px / 8);}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:not(:nth-of-type(1)):not(:nth-of-type(2)) {border-bottom: #bebebe solid 1px;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:not(:nth-of-type(1)):not(:nth-of-type(2)) td {font-weight: lighter;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:not(:nth-of-type(1)):not(:nth-of-type(2)) td a{font-size: min(4vw , 23px); color:#4a2a12; font-weight: lighter;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(1),
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(2){}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(1),
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(2){border-bottom: #fff 2px solid;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(1) td:not(last-of-type),
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(2) td:not(last-of-type){border-left:#fff 2px solid;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(1){background: #b0e0e4;}
.fs-l-pageMain > div.tableWrap:not(.tableWrap02) div.contentTable table tr:nth-of-type(2) {background: #f3c8d2;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:not(:nth-of-type(1)):not(:nth-of-type(2)) th{background:#f4f4f4;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(1) th{}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(2) th{}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(1) td{color:#085c5c;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(2) td{color:#c10d3d;}
.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(1) th strong {
	background: #16a3ad;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	width: 90%;
	border-radius: 50px;
}

.fs-l-pageMain > div.tableWrap div.contentTable table tr:nth-of-type(2) th strong{
	background:#f15b80;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	width: 90%;
	border-radius: 50px;
	}

.fs-l-pageMain > div.tableWrap + h4 {
	background: #f5f5f5;
	width: 1000px;
	font-size: 20px;
	text-align: left;
	position: relative;
	padding: 25px;
	margin: 20px auto 2px;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}

.fs-l-pageMain > div.tableWrap.tableWrap02{margin-bottom:min(10vw , 70px);}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table {
	width: 1000px;
	margin: auto;
	border-collapse: collapse;
}
.fs-l-pageMain > div.contentTable * {text-align: center; font-size: min(3.5vw , 14px);}
.fs-l-pageMain > div.contentTable p {
	padding: 0;
	text-align: right;
	max-width: 1000px;
	margin: 15px auto 100px;
}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table{width:1000px; margin:auto;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr th,
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr td{padding:10px 0;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr th{width:135px;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size01 tr td {width: calc( ( 100% - 270px ) / 5); min-width: 120px;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr td:not([colspan="2"]),
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr td:not([colspan="3"]){width:calc(100% - 135px / 3); min-width: 120px;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size03 tr td,
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size04 tr td,
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size05 tr td{width:calc( (100% - 270px) / 2);}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:not(:nth-of-type(1)) {border-bottom: #bebebe solid 1px;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:not(:nth-of-type(1)) td {font-weight: lighter;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:not(:nth-of-type(1)) td a{font-size: min(4vw , 23px); color:#4a2a12; font-weight: lighter;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(1),
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(2){}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(1){border-bottom: #fff 2px solid;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(1) td:not(last-of-type){border-left:#fff 2px solid;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr th:nth-of-type(1) {background: #b0e0e4; border-right: 2px #fff solid;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr th:nth-of-type(2),
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr th:nth-of-type(3){background:#f3c8d2;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr th:nth-of-type(3){border-left: 2px #fff solid;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(1) td {background: #e4e4e4;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(1) th{}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(2) th{}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr th:nth-of-type(1){color:#085c5c;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr th:nth-of-type(2),
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr th:nth-of-type(3){color:#c10d3d;}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(1) th:nth-of-type(1) strong {
	background: #16a3ad;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	width: 80%;
	border-radius: 50px;
}
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table tr:nth-of-type(1) th:nth-of-type(2) strong,
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr:nth-of-type(1) th:nth-of-type(3) strong{
	background:#f15b80;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	width: 80%;
	border-radius: 50px;
	}






@media only screen and (max-width:1000px){

.fs-l-pageMain section.rank.productListLower .fs-c-productListItem__control {
	justify-content: center;
}

.fs-l-pageMain section.rank.productListLower h2.lowerTitle:before{
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 34vw;
	background:
		url(https://apfel.itembox.design/item/lp/parts-lp_icon_rank_crown_04.png) no-repeat left bottom / auto 60%,
		url(https://apfel.itembox.design/item/lp/parts-lp_icon_rank_crown_05.png) no-repeat right bottom / auto 60%;
}

.fs-l-pageMain section.rank.productListLower .fs-c-productListItem__control form{display:block; width:100%;}
.fs-l-pageMain section.rank.productListLower button[type="button"].fs-c-button--addToCart--list::before {
	background: #e15979;
	content: "";
	position: absolute;
	left: -30%;
	top: -3%;
	height: 110%;
	transition: .5s ease-in-out;
	width: 160%;
	transform: skewX(60deg);
}

.fs-l-pageMain > div.tableWrap div.contentTable table.size02 {
	width: 110vw;
}

.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 {
	width: 120vw;
}

.fs-l-pageMain > div.tableWrap div.contentTable{
	background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
	position: relative;
	overflow: auto;
}
.fs-l-pageMain > div.tableWrap {
	padding-bottom: 7vw;
	position: relative;
}

.fs-l-pageMain > div.tableWrap::after {
	content: "";
	background: url(https://apfel.itembox.design/item/lp/marukan_table-arrow.png) no-repeat center;
	width: 40vw;
	height: 4vw;
	position: absolute;
	bottom: 12vw;
	left: 0;
	right: 0;
	margin: auto;
}


.fs-l-pageMain > div.tableWrap.tableWrap02::after {bottom: 0;}

.fs-l-pageMain > div.tableWrap + h4 {
	background: #f5f5f5;
	width: 100%;
	font-size: 4vw;
	text-align: left;
	position: relative;
	padding: 4vw;
	margin: 3vw auto 2px;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}

.fs-l-pageMain > div.tableWrap div.contentTable table tr th {
	width: 25vw;
}

.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr td:not([colspan="2"]),
.fs-l-pageMain > div.tableWrap.tableWrap02 div.contentTable table.size02 tr td:not([colspan="3"]) {
	width: calc(100% - 75vw / 3);
	min-width: 18vw;
}
.fs-l-pageMain > div.tableWrap div.contentTable p {
	text-align: left;
	width: 96%;
}
}





/*====================================================================*/
/*============= 商品ページカートボタン調整css　2400731 ===============*/
/*====================================================================*/

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"] {
	width: min(80% , 700px);
	display: block;
	border: #e15979 solid 1px;
	border-radius: 8px;
	font-size: min(4vw , 15px);
	font-weight: 500;
	padding: min(1.5vw , 10px) 0;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: auto auto 5vw;
	background:#e15979;
}

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"] span {
	position: relative;
	z-index: 5;
	transition: .5s ease-in-out;
	text-decoration: none;
	color:#fff;
}

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"]:before {
	background: #fff;
	content: "";
	position: absolute;
	left: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"]:after {
	content: "▽";
	position: absolute;
	right: 10px;
	color: #fff;
	transition: .5s ease-in-out;
}

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"]:hover{
	text-decoration: none;
	}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"]:hover:before{width:140%;}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"]:hover span {
	color:#e15979;
	text-decoration: none;
	}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint"]:hover:after {
	color: #e15979;
	}
	
	

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"] {
	width: min(80% , 700px);
	display: block;
	border: #3bb4bd solid 1px;
	border-radius: 8px;
	font-size: min(4vw , 15px);
	font-weight: 500;
	padding: min(1.5vw , 10px) 0;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: auto auto 5vw;
	background:#3bb4bd;
}

section.fs-l-pageMain form .fs-l-productLayout > a + style + a[href="#accessPoint02"]{margin-top:max(-3vw , -30px);}

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"] span {
	position: relative;
	z-index: 5;
	transition: .5s ease-in-out;
	text-decoration: none;
	color:#fff;
}

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"]:before {
	background: #fff;
	content: "";
	position: absolute;
	left: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"]:after {
	content: "▽";
	position: absolute;
	right: 10px;
	color: #fff;
	transition: .5s ease-in-out;
}

section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"]:hover{
	text-decoration: none;
	}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"]:hover:before{width:140%;}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"]:hover span {
	color:#3bb4bd;
	text-decoration: none;
	}
section.fs-l-pageMain form .fs-l-productLayout > a[href="#accessPoint02"]:hover:after {
	color: #3bb4bd;
	}



/*=============================================================================*/
/*============= ハンドメイドページカテゴリー一覧調整css　240828 ===============*/
/*=============================================================================*/

.fs-body-category section.fs-l-pageMain section.content.category h3 {
	background: #e9f5f5;
	border-top: 3px solid #0fabb7;
	font-size: 20px;
	text-align: center;
	position: relative;
	padding: 40px 0 25px;
	margin: 100px auto 50px;
	font-weight: bold;
}

.fs-body-category section.fs-l-pageMain section.content.category h3::before {
	content: "CATEGORY";
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	color: #0fabb7;
	font-size: 14px;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
}

.fs-body-category section.fs-l-pageMain section.content.category ul {
	justify-content: flex-start;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.fs-body-category section.fs-l-pageMain section.content.category ul li {
	width: 315px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 min(3vw , 20px);
}
.fs-body-category section.fs-l-pageMain section.content.category ul li:nth-of-type(3n+2) {
	margin: 0 10px;
}

.fs-body-category section.fs-l-pageMain section.content.category ul li a {
	border-radius: 5px;
	height: 150px;
	padding-left: 130px;
	display: flex;
	justify-content: left;
	align-items: center;
	position: relative;
	text-indent: 0;
	flex-wrap: wrap;
	margin-bottom: 0;
	border: solid 2px #8ed0d0;
}

.fs-body-category section.fs-l-pageMain section.content.category ul li a img {
	position: absolute;
	left: 10px;
	top: 25px;
	max-width: 105px;
}

.fs-body-category section.fs-l-pageMain section.content.category ul li a span {
	color: #492a12;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

.fs-body-category section.fs-l-pageMain section.content.cvp {
	padding: 50px;
	background: #f5f5f5;
	margin-bottom: 0;
}

.fs-body-category section.fs-l-pageMain section.content.cvp h2,
.fs-body-category section.fs-l-pageMain section.content.cvp h3{
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}

.fs-body-category section.fs-l-pageMain section.content.works{}
.fs-body-category section.fs-l-pageMain section.content.works > h3 {
	background: #e9f5f5;
	border-top: 3px solid #0fabb7;
	font-size: 20px;
	text-align: center;
	position: relative;
	padding: 40px 0 25px;
	margin: 100px auto 50px;
	font-weight: bold;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList{}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li {
	margin-bottom: min(7vw , 50px);
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li + li{border-top:solid 1px #eee; padding-top: min(7vw , 50px);}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li h2 {
	max-width: 100%;
	font-size: 125% !important;
	clear: both;
	line-height: 1.7;
	font-weight: 600;
	margin: 0 0 min(2vw , 20px) 0;
	padding: 0;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe {
	justify-content: space-between;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dd {
	width: 48%;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dd figure {
	width: 100%;
	margin: auto;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dd figure img {
	width: 100%;
	height: auto;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt {
	width: 48%;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-cat {
	display: flex;
	align-items: center;
	gap: 5px;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-cat > span {
	font-family: 'PT Serif', serif;
	color: #959595;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-cat > div.g-category-list {
	display: flex;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-cat > div.g-category-list div{}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-cat > div.g-category-list div a {
	border: solid 1px #f05b7f;
	border-radius: 7px;
	display: inline-block;
	line-height: 190%;
	padding: 0 5px;
	transition: 0.4s;
	text-decoration: none;
	font-size: 12px;
	margin: 3px;
	font-weight: 700;
	color: #31BFC4;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea{}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea h3 {
	border-bottom: 1px dotted grey;
	font-size: 130%;
	clear: both;
	line-height: 1.2;
	font-weight: 600;
	margin: 0 0 10px 0;
	margin-bottom: 14px;
	padding: 10px 0 0 0;
	padding-bottom: 14px;
	color: #000;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-desc {
	border: solid 1px #e1e1e1;
	margin-bottom: min(5vw , 50px);
	padding: 1rem;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-desc p {
	font-size: min(3vw ,15px) !important;
	margin-bottom: 0.8rem !important;
	line-height: 2;
	margin: 0 0 2em 0;
	font-weight: 500;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-desc p + p{margin-top:min(2vw , 20px);}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-desc p br{display:none;}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-desc p img.emoji{
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-url {
	margin-bottom: min(3vw , 20px);
	padding: 1rem;
	font-size: 85%;
	background: #ebebeb;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 500;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-url i{}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-url i.fa-instagram-square::before {
	content: "\e055";
	font-family: "Font Awesome 5 Brands";
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-url a{}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.item-url a span {
	color: #31BFC4;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.creator-itemall{}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.creator-itemall a {
	display: block;
	text-align: center;
	padding: 1rem;
	border-radius: 7px;
	border: solid 2px #00afe3;
	color: #00afe3;
	margin: min(4vw , 40px) auto 0;
	font-size: 90%;
	transition: 0.5s;
	width: 80%;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.creator-itemall a:hover {
	background:#00afe3;
	color:#fff;
	opacity:1;
	text-decoration:none;
}


@media only screen and (max-width:1000px){

.fs-body-category section.fs-l-pageMain section.content.category h3 {
	font-size: 4vw;
	position: relative;
	padding: 7vw 0 4vw;
	margin: 10vw auto 5vw;
}
.fs-body-category section.fs-l-pageMain section.content.category h3:before{
	font-size: 3vw;
	top: 3vw;
}
.fs-body-category section.fs-l-pageMain section.content.category ul li {
	width: 48%;
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
	margin: 0 1% 4vw;
}
.fs-body-category section.fs-l-pageMain section.content.category ul li:nth-of-type(3n+2) {
	margin: 0 1% 4vw;
}
.fs-body-category section.fs-l-pageMain section.content.category ul li a {
	height: 18vw;
	padding: 0 0 0 12vw;
	font-size: 4vw;
}

.fs-body-category section.fs-l-pageMain section.content.category ul li a img {
	position: absolute;
	left: 2vw;
	width: 15%;
	top: initial;
}

.fs-body-category section.fs-l-pageMain section.content.category ul li a span {
	font-size: 3vw;
	font-weight: bold;
	text-align: left;
}

.fs-body-category section.fs-l-pageMain section.content.cvp {
	padding: 5vw;
	background: #f5f5f5;
}

.fs-body-category section.fs-l-pageMain section.content.cvp h2,
.fs-body-category section.fs-l-pageMain section.content.cvp h3{
	font-size: 3vw;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
.fs-body-category section.fs-l-pageMain section.content.works h3 {
	font-size: 4vw;
	position: relative;
	padding: 7vw 0 4vw;
	margin: 10vw auto 5vw;
}
.fs-body-category section.fs-l-pageMain section.content.works h3:before{
	font-size: 3vw;
	top: 3vw;
}
.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dd {
	width: 70%;
	margin: auto;
}

.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dd figure img {
	width: 100%;
	height: auto;
}

.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt {
	width: 100%;
}

.fs-body-category section.fs-l-pageMain section.content.works ul.workList li {
	margin: 0 auto min(7vw , 50px);
	width: 96%;
}

.fs-body-category section.fs-l-pageMain section.content.works ul.workList li dl.fe dt div.item-textarea div.creator-itemall a {
	width: 80%;
}

}


/*===========================================================================*/
/*============= 下層ページランキングコンテンツ調整css　240828 ===============*/
/*===========================================================================*/

@media only screen and (max-width:1000px){

body.fs-body-category section.fs-l-pageMain.lpWrap section.rank > a {
	background: #8ed0d0;
	width: 70vw;
	height: 15vw;
	margin: 7vw auto;
	display: block;
	border-radius: 7px;
	color: #fff;
	font-weight: bold;
	font-size: 4vw;
	line-height: 15vw;
	position: relative;
}

body.fs-body-category section.fs-l-pageMain.lpWrap section.rank > a::before {
	content: "";
	background: url(https://apfel.itembox.design/item/lp/parts-lp_icon_arrow.png) no-repeat left center / 100%;
	width: 4vw;
	height: 4vw;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 3vw;
}

}

/*===========================================================================*/
/*====================== 商品一覧パーツ調整css　250325 ======================*/
/*===========================================================================*/

body section.fs-l-pageMain section.productList{}
body section.fs-l-pageMain section.productList > h2 {
	background: #e9f5f5;
	border-top: 3px solid #0fabb7;
	font-size: min(4vw , 20px);
	text-align: center;
	position: relative;
	padding: min(3vw , 25px) 0;
	margin: 100px auto 50px;
	font-weight: bold;
	width: min(100% , 1000px);
	color: #4a2a12;
	border-bottom: none;
}

body section.fs-l-pageMain section.productList .fs-c-slick,
body section.fs-l-pageMain section.productList .fs-c-slick .fs-c-productListCarousel__list,
body section.fs-l-pageMain section.productList .fs-c-slick .fs-c-productListCarousel__list slick-initialized {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	width: 100%;
} {
	width: 100%;
	margin: auto;
}
body section.fs-l-pageMain section.productList .fs-c-slick .slick-track {
	transform: initial !important;
	width: 100% !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
body section.fs-l-pageMain section.productList .fs-c-slick .slick-track .slick-slide {
	width: 22%;
	position: relative;
	padding-top: 0;
	text-align: left;
	margin: 0 1.5% min(3vw , 30px);
}

body section.fs-l-pageMain section.productList .fs-c-slick .slick-track .slick-slide .fs-c-productListCarousel__list__item {
	flex-basis: 200px;
	max-width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0 min(2vw , 15px);
}

body section.fs-l-pageMain section.productList .fs-c-slick .fs-c-productListCarousel__ctrl{display:none !important;}

body section.fs-l-pageMain section.productList > a {
	background: #8ed0d0;
	width: min(70vw , 480px);
	height: min(10vw ,90px);
	margin: 50px auto;
	display: block;
	border-radius: 7px;
	color: #fff;
	font-weight: bold;
	font-size: min(4vw,20px);
	line-height: min(10vw ,90px);
	position: relative;
	overflow: hidden;
	text-decoration: none !important;
	padding: 0 min(3vw , 30px);
}

body section.fs-l-pageMain section.productList > a::before {
	content: "";
	background: url(https://apfel.itembox.design/item/img/top/t-link_arrow.png) no-repeat left center / 100%;
	width: min(3vw,20px);
	height: min(4vw,25px);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: min(3vw , 20px);
	z-index: 2;
}

body section.fs-l-pageMain section.productList > a::after {
	background: #72bebe;
	content: "";
	position: absolute;
	right: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}

body section.fs-l-pageMain section.productList > a:hover{opacity:1;}
body section.fs-l-pageMain section.productList > a:hover:after {width:140%; right:auto; left:-20%;}

body section.fs-l-pageMain section.productList > a span {color:#fff; position:relative; z-index:2;}


body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list {
	width: 200px;
	display: block;
	border: #e15979 solid 1px;
	border-radius: 8px;
	font-size: min(4vw , 15px);
	font-weight: 500;
	padding: min(1.5vw , 10px) 0;
	position: relative;
	overflow: hidden;
}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list:hover{
	text-decoration: none;
	}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list span {
	position: relative;
	z-index: 5;
	transition: .5s ease-in-out;
	text-decoration: none;
}

body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list::before {
	background: #e15979;
	content: "";
	position: absolute;
	left: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list:hover:before{width:140%;}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list:hover span {
	color:#fff;
	text-decoration: none;
	}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list::after {
	content: ">";
	position: absolute;
	right: 10px;
	color: #4a2a12;
	transition: .5s ease-in-out;
}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list:hover:after {
	color: #fff;
	}

@media only screen and (max-width:1000px){

body section.fs-l-pageMain section.productList > h2 {
	background: #e9f5f5;
	border-top: 3px solid #0fabb7;
	font-size: 4vw;
	text-align: center;
	position: relative;
	padding: 7vw 0 4vw;
	margin: 10vw auto 5vw;
	font-weight: bold;
	height: auto;
}

body section.fs-l-pageMain section.productList .fs-c-slick .slick-track .slick-slide {
	width: 48%;
	position: relative;
	padding-top: 0;
	text-align: left;
	margin: 0 1% min(3vw , 30px);
}

body section.fs-l-pageMain section.productList .fs-c-slick .slick-track .slick-slide .fs-c-productListCarousel__list__item {
	padding: 0 min(3vw , 15px) min(3vw , 15px);
}

body section.fs-l-pageMain section.productList > a {
	background: #8ed0d0;
	width: 85vw;
	height: 15vw;
	margin: 7vw auto;
	display: block;
	border-radius: 7px;
	color: #fff;
	font-weight: bold;
	font-size: 3vw;
	line-height: 15vw;
	position: relative;
}

body section.fs-l-pageMain section.productList > a::before {
content: "";
    background: url(https://apfel.itembox.design/item/lp/parts-lp_icon_arrow.png) no-repeat left center / 100%;
    width: 4vw;
    height: 4vw;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 3vw;
  }

body section.fs-l-pageMain section.productList .fs-c-productListItem__control form {
	width: 80%;
	margin: auto;
	display: block;
}

body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list {
	width: 100%;
	display: block;
	border: #e15979 solid 1px;
	border-radius: 8px;
	font-size: 3vw;
	font-weight: 500;
	padding: min(1.5vw , 10px) 0;
	position: relative;
	overflow: hidden;
}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list::after {display:none;}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list span {color: #fff;}
body section.fs-l-pageMain section.productList button[type="button"].fs-c-button--addToCart--list::before {
	background: #e15979;
	content: "";
	position: absolute;
	left: -20%;
	top: -3%;
	height: 110%;
	transition: .5s ease-in-out;
	width: 150%;
	transform: skewX(60deg);
}

}



/*===========================================================================*/
/*====================== 大量購入ページ調整css　250330 ======================*/
/*===========================================================================*/

body section.fs-l-pageMain article.massamountWrap {
	width: 100%;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap {
	position: relative;
	width: 100%;
	margin-bottom: min(7vw , 100px);
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap div.accessPoint{
	position: relative;
	top: -20vw;
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 {
	margin-bottom: min(5vw , 50px);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 h1 {
	background: url(https://apfel.itembox.design/item/img/lower/l-massamount_img_02.jpg) no-repeat center / 100%;
	width: 100%;
	height: 400px;
	position: relative;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 h1 span {
	background: rgba(15,171,183 , .8);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 35%;
	padding: min(3vw , 30px) min(3vw , 30px);
	color: #fff;
	text-align: center;
	font-size: min(5vw , 35px);
	font-weight: bold;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 h1 span strong {
	color: #fff;
	display: block;
	font-size: min(5vw , 25px);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	margin-bottom: min(2vw , 10px);
	padding-bottom: min(1vw , 10px);
	border-bottom: 1px #fff solid;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 h2 {
	background-color: #f5f5f5;
	padding: min(5vw , 50px) min(5vw , 50px) 0;
	text-align: center;
	font-size: min(3vw , 13px);
	margin: auto;
	line-height: 1.7;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 h3 {
	background-color: #f5f5f5;
	padding: 0 min(5vw , 50px) min(5vw , 50px);
	text-align: center;
	font-size: min(3vw , 13px);
	margin: auto;
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 {
	text-align: center;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 h2:not(:nth-of-type(1)) {
	background: #f05b7f;
	border-radius: 100px;
	display: inline-block;
	padding: min(2vw , 20px) min(6vw , 90px);
	font-size: min(4vw , 30px);
	color: #fff;
	font-weight: bold;
	width: 100%;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > h2:nth-of-type(1) {
	background: url(https://apfel.itembox.design/item/img/lower/l-massamount_img_03.jpg) no-repeat center / 99%;
	height: min(30vw , 200px);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: min(7vw , 70px);
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > h2:nth-of-type(1) span{
	font-size: min(4vw , 32px);
	color: #353535;
	line-height: 1.7;
	font-weight: 700;
	background: linear-gradient(#cf2051, #cf2051) 0 bottom / 100% min(1vw , 10px) no-repeat;
	background-size: 100% min(1vw , 10px);
	padding: 0 min(2vw , 20px);
	text-shadow:
		0 0 5px #fff,
		0 0 5px #fff,
		0 0 5px #fff,
		0 0 5px #fff,
		0 0 5px #fff,
		0 0 5px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff;
	}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 ul + h2 {
	margin-top: min(9vw , 90px);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > h3 {
	margin-top: min(9vw , 90px);
	background: #f05b7f;
	border-radius: 100px;
	display: inline-block;
	padding: min(2vw , 20px) min(6vw , 90px);
	font-size: min(4vw , 30px);
	color: #fff;
	font-weight: bold;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 ul.bnrs{}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 ul.bnrs li{}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a {
	width: min(70vw , 600px);
	display: block;
	border: #8ed0d0 solid 1px;
	border-radius: 8px;
	font-size: min(4vw , 15px);
	font-weight: 500;
	padding: min(3.5vw , 30px) 0;
	position: relative;
	overflow: hidden;
	background: #8ed0d0;
	margin: min(5vw , 30px) auto min(5vw , 50px);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a:hover{
	text-decoration: none;
	opacity:1;
	}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a > span {
	position: relative;
	z-index: 5;
	transition: .5s ease-in-out;
	text-decoration: none;
	font-size: min(4vw , 20px);
	font-weight: bold;
	color: #fff;
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a::before {
	background: #72bebe;
	content: "";
	position: absolute;
	left: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a:hover:before{width:140%;}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a:hover > span {
	color:#fff;
	text-decoration: none;
	}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a::after {
	content: ">";
	position: absolute;
	right: 10px;
	color: #4a2a12;
	transition: .5s ease-in-out;
	font-size: min(4vw , 20px);
	color: #fff;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > a:hover:after {
	color: #fff;
	}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 p {
	text-align: left;
	font-size: min(3.5vw , 20px);
	padding: min(1vw , 10px) min(5vw , 50px);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 p + p{}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 p strong{
	color: #f05b7f;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 div.textWrap {
	background-color: #fff;
	box-shadow: 0 0 min(1vw , 10px) #ccc;
	padding: min(5vw , 20px) 0 min(5vw , 20px);
	text-align: center;
	border-radius: 5px;
	width: min(90% , 900px);
	margin: min(5vw , 50px) auto;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 div.textWrap h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: min(2vw , 20px);
	font-size: min(4vw , 22px);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 div.textWrap p {
	font-size: min(3vw , 16px);
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	width: 100%;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li {
	width: calc(91% / 2);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li + li{margin-top:0;}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a{
	width: 100%;
	display: block;
	border: #8ed0d0 solid 1px;
	border-radius: 8px;
	font-size: min(4vw , 15px);
	font-weight: 500;
	padding: min(3.5vw , 30px) 0;
	position: relative;
	overflow: hidden;
	background: #8ed0d0;
	margin: min(5vw , 30px) auto min(5vw , 50px);
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a:hover{
	text-decoration: none;
	opacity:1;
	}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a:hover{
	text-decoration: none;
	opacity:1;
	}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a > span {
	position: relative;
	z-index: 5;
	transition: .5s ease-in-out;
	text-decoration: none;
	font-size: min(4vw , 20px);
	font-weight: bold;
	color: #fff;
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a::before {
	background: #72bebe;
	content: "";
	position: absolute;
	left: -20%;
	top: 0;
	height: 110%;
	transition: .5s ease-in-out;
	width: 0;
	transform: skewX(60deg);
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a:hover:before{width:140%;}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a:hover > span {
	color:#fff;
	text-decoration: none;
	}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a::after {
	content: ">";
	position: absolute;
	right: 10px;
	color: #4a2a12;
	transition: .5s ease-in-out;
	font-size: min(4vw , 20px);
	color: #fff;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a:hover:after {
	color: #fff;
	}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap03 {
	margin-bottom: 0;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap03 h2 {
	background: #e9f5f5;
	border-top: 3px solid #0fabb7;
	font-size: min(4vw , 20px);
	text-align: center;
	position: relative;
	padding: min(3vw , 25px) 0;
	margin: min(10vw , 100px) auto min(5vw , 50px);
	font-weight: bold;
	width: min(100% , 1000px);
	color: #4a2a12;
	border-bottom: none;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap03 iframe {
	width: 100%;
	border: none;
	height: min(250vw , 1140px);
}

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap04 {
	text-align: center;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap04 img{}


@media only screen and (max-width:1000px){

body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 h1 {
	background: url(https://apfel.itembox.design/item/img/lower/l-massamount_img_02.jpg) no-repeat center / 150% auto;
	height: 50vw;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap01 h1 span {
	height: 20vw;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 h2:not(:nth-of-type(1)) {
	width: 90%;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li {
	width: 80%;
}
body section.fs-l-pageMain article.massamountWrap section.contentWrap.contentWrap02 > ul.links li a {
	width: 100%;
	margin: auto auto 3vw;
}


}



/*===============================================================================*/
/*====================== レビューコンテンツ調整css　250611 ======================*/
/*===============================================================================*/

body section.fs-l-pageMain div.reviewWrap {
	background-color: #fff;
	box-shadow: 0 0 27px #ccc;
	padding: min(4vw , 40px);
	text-align: left;
	border-radius: 5px;
	position: relative;
	margin: min(7vw , 100px) auto min(4vw , 50px);
	width: 95%;
}

body section.fs-l-pageMain div.reviewWrap + div.reviewWrap {margin-top:0;}
body section.fs-l-pageMain div.reviewWrap ul.review {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
body section.fs-l-pageMain div.reviewWrap ul.review li {
	margin: 0;
}
body section.fs-l-pageMain div.reviewWrap ul.review li a {
	text-align: left;
	font-size: min(4vw , 20px);
	display: inline-block;
	position: relative;
	padding: 0 min(1.5vw , 15px) 0;
	color: #4a2a12;
	font-weight: bold;
	text-decoration: none !important;
	opacity: 1 !important;
}
body section.fs-l-pageMain div.reviewWrap ul.review li a:after {
	content: '';
	display: block;
	height: 1px;
	width: 0;
	background:#f05b7f;
	margin: 0 auto;
	transition: 0.4s;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
body section.fs-l-pageMain div.reviewWrap ul.review li a:hover:after{width:calc(100%); right:auto; left: 0;}
body section.fs-l-pageMain div.reviewWrap ul.review li p {
	border-top: #8ed0d0 1px solid;
	padding-top: min(5vw , 40px);
	margin: min(5vw , 40px) auto 0;
}
body section.fs-l-pageMain div.reviewWrap ul.review li p span.reviewName {
	font-size: min(3vw , 14px);
	position: relative;
	font-weight: bold;
	padding: 0 min(1.5vw , 15px) 0;
}
body section.fs-l-pageMain div.reviewWrap ul.review li p span.star {
	font-size: min(3vw , 14px);
	text-align: left;
	padding: min(5vw , 20px) min(1.5vw , 15px) 0;
	line-height: 1.7;
	font-weight: bold;
	display: block;
	position: relative;
	margin-top: min(2vw , 20px);
}
main.fs-l-main section.fs-l-pageMain div.reviewWrap ul li span.star::before {
	color: #f8d000;
	position: absolute;
	top: max(-2vw , -20px);
	left: min(1.5vw , 15px);
	font-size: min(4vw , 20px);
}
main.fs-l-main section.fs-l-pageMain div.reviewWrap ul li span.star.star1:before{content:"★☆☆☆☆";}
main.fs-l-main section.fs-l-pageMain div.reviewWrap ul li span.star.star2:before{content:"★★☆☆☆";}
main.fs-l-main section.fs-l-pageMain div.reviewWrap ul li span.star.star3:before{content:"★★★☆☆";}
main.fs-l-main section.fs-l-pageMain div.reviewWrap ul li span.star.star4:before{content:"★★★★☆";}
main.fs-l-main section.fs-l-pageMain div.reviewWrap ul li span.star.star5:before{content:"★★★★★";}



/* カート付き商品ギャラリー用CSS 20250620 ODB花屋記入 */

/* 全体コンテナ */
.ap-cl-product {
  width: 100%;
  font-family: sans-serif;
  border-top: 1px solid #eee;
  padding: 20px 0;
}

/* メイン横並びレイアウト */
.ap-cl-main-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* 画像カラム */
.ap-cl-image img {
  max-width: 250px;
  height: auto;
}

/* 右カラム全体 */
.ap-cl-right {
  flex: 1;
}

/* タイトル */
.ap-cl-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}

/* グリッド定義：ヘッダー行 & 商品行（3カラム） */
.ap-cl-header-row,
.ap-cl-product-row {
  display: grid;
  grid-template-columns:
    1fr     /* 商品情報 */
    100px   /* 価格 */
    200px;  /* 購入 */
  align-items: center;
}

/* ヘッダー行 */
.ap-cl-header-row {
  background: #f5f5f5;
  font-weight: bold;
  font-size: 0.95rem;
  padding: 8px 0;
}
.ap-cl-header-row > div {
  text-align: center;
}

/* 商品行 */
.ap-cl-product-row {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

/* 商品情報（左寄せ） */
.ap-cl-info {
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* 価格・購入（中央寄せ） */
.ap-cl-price,
.ap-cl-cart {
  text-align: center;
}
.ap-cl-price {
  font-weight: bold;
}

/* カートフォーム内 */
.ap-cl-cart form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ap-cl-quantity-select {
  width: 60px;
  padding: 5px;
  font-size: 1rem;
}
.ap-cl-cart-button {
  background: #f06292;
  color: #fff;
  border: none;
  padding: 6px 12px;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 4px;
}

/* 非表示ラベル */
.ap-cl-visually-hidden {
  position: absolute;
  left: -9999px;
}

/* レスポンシブ（600px以下） */
@media screen and (max-width: 600px) {
  .ap-cl-main-row {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .ap-cl-header-row {
    display: none;
  }
  .ap-cl-title {
    text-align: center;
  }
  .ap-cl-product-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 4px;
    padding: 0;
    border-bottom: none;
  }
  .ap-cl-info div {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .ap-cl-price::before {
    content: "価格：";
    font-weight: normal;
  }
  .ap-cl-price {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .ap-cl-cart form {
    justify-content: center;
  }
  .ap-cl-quantity-select {
    width: 60px;
  }
  .ap-cl-cart-button {
    width: auto;
  }
}


/* ここまで　カート付き商品ギャラリー用CSS 20250620 ODB花屋記入 */