/* ========================================================
    iframe
   ===================================================== */
.iframe-container_feature iframe {
    opacity: 1;
}


/* ========================================================
    カルーセル
   ===================================================== */
.fs-pt-carousel{
 margin: 2% 0 2% 0;
 width: 100%;
 height: auto;
 border-radius: 5px;
}

.fs-pt-carousel img{
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.fs-pt-carousel__slide{
 padding: 2% 1%;
}

.slick-arrow {
  border-radius: 50%;
}

.fs-c-slick .slick-prev,
.fs-c-slick .slick-next {
  height: 35px;
  width: 35px;
  top: 45%;
　border: 1px solid rgba(255, 255, 255, 0.5);
}

.fs-c-slick .slick-prev:before,
.fs-c-slick .slick-next:before {
  cursor: pointer;
  font-family: "fs-icon";
  color: white;
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fs-p-messageBoard{
margin: auto;
}
/*- title -*/
.main-title {
    text-align: center; /* テキストとインライン要素を中央寄せ */
    width: 100%; /* 必要に応じて */
}

.sub-title {
    text-align: center; /* テキストとインライン要素を中央寄せ */
    width: 100%; /* 必要に応じて */
}

/*-特集-*/
.cs-style-2 figcaption {
 max-width: 200px;
}

/*div.fs-c-documentColumn__content .fs-c-postage {
	display: none;
}*/




.fs-c-specTableContainer, .fs-p-announcement img {
	max-width: 80%;
	margin: 0 auto;
}


.fs-p-dateList > li time:first-child {
	background: lightsalmon;
}




/* ========================================================
   連携ログインパーツ(GoogleログインボタンとAmazonログインボタンの間の間隔を追加)
   ===================================================== */
.fs-c-anotherLogin__button:not([class*="--amazon"]) {
    margin-bottom: 20px;
}





/* ========================================================
   a:visited Bright Color Setting 
   ===================================================== */
	a:visited {
	color: #3572b0;
}




/* ========================================================
   会員サービス案内バナー/会員ステージ説明 Style Setting 
   ===================================================== */
.fs-p-card {
	background: #FFF9E7 !important;
	border: 1px solid #ebebeb !important;
	border-radius: 8px;
}





/* ========================================================
   商品タグ(productMark) margin Setting 
   ===================================================== */
.fs-c-productMark > li {
	margin: 1px;
}




/* ========================================================
   ヘッダーユーティリティ 画面横サイズ1200px以下の場合は非表示 Setting
   ===================================================== */
@media screen and (max-width: 1200px) {
  .fs-l-header__utility {/*ヘッダーナビゲーションメニュー（ログアウト/ご利用ガイド/メールマガジン） 電話注文バナーパーツ（9,900円以上ご購入で 送料無料！）*/
	display: none !important;  
  }
}





/* ========================================================
   メールマガジン Setting
   ===================================================== */
.fs-c-inputInformation__message p {
	font-size: 1.6rem;
}





/* ========================================================
   Footer about_Payment Part margn-top Setting
   ===================================================== */
.about_Payment {
	margin-top: 0px !important;
}




/* ========================================================
   Header TOP MENU Fixed Setting
   ===================================================== */
.fs-l-header__drawerOpener { /* ドロワーメニューアイコン POSITION SETTING */
	position: fixed;
	top: -4px;
	left: 10px;
	z-index: 1;
}
span.fs-p-drawerButton__label {
	margin-top: -10px;
}

.fs-p-drawer .fs-l-sideArea { /* ドロワーメニュー上部 Z-INDEX SETTING */
	z-index: 51;
}
.fs-l-header__contents { 
	background: #fff;
	display: block; /* 탑메뉴 로고이미지에【公式オンラインショップ】넣어서 긴 로고 추가하기 위해 DISPLAY:GRID에서 BLOCK으로 변경 2021.12.3*/
}
.fs-l-header__utility {
	display: flex; /* 탑메뉴 로고이미지에【公式オンラインショップ】넣어서 긴 로고 추가후 DISPLAY:GRID에서 FLEX으로 변경 2021.12.3*/
	margin-top: -20px !important;
	margin-left: 30px !important;
	/*position: absolute;*/ /* 위치조정 2022.3.19 */
	/*right: 50px;*/ /* 위치조정 2022.3.19 */
}

.fs-p-phoneOrder { /* 탑메뉴 로고이미지에【公式オンラインショップ】넣어서 긴 로고 추가후 DISPLAY:GRID에서 FLEX으로 변경&위치조정 2021.12.3*/
	position: absolute !important;
	top: 35px; /* 30px 위치조정 2021.12.3*/
	right: -13px; /* 0px 위치조정 2021.12.3*/
}
.fs-p-logo span { /* 新作コスメをどこよりも早く！ 위치조정 2022.3.16*/
	display: none; /* 新作コスメをどこよりも早く！ 추가 2022.3.23*/
	text-align: center;
	font-size: 28px; /* 23.5px */
	position: absolute;
	top: 10px; /* 4px */
	left: 326px; /* 48px */
	font-weight: 600;
}




/* ========================================================
   SKINCARE/BASE/POINT MAKEUP RANKING TITLE Style
   ===================================================== */
.c-product__thumb{
border-radius: 20%;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
overflow: hidden;
}

#block_of_event_ranking {
	padding: 0px 0 0px !important;
}



/* ========================================================
   商品パージのカートに入れる BUTTON STYLE
   ===================================================== */
#fs-checkout-payHere-container .fs-c-buttonContainer {
	padding: 14px 0;
}
.fs-c-button--primary {
	background: #BF0000 !IMPORTANT;
	border: 1px solid #BF0000 !IMPORTANT;
	-webkit-box-shadow: -3px -3px 3px #fff, 3px 3px 3px rgb(191 0 0 / 30%); /* 0 10px 15px 0 rgb(191 0 0 / 40%) */
	box-shadow: -3px -3px 3px #fff, 3px 3px 3px rgb(191 0 0 / 30%); /* 0 10px 15px 0 rgb(191 0 0 / 40%) */
}
.fs-c-button--secondary {
	background: #4D6EE4 !IMPORTANT;
	border: 1px solid #4D6EE4 !IMPORTANT;
	-webkit-box-shadow: -3px -3px 3px #fff, 3px 3px 3px rgb(77 110 228 / 30%);  /* 0 10px 20px 0 rgb(77 110 228 / 40%) */
	box-shadow: -3px -3px 3px #fff, 3px 3px 3px rgb(77 110 228 / 30%);  /* 0 10px 20px 0 rgb(77 110 228 / 40%) */
}
/* ========================================================
   Cart-Button Style Setting
   ===================================================== */
.fs-c-purchaseHere__message {
	font-size: 1.5rem;
	font-weight: bold;
	color: #3C3C3C;
}
#fs-checkout-payHere-container .fs-c-button--primary {
	background: url(https://abcosme.itembox.design/item/img/cart_arrow.svg) no-repeat 95% center #BF0000 !important;
	background-size: 10px 20px;
}
#fs-checkout-payHere-container .fs-c-button--primary .fs-c-button__label {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 2rem;
	width: 74%;
	margin: 0 auto;
	display: block;
}
.fs-c-button--secondary {
	border-radius: 4px;
}
#fs-checkout-payHere-container .fs-c-button--secondary {
	background: url(https://abcosme.itembox.design/item/img/cart_arrow.svg) no-repeat 95% center #4D6EE4 !important;
	background-size: 10px 20px;
}
#fs-checkout-payHere-container .fs-c-button--secondary .fs-c-button__label {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 2rem;
	width: 74%;
	margin: 0 auto;
	display: block;
}
#fs-checkout-payHere-container .fs-c-button__label::after {
	content: "クレジット・後払い・PayPay・コンビニ前払い";
	display: block;
	font-size: 1.1rem;
	line-height: 1.3rem;
	font-weight: normal;
	margin-top: 10px;
}





/* ========================================================
   ポイントパーツ(獲得予定ポイント) Style
   ===================================================== */
.fs-c-productPointDisplay {
	padding: 0px 0px 4px 0px !important;
}




/* ========================================================
   販売期間表示 Display None
   ===================================================== */
.fs-c-salesPeriod {
	display: none;
}




/* ========================================================
   お支払い方法についての後払い決済（コンビニエンスストア・金融機関）部分削除
   ===================================================== */
section#fs_anchor_custom1 {
	display: none;
}




/* ========================================================
   Footer Style setting
   ===================================================== */
.fs-l-footer {
	border-top: 1px solid #fff !important; /*Footer Border-Top Style setting*/
	margin-top: 0px !important;
}
footer {
	padding-top: 0px !important;
}




/* ========================================================
   categoryパージのカートに入れる BUTTON display none
   ===================================================== */
div.fs-c-productListItem__control {
	display: none;
}





/* ========================================================
   Main Notice Style Setting
   ===================================================== */
.fs-p-dateList > li time:first-child {
	border-radius: 4px;
}




/* ========================================================
   Left Menu Style Setting
   ===================================================== */
.fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item {
	margin-top: 0px;
}

.fs-p-sideMenu .fs-pt-menu__submenu {
	padding-left: 10px;
}

.fs-p-sideMenu a {
	padding: 6px;
}
.fs-p-sideMenu .fs-pt-menu__link {
	line-height: 1.2;
}

.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 15px;
}

.fs-p-sideMenu .fs-pt-menu__heading--lv2 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 15px;
}

.fs-p-sideMenu .fs-pt-menu__link--lv1 {
	padding-top: 10px;
}




/* ========================================================
   Top Logo Style Setting
   ===================================================== */
.fs-p-logo__image {
	max-height: 48px !important;
}
.fs-p-logo {
	padding-top: 8px;
	padding-bottom: 0px;
}

div .top_fixed_logo img{  /* sp page top fixed logo スマホページのみ表示するため */
	display : none;
}
.top_fixed_logo {  /* sp page top fixed logo スマホページのみ表示するため */
	display : none;
}

/* ========================================================
   Header Logo Image Size Setting
   ===================================================== */
.fs-p-logo__image {
	/*max-height: 28px;*/
}






/* ========================================================
   後払い決済（コンビニエンスストア・金融機関）Style Setting
   ===================================================== */
.elDetailText {
	font-size: 12px;
	line-height: 16px;
}
.fs-c-commissionList {
	display: none; /* 手数料 : ¥250 非表示*/
}





/* ========================================================
   Top-to-Move-Button Setting
   ===================================================== */
#back-to-top {
	display: inline-block;
	background-color: #bebebe; /* #FF9800 */
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50px;
	position: fixed;
	bottom: 5%;
	right: 10%;
	transition: background-color .3s, 
	opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
#back-to-top img {
	margin-top: 8px;

}

#back-to-top::after {
	/*content: "\f077";  \f077 */
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}
#back-to-top:hover {
	cursor: pointer;
	background-color: #bebebe; /* #333 */
}
#back-to-top:active {
	background-color: #555;
}
#back-to-top.show {
	opacity: 0.6;
	visibility: visible;
}




/* ========================================================
   TOP カルーセル ● Style Setting
   ===================================================== */
.fs-c-slick .slick-dots li {
	height: 15px;
	width: 15px;
}
.fs-c-slick .slick-dots li button:before {
	width: 15px;
	height: 15px;
	font-size: 15px;
	line-height: 15px;
}
.fs-c-slick .slick-dots li.slick-active button:before {
	color: #333;
	opacity: 1.0; /* active ● */
}




/* ========================================================
   Footer 送料告知バナー（フリーパーツ）
   ===================================================== */
.fs-icon--delivery:before {
	font-size: 20px; /* Car Icon Size */
}




/* ========================================================
   トップページコラム(NEW/RE Arrival/Limited Banner)Style Setting
   ===================================================== */
.fs-pt-column__image > img {
	display: block;
	max-width: 80%;
}
.fs-pt-column {
	display: flex !IMPORTANT;
	margin: 50px 0px 10px 50px;
}




/* ========================================================
   Product Name length Style Setting
   ===================================================== */
.fs-c-productName__name {
	display: -webkit-box;
	-webkit-line-clamp: 4; /* 4line까지 표시하고 뒷부분은 ...으로 표시*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}




/* ========================================================
   Search Style Setting
   ===================================================== */
span.fs-p-searchForm__inputGroup input {
	border-radius: 4px;
	border: 1px solid #646464;
}
span.fs-p-searchForm__inputGroup {
	border-radius: 4px;
	border: 1px solid #646464;
}
.fs-p-inputGroup__button {
	background: #646464;    
}




/* ========================================================
   Title uppercase Setting Remove
   ===================================================== */
h1, h2, h3, h4, h5, h6 {
	text-transform: none !important;
}




/* ========================================================
   Footer Link Style Setting
   ===================================================== */
.fs-l-footer a {
	text-decoration: none;
}




/* ========================================================
   Top Title(ページ見出し) Padding Setting
   ===================================================== */
.fs-c-heading--page {
	padding: 15px 0;
}




/* ========================================================
   Header TOP MENU Fixed Setting
   ===================================================== */
.fs-l-header {
	padding-top: 0px;
	width: 100%;
	z-index: 60;

}

.fs-l-header.fixed {
	position: fixed;
	margin 0px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}




/* ========================================================
   Header ウェルカムメッセージ&ポイントパーツ Display none Setting
   ===================================================== */
.fs-l-header__welcomeMsg.is-ready {
	display: none;
}




/* ========================================================
   Header お問合せTEL Setting
   ===================================================== */
.fs-p-phoneOrder__phoneNum {
	font-size: 13px;
	font-weight: bold;
	margin-left: 8px;
}

.fs-p-phoneOrder__addition {
	font-size: 12px;
}





/* ========================================================
   Copyright Setting
   ===================================================== */
.fs-p-footerCopyright {
	color: #fff;
	background: #FFB6C1;
}




/* ========================================================
   h1 tag Underline & Border Setting
   ===================================================== */
.fs-c-heading--page {
	border-bottom: 2px solid #FFB6C1;
}




/* ========================================================
   Title h2-tag BG&Border Setting 最新情報/売れ筋商品/新着商品/etc.
   ===================================================== */
.fs-p-heading--lv2 {
	border-color: #FFB6C1;
	background-color: lightpink;
	color: #fff;
	border-radius: 8px 8px 0 0;
	padding: 1% 2%;
}




/* ========================================================
   Headline Title h2-tag BG&Border Setting
   ===================================================== */
.fs-c-documentArticle__heading {
	background: #FFB6C1;
}
.fs-c-documentColumn__heading {
	border-color: #FFB6C1;
}





/* ========================================================
   Goods Page Goods-Description Setting
   ===================================================== */
/* 商品説明（大）width-size Setting grid-column full */
div.fs-p-productDescription {
	grid-column: 1/3;
}


/* JAN-Code Border 0px Setting */
.fs-c-productNumber {
	border: 0px solid currentColor;
}




/* ========================================================
   Goods Page パンくずリスト/サブグループパンくずリスト last-child  非表示 Setting
   ===================================================== */
.fs-l-main.fs-l-product2 nav.fs-c-breadcrumb li:last-child {
	display: none;
}

div.fs-c-breadcrumb li:last-child {
	display: none;
}






/* ========================================================
   Goods Page Goods-Title Line Height Setting
   ===================================================== */
span.fs-c-productNameHeading__name {
	font-size: 16px;
	line-height:150%;
}






/* ========================================================
   Category-Page Product-Point Font-color&Backgroud-color Setting
   ===================================================== */
.fs-c-productPointDisplay {
	background: #FFF;
	color: #CC0000;
}
.fs-c-productPointDisplay__quantity {
	font-size: 16px;
}




/* ========================================================
   Category-Page Sold-out Icon Setting
   ===================================================== */
.fs-c-productListItem__lowInStock, .fs-c-productListItem__outOfStock, .fs-c-productListItem__numberOfStock {
	background: #333;
	opacity: 0.5;
}

.fs-c-productListItem__notice {
	color: white; /* font-color */
}






/* ========================================================
   Category Page パンくずリスト Setting
   ===================================================== */
.fs-c-subgroupList__item {
	padding-right: 12px;
	padding-top: 16px;
}

.fs-c-subgroupList {
	padding: 9px 15px;
	display: inline-flex;
}

.fs-c-subgroupList__link {
	-ms-grid-columns: auto 1fr 0px;
	grid-template-columns: auto 1fr 0px;
	padding: 9px 15px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
}

.fs-c-subgroupList__link::after {
	display: none;
}

ul.fs-c-subgroupList {
	width: 100%;
}






/* ========================================================
   Category Page Goods-Tilte Setting
   ===================================================== */
.fs-c-productName__name {
	color: #333;
	line-height:150%;
	font-size: 13px;
}
/* Catch Copy Display none Setting */
span.fs-c-productName__copy {
	display: none;
}





/* ========================================================
   Left Side Menu List border-radius Setting
   ===================================================== */
.fs-p-sideMenu .fs-pt-menu__heading--lv1{
	border-radius: 4px;
}





/* ========================================================
   Left Side Menu List hover color Setting
   ===================================================== */
ul.fs-p-sideMenu li a:hover {
	background-color:#FFEBEE;
	color:#F9337D;
	text-decoration:none;
	border-radius: 4px;
}





/* ========================================================
   Left Side Menu Font-size/weight/family Setting
   ===================================================== */
.fs-p-drawer {
	font-size: 13px;
	font-weight: 400;
	font-family: "-apple-system, BlinkMacSystemFont", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
	line-height: 1.7;	
}
@media screen and (max-width: 1200px) { /* 横幅が1200px以上の場合、以下のz-index値を適用 */
.fs-p-drawer {
	z-index: 100; /* ドロワーメニュー上部 Z-INDEX SETTING */
}
}




/* ========================================================
   Price Style Setting
   ===================================================== */
div.fs-c-productListItem__prices span.fs-c-price__currencyMark { 
	display : none;  /*¥ Mark Invisible */
	color: #3c3c3c;
}
div.fs-c-cartTable__unitPrice span.fs-c-price__currencyMark { 	
	color: #3c3c3c;
	font-size: 14px;
}
div.fs-c-cartTable__unitPrice .fs-c-productPrice span.fs-c-price__value{
	color: #3c3c3c;  /* #3c3c3c  #cc0000*/
	/*font-weight: bold;*/
	font-size: 15px;
}
/* CATEGORY PAGE 希望小売価格(定価) Style */
div .fs-c-productPrice--listed span.fs-c-productPrice__main__label {
	font-size: 11px;
}
div .fs-c-productPrice--listed span.fs-c-price__value {
	color: gray;
	text-decoration: line-through;
	font-size: 13px;
}
div.fs-c-productPrice--listed .fs-c-price__value::after {
	content: "円";
	color: gray;
	font-size: 12px;
}
/* CATEGORY PAGE 価格(販売価格) Style */
div.fs-c-productPrice--selling span.fs-c-price__value {
	color: #cc0000; /* product price color */
	font-weight: bold;
	font-size: 18px;
}
div.fs-c-productPrice--selling .fs-c-price__value::after {
	content: "\5186";
	color: #cc0000;/* 円 mark color */
	font-weight: bold;
	font-size: 14px;
}

/* PRODUCT DETAIL (商品) PAGE 価格(販売価格) Style */
div.fs-c-productPrices--productDetail span.fs-c-price__currencyMark { 
	display : none;  /*¥ Mark Invisible */
	color: #3c3c3c;
}






/* ========================================================
   Shopping Cart あとx,xxx円で送料無料です。の部分 Style Setting
   ===================================================== */

.fs-c-cartDiscountInfo__info .fs-c-price__value::after {
	content: "円";
	font-size: 14px;
}
div.fs-c-cartDiscountInfo__info .fs-c-price__value {
	font-size: 15px;
	color: #cc0000;
}

div.fs-c-cartDiscountInfo__info .fs-c-price__currencyMark { 
	display : none;  /*¥ Mark Invisible */
}

div.fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__info__next::after {
	content: "（北海道・沖縄・離島を除く）";	
}
ul.fs-c-cartDiscountInfo__note {
	display : none;	
}

div.fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__info__current::after {
	content: "（北海道・沖縄・離島を除く）";	
}


/* ========================================================
   Cart-Button Style Setting - Goods Page
   ===================================================== */
.fs-c-button--primary {
	background: #bf0000;
	border: 1px solid #bf0000;
	border-radius: 4px;
}




/* ========================================================
   Catch-Copy Style Setting
   ===================================================== */
/* Goods-Page Catch-Copy Setting */
.fs-c-productNameHeading__copy {
	font-size: 13px;
	color: #FF0000;
	font-weight: normal;
}

/* Category-Page Catch-Copy Setting */
.fs-c-productName__copy { 
	font-size: 12px;
	color: #FF0000;
	font-weight: normal;
	line-height:150%;
}




/* ========================================================
   Shopping-Cart/Wishlist Page Title font-color Setting
   ===================================================== */
.fs-p-announcement__title {
	color: #333;
}






/* ========================================================
   Footer-background-color Setting
   ===================================================== */
.fs-l-footer {
	border-top: 1px solid #ebebeb;
	background-color: #fff; /* #f7f7f7 */
}