/* ※※※　スマホ専用トップページ アイテム2×2個並び（PC用は、同じCSSで4個並びの設定）　※※ */
.inline-block_box_top2 {
   background-color:  #eee;    /* 背景色指定 */
   padding: 20px 0px;
   vertical-align:  top;    /* 要素を上下中央揃えにする */
   text-align: center;
}
.inline-block_items_top2 {
    display:  inline-block;     /* インラインブロック要素にする */
    width: 45%;               /* 幅指定 */
    background-color:  #3f0000;    /* 背景色指定 */
    padding: 1px;
    margin: 5px;
    line-height: 1;
}

                  /* ※※※※※※　PC専用トップページ アイテム４個並び　※※※※※ */
.inline-block_box_top4 {
    padding-bottom:20px;
    text-align: center;
    vertical-align:  top;    /* 要素を上下中央揃えにする */
}
.inline-block_items_top4 {
    display:  inline-block;     /* インラインブロック要素にする */
    width: 23%;               /* 幅指定 */
    vertical-align:  top;    /* 要素を上下中央揃えにする */
   padding:1px;
  margin:5px;
}

               /* ※※※※※※　商品グループ独自コメント02　アイテム２個並び　※※※※※ */
.inline-block_box2 {
    background-color:  #fef4f4;    /* 背景色指定 */
    padding:20px 0px;
    vertical-align:  top;    /* 要素を上下中央揃えにする */
text-align: center;
}
.inline-block_items2 {
    display:  inline-block;     /* インラインブロック要素にする */
    width: 45%;               /* 幅指定 */
    background-color:  #3f0000;    /* 背景色指定 */
    padding:1px;
    margin:5px;
    vertical-align:  top;    /* 要素を上下中央揃えにする */
}
.inline-block_items2 a{
   color:#fff;
}
                    /* ※※※※※※　商品グループ独自コメント03　アイテム３個並び　※※※※※ */
.inline-block_box3 {
    background-color:  #fef4f4;    /* 背景色指定 */
    padding:20px 0px;

    text-align: center;
}
.inline-block_items3 {
    display:  inline-block;     /* インラインブロック要素にする */
    width: 31%;               /* 幅指定 */
    background-color:  #3f0000;   /* 背景色指定 */
    vertical-align:  top;    /* 要素を上下中央揃えにする */
    padding:1px;
    margin:5px;
}
.inline-block_items3 a{
    color:#fff;
}


/* 
※スマフォ用とPC用のCSS変更点　
・item-shousaiのフォントサイズ、
・独自コメントの詳細の幅
・ヘッダーのロゴを大きく（スマフォonly）
 */



                        /* ※※※※※※　サイト内CSSの変更　※※※※※ */

.page-heading{
  font-size:12px;/*ページタイトルのサイズ変更*/
  margin:0px;
}
.fs-p-banner{    /* フッター告知バナー、背景の色変更 */
background-color:#F5F3F1;
}
.fs-p-banner--lineIdLink{   /* フッターline用告知バナー、背景の色変更 */
border:1px solid #ccc;
}
.fs-l-footer li.fs-p-footerNavigationItem__navItem a {   /* フッターリンク部分の文字色変更 */
    color: #6a5858;
}
.fs-p-banner a.fs-p-banner__link{   /* フッターバナー部分の文字色変更 */
color:#6a5858;
}
.fs-l-footer a{/* フッター「ご利用ガイド」リンクの文字色変更 */
color: #6a5858;
}
.li {list-style: none;}                /*リスト表示でナンバリングを無効に(タグなので「.」必要ない)*/

.fs-l-footer{              /* フッターの色変更 */
  background-color:#fff;
  color:#6a5858;
}
.fs-c-reviewStars::before{ color: #ea5550;} /* レビュー欄の「★」の色変更 */
.fs-c-reviewerStatus{ background: #cb5665;} /* レビュー欄の「購入者」の色変更 */

.fs-p-heading--lv2{     /* トップページ見出しの文字を太字 */
 font-weight:bold;
border-left:10px solid #6a5858;
border-bottom:2px solid #6a5858;
padding-left:10px;
} 

.fs-p-logo{   /* ヘッダーロゴのpaddingを変更（元は8px） */
padding:8px;
}

.fs-c-aggregateRating__rating::before { /* レビューの平均値の文言の大きさを調整 */
    font-size: 2rem;
}

.fs-c-inputTable__label { /*決済ページ全体の文字サイズ変更*/
    font-size: 110%;
}
.fs-c-checkout-preview__title{ /* 決済ページ「タイトル」太字 */
  font-weight: bold; 
}
.fs-c-subgroupList__link { /* グループページの文字を画像の下に */
    display: block;
}



                 /* ↑↑↑↑※※※※※※↑↑↑　サイト内CSSの変更　↑↑↑※※※※※↑↑↑↑ */


.height{   /* 高さ制限 */
height:200px;
}

.vertical-align-m{  /* 画像とテキストの横並びをセンター揃え(imgタグで使います) */
vertical-align: middle;
}

.free-conteiner{                  /*   ※※※※  フリーページの書式   ※※※※     */
  font-size:16px;
  max-width: 800px;
  width: 98%;
  line-height:1.8;
}
.free-conteiner h3{
  color:#521616;
  border-bottom:2px solid #521616 ;
  padding:3px;
  margin-top:15px;
  display:inline-block;
}


                       /*   ※※※※※※※※  アンダーライン   ※※※※※※※※     */
.border-d{          /*   ※※※※  　点線   ※※※※     */
border-bottom:1px dashed #521616;
}
.border-d2{        /*   ※※※※  　上下点線   ※※※※     */
border-bottom:1px dashed #521616;
border-top:1px dashed #521616;
margin:15px 0px;
}
.border-s{         /*   ※※※※  　実線   ※※※※     */
border-bottom:1px solid #521616;
margin:15px 5px;
}
.border-s2{         /*   ※※※※  　上下実線   ※※※※     */
border-bottom:1px solid #521616;
border-top:1px solid #521616;
}
.border-bd{      /* 太字の点線アンダーライン　*/
  border-bottom:3px dashed #ccc;
  margin:30px 0px;
}
.under-yellw{      /* 黄色の下半分アンダーライン　*/
  background: linear-gradient(transparent 50%, yellow 50%);
}


.nade-sabcoment{   /* 表題の脇に少し小さな文字サイズでコメントを記載時に使用 */
  font-size:80%;
}

.dropcap:first-letter {         /*ドロップキャップ（文章の最初の文字を大きく）*/
  font-size: 3em;/*文字の大きさ*/
  margin-right: 6px;
  margin-top: 6px;
  float: left;
  line-height: 1;/*位置修正*/
}

.bold{
  font-weight:bold;        /* フォントを太字に＆1.2倍 */
  font-size:1.2em;
} 
.orangered{color:#ff4500;}   /* フォントカラー　オレンジレッド */
.red{color:#ff0000;}       /* フォントカラー　レッド */
.gold{color:#d35871;}       /* フォントカラー　金色 */
.ichigo{color:#daa520;}       /* フォントカラー　いちご色 */
.enji{color:#a91021;}       /* フォントカラー　エンジ色 */
.darkgreen{color:#314e2e;}       /* フォントカラー　濃緑色 */
.orange{color:#daa520;}       /* フォントカラー　オレンジ色 */
.background-color01{background-color:#ffffe0;}/* トップページ/セカンドピアス部分の背景色　*/
.kasumi{color:#c8c2c6}

.nade-p-card{              /* トップページの「商品レビュー」部分 */
  box-sizing: border-box;
  border:1px solid #ccc;
  background-color:#ffffe0;
  border-radius: 8px;
  padding-bottom:7px;
  margin-bottom:5px;
}
.nade-revie-img{          /* トップページ_商品レビューの画像右側に文字を回り込むように（img内に） */
  display:block;
  float:left; padding-right:5px;
}

.shop-shokai{  /* トップページ_お店紹介 */
  font-size:16px;
}

                       /* ※※※※※※  各種のデザイン枠  ※※※※※※*/

.waku01{          /* シンプルなグレー枠*/
  border:1px solid #ccc;
  display:inline-block;
  padding:5px;
  margin:5px;
  border-radius: 3px; 
}
.kazariwaku02{              /* 　　　飾り枠02 　　　*/
  border:1px solid #ccc;   /* 枠線グレー*/
  background-color:#ffffe0;/* 背景色ベージュ*/
  border-radius: 8px;      /* 角丸*/
  padding:15px 7px;
  margin-bottom:15px;
}
.waku03{
 margin:0px 5px;
 padding:10px 5px; 
 border:1px solid #ccc;   /* 枠線グレー*/
 background-color:#fef4f4;/* 背景色きいろ色*/
 border-radius:10px; 
}

.kazariwaku03{              /* 　　　飾り枠03 　　　*/
  border:1px solid #6D4C33;   /* 枠線ブラウン*/
  background-color:white;/* 背景色ホワイト*/
  border-radius: 8px;      /* 角丸*/
  padding:15px 7px;
  margin-bottom:15px;
}

.kazariwaku04{              /* 　　　飾り枠04(オフホワイト) 　　　*/
  border:1px solid #ccc;   /* 枠線グレー*/
  background-color:#fffaf0;/* 背景色オフホワイト*/
  border-radius: 8px;      /* 角丸*/
  padding:15px 7px;
  margin-bottom:15px;
}

.kazariwaku05{              /* 　　　飾り枠05(ベージュ、枠なし) 　　　*/
  background-color:#ffffe0;/* 背景色ベージュ*/
  padding:10px 5px;
  margin-bottom:10px;
}

.waku-shadow07{            /* 　　　影付き枠(ベージュ、枠なし) 　　　*/
    max-width: 800px;
    background: #f7f0e3;
    margin: 50px auto;
    padding: 1px 40px 1px 15px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
}

.waku-shadow08{            /* 　　　引用文用影付き枠(ベージュ、枠なし) 　　　*/
    max-width: 800px;
    background: #f7f0e3;
    margin: 50px auto;
    padding:25px 40px ;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
    width: 95%;
}
.kazariwaku04{              /* 　　　飾り枠04 　　　*/
  border:1px solid #ccc;   /* 枠線グレー*/
  background-color:#ffffff;/* 背景色ホワイト*/
  border-radius: 8px;      /* 角丸*/
  padding:10px;
  margin:15px 5px 5px 50px;
}




.align-center{        /* インライン要素を中央揃えしたいときに、これ（div）で囲む*/
  text-align:center;
}
.align-right{        /* インライン要素を右揃えしたいときに、これ（div）で囲む*/
  text-align:right;
}

.attention01{
  padding:10px;
  display:inline;
  font-weight:bold;
}

/* ↓↓【トップページ】「なでしこスタイル3つのお約束」に使用↓↓  */
.top-about-nadeshiko-st{
  background-color:#fff0f5 ;
  padding:1px 10px;
}
.top-about-nadeshiko-st h2{
  text-align:center;
}
.top-about-nadeshiko-st p{
  text-align:center;
}
/* ↑【トップページ】「なでしこスタイル3つのお約束」に使用_ここまで↑ */


                    /* ※※※※↓商品詳細ページ用css↓※※※※　*/
.item-shousai{
 max-width:800px;
 font-size:17px;
 line-height:1.8;
 margin:0px auto;
}
.item-shousai p{
  margin:30px auto;
  width: 98%;
}
.item-shousai h2{
  font-size:22px;
  background-color:#fdf5e6;
  padding:10px;
  border-bottom:1px solid #CCC ;
  border-left:1px solid #CCC ;
}
.item-shousai h3{
 display:inline-block;
 border-bottom:1px solid #521616;
 font-weight:bold;
}
.imgwaku01{           /* 商品詳細ページ用　画像にグレー枠付ける */
  border: 1px solid #d3d3d3;
  margin-bottom:35px;
}
               /*　↑↑↑※※※※※※↑↑↑　　商品詳細ページ用終わり↑↑↑※※※※※※↑↑↑　*/

                            /* ↓商品素材、サイズ ↓ 商品詳細独自コメント05*/
.table {
  background-color:#fff;
  padding-top:10px;
  border-collapse:collapse;
}
.block-a{
   border-bottom:1px solid #fff;
   width:80px;
   background-color:#d3d3d3;
}
.block-b {
  border-collapse:collapse;
  border:1px solid #d3d3d3;
}

.block-b a:link {
    text-decoration: underline;
}


          /* ↓【 知っておいて頂きたいこと 】 ↓ */

.block-c th{
  background: #d3d3d3;
  font-weight: bold;
  width: 98%;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #ccc;
}

.block-c td{
  width: 98%;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #ccc;
}




/*商品ページの【 知っておいて頂きたいこと 】内のリンクに下線を表示*/
table.block-c a:link {
    text-decoration: underline;
}


                          /* ※※※※ ↓ ↓【サイドメニュー】 ↓ ↓※※※※  */
                          /*  ↓ ↓【サイドメニュー】見出しに使用 ↓ ↓  */

.nade-SideMenu {
   display:block;
  background:#f1f1f1;
  margin:10px 0px;
}

.nade-SideMenu h2{
  font-size :17px;
  padding:10px 0px 10px 5px;
  background:#f1f1f1;
  font-weight:bold;
}

.side-menu{
  margin: 0px 0px 20px 10px;
  line-height: 2.5;
}


                          /*　※※※※  ↑【サイメニュー】_ここまで↑※※※※  */





                        /* ↓商品グループページ↓　*/

#sp-point01,#sp-point02,#sp-point03{
  border-bottom:2px solid #000;
}



/* ↓↓吹き出し風コメント↓↓*/
.balloon1 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #521616;
	font-size: 16px;
	background: #ffead3;
	border-radius: 15px;
}

.balloon1:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ffead3;
}

.balloon1 p {
	margin: 0;
	padding: 0;
}

/* ↓シンプルなチェックマーク↓*/
.headline-h03a{
  position: relative;
  color: #521616;
  background: #FEF4F3;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
  max-width:780px;
  border-right:1px solid #521616;
  border-bottom:1px solid #521616;
  margin-left:5px;
}

headline-h03a:before {/*疑似要素*/
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  position: absolute;
  font-weight: 600;
  left : 15px; /*左端からのアイコンまでの距離*/
}
/* ↑シンプルなチェックマーク↑ */

             /* ↑商品グループページ↑*/

           /* ↓ピアスお悩みページ↓　*/

/* ↓サルワカ版ピアスお悩みページ_アコーディオン↓　*/
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #664B1D;
    font-weight: bold;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    padding-right: 8px;
    font-weight: 900;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f103';
    font-weight: 900;
}


                /* ※※※※↑ピアスお悩みページ↑※※※※　*/


/* ↓写真の上に文字を重ねて表示(商品カテゴリーページに使用)↓　*/
.comment{
 position:relative;;
}
.comment span{
  position:absolute;
  left:10px;
  top:10px;
  font-size:20px;
  color:#6c2735; /* 文字色　*/
  background-color:rgba(250,250,250,0.5);
  padding-left:5px;
}


/* ↓写真の上に文字を重ねて表示(「商品一覧」ページに使用)↓　*/
.comment02{
 position:relative;;
}
.comment02 span{
  position:absolute;
  left:115px;
  bottom:20px;
  font-size:15px;
  color:#622d18; /* 文字色　*/
  background-color:rgba(250,250,250,0.5);
  padding-left:5px;
}



                                 /* ※※※※ ↓ スタッフのおススメ欄 ↓ ※※※※　*/

.bg-staff3{
   background-image: url(https://pierce.itembox.cloud/item/info/staff3.png);     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: 95% 95%;          /* 背景の位置指定 */
  background-size:25%;
}

.bg-staff2{
   background-image: url(https://pierce.itembox.cloud/item/info/staff2.png);     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: 95% 95%;          /* 背景の位置指定 */
  background-size:25%;
}

.bg-staff1{
   background-image: url(https://pierce.itembox.cloud/item/info/staff1.png);     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: 95% 95%;          /* 背景の位置指定 */
  background-size:25%;
}



                           /* ↓↓↓※※※小野悠花特別CSS※※※↓↓↓ */
.yuka-sp{
 max-width:800px;
 font-size:16px;
}
.yuka-sp p{
  margin-bottom:50px;
 line-height:3;
}
.yuka-sp h2{
  font-size:22px;
  background-color:#fdf5e6;
  padding:30px;
  border-bottom:1px solid #CCC ;
  border-left:1px solid #CCC ;
  margin-bottom:50px;
  line-height:2.5;
}
.yuka-sp h3{
 display:inline-block;
 border-bottom:1px solid #521616;
 font-weight:bold;
}


.yuka-test:before{
  content: '＊';
  color: #dc143c;/*色を変える*/
}

.yuka-test:after{
  content: '＊';
  color: #dc143c;/*色を変える*/
}

.yuka-color{
color: #dc143c;
}


/* ※※※※ ↓ Q&Aチャット風 ↓ ※※※※　*/
/*画像左側のチャット*/
.chat-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}
.chat-face {
    float: left;
    margin-right: -120px;
}
.chat-face img{
    width: 90px;
    height: 100px;
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chat-area {
    width: 100%;
    float: right;
    margin-bottom: 25px;
}
.chat-hukidashi {
    display: inline-block;
    padding: 20px 20px;
    margin-left: 110px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
    background-color: #F8E7E7;
}
.chat-hukidashi p{
    margin-bottom: 0px;
}
.chat-hukidashi:after {
    content: "";
    position: absolute;
    top: 35px; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #F8E7E7 transparent transparent;
}
/*画像右側のチャット*/
.chat-box2{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.chat-face2 {
    float: right;
    margin-left: -120px;
}
.chat-face2 img{
    width: 90px;
    height: 100px;
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chat-area2 {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.chat-hukidashi2 {
    display: inline-block;
    padding: 15px 20px;
    margin-right: 110px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
    background-color: #E8ECE0;
    float: right;
}
.chat-hukidashi2 p{
    margin-bottom: 0px;
}
.chat-hukidashi2:after {
    content: "";
    position: absolute;
    top: 35px; right: -20px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: transparent transparent transparent #E8ECE0; 
 }
.space {
   display:inline-block;
   padding: 60px 0px;
}



/*定価に取り消し線と赤字の設定*/ 
.fs-c-productPrice--listed .fs-c-price__currencyMark, 
.fs-c-productPrice--listed .fs-c-price__value{ 
    text-decoration: line-through; 
    color:#ff0000; 
}