/*レビュー投稿者名に「様」を付与する*/
.fs-c-reviewer__name__nickname:after {
   content: " 様 ";
}

#wrap{
	width: 1210px;
	margin: 0 auto;
	text-align: left;
}

#foot2{
	width: 1210px;
	font-size: 15px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

#foot3{
	width: 1210px;
	font-size: 15px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

#tenpowrap{
	max-width: 1200px;
	margin: auto;
}
.tenpo1{
	margin: 0px 1px;
	padding: 0px 2px;
	width: 294px;
	height: 480px;
	font-size: 15px;
	float: left;
	
}
.tenpo2{
	margin: 0px 1px;
	padding: 0px 2px;
	width: 294px;
	height: 480px;
	font-size: 15px;
	float: left;
	
}
.tenpo3{
	margin: 0px 1px;
	padding: 0px 2px;
	width: 294px;
	height: 480px;
	font-size: 15px;
	float: left;
	
}
.tenpo4{
	margin: 0px 1px;
	padding: 0px 2px;
	width: 294px;
	height: 480px;
	font-size: 15px;
	float: right;
	
}
#syoukaiwrap{
	max-width: 1200px;
	margin: auto;
}
.syoukai1{
	margin: 20px 1px 10px 1px;
	padding: 0px 2px;
	width: 234px;
	height: 300px;
	font-size: 14px;
	float: left;
	}
.syoukai2{
	margin: 20px 1px 10px 1px;
	padding: 0px 2px;
	width: 234px;
	height: 300px;
	font-size: 14px;
	float: left;
}
.syoukai3{
	margin: 20px 1px 10px 1px;
	padding: 0px 2px;
	width: 234px;
	height: 300px;
	font-size: 14px;
	float: left;
}
.syoukai4{
	margin: 20px 1px 10px 1px;
	padding: 0px 2px;
	width: 234px;
	height: 300px;
	font-size: 14px;
	float: left;
}
.syoukai5{
	margin: 20px 1px 10px 1px;
	padding: 0px 2px;
	width: 234px;
	height: 300px;
	font-size: 14px;
	float: right;
	
}

#lastbanawrap{
	max-width: 1210px;
	margin: auto;
}
.lastbana1{
	margin: 20px 1px 20px 1px;
	width: 300px;
	float: left;
}
.lastbana2{
	margin: 20px 1px 20px 1px;
	width: 300px;
	float: left;
}
.lastbana3{
	margin: 20px 1px 20px 1px;
	width: 300px;
	float: left;
}
.lastbana4{
	margin: 20px 1px 20px 1px;
	width: 300px;
	float: right;
}


a {
	color:#000;
	outline:none;
    text-decoration:none;
}
li {list-style:none;}
img {
	border:none;
	vertical-align: top;
	max-width: 100%;
}

.clear { clear:both; }

.sp { display:none; }

.inner {
	max-width: 1000px;
	margin:auto;
    position: relative;
}
.inner-item{
	max-width: 900px;
	margin: auto;
	padding: 0px 50px 30px;
	position: relative;
	background: #fff;
	overflow: hidden;
}
a img,
.hover-opa a {
   -webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover img,
.hover-opa a:hover {
	 opacity:0.7 !important;
}



#wrap { min-width: 320px; background: url(/images/bg_dot.gif); }

.title01 {
    text-align: center;
    background: #006b37;
    color: #fff;
    font-size: 24px;
	line-height: 1;
	padding: 15px 0;
    border-top: solid 5px #b79a28;
}

.title02 {
    text-align: center;
    font-size: 24px;
	line-height: 1;
	padding: 20px 0;
	background: #000000;
    border-top: solid 8px #ccbb44;
    border-bottom: solid 3px;
	font-weight: bold;
	font-color: #FFFFFF;
}
.bnr { text-align: center; 
      padding-top: 15px;
}


#head {
	border-top: solid 10px #A5933F;
	background: #fff;
	text-align: center;
}

#nav-area {
   background: #A5933F;
   text-align:center;
}
#nav-area ul {
	padding: 15px 0;
    letter-spacing: -.4em;
}
#nav-area li{
	font-size: 14px;
	box-sizing:border-box;
	text-align:center;
	display: inline-block;
	letter-spacing: normal;
	position:relative;
	margin-left: 40px;
	padding-left: 40px;	
}
#nav-area li:before {
    content: '';
    display: block;
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 3px;
}
#nav-area li:first-child:before { width:0; }

#nav-area li a { color: #fff; font-size:18px; }


#main-img-area {
	text-align:center;
	border-bottom: solid 10px #A5933F;
	background: #fff;
}


#review-area {
	padding: 40px 0 20px;
	background: #fff;
}
#review-area .bnr{
	margin-bottom: 40px;
}

#ranking-area .title {
	text-align:center;
	background: #fff;
    border-top: solid 5px #a58a3f;
    border-bottom: solid 1px #a58a3f;
}
#ranking-area li.no1 , 
#ranking-area li.no2 {
	float: left;
}

#ranking-area li.no3 , 
#ranking-area li.no4 , 
#ranking-area li.no5 {
	float: left;
}

#ranking-area .no3 ,
#ranking-area .no4 , 
#ranking-area .no5{
	width: 290px;
}
#ranking-area .no3{
		clear: both;
}
#ranking-area .no4 ,
#ranking-area .no5{
	margin-left: 15px;
}

#safety-area{
	background: #fff;
}
#safety-area ul{
	padding: 50px 0;
}
#safety-area li {
   text-align: center;
   margin: 0 0 40px;
}

.item-list{
}
.item-list .item-fv{
	text-align: center;
	margin-bottom: 40px;
	background: #fff;
}
.item-list ul{
	margin-bottom: 60px;
}
.item-list li{
	width: 430px;
	float: left;
	margin-bottom: 20px;
}
.item-list li:nth-child(2n){
	margin-left: 40px;
}
.item-list li.full{
	width: 100%;
	float: none;
	margin: 0 0 20px;
}


#gift-area .title {
	text-align:center;
	background: #fff;
    border-top: solid 5px #a58a3f;
    border-bottom: solid 1px #a58a3f;
}
#gift-area li.no1 , 
#gift-area li.no2 , 
#gift-area li.no3{
	margin-bottom: 20px;
}
#gift-area li.no4{
	float: left;
}
#gift-area li.no5{
	float: left;
}
#gift-area li.no6{
	float: right;
}

#set-area{
	padding-bottom: 0;
}
#set-area .item-fv{
	margin-bottom: 0;
}


#limited-area{
	background: #fff;
}
#limited-area .inner-item{
	padding: 0;
}

#tradition-area{
	padding-bottom: 0;
}
#tradition-area .item-fv{
	margin-bottom: 0;
}


#price-area{
	background: #fff;
}
#price-area ul{
	max-width: 680px;
	margin: 75px auto 60px;
}
#price-area ul li:not(:last-child){
	margin-bottom: 15px;
}

#event-footer{
	width: 100%;
	height: 900px;
}

#pgtop{
	width: 80px;
	height: 80px;
	background: #000;
	position: fixed;
	right: 10px;
	bottom: 10px;
	border-radius:80px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	justify-content: -webkit-center;
	justify-content: center;
	flex-direction: -webkit-column;
	flex-direction: column;
	cursor: pointer;
}
#pgtop:hover{
	background: #be1600;
}
#pgtop a{
	color: #fff;
	display: block;
}

.back-btn{
	max-width: 330px;
	margin: 0 auto 60px;
	border: 3px solid #225026;
}
.back-btn a{
	display: block;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding: 20px 40px 20px 20px;
	box-sizing: border-box;
	position: relative;
	background: #fff;
}
.back-btn a:after{
	content: "";
	position: absolute;
	top: 25px;
	margin-left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 17.3px;
	border-color: transparent transparent transparent #225026;	
}
.back-btn a:hover{
	color: #fff;
	background: #225026;
}
.back-btn a:hover:after{
	border-color: transparent transparent transparent #fff;	
}

/*===============================================

   sp style

================================================*/

@media (max-width: 768px) {

	/*===========================================
		 共通 
	============================================*/
	.sp { display: block !important; }
	.pc { display: none; }
	.inner {
            width: 100%;
            box-sizing: border-box;
			padding:0 15px;
        }
	img {
		max-width:100%;
	}
	
    #nav-area ul {  
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#nav-area .inner{
		padding: 0;
	}
	#nav-area li {
		width: 50%;
		line-height: initial;
		text-align: center;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
        background: #A5933F;
        height: auto;
		display: block;
		margin: 0;
		padding: 0;
	}
    #nav-area li:before { display:none; }

	#nav-area li a {
		display: block;
		font-size: 80%;
		padding: 7px 0;
		color: #fff;
	}

	#main-img-area .inner {
		height: auto;
	}
	#main-img-area img {
		position: initial;
	}
	
	#review-area .inner{
		padding: 20px 0 30px;
	}
	
	#safety-area ul{
		padding: 25px 0;
	}
	#safety-area li {
    margin: 0 0 20px;
	}
	
	#ranking-area li.no1, 
	#ranking-area li.no2, 
	#ranking-area li.no3{
		margin-bottom: 10px;
	}
	#ranking-area li.no3 , 
	#ranking-area li.no4 , 
	#ranking-area li.no5{
		width: 32%;
	}
	#ranking-area li.no4 , 
	#ranking-area li.no5{
		margin-left: 2%;
	}
	
	#gift-area li.no5{
	float: left;
	}
	
	#gift-area li.no6{
	float: right;
	}
	
	#gift-area h3{
		font-size: 14px;
		padding: 8px;
		margin-bottom: 20px;
	}
	
	.inner-item{
		padding: 20px 15px 30px;
		box-sizing: border-box;
	}
	.title01,
	.title02 {
		font-size: 14px;
		padding: 10px;
	}
	.item-list .item-fv{
		margin-bottom: 20px;
	}
	.item-list ul{
		margin-bottom: 30px;
	}
	.item-list li{
		width: 48%;
		margin-bottom: 10px;
	}
	.item-list li:nth-child(2n){
		margin-left: 4%;
	}	
	.item-list li.full{
		margin-bottom: 10px;
		margin-left: 0;
	}
	#gift-area .inner-item , 
	#limited-area .inner-item{
		padding: 25px 15px 0;
	}
	
	#price-area ul{
		max-width: 80%;
		margin: 25px auto 50px;
		padding: 0 15px;
		box-sizing: border-box;
	}	

	#pgtop{
		width: 60px;
		height: 60px;
		font-size: 12px;
		right: 5px;
		bottom: 5px;
	}
	
	.back-btn{
		margin: 0 50px 60px;
	}
	.back-btn a{
		display: block;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		padding: 10px 30px 10px 10px;
		box-sizing: border-box;
		position: relative;
		background: #fff;
	}
	.back-btn a:after{
		content: "";
		position: absolute;
		top: 16px;
		margin-left: 20px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 10.3px;
		border-color: transparent transparent transparent #225026;	
	}
}


/*ｓ商品一覧価格サイズ*/
#fs_ProductCategory .fs-c-productPrice__main__price{
 color: #db03c4!important;
 font-size: 22px;
}

/*ｓ商品ページカート横画像*/
#fs_ProductDetails .fs-c-productPlainImage{width:480px;}

/*ｓyoutube動画 レスポンシブ対応*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*ポイントフォントサイズ*/
.fs-c-productPointDisplay {
font-size: 2.0rem!important;
}

/*¥8,000以上お買い上げで送料無料フォントサイズ*/
.fs-p-announcement__title {
    color: #6f1d1d!important;
    font-size: 2.5rem!important;
}


/*後○○送料無料フォントサイズ*/
.fs-c-cartDiscountInfo__info {
color:#ff0078 !important;
font-size: 3rem !important;
}

/*カートないh2フォント修正*/
.fs-c-checkout-preview__title {
    border-bottom: 6px solid #8f1d28 !important;
    font-size: 2.0rem !important;
color:#800000 !important;
}


/*在庫数フォント*/
.fs-c-productStock__number {
    font-size: 2.0rem !important;
}

/*価格フォント*/
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 2.5rem;
color:#b2380f !important;
}

/*パンくずリストから商品名を非表示にするCSS*/
.fs-body-product .fs-c-breadcrumb ol li:last-child {
   display: none;
}

/*予約販売メッセージフォントカラー変更*/
.fs-c-productPreorderMessage {
color:red !important;
}

/*ログインフォントなど*/
.fs-l-header {
font-size: 1.8rem;
    padding-top: 0px;
}

.fs-p-headerUtilityMenu__list {
  font-size: 1.8rem;
}

.fs-pt-menu__link::before, .fs-pt-menu__link::after {
  font-size: 1.8em;
}


.fs-p-headerNavigation__link {
    font-size: 2.0rem;
}

.fs-c-productNameHeading__name {
font-size: 2.5rem;
}

.fs-c-productSelection__name {
    font-size: 1.5rem!important;
}


/*トップランキングCSS*/
.FS2_Recommend2_ranking_horizontal{
margin-bottom:15px;
}
.FS2_Recommend2_ranking_horizontal .CrossHead{
font-weight:bold;/*見出しの装飾*/
font-size:120%;/*見出しの文字サイズ*/
color:#000000;/*見出しの文字色*/
text-align:left;/*見出しの位置*/
padding: 10px;/*見出し枠内の余白*/
background: #ffffff;/*見出しの背景色*/
}
.FS2_Recommend2_ranking_horizontal a{
font-weight:bold;/*商品名の装飾*/
font-size:12px;/*商品名の文字サイズ*/
color:#000000;/*商品名の文字色*/
}
.FS2_Recommend2_ranking_horizontal .itemPrice{
font-size:18px;/*商品価格の文字サイズ*/
color:#ff0000;/*商品価格の文字色*/
}
.FS2_Recommend2_ranking_horizontal .FS2_itemPrice_addition{
font-size:12px;/*消費税表示の文字サイズ*/
color:#000000;/*消費税表示の文字色*/
}
.FS2_Recommend2_ranking_horizontal th{
border:1px solid #000000;/*順位の枠線*/
background:#f9c8ab;/*順位の背景色*/
padding:3px;/*順位の枠内の余白*/
width:126px;/*各商品枠の横幅*/
text-align:center;
}
.FS2_Recommend2_ranking_horizontal td{
border:1px solid #f6f6f6;/*各商品の枠線*/
padding:10px;/*各商品枠内の余白*/
vertical-align:top;
line-height:1.3;
}
.FS2_Recommend2_ranking_horizontal a img{
width: 120px;/*画像の横幅*/
height: 120px;
border:none;
}
.FS2_Recommend2_ranking_horizontal td img{
 margin-bottom:10px;
}

/*youtube CSS*/
.youtube__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.youtube__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/*トップページランキングCSS*/

.tittle {
border-bottom:2px solid #000;
font-size: 25px;
line-height: 0.8;
margin-bottom: -5px;
}

.item {
border-bottom: #736F6F 1px solid;
font-size: 18px;
margin-top: -5px;
margin-bottom: -10px;
}

.price {
color: red;
}



.fs-c-productSelection__name {
    font-size: 2rem;
}

.fs-client-cart-count{
 font-color: white!important;
}

.fs-c-productReview {
 width: 1200px!important;
}


/*商品ページ 個数まわり*/
.fs-c-productQuantityAndWishlist__quantity::before, .fs-c-productQuantityAndAction__quantity::before {
    content: "個数";
    display: block;
    margin-right: 10px;
    font-weight: bold;
    width: 90px;
}


.fs-pt-menu__link--lv1 {
  color: #0000EE !important;
}


/*期限栄養成分関連CSS*/
.eiyou{
font-size: 18px;
font-weight: bold;
}

.table_seibun {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
  font-size: 14px;
}
.table_seibun th, .table_seibun td {
  border: 2px solid #fff;
  background-color: #FCF9E6;
  padding: 10px 30px;
}
.table_seibun th {
  background-color: #6D0406;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 40%;
  min-width: 4em;
  position: relative;
}
.table_seibun th::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border: 10px solid transparent;
  border-left: 10px solid #6D0406;
  z-index: 2;
}
.table_seibun th::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 2px);
  transform: translateY(-50%);
  border: 12px solid transparent;
  border-left: 12px solid #fff;
  z-index: 1;
}
/*期限栄養成分関連CSSここまで*/

/*ヘッダーナビゲーションメニュー*/
.fs-p-headerUtilityMenu {
 padding-bottom: 50px;
}