/*全体*/

* {
    font-family: dnp-shuei-mgothic-std, sans-serif;

    font-weight: 400;

    font-style: normal;
}

.row {
   margin-right: 0;
   margin-left: 0;
}

.flex {
  display: flex;
}

a {
  text-decoration: none !important;
  color: #664733;
}

a:hover {
  color: #664733;
}

ul {
  list-style: none;
  padding-left: 0;
}

.show-pc {
  display: none;
}
.show-sp {
  display:block;
}

@media (min-width: 768px) {
  .show-pc {
    display: block !important;
  }
  .show-sp {
    display: none !important;
  }
}

/*ヘッダー*/
.cha_border {
  height: 30px;
  background: #664733;
}
.ec-headerNavSP {
  top: 30px;
}
.ec-headerNav__item {
  vertical-align: super;
}
.ec-headerNav__item span {
  color: #FFFFFF !important;
}
.ec-cartNavi i {
  padding-right: 1rem;
}
.ec-headerNaviRole {
  padding: 0 20px;
}
.logo img {
  position: absolute;
  width: 10rem;
  top: 1rem;
  left: 5rem;
}

@media only screen and (min-width: 768px){
  .ec-cartNavi {
    color: #FFFFFF !important;
    font-size: 14px;
    background: unset;
    height: unset;
  }
  .ec-cartNavi i {
    padding-top: 0.5rem;
    font-size: 18px;
  }
  .ec-headerNav__itemLink {
    vertical-align: text-bottom;
  }
  .ec-headerNav__item i {
    color: #FFFFFF !important;
  }
  .ec-headerNav__itemIcon {
    font-size: 18px;
  }
  .ec-cartNavi .ec-cartNavi__badge {
    left: 5px;
    top: 5px;
  }
}

@media only screen and (max-width: 768px) {
  .ec-headerNaviRole_sp_back {
    background: #FAF8F0;
  }
  .ec-headerNavSP {
    background: #FAF8F0;
  }
  .logo img {
    width: 6rem;
  }
}

/*トップ検索*/
.ec-headerNaviRole .ec-headerNaviRole__search {
  display: block;
  margin-top: 0;
}
.ec-headerSearch .ec-headerSearch__keyword {
  width: 80%;
  float: none;
  border-radius: 30px !important;
}
.ec-headerNaviRole_sp {
  background: #DCD8C9 !important;
}
.top_search {
  padding: 10px 0 !important;
}

@media only screen and (max-width: 768px) {
  .ec-headerNaviRole_left {
    width: 100% !important;
  }
  .ec-headerNaviRole_sp {
    display: block;
  }
  .ec-headerSearch .ec-headerSearch__keyword {
    width: 100%;
  }
}

/* トップページ */
.ec-categoryRole {
    margin-top: 8rem;
}
.ec-newsRole {
    padding: 0px;
}
.front_page .ec-searchnavRole {
    margin-top: 5rem;
}

@media only screen and (min-width: 768px){
  .ec-headerNaviRole {
    background-color: #664733;
    max-width: unset;
  }
}

/*トップメイン画像*/
.ec-sliderRole {
  padding: 8rem 0;
  max-width: none;
}

.ec-sliderRole img {
  width: 60%;
  margin: auto;
}
.ec-sliderRole {
  margin-bottom: 0;
}

/*トップおすすめ商品*/
.ec-role_flex {
  justify-content: space-between;
  align-items: flex-end;
}

.new-item-more {
  color: #664733;
  border-bottom: 1px solid #664733;
  padding-bottom: 0.5rem;
}

.new-item-more_sp {
  text-align: center;
  padding-top: 3rem;
}

.ec-role {
  padding-top: 8rem;
}

@media only screen and (max-width: 768px){
  .ec-role {
    padding-top: 4rem;
  }
}

.new-item-img_sp {
  width: 60%;
}
.item_title_box {
  border-top: solid 1px #BAB65C;
  border-bottom: solid 1px #BAB65C;
  margin-top: 1.5rem;
  padding: 1rem 0;
}
.ec-newItemRole .ec-newItemRole__listItemTitle {
  margin: 0;
}

/*トップメッセージ*/
.top_msg_img img {
  width: 20rem;
  padding-bottom: 5rem;
}

.top_msg .ec-role {
  padding-bottom: 6rem;
}

.top_msg_text p {
  color: #FFFFFF;
  line-height: 3rem;
  font-size: 14px;
}

@media only screen and (min-width: 768px){
  .top_msg_text p {
    max-width: 60%;
    margin: auto;
  }
}

/*トップカテゴリー*/
.ec-categoryRole {
  margin-top: 0;
}
.category-title {
  background: #FFFFFF;
  padding: 1rem 0;
  border-bottom: solid 1px #BAB65C;
  border-top: solid 1px #BAB65C;
  margin-top: 1rem;
  color: #000000;
}

/*フッター*/
.ec-footerNavi {
  text-align: left;
}
.ec-footerNavi__link {
  color: #664733;
  margin-bottom: 20px;
}

.footer_category .ec-secHeading__ja {
  font-size: 1em;
  color: #664733;
}
.footer_category .ec-secHeading {
  border-bottom: solid 1px #664733;
  padding-bottom: 0.5rem;
}

.footer_category .ec-categoryRole__listItem {
  margin-bottom: 20px;
}

.ec-footerRole {
  background: #FAF8F0 !important;
}

.footer-logo img {
  width: 10rem;
}

.ec-footerRole .ec-footerRole__inner img {
   width: auto;
}

.footer-text {
  padding-top: 3rem;
  color: #000000;
}

.footer-text h4 {
  padding-bottom: 2rem;
}

.footer-text li {
  padding: 0.5rem 0;
}

.ec-footerTitle__copyright {
  text-align: left;
  border-top: solid 1px #E7E6DF;
  padding-top: 2rem;
  color: #6F6E6E;
}

.ec-footerTitle {
  padding: 50px 0;
}

.hp_link {
  background: #FBA518;
  text-align: center;
  padding: 1rem;
  border-radius: 30px;
}

.hp_link a {
  color: #FFF;
}
.footer_contact {
  background: #664733;
  padding: 1rem;
  margin-top: 3rem;
  text-align: center;
}
.footer_contact a {
  color: #FFF;
}
.footer_login {
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px #664733;
  border-top: solid 1px #664733;
  margin-right: 3rem;
  margin-left: 3rem;
}
.footer_login_left {
  margin-right: 3rem;
}

@media only screen and (min-width: 768px) {
  .ec-footerNavi .ec-footerNavi__link {
    display: block;
  }
  .footer_category .ec-categoryRole__listItem {
    font-size: 0.8em;
  }
  .ec-footerNavi .ec-footerNavi__link a {
    font-size: 0.8em;
  }
  .social-hp_link {
    margin-top: 3rem;
  }
}

@media only screen and (max-width: 768px) {
  .ec-footerRole__inner {
    padding-top: 3rem;
  }
  .footer_left {
    margin: 4rem 2rem;
    text-align: center;
  }
  .ec-footerTitle {
    padding: 50px 2rem;
  }
  .social {
    justify-content: center;
    margin-top: 2rem;
  }
  .social-hp_link {
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    flex-direction: column-reverse;
  }
  .footer_category {
    margin-top: 4rem;
  }
  .ec-footerTitle__copyright {
    text-align: center;
  }
  .ec-footerNavi .ec-footerNavi__link a {
    margin: 0;
  }
}

/*ページトップへ*/
.ec-blockTopBtn {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 10px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
   opacity: 1;
  background-color: #664733;
  border-radius: 50%;
}

.ec-blockTopBtn .fa-chevron-up {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  position: absolute;
}

/*ページヘッダー*/
.page_header {
  height: 250px;
}

.page_header_a {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 14px;
  color: #664733;
}

.page_header_box {
  text-align: center;
}

.page_header_box img {
  height: 250px;
}

/*下層ページサイド*/
.category_vertical .ec-headerSearch .ec-headerSearch__keyword {
  border-radius: 30px !important;
  width: 100% !important;
}

.category_vertical .ec-secHeading .ec-secHeading__en {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .1em;
  color: #664733;
}

.category_vertical .ec-secHeading {
  margin-top: 30px;
  margin-bottom: 30px;
}

.category_vertical .ec-role {
  padding: 0 20px !important;
}

.category_vertical {
  background-color: #ffffff;
  margin-top: 10px;
}

.category_vertical .ec-secHeading, .ec-categoryRole .ec-category_side__list {
  margin-left: 1rem;
}

.category_vertical .ec-categoryRole__listItem a {
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .category_vertical .ec-categoryRole__list {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 768px) {
  .category_vertical .ec-categoryRole__listItem:not(:last-of-type) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .category_vertical .ec-categoryRole__listItem {
    width: 100%;
  }
}

/*プライバシーポリシー*/
.ec-pageHeader {
  color: #664733;
}

.ec-off1Grid__cell {
  color: #664733;
}

.ec-pageHeader .ec-off1Grid__cell p{
  padding-left: 1em;
}

.privacy .ec-off1Grid__cell p{
  line-height: 3rem;
}

.ec-heading-bold {
  border-bottom: 1px solid #DCD8C9;
  padding-bottom: 0.5rem;
  font-size: 16px;
}

.ec-off1Grid__cell {
  font-size: 14px;
}

.ec-pageHeader h1 {
  border-bottom: 0;
  border-top: 0;
}

@media only screen and (min-width: 768px) {
  .ec-pageHeader h1 {
    font-size: 24px;
  }
}

/*特定商取引法に基づく表記*/
.dd_bold {
  font-weight: bold;
}
.indent li {
  padding-left:1em;
  text-indent:-1em;
}
.ec-borderedDefs {
  border-top: 1px solid #DCD8C9;
}
.ec-borderedDefs dl {
  border-bottom: 1px solid #DCD8C9;
}

@media only screen and (min-width: 768px) {
  .ec-borderedDefs dt {
    padding-top: 8px;
  }
  .ec-borderedDefs dd {
    line-height: 2.5;
  }
  .help .ec-borderedDefs dl {
    padding: 15px;
  }
}

/*マイページログイン*/
.ec-login {
   background: #FFFFFF;
}
input[type="password"] ,input[type="email"]  {
  border: 1px #DCD9C9 solid;
  border-radius: 0;
}
.form-check-label {
  font-weight: normal;
  font-size: 14px;
}
.ec-blockBtn--cancel {
  background-color: #664733;
  border-color: #664733;
}
.ec-blockBtn--cancel:hover {
  opacity: 0.8;
  background-color: #664733;
  border-color: #664733;
}
.my_page_login_msg {
  padding-top: 3rem;
}
.ec-link {
  color: #B97901;
}
.ec-login__link {
  font-size: 14px;
}

/*パスワードの再発行*/
.ec-forgotRole__form {
  padding-top: 2rem;
}
.ec-para-normal {
  line-height: 3rem;
}

/*お問い合わせ入力ページ*/
.ec-zipInputHelp span {
  color: #664733;
}


/*お問い合わせ(確認ページ)*/
.ec-contactConfirmRole .ec-pageHeader {
  text-align: center;
}

.ec-contactConfirmRole .ec-borderedDefs {
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.ec-contactConfirmRole p {
  line-height: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .ec-contactConfirmRole .ec-borderedDefs dl {
    padding: 15px;
  }
}


/*お問い合わせ完了ページ*/
.ec-reportDescription {
  text-align: left;
  font-size: 14px;
  line-height: 3rem;
}

.ec-contactCompleteRole .ec-off1Grid__cell {
  border-bottom: solid 1px #DCD8C9;
  padding-bottom: 3rem;
}


/*会員登録(入力ページ)*/
.entry .ec-blockBtn--cancel {
  margin-top: 3rem;
}

/*会員登録(確認ページ)*/
.entry_confirm .ec-borderedDefs {
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.entry_confirm p {
  line-height: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .entry_confirm .ec-borderedDefs dl {
    padding: 15px;
  }
}

/*現在のカゴの中*/
.ec-cartHeader .ec-cartHeader__label {
  background: #ffffff;
  border-bottom: solid 1px #DCD8C9;
}
.ec-cartRow li {
  border-bottom: solid 1px #DCD8C9 !important;
}
.ec-cartHeader__label:nth-of-type(2) {
  text-align: left !important;
}
.ec-cartRole .ec-blockBtn--action {
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .ec-cartRole .ec-cartRole__actions {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .ec-cartRow  {
    font-size: 14px;
  }
}

/*ご注文手続き*/
.ec-orderRole .ec-rectHeading h2 {
  background: #ffffff;
  padding-left: 0;
  border-bottom: solid 1px #DCD8C9;
  margin-top: 0;
}
.ec-orderRole p {
  line-height: 2;
}

.ec-orderRole .ec-imageGrid {
  border-top: 0;
}

.ec-orderRole .ec-borderedList:first-child {
  border-top: 1px dotted #ccc;
}

/*MYページ*/
.mypage .ec-role {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 768px) {
  .ec-historyRole__detail {
    padding-top: 2rem;
  }
}

/*MYページ/退会手続き(入力ページ)*/
.ec-withdrawRole__description {
  line-height: 2.5;
}

/*MYページ/退会手続き(確認ページ)*/
.ec-withdrawConfirmRole__description {
  line-height: 2;
}

/*MYページ/お届け先一覧*/
.ec-addressRole .ec-addressRole__actions {
  border-bottom: 0;
}

/*MYページ/お届け先追加*/
.mypage .ec-blockBtn--cancel {
  margin-top: 3rem;
}

/*MYページ/購入履歴詳細*/
.mypage_back {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media only screen and (min-width: 768px) {
  .mypage_back a {
    margin-left:16px;
  }
}

/*非会員購入情報入力*/
.ec-RegisterRole__actions {
  margin-top: 3rem;
}

/*商品一覧*/
.ec-shelfGrid__item-image img {
  width: 100%;
}
.ec-topicpath__item a,.ec-searchnavRole__counter {
  color: #664733 !important;
}

.ec-shelfGrid .ec-shelfGrid__item-image {
  height: auto;
}
.ec-topicpath {
  border-top: 0;
  padding: 10px 20px;
}

@media only screen and (min-width: 768px) {
  .ec-topicpath {
    padding: 10px 0;
  }
}

/*商品詳細ページ*/
.ec-price {
  color: #A0A0A0;
  font-size: 20px;
}
.ec-price .ec-price__price {
   padding: 0;
}
.ec-productRole .ec-productRole__description {
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 2;
}
.ec-select select, .ec-numberInput .form-control {
   background-color: #ffffff;
  border: solid 1px #BAB65C;
  border-radius: 0;
}
.product_page .msg {
  padding-top: 3rem;
  line-height: 2;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .ec-productRole .ec-productRole__price {
    border-bottom: 0;
  }
  .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 24px;
  }
}

/*商品購入/お届け先の複数指定*/
.ec-AddAddress .ec-AddAddress__info {
  text-align: left;
}
.ec-AddAddress {
  padding: 0 20px;
}
.ec-AddAddress .ec-AddAddress__selectNumber input {
  background-color: #ffffff;
  border: solid 1px #BAB65C;
  border-radius: 0;
}

@media only screen and (max-width: 768px) {
  .ec-AddAddress .ec-AddAddress__selectNumber {
    margin-left: 0px;
  }
}

/*商品購入/お届け先の追加*/
#page_shopping_shipping_edit .ec-registerRole {
  padding-left: 0;
  padding-right: 0;
}




/* 商品一覧 3列 */
@media only screen and (min-width: 768px) {
    .ec-shelfGrid .ec-shelfGrid__item {
        width: 33%;
    }
}

.ec-footerRole {
    border-top: 0px;
}

.ec-blockBtn--action {
    background-color: #f08300;
    border-color: #f08300;
}
.ec-blockBtn--action:hover {
    background-color: #f08300;
    border-color: #f08300;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background-color: #f08300;
    border-color: #f08300;
}
.ec-footerNavi .ec-footerNavi__link a {
  border-bottom : 0px;
}

.ec-drawerRole {
  background: #f8b862;
}

.ec-drawerRole .ec-headerLinkArea {
  background: #f8b862;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
  border-bottom: 1px solid #fff;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
  background-color: #f08300;
}

