
/******ヘッダー　グローバルナビ固定******/

.fs-l-header{
 /*      position: sticky; */
        width: 100%;
        top: 0;
        z-index: 100;
	background-color:#fff;
}

/******ヘッダーフェアカラーボーダー*******/
.header_fairborder{
	border-top:2px solid #e15f79;
	border-bottom:1px solid #000;
	margin:0;
	padding:0;
}

/*イベントカラー
default     background-color:#e46386;
motherPink  background-color:#eb6ea5;
green       background-color:#7fbe26;
blue        background-color:#00a8c6;
purple      background-color:#9a255e;
red         background-color:#c62335;
120thSale   background-color:#ca0014;
dark cerulean background-color:#08387b;
*/

/******ヘッダー送料無料表示******/
.header_freeshipping{
        width:100%;
	background-color: #eeeeee;
	color:#000;
        padding:0 5px;
        text-align:center;
}

.header_freeshipping i{
}


/******ヘッダー　キャッシュレス還元******/


#header_cashless{
padding:2px;
    text-align:center;}

#header_cashless p {
    display: inline-block;
    margin: 0;
    padding-left: 2em;
    background-image: url(https://tbjh.itembox.design/item/index/images/ico_cashless.png?t=20230908120132);
    background-size: contain;
    background-repeat: no-repeat;
    font-size:90%;
}




/******ヘッダー　臨時サイト告知******/
.fs-p-messageBoard2 {
    background-color: #e15f79;
    border: 1px solid #e15f79;
    border-radius: 3px;
    color: #fff;
    padding: 5px;
    text-align:center;
    width:50%;
    margin:5px auto;
}





/******ヘッダー(右上)*****/
/*文頭の矢印消すCSS*/
.fs-p-headerUtilityMenu__list a::before{
	display: none;}

/******初心者マーク******/
/*
.beginners_guide{
	background-image: url(https://tbjh.itembox.design/item/common/beginners_guide.png?t=20230908120132);
	background-repeat: no-repeat;
	background-position: left center;
        padding-left:20px;
}
*/

/******メールアイコン******/
.header_mailmagazine{
	background-image: url(https://tbjh.itembox.design/item/common/mail.png?t=20230908120132);
	background-repeat: no-repeat;
	background-position: left center;
        padding-left:20px;
}

/******ログイン閉じた鍵******/
.fs-p-headerUtilityMenu__login{
	background-image: url(https://tbjh.itembox.design/item/common/login.png?t=20230908120132);
	background-repeat: no-repeat;
	background-position: left center;
        padding-left:20px;
}

/******ログアウト開いた鍵******/
.fs-p-headerUtilityMenu__logout{
	background-image: url(https://tbjh.itembox.design/item/common/logout.png?t=20230908120132);
	background-repeat: no-repeat;
	background-position: left center;
        padding-left:20px;
}

/******ヘッダー(右上)ここまで*****/



/******ドロワーメニューログインボタン*******/

.fs-p-drawer__loginLogout a:link,a:visited{
 	color:#000}

.fs-p-drawer__loginLogout a:hover{
 	background-color:#000;
        color:#fff}

/******ドロワー（サイド）メニューhover*******/
.fs-p-sideMenu a:hover {
  background: #656565;
  color: #fff;
}



/******ドロワー（サイド）タブレット　重なりの順序(ヘッダーより上）*******/
@media screen and (max-width:1200px) { 
.fs-p-drawer {
        z-index: 200!important;}
}

/******ドロワー（サイド）PC　重なりの順序(ヘッダーより下）*******/
.fs-p-drawer {
        z-index: 50;}
		

/******メイン・トップページアイテム一覧　レイアウトと項目非表示******/

.top_itemlist .fs-c-productListItem__productName {
    display: none;
}
.top_itemlist .fs-c-productMarks{
    display: none;
}
.top_itemlist .fs-c-productListItem__preorderMessage{
    display: none;
}
.top_itemlist .fs-c-productListItem__salesPeriod{
    display: none;
}
.top_itemlist .fs-c-price__value{
font-size:120%;}

.top_itemlist .fs-c-productPrice {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: center;
}

.top_itemlist .fs-c-buttonContainer{
    padding: 0px 0 8px;
    margin-top:5px;
} 

.top_itemlist .fs-c-button--plain{
    border:1px solid #000;
    color: #000;
    font-size:90%;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding: 2px 20px 1px;
    margin-left:5px;
}

/***トップページ４アイテムボックス*/
.quadBox ul li {
    display: inline-block;
    width:24.5%;
}
.quadBox ul li img {
    width:100%;
    border:1px solid #dfdfdf;
}
.quadBox ul li p {
    text-align: center;
    margin-top: 0;
}
.quadBox ul {
    padding: 0;
}

.quadBox a:link { color: #e15f79; }
.quadBox a:visited { color: #e15f79; }
.quadBox ul li a:link { color: #000000; }
.quadBox ul li a:visited { color: #000000; }
/******メイン・トップページアイテム一覧　ここまで******/


/***フローティングバナー*/
#bnr_float{
position:fixed;
right:0;
bottom:6%;
z-index: 999;
}
#bnr_float a:link img{
    right: -17px;
    position: relative;
}
#bnr_float a:hover img{
transform:translate(-17px,0);
transition: transform 0.4s ease-out;
}

/***ポイントアップ帯*/
#common_obi{
text-align:center;
padding:1px;
color:#ffffff;
font-size:1.2em;
}
#common_obi span{
font-size:1.4em;
font-weight:bold;
}
#common_obi a:link{
color:#000;
text-decoration:underline;
}
#common_obi a:visited{
color:#000;
text-decoration:underline;
}
#common_obi a:hover{
color:#000;
text-decoration:none;
}

/***トップページカルーセルのキャプション表示*/
.fs-pt-carousel__slide__caption {
    background:transparent;
    position: relative;
    color: #666;
    text-align: center;
    font-size: 1.2em;
}


/***トップページカルーセルのボタン大きくする*/
.fs-c-slick .slick-prev, .fs-c-slick .slick-next {
    height: 60px;
    width: 60px;
}
.fs-c-slick .slick-prev:before, .fs-c-slick .slick-next:before {
    font-size: 60px;
}

/****メインコンテンツ下部フッター(外部サイトリンク等)****/
.brandsite a:link {
	font-size: 110%;
	display:block;
	padding:10px 5px;
	border:1px solid #666;
	text-decoration:none;
	color:#000;
}

.brandsite a:hover {
	background-color: #f9e2e6;
	font-size: 110%;
	display:block;
	padding:10px 5px;
	border:1px solid #666;
	text-decoration:none;
	color:#000;
}	
.brandsite a:visited {
	font-size: 110%;
	display:block;
	padding:10px 5px;
	border:1px solid #666;
	text-decoration:none;
	color:#000;
}

.brandsite .fs-icon--arrowRight:before {
	content: "\e90c";
}


/****下部フッターページトップへ****/
.btn_pagetop{
    background: #000000 url(https://tbjh.itembox.design/item/index/images/pagetop.jpg) no-repeat 95% 50%;
    color: white;
    font-size: 1.2em;
    background-size: 22px;
}
.fs-p-footerPageTop {
    left:unset;
    display: block; 
     justify-content: unset; 
     width: unset; 
     margin: unset; 
    padding: 8px 35px 8px 12px;
     max-width: unset;
}
.btn_pagetop a:link{
	color:#fff;
	text-decoration:none;
}
.btn_pagetop a:visited{
	color:#fff;
	text-decoration:none;
}
.btn_pagetop a:hover{
	color:#fff;
	text-decoration:none;
}

/****フッター内リンクボタン****/
.footer_mailformbtn a:link{
	display: block;
	width:100%;
	border:1px solid #000;
	text-align:center;
	padding:3px 0;
	text-decoration:none;
	margin:5px 0;
	background-color:#fff;
}

.footer_mailformbtn a:hover{
	display: block;
	width:100%;
	border:1px solid #000;
	text-align:center;
	padding:3px 0;
	text-decoration:none;
	margin:5px 0;
	background-color:#e1e9d7;
}


/****フッターSNS****/

.footer_sns {
	background-color: #f5f5f5;
	text-align: center;
	padding: 30px 0;
}
.footer_sns .footer_sns_ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 700px;
	margin: 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.footer_sns .footer_sns_ul div {
	margin: 0 5px;
	font-size: 110%;
}
.footer_sns .footer_sns_ul .footer_sns_icon img{
	width: 80%;}

/****アイテムタグ関係****/
span.tag-pc {
	border:1px solid #666666;
	color:#545454;
}
span.tag-sp {
	border:1px solid #666666;
	color:#545454;
}
/****アイテムタグ関係****/



/***チェックや並べ替えの背景のブルーを変更*/

.fs-c-sortItems__list__item.is-active {
    background: #284196;
    color: #ffffff;
}



/****ハートカラー設定****/
.fs-c-button--particular.fs-c-button--addToWishList--icon::before {
    content: "\e919";
    margin-right:10px;
}

.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
    content: "\e91a";
    color: #e15f79;
    margin-right:10px;
}


/****レビュー　購入者backcolor****/
.fs-c-reviewerStatus{
    background: #4a4a4a;
}

/****レビュー　”件”表示****/
.fs-c-reviewer__name__reviewNumber::after {
    content: "件)";
}



/*** カートボタンのシャドウ効果ナシ　***/

.fs-c-button--primary {
    box-shadow: none;}


.fs-c-button--particular {
    box-shadow: none;}




/***カテゴリページ　アイテムごと虫眼鏡アイコン***/

.fs-c-button--plain::before {
    display: none;
}



/***マイページトップ　***/



/***会員登録トップページのスマホ用画像けす　***/
.memberrank_img_smp {
	display: none;
}
/***会員登録トップページピンク囲み　***/
.member_subtitle {
	border: 1px solid #e15f79;
	text-align: center;
	padding: 10px;
	width: 90%;
	margin: 20px auto 20px;
    font-size: 120%;
}



/***ポイントのカラーとサイズ***/
.fs-p-accountInfo__point__point__available__number {
    color: #e15f79;
    font-size: 2.2rem;
}



/***マイページ　ポイント履歴　***/

.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number  {
    color: #e15f79;
    font-size: 2.6rem;
}

/***リンクカラー***/
.fs-p-card a:link { color: #e15f79; }
.fs-p-card a:visited { color: #e15f79; }

/***画像マウスオーバー***/
a:hover img{opacity: 80%;}


/****レイアウト関係****/
.fs-c-heading--page {
    border-bottom: none;
    color: #000000;
    font-weight: 300;
    font-size: 2.2rem;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 1.8em 0 1em;
    text-align: center;}


.h2_center{
        margin:40px auto 20px;
    	background-color:#ebebeb;
    padding: 8px 0;
	text-align: center;}


.h2_left{
        margin:30px 0 20px;
	text-align: left;}

.guide_title2{
	border-bottom:solid 1px #000;
	border-left:solid 3px #000;
        padding-left:5px;
}

h3{
        margin:30px 0;
    font-size: 1.7rem;}

.width90percent{
        margin:20px auto;
        width:90%;}


/****価格bold****/
.fs-c-price__value{font-weight:bold}

/****在庫数****/
.fs-c-productStock__label,.fs-c-productStock__number{
    color: #e15f79;
    font-weight: bold;
    font-size: 1.6rem;
}

/****送料込****/
.fs-c-productPostage{
    border: 1px solid black;
    width: 25%;
    text-align: center;
}
.fs-c-productPostage::before,.fs-c-productPostage::after{content:unset}


/****会員情報入力フォーム　姓名表示****/
.fs-c-memberInfoField span.fs-c-inputTextGroup__item:first-child::before {
    content: '姓';}
.fs-c-memberInfoField span.fs-c-inputTextGroup__item:nth-child(2)::before {
    content: '名';}
.fs-c-inputInformation__field span.fs-c-inputTextGroup__item:first-child::before {
    content: '姓';}
.fs-c-inputInformation__field span.fs-c-inputTextGroup__item:nth-child(2)::before {
    content: '名';}



/****************************************/
/*Date 202308*/
/****************************************/
.fs-l-header {
    padding-top: 0;
}

/****************************************/
/*ログイン・ログアウト表示・非表示*/
/****************************************/
.logout.my-false { display: none !important; }
.login.my-true { display: none !important; }
.regist.my-true { display: none !important; }





/****************************************/
/*下層ページのWrapブロックを解除*/
/****************************************/
.fs-l-main {
    margin: auto;
    padding: 0;
    max-width: unset;
    display: block;
}
/****************************************/
/*商品詳細のmax幅を解除*/
/****************************************/
.single_inner .fs-l-pageMain {
    max-width: 100%;
    padding-top:0;
    padding-bottom: 0;
}
.fs-l-pageMain {
    padding-top:0;
}


/****************************************/
/*商品詳細の情報調整*/
/****************************************/
.fs-c-productQuantityAndWishlist {
    display: block;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after {
    content: none;
}
button.fs-c-button--addToCart--detail.fs-c-button--primary {
    background: none;
    border: 0;
    padding: 0;
}
.fs-c-productImageModalCarousel__figure__image {
    object-fit: contain;
}

/****************************************/
/*商品説明の調整*/
/****************************************/
#fs_ProductDetails .w-full {
    width: 100% !important;
}

/****************************************/
/*レビューの調整*/
/****************************************/
.fs-c-productReview {
    grid-area: 3 / 1 / 3 / 3;
}
.fs-c-reviewList__item {
    display: block;
}
.fs-c-productReviewed {
    max-width: 100%;
}
.fs-c-productReviewed + .fs-c-aggregateRating {
    max-width: 100%;
    margin: 24px auto;
}
.fs-c-reviewList__item__body.fs-c-reviewBody {
    padding: 0;
    border: 0;
}


.fs-c-button--standard {
    background: #141414;
    border: 1px solid #141414;
    color: #ffffff;
    padding: 1em 1.6em 1em;
    box-shadow: 0 0 2px #b2b2b2;
    font-size: 1.4rem;
    border-radius: 100px;
}
.fs-c-button--standard span {
    color: #ffffff;
}

.fs-c-cartTable__message.fs-c-cartTable__message--preorder {
    color: #141414;
}


.fs-c-checkout-orderInfo__body .fs-c-cartTable .fs-c-cartTable__quantity:after {
    content: none;
}


/****************************************/
/*ヘッダー固定用*/
/****************************************/
.fs-l-page {
    padding-top: 190px;
}
@media screen and (max-width: 1024px)
.fs-l-page {
    padding-top: 127px;
}


/****************************************/
/*プレビューの帯が見えなくなるので作業時だけ入れておく*/
/****************************************/
.fs-preview-header {
    position: relative;
    z-index: 10000;
}

