/************************************************************/
/************************************************************/
/************************************************************/
/* すべて独自追加 */
/************************************************************/
/************************************************************/
/************************************************************/

/* コンテンツ部分の横幅フル */
.l-main {
    width: 100%;
    padding: 0;
}

/* 横幅設定 */	
.u-contents-s, .u-contents, .c-breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 1100px;
}
	
@media screen and (max-width: 1030px) {
.u-contents-s, .u-contents, .c-breadcrumbs {
    width: auto;
	}
}


/* コンテンツページタイトル */
h1.p-contents__ttl {
  margin: 0 auto;
    padding: 25px;
    line-height: 2;
    font-size: 35px;
    font-weight: 400;
    text-align: center;
    background-color: unset;
}
@media screen and (max-width: 767px) {
  h1.p-contents__ttl {
    font-size: 27px;
    padding: 15px 30px;
  }
}




/* ●2021/08/02　コンテンツ内リンクに下線追加
.u-contents a {
    color: #224d34;
    text-decoration: underline;
}

.u-contents a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #224d34;
} ● */

/* ●2021/09/24　 カラーミーで指定されているline-heightを強制修正● */
dt, dd {
    line-height: 2;
}

/******************************/
/* sk-menu */
/******************************/

.sk-menu-wrap {
  padding: 70px 0 50px 0;
  background: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .sk-menu-wrap {
  padding: 50px 0 50px 0;
  }
}

.sk-menu-main {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1030px) {
  .sk-menu-main {
    display: block;
  }
}


.sk-menu {
  display: flex;
}
@media screen and (max-width: 767px) {
  .sk-menu {
    display: block;
  }
}
.sk-menu-list {
  margin-left: 90px;
}
@media screen and (max-width: 1030px) {
  .sk-menu-list {
    margin-left: 0;
    width: 33.3333%;
  }
}
@media screen and (max-width: 767px) {
  .sk-menu-list {
    width: auto;
  }
}
.sk-menu-list__item {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .sk-menu-list__item {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .sk-menu-list__link {
    display: block;
    position: relative;
    padding: 14px 20px;
  }
}
@media screen and (max-width: 767px) {
  .sk-menu-list__link:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    transform: rotate(45deg);
  }
}










/***/


.p-shopkeeper-menu {  
/*  margin-bottom: 60px;*/ 
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-shopkeeper-menu {
    padding: 0 25px;
  }
}
.p-shopkeeper-menu-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (max-width: 1030px) {
  .p-shopkeeper-menu-wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (max-width: 767px) {
  .p-shopkeeper-menu-wrap {  
    display: block;
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #cccccc;
  }
}
.p-shopkeeper-menu-column {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  width: 25%;
  font-feature-settings: "palt" 1;
  margin-bottom: 25px;
}
@media screen and (max-width: 1030px) {
  .p-shopkeeper-menu-column {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-shopkeeper-menu-column {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    margin: 8px 0;
  }
}

.p-shopkeeper-menu-box { 
  border: solid 1px #999;
}

@media screen and (max-width: 767px) {
  .p-shopkeeper-menu-box { 
    border: none;
    border-bottom: 1px solid #cccccc;
  }
}

a.p-shopkeeper-menu-link {
  display: block;
}

a.p-shopkeeper-menu-link:hover {
  background-color: #eee;
  text-decoration: none;
}

.p-shopkeeper-menu-head {
/*  margin-bottom: 25px
  padding-top: 40px;
  border-bottom: 1px solid #b2b2b2;*/
  text-align: center;
  padding: 20px;
}
.p-shopkeeper-menu-head .c-ttl-sub {
/*  margin-bottom: 30px;*/
    font-size: 15px;
    letter-spacing: 0.1em;
}
.p-shopkeeper-menu__icon {
  margin-bottom: 10px;
    max-width: 60%;
    padding: 0px 20%;
}
.p-shopkeeper-menu__ttl {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: normal;
}
.p-shopkeeper-menu__body {
  margin-bottom: 35px;
  margin-left: 0;
  color: #909090;
  overflow-wrap: break-word;
}
.p-shopkeeper-menu__img {
  margin-bottom: 15px;
}
.p-shopkeeper-menu__point-ttl {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
}
.p-shopkeeper-menu-cregit-list {
  display: flex;
  flex-wrap: wrap;
}
.p-shopkeeper-menu-cregit-list__item {
  margin-right: 7px;
  margin-bottom: 10px;
}
.p-shopkeeper-menu__attention {
  font-size: 12px;
}

/***/



.p-shopkeeper-menu__icon img {
    max-width: 45%;
}

.c-ttl-sub {
   margin-bottom: 5px;
}  


@media screen and (max-width: 767px) {
  .p-shopkeeper-menu-head {
    padding: 10px 0;
    display: flex;
    align-items: center;
  }
  
  .p-shopkeeper-menu__icon {
    margin-bottom: 5px;
    padding: 0;
    max-width: 100px;
  }  
  
.c-ttl-sub {
    font-size: 16px;
}  
}



.brbox {
  margin: 0em auto;
    padding: 1em 2.5em 1em;
}

.brbox a {
    color: #ab7e51;
}



.column1208 {
    display: flex;
    flex-wrap: nowrap;
    max-width: 500px;
    margin: auto;
}

@media screen and (max-width: 767px) {
  .column1208 {
display: block;
  }
}

/******************************/
/* table(ショッピングカートでは反映されない) */
/******************************/

.table_bd {
  border-collapse: collapse;
}

.table_bd th, .table_bd td {
  border:1px #ccc solid;
  padding:8px 16px;
}

/******************************/
/* 納期について／引渡し時期のカレンダー */
/******************************/

.p-calendar {
    border: solid 1px #ccc;
    padding: 30px;
    width: fit-content;
}

@media screen and (min-width: 767px) {
.tbl_calendar:first-child {
    margin-bottom: 20px;
    float: left;
    margin-right: 30px;
}
}


.p-calendar .l-footer-navi-tit {
    text-align: center;
}


/*　お支払い方法・配送方法のみ
　　アンカーリンクのズレ防止　*/
@media screen and (max-width: 767px) {
#payment .anchor, #delivery .anchor {
    display: block;
    padding-top: 120px !important; /*上に余白を付ける*/
    margin-top: -120px !important; /*上の余白を打ち消す*/
  }
}