/* リニューアル後 */
/*ホスティング・フリック調整用*/
@media only screen and (min-width: 960px) {
.slick-list.draggable {
    width: 516px;
    margin: auto;
}

.fs-c-productCarouselMainImage__image > img{
    width: 516px!important;
}
}


/*配送についてのリンクカラー（スライダー上部） */
.haisou a{
  color:#fff;
}

/* 商品ページ共通 */

.fs-item img {
display: block;
width: 100%;
padding: 20px;
}

.fs-item h3 {
text-align: center;
font-size: 20px;
padding:  5px 20px;
font-weight: 550;
}

.fs-item p {
text-align: left;
size: 15px;
padding: 0px 20px;
}

.img1 h4 {
text-align: left;
size: 15px;
padding: 20px 20px 0px 20px;
}

.img1 img{
display: block;
width: 100%;
padding: 0px 20px 20px 20px;
}

.fs-l-pageMain{
letter-spacing: 0.1em;
}
/*ログインログアウトの表示切り替えを行うCSS*/
.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }

/* フリーページページ上部の線 */
.fs-c-heading--page {
  border-bottom:none;}

/* カテゴリページコンテンツ幅 */

@media screen and (min-width: 1200px) {
#fs_ProductCategory .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}

/* フリーページコンテンツ幅 */
#fs_CustomPage .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* ご利用ガイドコンテンツ幅 */
.fs-body-about-terms .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* ログイン画面コンテンツ幅 */
#fs_Login  .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* 返品特約についてコンテンツ幅 */
#fs_ReturnPolicy .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* 送料とお支払いについてコンテンツ幅 */
#fs_AboutShippingAndPayment .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}

/* マイページトップコンテンツ幅 */
#fs_MyPageTop  .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* お気に入りコンテンツ幅 */
#fs_MyWishList  .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* 注文履歴コンテンツ幅 */
#fs_MyOrders .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* ポイント履歴コンテンツ幅 */
#fs_MyPoints .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* レビュー履歴コンテンツ幅 */
#fs_MyReviews .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* レビューを書くコンテンツ幅 */
#fs_WriteReview .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* すべてのレビュー一覧コンテンツ幅 */
#fs_Reviews .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* レビューを見るタイトルコンテンツ幅 */
.fs-p-announcement__title{
    margin:30px 0 20px 0;
}
.fs-p-announcement{
    margin:0 0 5% 17%;
width:900px;
}


#fs_ReviewsByProduct .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}


/* お届け先リストコンテンツ幅 */
#fs_MyAddressBook .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}

/* ショッピングカートコンテンツ幅 */
#fs_ShoppingCart .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* ご注文完了コンテンツ幅 */
#fs_CheckoutSuccess .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* サイト内検索結果コンテンツ幅 */
#fs_ProductSearch .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* ポイントについてコンテンツ幅 */
#fs_AboutPoints .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}

/* 個人情報取り扱いについて */
#fs_PrivacyPolicy .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}

/* 会員規約について */
#fs_MemberAgreement .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
/* ページが見つかりません */
#fs_PageNotFound .fs-l-pageMain{
    margin:0 0 0 20%;
width:900px;
}
}
/*特定商取引法に基づく表示ページ*/
.sns-links a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #0066cc;
  margin: 5px 0;
}

.sns-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}


/*商品詳細ページ*/
/*ホスティングの設定*/
@media screen and (min-width: 960px){
#fs_ProductDetails .fs-l-product4 .fs-l-productLayout {
    display: grid;
    grid-template-columns: calc(60% - 40px / 2) calc(40% - 40px / 2);
    grid-gap: 40px;
    align-items: start;
    margin:0 -20% 0 10%;
    width:900px;
}}
/*商品説明の設定*/
@media screen and (min-width: 960px){
#fs_ProductDetails .fs-l-product4 .fs-l-productLayout__item--3 {
    width: 800px;
margin:0 0 0 2%;
}}

/*価格の文字設定*/
.fs-c-productPrice.fs-c-productPrice--selling {
    font-weight: 500;
}
/*商品詳細ページ画面幅の調整*/
@media screen and (min-width: 1200px) {
/*.fs-body-product .fs-l-pageMain {
    width: 800px;

}*/
.fs-body-product .fs-l-main {
    width: 1000px;
　　
}
}


#sidebar, #global-head{
	position:absolute;
	top:-0px;
}

p.text{
       width:100%;
       font-weight: 400;
}

div#side-menu {
    margin-left: 2.1%;
}

#sidebar {
z-index:100;}

table#weekly tr.item a:hover {
text-decoration: none;
    }

#footer06 a{
color:#70523E;
text-decoration: none;
}

.fs-l-footer{
    background-color:#fff;
    padding-left: 16.5%;
    border-top: 1px solid #fff;
}



#sidebar{
	background-color:#FFF;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height:0px;/* メニューの行間 */
	}

@media screen and (max-width: 1200px){
.fs-l-footer{
	padding: 0px;

}
 .fs-l-main {
padding-top:50px;}
}


@media screen and (max-width: 1200px){
#brand-logo{
margin-top:-0px;}
}


/*商品ページ画像の上下余白*/
.fs-item img{
padding: 20px;
width: 100%;
}


/* リニューアル前 */




/* アコーディオン */
.ac-large{
	color:#666;
	}

.ac-container{
    max-width: 800px;
    margin: 30px auto;
	width:800px;
}
.ac-container label{
    width: 800px;
    text-align: center;
    background: #fff;
    margin: auto;
    padding: 10px 5px;
    position: relative;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #333;
	border: solid thin #ccc;
}
.ac-container label:hover{
	background:#eee;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.ac-container input{
   display: none;
}
.ac-container div{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

/* 高さの定義 */
.ac-container input:checked ~ div.ac-large{
   height:100%;
}





/* サイドメニュー 
.side {
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  width: 250px;
  height: 800px;
  color: #fff;
  background: #30b298;
}*/

/* カート追跡ボタン
.cart_link{
  position: fixed;
  bottom: 10px; 
  right: 0px;
  padding: 6px 10px;
  z-index: 1;
}

 */


.gif{
    position: relative
    width: calc(100% - 10px);
    margin: 0 auto;
}

.iframeWrap{
    height: 0;
    padding-bottom: 62.5%;
}


li.category {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ddd;
	padding-top: 11px;
	padding-bottom: 6px;
	
}





li {
  list-style: none;
}


/*革についてページ用CSS*/

h1.kawanituite{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 6px;
	margin: 80px 0 20px auto;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

#tokusei{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 6px;
	margin: 80px 0 20px auto;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}


#sensyoku{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 6px;
	margin: 80px 0 20px auto;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

#keinenhenka{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 6px;
	margin: 80px 0 20px auto;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

#kawasyoukai{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 6px;
	margin: 80px 0 20px auto;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}



h2.kawanituite{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 4px;
	line-height: 40px;
}


h3.kawanituite{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	text-align: left;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #333333;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 7px #333333;/*左線*/
}
h4.kawanituite{
	color: #666666;/*文字色*/
	border: solid 1px #666666;/*線色*/
	padding: 0.5em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
}



/*スマホ用商品ページ横並び回り込む*/
.item th  { width: 50%; text-align: left; }
 
@media only screen and (max-width:480px){
    .item { margin: 0 -30 0 0; }
    .item th,
    .item td{
    width: 100%;
    display: block;
    border-top: none;
    }
    }


/*タブレット、スマホは非表示*/
.pc	{ display:inline!important; }
.sp	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.sp { display:inline!important; }
}

/*メモ：
class="pc"　PC表示
class="sp"　sp表示
*/





/*コンテンツページ横並び回り込む*/
*, *:before, *:after {
	box-sizing: border-box;
}
.select01{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.select01 > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.select01 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.select01 > div{
		width: 100%;
	}
}


/*スマホ用コンテンツ中央寄せ*/


#topics img{
margin: 0 auto;
}

#topics2 img{
margin: 0 auto;
}

/*youtubeレスポンシブ*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*マガジンレイアウト用*/
.float{
 width: 260px;
 height: 260px;
 float: left;
 margin:50px 0px 80px 45px;
}
.magazine{
	width:100%;
 height: 1300px;
	}

.date{
	color:#b3b5b4;
	margin:0px 0 -10px 0;
	font-weight:800;
	font-size:10px;
	}

.text{
	font-weight: bold;
	font-size:15px;
	/*letter-spacing:-0.1em;*/
	width:260px;
	}

/*マガジンレイアウトスマホ用*/
@media only screen and (max-width:480px){
.magazine{
height:1200px;
    }
.float{
  width: 150px;
 height:150px;
 float: left;
 margin:50px 0px 100px 20px;
position: relative;/*相対配置*/
}

.date{
	color:#b3b5b4;
	margin:0px 0 -5px 0;
	font-weight:800;
	font-size:10px;
	}

.text{
	font-weight:bold;
	font-size:15px;
	/*letter-spacing:-0.1em;*/
	width:150px;
	}

}






/*サイドメニュー上部スマホ用*/
@media only screen and (max-width:480px){
.side-bn{
 margin-top:45px;
    }
}



/*問い合わせバナー*/

.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    bottom:0px; /* バナーの上下の位置 */
    right:0px; /* バナーの左右の位置 */
}

.floating-banner:hover {
    opacity: .8; /* ホバーで少し透過 */
}


@media screen and (max-width: 480px){
.floating-banner { display: none;}

}

span {
   display: inline-block;
}

/* p両サイド余白 */
p.pc_margin{
margin:10px 30% 0 30%;

}
/* p両サイド余白解除 */
@media screen and (max-width:480px){
p.pc_margin{
margin:10px 0% 0 0%;
}
}


/* トップページ見出し */
p.top_midasi { 
font-size: 40px;
line-height:1.5;
font-family: " Verdana, Roboto", "Droid Sans", "游ゴシック", "YuGothic", "メイリオ","Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "sans-serif";
color:#3e3a39;
}

/* Recommend用 */
p.recommend_midasi { 
font-size: 40px;
line-height:1.5;
font-family: " Verdana, Roboto", "Droid Sans", "游ゴシック", "YuGothic", "メイリオ","Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "sans-serif";
color:#3e3a39;
}

@media screen and (max-width: 480px){
p.top_midasi { 
font-size: 30px;
line-height:1.5;
font-family: " Verdana, Roboto", "Droid Sans", "游ゴシック", "YuGothic", "メイリオ","Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "sans-serif";
color:#3e3a39;
padding-left:13px;
text-align: left;
margin:0 0 -20px 0;
}
/* Recommend用 */
p.recommend_midasi { 
font-size: 26px;
line-height:1.5;
font-family: " Verdana, Roboto", "Droid Sans", "游ゴシック", "YuGothic", "メイリオ","Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "sans-serif";
color:#3e3a39;
padding-left:13px;
text-align: left;
margin:0 0 -20px 0;
}

}










