@charset "utf-8";

/*共通*/
body {
    background: #fff;
}
#fs_Top .fs-l-main {
    margin: 0px auto;
    padding: 0px;
    max-width: 1216px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
h2.title_block.img_block {
    margin-top: 0px;
}
h2.title_block.img_block {
    margin: 0px;
    background: #000000;
    padding: 5px 20px;
}
a:visited {
    color: #000;
}
p.fs-p-logo__lead {
    display: none;
}


/*ドロワメニュー*/
section#side-info {
    display: none;
}
section#side-banner {
    display: none;
}
aside.fs-p-drawer.fs-l-sideArea {
    background: #fff;
}
h2.fs-p-drawer__heading {
    display: none;
}
nav#side-nav {
    display: none;
}
.sideNavArea {
	background: #FFF;
	padding-bottom: 150px;
}
.sideNavArea dl{
	float: left;
	padding-top: 20px;
	font-size: 9px;
}
.sideNavArea dl:first-child{
	margin-right: 30px;
}
.sideNavArea dt { 
    padding-left: 10px;
	margin-bottom: 10px;
}
.sideNavArea dt span {
    margin-right: 3px;
}
.sideNavArea dt img {
	float: left;
    margin-right: 10px;
    margin-top: 2px;
}
.sideNavArea dt .ui-link {
	color: #333;
	font-weight: normal;
}
.fs-p-drawer {
    background: #ffffff;
    box-shadow: 1px 1px 5px #b2b2b2;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 0px;
    transform: translateX(-101%);
    z-index: 2;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
.sideNavArea dl {
    float: left;
    padding-top: 20px;
    font-size: 9px;
    padding-right: 20px;
}
/*.fs-clientInfo.is-ready {
    padding: 10px;
    margin-bottom: 10px;
}*/
.fs-p-drawer__loginLogout__logout, .fs-p-drawer__loginLogout__login {
    border: 1px solid #000;
    border-radius: 20px;
    color: #3c3c3c;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
}

/*ヘッダー*/
.fs-l-header {
    z-index: 9999;              /*最前化*/
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: 0px auto 0px;
    -ms-grid-columns: 4em 1fr 4em;
    grid-template-columns: 4em 1fr 4em;
    align-items: start;
    background-image: url({% items[/add/sphone/img/common/bg_header.png] %}) ;
    /*position: fixed; */           /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 100px;    
   
 padding-top: 0px;
  
}
.fs-l-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 4em 1fr 4em;
    grid-template-columns: 4em 1fr 4em;
    align-items: start;
    /*background: #000000;*/
  
}
.fs-l-header {
    padding-top: 0px;
    padding: 0px;
    margin: 0px;
    height: 58px;



}
.fs-p-drawerButton__icon {
    font-size: 2.2rem;
}
.fs-p-drawerButton__label {
    display: none;
}
.fs-p-logo__image {
    max-height: 36px;
    margin-top: 10px;
    
}
.fs-p-headerNavigation__link:visited {
    color: #000;
}
.fs-p-headerNavigation__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 6px!important;
    padding-right: 6px;
}
span.fs-p-cartItemNumber.fs-client-cart-count.fs-clientInfo.is-ready {
    padding: 0.25em 0.4em;
}
.fs-p-logo__image {
    max-height: 58px;
    margin-top: 0px;
}
.fs-p-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;

}

.fs-l-header {
    padding-top: 0px;
    padding: 0px;
    margin: 0px;
    height: 58px;

}
a.fs-p-headerNavigation__viewCartButton.fs-p-headerNavigation__link {
    /*color: #c2b26c;*/
}
span.fs-p-headerNavigation__viewCartButton__label {
    display: none;
}
.fs-p-drawerButton {
    cursor: pointer;
    display: inline-block;
    padding: 12px;
    /*color: #c2b26c;*/
}
div#main-content {
    padding: 0px;
    margin: 0px;
    background: #000000;
}
.fs-p-cartItemNumber {
    background: #8f7e4c;
    border-radius: 1em;
    color: #ffffff;
    display: none;
    font-size: 1rem;
    line-height: 1;
    padding: 0.25em 0.4em;
    position: absolute;
    top: 2px;
    right: 2px;

}


/*フッター*/
.fs-l-footer {
    position: relative;
    border-top: 1px solid #000;
    background-color: #fff;
    color: #3c3c3c;
    margin-top: 50px;
}
.fs-p-footerCopyright {
    color: #fff;
    background-color: #000000;
    text-align: center;
    padding: 4px;
}
.fs-p-footerPageTop__link {
    overflow: hidden;
    text-indent: -999px;
    width: 32px;
    height: 32px;
    background-color: #000000;
}

#footer-nav ul {
    overflow: hidden;
	list-style: none;
	text-align: center;
	padding: 0;
}

#footer-nav ul li {
	display: inline;
}

/*TOPニュース*/
/*-----------------------------------------------
news
----------------------------------------------- */
#news_area {
    margin-bottom: 0px;
}
#news_area ul {
	background: #fff;
    border: 1px solid #ccc;
}
#news_area li {
    display: block;
    clear: both;
    padding:   10px 10px 12px 5px;
    line-height: 1.3;
    background-color: #FFFFFF;
    background: -moz-linear-gradient(center top, #FFFFFF 0%,#FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #FFFFFF));
    border-bottom: #CCC solid 1px;
	border-top: #ccc solid 0px;
}
#news_area li:last-child {
	border-bottom: #ccc solid 0px;
}
#news_area .newsTtl {
	width: 20%;
	float: left;
}
#news_area .newsArt {
    color: #333333;
    font-size: 14px;
    padding: 2px 0px 0 10px;
    position: relative;
}
#news_area .news_date {
    clear: both;
    font-size: 11px;
    letter-spacing: 0.02em;
	margin-bottom: 0px;
}
#news_area .news_title {
    padding: 0 40px 0 0;
    text-align: justify;
}
#news_area .newsArt .news_icon, #news_area .news_more .news_icon {
    position: absolute;
    right: 2%;
    top: 4px;
}
#news_area #news_more {
    display: none;
    padding: 2px 0px 0px 10px;
    font-size: 14px;
    color: #333;
    position: relative;
}
#news_more .ui-link {
	color: #333333;
    text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
}

#news_area ul {
    background: #fff;
    border: 1px solid #ccc;
list-style: none;
padding-inline-start: 0px;
margin-top: 0px;
}
#news_area li {
    display: block;
    clear: both;
    padding: 10px 10px 12px 5px;
    line-height: 1.3;
    background-color: #FFFFFF;
    background: -moz-linear-gradient(center top, #FFFFFF 0%,#FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #FFFFFF));
    border-bottom: #CCC solid 1px;
    border-top: #ccc solid 0px;
}
#news_area .news_date {
    clear: both;
    font-size: 11px;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
}
#news_area .news_title {
    padding: 0 40px 0 0;
    text-align: justify;
}
#news_area .newsArt .news_icon, #news_area .news_more .news_icon {
    position: absolute;
    right: 2%;
    top: 4px;
}
#news_area p {
    margin: 0.2rem 0;
}
ul.newslist {
    padding-bottom: 0px;
    margin-bottom: 0px;
}


/*TOPおすすめ*/
/*#recommend {
    height: 400px;
}*/
#recommend {}
#recommend .table {
    width: 295px;
    margin: 0 auto;
    padding: 18px 0px 12px;
}
#recommend .table .col {
    float: left;
    width: 141px;
    margin-right: 13px;
    margin-bottom: 0px;
}
#recommend .table .col:last-child {
    margin-right: 0;
}
#recommend .table .col .brand {
    display: none;
}
#recommend .table .col .text {
    padding: 0;
    font-size: 11px;
    color: #000;
    margin: 0;
    border: #4C4C4C solid 0px;
    background: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
#recommend .table .col .text h3 {
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
}
#recommend .table .col .text .description {
    display: none;
}
#recommend h2 img {
    width: 108px;
    height: 16px;
}
#recommend .photo img {
    width: 141px;
    height: 88px;
}
#recommend .photo2 img {
    width: 300px;
    height: 88px;
    padding: 0px 0px 0px 7px;
}
p.photo {
    margin: 0px;
}
#recommend h2 img {
    width: 170px;
    height: 23px;
    margin-top: 5px;
}
#recommend h2 img {
    width: 170px;  
	height: 23px;
}
#recommend .photo img {
    width: 141px;
    height: 88px;
}
/*2014.11.14追記橋本*/
#recommend .name img {
    width: 141px;
	height: 46px;
}
#recommend .table .col .text {
    padding: 0;
    font-size: 11px;
    color: #000;
    margin: 0;
    border: #4C4C4C solid 0px;
    background: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
#recommend p.name {
    margin: 0px;
}
#recommend p.photo {
    height: 88px;
}

/*TOPおすすめスマホ追記20200224　修正20221025*/
#bnr_area {
}
#bnr_area h2 img {
    width: 122px;
    height: 23px;
}
#bnr_area div.series_bnr {
    width: 56%;
    margin: 40px auto;
    padding: 0;
}
#bnr_area div.series_bnr div.series_bnr_item{
    margin-bottom: 40px;
    font-size: 1.0rem;
}
#bnr_area div.series_bnr div.series_bnr_item p.series_title{
    margin: 0.5rem 0.5rem 0 ;
    font-weight: bold;
    font-size: 1.1em;
}
#bnr_area div.series_bnr div.series_bnr_item p.series_text{
    margin: 0 0.5rem;
}
#bnr_area div.series_bnr div.series_bnr_item img {
    width: 100%;
}


/**TOPランキング**/
#ranking ol {
padding-inline-start: 0px;
list-style: none;
}
#ranking ol li {
    width: 99%;
    height: 95px;
    margin: 5px auto 0;
    background: #fff;
    text-shadow: 1px 1px 1px rgba(29,19,16,0.1);
padding-inline-start: 0px;
list-style: none;
}
#ranking ol li:first-child {
    margin-top: 10px;
}
#ranking ol li .rank_info_left {
    width: 75px;
    height: 75px;
    margin: 6px 10px 0;
    position: relative;
    /*display: inline-block;*/
    float: left;
}
#ranking ol li .rank_info_left i {
    position: absolute;
    top: 3px;
}
#ranking ol li .rank_info_right {
    display: inline-block;
    width: 64%;
    margin-top: 7px;
}
.ellipsis {
    font-size: 14px;
    color: #000;
    height: 2.7em;
    padding: 0 10px 0 0;
    text-shadow: 1px 1px 1px rgba(29,19,16,0.0);
    font-weight: bold;
    white-space: inherit;
    overflow: hidden;
    line-height: 1.3;
}
#ranking ol li .rank_info_right .brand {
    font-size: 11px;
    color: #333333;
    font-weight: normal;
    text-shadow: none;
}
#ranking ol li .rank_info_right .price {
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    text-shadow: none;
}
#ranking h2 img {
    width: 109px;
    height: 16px;
}
#ranking ol li i img {
    width: 17px;
    height: 17px;
}
#ranking ol li .photo img {
    width: 75px;
    height: 75px;
}
p.price {
    margin: 0;
}
h3.name.ellipsis.multiline {
    margin-bottom: 0;
    margin-top: 0;
}
#ranking h2 img {
    width: 80px;
    height: 22px;
margin-top: 5px;
}
/*20221026追記葭葉*/
#ranking h2 img {
    width: 174px;
    height: 14px;
}

/**メニュー**/
#categorytree, #menuList{
    /*font-family: "Hiragino Mincho ProN W3";*/
}
#menuList {
    margin-bottom: 20px;
}
#menuList ul {
}
#menuList a {
    position: relative;
}
#menuList li {
    width: 100%;
    display: block;
    clear: both;
    padding: 0;
    line-height: 40px;
    background-color: #ffffff;
    background: -moz-linear-gradient(center top, #ffffff 0%,#ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff),color-stop(1, #ffffff));
    border-top: #d6d6d5 solid 0px;
    border-bottom: #d6d6d5 solid 1px;
    margin: 0;
}
#menuList li span {
    padding-left: 15px;
}
#menuList a li {
    width: 100%;
    display: block;
    clear: both;
    color: #333333;
    padding: 0 0 0 15px;
    line-height: 40px;
    background: -moz-linear-gradient(center top, #ffffff 0%,#ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff),color-stop(1, #ffffff));
    border-top: #d6d6d5 solid 1px;
    border-bottom: #d6d6d5 solid 1px;
    background: #FFFFFF url({% items[/add/sphone/img/arrow.png] %}) no-repeat 95% center;
    -webkit-background-size: 7px 11px;
    margin: 0;
}

#menuList a li.home, #menuList a li.product_list, #menuList a li.category, #menuList a li.campaign  {
    border-bottom: #d6d6d5 solid 1px!important;
}

#menuList li.listIcon {
    position: relative;
}

#menuList .tree {
    display: none;
}
#menuList .tree .sc_list {
    background: #f2f2f2;
}
#menuList li.listIcon .nav_acode {
    position: absolute;
    right: 3%;
    top: 4px;
    line-height: 25px;
}

#menuList #productOn1 {
	display: none;
	height: 16px;
}
#menuList #productOff1 {
	display: block;
	height: 16px;
}

#menuList #productList1 {
	width: 100%;
	margin: 0;
	display: none;
	height: 220px;
    background: url(../../img/index/moreBg.png) repeat left top;;
}
#menuList ul {
    padding-inline-start: 0px;
    margin: 0;
    font-weight: bold;
}
#category_area h2.title_block.img_block {
    padding-top: 10px;
}


/**商品カテゴリ**/
#gramercy {
    width: 300px;
    margin: 0 auto;
}
#gramercy .head img {
    width: 300px;
    height: 23px;
}
#gramercy .table img {
    width: 92px;
    height: 92px;
    /*border: 1px solid #cecece;*/
}
#gramercy .table .name {
    font-size: 11px;
    color: #000000;
    line-height: 1.5;
    padding: 5px 0 0 0;
    font-weight: normal;
}
#gramercy .table .row {
    clear: both;
}
#gramercy .table .row:first-child {
    margin-top: 20px;
    clear: both;
}
#gramercy .table .row .col {
    width: 94px;
    float: left;
    margin-right: 9px;
    margin-bottom: 15px;
}
#gramercy .table .row .col:nth-child(3n) {
    margin-right: 0px;
}
#gramercy .table .row .col:last-child {
    margin-right: 0px;
}
#gramercy .table .row:first-child {
    margin-top: 20px;
    clear: both;
    padding-inline-start: 0px;
list-style: none;
}
#gramercy p.name {
    margin: 0;
}
#gramercy p.photo {
    margin: 0rem 0;
}
#fs_CustomPage .fs-c-heading--page {
    border-bottom: 1px solid #000;
    color: #000000;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 0 0 24px;
    text-align: center;
}
.fs-c-heading--page2 {
    border-bottom: 1px solid #000;
    color: #000000;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 2% 0px;
    padding: 32px 0px 24px 0px;
    text-align: center;
}
#fs_AboutTerms .fs-c-heading--page {
    border-bottom: 1px solid #000;
    color: #000000;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 0 0 24px;
    text-align: center;
}
#fs_PrivacyPolicy .fs-c-heading--page {
    border-bottom: 1px solid #000;
    color: #000000;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 0 0 24px;
    text-align: center;
}
.fs-c-documentArticle__heading {
    background: #000;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 4px 8px;
    text-align: center;
}
.fs-c-documentColumn__heading {
    color: #000;
    border-color: #000;
    border-style: none;
    border-width: 0 0 1px 5px;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0px;
    /* padding-left: 16px; */
    margin-bottom: 8px;
}


/**キャンペーン**/
.hd_campaign_text {
    margin: 15px 2% 40px 2%;
    padding: 15px 2%;
    background: #fff;
}
p.hd_campaign_title {
    font-size: 13px;
    font-weight: bold;
    color: #b08e17;
}
p.hd_campaign_date {
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}


/**商品一覧**/
.fs-c-productListItem__viewMoreImageButton {
    font-size: 1.2em;
    justify-content: flex-end;
    padding: 0;
    display: none;
}
.fs-c-productPrice__main__label {
    margin-right: 4px;
    display: none;
}
#fs_ProductCategory .fs-c-buttonContainer {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}
#fs_ProductCategory　.fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed) {
    display: none;
    flex-wrap: wrap;
    line-height: 1.1;
}
span.fs-c-productName__name {
    line-height: 1.3;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
span.fs-c-productPrice__main__price.fs-c-price {
    color: #333!important;
    font-size: 14px;
    font-weight: bold;
}
.fs-c-productList__list {
    display: -ms-grid;
    display: block;
    -ms-grid-columns: calc(50% - 0px) calc(50% - 0px);
    grid-template-columns: calc(100% - 0px);
    grid-gap: 0px;
}
article.fs-c-productList__list__item.fs-c-productListItem {
    background-color: #fff;
    clear:both;
/*height: 130px;*/
}
article.fs-c-productList__list__item.fs-c-productListItem::after {
	content: "";
	height:0.1px;
	display:block;
	overflow:hidden;
	clear:both;
}
.fs-c-productListItem__image.fs-c-productImage {
    width: 140px;
    height: 140px;
    /* display: inline-block; */
    padding: 0px 10px 0px 0;
    margin: 0px;
    float: left;
}
.fs-c-productMark {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 65px;
}
#fs_ProductCategory .fs-l-pageMain {
    max-width: 1216px;
    width: 100%;
    padding: 0px 20px;
}
.fs-c-listControl {
    display: none;
}
.fs-c-sortItems {
    border: 1px solid currentColor;
    display: flex;
    align-items: stretch;
    font-size: 1.2rem;
    margin-left: 0;
}
.fs-c-sortItems__label {
    text-align: center;
    align-self: center;
    color: inherit;
    line-height: 1.4;
    padding: 4px 8px;
    display: none;
}
.fs-c-sortItems__list__item.is-active {
    background: #fff;
    color: #9b6740;
    /*width: 120px;*/
    font-weight: 800;
}
.fs-c-sortItems__list > li {
    box-sizing: border-box;
    /*width: 120px;*/
}
.fs-c-sortItems__list__item__label {
    display: block;
    padding: 4px 8px;
    text-align: center;
}
.fs-c-sortItems__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 0px solid currentColor;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    flex-wrap: wrap;
	font-size: 1.2em;
}
.fs-c-sortItems {
    border: none;
    display: flex;
    align-items: stretch;
    font-size: 1.2rem;
    margin-left: 0;
	border-bottom: solid 1px #CCC;
    /*border-color: #a29b80;*/
}
#page-title-wrap h1 {
    margin: 0;
line-height: 0;
}
#page-title-wrap h2.title_block {
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(51,36,5,0.5);
    line-height: 34px;
    margin: 0;
    padding: 0px 10px 0px 10px;
    background: #000000;
    background-size: 100%;
    border-top: #fff solid 0px;
    border-bottom: #cccccc solid 0px;
    text-align: left;
    vertical-align: middle;
    text-overflow: ellipsis;
    clear: both;
    position: relative;
}
#fs_ProductCategory .fs-c-heading--page {
    display: none;
}
#page-title-wrap .description {
    width: 300px;
    margin: 15px auto 0px;
    font-size: 12px;
}
#fs_ProductCategory .fs-l-main {
    margin: 0px auto 24px;
    padding: 8px;
    max-width: 1216px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fs-c-productListItem__productDescription {
    margin: 0px;
    font-weight: bold;
    font-size: 12px;
}


/**商品詳細**/
.fs-c-productThumbnail__image.is-active > img {
    border: 1px solid #a29b80;
}
#fs_ProductDetails section.fs-l-pageMain {
    background: #fff;
}
#fs_ProductDetails .fs-l-main {
    margin: 12px auto;
    padding: 8px;
    max-width: 1216px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#fs_ProductDetails h1.fs-c-productNameHeading.fs-c-heading {
    display: none;
}
#fs_ProductDetails h2.head {
    color: #FFF;
    font-size: 16px;
    /*font-family: "'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif" Pro;*/
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(51,36,5,0.5);
    line-height: 28px;
    margin: 0;
    padding: 5px 10px 5px 10px;
    background: #000000;
    background-size: 100%;
    border-top: #fff solid 0px;
    border-bottom: #cccccc solid 0px;
    -webkit-box-shadow: 0 0px #FFF;
    -moz-box-shadow: 0 0px #FFF;
    text-align: left;
    vertical-align: middle;
    text-overflow: ellipsis;
    clear: both;
    position: relative;
}
/* ------------
商品詳細  アレルギー
------------- */
.materials_view  {
	margin: 10px auto 0 auto;
    background: #fff;
    padding: 7px;
}
/**
for Firefox only
* */
@-moz-document url-prefix() {
.areInfoWrap {
	margin: 10px auto 10px auto;
    background: #f5f3ee;
    padding: 7px;
}
}
.materials_view p {
	margin: 15px 0 5px 2px;
	font-size: 11px;
	color: #333333;
}
.materials_view table{
	line-height: 20px;
    background: #FFF;
	margin: 0 auto;
    border: 1px #f5f3ee solid !important;
}
.materials_view td {
	width: 1%;
    line-height: 20px;
	font-size: 10px;
    color: #482c0a;
	text-align: center;
	border: 2px solid #f5f3ee;
}
#fs_ProductDetails caption {
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
padding-left: 2px;
}



/*20210330追加（テスト）*/
.allergen_2021{
	width: 100%;
	line-height: 1.5;
	border-top: 1px solid #e0e0de;
	border-bottom: 1px solid #e0e0de;
	text-align: center;
	margin: 40px 0;
	border-collapse: collapse;
}
.allergen_2021 tr.al___tr{
	border-top: 1px solid #e0e0de;
}
.allergen_2021 th.title_img{
	width: 20% !important;
}
.allergen_2021 th.altitle_itemname{
	text-align: left;
	padding: 2px;	
}
.allergen_2021 th.al___th{
	text-align: left;
	padding: 2px;
}
.allergen_2021 td.al___image{
	width: 20% !important;
	padding: 0;
	background-color: #FFF;
}
.allergen_2021 td.al___image img{
	width: 95%;
}
.allergen_2021 td.al___itemname{
	text-align: left;
	width: 35%;
	padding: 0 5px 0 2px !important;
	background-color: #FFF;
}
.allergen_2021 td.al___td{
	text-align: left;
	background-color: #FFF;
}






/* ------------
商品詳細  商品説明
------------- */
.product_info {

}
.product_info table{
    font-size: 11px;
    line-height: 26px;
}
.product_info table caption {
    text-align: left;
    font-weight: bold;
    margin-bottom: 7px;
}
.product_info table tr:nth-child(odd) {
    background: rgba(126, 126, 126, 0.08);
}
.product_info table tr:nth-child(even) {
    background: #FFFFFF;
}
/*.product_info table tr:nth-child(1n) {
    line-height: 1.4;
}*/
/*.product_info table tr:nth-child(1n) td {
    padding: 6px 0;
}*/
/*.product_info table tr:nth-child(2n), .product_info table tr:nth-child(3n), .product_info table tr:nth-child(4n), .product_info table tr:nth-child(5n), .product_info table tr:nth-child(6n), .product_info table tr:nth-child(7n), .product_info table tr:nth-child(9n) {

    padding: 0 !important;
}*/
/*.product_info table tr:nth-child(8n) td {
    padding: 6px 0;
}*/
.product_info table tr{
    padding: 0 !important;
}

.product_info table th {
    width: 30%;
    font-weight: normal;
    padding: 6px;
}
.product_info table td .ui-link {
    color: #333;
    text-decoration: underline;
}
.product_info {
    padding: 5px;
}
#fs_ProductDetails .active {
    background: rgba(126, 126, 126, 0.08);
}
.fs-c-productMainImage__expandButton {
    justify-content: flex-end;
    display: none;
}
span.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer {
    display: none;
}
#fs_ProductDetails .fs-c-productMarks {
    padding: 10px 10px 0;
}
.set li {
    background: url({% items[/add/sphone/img/capacity_icon.png] %}) no-repeat left 3px;
    padding: 0 0 0 15px;
    background-size: 12px 12px;
    font-weight: bold;
font-size: 12px;
}
ul.set {
    padding-inline-start: 0px;
    padding-left: 10px;
    list-style: none;
}
.fs-l-productLayout {
    display: grid;
    grid-row-gap: 0px;
}
.fs-c-productPrice {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-bottom: 5px;
}
span.fs-c-productPointDisplay__label {
    background: #beae6b;
    padding: 4px;
    color: #fff;
}
.fs-c-productPointDisplay {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0px 10px 0;
background: #fff;
    color: #000;
}
.fs-p-productDescription.fs-p-productDescription--full {
    padding: 20px 10px;
}
#fs_ProductDetails .fs-c-button--primary {
    background: #000000;
    border: 1px solid #000000;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    padding: 0.8em 1.6em 0.6em;
    box-shadow: 0 0 2px #b2b2b2;
    min-width: 240px;
}
#fs_ProductDetails .fs-c-productQuantityAndWishlist {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    padding: 0px 20px;
}
#fs_ProductDetails .fs-c-buttonContainer {
    display: block;
    align-items: right;
    padding: 8px 30px;
    float: right;
    text-align: right;
    margin-top: -40px;
}
button.fs-c-button--addToWishList--detail.fs-c-button--particular {
    display: none;
}
#fs_ProductDetails .fs-c-productOption__price {
    display: none;
}
.fs-c-productOption__name {
    /*background: #e9e1d6;*/
}
/*↓20221007追記バリエーションリンク↓*/
.item-var{
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}
.item-var li{
	float: left;
	width: 80px;
	height: 30px;
	border: solid 1px #bcac69;
	margin-right: 10px;
	text-align: center;
	line-height: 2.2;
	font-weight: normal;
	font-size: 1.3rem;
}
.item-var li.val-active{
	color: #FFF;
	background-color: #bcac69;
}
.item-var a{
	color: #bcac69;
	width: 80px;
	height: 30px;
}
/*↑↑＊/

/*↓20221011商品詳細レコメンド追記葭葉↓*/
.item-recom{
	margin-top: 40px;
}
.item-recom .recom-caption{
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	border-bottom:#999174 solid 1px;
	margin:0;
}
.item-recom ul{
	list-style-type: none;
	padding: 0;
	margin:0;
}
.item-recom ul li{
	width:50%;
	margin:0 auto;
	text-align:center;
	padding-bottom: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.item-recom ul li span{
	font-size: 12px;
}
.item-recom-tax{
	font-size:1.2rem;
	font-weight: normal;
}
/*↑↑*/


/**マイページ・その他**/
.fs-c-accountService__page {
    flex-basis: 48%;
    display: flex;
    align-items: stretch;
    height: 128px;
    margin: 8px 0;
}
.fs-c-returnedSpecialContract {
    display: none;
}
li.fs-c-accountService__page.fs-c-accountService__page--wishList {
    display: none;
}


/*FAQ*/
#c-faq .head {
    margin: 30px 0 20px;
}
#c-faq dl dt {
    padding: 0px 35px 5px 35px;
    font-size: 14px;
    background: url(../icon_q.png) 10px 0 no-repeat;
}
#c-faq dl dd {
    margin-bottom: 40px;
    padding: 15px 35px 15px 35px;
    font-size: 13px;
    background: white url(../icon_a.png) 10px 15px no-repeat;
margin-inline-start: 0px;
}

/*NEW FAQ*/
#c-faq{
	width: 100%;
}
#c-faq .accordion{
	width: 90%;
    margin: 0 auto;
}
#c-faq .faq_box{
	width: 90%;
    margin: 0 auto;
}
#c-faq h2{
    font-size: 1.8rem;
    font-weight: 800;
    margin: 50px 0 20px;
}
#c-faq h3 {
	/*font-weight: 700;*/
	margin: 20px auto;
	position: relative;
	cursor: pointer;
	width: 100%;
	font-size: 0.9em;
}
#c-faq h3.active::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	top: 50%;
	right: 0;
	margin-top: -4px;
}
#c-faq h3::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 50%;
	right: 0;
	margin-top: -10px;
}

#c-faq .accordion_inner{
    display: none;
	padding: 20px 16% 20px 12%;
    background-color: #ebe9e5;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    font-size: 0.9em;
	position: relative;
}
#c-faq .faq_q,#c-faq .faq_a{
    margin-bottom: 8px;
    padding: 2px 18px 0 40px;
}
#c-faq .faq_q::before,#c-faq .faq_a::before {
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 0;
}
#c-faq .faq_a::before {
	padding: 32px 0 0 42px;
}
#c-faq .faq_q::before {
    content: 'Q.';
    font-size: 1.2em;
}
#c-faq .faq_a::before {
    content: 'A.';
    font-size: 1.2em;
}

#c-faq ul{
	list-style: none;
	padding: 0;
	margin: 0 0 50px 0;
}
#c-faq #faq-nav ul li{
    /*border-bottom: 1px solid #ccc;*/
    color: #000;
    font-size: 4.2vw;
    font-weight: 700;
    padding: 3vw;
    position: relative;
    cursor: pointer;
	width: 100%!important;
	float: none!important;
	margin: 0!important;
}
#c-faq #faq-nav ul li::after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 50%;
    right: 20px;
    margin-top: -10px;
}



/*ご利用ガイド*/
.title_box_sub {
    color: #FFF;
    line-height: 30px;
    padding: 2px 10px 0;
    margin: 0 8px 20px;
    background: url("{% items[/add/sphone/img/guide/ttl_bg.png] %}") repeat-x left top;
    background-size: 100% 34px;
    border-bottom: #74828B solid 1px;
	border-radius: 5px;
    vertical-align: middle;
    clear: both;
    position: relative;
}
.title_box_sub h2,
.title_box_sub h3 {
    font-size: 14px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    width: 85%;
    float: left;
    clear: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    vertical-align: middle;
}
.title_box_sub .b_expand {
    width: 22px;
    height: 21px;
    float: right;
    clear: right;
    position: absolute;
    top: 0px;
    right: 8px;
    z-index: 2;
    margin-top: -8px;
    padding: 2px;
}
.title_box_sub img {
    width: 17px;
    height: 17px;
}

/*NEWご利用ガイド*/
section{
	width: 90%;
	margin: 0 auto;
}
#shoppingguide ul{
	list-style: none;
	padding: 0;
	margin: 0 0 50px 0;
}
#shoppingguide #guide-nav ul li{
    /*border-bottom: 1px solid #ccc;*/
    color: #000;
    font-size: 4.2vw;
    font-weight: 700;
    padding: 3vw;
    position: relative;
    cursor: pointer;
	width: 100%!important;
	float: none!important;
	margin: 0!important;
}
#shoppingguide #guide-nav ul li::after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 50%;
    right: 20px;
    margin-top: -10px;
}
#shoppingguide hr{
	color: #ebe9e5;
	margin: 50px 0 0;
}
#shoppingguide h2, #noshi_guide h2 {
	font-size: 1.8rem;
	font-weight: 800;
	margin: 50px 0 20px;
	/*border-top: solid 1px #ebe9e5;*/
}
#shoppingguide h3{
	font-size: 1.1em;
}
#shoppingguide h3::before{
	content: "◆";
}
#shoppingguide ul li {
	list-style: none;
	margin: 0 0 10px 0;
}
.flowindex{
	padding: 30px 0;
}
.flowindex p{
	width: 80%;
	margin: 0 auto;
}
.flow_ti{
	padding: 30px 0;
}
#shoppingguide .gift_image_flex{
	display: flex;
	flex-wrap: wrap;
}
#shoppingguide .gift_image_flex div{
	margin: 0;
	width: 50%;
    padding: 20px 0;
}
#shoppingguide .gift_image_flex div p{
	padding: 0 0 0　10px;
    margin: 0;
}
#shoppingguide .gift_menu_container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}
#shoppingguide .gift_menu_item{
	padding: 10px;
	background: #ebe9e5;
	margin: 1px;
}

#shoppingguide .delivery{
	border-bottom: #e5e5e5 1px solid;
	display: grid;
	grid-template-rows: 30px;
	grid-template-columns: 2fr 6fr 2fr;
	padding:5px 0;
	width:100%;
	margin: 0 10px
}
#shoppingguide .areaname{
	font-weight: 500;
	align-items: center;
    display: flex;
}
#shoppingguide .deli_a {
	margin:5px;
	align-items: center;
	display: flex;
}
#shoppingguide .gold{
	color: #9a6741;
}

#noshi_guide .noshilist_container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}
#noshi_guide .noshiex_right{
	margin: 30px 0;
	text-align: center;
}
#noshi_guide .noshiex_flex{
    width: 80%;
    margin: 0 auto;
}
#noshi_guide .noshiex_flex02{
	width: 90%;
    margin: 0 auto;
}
#noshi_guide .noshilist_item{
	padding: 10px;
	background: #ebe9e5;
	margin: 1px;
	text-align: center;
}
#noshi_guide .noshi_ti{
	font-size: 1.2em;
	font-weight: 800;
}
#noshi_guide .noshi_caption{
	text-align: left;
}
#noshi_guide .noshi_note{
	margin: 30px 0;
	font-weight: 800;
}
#noshi_guide .noshi_order_guide ol {
	list-style: none;
	counter-reset: number;
}
#noshi_guide .noshi_order_guide_02 ol {
	list-style: none;
	counter-reset: number 1;
}


/* ケーキ一覧 */
#cakelist .caption{
	width: 90%;
	margin: 0 auto 60px;
}
#cakelist .cakelist{
	width: 90%;
	margin: 0 auto;
}
#cakelist .cakelist_top h1{
	font-size: 5vw;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8vw;
}
#cakelist .cakelist_top h1 .title{
	margin: 30px 0 0 0;
}	
#cakelist .cakelist_top h1 span{
	display: block;
	font-size: 3.2vw;
	font-weight: normal;
}
#cakelist .cakemenu h2{
	margin: 1.0rem auto;
}
#cakelist .cakemenu_container{
	width: 100%;
	gap: 1px;
	display:flex;
	flex-wrap: wrap;
	list-style: none;
}
#cakelist .cakemenu_container li {
    width: calc(100% / 2 - 10px);
    max-width: 350px;
	margin: .-10px 0
}
#cakelist .cakemenu_btn{
	width: 100%;
	font-size: 1.2rem;
}
#cakelist .cakemenu_btn::before{
	content: ">";
	padding-right: 10px;
}

#cakelist .cake_lineup{
	display:flex;
	flex-wrap: wrap;
	gap: 50px 20px;
	list-style: none;
	padding: 0;
}
#cakelist .cake_lineup li{
	text-align: center;
	margin: 0 0 20px;
	width: 50%;
}
#cakelist .cake_lineup li p{
	font-weight: 800;
}
#cakelist .products2 li,#cakelist .products3 li{
	width: calc(100% / 2 - 20px );
}
#cakelist .products1 li img{
	width: 50%;
}
#cakelist .cakeline{
	width: 80px;
	border: solid 2px #1a1a1a;
	margin: 15px auto;
}
#cakelist p.component{
	font-weight: 500!important;
	font-size: 0.9em;
}

#cakelist .category{
	font-weight: bold;
	font-size: 1.4em;
	margin: 100px 0 30px 0;
	border-bottom: solid 1px #adadad;
	border-top: solid 1px #adadad;
	padding: 20px 0;
	text-align: center;
}
#cakelist .link_btn{
	margin: 1.5em 0;
}
#cakelist .link_btn_txt{
	padding: 1.0rem 0.5em;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	border: solid 1px #1a1a1a;
}
#cakelist .link_btn_txt::before{
	content: ">";
	padding-right: 10px;
}
#cakelist .link_btn a:hover{
	color:#FFF;
	background-color:#986641;
}
#cakelist .btn_gold{
	background: #e1e0dc;
	padding: 1.5rem 1rem 1.5rem 0;
	color: #000;
	font-size: 18px;
	text-align: center;
	width: 280px;
	margin: 50px auto 0;
	position: relative;
	float: none;
}
#cakelist .btn_area{
	margin: 0 auto;
	width: 100%;
}

#cakelist .pc {display:none;}
#cakelist .sp {display:block;}



/* 成分分析 */
table.table01 {
	width:100%;
	border-right:#999174 solid 1px;
	border-collapse: collapse;
}
table.table01 thead th {
	background:#999174;
	color:#FFF;
	padding:5px 8px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
font-size:8px !important;
}
table.table01 thead th:last-child {
	border-right:#999174 solid 1px;
}
table.table01 tbody th {
	background:#999174;
	color:#FFF;
	padding:5px 8px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
font-size:8px !important;
}
table.table01 tbody tr:last-child th {
	border-bottom:#999174 solid 1px;
}
table.table01 tbody td {
	background:#FFF;
	padding:5px 8px;
	border-left:#999174 solid 1px;
	border-bottom:#999174 solid 1px;
	vertical-align:top;
font-size:8px !important;
}

.fs-c-productName__copy {    background: #cbad95;
    color: #1A1A1A;
    display: inline-block;
    padding: 6px 9px;
    font-size: 12px;
    margin: 3px 0 5px;
    border-radius: 35px;
    font-weight: bold;
}

/*
@media screen and (max-width: 640px) {
.fs-c-productName__copy {    background: #cbad95;
    color: #1A1A1A;
    display: inline-block;
    padding: 6px 9px;
    font-size: 12px;
    margin: 3px 0 5px;
    border-radius: 35px;
    font-weight: bold;
}
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
font-size:8px !important;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td {
	padding-left:6em;
font-size:8px !important;
}
}*/

table.allergen {
width: 100%;
background-color: white !important;
}

table.allergen tr td {
background-color:white !important;
}

table.allergen tr td.active {
background-color: #f5f3ee !important;
font-weight: bold;
}

.fs-c-button--loginAndPurchase {
    padding: 20px 15px;
    font-size: 130%;
    font-weight: bold;
}
.fs-c-button--loginAndPurchase::after {
	font-weight:normal;
	font-size:12px;
	display:block;
	padding:7px 0 0;
	content:"※会員の方はこちら";
}
.fs-c-button--unregisteredUserPurchase::after {
	font-weight:normal;
	font-size:12px;
	display:block;
	padding:7px 0 0;
	content:"※新規の方はこちら";
}
.payhere {
    width: 100%;
    max-width: 300px;
    font-weight: bold;
    font-size: 1.55rem;
    padding: 20px;
}
.payhere::after {
	font-weight:normal;
	font-size:12px;
	display:block;
	padding:7px 0 0;
	content:"※お届け先・お支払い方法などのご入力へ";
}

.fs-c-cartDiscountInfo--postage {
    text-align: left;
}

.fs-c-cartDiscountInfo__info {
    display:inline;
}

.fs-c-cartDiscountInfo__more .fs-c-price__value {
    font-size: 125%;
    padding: 0 5px;
}

/*20220608商品ページタブ*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  width: 100%;
  /*margin: 0 auto;*/
}

/*タブのスタイル*/
.tab_item {
  width: 50%;
  height: 30px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0de;
  line-height: 30px;
  font-size: 1.0em;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  /*font-weight: bold;*/
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px 0 0;
  clear: both;
  overflow: hidden;
}


.fs-c-privacyPolicyAgreeField .fs-c-inputField { text-align:center;}

.fs-c-additionalCheckField + fieldset:not(.fs-c-additionalCheckField), fieldset:not(.fs-c-additionalCheckField) + .fs-c-additionalCheckField {
  margin-top: 32px;
  border: 1px solid #CCC;
  padding: 15px;
  margin: 20px 0;
}
.fs-c-button--primary {padding: 20px 10px;
    font-weight: bold;}
    


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #d9d9d9;
  color: #565656;
  font-weight: bold;
}



.noshi-list td{
	width:calc(100%/3);
	padding:30px;
	text-align: center;
	vertical-align: top;
	background-color: #FFF;
}
.noshi-list td img{
	width:90%;
}
.fs-c-productListItem__outOfStock{
clear:both;
}


/*↓20221018スライダー追記葭葉↓*/
.fs-pt-carousel__track{
	margin-bottom: 20px;
}
.fs-c-slick .slick-dots{
    margin: 0 0 0 -30px;
}
.fs-c-slick .slick-dots li{
	margin:5px;
}
.fs-c-slick .slick-dots li button:before{
	height: 30px;
	width: 30px;
	font-size: 20px !important;
}

/*20230126アンドロイドカートボタン調整（重複あり）*/
#fs_ProductDetails .fs-c-buttonContainer {
    padding: 8px 10px;
    margin-left: 60px;
}
#fs_ProductDetails .fs-c-button--primary {
     min-width: 100%;
}

/*20230510追記*/
.fs-c-productList__controller {
	width: 100%;
}