img{
vertical-align:top;
}

/*ヘッダー*/
.fs-p-scrollingCartButton__button .fa-shopping-cart{
font-size:2.5em;
margin-bottom:5px;
}
.logo{

width:100%;
padding:2%;

}

.logo_img{
padding:0 0 0 2%;
width:80%;
margin-top:-5px;
}


.header_sp{

display:flex;

}

.header_navi_sp{

display:flex;
padding:0;
margin:0;
}

.header_navi_sp li{

width:25%;
list-style-type:none;
text-align:center;
background:#ffa800;
padding-top:10px;
padding-bottom:10px;
border-right:2px solid #ffffff;

}

.header_navi_sp li i{

font-size:2.5em;
color:#efe399;
margin-bottom:10px;

}



.header_navi_sp li span{

display:block;
font-size:13px;
font-weight:bold;

}

.fs-client-subscriptionCart-count{

position: absolute;
    background: red;
    color: #ffffff !important;
    border-radius: 50%;
    right: -2px;
    width: 15px;
    top: -4px;

}

/* グルーバルメニュー ヘッダー */
nav.globalMenuSpHeader {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.6s;
    width: 75%;
    -webkit-overflow-scrolling: touch;
border-right:1px solid #cccccc;
}
 
nav.globalMenuSpHeader ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSpHeader ul li {
    font-size: 1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #333;
text-align:left;
padding-left:10px;
position:relative;
}

nav.globalMenuSpHeader ul.category li:after{

content: ">";
    position: absolute;
    top: 30%;
    right: 5px;
    font-weight: bold;

}

nav.globalMenuSpHeader ul.scene li:after,
nav.globalMenuSpHeader ul.shop-info li:after{

content: ">";
    position: absolute;
    top: 30%;
    right: 5px;
    font-weight: bold;

}

nav.globalMenuSpHeader ul li img{
margin-right:10px;
vertical-align: middle;
}

nav.globalMenuSpHeader ul li span{
vertical-align: middle;
}
 
/* 最後は点線のラインを描かない */
nav.globalMenuSpHeader ul li:last-child {
    padding-bottom: 0;
}
 
nav.globalMenuSpHeader ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSpHeader.active {
    transform: translateX(0%);
}
 
/* メニュー内ヘッダ */
nav.globalMenuSpHeader .menuHeader {
    background: #ffdb99;
    padding: 0.7em 0.5em;
    font-size: 1.6rem;
    text-align: left;
margin-top:20px;
}
 
/* メニューだけをスクロールさせる工夫 */
.overflowHidden {
    overflow: hidden;
}

.navToggleHeader {
    display: block;
    position: absolute;
    right:10px;
    top: 50px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 10000;
    text-align: center;
}
 
.navToggleHeader span {
    display: block;
    position: absolute;    /* .navToggleHeaderに対して */
    width: 50px;
    border-bottom: solid 5px #652502;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggleHeader span:nth-child(1) {
    top: 9px;
}
 
.navToggleHeader span:nth-child(2) {
    top: 22px;
}
 
.navToggleHeader span:nth-child(3) {
    top: 35px;
}
 
.navToggleHeader span:nth-child(4) {
    border: none;
    color: #652502;
    font-size: 12px;
    font-weight: bold;
    top: 47px;
}

/* 最初のspanをマイナス45度に */
.navToggleHeader.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggleHeader.active span:nth-child(2),
.navToggleHeader.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* グルーバルメニュー フッター */
nav.globalMenuSp {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.6s;
    width: 75%;
    -webkit-overflow-scrolling: touch;
border-right:1px solid #cccccc;
}
 
nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #333;
text-align:left;
padding-left:10px;
position:relative;
}

nav.globalMenuSp ul.category li:after{

content: ">";
    position: absolute;
    top: 30%;
    right: 5px;
    font-weight: bold;

}

nav.globalMenuSp ul.scene li:after,
nav.globalMenuSp ul.shop-info li:after{

content: ">";
    position: absolute;
    top: 30%;
    right: 5px;
    font-weight: bold;

}

nav.globalMenuSp ul li img{
margin-right:10px;
vertical-align: middle;
}

nav.globalMenuSp ul li span{
vertical-align: middle;
}
 
/* 最後は点線のラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateX(0%);
}
 
/* メニュー内ヘッダ */
nav.globalMenuSp .menuHeader {
    background: #ffdb99;
    padding: 0.7em 0.5em;
    font-size: 1.6rem;
    text-align: left;
margin-top:20px;
}
 
/* メニューだけをスクロールさせる工夫 */
.overflowHidden {
    overflow: hidden;
}

.navToggle {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 5px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 10000;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 50px;
    border-bottom: solid 5px #652502;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 22px;
}
 
.navToggle span:nth-child(3) {
    top: 35px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #652502;
    font-size: 12px;
    font-weight: bold;
    top: 47px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tabs{
  width:100%;
  margin:10px auto;
  position:relative;
}
.tab-buttons span{
  font:bold 18px 'open sans',sans-serif;
  color:#333;
  background:#f8f6ec;
  cursor:pointer;
  border-bottom:2px solid #ddd;
  display:block;
  width:33.3%;
  float:left;
  text-align:center;
  height:60px;
  line-height:60px;
}
.tab-content{
  border-bottom:3px solid #ddd;
  background:#f8f6ec;
  display:inline-block;
  font:400 13px 'open sans',sans-serif;
  color:#333;
}
#lamp{
  width:33.3%;
  height:4px;
  background:#996500;
  display:block;
  position:absolute;
  top:56px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content2{
  left:33.3%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content3{
  left:66.6%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content1{
  left:0;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}

.suigo_info_sp{
padding:0;
margin:0;
}

.suigo_info_sp li{
display:inline-block;
margin:1%;
text-align:center;

}

.category_sp{
padding:2% 2% 2% 2%;
margin-bottom:0%;
width: 49%;
display: inline-block;
}

.category_sp h3{
font-size:1em;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
padding-left:2%;
text-align:center;
color:#000000;
}

.category_sp a{



}


.scene_sp{
padding:0;
margin:0;
}

.scene_sp li{

display:inline-block;
width:47%;
margin:1%;
text-align:center;
vertical-align:top;
}

.scene_sp p{

color:#000000;

}

.shop_info{

padding:0;
maegin:0;

}

.shop_info li{

line-height:3em;
list-style-type:none;
font-size:1.2em;
background:#fcf5b8;
padding:2%;
margin-bottom:1%

}


.shop_info a{
color:#000000;
}

.sns_icon{

padding:0;
margin:0 auto;

}

.sns_icon li{

list-style-type:none;
display:inline-block;
width:32%;
padding:3%;

}

.sns_icon li a.blog{
background:#fa9b2c;
color:#ffffff;
padding:1%;
font-size:2.5em;
display:block;
text-align:center;
}

.sns_icon li a.facebook{
background:#3b579d;
color:#ffffff;
padding:1%;
font-size:2.5em;
display:block;
text-align:center;
}

.sns_icon li a.twitter{
background:#54aced;
color:#ffffff;
padding:1%;
font-size:2.5em;
display:block;
text-align:center;
}

.nav-item i {
  display: block;
  font-size: 24px;
}
.nav-item a span {
  display: block;
  font-size: 10px;
}
.nav-list {
  display: table;
  padding: 0;
  list-style: none;
  text-align: center;
margin:0;
}
.nav-item {
  display: table-cell;
  padding: 4px 0px;
background:#ffffff;
}
.nav-list {
  table-layout: fixed;
  width: 100%;
}
.nav-list {
  border-collapse: collapse;
}
.nav-item {
  border: solid 1px gray;
}
.global-nav {
  position: fixed;
  left: 0;
  bottom: 0;
}
.footer {
  margin-bottom: 48px;
}

.fs-p-footerCopyright{

margin-bottom:60px;

}
.fs-p-searchForm{

padding:2%;
background:#f8f6ec;

}

.fs-p-inputGroup__input{

width:83% !important;
border:1px solid #000000;
margin:1%;
line-height:2em;

}

.fs-p-inputGroup__button{

line-height:2em;
padding:3px 5px;
letter-spacing: 0.2em;
}

h2.top_title{
font-family: "M PLUS Rounded 1c";
    line-height: 35px;
    font-weight: bold;
    color: #996500;
    text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
    background: linear-gradient(transparent 50%, #ee9520 50%);
    border-bottom: 5px dotted #fff;
    margin-top: 0;
    letter-spacing: 0.1em;
line-height:2em;
font-weight:bold;
font-size:1.4em;
color:#996500;
margin-right:5px;
margin-left:5px;
}

h2.top_title i{

margin-right:10px;

}

#fix-footer * {
	padding:0;
	margin:0;
	line-height:1;
	font-size: 16px;
	color: #652502;
	text-decoration: none;
	box-sizing: border-box;
	list-style: none;

}
#fix-footer {
	border: 1px solid #ffa800;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;

}
#fix-footer .main-nav {
	display: flex;
	background-color: #FCEF99;
}
#fix-footer .main-nav li {
height: 66px;
width: 25%;
text-align: center;
vertical-align: middle;
}

#fix-footer .main-nav li i{

font-size:2em;
margin-bottom:5px;

}

#fix-footer .sub-nav {
	display: none;
	background-color: #FCEF99;
}
#fix-footer .sub-nav li {
	border-bottom: 1px dotted #ffa800;
}
#fix-footer .sub-nav li a {
display: block;
width: 100%;
height: 100%;
padding: 12px 10px;
position: relative;
font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif;
}
#fix-footer .sub-nav li a i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#fix-footer .main-nav li + li {
	border-left: 1px solid  #ffa800;
}
#fix-footer .main-nav li b,
#fix-footer .main-nav li a {
font-size: 14px;
font-weight: normal;
display: block;
width: 100%;
height: 100%;
padding-top: 10px;
line-height: 1.6;
font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif;
}

#fix-footer .main-nav .menu-btn a i {
	font-size: 18px;
}
#fix-footer .main-nav li b span {
	font-size: 14px;
}
#fix-footer {
	padding-bottom: env(safe-area-inset-bottom);
	background-color: rgba(255,255,255,0.95);
}

.media_top_sp{

background:url(https://suigo.itembox.cloud/item/top/sptopmedia.jpg?t=20260823164341);
background-size:contain;
background-repeat:no-repeat;
position:relative;
height:350px;
}

.media_top_sp ul{

padding:0;
margin:0;
position:absolute;
top:28%;
left:5%;
color:#ffffff;
 overflow: scroll;
height:200px
}


.media_top_sp ul li a{

color:#ffffff;
text-decoration:underline;
}

::-webkit-scrollbar{
　　width: 10px;
}
::-webkit-scrollbar-track{
　　background: #fff;
　　border-left: solid 1px #ececec;
}
::-webkit-scrollbar-thumb{
　　background: #ccc;
　　border-radius: 10px;
　　box-shadow: inset 0 0 0 2px #fff;
}


.Member_shopping .fs-c-button__label::before {
    content: "会員様はコチラ";
    display: block;
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: bold;
}

.First_shopping .fs-c-button__label::before {
    content: "はじめてのお客様はコチラ";
    display: block;
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: bold;
}

.fs-c-productPrice--selling{

margin-bottom:8px;

}


/*商品説明文小*/
table.product_info_01,
    table.product_info_02{
        
        width:100%;
        border-collapse: collapse;
        
    }
    
    table.product_info_01 th{
        
        height:1.2em;
        padding:5px;
        background:#FFFFCC;
        color:#FF6600;
        font-size:1em;
        line-height:1.3;
        border:1px solid #FF6600;
        text-align:left;
        font-weight:400;
    }
    
    table.product_info_01 td{
        height:1.2em;
        padding:5px;
        background:#ffffff;
        font-size:1em;
        line-height:1.3;
        border:1px solid #FF6600;
        color:#666666;
    }

    table.product_info_01 td img{
      width:100%;
    }
    
    table.product_info_01 td a,
    table.product_info_02 td a{
        
        color:#0000FF;
        font-size:0.9em;
    }
    
    table.product_info_01 td span.pink{
        
        color:#ff99cc;
        
    }
    
    table.product_info_01 td span.red{
        
        color:#ff0000;
        font-weight:bold;
    }
    
   
    
    table.product_info_02 td{
        
        width:50%;
        padding:5px;
        background:#ffffff;
        font-size:1em;
        line-height:1.3;
        border:1px solid #FF6600;
        color:#666666;
               
    }

h2.info_payment_title,
h2.info_shipping_title{

position: relative;
padding: 1.5rem 1rem;
line-height:4rem;
background:#ff9700;
color:#ffffff;

}



h3.info_payment_subtitle{

border-left:5px solid #ff9700;
padding-left:10px;
line-height:3.6rem;
font-size:1.4em;
}

p.info_payment_text span.red,
p.info_payment_box span.red,
p.info_shipping_text span.red{

color:#cc0000;
font-weight:bold;
font-size:1.1em;

}

p.info_payment_box,
p.info_shipping_box{

border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:10px;
}

p.info_payment_text,
p.info_shipping_text{

border-bottom:1px solid #000000;
margin-bottom:40px;
padding:10px;
line-height:2em;
}

table.info-table td.info-crl-white > td{
width:100%;
display:block;
}

/* --------- パネルナビ ---------- */
ul.fsamp_panelNav{  text-align:center;}
ul.fsamp_panelNav li{  display:inline-block;  border:1px solid #aaa;  margin:0 1% 2% 1%;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  box-shadow:0px 0px 3px #666; width:29.3%;}
ul.fsamp_panelNav li img{  width:100%;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  height:auto;  display:block;}
ul.fsamp_panelNav li,ul.fsamp_panelNav li img{  border-radius:5px;}


/*商品価格（商品詳細表示時）*/
/*色*/
.FS2_body_Goods_GoodsDetail .itemPrice {color: #ee0000;}


/* --------- 商品リスト --------- */
ul.fsamp_itemList{ 
 margin:6px 0 20px 0; 
 text-align:left; 
padding:0;
}

ul.fsamp_itemList li{ 
 width:46%; 
 display:inline-block; 
 margin:0 1% 2% 1%; 
 padding:0; 
 -moz-box-sizing:border-box; 
 -webkit-box-sizing:border-box; 
 -ms-box-sizing:border-box; 
 box-sizing:border-box; 
 border:1px solid #aaa; 
 background-color:#fff; 
 box-shadow:0px 0px 4px #ccc;
 vertical-align:top;
}

ul.fsamp_itemList li img{ 
 width:100%; 
 height:auto; 
 margin-bottom:5px; 
 -moz-box-sizing:border-box; 
 -webkit-box-sizing:border-box; 
 -ms-box-sizing:border-box; 
 box-sizing:border-box; 
 display:block; 
 border:5px solid #dfdfdf;
}

ul.fsamp_itemList li span{ 
 display:block; 
 color:#666;
}

ul.fsamp_itemList li span.fsamp_itemName{ 
 text-align:left; 
 padding:2px;
 color:#0033CC;
}

ul.fsamp_itemList li span.fsamp_itemNote{ 
 text-align:left; 
 padding:2px;
 font-size:13px;
 color:#333333;
}

ul.fsamp_itemList li span.fsamp_itemPrice{ 
 text-align:center; 
 padding:2px;
 font-size:13px;
 color:#ee0000;
}

/* 「このページをPC用に切り替え」文字部分背景色 */
.FS2_SystemNav_btnPC {
  background: rgba(50, 40, 30, 0.5);
  border-color: #dd0000;
  background-color:#dd0000;
}

/* おすすめ商品を非表示 */ 
.FS2_RecommendItemList{display:none;} 



/* --------- レシピページ --------- */
ul.fsamp_recipe{ 
 margin:6px 0 20px 0; 
 text-align:left; 
}

ul.fsamp_recipe li{ 
 width:46%; 
 display:inline-block; 
 margin:0 1% 2% 1%; 
 padding:0; 
 -moz-box-sizing:border-box; 
 -webkit-box-sizing:border-box; 
 -ms-box-sizing:border-box; 
 box-sizing:border-box; 
 border:1px solid #aaa; 
 background-color:#fff; 
 box-shadow:0px 0px 4px #ccc;
 vertical-align:top;
}

ul.fsamp_recipe li img{ 
 width:100%; 
 height:auto; 
 margin-bottom:5px; 
 -moz-box-sizing:border-box; 
 -webkit-box-sizing:border-box; 
 -ms-box-sizing:border-box; 
 box-sizing:border-box; 
 display:block; 
 border:5px solid #dfdfdf;
}

ul.fsamp_recipe li span{ 
 display:block; 
 color:#666;
}

ul.fsamp_recipe li span.fsamp_recipeName{ 
 text-align:left; 
 padding:2px;
 font-size:15px;
 color:#333333;
}

ul.fsamp_recipe li span.fsamp_recipeNote{ 
 text-align:center; 
 padding:2px;
 font-size:13px;
 color:#0033cc;
}


/*　通信欄の高さ調節　　*/ 
table.FS2_SettleEdit_list_Communication.FS2_table textarea#communication { 
height: 300px; 
}


/* youtube動画の表示サイズ調整 */
.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/* 会員登録フォームのメルマガ受信可否画像を100％表示 */
.mail_entry img {width:100%;}


/* カートのセンター表示 */
.FS2_InCartButton {
  float: left;
}

.FS2_InCartButton {
  width: 100%;
}


/* 検索ボタンの装飾 */
#search .btn_search {
background-color: #8B4513;
border-radius:0;}


#Cart_Button {
left: 0;
bottom: 100px; /* ここで表示位置の高さを変更できます */
z-index: 1000;
width: 100%;
display: block;
position: fixed;
}

#Cart_Button ul {
padding: 0;
margin: 4px 0 0;
}

#Cart_Button ul li {
list-style: none;
float: right;
width: 3em; /* ここで表示画像の大きさを変更できます */
}

#Cart_Button ul li img {
width: 100%;
} 


/**--------サムネイル2列表示--------**/
 .fs_goods_container{
   width: 47%;
   margin: 1%;
   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%;
   font-size:50%;
 }
 .fs_goods_container th img{
   width:95%;
 }
 .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;
 }


/* フローティングバナーの設置 */

#footerFloatingMenu {
    display: block;
    width: 98%;
margin-right:1%;
margin-left:1%;
    position: fixed;
    left: 0px;
    top:2px;
    z-index: 9;
    text-align: center;
    padding: 0 auto;

}
 
#footerFloatingMenu img {
    max-width: 99%;
}

#header_sp{

z-index:999;
background:#ffffff;
position:relative;

}


/*  モバイルフレンドリー用の幅調整 */

#FS2_layout_body{width:99%;}



/*  商品詳細ページ　フッター追従バナー（宮松さん） */

#fix-footer * {
	padding:0;
	margin:0;
	line-height:1;
	font-size: 16px;
	color: #652502;
	text-decoration: none;
	box-sizing: border-box;
	list-style: none;

}
#fix-footer {
	border: 1px solid #ffa800;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;

}
#fix-footer .main-nav {
	display: flex;
	background-color: #FCEF99;
}
#fix-footer .main-nav li {
height: 65px;
width: 25%;
text-align: center;
vertical-align: middle;
}
#fix-footer .sub-nav {
	display: none;
	background-color: #FCEF99;
}
#fix-footer .sub-nav li {
	border-bottom: 1px dotted #ffa800;
}
#fix-footer .sub-nav li a {
display: block;
width: 100%;
height: 100%;
padding: 12px 10px;
position: relative;
font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif;
}
#fix-footer .sub-nav li a i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#fix-footer .main-nav li + li {
	border-left: 1px solid  #ffa800;
}
#fix-footer .main-nav li b,
#fix-footer .main-nav li a {
font-size: 14px;
font-weight: normal;
display: block;
width: 100%;
height: 100%;
padding-top: 10px;
line-height: 1.4;
font-family: YuGothic, "Original Yu Gothic", Meiryo, sans-serif;
}

#fix-footer .main-nav .menu-btn a i {
	font-size: 18px;
}
#fix-footer .main-nav li b span {
	font-size: 14px;
}
#fix-footer {
	padding-bottom: env(safe-area-inset-bottom);
	background-color: rgba(255,255,255,0.95);
}




/*  スマホ商品ページの上部のイベントバナー用 */

/*スマホ*/ 
@media screen and (max-width:480px){ 


#pointbaner{

height:90px;
Width:100%;

}

}

/*タブレット*/ 
@media screen and (min-width:768px){ 


#pointbaner{

height:160px;
Width:100%;

}


}

/*iPad Pro*/
@media screen and (min-width:1024px){ 



#pointbaner{

height:200px;
Width:100%;

}


}

.sp_step_img{

width:100%;
margin-bottom:20px;

}

/* category */
#ft_categoryarea {
	width:98%;
	margin:0 auto 0.75rem;
	padding:3% 0;
	background-color:#fcfcda;
}


ul#ft_category  {
	display:block;
	width:100%;
	margin-bottom:1em;
padding:0;
	}

ul#ft_category li {
	display:block;
	float:left;
	width:32%;
	padding:0; margin:0;
	overflow:hidden;
	margin-bottom:1%;
	margin-right:1%;
}

ul#ft_category li:nth-child(3n) {
	display:block;
	float:left;
	width:32%;
	overflow:hidden;
	margin-bottom:1%;
	margin-right:0%;
}

ul#ft_category li img { width:100%; }

.headding_M {
    margin: 0.75em 0;
}

.FS2_aC {
    text-align: center;
}

.fs-c-button--myPageTop{

background: #ff9700 !important;
    border-radius: 50px !important;
    font-size: 1.8rem;
    line-height: 3.6rem;
    color: #ffffff !important;
    padding: 1% 6% !important;

}

.pc_tokuten{
display:none;
}

.fs-c-confirmOrder--rakutenPay .fs-c-buttonContainer{

background:#bf0000;
margin-top:10px;

}

h2.suigo_osusume_title_sp{

padding-left:10px;
line-height:3.6rem;
border-bottom:1px solid #000000;
font-size:1.8rem;

}

.bcs_overlay{

width:100%;
height:100%;
background:rgba(255,255,255,0.93);
position:absolute;
display:none;
top:0;
left:0;
z-index:100;
}

body.overflowHidden .bcs_overlay{
display:block;

}

.is-loggedIn--false{

display:none;

}

.fs-p-welcomeMsg--true{

display:none;

}

.regi_button{

    background: #ff9700;
border:2px solid #ff9700;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #ffffff !important;

}

.login_button{

    background: #ffffff;
border:2px solid #ff9700;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #ff9700 !important;

}

.guest_name{

font-weight:bold;

}

.regist_merit{

font-size:0.8em;

}

.regist_merit .point_300{

font-size:1.2em;
color:#cc0000;
font-weight:bold;

}

.member_point{

font-size:0.8em;
line-height:1.8rem;

}

.member_point .menber_point{

font-size:1.2em;
color:#cc0000 !important;
font-weight:bold;
}

.member_coupon,
.member_mypage{

display:block;
background:#ff9700;
width:80%;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
border-radius:5px;
color:#ffffff !important;

}

.member_logout{

display:block;
background:#ffffff;
border:2px solid #ff9700;
width:80%;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
border-radius:5px;
color:#ff9700 !important;

}

.fs-c-continueShopping .fs-c-button--standard{
background:#ff9700;
color:#ffffff !important;
font-size:1.8rem;
border:#ff9700;
}

.footer_cart{
padding:3%;

}

.footer_cart_title{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #000000;
    line-height: 4rem;
}

/* contents
----------------------------------------------------*/
#page {  
	width: 100%;
	max-width:770px;
	min-width:240px;
	margin: 0 auto;
	padding: 0;
}

/* midashi */
.hdtxt { 
	width:100%;
	padding:0.2em 0;
	font-size:1.4em;
	font-weight:bolder;
	text-align:center;
	background-color: #006000;
	color:#FFF;
	}
/* itemlist table */	
.itemlist2 { width:100%; padding:0;
		border-collapse:separate; border-spacing:6px;
	}
.itemlist2 td {
	width:50%;
	 }
	 
.itemlist3 { width:100%; margin-bottom:1.0em;
		border-collapse:separate; border-spacing:2px;
		}

.itemlist3 td {
	width:33%;
	 }


/* 鍋ページ用
----------------------------------------------------*/

.menucatch{
	font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif!important;
	font-size:1.3em;
	font-weight:bold;
	color:#bf0000;
	margin:0 0 10px 0;
	padding:0;
}


.contentstitle{
	font-size:2.2em; font-family:‘游明朝’, YuMincho,ＭＳ Ｐ明朝,ＭＳ 明朝;
}

.menutitle{
	font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif!important;
	color:#bf0000;
	font-weight:bold;
	text-align:center;
}


.syoutitle{
	font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif!important;
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0;
}

.syoukakaku{
	font-weight:bold;
	font-size:0.9em;
	color:#ff0000;
	margin:0;
}


.syoutitle2{
	font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif!important;
	font-size:1.0em;
	font-weight:bold;
	margin:0;

}

.syoutxt{
	line-height:1.5em;
}

.syouset{
	font-size: 0.9em;
	line-height:1.5em;
	text-align:center;
	color:#ffffff;
}


.setutxt{
	font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif!important;
	line-height:1.5em;
}

.setutitle{
	font-size:1.2em; color:#bf0000; font-weight:bold;
}

.reviewsetu{
	font-size:0.9em;
	line-height:1.5em;
}

.txthaikeicolor{
	background-image: linear-gradient(transparent 50%, #ffff00 50%);
}

.itemlist01{

margin:0;
padding:0;

}

.itemlist01 li{

list-style:none;

}

.xmas-title,
.nabe-title{
font-size:0.9em;

}

h3.hdimg b{

font-size:0.75em;
line-height:3.6rem;
}



.tenpo{
font-size:2rem;
}

.tenpo small{
text-align:center;
display:block;
}

.tenpo p.koe{
border-bottom:1px solid #000000;
padding-bottom:20px;
}

.tenpo p.center{
text-align:center;
}

.tenpo a{
text-decoration:underline;
color:rgb(0,0,255)
}

.tenpo span.red{
color:#cc0000;
}

.tenpo span.orange{
color:#ff6600;
font-size:1.2em;
}

.tenpo span.green{
color:#006600;

}




.tenpo marquee{
border-top:2px solid #ff9900;
border-bottom:2px solid #ff9900;
line-height:5rem;

font-weight:bold;
color:#cc0000;
}

.tenpo ul.main_list{
padding:0;
margin:0;
}

.tenpo ul.main_list li{
list-style:none;
line-height:6rem;
}

.tenpo ul.list li{

line-height:6rem;
}

.tenpo ul.tenpo_footer{
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding:0;
margin-top:20px;
margin-bottom:20px;
}

.tenpo_footer li{
line-height:2em;

}


.fs-c-productOption__name,
.fs-c-productSelection__name {
    background-color: #F8C000 !important;
    border: 1px solid #D2691E;
    color: #800000;
}

.fs-c-productOption__option,
.fs-c-productSelection__selection {
    border: 1px solid #D2691E;
    color: #800000;
}

/*ヘッダーお知らせ*/
.sp_header_infomation{

border:2px solid #ee0000;
padding:1%;
margin-top:10px;
margin-bottom:10px;
}

.tenpo_logo{
padding:3%;
}

.history_pc{

display:none;

}

.fs-c-buttonContainer form{

width:100%;

}

/*************************/
/****名古屋コーチン鍋CSS*****/
/************************/

    .rstLinkCmnBlock {}
    .rstLinkCmnBlock2 li {
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    background: #fff;
    width:80%;
    margin:auto;
    }
    .rstLinkCmnBlock2 li:first-child {
    border-top: 1px solid #bebebe;
    }
    .rstLinkCmnBlock2 li a:link,
    .rstLinkCmnBlock2 li a:visited,
    .rstLinkCmnBlock2 li a:active,
    .rstLinkCmnBlock2 li a:hover {
    color: #333;
    padding: 10px 7px;
    display: block;
    background: url("https://r.r10s.jp/com/img/home/smart/common/icn_move_arrow.png") 98% 50% no-repeat;
    -webkit-background-size: 8px 13px;
    -moz-background-size: 8px 13px;
    -ms-background-size: 8px 13px;
    background-size: 8px 13px;
    }
    
    /*
    dt::before {
    content: "Q.";
    color: #ff0000;
    margin-right:10px;
    }
    dd::before {
    content: "A.";
    color: #ff0000;
    margin-right:10px;
    font-weight: bold;
    }
/*
    
    
    .item img {
    }
    
    
    .item a:hover img {
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
    background: white;
    }
    
    
    .p {
    word-break: break-all;
    }
    
    
    
    
    
    
    .kotintitlersp{
    font-size:1.6em; font-family:‘游明朝’, YuMincho,ＭＳ Ｐ明朝,ＭＳ 明朝;
    color:#bf0000;
    font-weight:bold;
    margin:0 0 5px 0;
    }
    
    
    .kotintitlegsp{
    font-size:1.5em; font-family:‘游明朝’, YuMincho,ＭＳ Ｐ明朝,ＭＳ 明朝;
    color:#003300;
    font-weight:bold;
    margin:0 0 5px 0;
    }
    
    
    .kotinkakausp{
    font-size:1.5em; font-family:‘游明朝’, YuMincho,ＭＳ Ｐ明朝,ＭＳ 明朝;
    font-weight:bold;
    }
    
    
    .hr_dotssp{
    border-width: 1px 0 0 0;
    border-style: dotted;
    border-color: #330000;
    }
    
    
    .hr_dotbsp{
    border-width: 3px 0 0 0;
    border-style: dotted;
    border-color: #bf0000;
    margin: 5px 0 15px 0;
    }
    
    
    
    
    .select_sizesp{
    width:55px;
    height:30px;
    font-size:1.3em;
    }
    
    
    .submit_imgsp{
    border: 0px;
    width:320px;
    height:50px;
    background: url(https://suigo.itembox.cloud/item/img/nabe/191108cart.gif) left top no-repeat;
    }
    
    
    
    
    .submit_imgsp:hover {
    cursor:pointer;
    opacity: 0.7;
    }

/*********************/
/****ギフトページCSS*****/
/********************/

.rstLinkCmnBlock {}
.rstLinkCmnBlock2 li {
border-bottom: 1px solid #bebebe;
border-right: 1px solid #bebebe;
border-left: 1px solid #bebebe;
background: #fff;
width:80%;
margin:auto;
}
.rstLinkCmnBlock2 li:first-child {
border-top: 1px solid #bebebe;
}
.rstLinkCmnBlock2 li a:link,
.rstLinkCmnBlock2 li a:visited,
.rstLinkCmnBlock2 li a:active,
.rstLinkCmnBlock2 li a:hover {
color: #333;
padding: 10px 7px;
display: block;
background: url("https://www.suigo.co.jp/gift/icn_move_arrow.png") 98% 50% no-repeat;
-webkit-background-size: 8px 13px;
-moz-background-size: 8px 13px;
-ms-background-size: 8px 13px;
background-size: 8px 13px;
}


/********************/
/****テキスト用CSS*****/
/*******************/

/*文字を赤くする*/
.red{
color:#ee0000;
}

/*文字を緑にする*/
.green{
color:#006600;
}

/*文字を青（リンク）にする*/
.blue{
color:#0033cc;
}

/*オレンジのアンダーラインを引く*/
.underline{
background:linear-gradient(transparent 65%, #ffcc66 65%);
}

/*文字を20%大きくする*/
.big20{
font-size:1.2em;
}

/*文字を50%大きくする*/
.big50{
font-size:1.5em;
}

/*文字を100%大きくする*/
.big100{
font-size:2em;
}

/*太文字にする*/
.bold{
font-weight:bold;
}

/*テキストを真ん中に寄せる*/
.align-center{
text-align:center;
}










/********************/
/****アコーディオン用CSS*****/
/*******************/

/*ボックス全体*/
.acd-label {
    color: #FFFFFF;
    font-weight: bold;
    background: #4f96f6;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    margin-top: 10px;
    margin-bottom: 1px;
    padding: 12px 10px;
    max-width: 400px;
    text-decoration: none;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
    border-radius: 6px;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 10;
}
.acd-content {
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    text-align: left;
    line-height:1.2em;
}
.acd-check {
    display: none;
}
.accbox {
    margin: 2em 0;
    text-align: center;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #FFFFFF;
    font-weight: bold;
    background: #4f96f6;
    cursor :pointer;
    transition: all 0.5s;
  text-decoration: none;
  border-bottom: solid 4px #627295;
  border-radius: 4px;
}

.accbox label:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*アイコンを表示*/
.accbox label:before {
font-family: "Font Awesome 5 Free";
  content: "\f105";
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#6bb6ff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    margin-top:20px;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    text-align:left;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 0;
    background: #FFFFFF;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px
    
}

.cssacc:checked + label:before {
    content: '\f107';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
}

.acd-check:checked + .acd-label:before {
    content: '\f107';
}