/* Base
======================================= */
@import "https://www.shop-niche.co.jp/_common/css/base/navi.css";
@import "https://www.shop-niche.co.jp/_common/css/base/others.css";

/* Parts
======================================= */
@import "https://www.shop-niche.co.jp/_common/css/parts/form.css";
@import "https://www.shop-niche.co.jp/_common/css/parts/module.css";
@import "https://www.shop-niche.co.jp/_common/css/parts/table.css";

/* レスポンシブ
======================================= */
@import "https://www.shop-niche.co.jp/_common/css/base/sp.css";

/* jQuery
======================================= */

/* slick */
@import "https://www.shop-niche.co.jp/_common/js/slick/slick.css";
@import "https://www.shop-niche.co.jp/_common/js/slick/slick-theme.css";


.pagetop a {
	position: fixed;
	bottom: 2%;
	right:2%;
	z-index: 99999;
	border-radius:5px;
	background-color:#083388;
	color:#fff !important;
	padding:10px;
	text-align:center;
}

/**--------サムネイル2列表示--------**/
.fs_goods_container{
        width: 46%;
        margin: 2%;
        border: none;
        float: left;
        position: relative;
}
.fs_goods_container th{
        width:100%;
        float:left;
}
.fs_goods_container td{
       width:96%;
       float:left;
       text-align:center;
       padding:0 2%;
        padding-bottom: 20px;
}
.fs_goods_container th img{
 width:94%;
}

.FS2_Alternateness_bg {
       background:#fff;
}

.FS2_body_Goods_BundleGoodsList .fs_goods_container:nth-of-type(2n+1),
#FS2_GoodsSearchList .fs_goods_container:nth-of-type(2n+1),
#FS2_CategoryList .fs_goods_container:nth-of-type(2n+1) {
clear: left;
}

.FS2_CartButton_area .FS2_InCartButton {
vertical-align: middle;
}


/**--------独自--------**/ 

body {
	font: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}


/**--------おすすめ商品(商品ページ内)　サムネイル2列表示--------**/ 

#FS2_ItemDetail .fs_sp_read_more_item{ 
       width: 46%; 
       margin: 2%; 
       border: none; 
       float: left; 
       position: relative; 
} 
#FS2_ItemDetail .fs_sp_read_more_item th{ 
       width:100%; 
       float:left; 
} 
#FS2_ItemDetail .fs_sp_read_more_item td{ 
      width:96%; 
      float:left; 
      text-align:center; 
      padding:0 2%; 
      /*font-size:50%; */
} 
#FS2_ItemDetail .fs_sp_read_more_item th img{ 
width:95%; 
} 
.FS2_Alternateness_bg { 
      background:#fff; 
} 
 
#FS2_ItemDetail .fs_sp_read_more_item:nth-of-type(2n+1) { 
clear: left; 
}


/*-------*/
h1.itemTitle {
font-size:120%;
}
.itemCatchCopy {
color:#083388;
padding-bottom:10px;
font-size: 80%;
}
.itemCatchCopy::after {
	content: "\A" ;
	white-space: pre;
}
.itemPrice {
color:#CC0000;
font-size: 120%;
}

/*-------*/



/**/
body {
background-color: #ffffff !important;
font-size:105%;
line-height:1.4em;
}
#FS2_layout_body,#FS2_header {
background-color: #ffffff !important;
}
a,
a:visited {
  color: #07338E;
}
.itemPrice::before {
content: "\A"  !important;
white-space: pre  !important;
}
.FS2_itemPrice_area .FS2_tagPrice {
font-size: 110% !important;
}
.FS2_itemPrice_area .itemPrice {
font-size: 120% !important;
}
.FS2_special_members_price {
margin-top:10px;
background-color:#FFFFBF;
padding:10px;
}
.FS2_special_members_price .itemPrice {
font-size: 130% !important;
}
div.FS2_ReviewEdit{
	margin:0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	text-align:left;
	border:none;
	padding:20px;
}
.FS2_contents_container,.FS2_memberOnly,.FS2_NoItemMessage,.FS2_upper_comment,.FS2_lower_comment,.FS2_ItemComment,.FS2_middle_comment{
	background:#fff;
	margin:0px;
	padding:20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#FS2_Variation_cartbutton .FS2_VariationValueList {
	margin: 15px 0 16px;
}
#FS2_Variation_cartbutton .FS2_VariationValueList > h2 {
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}
#FS2_Variation_cartbutton .FS2_VariationValueList > ul {
	display: table;
	border: none;
}
h1.FS2_PageTitle {
  color: #333333;
  border-color: #f2f0ec;
  padding-bottom: 5px;
  font-size: 16px;
}
.FS2_breadcrumbs {
padding: 10px 10px;
}
.FS2_Sort_btn{
display:inline-block;
	color: #333;
	padding: 10px;
	background: none;
	border-radius: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}
#FS2_SystemNav,
.FS2_Search_btn_D,
.FS2_InCartButton_D,
.FS2_Button_P,
.FS2_Button_SP,
.FS2_sort_menu_title {
background: none;
background-color: #333;
color: #fff;
filter: none;
}

.FS2_breadcrumbs {
	background:#fff;
	margin:0px;
	padding:20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #666;
}
.useBorder {
color: #666;
}
.itemPrice {
font-size: 18px;
}
.FS2_itemPrice_addition {
color: #666;
font-size: 13px;
}


.FS2_container_ItemList td {
padding-bottom: 45px;
}


.FS2_paginationArrows {
padding: 20px 0px;
}
.FS2_pagination {
padding: 30px 0px;
}








/* 続きを見るボタン（スマホ・PC共通）
------------------------------------------- */
.readmoreAll {
    position: relative;
    box-sizing: border-box;
    /*以下お好み*/
    /* ボーダーを付ける場合 */
    padding: 0px;
    border: 0px solid #CCC;
	margin-bottom: 30px;
}

.readmoreAll-content {
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 200px;
}
.readmoreAll-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmoreAll-label {
    display: table;
    bottom: -35px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 20px 10px;
    background-color: #08338F;
	border: 10px solid #08338F;
    color: #fff;
}
.readmoreAll-label:before {
    content: 'READ MORE>>';
	margin: 30px;
	font-weight: bold;
	font-size: 16px;
}

.readmoreAll-check {
    display: none;
}
/*チェック時にボタンを非表示*/
.readmoreAll-check:checked ~ .readmoreAll-label {
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmoreAll-check:checked ~ .readmoreAll-label:before {
    content: '<<CLOSE';
	margin: 30px;
	font-weight: bold;
	font-size: 16px;
}
/*チェック時に高さを自動に戻す*/
.readmoreAll-check:checked ~ .readmoreAll-content {
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmoreAll-check:checked ~ .readmoreAll-content::before {
    display: none;
}


/* 続きを見るボタン（スマホのみ表示）
------------------------------------------- */
.readmore{
    position: relative;
    box-sizing: border-box;
    /*以下お好み*/
    /* ボーダーを付ける場合 */
    padding: 0px;
    border: 0px solid #CCC;
}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 150px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: -5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 10px 10px;
    background-color: #fff;
    border-radius: 10px;
    color: #333;
}
.readmore-label:before{
    content: '▼もっと見る';
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
    content: '▲閉じる';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}