@charset "utf-8";

body {
	color: #555;
	font-size: 14px;
}


/* -----------------------------------------------------------------------------

 Futureshop css 調整

----------------------------------------------------------------------------- */

.fs-l-main {
	margin: 0 auto;
	padding: 0;
}

.fs-c-breadcrumb {
	max-width: 1100px;
	margin: 15px auto 5px;
	font-size: 96%;
	font-family: 'Noto Sans', sans-serif;
}
.fs-c-breadcrumb__list {
	padding: 0 10px;
}

.fs-l-pageMain {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 10px;
}

.fs-l-header {
	padding-top: 0;
}

/* header検索調整 */
.b-megamenu_navigation input[type="text"] {
	width: 100px;
	height: 15px;
	min-height: 15px;
	padding: 0;
	border: none;
	font-size: 1rem;
	line-height: 1em;
	vertical-align: middle;
}
.b-megamenu_navigation input[type="submit"]{
	height: auto;
	font-size: .9rem;
	vertical-align: middle;
}

@media only screen and (max-width: 640px) {
	.b-megamenu_navigation input[type="submit"]{
		padding: 0;
		border: none;
	}
}


.fs-l-footer {
	margin-top: 40px;
	border-top: none;
	background: none;
}



/* 会員登録・ログイン のヘッダJS無効対応 2020/5/21
-----------------------------------------------------------*/

/* header */
.min-header .cssskin-head-title {
	border-bottom: 5px solid #81BF00;
}

/* footer */
@media only screen and (min-width: 640px) {
	.min-footer .c-space_wide .g-column.-col4>.column {
		width: 29.2%;
	}
	.min-footer .c-space_wide .g-column>.column.-column3 {
		margin-right: 0;
	}
}


/* HTMLから改造したので不要になった */
/* header */
.fs-body-register .a-ghost_header .site_frame ,
.fs-body-login .a-ghost_header .site_frame {
	display: none;
}

.fs-body-register .a-header .cssskin-head-menu ,
.fs-body-login .a-header .cssskin-head-menu {
	display: none;
}

.fs-body-register .a-header .cssskin-head-title ,
.fs-body-login .a-header .cssskin-head-title {
	border-bottom: 5px solid #81BF00;
}

/* footer */
.fs-body-register .a-footer .column.-column4.-column-lasts ,
.fs-body-login .a-footer .column.-column4.-column-lasts {
	display: none;
}
@media only screen and (min-width: 640px) {
	.fs-body-register .a-footer .c-space_wide .g-column.-col4>.column ,
	.fs-body-login .a-footer .c-space_wide .g-column.-col4>.column {
		width: 29.2%;
	}
	.fs-body-register .a-footer .c-space_wide .g-column>.column.-column3 ,
	.fs-body-login .a-footer .c-space_wide .g-column>.column.-column3 {
		margin-right: 0;
	}
}



/* 会員情報：ログイン/ログアウト
-----------------------------------------------------------*/

.b-megamenu_contents .column:first-child {
}

.fs-clientInfo:not(.is-ready) {
	display: inline-block !important;
}

.member_name.login_false ,
.member_point.login_false ,
.btn_logout.login_false ,
.btn_login.login_true {
	display: none !important;
}


/* 各ページタイトル
-----------------------------------------------------------*/

.fs-c-heading--page {
	margin-bottom: 20px;
	padding: 0;
	border-bottom: none;
	color: #333;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	
}

@media only screen and (max-width:639px) {
	.fs-c-heading--page {
	}
}

.fs-c-subSection__title ,
.fs-p-announcement__title {
	margin-bottom: 10px;
	padding: 8px 0;
	border-bottom: 1px dotted #333;
	color: #333;
	font-size: 1.4rem;
}


/* おすすめ商品
-----------------------------------------------------------*/

.fs-c-wishlistProduct {
	margin: 20px 10px 0;
	padding: 20px 0 0;
	border-top: 1px solid #333;
}

.fs-c-featuredProduct {
	margin: 20px 10px 20px;
	padding: 20px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title {
	margin-bottom: 20px;
	border-bottom: none;
	color: #333;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	text-align: center;
}

@media only screen and (min-width:640px) {
	.fs-c-featuredProduct {
		margin: 40px 20px 40px;
		padding: 40px 0;
	}
}

/* 商品詳細では非表示 */

.fs-body-product .fs-c-featuredProduct {
	display: none;
}


/* レビューページ
-----------------------------------------------------------*/

.fs-c-listControl {
	padding: 15px 0;
}



/* カート
-----------------------------------------------------------*/

/* 1000円2000円等 */
.fs-p-linkButton {
	padding: 10px 15px;
	font-size: 1.2rem;
}

/* 削除/後で買う */
.fs-c-cartTable__actionButton__container > button {
	font-size: 1rem;
}

/* 購入にすすむボタン */
.fs-c-cartPayment .fs-c-button--primary {
	font-size: 1.1rem;
}
.fs-c-cartPayment .fs-c-button--secondary {
	font-size: 1.1rem;
}

/* 注文確定 */
.fs-c-totalAndActions button:not(.fs-c-button--image) {
	font-size: 1.4rem;
}

/* ご注文手続き */
.fs-c-checkout-preview {
}

.fs-c-checkout-preview__title {
	margin-bottom: 15px;
	padding: 15px;
	background: #EEE;
	background: #f6f3f0;
	border-bottom: none;
}

/* マイページ
-----------------------------------------------------------*/

.fs-c-accountService {
	justify-content: start;
}

.fs-c-accountService__page {
	flex-basis: 33%;
	height: auto;
	margin: 0;
	padding: 8px;
}

.fs-c-accountService__page--accountDelete {
	flex-basis: 100%;
}

.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label {
	font-size: 1rem;
}

.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
	font-size: 1.6em;
	font-weight: 500;
}


/* 追加:退会手続きリンク */

.account_delete {
	max-width: 600px;
	margin: 40px auto 0;
}


/* 検索結果ページ
-----------------------------------------------------------*/

.fs-c-sortItems {
	font-size: 1rem;
}

.fs-c-productListItem__productName {
	font-size: 1.1rem;
}



/* 商品詳細
-----------------------------------------------------------*/

/* 商品バナー共通エリア:152.cssから */

#bk6438>div {
	margin: 0 auto;
	max-width: 1080px
}
#bk6438>div {
	padding-left: 80px;
	padding-top: 15px;
	padding-right: 80px;
	padding-bottom: 15px
}
#bk6443>div {
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px
}

@media only screen and (max-width:641px) {
	#bk6438>div {
		padding-left: 15px;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px
	}
	#bk6443>div {
		padding-left: 15px;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px
	}
}

/* 商品名 */
.fs-c-productNameHeading {
	font-size: 1.6rem;
}

/* 独自コメント1-10 */
.product_comment-1 ,
.product_comment-2 ,
.product_comment-3 ,
.product_comment-4 ,
.product_comment-5 ,
.product_comment-6 ,
.product_comment-7 ,
.product_comment-8 ,
.product_comment-9 ,
.product_comment-10 {
}

.fs-l-productLayout__item {
	color: #3c3c3c;
	color: #333;
}

/* ズームボタン */
.fs-c-productMainImage {
	position: relative;	
}
.fs-c-productMainImage__expandButton {
	position: absolute;
	right: 0;
}

/* 価格色 */
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
	color: #C33;
}

/* 個数選択 */
.fs-c-quantity select {
	font-size: 1.5em;	
}

/* ボタン汎用 */
.fs-c-button--primary {
	border-radius: 4px;
	border: none;
	background: #C33;
}

/* カートボタン */
.fs-c-productActionButton .fs-c-button--primary {
	font-size: 1.6em;
	font-weight: 700;
}

@media only screen and (min-width: 800px) {
	.fs-l-product2 .fs-l-productLayout {
		padding: 40px 20px 0;
		grid-template-columns: calc(50% - 40px / 2) calc(50% - 40px / 2);
		grid-gap: 40px;
	}
	.fs-l-product2 .fs-c-productActionButton .fs-c-button--primary ,
	.fs-l-product2 .fs-c-productActionButton .fs-c-button--secondary {
		max-width: 400px;
	}
	.product_comment-5 ,
	.fs-c-productReview ,
	.fs-p-card {
		grid-column: 1 / 3;
	}
}

/* ナゾの隙間対応 */

.fs-l-product2 .fs-l-productLayout > .product_comment-1 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-2 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-3 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-4 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-5 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-6 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-7 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-8 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-9 > * ,
.fs-l-product2 .fs-l-productLayout > .product_comment-10 > * {
	margin-bottom: 0;
}


/* カート周りマージン */

.fs-l-product2 .fs-l-productLayout > * > * {
	margin-bottom: 15px;	
}


/* -----------------------------------------------------------------------------

 bindup css に追加

----------------------------------------------------------------------------- */

/*  [商品のスペックのテーブル]
 インラインcssを削除、 class="item_spec_tbl" を追加する？
 → やめとこう。更新のときに再現できない。
-----------------------------------------------------------*/

.item_spec_tbl {
	border-collapse: collapse;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.item_spec_tbl tr {
	border-bottom: 1px dotted #5c5e5d;
}

.item_spec_tbl td {
	border-image: initial;
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5;
}


/* -----------------------------------------------------------------------------

 bindup css 移設

----------------------------------------------------------------------------- */

/* head-menu.css
-----------------------------------------------------------*/

.cssskin-head-menu  {
  border-bottom: 5px solid #81BF00;
  vertical-align: middle;
}

.cssskin-head-menu a:hover {
  color: #81BF00;
  text-decoration: underline;
}

.cssskin-head-menu img {
  vertical-align: middle;
}

@media only screen and (max-width: 641px) {
	.cssskin-head-menu  {
		margin-top: 0px;
	}
}


/* onlineshop-sontents-top.css
   onlineshop-cpntents-naka.css
   onlineshopitem-tile.css
-----------------------------------------------------------*/

.cssskin-onlineshop-sontents-top {
	border-left: 1px solid #847468;
	border-top: 1px solid #847468;
	border-right: 1px solid #847468;
	background-color: #F6F3F0;
}
@media only screen and (max-width: 641px) {
	.cssskin-onlineshop-sontents-top {
		margin-left: 0px;
		margin-right: 0px;
	}
}
.cssskin-onlineshopitem-tile {
	border-top: 4px double #847468;
	border-bottom: 4px double #847468;
	margin-bottom: 30px;
	padding: 5px;
}
.cssskin-onlineshop-cpntents-naka {
	border-left: 1px solid #847468;
	border-right: 1px solid #847468;
	background-color: rgba(246, 243, 240, 0.6);
	border-bottom: 1px solid #847468;
	margin-bottom: 30px;
}
@media only screen and (max-width: 641px) {
	.cssskin-onlineshop-cpntents-naka {
		margin-left: 0px;
		margin-right: 0px;
	}
}


/*
shop-title.css
shop-title-middle.css
shop-title-bottom.css
shop-title-bottomTB.css
-----------------------------------------------------------*/

.cssskin-shop-title {
	border-top: 10px double #81BF00;
	width: 1100;
}
.cssskin-shop-title .column:first-child {
	background-color: rgba(255, 255, 255, 0.8);
	height: 190px;
	box-shadow: rgba(111, 149, 32, 0.61) 0px 0px 15px 3px;
	width: 250px;
	padding-top: 15px;
}
.cssskin-shop-title .column:first-child+* {
	vertical-align: middle;
	padding: auto auto;
	padding-top: 50px;
	padding-left: 30px;
}
.cssskin-shop-title .c-lead {
	font-size: 18px;
}
@media only screen and (max-width: 641px) {
	.cssskin-shop-title .column:first-child+* {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
		padding-top: 15px;
	}
	.cssskin-shop-title .column:first-child {
		padding-left: 30px;
		padding-right: 30px;
	}
}
.cssskin-shop-title-bottom {
	width: 1100;
}
.cssskin-shop-title-bottom .column:first-child+* {
	background-color: rgba(255, 255, 255, 0.8);
	padding-right: 30px;
	padding-left: 30px;
	vertical-align: middle;
	height: 100%;
	padding-top: 13px;
	padding-bottom: 13px;
}
.cssskin-shop-title-bottom .column:first-child {
	height: 100%;
	background-color: #ffffff;
}
@media only screen and (max-width: 641px) {
	.cssskin-shop-title-bottom .column:first-child+* {
		height: 100%;
	}
	.cssskin-shop-title-bottom .column:first-child {
		height: 100%;
	}
}
.cssskin-shop-title-bottomTB {
	width: 1100;
}
.cssskin-shop-title-bottomTB .column:first-child+* {
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cssskin-shop-title-bottomTB .column:first-child {
	height: 100%;
}
.cssskin-shop-title-bottomTB img {
	border: 5px solid #ffffff;
}
@media only screen and (max-width: 641px) {
	.cssskin-shop-title-bottomTB .column:first-child+* {
		height: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.cssskin-shop-title-bottomTB .column:first-child {
		height: 100%;
	}
}

/* soryo-pay.css
-----------------------------------------------------------*/
.cssskin-soryo-pay img {
	border-bottom: 1px dotted #444;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-radius: 8px;
	padding-left: 20px;
	padding-right: 20px;
}
@media only screen and (max-width: 641px) {
	.cssskin-soryo-pay img {
		margin-bottom: 0px;
	}
	
/* shincha-title.css
-----------------------------------------------------------*/	
.cssskin-shincha-title  {
  border-top: 10px double #F96D87;
  width: 1100;
}

.cssskin-shincha-title .column:first-child {
  background-color: rgba(255, 255, 255, 0.8);
  height: 190px;
  box-shadow: rgba(230, 24, 24, 0.51) 0px 0px 15px 3px;
  width: 250px;
  padding-top: 15px;
}

.cssskin-shincha-title .column:first-child + * {
  vertical-align: middle;
  padding: auto auto;
  padding-top: 50px;
  padding-left: 30px;
}

.cssskin-shincha-title .c-lead {
  font-size: 18px;
}

@media only screen and (max-width: 641px) {
.cssskin-shincha-title .column:first-child + * {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.cssskin-shincha-title .column:first-child {
  padding-left: 30px;
  padding-right: 30px;
}

}	

	
/* index-shopclassic
-----------------------------------------------------------*/
.cssskin-index-shopclassic  {
  border-top: 1px dotted #847468;
  padding: 10px;
  margin-left: 30px;
  margin-right: 30px;
  border-left: 1px dotted #847468;
  border-right: 1px dotted #847468;
}

@media only screen and (max-width: 641px) {
.cssskin-index-shopclassic  {
  margin-left: 20px;
  margin-right: 20px;
}

}


/* index-shopclassic-naka
-----------------------------------------------------------*/	
.cssskin-index-shopclassic-naka  {
  padding: 10px;
  margin-left: 30px;
  margin-right: 30px;
  border-left: 1px dotted #847468;
  border-right: 1px dotted #847468;
}

@media only screen and (max-width: 641px) {
.cssskin-index-shopclassic-naka  {
  margin-left: 20px;
  margin-right: 20px;
}

}
	

/* index-shopclassic-under
-----------------------------------------------------------*/	
.cssskin-index-shopclassic-under  {
  margin-bottom: 50px;
  padding: 10px;
  margin-left: 30px;
  margin-right: 30px;
  border-left: 1px dotted #847468;
  border-right: 1px dotted #847468;
  border-bottom: 1px dotted #847468;
}

@media only screen and (max-width: 641px) {
.cssskin-index-shopclassic-under  {
  margin-left: 20px;
  margin-right: 20px;
}

}	
	
	
/* shopping-title
-----------------------------------------------------------*/		
.cssskin-shopping-title .c-large_headline {
  border-radius: 5px;
  border-left: 5px solid #847468;
  border-right: 5px solid #847468;
  border-top: 1px solid #847468;
  border-bottom: 1px solid #847468;
  font-weight: bolder;
}