/* カスタマイズ用CSS */

/* 全体の背景色 */
.ec-layoutRole {
    padding-top: 10px;
    background-color: #000;
}

/* ヘッダー部幅指定 */
.ec-layoutRole__header {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* ヘッダー商品検索及びアイコン */
.ec-headerSearch .ec-headerSearch__keyword {
  border: 2px solid #fff;
}
.ec-headerNav .ec-headerNav__itemIcon {
    color: #fff;
}
.ec-headerNav .ec-headerNav__itemLink {
    color: #fff;
}
/* カートアイコン色変更 */
.ec-cartNavi__icon {
    color: #fff;
}

/* メインコンテンツ幅 */
.ec-layoutRole .ec-layoutRole__contents {
    max-width: 960px;
}
/* 中央コンテンツコンテンツ領域 */
.ec-layoutRole .ec-layoutRole__mainWithColumn {
    padding-bottom: 30px;
    background-color: #fff;
}


.ec-secHeading {
    padding-left: 10px;
    background-color: #333;
    color: #fff;
}
.ec-secHeading .ec-secHeading__line {
    background: #fff;
}

/* ごあいさつ */
.top-greeting {
    padding: 20px;
}
.top-greeting .top-greeting-title {
    font-size: 20px;
    font-weight: bold;
}
.top-greeting img {
    vertical-align: top;
}
.top-greeting .top-greeting-rightBlock {
    display: inline-block;
    padding-left: 10px;
}
.top-greeting .top-greeting-rightBlock h3 {
    font-size: 14px;
    font-weight: bold;
}

/* NEWS部上部余白調整 */
.ec-newsRole {
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 2px solid #333;
}

/* 新商品 */

.ec-newItemRole a:hover {text-decoration: none;}

/* 上部余白調整 */
.ec-newItemRole {
    padding-top: 30px;
}
/* 品名 */
.ec-newItemRole .ec-newItemRole__listItemTitle {
    font-size: 16px;
}
/* 価格 */
.ec-newItemRole .ec-newItemRole__listItemPrice {
    font-size: 16px;
}


/* 商品一覧 */
.ec-shelfRole .ec-shelfGrid__item .ec-shelfGrid__item-name {
    font-weight: bold;
}


/* カート表示 */
.ec-cartRole {
    padding-bottom: 20px;
}


/* 光石丸の海苔のこと */

.aboutus a:link {color: #fff; text-decoration: none;}
.aboutus a:visited {color: #fff; text-decoration: none;}
.aboutus a:hover  {color: #fff; text-decoration: underline;}
.aboutus a:active {color: #fff; text-decoration: none;}

.aboutus {
    padding-left: 20px;
}
.aboutus .aboutus__title {
    width: 220px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-image: url('/html/user_data/assets/img/common/sidemenu_bg.png');
    background-position: right;
    background-repeat: no-repeat;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.aboutus .aboutus__menuBlock {
    padding-left: 10px;
    color: #fff;
}
.aboutus .aboutus__menuBlock > div {
    padding-top: 5px;
}

/* ショッピングメニュー */

.item-categoryNaviRole a:link {color: #fff; text-decoration: none;}
.item-categoryNaviRole a:visited {color: #fff; text-decoration: none;}
.item-categoryNaviRole a:hover  {color: #fff; text-decoration: underline;}
.item-categoryNaviRole a:active {color: #fff; text-decoration: none;}

.item-categoryNaviRole {
    padding-top: 10px;
    padding-left: 20px;
}

.item-categoryNaviRole .item-itemNav__title {
    width: 220px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-image: url('/html/user_data/assets/img/common/sidemenu_bg.png');
    background-position: right;
    background-repeat: no-repeat;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}
.item-categoryNaviRole .item-itemNav .item-itemNav__items {
    padding-top: 5px;
    padding-left: 10px;
    color: #fff;
}
.item-categoryNaviRole .item-itemNav .item-itemNav__nav li {
    padding-top: 5px;
    padding-left: 10px;
    color: #fff;
}
.item-categoryNaviRole .item-itemNav .item-itemNav__mypage {
    padding-top: 5px;
    padding-left: 10px;
    color: #fff;
}
.item-categoryNaviRole .item-itemNav .item-itemNav__favorite {
    padding-top: 5px;
    padding-left: 10px;
    color: #fff;
}
.item-categoryNaviRole .item-itemNav .item-itemNav__cart {
    padding-top: 5px;
    padding-left: 10px;
    color: #fff;
}

/* 商品詳細 */
.ec-productRole {
    padding-top: 30px;
}

/* ビタミン表 */
.vitamin__title {
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.vitamin__table {
    font-size: 14px;
    text-align: center;
}
.vitamin__table--head {
    width: 20%;
    padding: 5px 10px;
    background-color: #eee;
    font-weight: bold;
    color: #000;
}

/* のりができるまで */
.prod-role .ec-pageHeader h1 {
    margin-bottom: 20px;
}
.prod__cell-left {
    width: 60%;
    vertical-align: top;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    background: #000;
    color: #fff;
}
.prod__cell-right {
    width: 40%;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.prod__cell-left-last {
    width: 60%;
    vertical-align: top;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #000;
    color: #fff;
}
.prod__cell-right-last {
    width: 40%;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.prod__cell-title {
    font-size: 32px;
    font-weight: bold;
}
.prod__cell-detail {
    font-size: 20px;
    padding-left: 1em;
}

/* 光石丸のこと */
.aboutus-role .ec-pageHeader h1 {
    margin-bottom: 20px;
}

.aboutus-role .aboutus__table-title {
    width: 4em;
    text-align: justify;
    text-align-last: justify;
    vertical-align: text-top;
}
.aboutus-role .aboutus__table-delimiter {
    width: 1em;
    vertical-align: text-top;
}
.aboutus-role .aboutus__table {
    padding-left: 40px;
    padding-bottom: 50px;
}
.aboutus-role .aboutus__greeting {
    padding-left: 40px;
}
.aboutus-role .aboutus__greeting-rightBlock {
    display: inline-block;
    padding-left: 10px;
}


/* フッター */
.ec-footerRole {
    margin-top: 20px;
}


/* 特定商取引法に基づく表示 */
.ec-borderedDefs dt {
    padding-top: 0px;
    line-height: 120%;
}
.ec-borderedDefs dd {
    line-height: 120%;
}

@media only screen and (min-width: 768px) {
/* ヘッダー部検索窓 */
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  border: 1px;
  border-color: #fff;
  border-style: solid;
  border-top-right-radius: inherit;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.ec-headerSearch .ec-headerSearch__keyword {
  border-bottom-left-radius: inherit;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
/* カートアイコン色変更 */
.ec-cartNavi__icon {
    color: #000;
}

/* NEWS部余白調整 */
.ec-newsRole .ec-newsRole__news {
  /*border: 16px solid #F8F8F8;*/
  border: none;
  padding: 0px 30px;
}

/* カートに入れるボタンなど */
.ec-productRole .ec-productRole__btn {
    min-width: 280px;
}

/* 会員登録ボタン（トップページへ） */
.ec-blockBtn--cancel {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

}