/******************************************************/
/* 共通部分 */
/******************************************************/
.fs-l-page{
  font-size: 13px;
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic Medium", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.hide {
  display: none;
}

/* fsのレイアウトを変更 */
/* カルーセルの背景色 */
.fs-pt-carousel__track {
    position: relative;
    background-color: #EEE6DC;
}

.souryou_sptop{
display:none!important;
}
/* カルーセルボタンエリアの余白 */
.fs-c-slick .slick-list {margin-bottom: 30px;}
.fs-c-slick .slick-dots {padding-bottom: 50px;}
/* カルーセルボタンのスタイル */
.fs-c-slick .slick-dots li button:before{content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:none}
.fs-c-slick .slick-dots li button{font-size:0;color:transparent;padding:5px;cursor:pointer;position:absolute;top:-1px;width:14px;height:14px;border:3px solid #1A1817;border-radius:50%;background:none}
.fs-c-slick .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px 0 9px;padding:0;cursor:pointer}
.fs-l-main{max-width:1042px;margin-top:66px;}
.fs-l-header{padding-top:0}
.fs-l-header__contents{display:block}
.fs-l-footer__contents{margin:auto;max-width:none}
.fs-p-footerCopyright{padding:0}
#fs_Top .fs-l-sideArea + .fs-l-pageMain,.fs-l-pageMain + .fs-l-sideArea{margin:auto;margin-top:0}
.fs-l-sideArea + .fs-l-pageMain,.fs-l-pageMain + .fs-l-sideArea{margin:auto;}
.fs-l-sideArea {padding:0}
/* 矢印位置調整 */
.fs-c-slick .slick-prev, .fs-c-slick .slick-next {top:auto;background:transparent;bottom: 23px;width:auto;}
/* 右矢印 */
.fs-c-slick .slick-next {right: calc( 50% - 120px);}
.fs-c-slick .slick-next:before {content: '';}
/* 左矢印 */
.fs-c-slick .slick-prev {left: calc( 50% - 120px);}
.fs-c-slick .slick-prev:before {content: ''}

/*ページのラベルこれに変更*/
.fs-c-heading--page{
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  background: #706b5b;
border-bottom:0;
}

/* カートページのみ横幅をフルサイズに変更　*/
#fs_ShoppingCart .fs-l-pageMain {max-width: 100%;}

/* ヘッダーのアイコン部分 */
.top_infobtn_icon{display:block;margin-bottom:12px}
.icon-login{font-size:32px;margin-right:3px;}
.icon-logout{font-size:32px;margin-left:5px;}
.icon-member{font-size:32px;margin-left:10px;}
.icon-mypage{font-size:32px;}
.icon-guide{font-size:32px;margin-bottom:10px;}
.icon-inquiry{font-size:24px;margin-bottom:14px;}
.top_infobtn_name{display:block;font-size:11px;}

/* フッターエリア */
.faq_wrapper {
  width: 96%;
  max-width: 1042px;
  margin: 0 auto;
}

/* ログイン・ログアウト */
.logout.my-false{display:none}
.login.my-true{display:none}
.regist.my-true{display:none}
.fc_contet_text{margin:0}

/******************************************************/
/* TOPページ */
/******************************************************/
/* FEATURE おすすめピックアップ */
.fs-body-top .fs-l-pageMain {
padding:0;
}
padding:0
.feature .feature_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

/* RANKING 売れ筋ランキング */
.ranking .ranking_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

/* -------------------------------------------------- */
/*   PCのレイアウト  */
/* -------------------------------------------------- */
/*サイドナビが消えるタイミングでfs-l-pageMainの幅広げる*/
@media screen and (min-width: 1200px){
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
  max-width: calc(100% - 270px);
  margin:auto;
  margin-top:0;
}

.fs-l-main{
  padding:0;
  gap:20px;
}
}
@media screen and (min-width:950px) {
.kmp-item__banner-noshi{padding:1rem}
.fc_contet_text{display:block!important;}

}
/*   PCのレイアウトここまで  */

/* -------------------------------------------------- */
/*   スマホのレイアウト  */
/* -------------------------------------------------- */

/* スクロール時にヘッダーを隠す */
.kmf_hide{transform:translateY(-89px)}

@media screen and (max-width: 1199px) {
/* fsのレイアウトを変更 */
/*.fs-l-page{margin-top: 90px;}*/
.fs-l-sideArea + .fs-l-pageMain,.fs-l-pageMain + .fs-l-sideArea{max-width:100%}
.fs-clientInfo.is-ready {display: flex;margin: 22px 0;}
.fs-l-main{margin-top:0}

/* TOPのみ横のpaddingなし */
#fs_Top .fs-l-main{padding: 0;}

/* カルーセルボタン下余白 */
.fs-c-slick .slick-dots {padding-bottom: 34px;}
/* カルーセル矢印位置調整 */
.fs-c-slick .slick-prev, .fs-c-slick .slick-next {bottom: 7px;}
/* カルーセル右矢印 */
.fs-c-slick .slick-next {right: calc( 50% - 180px);}
/* カルーセル左矢印 */
.fs-c-slick .slick-prev {left: calc( 50% - 180px);}

/*上部ログイン・ログアウトと会員登録・マイページボタン・ */
.login-member_sp{width:96%;margin:0 auto}
.login-member_button_wrapper{display:flex;gap:10px;padding:0}
.login-member_button{text-align:center;background:#fff;width:calc((100% - 10px) / 2)}
.login-member_button a{display:block;padding:16px 0}
.icon-login,.icon-logout,.icon-member{margin-right:10px}
.login-member_name_login,.login-member_name_member,.login-member_name_logout,.login-member_name_mypage {
  font-size: 14px;
  vertical-align: text-top;
  color: #000000;
  position: relative;
  padding-left: 10px;
}
.login-member_name_login::before {
  font-family: "icomoon";
  content: "\e900";
  font-size: 20px;
  position: absolute;
  top: -6px;
  left: -30px;
  color: #737373;
}
.login-member_name_member::before {
  font-family: "icomoon";
  content: "\e901";
  font-size: 20px;
  position: absolute;
  top: -6px;
  left: -18px;
  color: #737373;
}
.login-member_name_logout::before {
  font-family: "icomoon";
  content: "\e906";
  font-size: 20px;
  position: absolute;
  top: -6px;
  left: -25px;
  color: #737373;
}
.login-member_name_mypage::before {
  font-family: "icomoon";
  content: "\e907";
  font-size: 20px;
  position: absolute;
  top: -6px;
  left: -25px;
  color: #737373;
}
} /* @media screen and (max-width: 1199px)  */

@media screen and (max-width: 949px) {
/* fsのレイアウトを変更 */
.fs-l-page{margin-top: 90px;}
}

/**********************************************/
/*  商品詳細 */
/**********************************************/
.fs-c-productNameHeading__copy{
  display:block;
  font-weight:normal;
  line-height:1.5;
  margin-bottom: 1rem;
  font-size:13px;
}
/* マークの設定 */
.fs-c-productMark{
  gap:2px;
}
.mark_line{
  background-color:#00b900;
}
.mark_line_sns{
  background-color:#ff69b4;
}
.fs-body-product .fs-c-productNotice--outOfStock,
.fs-body-product .fs-c-productNotice--subscriptionOutOfStock
{padding:12px 0}

.fs-c-productPrices--productDetail{letter-spacing:1px}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price{font-size:2,4rem}

h1.fs-c-productNameHeading.fs-c-heading{margin:0 0 1.5rem}

.kmp-item__banner-noshi img,.kmp-item__banner img{width:100%}
.kmp-item-details,.kmp-item__banner{max-width:800px;width:100%;margin:auto;}

@media screen and (min-width:950px) {
.kmp-item__banner-noshi{padding:1rem}

.fs-c-breadcrumb ol:nth-child(n+3) {
    display: none;
}
}
@media screen and (max-width:949px) {
ol.fs-c-breadcrumb__list.fs-c-breadcrumb__list--subgroup {display: none;}
}

.kmp-item-details img{vertical-align:bottom}
div.kmp-item__banner{margin-bottom:0}

/**********************************************/
/*  商品グループ設定 */

.fs-c-breadcrumb{max-width:1042px;margin:1rem auto}
.fs-c-productName__copy{display:none}
.fs-body-category .fs-c-productMark__mark{margin-block-end:4px}
@media screen and (min-width: 960px) {
.fs-c-productList__list{grid-template-columns:calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px)}
}
p.kmp-category__description {
    text-align: center;
}
.kmp-category__image img{
vertical-align:bottom;
}
/******************************************************/
/* マイページ :スマホのスタイル調整　*/
/******************************************************/

@media screen and (max-width:949px){
.fs-body-my-top .fs-c-accountService{
	justify-content:flex-start;
	gap:12px;
}
.fs-body-my-top .fs-c-accountService__page{
	flex-basis:unset;
	height:unset;
	width: 30%;
	margin:0;
}
.fs-body-my-top .fs-c-accountService__pageLink{
	padding: 10px 0;
}
.fs-body-my-top .fs-clientInfo.is-ready{
	flex-wrap:wrap;
}
.fs-body-my-top .fs-p-accountInfo__header,
.fs-body-my-top .fs-p-accountInfo__body{
	width:100%;
	margin-bottom:1rem;
}
.fs-body-my-top .fs-p-accountInfo__body{
	width:100%;
}
}


.kmp-category__kigen{
text-align:center;
background:#a00000;
color:#FFFFFF;
margin:0;
padding:10px;
font-size:20px;
letter-spacing:2px
}
@media screen and (max-width:949px){
.kmp-category__kigen{
	font-size:13px;
}
}



/*  SNS アイコン */
.kml-footer__sns-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display:flex;
  justify-content: center;
  align-items: center;
  gap:20px
}
.kml-footer__sns-name{
  border-bottom: 0;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 20px;
}
.kml-footer__sns-name span{
  display: none;
}
.kml-footer__sns-id{
  margin-left: 2px;
  line-height: 24px;
  font-size: 14px;
  display: inline; 
}
.kml-footer__sns-icon{
  width: 24px;
}
.kml-footer__sns-wrapper{
  padding: 30px 0;
}
@media screen and (min-width:768px){
.kml-footer__sns-wrapper{
  padding: 0;
}
  .kml-footer__sns{
  margin-bottom: 50px;
}
.kml-footer__sns{
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
}
.kml-footer__sns-name{
  border-bottom: 0;
  padding: 0 30px 0 0;
  border-right: 1px solid #000;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 800;
}
.kml-footer__sns-name span{
  display: inline;
  font-size: 14px;
  margin-left: 20px;
}
.kml-footer__sns-list{
  display: flex;
  gap: 30px;
  padding-left: 40px;
}

.kml-footer__sns-icon{
  width: 30px;
}
.kml-footer__sns-id{
  margin-left: 1rem;
  line-height: 30px;
  margin-left: 1rem;
  font-size: 14px;
  display: inline;
}

}
/*  SNS アイコン end */
