/* レイアウトの最大幅を1200pxにする */
.fs-l-page {
width:100%;
max-width:1200px;
margin:10px auto;
}

/* ------ ↓ header ↓ ------ */
/* --- 画面の大きさかわるヘッダーの三分割の割合を変更 */
@media screen and (min-width: 768px) {
.fs-l-header__contents {
-ms-grid-rows:auto auto;
grid-template-rows:auto auto;
-ms-grid-columns:30% 40% 30% !important;
grid-template-columns:30% 40% 30% !important;
}
}
/* --- ロゴ部分のpaddingを調整 */
.fs-p-logo {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:8px 0 20px !important;
}
/* --- 右メニューのフォントの大きさを変更 */
.fs-p-headerUtilityMenu__list a {
display:inline-block;
font-size:12px;
line-height:24px;
}
/* --- グレーのナビバーを変更 */
.fs-p-headerNavBar {
background:#868686;
border-bottom:none;
color:#ffffff;
margin-bottom:5px;
}

/* ------ ↓ body(メイン部分) ------ ↓ */
/* --- 各種見出しを少しかえる */
.fs-p-heading--lv2 {
border-bottom:2px solid currentColor;
color:#7c8790;
font-size:1.8rem;
padding-top:20px !important;
clear:both !important;
}
/* --- お知らせのところのラインをなくしたりする */
.fs-p-dateList > li {
border:none !important;
border-width:1px 0 0 0;
padding:0 !important;
font-size:12px !important;
line-height:22px;
}
/* --- futureReccomend2ではき出される新商品フリックパーツ */
/* タイトルを消す */
#recommend_flick .CrossHead {
font-weight:bold;
font-size:120%;
color:#000000;
text-align:left;
padding:10px 5px 0 5px;
background:#ffffff;
display:none !important;
}
/* 消したタイトル直下のラインを消す */
#recommend_flick .header {
background-color:#F1F1F1;
border-bottom:1px solid #FFFFFF;
min-height:10px;
display:none !important;
}
/* 左右の矢印の背景色を消す */
#recommend_flick .arrow-left,
#recommend_flick .arrow-right {
display:unset !important;
width:6px;
height:12px;
}
#recommend_flick .btn {
margin:0;
padding:0 6px;
line-height:30px;
background-color:#F1F1F1;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DDDDDD));
background-image:-webkit-linear-gradient(top, #FFFFFF, #DDDDDD);
background-image:-o-linear-gradient(top, #FFFFFF, #DDDDDD);
background-image:linear-gradient(to bottom, #FFFFFF, #DDDDDD);
background-image:-moz-linear-gradient(top, #FFFFFF, #DDDDDD);
background-repeat:repeat-x;
border:1px solid #FFFFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 2px #fff !important;
-moz-box-shadow:0 1px 2px #fff !important;
box-shadow:0 1px 2px #fff !important;
cursor:pointer;
-webkit-tap-highlight-color:#fff !important;
}
/* pagination(●●●)の背景色を消す */
#recommend_flick .footer {
background-color:#fff !important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)) !important;
background-image:-webkit-linear-gradient(top, #fff, #fff) !important;
background-image:-o-linear-gradient(top, #fff, #fff) !important;
background-image:linear-gradient(to bottom, #fff, #fff) !important;
background-image:-moz-linear-gradient(top, #fff, #fff) !important;
background-repeat:repeat-x;
border-top:1px solid #fff !important;
min-height:10px;
}
#recommend_flick .box-shadow-curved:before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
-webkit-box-shadow:0 0 3px 4px #fff !important;
-moz-box-shadow:0 0 3px 4px #fff !important;
box-shadow:0 0 3px 4px #fff !important;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}
/* --- 新規会員登録のトコロ */
/* タイトルの部分 */
.fs-p-card__title {
border-bottom:1px dotted currentColor !important;
font-size:1.5rem !important;
margin-top:8px;
text-align:center;
padding-bottom:16px;
}
/* 中身 */
.fs-p-card__message {
padding:0 8px;
font-size:13px !important;
line-height:25px !important;
}

/* ------ ↓ body(ドロワーにあたる所のみ) ------ ↓ */
/* --- ドロワー開けた時のMAXの時 */
@media screen and (min-width: 1200px) {
.fs-l-sideArea {
width:90% !important;
max-width:230px !important;
}
}
.fs-p-drawer__heading {
border-bottom:1px solid #999999;
font-size:2.2rem;
padding-bottom:4px;
text-align:left !important;
}
/* --- カテゴリ－ */
/* 枠全体の調整 */
.fs-p-sideMenu {
list-style:none;
margin-top:10px !important;
padding:0;
}
/* 個々を囲んでいたborderを変更 */
.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
border:none !important;
}
/* フォントサイズを変更 */
.fs-p-sideMenu a {
color: inherit;
margin:-8px;
padding:8px;
text-decoration:none;
font-size:12px;
letter-spacing:0.1em;
}

/* ------ ↓ footer ↓ ------ */
/* --- スマホ表示の時のタイトル部分 */
.fs-p-footerNavigationItem__title {
display:block;
border-bottom:1px dotted currentColor !important;
padding:4px 4px 6px !important;
font-size:1.5rem !important;
position:relative;
text-align:center;
z-index:1;
}
/* --- 案内本文のフォントサイズを変える */
.fs-p-banner__link {
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
padding:12px 8px;
position:relative;
font-size:12px !important;
}
.fs-p-footerNavigationItem__body {
padding:8px 0;
font-size:12px !important;
line-height:22px !important;
}
/* --- 会社概要～個人情報のところ */
/* スマホ表示の時、SNSアイコンとの間を広くする */
.fs-l-footer__utility .fs-p-footerUtilityMenu {
margin-top:40px !important;
}
/* border無くす */
.fs-l-footer__utility .fs-p-footerUtilityMenu__list li:first-child a {
border-top:none !important;
}
.fs-p-footerUtilityMenu__list > li:not(:first-child) a {
border-top:none !important;
}
/* リンク幅とフォントサイズを変える */
.fs-pt-menu a {
font-size:13px !important;
margin:8px;
text-decoration:none;
padding: 0;
}
/* --- コピーライト */
.fs-p-footerCopyright {
color:#fff;
background-color:#868686 !important;
text-align:center;
padding:6px !important;
margin-top:20px !important;
}
.fs-p-footerCopyright__text {
margin:0;
font-size:1.1rem !important;
letter-spacing:0.05em !important;
}

/* ------ ↓ FutureReccomend2 ↓ ------ */
/* --- デイリーランキング */
/* タイトルを消す */
.FS2_Recommend2_ranking_vertical caption {
font-weight:bold;
font-size:120%;
color:#000;
text-align:left;
padding:10px 5px 5px 0;
background:#fff;
display:none !important;
}
/* 以下、テーブル内 */
/* 1位～5位のところ */
.FS2_Recommend2_ranking_vertical th {
border-top:none !important;
background:#f9f9f9;
padding:3px;
text-align:center;
width:5% !important;
}
/* 画像リンクとテキストリンクの<td> */
.FS2_Recommend2_ranking_vertical td {
border-top:none !important;
background:#fff;
padding:5px !important;
line-height:1.3;
}
/* 画像の大きさをレスポンシブ対応に */
.FS2_Recommend2_ranking_vertical a img {
width:100% !important;
border:none;
max-width:200px !important;
min-width:90px !important;
}
/* テキストリンクの文字を小さく */
.FS2_Recommend2_ranking_vertical a {
display:block;
font-size:11px !important;
margin-bottom:-10px !important;
}
/* テキストリンクの文字を小さく */
span.itemPrice {
font-size:13px !important;
font-weight:bold !important;
color:#c00 !important;
}
/* border-bottom をなくす */
.FS2_Recommend2_ranking_vertical {
margin: 10px 2%;
border-bottom:none !important;
}

/* --- レコメンド(商品ページ) */
/* タイトルを消す */
.fs-p-heading--lv2 {
border-bottom:2px solid currentColor;
color:#7c8790;
font-size:1.8rem;
padding-top:20px !important;
clear:both !important;
display:none !important;
}
/* 外枠全体の調整 */
#_rcmdjp_display_1 {
margin:0 10px;
}
.fr2-productList--col3 {
display:-ms-grid;
display:grid;
grid-gap:6px !important;
-ms-grid-columns:1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr;
}
/* 以下、ひと枠内の調整 */
/* 真ん中寄せにしたり上部を広くしたり */
.fr2-listItem {
box-sizing:border-box;
word-break:break-all;
text-align:center !important;
margin-top:10px !important;
}
/* 画像の大きさを変更 */
.fr2-listItem__image {
max-width:350px !important;
width:100% !important;
text-align:center;
}
/* 文字を全表示させない */
.fr2-listItem__productName {
font-size:0.8em !important;
margin:4px 0;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}


/* ------ ↓ カテゴリ一覧内 ↓ ------ */



/* ------ ↓ 商品ページ内 ↓ ------ */
/* --- 商品説明文(システム出力部分) */
/* 商品番号 */
.fs-c-productNumber {
border:none !important;
display:inline-block;
font-size:1.5rem !important;
padding:6px 0px !important;
margin-bottom:-19px;
}
.fs-c-productNumber__label {
font-weight:bold;
}
.fs-c-productNumber__label::before {
content:"【 ";
margin-left:-10px;
}
.fs-c-productNumber__label::after {
content:"：";
}
.fs-c-productNumber__number {
margin-left:-5px;
}
.fs-c-productNumber__number::after {
content:" 】";
}
/* 商品名のフォントサイズや色を変更 */
.fs-c-productNameHeading__copy {
font-size:0.7em !important;
color:#888;
}
.fs-c-productNameHeading__name {
font-size:0.9em;
line-height:22px;
}
/* 金額表示 */
.fs-c-price__currencyMark {
display:none;
}
.fs-c-price__value::after {
content:"円";
}
.fs-c-productPrice__addon {
font-size:1.2rem;
margin-left:6px;
}
.fs-c-productPrice__main {
display:flex;
align-items:baseline;
flex-wrap:wrap;
margin-top:6px !important;
}
.fs-c-productPrices--productDetail
.fs-c-productPrice:not(.fs-c-productPrice--listed)
.fs-c-productPrice__main__price {
font-size:2.5rem !important;
}
.fs-c-productPrice:not(.fs-c-productPrice--listed)
.fs-c-productPrice__main__price {
color:#c00 !important;
}
.fs-c-productPrice--listed {
text-decoration: line-through;
}
/* ポイント進呈のところ */
.fs-c-productPointDisplay {
background:#a1abb3 !important;
color:#fff;
display:inline-block;
font-size:1.2rem;
line-height:1;
padding:10px 0px !important;
margin:6px 0;
}
/* サイズ／柄 を選ぶところ - タイトル */
.fs-c-variationLabel {
font-size:1.5rem !important;
font-weight:bold;
margin-bottom:6px;
}
.fs-c-variationAndActions__variationLabel.fs-c-variationLabel::before {
content:"▼ ";
}
.fs-c-variationAndActions__variationLabel.fs-c-variationLabel::after {
content:"を選ぶ";
}
/* サイズ／柄 を選ぶところ - 選択肢本編 */
.fs-c-variationList__item__title {
background:rgba(126, 126, 126, 0.18) !important;
text-align:center;
padding:5px 0;
font-size:13px;
}
.fs-c-variationList__item__title:nth-child(2n) {
  display: none;
}
.fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--outOfStock {
color:#245ad8;
}
/* 商品のお問い合わせボタン */
button.fs-c-button--inquiryAboutProduct.fs-c-button--plain {
border:1px solid #808080;
border-radius:6px;
width:100%;
color:#565656;
padding:10px;
}
/* 販売期間(値引き期間)表示 */
.fs-c-productSalesPeriod {
border:1px solid #f32a8e !important;
border-width:2px 0 !important;
line-height:1.4;
padding:12px 0 !important;
text-align:center;
margin:18px 0 14px !important;
color:#f32a8e;
font-weight:bold;
}
/* パンくずの最後に出てくる商品タイトルを消し去る */
#fs_ProductDetails > div.fs-l-page > nav > ol > li:last-child {
display:none;
}
#fs_ProductDetails > div.fs-l-page > div.fs-c-breadcrumb > ol > li:last-child {
display:none;
}

/* ------ ↓ 買い物カゴ内 ↓ ------ */
/* カゴ内一覧の商品タイトル */
.fs-c-cartTable__productName__name {
font-size:12px !important;
}
/* カゴ内一覧のバリエーションのところ */
.fs-c-listedProductName__variation, .fs-c-listedProductName__selection {
font-size:12px !important;
margin-top:4px !important;
}
/* 税込10,800円以上で送料無料！のトコロ */
.fs-p-announcement__title {
color:#7c8790;
font-size:1.5rem;
margin:0;
line-height:28px !important;
}
/* 金額別 合わせ買いボタン */
.fs-p-linkButton {
border:1px solid currentColor;
border-radius:3px;
display:inline-block;
line-height:0.9;
padding:12px 18px !important;
text-align:center;
}
.fs-p-flexibleColumn {
margin-top: 0.5em;
}

/* --- 商品説明文(きもの町作成分) */
/* 表示をMAXで600pxにする */
.fs-p-productDescription.fs-p-productDescription--short {
width:100% !important;
max-width:600px !important;
margin:0 auto !important;
}
/* 絶対出しておきたい大事なお知らせ */
ul.itempage-oshirase {
font-size:0.9em;
text-align:center;
padding:3px 0 !important;
margin: 0 1em;
}
ul.itempage-oshirase a {
color:#d43785;
}

/* --- フリーページ内 */
/* 注意してもらいたいところにマーク */
.notice {
border-bottom:1px dotted #000;
}

/* 母の日専用ラッピングにだけ表示させない */
.fs-body-product-050277 .hahanohi_wrapping , .fs-body-product-049348 .hahanohi_wrapping , .fs-body-product-049349 .hahanohi_wrapping , .fs-body-product-049350 .hahanohi_wrapping {
display: none;
}

/* すでに父の日配送画像がある商品に季節のレコメンドを表示させない */
.fs-body-product-052906 .chichinohi_info , .fs-body-product-052907 .chichinohi_info {
display: none;
}

/* ウルトラASP高さ指定とか */
#asp-slider {
overflow: inherit !important;
}
#asp-slider iframe {
width: 100% !important;
}

/* おすすめ商品 */
.fs-c-featuredProduct__title {
border-bottom: none;
color: #000;
font-size: 1.4rem;
padding: 0.8em;
background: #e5e5e5;
font-weight: 700;
}
.fs-c-productListCarousel__list__item > * + * {
display: none;
}
.fs-c-productSalesPeriod {
border-top: 1px solid #dc205d !important;
border-bottom: 1px solid #dc205d !important;
margin: 3px 0 !important;
color: #dc205d;
}
.fs-c-slick .slick-prev:hover, .fs-c-slick .slick-prev:focus,
.fs-c-slick .slick-next:hover,
.fs-c-slick .slick-next:focus {
background: rgba(30, 30, 30, 0.3);
}
.fs-p-productDescription a {
text-decoration: underline;
}
[type="hidden"], [type="text"], [type="search"], [type="tel"], [type="url"], [type="email"], [type="password"], [type="datetime"], [type="date"], [type="month"], [type="week"], [type="time"], [type="datetime-local"], [type="number"], select, textarea {
padding: 10px;
}

/* レビコ */
#revico-review-zone {
width: 100%;
overflow: hidden;
}

/* ログインボタン */
.fs-c-button--primary {
font-weight: bold;
background: #ffd814;
padding: 15px 0;
border-radius: 10rem;
box-shadow: none;
color: #000 !important;
border: none;
width: 100%;
}

@media screen and (max-width: 600px) {
.fs-c-heading--page {
font-size: 1.5rem;
padding: 0.5em 0;
}
.fs-c-subgroupList__label {
font-size: 12px;
}
.fs-c-subgroupList__item {
flex-basis: 50%;
margin-left: -1px;
}
.fs-c-slick .slick-slide img {
padding: 3px 20px;
}
.fs-c-productCarouselMainImage__thumbnailList {
margin: 0;
}
.fs-l-main {
padding: 0 8px;
}
.fs-c-productListItem__viewMoreImageButton, .fs-c-productCarouselMainImage__expandButton, .fs-c-productName__copy, .fs-c-cartTable__salesPeriod {
display: none;
}
.fs-c-productMark {
padding-top: 4px;
}
.fs-body-product table {
table-layout: fixed;
}
.fs-c-productList {
margin: 0;
}
.fs-c-listControl {
flex-direction: row;
align-items: center;
}
.fs-c-listControl > * + * {
margin-top: 0;
}
.fs-c-listControl__status {
margin-right: 10px;
}
.fs-c-subgroup .fs-c-listControl {
display: none;
}
.fs-c-productList__list__item:first-child, .fs-c-productList__list__item:nth-child(2) {
padding-top: 0;
}
.fs-c-sortItems {
font-size: 1.1rem;
width: 100%;
}
.fs-c-radioGroup, .fs-c-checkboxGroup {
font-size: 18px;
margin-top: 10px;
}
.fs-c-coupon__image__image {
max-height: 180px;
margin-top: 10px;
}
.fs-c-coupon__info > * + * {
margin-top: 0;
}
.fs-c-couponName > * {
text-align: left;
margin-bottom: 10px;
}
.fs-c-couponName__explain {
background: #feede6;
padding: 10px;
}
}

@media screen and (min-width:601px) and (max-width: 728px) {
#asp-slider {
height: 400px !important;
}
#asp-slider iframe {
height: 400px !important;
}
}

@media screen and (min-width:729px) and (max-width: 1024px) {
#asp-slider iframe {
height: 510px !important;
}
}

@media screen and (min-width: 1025px) {
#asp-slider {
height: 530px !important;
}
#asp-slider iframe {
height: 530px !important;
}
.review_howto {
max-width: 600px;
margin: 0 auto;
}
.fs-p-memberInfo {
display: none;
}
}