@charset "UTF-8";
/* main-common-parts.css add */
@media screen and (max-width: 767.99px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .fav-icon {
    width: calc(27/ 3.75 * 1vw);
    height: calc(27/ 3.75 * 1vw);
  }
}
/* 商品一覧上 H2 */
.p-type01.list {
  margin-bottom: -40px;
}
@media screen and (max-width: 767px) {
  .p-type01.list {
    padding: 0 calc(10 / 3.75* 1vw);
  }
}
/* 第三カテゴリ共通 タイトル・リード文 */
.p-sub-title-box.mt-tight {
  margin-top: -30px
}
@media screen and (max-width: 767px) {
  .p-sub-title-box.mt-tight {
    margin-top: calc(-30 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw) 0
  }
}
.p-sub-title-box .title-txt {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 12px
}
@media screen and (max-width: 767px) {
  .p-sub-title-box .title-txt {
    font-size: calc(20 / 3.75 * 1vw);
    margin-bottom: calc(10 / 3.75 * 1vw)
  }
}
.p-sub-title-box .sub-title {
  color: #e8343d;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}
.p-sub-title-box .sub-lead {
  font-size: 13px;
  line-height: 21px
}
@media screen and (max-width: 767px) {
  .p-sub-title-box .sub-lead {
    font-size: calc(13 / 3.75 * 1vw)
  }
}
/* SP H1 modify */
@media screen and (max-width: 767.99px) {
  .p-sub-kv-box .title-box .title-txt h1 {
    padding: 0 calc(20 / 3.75 * 1vw);
    font-size: calc(19 / 3.75 * 1vw);
    text-align: center;
  }
  .p-sub-kv-box .title-box .title-txt h1 span {
    background: rgba(255, 255, 255, 0.8);
  }
}
/* 
    フリーページ・カテゴリページ用ランキング用追加CSS
    【ブロック】ranking.twig 内 designType == '1000'
    .tab-cont-wrap に .noscroll classを追加すると
    SPの横スクロールが無くなり全て画面内に表示されます 
*/
@media screen and (min-width: 768px) {
  .p-sub-ranking-box .tab-cont-wrap .flx-box {
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 27px;
  }
}
@media screen and (max-width: 767.99px) {
  .p-sub-ranking-box .tab-cont-wrap.noscroll .flx-box {
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: calc(30 / 3.75 * 1vw);
  }
  .p-sub-ranking-box .tab-cont-wrap.noscroll .flx-box .cont {
    width: calc(110 / 3.75 * 1vw);
    margin-right: calc(10 / 3.75 * 1vw);
  }
  .p-sub-ranking-box .tab-cont-wrap.noscroll .flx-box .cont:nth-of-type(3n) {
    margin-right: 0;
  }
  .p-sub-ranking-box .tab-cont-wrap.noscroll .flx-box .cont a img {
    width: calc(110 / 3.75 * 1vw);
  }
}
/* 汎用名入れ */
.p-naire-box .p-flex-box {
  display: flex;
  justify-content: space-between;
}
.p-naire-box .p-cont-box {
  width: 48%;
  margin-bottom: 30px;
  border: #ddd solid 1px;
}
.p-naire-box .p-cont-box .p-catch {
  font-size: 16px;
  border-bottom: #ddd solid 1px;
  padding: 20px;
  margin-bottom: 0;
  font-weight: bold;
  background-color: #f2f2f2;
  line-height: 1.3;
}
.p-naire-box .p-cont-box p {
  text-align: left;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}
.p-naire-box .p-cont-box .link {
  padding: 10px 15px 15px;
  text-align: right;
}
.p-naire-box .p-cont-box a {
  color: #27a3cd;
  text-align: right;
  text-decoration: underline;
  display: inline-block;
  margin-left: 15px;
}
.p-naire-box .p-cont-box a:hover {
  text-decoration: none;
}
.p-naire-box .p-cont-box img {
  width: 100%;
  height: auto;
}
.p-link {
  margin: 0 0 20px;
}
.p-link li {
  text-align: left;
  font-size: 14px;
  padding: 2px 0;
}
.p-link a {
  font-size: 13px;
  background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
  padding-right: 16px;
  text-decoration: underline;
  color: #28A3CD;
  font-weight: 500;
  margin-top: 15px;
}
/* 汎用名入れ SP */
@media screen and (max-width: 767px) {
  .p-naire-box {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .p-naire-box h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .p-naire-box .p-flex-box {
    display: block;
  }
  .p-naire-box .p-cont-box {
    margin: 0 auto calc(20 / 3.75 * 1vw);
    border: #ddd solid 1px;
    width: auto;
  }
  .p-naire-box .p-cont-box:last-child {
    margin-bottom: 50px;
  }
  .p-naire-box .p-cont-box .p-catch {
    font-size: calc(15 / 3.75 * 1vw);
    border-bottom: #ddd solid 1px;
    padding: calc(12 / 3.75 * 1vw);
    margin-bottom: 0;
  }
  .p-naire-box .p-cont-box p {
    padding: calc(10 / 3.75 * 1vw) calc(15 / 3.75 * 1vw) 0;
    margin-bottom: 0;
    text-align: left;
    font-size: calc(13 / 3.75 * 1vw);
  }
  .p-naire-box .p-cont-box .link {
    padding: 0 calc(15 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    text-align: right;
  }
  .p-naire-box .p-cont-box a {
    color: #27a3cd;
    text-align: right;
    text-decoration: underline;
    display: inline-block;
    margin-left: calc(15 / 3.75 * 1vw);
  }
  .p-link li {
    font-size: calc(14 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw) 0;
  }
  .p-link a {
    font-size: calc(14 / 3.75 * 1vw);
    background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
    padding-right: calc(16 / 3.75 * 1vw);
    margin-top: 15px;
  }
}
/* 汎用のし・包装対応しますブロック */
.wrapping-info .wrap01 {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  font-size: 13px;
  line-height: 1.5;
}
.wrapping-info .wrap02 {
  display: flex;
  justify-content: space-evenly;
}
.wrapping-info .wrap02 .p-link-box a {
  width: 400px;
}
.wrapping-info .wrap02 .p-link-box.ml {
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .wrapping-info {
    margin: 50px;
    padding: 0 calc(10 / 3.75 * 1vw);
  }
  .wrapping-info .wrap01 {
    flex-direction: column-reverse;
    font-size: calc(13 / 3.75 * 1vw);
  }
  .wrapping-info .wrap01 img {
    display: block;
    margin-bottom: 10px;
  }
  .wrapping-info .wrap02 {
    display: block;
  }
  .wrapping-info .wrap02 .p-link-box {
    padding-right: 0;
  }
  .wrapping-info .wrap02 .p-link-box.ml {
    margin-right: 0;
  }
  .wrapping-info .wrap02 .p-link-box a {
    width: auto;
  }
}
/* 汎用ノベラボロゴ付きボタン */
.p-link-box.labo a {
  width: 500px;
  height: 70px;
}
@media screen and (max-width: 767px) {
  .p-link-box.labo a {
    padding: calc(15 / 3.75 * 1vw) 0;
    font-size: calc(15 / 3.75 * 1vw);
    width: inherit;
    height: inherit;
  }
}
.p-link-box.labo a:hover {
  transition: color 0.15s ease-in-out;
  background: url(/html/user_data/assets/img/common/arrow3_on.png) no-repeat right 25px center;
  background-color: #fff5f5;
  border-color: #f9ccbf;
}
.p-link-box.labo a span {
  display: inline-block;
  text-align: left;
  background: url(/html/user_data/assets/img/common/m7.png) no-repeat 0 center;
  padding-left: 180px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-link-box.labo a span {
    background: none;
    padding: 0;
    text-align: center;
    line-height: 1.3;
  }
}
/* 全商品ページ共通 */
.item .p-link-box a {
  transition: color 0.15s ease-in-out;
}
.item .p-main-kv-box.item01 .kv-box h1 {
  font-size: 35px;
  text-align: center;
}
.p-main-kv-box.item01 .sub-lead_rd {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #E8343D;
  line-height: 1.2;
}
.item .p-main-kv-box.item01 .sub-lead {
  margin-top: 20px;
  color: #707070;
  font-size: 13px;
  line-height: 1.2;
}
.item .p-3col-box.item02 .flx-box .item-3col-box a {
  position: relative;
  min-height: 230px;
}
.item .p-3col-box.item02 .flx-box .item-3col-box a h3 {
  font-size: 15px;
}
.item .p-3col-box.item02 .flx-box .item-3col-box a p {
  font-size: 13px;
  color: #707070;
  position: absolute;
  top: 85%;
  left: 0;
}
.item .p-3col-box.item02 .flx-box .item-3col-box ul li a {
  margin: 0 2px 0 0;
}
.item .p-3col-box.item02 .flx-box .item-3col-box .item02-link {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  margin-top: 13px;
  margin-bottom: 15px;
}
.item .p-3col-box.item02 .flx-box .item-3col-box .item02-link a {
  border: 1px solid #EEE;
  border-radius: 5px;
  padding: 5px 10px;
  background: #fff;
  font-size: 13px;
  height: auto;
}
/* タンブラーのみ */
.item .p-3col-box.tumblr01 .flx-box .item-3col-box a {
  position: relative;
}
.item .p-3col-box.tumblr01 .flx-box .item-3col-box a h3 {
  font-size: 15px;
}
.item .p-3col-box.tumblr01 .flx-box .item-3col-box a p {
  font-size: 13px;
  color: #707070;
  position: absolute;
  top: 85%;
  left: 0;
}
.item .p-3col-box.tumblr01 .flx-box .item-3col-box ul li a {
  margin: 0 2px 0 0;
}
.item .p-3col-box.tumblr01 .flx-box .item-3col-box .item02-link {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  margin-top: 13px;
  margin-bottom: 15px;
}
.item .p-3col-box.tumblr01 .flx-box .item-3col-box .item02-link a {
  border: 1px solid #EEE;
  border-radius: 5px;
  padding: 5px 10px;
  background: #fff;
  font-size: 13px;
  height: auto;
}
/* タンブラーのみ */
/* 注文の流れ */
.item .p-schedule-flow-box.item03 .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box {
  background: #fff;
}
.item .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box.blank {
  border: none;
  background: url(/assets/img/common/schedule/icn_blank.png) center center/117px auto no-repeat;
}
.item .p-schedule-flow-box.item03 .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box-sp.blank {
  height: calc(168 / 3.75 * 1vw);
  background: url(/assets/img/common/schedule/icn_blank_sp.png) center center/calc(40 / 3.75 * 1vw) auto no-repeat;
}
/* 注文の流れ */
/* 全商品ページ共通 */
/* サブページ */
.item-sub.p-link-box a :hover {
  transition: color 0.15s ease-in-out;
  background-color: #fff5f5;
}
.item-sub .p-sub-kv-box.item-sub01 {
  display: block;
}
.item-sub .ttl-container {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.item-sub .ttl-inner.item-sub-ttl {
  padding-right: 32px;
  white-space: nowrap;
}
.item-sub .ttl-inner.item-sub-ttl .ttl-red {
  color: #e8343d;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 13px;
}
.item-sub .ttl-inner.item-sub-ttl .ttl-bk {
  width: auto;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.item-sub .read-cf {
  width: auto;
  font-size: 13px;
  line-height: 1.5;
}
/* オリジナルグラス・ビアグラス */
@media screen and (max-width: 767px) {
  .item-sub.glass.tokucho, .item-sub.glass.reason, .item-sub.glass.howto, .item-sub.wrapping {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.item-sub.glass .mb50 {
  margin-bottom: 50px;
}
.item-sub.glass .mb80 {
  margin-bottom: 80px;
}
.item-sub.wrapping .wrap01 {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .item-sub.wrapping .wrap01 {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }
}
.item-sub.wrapping .link {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .item-sub.wrapping .link {
    display: block;
  }
}
.item-sub.wrapping .link .p-link-box:first-child {
  margin-right: 60px;
}
@media screen and (max-width: 767px) {
  .item-sub.wrapping .link .p-link-box:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.item-sub.wrapping .link a {
  width: 450px;
  height: 77px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .item-sub.wrapping .link a {
    width: 100%;
    height: 70px;
  }
}
.item-sub .cottonbag-machi {
  position: relative;
  height: 90px;
  margin-bottom: 10px;
}
.item-sub .cottonbag-machi img {
  position: absolute;
  top: 0;
}
.item-sub .cottonbag-machi p {
  position: absolute;
  left: 250px;
  top: 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
.item-sub .cottonbag-machi p span {
  color: #E8373D;
}
.item-sub .p-type01.item-sub02 {
  position: relative;
  display: block;
}
.item-sub .rank_more01 {
  position: absolute;
  bottom: 130%;
  left: 72%;
}
.item-sub .rank_more02 {
  position: absolute;
  bottom: 20%;
  left: 72%;
}
.item-sub.ptags {
  padding: 0 10px;
  text-align: left;
  padding-top: 20px;
  border-top: 1px solid #DDDDDD;
}
.item-sub.ptags .ti {
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0 5px 42px;
  background: url(/html/user_data/assets/img/common/ic18.png)no-repeat 0 center;
  background-size: 29px auto;
  margin-bottom: 20px;
}
.item-sub.ptags ul {
  margin-right: -8px;
}
.item-sub.ptags li {
  float: left;
  margin: 0 8px 8px 0;
}
.item-sub.ptags li a {
  display: block;
  font-size: 12px;
  color: #555;
  background: url(/html/user_data/assets/img/common/ic19-2.png) no-repeat 10px center;
  background-size: 10px auto;
  padding: 8px 15px 8px 30px;
  border-radius: 50px;
  border: #ddd solid 1px;
}
.item-sub.ptags li a:hover {
  background-color: #fef1f2;
  color: #e8343d;
}
.item-sub .cotton-bag-name-wrap {
  display: flex;
  justify-content: space-around;
  position: relative;
}
.item-sub .cotton-bag-name-wrap h2 {
  font-size: 16px;
  margin-top: 20px;
}
.item-sub .cotton-bag-name-wrap p {
  font-size: 13px;
  margin-top: 15px;
  line-height: 1.7;
}
.item-sub .cotton-bag-name-wrap ul {
  margin-top: 10px;
}
.item-sub .cotton-bag-name-wrap li {
  text-align: right;
  font-size: 1.4rem;
  padding: 4px 0;
}
.item-sub .cotton-bag-name-wrap_01 {
  width: 42%;
}
.item-sub .cotton-bag-name-wrap_01::after {
  margin: 0 1rem;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #DDDDDD;
  position: absolute;
  top: 0;
  left: 48%;
}
.item-sub .cotton-bag-name-wrap_02 {
  width: 42%;
}
.item-sub .p-cotton-bag-name-box a {
  font-size: 13px;
  background: url(/html/user_data/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
  padding-right: 16px;
  text-decoration: underline;
  color: #28A3CD;
  font-weight: 500;
  margin-top: 15px;
}
.item-sub .p-current-cate-srch-box.item-sub04 ul li a {
  padding: 0 20px 0 5px;
}
.item-sub .p-cotton-bag-name-box {
  padding: 10px 0;
}
/* 不織布トートバッグ 始まり */
/* スクロールアイコン付きボタン汎用 */
.p-link-box.scroll a {
  background: #fff url(/html/user_data/assets/img/common/arrow-scroll.png) left 30px center/30px auto no-repeat;
}
.p-link-box.scroll .type01.width-free {
  padding: 0 80px 0 100px;
  width: auto;
  background: #fff url(/html/user_data/assets/img/common/arrow-scroll.png) left 30px center/30px auto no-repeat;
}
.p-link-box.scroll a.type01.width-free:hover {
  background-color: #fff5f5;
}
/* よさピタ上タイトル汎用 */
/* アンカーリンク */
.item-sub.list-title #searchArea {
  padding-top: 55px;
  margin-top: -20px;
}
.p-bnr-pita-box.budget-title {
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
}
.p-bnr-pita-box.budget-title p {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-bnr-pita-box.budget-title p {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.p-bnr-pita-box.budget-title p {
  padding-bottom: 5px;
}
/* ランキング */
@media screen and (max-width: 767px) {
  .p-sub-ranking-box.item-sub.nonwoven-bag p {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
}
.item-sub p {
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .item-sub p {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
@media screen and (max-width: 767px) {
  .item-sub.nonwoven-bag.about, .item-sub.nonwoven-bag.tokucho, .item-sub.nonwoven-bag.scene, .item-sub.nonwoven-bag.howto {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
/* .item-sub .ttl-container.nonwoven01 {
	display: flex;
	justify-content: space-between;
    margin-top: 15px;
}

.item-sub .ttl-container.nonwoven01 .ttl-inner {
	width: 100%;
	padding-right: 170px;
	white-space: nowrap;
}

.item-sub .ttl-container.nonwoven01 .ttl-inner .ttl-red {
    color: #e8343d;
    font-weight: bold;
	padding-bottom: 5px;
	letter-spacing: 0.05em;
}

.item-sub .ttl-container.nonwoven01 .ttl-inner .ttl-bk {
	width: auto;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin-left: 5px;
} */
/* おススメの商品 */
.item-sub.p-sub-nonwoven-box.nonwoven02 .col2 {
  display: flex;
  justify-content: space-between;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .col2-cont {
  width: 48%;
  padding: 24px 27px;
  border: #ddd solid 1px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .col2-cont .reco_products {
  display: flex;
  margin-bottom: 20px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .col2-cont .reco_products .spec {
  padding-left: 30px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec.cf:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec .tub {
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #8f989d;
  border-radius: 2px;
  padding: 6px 10px;
  margin-bottom: 10px;
  width: 100px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec h3 {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  line-height: 1.3;
  transition: all 0.15s ease-in-out;
  padding-bottom: 4px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec .c {
  font-size: 11px;
  display: block;
  margin-bottom: 10px;
  color: #999;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec .p {
  font-size: 11px;
  color: #222;
  padding-bottom: 8px;
  line-height: 1.8;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec .p span:last-child {
  text-decoration: none;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec .p span b {
  font-size: 16px;
  line-height: 1.2;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec .size {
  font-size: 11px;
  font-weight: bold;
  color: #222;
  line-height: 1.7;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .copy p.title {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 10px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .copy p {
  font-size: 12px;
  padding-bottom: 15px;
  line-height: 1.5;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .priceList p.title {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .priceList table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ddd;
  margin: 5px 0 2px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .priceList table th {
  color: #888;
  background-color: #f9f9f9;
  font-size: 12px;
  border: 1px solid #ddd;
  text-align: center;
  padding: 7px 10px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .priceList table td {
  font-size: 12px;
  border: 1px solid #ddd;
  text-align: center;
  padding: 7px 10px;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .priceList p.note {
  font-size: 11px;
  text-align: right;
  padding-bottom: 20px;
}
.item-sub.p-link-box {
  text-align: center;
}
.item-sub.p-link-box a {
  min-width: 90%;
  font-size: 13px;
  padding: 15px 39px;
  box-shadow: 0 3px 8px 0 rgba(10, 2, 4, 0.1);
  font-weight: bold;
  color: #e8343d;
  border: #ddd solid 1px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
  background-color: #fff;
}
.item-sub.p-link-box a:hover {
  transition: color 0.15s ease-in-out;
  background-color: #fff5f5;
}
/* メリット */
@media screen and (max-width: 767px) {
  .item-sub.nonwoven-bag.merit.nonwoven03 {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.item-sub.nonwoven-bag.merit.nonwoven03 .flx-box {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .item-sub.nonwoven-bag.merit.nonwoven03 .flx-box {
    display: block;
  }
}
.item-sub.nonwoven-bag.merit.nonwoven03 .flx-box:last-child {
  padding-bottom: 1px;
  margin-bottom: -20px;
}
.item-sub.nonwoven-bag.merit.nonwoven03 .flx-box > div {
  width: 47%;
  margin: 0 10px 20px 10px;
  display: block;
  background-color: #fff9ee;
  border: #ddd solid 1px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .item-sub.nonwoven-bag.merit.nonwoven03 .flx-box > div {
    margin: 0 10px 20px 10px;
    display: flex;
    border: #ddd solid 1px;
    text-align: left;
    background-color: #fff9ee;
    width: 95%;
  }
}
.item-sub.nonwoven-bag.merit.nonwoven03 p.title {
  font-size: 15px;
  font-weight: bold;
  padding: 10px 10px 3px 10px;
}
@media screen and (max-width: 767px) {
  .item-sub.nonwoven-bag.merit.nonwoven03 p.title {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.item-sub.nonwoven-bag.merit.nonwoven03 p.txt {
  font-size: 12px;
  font-weight: 500;
  color: #333;
  padding: 0 10px 10px 10px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .item-sub.nonwoven-bag.merit.nonwoven03 .flx-box > div img {
    width: 50%;
    object-fit: contain;
    background-color: #fff;
  }
}
/* サイズテーブル */
.item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable table {
  width: 95%;
  border-collapse: collapse;
  margin-bottom: 64px;
  border-left: none;
  border-right: none;
  table-layout: fixed;
}
.item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable th {
  width: 15%;
  background: #EFEFEF;
  font-size: 16px;
  font-weight: bold;
}
.item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable td, .item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable th {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-right: none;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.item-sub.p-sub-sizeTble-box.nonwoven05 .size {
  font-weight: bold;
  font-size: 13px;
  margin-top: 5px;
}
.item-sub.list-title {
  margin-bottom: -40px;
}
@media screen and (max-width: 767px) {
  .item-sub.list-title {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.item-sub.nonwoven-bag.tokucho h4, .item-sub.nonwoven-bag.scene h4 {
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}
.item-sub.nonwoven-bag.tokucho .mb30, .item-sub.nonwoven-bag.scene .mb30 {
  margin-bottom: 30px;
}
/* 不織布トートバッグ おわり */
/* 保冷バッグ・レジかごバッグ 始まり */
/* .item-sub .read-cf.keep-cool01 {
	width: 57%;
    font-size: 13px;
    line-height: 1.5;
} */
.item-sub.p-sub-sizelist-box.keep-cool02-pc img {
  width: 230px;
  height: 100%;
}
.item-sub.keep-cool-bag {
  /* display: flex;
	justify-content: space-around; */
  margin-top: -50px;
}
@media screen and (max-width: 767px) {
  .item-sub.keep-cool-bag {
    margin-top: 0;
  }
}
.item-sub.p-link-box.keep-cool03 a {
  box-shadow: 0 3px 8px 0 rgba(10, 2, 4, 0.1);
  font-size: 15px;
  font-weight: bold;
  color: #e8343d;
  border: #ddd solid 1px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  min-width: 450px;
  padding: 20px 50px;
  background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
  background-color: #fff;
}
.item-sub.keep-cool-bag .p-link-box {
  display: flex;
  margin-top: -30px;
}
/* 保冷バッグ・レジかごバッグ 終わり */
/* ノート・手帳 始まり */
/* .item-sub .main-visual .note01 {
	width: 100%;
} */
.item-sub.product-point-note-box-pc ul.product-point.note {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.item-sub.product-point-note-box-pc ul.note .p-point {
  width: 32%;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
  text-align: center;
  margin-bottom: 15px;
}
.item-sub.product-point-note-box-pc ul.note .p-point .p-title {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 25px 20px 15px;
}
.item-sub.product-point-note-box-pc ul.note .p-point .p-txt {
  font-weight: normal;
  font-size: 13px;
  line-height: 1.5;
  display: inline-block;
  text-align: left;
  padding: 0 20px 10px;
  color: #707070;
}
.item-sub.product-point-note-box-pc ul.note .p-point .blueLineLink {
  text-align: right;
  margin: 10px 0 15px;
  padding-right: 20px;
}
.item-sub.product-point-note-box-pc ul.note .p-point .blueLine a {
  font-size: 13px;
  background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
  padding-right: 16px;
  text-decoration: underline;
  color: #28A3CD;
  font-weight: 500;
}
.item-sub .naire-link01 {
  margin: 0 0 20px;
}
.item-sub .naire-link01 li {
  text-align: left;
  font-size: 14px;
  padding: 2px 0;
}
.item-sub .naire-link01 a {
  font-size: 13px;
  background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
  padding-right: 16px;
  text-decoration: underline;
  color: #28A3CD;
  font-weight: 500;
  margin-top: 15px;
}
.item-sub .naire-link02 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.item-sub .naire-link02 li {
  text-align: left;
  font-size: 14px;
  padding: 2px 0;
}
.item-sub .naire-link02 a {
  font-size: 13px;
  background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
  padding-right: 16px;
  text-decoration: underline;
  color: #28A3CD;
  font-weight: 500;
  margin-top: 15px;
}
.item-sub .product-smallcategory.nonwoven-bag.naire.nonwoven04 .col2-cont .t-note {
  font-size: 16px;
  border-bottom: #ddd solid 1px;
  padding: 20px;
  margin-bottom: 0;
  font-weight: bold;
  background-color: #f2f2f2;
  line-height: 1.3;
}
.item-sub .product-smallcategory.nonwoven-bag.naire.nonwoven04 .col2-cont.note02 {
  width: 48%;
  margin-bottom: 0;
  border: #ddd solid 1px;
}
/* ノート・手帳 終わり */
/* モバイルバッテリー・充電器　始まり */
/* .item-sub .ttl-inner.item-sub-ttl .ttl-red.battery01 {
	line-height: 1.5;
} */
.item-sub.product-smallcategory.stainless-tumbler.naire {
  margin-top: -30px;
}
.item-sub.product-smallcategory.stainless-tumbler.naire .col2 {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: -50px;
}
.item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont {
  width: 400px;
  margin-bottom: 50px;
  border: none;
}
.item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont p.text {
  text-align: center;
  padding: 10px 0;
}
.item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont .link {
  padding: 0 15px 15px;
  text-align: right;
}
.item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont img {
  border: #ddd solid 2px;
}
.item-sub .battery-point-inner .t4 {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.item-sub .battery-point-inner .t4::before {
  content: '';
  width: 5px;
  height: 20px;
  background-color: #c3c3c3;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub .battery-point-inner .t4::after {
  content: '';
  width: 5px;
  height: 10px;
  background-color: #555;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub .battery-point-inner p {
  font-size: 13px;
  line-height: 1.5;
  padding-left: 20px;
}
.item-sub.p-sub-battery-point-box .col2-battery {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery {
  width: 48%;
  margin-bottom: 50px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-battery01 {
  font-size: 16px;
  color: #555;
  border: #eee solid 1px;
  padding: 15px;
  margin-bottom: 0;
  font-weight: bold;
  background-color: #F9F9F9;
  line-height: 1.3;
  text-align: center;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery.line01 {
  position: relative;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery.line01::after {
  margin: 0 1rem;
  content: "";
  width: 1px;
  height: 97%;
  background-color: #DDDDDD;
  position: absolute;
  top: 2%;
  left: 464px;
  padding-bottom: 20px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-battery02 {
  font-size: 16px;
  color: #fff;
  border: #eee solid 1px;
  padding: 15px;
  margin-bottom: 0;
  font-weight: bold;
  background-color: #707070;
  line-height: 1.3;
  text-align: center;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery p {
  padding: 10px 15px;
  line-height: 1.3;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery img {
  width: 100%;
  height: auto;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .link {
  padding: 10px 15px 15px;
  text-align: right;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery a {
  color: #27a3cd;
  text-align: right;
  text-decoration: underline;
  display: inline-block;
  margin-left: 15px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-sub-battery {
  padding-top: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-sub-battery img {
  width: 25px;
  height: auto;
  margin: 0 20px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .battery-point-txt01 {
  margin-top: 20px;
  font-size: 13px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .battery-point-txt02 {
  font-size: 13px;
}
.item-sub .battery-point-inner .pic-battery {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
}
.item-sub .battery-point-inner .sml-txt {
  font-size: 12px;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 50px;
}
.item-sub .battery-point-inner .sml-txt02 {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 50px;
}
.item-sub .battery-point-inner .sml-txt02 p {
  font-size: 12px;
  display: inline-block;
  text-align: left;
}
/*手動ランキング*/
/* .item-sub .cate.orank {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.item-sub .cate.orank .left {
    width: 56%;
}

.item-sub .cate.orank .right {
    width: 40%;
    margin-left: 10px;
    margin-top: 28px;
}

.item-sub .cate.orank .right.cf .e {
    float: left;
    width: calc(50% - 20px);
    margin: 0 0 20px 20px;
}

.item-sub .cate.orank .right.cf a {
    display: block;
    position: relative;
}

.item-sub .cate.orank .right.cf img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.item-sub .cate.orank .right.cf h3 {
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
    line-height: 1.3;
}

.item-sub .cate.orank .right.cf p {
    font-size: 12px;
    padding-top: 10px;
    line-height: 1.3;
}

.item-sub .cate.orank .right.cf .c {
    display: block;
    font-size: 11px;
    color: #999;
    padding-top: 3px;
}

.item-sub .cate.orank .right.cf .p {
    display: block;
    text-align: right;
    font-size: 11px;
    color: #333;
}

.item-sub .cate.orank .right.cf .p b {
    font-size: 14px;
}

.item-sub .cate.orank .list .e {
    position: relative;
}

.item-sub .cate.orank .list .e .image {
  border: #ddd solid 1px;
  text-align: center;
  padding: 2px;
  background-color: #fff;
}

.item-sub .cate.orank ._seq {
    display: block;
    position: absolute;
    left: 0;
    bottom: 98%;
    background-color: #f5f5f5;
    color: #6d6d6d;
    font-weight: bold;
    width: 50px;
    border-radius: 2px;
    text-align: center;
    padding: 3px;
    font-size: 13px;
}

.item-sub .cate.orank ._seq:after {
  content: '位';
}

.item-sub .cate.orank ._seq1 {
    position: static;
    background-color: #d0ac62;
    color: #fff;
    width: 70px;
    font-size: 14px;
    margin-bottom: 12px;
    padding: 4px;
}

.item-sub .cate.orank ._seq2 {
    background-color: #b6bcc1;
    color: #fff;
    padding: 4px;
    margin-bottom: 12px;
}

.item-sub .cate.orank ._seq3 {
    background-color: #a15326;
    color: #fff;
    padding: 4px;
    margin-bottom: 12px;
}

.item-sub .cate.orank .left h4 {
    font-weight: bold;
    margin: 15px 0 10px;
    font-size: 14px;
    line-height: 1.3;
}

.item-sub .cate.orank .pd-hs {
	padding-bottom: 10px;
}

.item-sub .cate.orank .pd-hs .lf {
	float: left;
	width: 270px;
	transition: transform 0s ease;
}

.item-sub .cate.orank .pd-hs .imgs {
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px;
  height: auto;
  position: relative;
}

.item-sub .cate.orank .pd-hs .rh {
	float: right;
	width: 240px;
}

.item-sub .cate.orank .pd-hs h3 {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px;
	line-height: 1.5;
}

.item-sub .cate.orank .pd-hs h3 + p {
	font-size: 11px;
	color: #999;
 }

.item-sub .cate.orank .pd-hs .prs {
	border-bottom: #bbb dotted 1px;
	padding-bottom: 10px;
}

.item-sub .cate.orank .pd-hs .prs .p {
	font-weight: bold;
}

.item-sub .cate.orank .pd-hs .prs .p div {
	padding-top: 7px;
}

.item-sub .cate.orank .pd-hs .prs .p span {
	margin-left: 10px;
	text-decoration: line-through;
	display: inline-block;
}

.item-sub .cate.orank .pd-hs .prs .p div:last-child span {
	text-decoration: none; 
}

.item-sub .cate.orank .pd-hs .prs .p div:nth-child(2) span {
	color: #e8343d;
	margin: 0;
	padding-left: 53px;
	background: url(../img/ic22.png) no-repeat 0 0;
	padding-top: 1px;
}

.item-sub .cate.orank .pd-hs .prs .p div:last-child b {
	font-size: 22px;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
	margin-top: -3px;
}

.item-sub .cate.orank .priceList p.title {
	font-size: 12px;
	font-weight: bold;
}

.item-sub .cate.orank .priceList p.note {
	font-size: 11px;
	padding-bottom: 16px;
}

.item-sub .cate.orank .priceList table:first-child {
	float: left;
	margin-right: 4%;
}

.item-sub .cate.orank .priceList table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: #ddd solid 1px;
	margin: 5px 0 2px;
}

.item-sub .cate.orank .priceList table th, .priceList table td {
	border: #ddd solid 1px;
	text-align: center;
	padding: 5px 10px;
}

.item-sub .cate.orank .priceList table th {
	font-size: 12px;
	color: #888;
	background-color: #f9f9f9;
}

.item-sub .cate.orank .priceList table td table {
	border: none;
}

.item-sub .cate.orank .priceList table td.th {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 10px;
	width: auto;
	background: none;
}

.item-sub .cate.orank .pd-hs .tx {
	margin-bottom: 10px;
	font-size: 12px;
}

.item-sub .cate.orank .pd-hs .tx h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.item-sub .cate.orank .pd-hs .tgs {
	font-size: 0;
	margin-right: -4px;
	padding-bottom: 6px;
}

.item-sub .cate.orank .pd-hs .tgs li {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px 4px 0;
	height: 22px;
}

.item-sub .cate.orank .pd-hs .tgs li.i1 {
	background: url(../img/tag1b.png) no-repeat;
	width: 44px;
}

.item-sub .cate.orank .pd-hs .tgs li.i2 {
	background: url(../img/tag2b.png) no-repeat;
	width: 46px;
}

.item-sub .cate.orank .pd-hs .tgs li.i3 {
	background: url(../img/tag3b.png) no-repeat;
	width: 75px;
}

.item-sub .cate.orank .pd-hs .tgs li.i4 {
	background: url(../img/tag4b.png) no-repeat;
	width: 53px;
}

.item-sub .cate.orank .pd-hs .tgs li.i5 {
	background: url(../img/tag5b.png) no-repeat;
	width: 59px;
}

.item-sub .cate.orank .pd-hs .tgs li.i6 {
	background: url(../img/tag6b.png) no-repeat;
	width: 58px;
}

.item-sub .cate.orank .pd-hs .tgs li.i7 {
	background: url(../img/tag7b.png) no-repeat;
	width: 77px;
} */
/* .item-sub .p-link-box-battery {
	text-align: center;
	width: 100%;
}

.item-sub .p-link-box-battery a {
	width: 40%;
	text-align: center;
	margin: 0 auto;
    font-size: 15px;
    padding: 20px 39px;
    box-shadow: 0 3px 8px 0 rgba(10, 2, 4, 0.1);
    font-weight: bold;
    color: #e8343d;
    border: #ddd solid 1px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
    background-color: #fff;
    margin-top: -100px;
}

.item-sub .p-link-box-battery a:hover {
	transition: color 0.15s ease-in-out;
	background-color: #fff5f5;
} */
/* モバイルバッテリー・充電器　終わり */
/* ステンレスタンブラー 始まり */
.item-sub .cate.orank.tam01 .cf:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.item-sub .cate.orank.tam01 .priceList table th, .priceList table td {
  font-size: 13px;
}
.item-sub .cate.orank.tam01 .priceList table th, .priceList table td {
  font-size: 13px;
}
.item-sub .cate.orank.tam01 .pd-hs .tx {
  line-height: 1.5;
}
.item-sub .cate.orank.tam01 .pd-hs .prs .p {
  font-size: 13px;
}
.item-sub .cate.orank.tam01 .pd-hs .prs .p div:last-child b {
  vertical-align: bottom;
}
.item-sub .cate.orank.tam01 .right {
  width: 40%;
}
.item-sub .cate.orank.tam01 .list .c {
  text-align: right;
}
.item-sub .cate.orank.tam01 .list .e {
  position: relative;
}
.item-sub .cate.orank.tam01 ._seq {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: bold;
  width: 50px;
  border-radius: 2px;
  text-align: center;
  padding: 5px;
  font-size: 13px;
}
.item-sub .cate.orank.tam01 ._seq1 {
  position: static;
  background-color: #d0ac62;
  color: #fff;
  width: 70px;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 5px;
}
.item-sub .cate.orank.tam01 ._seq2, .item-sub .cate.orank.tam01 ._seq3, .item-sub .cate.orank.tam01 ._seq4, .item-sub .cate.orank.tam01 ._seq5 {
  margin-bottom: 0;
}
.item-sub .cate.orank.tam01 .list .c {
  padding-bottom: 5px;
}
.item-sub .cate.orank.tam01 .right.cf .e {
  float: left;
  width: calc(50% - 40px);
  margin: 0 0 20px 20px;
}
.item-sub .cate.orank.tam01 .right.cf .c {
  padding-top: 10px;
}
.item-sub .p-link-box.large02 {
  margin: -50px 0 0;
}
.item-sub.cate.p-link-box.scroll-anc-box.tam02 a {
  background: url(/html/user_data/assets/img/common/arrow-scroll.png) center left 30px no-repeat;
  background-color: #fff;
  font-size: 1.4rem;
  min-width: 0;
  padding: 15px 80px 15px 100px;
  margin-bottom: 50px;
}
.item-sub.cate.p-link-box.scroll-anc-box.tam02.up a {
  background: url(/html/user_data/assets/img/common/arrow-scroll-up.png) center left 20px no-repeat;
}
.item-sub.cate.p-link-box.scroll-anc-box.tam02 a:hover {
  transition: color 0.15s ease-in-out;
  background-color: #fff5f5;
}
.item-sub.p-link-box.large02 a span.p-link-box-l-catch {
  font-size: 13px;
  line-height: 1.8;
}
.item-sub.p-link-box.large02 a span.p-link-box-l-copy {
  font-size: 18px;
}
/* 高級記念品ランキング */
.item-sub.p-sub-tam-rank-box h2 + p {
  padding-bottom: 30px;
}
.item-sub .hitems-tam {
  display: flex;
}
.item-sub .hitems-tam .list .e {
  float: left;
  width: calc(25% - 15px);
  margin: 0 0 20px 20px;
  position: relative;
}
.item-sub .hitems-tam .list .e:first-child {
  margin-left: 0;
}
.item-sub .hitems-tam .list .e .image {
  text-align: center;
  padding: 5px;
  background-color: #fff;
  margin-bottom: 10px;
}
.item-sub .hitems-tam .list img {
  width: 183px;
  object-fit: contain;
}
.item-sub .hitems-tam .list a span.t {
  font-size: 1.1rem;
  color: #000;
  display: block;
  padding-bottom: 2px;
  font-weight: bold;
}
.item-sub .hitems-tam .list h3 {
  font-size: 14px;
  font-weight: bold;
}
.item-sub .hitems-tam .list .c {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #999;
  padding-top: 10px;
  font-weight: 500;
}
.item-sub .hitems-tam .list .p {
  display: block;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-top: 10px;
}
.item-sub .hitems-tam .list .p b {
  font-size: 16px;
}
.item-sub .hitems-tam .list .p span {
  display: inline-block;
  text-decoration: line-through;
}
.item-sub .hitems-tam .list .p span:nth-child(2) {
  padding-left: 27px;
  color: #e8343d;
  text-decoration: none;
}
.item-sub .hitems-tam ._seq {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #f5f5f5;
  color: #6d6d6d;
  font-weight: bold;
  width: 50px;
  border-radius: 2px;
  text-align: center;
  padding: 3px;
  font-size: 13px;
}
.item-sub .hitems-tam ._seq:after {
  content: '位';
}
.item-sub .hitems-tam ._seq1 {
  position: static;
  background-color: #d0ac62;
  color: #fff;
  width: 70px;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 4px;
}
.item-sub .hitems-tam ._seq2 {
  background-color: #b6bcc1;
  color: #fff;
}
.item-sub .hitems-tam ._seq3 {
  background-color: #a15326;
  color: #fff;
}
.item-sub .hitems-tam .p-link-box {
  margin-top: 5px;
}
.item-sub .hitems-tam .p-link-box a {
  font-size: 14px;
  min-width: initial;
  min-width: auto;
  width: 100%;
  padding: 12px 28px 12px 16px;
  background-position: right 16px center;
}
.item-sub .hitems-tam .brand ._seq1 {
  margin: 2px 0 10px 124px;
}
.item-sub .hitems-tam .brand.thermos ._seq1 {
  margin-left: 90px;
}
.item-sub .hitems-tam .brand.atlas ._seq1 {
  margin-left: 80px;
}
.item-sub .hitems-tam .brand.zalatto ._seq1 {
  margin-left: 110px;
}
.item-sub .nitems-tam .e.brand.thermos {
  background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-thermos.jpg) no-repeat 0 0;
  background-size: 85px auto;
}
.item-sub .nitems-tam .e.brand.atlas {
  background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-atlas.jpg) no-repeat 0 0;
  background-size: 75px auto;
}
.item-sub .nitems-tam .e.brand.zojirushi {
  background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-zojirushi.jpg) no-repeat 0 0;
  background-size: 115px auto;
}
.item-sub .nitems-tam .e.brand.zalatto {
  background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-zalatto.jpg) no-repeat 0 5px;
}
.item-sub .nitems-tam .txt {
  margin-top: 25px;
  line-height: 1.5;
  font-size: 13px;
  min-height: 85px;
}
.item-sub .hitems-tam .list .c-tam {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #999;
  padding-bottom: 10px;
  font-weight: 500;
}
/* タンブラー・ステンレスタンブラー 選び方（カテゴリページ用）*/
#choice.item-sub {
  padding-top: 60px;
  margin-top: -50px;
}
.item-sub .feature_choice.tam03 .main-visu {
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin-bottom: 40px;
  position: relative;
}
.item-sub .feature_choice.tam03 .main-visu .h1-title {
  position: absolute;
  top: 45px;
  left: 30px;
  font-size: 26px;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
}
.item-sub .feature_choice.tam03 .main-visu .h1-title span.blue-underline {
  position: absolute;
  top: 0;
  padding: 0 10px 0;
  display: inline-block;
  font-size: 17px;
  background: -webkit-linear-gradient(left, #c6efff 60%, transparent 60%) 0% bottom / 200% 60% no-repeat;
  background: linear-gradient(to right, #c6efff 60%, transparent 60%) 0% bottom / 200% 60% no-repeat;
}
.item-sub .feature_choice.tam03 .main-visu .h1-title span.bk {
  display: inline-block;
  width: 300px;
  padding-top: 36px;
}
.item-sub .feature_choice.tam03 h3.heading {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  margin-bottom: 56px;
}
.item-sub .feature_choice.tam03 .heading + .p-link-box {
  margin-bottom: 70px;
}
ul.featureNav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 70px;
  margin-bottom: 60px;
  list-style: none;
  box-sizing: border-box;
}
ul.featureNav li {
  border-left: 1px solid #dddddd;
  width: calc(33.3333333% - 42px / 3);
  min-height: 70px;
  cursor: pointer;
  pointer-events: auto;
  padding: 0;
}
ul.featureNav li:last-of-type {
  border-right: 1px solid #dddddd;
}
ul.featureNav li span {
  padding-bottom: .2em;
  background: -webkit-linear-gradient(left, #FFED98 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  background: linear-gradient(to right, #FFED98 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  -webkit-transition: background-position .2s ease-out;
  transition: background-position .2s ease-out;
}
ul.featureNav li:hover span {
  background-position: 0% bottom;
}
ul.featureNav li a.fNav_txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  justify-content: flex-start;
}
ul.featureNav li a {
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}
ul.featureNav li > a.fNav_txt::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #cccccc;
  border-left: 2px solid #cccccc;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg) translateX(-50%);
  position: absolute;
  bottom: 23%;
  left: 50%;
  z-index: 2;
}
ul.featureNav li a.fNav_txt p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #555;
}
.item-sub .feature_choice.tam03 .fBox {
  box-sizing: border-box;
  border: 2px solid #DCF0F1;
  padding: 60px 40px 40px;
  margin-bottom: 70px;
}
.item-sub .feature_choice.tam03 .fBox.fBox-a {
  border: none;
  background-color: #f6f6f6;
}
.item-sub .feature_choice.tam03 .fBox.fBox-b {
  border: none;
  padding: 60px 0 40px 0;
  margin-bottom: 0;
}
.item-sub .feature_choice.tam03 .fBox h2.title {
  color: #555;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.item-sub .feature_choice.tam03 .fBox .read {
  font-size: 16px;
  line-height: 2;
  text-align: center;
  margin-bottom: 30px;
  font-weight: normal;
}
.item-sub .feature_choice.tam03 .fBox .read.scene {
  margin-bottom: 60px;
}
.item-sub .feature_choice.tam03 .fBox p.title {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 100px 10px;
  border: 1px solid #ededed;
  background-color: #ededed;
  font-size: 20px;
  color: #555;
  font-weight: bold;
  text-align: center;
}
.item-sub .feature_choice.tam03 .fBox p.title:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ededed;
}
.item-sub .feature_choice.tam03 .fBox .title .tumblr-small {
  font-size: 14px;
  line-height: 3;
}
.item-sub .feature_choice.tam03 .fBox .col2 {
  display: flex;
  justify-content: space-between;
}
.item-sub .feature_choice.tam03 .fBox .col2 .col2-fcont {
  width: calc(50% - 15px);
}
.item-sub .feature_choice.tam03 .fBox .col2 .cont {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ededed;
  padding: 24px;
}
.item-sub .feature_choice.tam03 .fBox .col2 .cont p {
  width: 100%;
  padding-bottom: 15px;
  font-weight: 500;
  line-height: 1.5;
}
.item-sub .feature_choice.tam03 .fBox .col2 .cont img {
  display: block;
  margin: 0 auto;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner {
  width: calc(33.33% - 13px);
  margin-right: 20px;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn.col-2 .inner {
  width: calc(50% - 15px);
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner:last-child {
  margin-right: 0;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner .image {
  position: relative;
  width: 100%;
  height: 220px;
  background-color: #fff;
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner .image span.circle {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 80px;
  height: 80px;
  background-color: #aaa;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-top: 32px;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner .image span.circle.gr1 {
  background-color: #999;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner .image span.circle.gr2 {
  background-color: #777;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner .image span.circle.wh {
  background-color: #fff;
  border: 1px solid #707070;
  color: #707070;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner p {
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner p.pd {
  padding: 0 7px;
  text-align: center;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner .p-link-box a {
  min-width: auto;
  width: 100%;
  padding: 8px 40px;
  height: auto;
}
.item-sub .nitems.hitems.tam03 p.txt {
  padding-top: 10px;
  font-weight: 500;
}
.item-sub .hitems-tam .p-link-box.choice a {
  line-height: 1.5;
}
.item-sub .feature_choice.tam03 .fBox .fcolumn .inner .p-link-box.choice a {
  min-width: auto;
  width: 100%;
  padding: 8px 40px;
  line-height: 1.5;
  height: auto;
}
.item-sub .pd04 > div {
  background-color: #f6f6f6;
  border: #eee solid 1px;
  padding: 20px;
  margin-bottom: 20px;
}
.item-sub .pd04 .cf:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.item-sub .pd04 .cf .t4 {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.item-sub .pd04 .cf .t4::before {
  content: '';
  width: 5px;
  height: 20px;
  background-color: #c3c3c3;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub .pd04 .cf .t4::after {
  content: '';
  width: 5px;
  height: 10px;
  background-color: #555;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub .pd04 img {
  float: left;
  width: 210px;
}
.item-sub .pd04 img + .tx {
  float: right;
  width: calc(100% - 230px);
}
.item-sub .pd04 .tx div {
  padding-top: 15px;
  text-align: right;
}
.item-sub .pd04 .tx div a {
  display: inline-block;
  color: #e8343d;
  padding: 15px 40px 15px 20px;
  border-radius: 5px;
  border: #dcdcdc solid 1px;
  font-weight: bold;
  background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 15px center;
  background-color: #fff;
}
.item-sub .pd04 .tx div a:hover {
  transition: color 0.15s ease-in-out;
  background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 15px center;
  background-color: #fff5f5;
}
.item-sub .fBox.fBox-b .t4 {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.item-sub .fBox.fBox-b .t4::before {
  content: '';
  width: 5px;
  height: 20px;
  background-color: #c3c3c3;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub .fBox.fBox-b .t4::after {
  content: '';
  width: 5px;
  height: 10px;
  background-color: #555;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub.p-sub-ranking-box .inner .flx-box .cont .s-num.tam-choice {
  margin-bottom: 10px;
}
.item-sub.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .price.tam-choice {
  text-align: right;
  line-height: 1;
}
.item-sub .hitems-tam .p-link-box.brand-choice a {
  /* padding: 12px 28px 30px 16px; */
  line-height: 1.5;
}
/* 手動で商品を入れるカスタムランキング */
.item-sub .custom_ranking {
  display: flex;
  margin-bottom: 50px;
}
.item-sub .custom_ranking.rank5 .list .e {
  float: left;
  width: calc(20% - 20px);
  margin: 0 10px 20px 10px;
  position: relative;
}
.item-sub .custom_ranking.rank4 .list .e {
  float: left;
  width: calc(25% - 15px);
  margin: 0 0 20px 20px;
  position: relative;
}
.item-sub .custom_ranking .list .e:first-child {
  margin-left: 0;
}
.item-sub .custom_ranking .list .e .image {
  border: #ddd solid 1px;
  text-align: center;
  padding: 5px;
  background-color: #fff;
  margin-bottom: 10px;
}
/* .custom_ranking .list img {
  width: 183px;
  height: 208px;
  object-fit: contain;
} */
.item-sub .custom_ranking .list h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.item-sub .custom_ranking .list .c {
  display: block;
  text-align: right;
  font-size: 1.1px;
  color: #999;
  padding-top: 3px;
  font-weight: 500;
  margin-bottom: 10px;
}
.item-sub .custom_ranking .list .p {
  display: block;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  color: #333;
}
.item-sub .custom_ranking .list .p b {
  font-size: 16px;
}
.item-sub .custom_ranking .list .p span {
  display: inline-block;
  text-decoration: line-through;
}
.item-sub .custom_ranking .list .p span:nth-child(2) {
  background: url(/html/user_data/packages/default/img/icon/ic16.png) no-repeat 0 center;
  padding-left: 27px;
  color: #e8343d;
  text-decoration: none;
}
.item-sub .custom_ranking ._seq {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #f5f5f5;
  color: #6d6d6d;
  font-weight: bold;
  width: 50px;
  border-radius: 2px;
  text-align: center;
  padding: 5px;
  font-size: 13px;
}
.item-sub .custom_ranking ._seq:after {
  content: '位';
}
.item-sub .custom_ranking ._seq1 {
  background-color: #d0ac62;
  color: #fff;
}
.item-sub .custom_ranking ._seq2 {
  background-color: #b6bcc1;
  color: #fff;
}
.item-sub .custom_ranking ._seq3 {
  background-color: #a15326;
  color: #fff;
}
.item-sub .p-link-box.choice-rank a {
  min-width: 55%;
  font-size: 13px;
  padding: 20px 39px;
  box-shadow: 0 3px 8px 0 rgba(10, 2, 4, 0.1);
  font-weight: bold;
  color: #e8343d;
  border: #ddd solid 1px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
  background-color: #fff;
}
.item-sub .p-link-box.choice-rank a:hover {
  background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
  transition: color 0.15s ease-in-out;
  background-color: #fff5f5;
}
/* 台紙タンブラー 始まり */
.item-sub.p-3col-box .flx-box .item-3col-box.f-4col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 24% !important;
}
.item-sub.p-3col-box .flx-box .item-3col-box.f-4col > a {
  align-items: flex-start;
  background: #F6F6F6;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 0 0 10px;
  width: 100%;
}
.item-sub.p-3col-box .flx-box .item-3col-box.f-4col > a h3 {
  min-height: 40px;
}
.item-sub.p-3col-box .flx-box .item-3col-box > a p {
  min-height: 50px;
}
.p-bnr-pita-box .budget-title {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.item-sub.p-link-box.large02.ot {
  margin: -40px 0;
}
/* オリジナルタンブラー・マグ(台紙入れ替え) */
.item-sub.product-smallcategory.original-tumbler.naire .setprice {
  display: flex;
  justify-content: space-between;
}
.item-sub.product-smallcategory.original-tumbler.naire .setprice .set-img {
  padding-top: 40px;
}
.item-sub.product-smallcategory.original-tumbler.naire ol {
  list-style-type: none;
}
.item-sub.product-smallcategory.original-tumbler.naire ol.koutei {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei {
  width: 170px;
  margin-bottom: 15px;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei img {
  border: 1px solid #dfdfdf;
  margin-bottom: 10px;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei .koutei-title {
  width: 100%;
  font-weight: bold;
  font-size: 13px;
  padding: 6px;
  margin-bottom: 5px;
  background-color: #f6f6f6;
  text-align: center;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei .koutei-txt .b {
  font-weight: bold;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei .koutei-txt {
  font-size: 13px;
  line-height: 1.3;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei .koutei-txt span {
  font-size: 12px;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .koutei-arrows {
  box-sizing: border-box;
  width: 28px;
  /*    height: 350px;*/
  position: relative;
}
.item-sub.product-smallcategory.original-tumbler.naire ol .arrows {
  display: block;
  position: absolute;
  top: 23%;
  left: 30%;
  width: 0;
  height: 0;
  border-left: 12px solid #e8373d;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.item-sub.product-smallcategory.original-tumbler .mh {
  min-height: 115px;
}
.item-sub.faq.icon-none .mb80 {
  margin-bottom: 80px;
}
/* こちらもオススメ　タンブラー・ステンレスタンブラー */
.item-sub.product-smallcategory.original-tumbler.naire .col2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.item-sub.product-smallcategory.original-tumbler.naire .col2-cont {
  width: 400px;
  margin-bottom: 50px;
  margin: 0 auto;
}
.item-sub.product-smallcategory.original-tumbler.naire .col2-cont p.text {
  padding: 10px 0;
}
.item-sub.product-smallcategory.original-tumbler.naire .col2-cont .link {
  padding: 0 15px 15px;
  text-align: right;
}
.item-sub.product-smallcategory.original-tumbler.naire .col2-cont a {
  color: #27a3cd;
  text-align: right;
  text-decoration: underline;
  display: inline-block;
}
.item-sub .faq.icon-none .col2-cont {
  padding-top: 25px;
  border-top: #ddd solid 1px;
}
.faq.icon-none dt {
  background: none;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 15px;
}
.faq dd {
  padding-bottom: 25px;
  border-bottom: #ddd solid 1px;
  line-height: 1.6;
}
.faq.icon-none .mgn {
  margin: 40px auto 50px;
  width: 50%;
  text-align: center;
}
.item-sub.product-smallcategory.original-tumbler.naire .col2-cont p.text {
  line-height: 1.5;
  font-size: 13px;
}
.item-sub.cate.scene .cont-box-txt p {
  font-size: 13px;
  line-height: 1.5;
}
/* 活用シーン */
.item-sub.cate.scene {
  padding: 15px 30px;
  margin: 0 auto 20px;
  width: 850px;
}
.item-sub.cate.scene.bg-gray {
  background: #f6f6f6;
}
.item-sub.cate.scene .cont-wrap01 {
  display: flex;
  justify-content: space-around;
}
.item-sub.cate.scene .cont-wrap01 .cont-box-sum {
  width: 160px;
}
.item-sub.cate.scene .cont-wrap01 .cont-box-txt {
  width: 560px;
}
.item-sub.cate.scene .cont-box-txt .title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* 台紙タンブラー 終わり */
/* モバイルバッテリー・充電器　始まり */
.item-sub .product-smallcategory.stainless-tumbler.naire .col2-cont p.text {
  text-align: center;
  padding: 10px 0;
}
.item-sub .product-smallcategory.stainless-tumbler.naire .col2-cont .link {
  padding: 0 15px 15px;
  text-align: right;
}
.item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont img {
  border: #ddd solid 2px;
}
.item-sub .battery-point-inner .t4 {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.item-sub .battery-point-inner .t4::before {
  content: '';
  width: 5px;
  height: 20px;
  background-color: #c3c3c3;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub .battery-point-inner .t4::after {
  content: '';
  width: 5px;
  height: 10px;
  background-color: #555;
  position: absolute;
  left: 0;
  top: 0;
}
.item-sub .battery-point-inner p {
  font-size: 13px;
  line-height: 1.5;
  padding-left: 20px;
}
.item-sub.p-sub-battery-point-box .col2-battery {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery {
  width: 48%;
  margin-bottom: 50px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-battery01 {
  font-size: 16px;
  color: #555;
  border: #eee solid 1px;
  padding: 15px;
  margin-bottom: 0;
  font-weight: bold;
  background-color: #F9F9F9;
  line-height: 1.3;
  text-align: center;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery.line01 {
  position: relative;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery.line01::after {
  margin: 0 1rem;
  content: "";
  width: 1px;
  height: 97%;
  background-color: #DDDDDD;
  position: absolute;
  top: 2%;
  left: 464px;
  padding-bottom: 20px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-battery02 {
  font-size: 16px;
  color: #fff;
  border: #eee solid 1px;
  padding: 15px;
  margin-bottom: 0;
  font-weight: bold;
  background-color: #707070;
  line-height: 1.3;
  text-align: center;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery p {
  padding: 10px 15px;
  line-height: 1.3;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery img {
  width: 100%;
  height: auto;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .link {
  padding: 10px 15px 15px;
  text-align: right;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery a {
  color: #27a3cd;
  text-align: right;
  text-decoration: underline;
  display: inline-block;
  margin-left: 15px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-sub-battery {
  padding-top: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .t-sub-battery img {
  width: 25px;
  height: auto;
  margin: 0 20px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .battery-point-txt01 {
  margin-top: 20px;
  font-size: 13px;
}
.item-sub.p-sub-battery-point-box .col2-cont-battery .battery-point-txt02 {
  font-size: 13px;
}
.item-sub .battery-point-inner .pic-battery {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
}
.item-sub .battery-point-inner .sml-txt {
  font-size: 12px;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 50px;
}
.item-sub .battery-point-inner .sml-txt02 {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 50px;
}
.item-sub .battery-point-inner .sml-txt02 p {
  font-size: 12px;
  display: inline-block;
  text-align: left;
}
/*手動ランキング*/
.item-sub .cate.orank {
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 50px; */
}
.item-sub .cate.orank .left {
  width: 56%;
}
.item-sub .cate.orank .right {
  width: 40%;
  margin-left: 10px;
  margin-top: 28px;
}
.item-sub .cate.orank .right.cf .e {
  float: left;
  width: calc(50% - 20px);
  margin: 0 0 20px 20px;
}
.item-sub .cate.orank .right.cf a {
  display: block;
  position: relative;
}
.item-sub .cate.orank .right.cf img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.item-sub .cate.orank .right.cf h3 {
  font-size: 13px;
  font-weight: bold;
  padding-top: 10px;
  line-height: 1.3;
}
.item-sub .cate.orank .right.cf p {
  font-size: 12px;
  padding-top: 10px;
  line-height: 1.3;
}
.item-sub .cate.orank .right.cf .c {
  display: block;
  font-size: 11px;
  color: #999;
  padding-top: 3px;
}
.item-sub .cate.orank .right.cf .p {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #333;
}
.item-sub .cate.orank .right.cf .p b {
  font-size: 14px;
}
.item-sub .cate.orank .list .e {
  position: relative;
}
.item-sub .cate.orank .list .e .image {
  border: #ddd solid 1px;
  text-align: center;
  padding: 2px;
  background-color: #fff;
}
.item-sub .cate.orank ._seq {
  display: block;
  position: absolute;
  left: 0;
  bottom: 98%;
  background-color: #f5f5f5;
  color: #6d6d6d;
  font-weight: bold;
  width: 50px;
  border-radius: 2px;
  text-align: center;
  padding: 3px;
  font-size: 13px;
}
.item-sub .cate.orank ._seq:after {
  content: '位';
}
.item-sub .cate.orank ._seq1 {
  position: static;
  background-color: #d0ac62;
  color: #fff;
  width: 70px;
  font-size: 14px;
  margin-bottom: 12px;
  padding: 4px;
}
.item-sub .cate.orank ._seq2 {
  background-color: #b6bcc1;
  color: #fff;
  padding: 4px;
  margin-bottom: 12px;
}
.item-sub .cate.orank ._seq3 {
  background-color: #a15326;
  color: #fff;
  padding: 4px;
  margin-bottom: 12px;
}
.item-sub .cate.orank .left h4 {
  font-weight: bold;
  margin: 15px 0 10px;
  font-size: 14px;
  line-height: 1.3;
}
.item-sub .cate.orank .pd-hs {
  padding-bottom: 10px;
}
.item-sub .cate.orank .pd-hs .lf {
  float: left;
  width: 270px;
  transition: transform 0s ease;
}
.item-sub .cate.orank .pd-hs .imgs {
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px;
  height: auto;
  position: relative;
}
.item-sub .cate.orank .pd-hs .rh {
  float: right;
  width: 240px;
}
.item-sub .cate.orank .pd-hs h3 {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 5px;
  line-height: 1.5;
}
.item-sub .cate.orank .pd-hs h3 + p {
  font-size: 11px;
  color: #999;
}
.item-sub .cate.orank .pd-hs .prs {
  border-bottom: #bbb dotted 1px;
  padding-bottom: 10px;
}
.item-sub .cate.orank .pd-hs .prs .p {
  font-weight: bold;
}
.item-sub .cate.orank .pd-hs .prs .p div {
  padding-top: 7px;
}
.item-sub .cate.orank .pd-hs .prs .p span {
  margin-left: 10px;
  text-decoration: line-through;
  display: inline-block;
}
.item-sub .cate.orank .pd-hs .prs .p div:last-child span {
  text-decoration: none;
}
.item-sub .cate.orank .pd-hs .prs .p div:nth-child(2) span {
  color: #e8343d;
  margin: 0;
  padding-left: 53px;
  background: url(../img/ic22.png) no-repeat 0 0;
  padding-top: 1px;
}
.item-sub .cate.orank .pd-hs .prs .p div:last-child b {
  font-size: 22px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  margin-top: -3px;
}
.item-sub .cate.orank .priceList p.title {
  font-size: 12px;
  font-weight: bold;
}
.item-sub .cate.orank .priceList p.note {
  font-size: 11px;
  padding-bottom: 16px;
}
.item-sub .cate.orank .priceList table:first-child {
  float: left;
  margin-right: 4%;
}
.item-sub .cate.orank .priceList table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: #ddd solid 1px;
  margin: 5px 0 2px;
}
.item-sub .cate.orank .priceList table th, .priceList table td {
  border: #ddd solid 1px;
  text-align: center;
  padding: 5px 10px;
}
.item-sub .cate.orank .priceList table th {
  font-size: 12px;
  color: #888;
  background-color: #f9f9f9;
}
.item-sub .cate.orank .priceList table td table {
  border: none;
}
.item-sub .cate.orank .priceList table td.th {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 10px;
  width: auto;
  background: none;
}
.item-sub .cate.orank .pd-hs .tx {
  margin-bottom: 10px;
  font-size: 12px;
}
.item-sub .cate.orank .pd-hs .tx h2 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
.item-sub .cate.orank .pd-hs .tgs {
  font-size: 0;
  margin-right: -4px;
  padding-bottom: 6px;
}
.item-sub .cate.orank .pd-hs .tgs li {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 4px 0;
  height: 22px;
}
.item-sub .cate.orank .pd-hs .tgs li.i1 {
  background: url(../img/tag1b.png) no-repeat;
  width: 44px;
}
.item-sub .cate.orank .pd-hs .tgs li.i2 {
  background: url(../img/tag2b.png) no-repeat;
  width: 46px;
}
.item-sub .cate.orank .pd-hs .tgs li.i3 {
  background: url(../img/tag3b.png) no-repeat;
  width: 75px;
}
.item-sub .cate.orank .pd-hs .tgs li.i4 {
  background: url(../img/tag4b.png) no-repeat;
  width: 53px;
}
.item-sub .cate.orank .pd-hs .tgs li.i5 {
  background: url(../img/tag5b.png) no-repeat;
  width: 59px;
}
.item-sub .cate.orank .pd-hs .tgs li.i6 {
  background: url(../img/tag6b.png) no-repeat;
  width: 58px;
}
.item-sub .cate.orank .pd-hs .tgs li.i7 {
  background: url(../img/tag7b.png) no-repeat;
  width: 77px;
}
/* .item-sub .p-link-box-battery {
    text-align: center;
    width: 100%;
}

.item-sub .p-link-box-battery a {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    padding: 20px 39px;
    box-shadow: 0 3px 8px 0 rgba(10, 2, 4, 0.1);
    font-weight: bold;
    color: #e8343d;
    border: #ddd solid 1px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
    background-color: #fff;
    margin-top: -100px;
}

.item-sub .p-link-box-battery a:hover {
    transition: color 0.15s ease-in-out;
    background-color: #fff5f5;
} */
/* モバイルバッテリー・充電器　終わり */
/* レスポンシブ */
@media screen and (max-width: 767px) {
  .item .p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank {
    display: block !important;
  }
  .item .p-sub-ranking-box .inner .flx-box .cont .s-num {
    text-align: right;
  }
  .item .p-3col-box.item02 .flx-box .item-3col-box a h3 {
    font-size: 14px;
  }
  .item .p-main-kv-box.item01 .sub-lead_rd {
    padding: 0 calc(10 / 3.75 * 1vw);
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(17 / 3.75 * 1vw);
    margin-top: calc(20 / 3.75 * 1vw);
  }
  .item .p-main-kv-box.item01 .sub-lead {
    padding: 0 calc(10 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(17 / 3.75 * 1vw);
    margin-top: calc(20 / 3.75 * 1vw);
  }
  .p-sub-kv-box .sub-lead_rd {
    padding: 0 calc(10 / 3.75 * 1vw);
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(17 / 3.75 * 1vw);
    margin-top: calc(20 / 3.75 * 1vw);
    font-weight: bold;
    color: #E8343D;
  }
  .item .p-3col-box.item02 .flx-box .item-3col-box a {
    min-height: calc(190 / 3.75 * 1vw);
  }
  .item .p-3col-box.item02 .flx-box .item-3col-box a p {
    top: 75%;
  }
  .item .p-3col-box.tumblr01 .flx-box .item-3col-box a {
    min-height: calc(210 / 3.75 * 1vw);
  }
  .item .p-3col-box.tumblr01 .flx-box .item-3col-box a h3 {
    font-size: 14px;
  }
  .item .p-3col-box.tumblr01 .flx-box .item-3col-box a p {
    top: 75%;
  }
  /* .item-sub.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank {
		display: block;
	}

	.item-sub.p-sub-ranking-box .inner .flx-box .cont .s-num {
		text-align: right;
	} */
  .item-sub .ttl-container {
    display: block;
    padding: 0 calc(10 / 3.75 * 1vw) 0;
  }
  .item-sub .ttl-inner.item-sub-ttl .ttl-bk {
    font-size: 17px;
    margin-bottom: 10px;
  }
  /* コットンバッグ以外 開始 */
  .item-sub .ttl-inner.canvas01 .ttl-bk {
    font-size: 17px;
    margin-bottom: 30px;
  }
  /* コットンバッグ以外 おわり */
  /* ステンレスタンブラーのみ 開始*/
  .item-sub .ttl-inner.item-sub-ttl.tam {
    white-space: normal;
    padding-right: 0;
  }
  /* ステンレスタンブラーのみ 終わり */
  .item-sub .read-cf {
    font-size: calc(13 / 3.75 * 1vw);
    margin-bottom: 30px;
  }
  .item-sub .btm-link-box.item-sub03 ul li {
    padding: 8px 0;
  }
  .item-sub .cotton-bag-name-wrap {
    display: block;
  }
  .item-sub .cotton-bag-name-wrap h2 {
    font-size: 15px;
  }
  .item-sub .cotton-bag-name-wrap_01 {
    width: auto;
  }
  .item-sub .cotton-bag-name-wrap_01::after {
    display: none;
  }
  .item-sub .cotton-bag-name-wrap_02 {
    width: auto;
  }
  .item-sub .p-cotton-bag-name-box a {
    margin-top: 20px;
  }
  .item-sub .p-current-cate-srch-box.item-sub02 ul li a {
    padding: 0 calc(15 / 3.75 * 1vw) 0 calc(5 / 3.75 * 1vw);
  }
  .item-sub .p-cotton-bag-name-box {
    padding: 0 calc(10 / 3.75 * 1vw)
  }
  .item-sub .p-g-product-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
  /* 不織布トートバッグ 始まり */
  /* MV */
  /* .item-sub .ttl-container.nonwoven01 .ttl-inner .ttl-bk {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.item-sub .ttl-container.nonwoven01 {
	    display: block;
	} */
  /* おススメ */
  .item-sub.p-sub-nonwoven-box.nonwoven02 {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .col2 {
    display: block;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .col2-cont {
    padding: 20px 7px;
    text-align: left;
    border: #ddd solid 1px;
    width: 97%;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .col2-cont {
    margin-bottom: 20px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .reco_products {
    display: flex;
    margin-bottom: 20px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .reco_products img {
    width: 156px;
    height: 180px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .col2-cont .reco_products .spec {
    padding-left: 10px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec .tub {
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #8f989d;
    border-radius: 2px;
    padding: 5px;
    margin-bottom: 8px;
    width: 100px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec .t span {
    font-size: 11px;
    color: #000;
    display: block;
    padding-bottom: 2px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec h3 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 1.3;
    transition: all 0.15s ease-in-out;
    padding-bottom: 2px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec .c {
    font-size: 11px;
    display: block;
    margin-bottom: 5px;
    color: #999;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec .p {
    font-size: 11px;
    color: #222;
    padding-bottom: 8px;
    line-height: 1.8;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec .p span b {
    font-size: 16px;
    line-height: 1.2;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec .p span:last-child {
    text-decoration: none;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .spec .size {
    font-size: 11px;
    color: #222;
    font-weight: normal;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .copy p {
    font-size: 11px;
    padding-bottom: 12px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .copy p.title {
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 4px;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .priceList p.title {
    font-size: 11px;
    font-weight: bold;
  }
  .item-sub.p-sub-nonwoven-box.nonwoven02 .priceList p.note {
    font-size: 10px;
    text-align: right;
    padding: 2px 0 8px 0;
  }
  .item-sub.p-link-box a {
    font-size: 12px;
    padding: 18px 39px;
    background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 15px center;
    box-shadow: none;
    line-height: 1.5;
  }
  /* メリット */
  /* .item-sub.nonwoven-bag.merit.nonwoven03-sp {
		padding: 0 0 0 calc(10 / 3.75 * 1vw);
		width: 97%;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp h2 {
		padding: 0 calc(10 / 3.75 * 1vw) 0 0;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp .cf {
		display: block;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp .cf>div {
		margin-bottom: 20px;
		display: flex;
		border: #ddd solid 1px;
		text-align: left;
		background-color: #fff9ee;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp .cf>div>div {
		width: 70%;
		padding: 10px;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp .cf>div>div:last-child {
		background-color: #fff;
		text-align: center;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp p.title {
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 10px;
		line-height: 1.5;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp p.txt {
		font-size: 12px;
		color: #333;
		line-height: 1.5;
	}

	.item-sub.nonwoven-bag.merit.nonwoven03-sp img {
		margin: 5px auto 0;
	} */
  /* サイズテーブル */
  .item-sub.p-sub-sizeTble-box.nonwoven05 {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
  .item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable table {
    border-collapse: collapse;
    margin: 0 auto 50px;
    border-left: none;
    border-right: none;
    width: 100%;
  }
  .item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable th {
    width: 10%;
    background: #EFEFEF;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
  }
  .item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    padding: 4px 0;
    text-align: center;
    vertical-align: middle;
  }
  .item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable td img {
    max-width: 100%;
    height: auto;
  }
  .item-sub.p-sub-sizeTble-box.nonwoven05 .nonwoven-bag.sizeTable .size {
    font-weight: bold;
    font-size: 11px;
    margin-top: 5px;
  }
  .item-sub .t1.listTitle {
    margin-bottom: -20px;
  }
  /* 不織布トートバッグ 終わり */
  /* 保冷バッグ・レジかごバッグ 始まり */
  /* .item-sub .read-cf.keep-cool01 {
		width: 100%;
	} */
  .item-sub.p-sub-sizelist-box.keep-cool02-sp img {
    width: 49%;
    margin-bottom: 10px;
  }
  .item-sub.p-sub-sizelist-box.keep-cool02-sp {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .item-sub.p-sub-sizelist-box.keep-cool02-sp h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub.keep-cool-bag {
    margin-bottom: 40px;
  }
  .item-sub.keep-cool-bag img {
    width: 49%;
  }
  .item-sub.keep-cool-bag .p-link-box.keep-cool03-sp {
    padding: 5px 10px;
  }
  .item-sub.keep-cool-bag .p-link-box.keep-cool03-sp a {
    font-size: 14px;
    padding: 20px 39px;
    width: 100%;
    box-shadow: none;
  }
  .item-sub.keep-cool-bag .p-link-box {
    display: block;
    margin-top: 0;
  }
  .item-sub.keep-cool-bag .p-link-box .mt10 {
    margin-top: 10px;
  }
  /* 保冷バッグ・レジかごバッグ 終わり */
  /* ノート・手帳 始まり */
  .item-sub.product-point-note-box-sp ul.product-point.note {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point {
    width: 32%;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-bottom: 15px;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-title {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 25px 20px 15px;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-txt {
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
    text-align: left;
    padding: 0 20px 10px;
    color: #707070;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .blueLineLink {
    text-align: right;
    margin: 10px 0 15px;
    padding-right: 20px;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point a {
    font-size: 13px;
    background: url(/assets/img/common/footer_icn_arr01.png) right 30px top 1px/7px auto no-repeat;
    padding-right: 16px;
    text-decoration: underline;
    color: #28A3CD;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .item-sub.product-point-note-box-sp ul.product-point.note {
    display: block;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point {
    width: auto;
    display: flex;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-title {
    font-size: 14px;
    padding: 20px 20px 20px 20px;
    line-height: 1.5;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-title.p-point-ttl03 {
    font-size: 14px;
    padding: 20px 20px 30px 20px;
    line-height: 1.5;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-point-img01 {
    margin: 2px 20px 10px 0 !important;
    width: 35%;
    height: 100%;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-point-img02 {
    width: 55px;
    height: 60px;
    margin: 12px 65px 0 0 !important;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-point-img03 {
    width: 80%;
    height: auto;
    margin: 5px 20px 10px 0;
  }
  .item-sub.product-point-note-box-sp ul.note .p-point .p-point-linkbox {
    display: flex;
    flex-flow: column;
    width: 80%;
  }
  .item-sub .product-smallcategory.nonwoven-bag.naire.nonwoven04 .col2-cont.note02 p {
    text-align: left;
    font-size: 13px;
    line-height: 1.5;
  }
  .item-sub .naire-link01 a {
    background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/7px auto no-repeat;
  }
  .item-sub .note-naire-img01 {
    margin: 0;
  }
  .item-sub .naire-link02 {
    display: block;
  }
  .item-sub .naire-link02 a {
    background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/7px auto no-repeat;
  }
  /* ノート・手帳 終わり */
  /*　モバイルバッテリー・充電器 始まり */
  .item-sub.product-smallcategory.stainless-tumbler.naire .col2 {
    display: block;
    margin: 30px 10px;
  }
  .item-sub.p-sub-battery-point-box .col2-cont-battery .t-sub-battery {
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
  }
  .item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont {
    width: 100%;
  }
  .item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont .text {
    font-size: 13px;
  }
  .item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont:first-child {
    margin-bottom: 20px;
  }
  .item-sub.p-sub-battery-point-box .col2-cont-battery {
    margin-bottom: 0;
  }
  .item-sub.p-sub-battery-point-box .col2-cont-battery p {
    padding: 15px 0;
    line-height: 1.3;
  }
  .item-sub.p-sub-battery-point-box .col2-cont-battery .battery-point-txt01 {
    margin-top: 0;
  }
  .p-sub-battery-point-box {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .p-sub-battery-point-box h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub .battery-point-inner .t4 {
    font-size: 16px;
  }
  .item-sub .battery-point-inner p {
    padding-left: 0;
  }
  .item-sub.p-sub-battery-point-box .col2-battery {
    display: block;
  }
  .item-sub.p-sub-battery-point-box .col2-cont-battery {
    width: 100%;
  }
  .item-sub.p-sub-battery-point-box .col2-cont-battery.line01::after {
    content: none;
  }
  .item-sub.p-sub-battery-point-box .col2-cont-battery.line01 {
    margin-bottom: 20px;
  }
  .item-sub .battery-point-inner .sml-txt {
    text-align: left;
  }
  .item-sub .battery-point-inner .sml-txt02 {
    text-align: left;
    margin-bottom: 10px;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .rank-price-box .price.battery-price {
    font-size: 14px;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .s-num.battery-rank {
    text-align: left;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .rank-battery {
    display: block;
    width: 48px;
    height: 22px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: top;
    line-height: 1.4;
    font-weight: bold;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .rank-battery::after {
    content: '位';
    font-size: 11px;
    font-weight: normal;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .rank-battery.fst {
    color: #d0b237;
    font-size: 15px;
    background: url(/assets/img/item/battery/rank1.png) no-repeat;
    background-size: 100% auto;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .rank-battery.scd {
    color: #8b8b8b;
    font-size: 15px;
    background: url(/assets/img/item/battery/rank2.png) no-repeat;
    background-size: 100% auto;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .rank-battery.trd {
    color: #ae7d53;
    font-size: 15px;
    background: url(/assets/img/item/battery/rank3.png) no-repeat;
    background-size: 100% auto;
  }
  .item-sub.p-sub-ranking-box.battery01 .inner .flx-box .cont .rank-battery.ptn {
    color: #84aa59;
    font-size: 15px;
    background: url(/assets/img/item/battery/rank4.png) no-repeat;
    background-size: 100% auto;
  }
  /* 手動ランキング */
  .item-sub.sp-ranking-upper-box {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
    margin: 25px 0 50px 0;
  }
  .item-sub.sp-ranking-upper-box h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub .cate.orank {
    /* margin-bottom: 50px;
	    padding: 0 10px;*/
    /* margin: 25px 0; */
    text-align: left;
    display: block;
    padding-right: calc(10 / 3.75 * 1vw);
  }
  /* 台紙タンブラーランキング右padding調整 */
  .item-sub .cate.orank.tam01.ot {
    padding-right: 0;
  }
  .item-sub .cate.orank .pd-hs h3 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.2;
  }
  .item-sub .cate.orank .left h4 {
    font-size: 13px;
    line-height: 1.2;
  }
  .item-sub .cate.orank .pd-hs .tx {
    line-height: 1.3;
  }
  .item-sub .cate.orank .left {
    width: 100%;
  }
  .item-sub .cate.orank .pd-hs {
    padding-bottom: 10px;
  }
  .item-sub .cate.orank .pd-hs .imgs {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
    height: auto;
    position: relative;
  }
  .item-sub .cate.orank .pd-hs .lf {
    float: left;
    width: 50%;
    transition: transform 0s ease;
  }
  .item-sub .cate.orank .pd-hs .rh {
    float: right;
    width: 45%;
    text-align: left;
  }
  .item-sub .cf:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  .item-sub .cate.orank .right {
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }
  .item-sub .cate.orank .right.cf .e:first-child {
    margin-left: 10px;
  }
  /* .item-sub .p-link-box-battery {
		text-align: center;
		width: 100%;
	}

	.item-sub .p-link-box-battery a {
		width: 90%;
		text-align: center;
		margin: 0 auto;
	    font-size: 15px;
	    padding: 20px 39px;
	    box-shadow: none;
	    font-weight: bold;
	    color: #e8343d;
	    border: #ddd solid 1px;
	    border-radius: 5px;
	    display: inline-block;
	    vertical-align: top;
	    background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
	    background-color: #fff;
	    margin-top: -100px;
	} */
  .item-sub .cate.orank ._seq {
    display: block;
    width: 48px;
    height: 22px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
  }
  .item-sub .cate.orank ._seq::after {
    content: '位';
    font-size: 11px;
    font-weight: normal;
  }
  .item-sub .cate.orank ._seq1 {
    color: #d0b237;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank1.png) no-repeat;
    background-size: 100% auto;
  }
  .item-sub .cate.orank ._seq2 {
    color: #8b8b8b;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank2.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 10px;
  }
  .item-sub .cate.orank ._seq3 {
    color: #ae7d53;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank3.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 10px;
  }
  /* ステンレスタンブラー 開始 */
  .item-sub.p-sub-tam-rank-box {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .item-sub.p-sub-tam-rank-box h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub.p-sub-tam-rank-box h2 + p {
    padding-bottom: 0;
    line-height: 1.5;
  }
  .item-sub .cate.orank.tam01 .pd-hs .prs .p div:last-child b {
    font-size: 16px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
  }
  .item-sub .cate.orank.tam01 .pd-hs .prs .p {
    font-size: 11px;
    line-height: 1.8;
    font-weight: normal;
  }
  .item-sub .cate.orank.tam01 .left h4 {
    line-height: 1.5;
    margin: 0;
  }
  .item-sub .cate.orank.tam01 .left p {
    font-size: 12px;
    line-height: 1.5;
  }
  .item-sub .cate.orank.tam01 .pd-hs .prs {
    border: none;
  }
  .item-sub .cate.orank.tam01 .priceList table th, .priceList table td {
    font-size: 12px;
    padding: 7px 10px;
    vertical-align: middle;
  }
  .item-sub .cate.orank.tam01 .priceList p.note {
    font-size: 11px;
    padding-bottom: 0;
  }
  .item-sub .cate.orank.tam01 .right {
    width: auto;
    margin-top: 30px;
  }
  .item-sub .cate.orank .right.cf h3 {
    font-size: 12px;
  }
  .item-sub .cate.orank .right.cf .p {
    text-align: left;
  }
  .item-sub.product-smallcategory.stainless-tumbler.naire .col2-cont img {
    width: 100%;
  }
  .item-sub .cate.orank.tam01 .list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .item-sub .cate.orank.tam01 .list:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }
  .item-sub .cate.orank.tam01 .list .c {
    text-align: left;
  }
  .item-sub .cate.orank.tam01 ._seq {
    display: block;
    position: static !important;
    bottom: 100%;
    left: 0;
    font-weight: bold;
    width: 50px;
    border-radius: 2px;
    text-align: center;
    padding: 5px;
    font-size: 13px;
  }
  .item-sub .cate.orank.tam01 ._seq1 {
    position: static;
    color: #d0b237;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank1.png) no-repeat;
    background-size: 100% auto;
  }
  .item-sub .cate.orank.tam01 ._seq2 {
    color: #8b8b8b;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank2.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 10px;
  }
  .item-sub .cate.orank.tam01 ._seq3 {
    color: #ae7d53;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank3.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 10px;
  }
  .item-sub .cate.orank.tam01 ._seq4 {
    color: #84aa59;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank4.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 10px;
  }
  .item-sub.p-link-box.large02 a span.p-link-box-l-catch {
    font-size: 12px;
  }
  .item-sub.p-link-box.large02 a span.p-link-box-l-copy {
    font-size: 14px;
  }
  .item-sub.cate.p-link-box.scroll-anc-box.tam02 a {
    padding: 10px 25px 15px 60px;
    box-shadow: 0 3px 8px 0 rgba(10, 2, 4, 0.1);
  }
  .item-sub .hitems-tam {
    margin: 25px 0 -35px 0;
    /* padding: 0 10px; */
    text-align: left;
  }
  .item-sub .hitems-tam .vscroll {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }
  .item-sub .hitems-tam .list {
    font-size: 0;
    white-space: nowrap;
  }
  .item-sub .hitems-tam .e {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    font-size: 13px;
    margin-right: 10px;
    white-space: normal;
  }
  .item-sub .hitems-tam .e:first-child {
    margin-left: 10px;
  }
  .item-sub .hitems-tam .e h3 {
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
  }
  .item-sub .hitems-tam .e .c {
    display: block;
    font-size: 11px;
    color: #888;
    /* padding: 3px 0; */
  }
  .item-sub .hitems-tam .e .p {
    display: block;
    font-size: 10px;
    color: #333;
    text-align: left;
    padding-top: 0;
  }
  .item-sub .hitems-tam .e .p b {
    font-size: 14px;
  }
  .item-sub .hitems-tam .p-link-box {
    padding-top: 5px;
  }
  .item-sub .hitems-tam .list .e {
    width: 29%;
  }
  .item-sub .hitems-tam .p-link-box a {
    font-size: 1.3rem;
    padding: 12px 24px 12px 8px;
  }
  .item-sub .hitems-tam .brand ._seq1 {
    margin-left: 50% !important;
    padding-bottom: 8px;
  }
  .item-sub .nitems-tam .e.brand.thermos {
    background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-thermos.jpg) no-repeat 0 3px;
    background-size: 40% auto;
  }
  .item-sub .nitems-tam .e.brand.atlas {
    background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-atlas.jpg) no-repeat 0 0;
    background-size: 45% auto;
  }
  .item-sub .nitems-tam .e.brand.zojirushi {
    background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-zojirushi.jpg) no-repeat 0 6px;
    background-size: 45% auto;
  }
  .item-sub .nitems-tam .e.brand .p-link-box.st {
    padding: 0 0;
  }
  .item-sub .nitems-tam .list ._seq:after {
    content: '位';
    font-size: 11px;
    font-weight: normal;
  }
  .item-sub .cate.orank.tam01 ._seq {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    font-weight: bold;
    width: 50px;
    border-radius: 2px;
    text-align: center;
    padding: 5px;
    font-size: 15px;
  }
  .item-sub .nitems-tam ._seq1 {
    width: auto;
    position: static;
    color: #d0b237;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank1.png) no-repeat;
    background-size: 100% auto;
  }
  .item-sub .hitems-tam .list .e .image {
    padding: 0;
    margin-bottom: 0;
  }
  .item-sub .hitems-tam .e .c {
    text-align: left;
    margin: 5px 0 10px;
    padding-top: 0;
  }
  .item-sub .feature_choice {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .item-sub .feature_choice.tam03 h3.heading {
    text-align: left;
    font-size: 13px;
  }
  .item-sub .p-link-box.st a {
    font-size: 14px;
  }
  /*ct01 タンブラー・ステンレスタンブラー 選び方（カテゴリページ用）*/
  .item-sub .feature_choice h1.main-visu {
    box-sizing: border-box;
    border: 1px solid #ddd;
  }
  .item-sub .p-link-box.st02 a {
    padding: 18px 28px;
    font-size: 14px;
  }
  /* ページ内リンク */
  .item-sub ul.featureNav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 70px;
    margin-bottom: 30px;
    list-style: none;
    box-sizing: border-box;
  }
  .item-sub ul.featureNav li {
    border-left: 1px solid #dddddd;
    width: calc(25% - 5px / 4);
    min-height: 70px;
    cursor: pointer;
    pointer-events: auto;
    padding: 8px;
  }
  .item-sub ul.featureNav li:last-of-type {
    border-right: 1px solid #dddddd;
  }
  ul.featureNav li a {
    padding-top: 0;
  }
  .item-sub ul.featureNav li a.fNav_txt {
    display: inline-block;
    position: relative;
  }
  .item-sub ul.featureNav li a {
    padding-left: 0;
    padding-right: 0;
  }
  .item-sub ul.featureNav li > a.fNav_txt::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translateX(-50%);
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 2;
  }
  .item-sub ul.featureNav li a.fNav_txt p {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #555;
  }
  .item-sub .feature.heading {
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    line-height: 1.8;
    padding: 20px 0 30px;
  }
  .item-sub .feature_choice .fBox {
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .item-sub .feature_choice .fBox.fBox-a {
    border: none;
    background-color: #f6f6f6;
  }
  .item-sub .feature_choice .fBox.fBox-b {
    border: none;
    padding-top: 60px;
    margin-bottom: 0;
  }
  .item-sub .feature_choice .fBox h2.title {
    color: #555;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
    margin: 0 0 10px;
  }
  .item-sub .feature_choice .fBox .read {
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 30px;
    font-weight: normal;
  }
  .item-sub .feature_choice .fBox .read.scene {
    margin-bottom: 40px;
  }
  .item-sub .item-sub .feature_choice .fBox p.title {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 100px 10px;
    border: 1px solid #ededed;
    background-color: #ededed;
    font-size: 20px;
    color: #555;
    font-weight: bold;
    text-align: center;
  }
  .item-sub .feature_choice .fBox p.title:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #ededed;
  }
  .item-sub .feature_choice .fBox .col2 .col2-fcont {
    width: calc(50% - 15px);
  }
  .item-sub .feature_choice .fBox .col2 .cont {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ededed;
    padding: 24px;
  }
  .item-sub .feature_choice .fBox .col2 .cont p {
    width: 100%;
    padding-bottom: 15px;
  }
  .item-sub .feature_choice .fBox .col2 .cont img {
    display: block;
    margin: 0 auto;
  }
  /* 容量で選ぶ */
  .item-sub .feature_choice .fBox .fcolumn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
  }
  .item-sub .feature_choice .fBox .fcolumn.col-2 .inner {
    width: calc(50% - 5px);
  }
  .item-sub .feature_choice .fBox .fcolumn .inner:last-child {
    margin-right: 0;
  }
  .item-sub .feature_choice .fBox .fcolumn .inner .image {
    position: relative;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    margin-bottom: 10px;
  }
  .item-sub .feature_choice .fBox .fcolumn .inner .image span.circle {
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -6px;
    width: 60px;
    height: 60px;
    background-color: #aaa;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding-top: 23px;
  }
  .item-sub .feature_choice .fBox .fcolumn .inner .image span.circle.gr1 {
    background-color: #999;
  }
  .item-sub .feature_choice .fBox .fcolumn .inner .image span.circle.gr2 {
    background-color: #777;
  }
  .item-sub .feature_choice .fBox .fcolumn .inner .image span.circle.wh {
    background-color: #fff;
    border: 1px solid #707070;
    color: #707070;
  }
  .item-sub .redLineLink a {
    color: #e8343d;
    text-decoration: underline;
    line-height: 1.5;
    font-size: 13px;
  }
  .item-sub .feature_choice .fBox .fcolumn .inner .p-link-box a {
    min-width: auto;
    width: 100%;
    padding: 8px 40px;
  }
  .item-sub .feature_choice .fBox .fcolumn.sp-wide {
    display: block;
  }
  .item-sub .feature_choice .fBox .fcolumn.sp-wide .inner {
    display: flex;
    padding-bottom: 15px;
  }
  .item-sub .feature_choice .fBox .fcolumn.sp-wide .inner .image {
    width: 80%;
  }
  .item-sub .feature_choice .fBox .fcolumn.sp-wide .inner .inner-txt {
    width: 100%;
    padding-left: 8px;
  }
  .item-sub .feature_choice .fBox .fcolumn.sp-wide .inner .inner-txt p {
    padding: 5px 0 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
  }
  .item-sub .feature_choice .fBox .fcolumn.sp-wide .inner .image span.circle {
    top: 5px;
    left: 5px;
    padding-top: 24px;
  }
  /* ブランドで選ぶ */
  .item-sub .fBox.fBox-b .nitems.fbrand .list {
    display: flex;
  }
  .item-sub .fBox.fBox-b .fbrand .e {
    width: 45%;
    margin-bottom: 30px;
  }
  .item-sub .fBox.fBox-b .nitems.fbrand .list:nth-child(2) .e {
    margin-bottom: 0;
  }
  .item-sub .fBox.fBox-b .fbrand .e:nth-child(odd) {
    margin-left: 0;
  }
  .item-sub .fBox.fBox-b .fbrand .e:nth-child(even) {
    margin-right: 0;
  }
  .item-sub .hitems-tam .e.st h3 {
    font-size: 14px;
    min-height: 45px;
  }
  /* .item-sub .hitems-tam .e.st .c {
		text-align: right;
	} */
  .item-sub .feature_choice .fBox h2.title .tumblr-small {
    font-size: 13px;
  }
  .item-sub .choice01_img_txt {
    margin-bottom: 30px;
  }
  .item-sub .feature_choice .fBox .slist .p-link-box.mb10 a {
    margin-bottom: 30px;
    font-size: 14px;
  }
  .item-sub .hitems-tam .brand.st ._seq1 {
    margin-left: 0;
    width: 55px;
  }
  .item-sub .nitems-tam .e.brand.zalatto.st {
    background: url(/html/user_data/category/tumbler-bottle/stainless-tumbler/logo-zalatto.jpg) no-repeat 0 5px;
    background-size: 45% auto;
  }
  .item-sub .hitems-tam {
    display: flex;
    flex-wrap: wrap;
  }
  .item-sub .hitems-tam .p-link-box a {
    font-size: 13px;
  }
  .item-sub .fBox.fBox-b .nitems-tam.fbrand .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .item-sub .plist .nitems.fbrand .list:before {
    background-color: transparent;
  }
  .item-sub .plist .list:before {
    content: '';
    background-color: #ddd;
    height: 100%;
    width: 1px;
    top: 0;
    left: 50%;
    position: absolute;
  }
  .item-sub .pd04 img {
    width: 100%;
  }
  .item-sub .pd04 img + .tx {
    width: 100%;
  }
  .item-sub .pd04 .tx {
    margin-top: 10px;
    line-height: 1.3;
  }
  .item-sub.pd04 .tx div {
    text-align: center;
  }
  .item-sub .pd04 .tx div a {
    display: inline-block;
    color: #e8343d;
    padding: 15px 40px 15px 20px;
    border-radius: 5px;
    border: #dcdcdc solid 1px;
    font-weight: bold;
    background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 15px center;
    background-color: #fff;
  }
  .item-sub .p-link-box.large02 {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
    margin: -80px 0 0;
  }
  .item-sub.cate.p-link-box.scroll-anc-box.tam02 a {
    background: url(/html/user_data/assets/img/common/arrow-scroll.png) center left 15px no-repeat;
  }
  .item-sub .fBox.fBox-b .t4 {
    font-size: 14px;
  }
  .item-sub .custom_ranking {
    margin: 0 2% 20px;
  }
  .item-sub .custom_ranking .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }
  .item-sub .plist #choicesp05 .list:before {
    background-color: transparent;
  }
  .item-sub .plist .list:before {
    content: '';
    background-color: #ddd;
    height: 100%;
    width: 1px;
    top: 0;
    left: 50%;
    position: absolute;
  }
  .item-sub .plist #choicesp05 .list {
    border-bottom: none;
  }
  .item-sub .plist #choicesp05 .list > div {
    border-top: none;
    float: unset;
    padding: 0;
  }
  .item-sub .plist #choicesp05 .list:before {
    background-color: transparent;
  }
  .item-sub .plist #choicesp05 .list {
    padding-top: 20px;
  }
  .item-sub .plist #choicesp05 .list > div:nth-child(2n) {
    padding: 0;
  }
  .item-sub .plist #choicesp05 .list > div a {
    padding: 5px 0;
  }
  .item-sub .plist #choicesp05 .list img {
    height: auto;
    margin-bottom: 0;
  }
  .item-sub .feature_choice .fBox.pb0 {
    padding-bottom: 0;
  }
  .item-sub.cate.p-link-box.scroll-anc-box.tam02 a {
    padding: 0 25px 10px 60px;
  }
  .item-sub.cate.p-link-box.scroll-anc-box.tam02 a {
    margin-bottom: 40px;
  }
  .item-sub .custom_ranking.rank5 .list .e {
    margin: 0 10px 20px 0;
    width: 30.3%;
  }
  .item-sub .custom_ranking .list .e .image.st {
    padding: 0;
    border: none;
  }
  .item-sub .custom_ranking ._seq {
    position: static;
  }
  .item-sub .custom_ranking .list h3 {
    font-size: 12px;
  }
  .item-sub .custom_ranking .list .c {
    text-align: left;
    font-size: 11px;
  }
  .item-sub .custom_ranking .list .p {
    text-align: left;
    line-height: 1.5;
  }
  .item-sub .custom_ranking ._seq1 {
    color: #d0b237;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank1.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 7px;
  }
  .item-sub .custom_ranking ._seq2 {
    color: #8b8b8b;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank2.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 7px;
  }
  .item-sub .custom_ranking ._seq3 {
    color: #ae7d53;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank3.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 7px;
  }
  .item-sub .custom_ranking ._seq4 {
    color: #84aa59;
    font-size: 15px;
    background: url(/html/user_data/assets/img/common/bg_rank4.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 7px;
  }
  /* 台紙タンブラー */
  .item-sub.cate.p-link-box.scroll-anc-box.tam03 a {
    background: url(/html/user_data/assets/img/common/arrow-scroll.png) center left 30px no-repeat;
    background-color: #fff;
    font-size: 14px;
    padding: 10px 80px 10px 100px;
    margin-bottom: 50px;
    width: 100%;
    margin-top: 30px;
    box-shadow: none;
  }
  .item-sub .cate.orank ._seq1.ot {
    position: static;
  }
  .item-sub .cate.orank.tam01 .left p {
    margin-bottom: 12px;
  }
  .item-sub .cate.orank.tam01 .priceList.ot table th, .priceList.ot table td {
    font-size: 12px;
    padding: 7px 10px;
    vertical-align: middle;
  }
  .item-sub .cate.orank.ot .list {
    margin-bottom: 0;
  }
  .item-sub.p-3col-box .flx-box .item-3col-box.f-4col {
    width: 48% !important;
  }
  .item-sub.p-3col-box .flx-box .item-3col-box.f-4col > a {
    min-height: auto;
  }
  .p-bnr-pita-box .budget-title {
    font-size: 13px;
    line-height: 1.5;
  }
  .item-sub.scats.product-smallcategory.original-tumbler.naire {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .item-sub.scats.product-smallcategory.original-tumbler.naire h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub.product-smallcategory.original-tumbler.naire .setprice {
    display: block;
  }
  .item-sub.product-smallcategory.original-tumbler.naire .setprice .set-img {
    text-align: center;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei {
    width: 30%;
    margin-bottom: 15px;
  }
  .item-sub.product-smallcategory.original-tumbler.naire ol .arrows {
    top: 16%;
  }
  .item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei .koutei-txt {
    font-size: 11px;
    line-height: 1.4;
  }
  .item-sub.product-smallcategory.original-tumbler.naire ol .print-koutei .koutei-txt span {
    font-size: 11px;
  }
  .item-sub.product-smallcategory.original-tumbler.naire ol.koutei {
    margin-bottom: 25px;
  }
  .item-sub.product-smallcategory.original-tumbler.naire .col2 {
    display: block;
  }
  .item-sub .faq {
    padding-top: 0;
  }
  .item-sub.product-smallcategory.original-tumbler.naire .col2-cont {
    width: auto;
  }
  .item-sub .faq.icon-none dt {
    font-size: 14px;
    padding: 0 5px 15px;
  }
  .item-sub .faq dd {
    font-size: 13px;
    padding: 0 5px 15px;
  }
  .item-sub.product-smallcategory.original-tumbler .mh {
    min-height: auto;
  }
  .item-sub .faq.icon-none .mgn {
    width: 100%;
    margin: 40px auto 0;
  }
  .item-sub .faq.icon-none .mgn a {
    font-size: 14px;
    padding: 18px 25px;
  }
  .item-sub.product-smallcategory.original-tumbler.naire {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .item-sub.product-smallcategory.original-tumbler.naire h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub.product-smallcategory.original-tumbler.naire .col2-cont p.text {
    padding: 10px 0 20px 0;
  }
  .item-sub.scats {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
    width: 97%;
  }
  .item-sub.scats h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
  .item-sub.cate.scene .cont-wrap01 {
    display: block;
  }
  .item-sub.cate.scene .cont-box-txt .title {
    font-size: 14px;
    text-align: center;
  }
  .item-sub.cate.scene {
    padding: 14px;
    width: 95%;
  }
  .item-sub.cate.scene .cont-box-txt p {
    font-size: 12px;
  }
  .item-sub.cate.scene .cont-wrap01 .cont-box-sum {
    width: 50%;
    margin: 0 auto;
  }
  .item-sub.cate.scene .cont-wrap01 .cont-box-txt {
    width: auto;
    padding: 0 20px;
  }
  /* 台紙タンブラー 終わり */
}
/* 商品コメント 折り畳み read-more */
.p-sub-ranking-box .cm-vscroll .cont .read-more {
  padding-top: 10px;
  margin: 0;
  line-height: 1.5;
  font-size: 12px;
  font-weight: 500;
  word-wrap: break-word;
  max-height: 120px;
  overflow: hidden;
  display: -webkit-box;
  height: 4em;
  position: relative;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.p-sub-ranking-box .cm-vscroll .cont .read-open {
  max-height: none !important;
  height: auto !important;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.p-sub-ranking-box .cm-vscroll .cont .read-more span {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 40px;
  margin-left: auto;
  right: 0;
  top: 5px;
  z-index: 2;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-position: center;
  background-repeat: no-repeat;
}
.p-sub-ranking-box .cm-vscroll .cont .read-more span:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  vertical-align: middle;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgb(10 2 4 / 10%);
}
.p-sub-ranking-box .cm-vscroll .cont .read-more .r-more:after {
  content: "";
  position: absolute;
  bottom: 14px;
  height: 6px;
  width: 6px;
  right: 12px;
  border: 1px solid;
  border-color: transparent transparent #555 #555;
  transform: rotate(-45deg);
}
.p-sub-ranking-box .cm-vscroll .cont .read-more span:hover::after {
  opacity: .3;
  transition: opacity .3s;
}
@media screen and (max-width: 767px) {
  .p-sub-ranking-box .cm-vscroll .cont .read-more span:hover::after {
    opacity: 1;
  }
}
.p-sub-ranking-box .cm-vscroll .cont .read-open .r-more {
  top: auto;
  bottom: -40px;
}
@media screen and (max-width: 767px) {
  .p-sub-ranking-box .cm-vscroll .cont .read-open .r-more {
    bottom: -36px;
  }
}
.p-sub-ranking-box .cm-vscroll .cont .read-open .r-more:after {
  bottom: 10px;
  transform: rotate(135deg);
}
/* 吹き出し切り替えタイプの汎用タブ */
.custom-search-box {
  margin-top: -20px;
}
.custom-search-box .tab-switch-wrap ul {
  display: flex;
  justify-content: space-between;
}
.custom-search-box .tab-switch-wrap ul li {
  align-items: center;
  background: #fff;
  box-shadow: 0px 1px 0px #DDDDDD;
  border-left: 1px solid #eee;
  display: flex;
  position: relative;
  width: 25%;
}
.custom-search-box .tab-switch-wrap.tab-2 ul li {
  width: 50%;
}
.custom-search-box .tab-switch-wrap.tab-3 ul li {
  width: 34%;
}
.custom-search-box .tab-switch-wrap ul li:first-child {
  border-left: none;
}
.custom-search-box .tab-switch-wrap ul li label {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  transition: .2s ease-out;
  width: 100%;
}
@media screen and (max-width: 767.99px) {
  .custom-search-box .tab-switch-wrap ul li label {
    font-size: calc(15 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
  }
}
.custom-search-box .tab-switch-wrap ul li label:hover {
  color: #E6393D;
  cursor: pointer;
}
.custom-search-box .tab-switch-wrap ul li::before {
  background-color: #fed6d6;
  border: 1px solid #f5a3a3;
  border-top: none;
  border-left: none;
  bottom: -6px;
  content: '';
  height: 10px;
  left: 50%;
  margin-left: -5px;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transform: translateY(-5px) rotate(45deg);
  width: 10px;
}
.custom-search-box .tab-switch-wrap ul li.current {
  background: #fed6d6;
  border-bottom: 1px solid #f5a3a3;
  color: #E6393D;
}
.custom-search-box .tab-switch-wrap ul li.current::before {
  bottom: -10px;
  opacity: 1;
  transition: all 0.15s ease-in-out;
}
.custom-search-box .tab-cont-wrap {
  margin-top: 20px;
}
@media screen and (max-width: 767.99px) {
  .custom-search-box .tab-cont-wrap {
    margin-top: calc(20 / 3.75 * 1vw);
  }
}
.custom-search-box .tab-cont-wrap ul, .custom-search-box .tab-cont-wrap input {
  display: none;
  /* タブ出し分け */
}
.custom-search-box .tab-cont-wrap input:checked + ul {
  display: block;
  /* タブ出し分け */
}
@media screen and (max-width: 767.99px) {
  .custom-search-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.custom-search-box .ti {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0 5px 45px;
  background: url(/html/user_data/assets/img/common/ic18.png) no-repeat 0 center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .custom-search-box .ti {
    font-size: calc(16 / 3.75 * 1vw);
    text-align: left;
    padding: calc(10 / 3.75 * 1vw) 0 calc(5 / 3.75 * 1vw) calc(42 / 3.75 * 1vw);
    background: url(/html/user_data/assets/img/common/bg5.png) no-repeat 0 center;
    background-size: calc(29 / 3.75 * 1vw) auto;
    margin-bottom: 10px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul {
    font-size: 0;
    margin: 0 -5px;
    text-align: left;
  }
}
.custom-search-box .tab-cont-wrap ul li {
  /* align-items: center; */
  border: 1px solid #DDDDDD;
  border-radius: 1px;
  background: url(/assets/img/common/cm_arr01.svg) center right 15px/6px auto no-repeat;
  display: inline-block;
  height: 50px;
  transition: .2s ease-out;
  width: 229.5px;
  margin: 0 10px 10px 0;
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul li {
    display: inline-block;
    height: calc(50 / 3.75 * 1vw);
    vertical-align: top;
    margin: 0 5px 10px 5px;
    width: calc(50% - 10px);
  }
}
/* .custom-search-box .tab-cont-wrap ul li:before {
      content: '';
      position: absolute;
      left: 5px;
      top: 50%;
      margin-top: -20px;
      width: 38px;
      height: 38px;
      background-repeat: no-repeat;
    } */
.custom-search-box .tab-cont-wrap ul li:hover {
  background: url(/assets/img/common/cm_arr01.svg) center right 11px/6px auto no-repeat;
}
.custom-search-boxg .tab-cont-wrap ul li:hover a {
  color: #e8343d;
}
.custom-search-box .tab-cont-wrap ul li:nth-of-type(4n) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul li:nth-of-type(4n) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul li:nth-of-type(2n) {
    margin-right: 0;
  }
}
.custom-search-box .tab-cont-wrap ul li a {
  align-items: center;
  color: #707070;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  height: 100%;
  padding: 0 40px 0 5px;
  transition: .2s ease-out;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul li a {
    text-align: left;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: 1.5;
    padding-left: calc(8 / 3.75 * 1vw);
    padding-right: calc(28 / 3.75 * 1vw);
  }
}
.custom-search-box .tab-cont-wrap ul li a img {
  display: block;
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul li a img {
    padding-right: calc(4 / 3.75 * 1vw);
  }
}
.custom-search-box .tab-cont-wrap ul.c li a {
  position: relative;
  padding-left: 45px;
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul.c li a {
    padding-left: calc(45 / 3.75 * 1vw);
  }
}
.custom-search-box .tab-cont-wrap ul.c li a:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 12px;
  border: solid 1px #DDD;
}
@media screen and (max-width: 767px) {
  .custom-search-box .tab-cont-wrap ul.c li a:before {
    width: calc(23 / 3.75 * 1vw);
    height: calc(23 / 3.75 * 1vw);
    top: calc(12 / 3.75 * 1vw);
    left: calc(12 / 3.75 * 1vw);
  }
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p01:before {
  background: #efdfb4;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p02:before {
  background: #ffffff;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p03:before {
  background: #000000;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p04:before {
  background: #030384;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p05:before {
  background: #1423e0;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p06:before {
  background: #ff0000;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p07:before {
  background: #f9f438;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p08:before {
  background: #008e39;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p09:before {
  background: #6A4514;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p10:before {
  background: #F393BD;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p11:before {
  background: #F9EACA;
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p12:before {
  background: linear-gradient(135deg, #FFF, #ade5ff);
}
.custom-search-box.cate-common .tab-cont-wrap ul.c li a.p13:before {
  background: linear-gradient(135deg, #FFFFFF, #707070);
}
/* 巾着ページページ内リンクボタン */
.p-link-box.anc-box-i.cate-common {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-link-box.anc-box-i.cate-common {
    margin-bottom: 20px;
  }
}
.p-link-box.anc-box-i.cate-common a {
  background: inherit;
  background-color: #fff;
  font-size: 15px;
  width: 310px;
  padding: 0px 20px;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%);
}
.p-link-box.anc-box-i.cate-common a:hover {
  background: inherit;
  background-color: #fff5f5;
}
@media screen and (max-width: 767px) {
  .p-link-box.anc-box-i.cate-common a {
    max-width: 400px;
    width: 100%;
    height: calc(60 / 3.75 * 1vw);
    padding: 5px 20px;
    margin: 0 auto 15px;
    font-size: calc(15 / 3.75 * 1vw);
  }
}
.p-link-box.anc-box-i.cate-common a span {
  margin-left: -12px;
}
.p-link-box.anc-box-i.cate-common a:last-child span {
  margin-left: -35px;
}
@media screen and (max-width: 767px) {
  .p-link-box.anc-box-i.cate-common a span {
    margin-left: -12px;
  }
  .p-link-box.anc-box-i.cate-common a:last-child span {
    margin-left: -8px;
  }
}
.p-link-box.anc-box-i.cate-common a.scroll {
  background: url(/html/user_data/assets/img/common/arrow-scroll.png) no-repeat right 15px center;
  background-color: #fff;
  background-size: 28px;
}
.p-link-box.anc-box-i.cate-common a::before {
  content: url(/html/user_data/category/tote-bag/drawstring-bag/icon-palette.png);
  vertical-align: middle;
  padding-right: 5px;
  padding-top: 4px;
}
.p-link-box.anc-box-i.cate-common a:nth-child(2):before {
  content: url(/html/user_data/category/tote-bag/drawstring-bag/icon-calendar.png);
  /* padding-top: 10px; */
}
@media screen and (max-width: 767px) {
  .p-link-box.anc-box-i.cate-common a:nth-child(2)::before {
    padding-top: 4px;
  }
}
.p-link-box.anc-box-i.cate-common a:last-child:before {
  content: url(/html/user_data/category/tote-bag/drawstring-bag/icon-balloon.png);
  padding-top: 0;
}
.p-link-box.anc-box-i.cate-common a::after {
  content: "";
  background: url(/html/user_data/assets/img/common/arrow-scroll.png)no-repeat center;
  background-size: contain;
  width: 32px;
  height: 20px;
}
/* アンカーリンク */
#anc01.design-guide, #anc02.p-review-box {
  padding-top: 55px;
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  #anc01.design-guide, #anc02.p-review-box {
    padding-top: 55px;
    margin-top: -50px;
  }
}
@media screen and (max-width: 767px) {
  .cate-common.review, .purpose-tgall.column-a, .cate-common.design-guide, .cate-common.tokucho, .design-guide, .cate-common.tokucho.print, .cate-common.merit, .cate-common.scene, .cate-common.howto {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.purpose-tgall.column-a .links {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.purpose-tgall.column-a .links > div {
  width: 300px;
  margin-right: 20px;
}
.purpose-tgall.column-a .links figure {
  margin: 0;
}
.purpose-tgall.column-a .links img {
  border: 1px solid #ddd;
}
.purpose-tgall.column-a .links figcaption {
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .purpose-tgall.column-a .links {
    text-align: center;
    margin-bottom: 0;
    display: block;
  }
  .purpose-tgall.column-a .links > div {
    width: 80%;
    margin: 0 auto 20px;
  }
  .purpose-tgall.column-a .links figcaption {
    padding-top: 5px;
    font-size: calc(13 / 3.75 * 1vw);
    font-weight: bold;
  }
}
.purpose-tgall.column-a .p-link-box {
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .purpose-tgall.column-a .p-link-box {
    padding: calc(20 / 3.75 * 1vw) 0 calc(50 / 3.75 * 1vw);
  }
}
.cate-common.tokucho, .design-guide, .cate-common.tokucho.print, .cate-common.scene, .cate-common.merit, .cate-common.howto {
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .cate-common.tokucho, .design-guide, .cate-common.tokucho.print, .cate-common.howto {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.cate-common.tokucho h2 + p {
  padding-bottom: 15px;
}
.cate-common.tokucho .cont {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .cate-common.tokucho .cont {
    display: block;
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.cate-common.tokucho .cont .inner {
  width: 32%;
  border: #ddd solid 1px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cate-common.tokucho .cont .inner {
    border: #ddd solid 1px;
    width: 100%;
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.cate-common.tokucho .cont .inner img {
  /* width: 125px; */
  height: 125px;
}
@media screen and (max-width: 767px) {
  .cate-common.tokucho .cont .inner img {
    width: 47%;
    height: auto;
  }
}
/* 画像が一枚の場合のSP用class */
@media screen and (max-width: 767px) {
  .cate-common.tokucho .cont.p1 .inner img {
    width: 90%;
  }
}
.cate-common.tokucho p.title {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px 5px 10px;
}
@media screen and (max-width: 767px) {
  .cate-common.tokucho p.title {
    font-size: calc(14 / 3.75 * 1vw);
    text-align: center;
  }
}
.cate-common.tokucho p.txt {
  font-size: 12px;
  color: #333;
  padding: 5px 10px;
  letter-spacing: -.8px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .cate-common.tokucho p.txt {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.cate-common.tokucho .link {
  text-align: right;
  padding: 0 9px 10px;
}
.cate-common.tokucho .link a {
  color: #27a3cd;
  text-align: right;
  text-decoration: underline;
  display: inline-block;
}
.cate-common.tokucho .link a:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .cate-common.tokucho .link a {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.cate-common.tokucho.print h2 + p {
  padding-bottom: 15px;
}
.cate-common.tokucho.print p.title {
  padding-top: 10px;
  padding-bottom: 0;
  text-align: center;
}
.cate-common.tokucho.print p.txt {
  padding-bottom: 10px;
}
.cate-common.tokucho.print .cont .inner {
  padding-top: 10px;
}
.cate-common.merit h2 + p {
  padding-bottom: 15px;
}
.cate-common.merit:last-child {
  padding-bottom: 1px;
  margin-bottom: -20px;
}
.cate-common.merit .cont {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cate-common.merit .cont {
    display: block;
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.cate-common.merit .cont .inner {
  display: flex;
  flex-wrap: nowrap;
  width: 48%;
  /* border: #ddd solid 1px; */
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cate-common.merit .cont .inner {
    border: #ddd solid 1px;
    width: 100%;
    margin-bottom: calc(20 / 3.75 * 1vw);
    align-items: center;
  }
}
.cate-common.merit .cont .inner > div {
  background-color: #fff9ee;
}
.cate-common.merit p.title {
  font-size: 14px;
  font-weight: bold;
  padding: 20px 10px 5px;
}
@media screen and (max-width: 767px) {
  .cate-common.merit p.title {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: 1.4;
    padding: calc(10 / 3.75 * 1vw) calc(8 / 3.75 * 1vw) calc(5 / 3.75 * 1vw);
  }
}
.cate-common.merit p.txt {
  font-size: 13px;
  line-height: 1.6;
  color: #333;
  padding: 10px 20px 10px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .cate-common.merit p.txt {
    font-size: calc(13 / 3.75 * 1vw);
    padding: 0 calc(8 / 3.75 * 1vw) calc(8 / 3.75 * 1vw);
  }
}
.cate-common.merit .cont .inner img {
  display: block;
  width: 200px;
}
@media screen and (max-width: 767px) {
  .cate-common.merit .cont .inner img {
    width: calc(200 / 3.75 * 1vw);
    padding: 10px;
  }
}
.cate-common.scene:last-child {
  padding-bottom: 1px;
  margin-bottom: -20px;
}
.cate-common.scene h2 + p {
  padding-bottom: 15px;
}
.cate-common.scene .cont {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 16px;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cate-common.scene .cont {
    gap: calc(20 / 3.75 * 1vw) calc(8 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.cate-common.scene .cont .inner {
  width: 32%;
  /* border: #ddd solid 1px; */
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cate-common.scene .cont .inner {
    border: #ddd solid 1px;
    width: 48%;
  }
}
.cate-common.scene p.title {
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  padding: 10px 10px 3px 10px;
}
@media screen and (max-width: 767px) {
  .cate-common.scene p.title {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: 1.4;
  }
}
.cate-common.scene .cont .inner img {
  display: block;
  width: 220px;
  margin: 0 auto;
  padding: 0 10px 10px;
}
@media screen and (max-width: 767px) {
  .cate-common.scene .cont .inner img {
    width: (140 / 3.75 * 1vw);
  }
}
.cate-common.scene p.txt {
  font-size: 12px;
  color: #333;
  padding: 0 4px 10px;
  text-align: left;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .cate-common.scene p.txt {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: 1.4;
  }
}
.service .budget_bnr {
  box-shadow: 0 3px 8px 0 rgb(10 2 4 / 10%);
}
/* 3つのデザイン方法 ----------------------------------------------- */
.cate-common.design-guide p.cstm_txt {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .cate-common.design-guide p.cstm_txt {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.howto-wrap .flx-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.howto-wrap .flx-box {
  width: 280px;
}
.howto-wrap .flx-box.simulator {
  width: 365px;
}
.howto-wrap .flx-box .title-box {
  align-items: center;
  background: #1DB9C6;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-weight: bold;
  height: 80px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
}
.howto-wrap .flx-box .title-box span {
  font-size: 14px
}
.howto-wrap .flx-box.sakusei .title-box {
  background: #CC468D
}
.howto-wrap .flx-box.data .title-box {
  background: #BEAB25
}
.howto-wrap .flx-box .detail-box {
  box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
  display: flex;
  flex-direction: column;
  height: 350px;
  padding: 8px 10px 20px;
}
.howto-wrap .flx-box .detail-box figure.upper {
  align-items: flex-start;
  display: flex;
  height: 164px;
  margin: 0;
  padding: 0 0 10px;
}
.howto-wrap .flx-box.simulator .detail-box figure.upper {
  justify-content: flex-start;
  padding-left: 10px;
}
.howto-wrap .flx-box.simulator .detail-box figure.upper img {
  margin-right: 9px;
}
.howto-wrap .flx-box.sakusei .detail-box figure.upper {
  align-items: flex-end;
  justify-content: center;
  padding-left: 10px;
}
.howto-wrap .flx-box.sakusei .detail-box figure.upper figcaption {
  align-items: center;
  color: #CC468D;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  height: 100%;
}
.howto-wrap .flx-box.data .detail-box figure.upper {
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}
.howto-wrap .flx-box.simulator .detail-box p span {
  display: block;
  margin: -18px 3px 0 0;
  text-align: right;
  width: 100%;
}
.howto-wrap .flx-box.simulator .detail-box .lower {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: auto 0 0;
}
.howto-wrap .flx-box.simulator .detail-box .lower .sub-title {
  align-items: center;
  background: #1DB9C6;
  box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-weight: bold;
  height: 30px;
  justify-content: center;
  position: relative;
  width: 286px;
}
.howto-wrap .flx-box.simulator .detail-box .lower .sub-title:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #1DB9C6 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
}
.howto-wrap .flx-box.simulator .detail-box .lower .bnr-box {
  align-items: center;
  box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
  display: flex;
  height: 50px;
  justify-content: center;
  position: relative;
  width: 335px;
}
.howto-wrap .flx-box .detail-box .anc-btn {
  align-items: center;
  border: 1px solid #CC468D;
  border-radius: 20px;
  color: #CC468D;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: auto auto 0;
  height: 40px;
  position: relative;
  transition: .3s ease;
  width: 200px;
  background: url(/html/user_data/category/search-feature/search-tote/arrow3_p.png) no-repeat right 25px center;
  /* background-size: auto 8px; */
}
.howto-wrap .flx-box .detail-box .anc-btn.data {
  background: url(/html/user_data/category/search-feature/search-tote/arrow3_y.png) no-repeat right 25px center;
}
.howto-wrap .flx-box .detail-box .anc-btn:hover {
  background-color: rgba(255, 237, 152, .3);
}
.howto-wrap .flx-box.data .detail-box .anc-btn {
  border: 1px solid #BEAB25;
  color: #BEAB25;
}
/* 3つのデザイン方法SP */
@media screen and (max-width:760px) {
  .howto-wrap .flx-box, .howto-wrap .flx-box.simulator {
    width: 30.66vw;
  }
  .howto-wrap .flx-box .title-box {
    font-size: 3.2vw;
    font-weight: bold;
    /* PC打消し */
    background: none;
    color: #1DB9C6;
    display: block;
    flex-direction: inherit;
    height: auto;
    justify-content: inherit;
  }
  .howto-wrap .flx-box .title-box span {
    align-items: center;
    background: #1DB9C6;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 3.73vw;
    height: 13.33vw;
    justify-content: center;
    box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
  }
  .howto-wrap .flx-box.sakusei .title-box {
    background: none;
    color: #CC468D;
  }
  .howto-wrap .flx-box.data .title-box {
    background: none;
    color: #BEAB25;
  }
  .howto-wrap .flx-box.sakusei .title-box span {
    background: #CC468D
  }
  .howto-wrap .flx-box.data .title-box span {
    background: #BEAB25
  }
  .howto-wrap .flx-box .detail-box {
    box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    height: 72vw;
    padding: 1.33vw;
  }
  .howto-wrap .flx-box.simulator .detail-box figure {
    padding: .66vw 0 1.33vw;
  }
  .howto-wrap .flx-box.simulator .detail-box figure.upper {
    padding-left: 0;
    height: auto;
  }
  .howto-wrap .flx-box.sakusei .detail-box figure {
    padding: 2.66vw 0 1.33vw;
    margin: 0;
  }
  .howto-wrap .flx-box.data .detail-box figure {
    padding: 13.33vw 1.33vw 10.66vw;
    margin: 0;
  }
  .howto-wrap .flx-box.sakusei .detail-box figure figcaption {
    align-items: center;
    color: #CC468D;
    display: block;
    font-size: 2.93vw;
    font-weight: bold;
    text-align: left;
    margin-top: 1.33vw;
    letter-spacing: -.05em;
  }
  .howto-wrap .flx-box .detail-box p {
    font-size: 3.2vw;
    line-height: 1.25;
    text-align: left;
  }
  .howto-wrap .flx-box.simulator .lower a {
    background: #1DB9C6;
    box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
    border-radius: 1.33vw;
    display: flex;
    align-items: center;
    font-size: 3.2vw;
    color: #fff;
    font-weight: bold;
    justify-content: center;
    margin: 1.33vw 0;
    height: 10.66vw;
  }
  .howto-wrap .flx-box.simulator .lower a img {
    width: 5.6vw;
    margin-right: 1.33vw;
  }
  .howto-wrap .flx-box.simulator .lower, .howto-wrap .txt-tac {
    margin: auto 0 0;
  }
  .howto-wrap .flx-box:after {
    display: block;
    content: none;
  }
  .howto-wrap .flx-box.simulator .detail-box p span {
    text-align: center;
    display: block;
    margin: auto 0 0;
  }
  .howto-wrap .flx-box.simulator .detail-box .lower {
    align-items: inherit;
  }
}
/* カテゴリランキング  タブデザイン */
.p-ranking-tabbox .tab-wrap {
  margin: -10px 0 0;
}
.p-ranking-tabbox #poprankingfield > .poptabs li {
  display: inline;
}
.p-ranking-tabbox #poprankingfield > .poptabs li a {
  text-decoration: none;
  color: #6b5950;
  border: 1px solid #666;
}
.p-ranking-tabbox #poprankingfield > .poptabs {
  font-size: 0;
  margin-bottom: 20px;
}
.p-ranking-tabbox #poprankingfield > .poptabs > div {
  padding: 0;
}
.p-ranking-tabbox #poprankingfield > .poptabs input {
  display: none;
}
.p-ranking-tabbox #popgroup1_content, .p-ranking-tabbox #popgroup2_content, .p-ranking-tabbox #popgroup3_content, .p-ranking-tabbox #popgroup4_content, .p-ranking-tabbox #popgroup5_content, .p-ranking-tabbox #popgroup6_content {
  display: none;
}
.p-ranking-tabbox #poprankingfield > .poptabs .tab_item {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 6);
  text-align: center;
  border-bottom: #ddd solid 1px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  height: 50px;
  margin: 10px 0 40px;
  line-height: 50px;
  background: #fff;
  border-left: 1px solid #eee;
}
.p-ranking-tabbox.tab2 #poprankingfield > .poptabs .tab_item {
  width: calc(100% / 2);
}
.p-ranking-tabbox.tab3 #poprankingfield > .poptabs .tab_item {
  width: calc(100% / 3);
}
.p-ranking-tabbox.tab4 #poprankingfield > .poptabs .tab_item {
  width: calc(100% / 4);
}
.p-ranking-tabbox.tab5 #poprankingfield > .poptabs .tab_item {
  width: calc(100% / 5);
}
.p-ranking-tabbox #poprankingfield > .poptabs .tab_item span {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  transition: .2s ease-out;
  width: 100%;
}
.p-ranking-tabbox #poprankingfield > .poptabs .tab_item:hover {
  color: #e8343d;
}
.p-ranking-tabbox #poprankingfield > .poptabs .tab_item:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -5px;
  background-color: #fed6d6;
  border: 1px solid #f5a3a3;
  transform: translateY(-5px) rotate(45deg);
  border-top: none;
  border-left: none;
  pointer-events: none;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.p-ranking-tabbox #poprankingfield .poptabs + div > * {
  display: none;
}
.p-ranking-tabbox #poprankingfield .poptabs + div > *:first-child {
  display: block;
}
.p-ranking-tabbox #poprankingfield > .poptabs input:checked + .tab_item {
  background-color: #fed6d6;
  border-bottom-color: #f5a3a3;
  color: #e8343d;
  pointer-events: none;
}
.p-ranking-tabbox #poprankingfield > .poptabs input:checked + .tab_item:before {
  opacity: 1;
  transform: translateY(0px) rotate(45deg);
}
.p-ranking-tabbox #poprankingfield > .poptabs #popgroup1:checked ~ #popgroup1_content, .p-ranking-tabbox #poprankingfield > .poptabs #popgroup2:checked ~ #popgroup2_content, .p-ranking-tabbox #poprankingfield > .poptabs #popgroup3:checked ~ #popgroup3_content, .p-ranking-tabbox #poprankingfield > .poptabs #popgroup4:checked ~ #popgroup4_content, .p-ranking-tabbox #poprankingfield > .poptabs #popgroup5:checked ~ #popgroup5_content, .p-ranking-tabbox #poprankingfield > .poptabs #popgroup6:checked ~ #popgroup6_content {
  display: block;
}
.p-ranking-tabbox #poprankingfield .tab_content {
  font-size: 13px;
}
.p-ranking-tabbox .tab-wrap .tab_content {
  margin: 15px 0 25px;
}
@media screen and (max-width: 767.99px) {
  .p-ranking-tabbox .pd-box {
    padding: 0 10px;
  }
  .p-ranking-tabbox #poprankingfield > .poptabs .tab_item {
    font-size: 3.46vw;
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 6);
    text-align: center;
    background-color: #fff;
    border-bottom: #ddd solid 1px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    height: 13.33vw;
    margin-bottom: 5px;
    line-height: 1.5;
  }
  .p-ranking-tabbox #poprankingfield > .poptabs .tab_item span {
    height: 13.33vw;
    font-size: calc(14 / 3.75 * 1vw);
  }
  .p-ranking-tabbox #poprankingfield > .poptabs .tab_item span.lh {
    line-height: 1.3;
  }
}
/* カテゴリ共通ページ内リンク ボタン4個バージョン */
.p-link-box.anc-box-i.cate-common.link-4 a {
  width: 235px;
  padding: 0px 10px;
  font-size: 14px;
}
.p-link-box.anc-box-i.cate-common.link-4 a span {
  margin-left: 0;
  width: 135px;
  text-align: left;
}
.p-link-box.anc-box-i.cate-common.link-4 a:last-child span {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .p-link-box.anc-box-i.cate-common.link-4 a {
    width: 47%;
    padding: 5px 6px;
    font-size: calc(14 / 3.75 * 1vw);
    text-align: left;
    line-height: 1.3;
  }
  .p-link-box.anc-box-i.cate-common.link-4 a span {
    margin-left: -3px;
    width: calc(75 / 3.75 * 1vw);
  }
}
.p-link-box.anc-box-i.cate-common.link-4 a::before {
  content: url(/html/user_data/category/tote-bag/drawstring-bag/erabikata.png);
}
.p-link-box.anc-box-i.cate-common.link-4 a:nth-child(2):before {
  content: url(/html/user_data/category/tote-bag/drawstring-bag/icon-palette.png);
}
.p-link-box.anc-box-i.cate-common.link-4 a:nth-child(3):before {
  content: url(/html/user_data/category/tote-bag/drawstring-bag/icon-calendar.png);
}
.p-link-box.anc-box-i.cate-common.link-4 a:last-child:before {
  content: url(/html/user_data/category/tote-bag/drawstring-bag/icon-balloon.png);
  padding-top: 0;
}
/* 不織布ページ修正　おすすめの商品 */
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec h3 {
  color: inherit;
  transition: none;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .spec .p {
  color: inherit;
}
.item-sub.p-sub-nonwoven-box.nonwoven02 .col2 .col2-cont .p-link-box {
  text-align: right;
}
/* 小カテ　h1下に表示 */
@media not all and (min-width: 768px) {
  .p-sub-kv-box .title-box .title-txt h1 {
    background: #EEEEEE;
    position: static;
  }
  .p-sub-kv-box .title-box .title-txt h1 span {
    background: none;
  }
}
/*特集 ポリエステル ￥・ナイロン 「エコバッグノベルティ大特集」バナー追加*/
.bnr_eco-nylon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bnr_eco-nylon.item-sub.p-sub-battery-point-box .col2-cont-battery .t-sub-battery img {
  width: 20px;
  margin: 0 5px;
}
.bnr_eco-nylon.item-sub.p-sub-battery-point-box .col2-cont-battery .t-sub-battery {
  padding-top: 0;
}
.bnr_eco-nylon.item-sub.p-sub-battery-point-box .col2-cont-battery {
  margin-bottom: 0;
}
@media only screen and (not (min-width: 768px)) {
  .bnr_eco-nylon.item-sub.p-sub-battery-point-box .col2-cont-battery a {
    margin-left: 0;
  }
  .bnr_eco-nylon.purpose.p-spl-ft-box.sport02 .flx-box li, .purpose .p-spl-ft-box.sport02 .flx-box li {
    width: 100%;
  }
}
/* 台紙タンブラー　フリーエリア下のコラム */
/* リンクボタンの上向き矢印 */
.p-link-box .type01.linkButton_up {
    background: url(/html/user_data/assets/img/common/arrow1_up.png) no-repeat right 24px center;
}
.p-link-box .type01.linkButton_up:hover {
    background: url(/html/user_data/assets/img/common/arrow1_up_red.png) no-repeat right 24px center;
}
/* /リンクボタンの上向き矢印 */

/* ノート 始まり */
.daishi-handmade {
    margin: 0;
    border: solid 1px #ddd;
    border-radius: 2px;
    padding: 30px;
    position: relative;
    margin-bottom: 60px;
}
.daishi-handmade::before {
    content: "";
    position: absolute;
    border-right: dotted 16px #eee;
    height: 96%;
    top: 1.7em;
    right: 1.8em;
}
.daishi-handmade .red {
    color: #e8373d;
}
.daishi-handmade p {
    font-size: 13px;
    line-height: 1.8;
}
.daishi-handmade .fs13 {
    font-weight: bold;
}

.daishi-handmade .topcont {
    position: relative;
    margin: 0 40px 30px 0;
    padding: 10px 15px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: center;
}
.daishi-handmade .topcont::before {
    position: absolute;
    content: "";
    width: 100%;
    min-height: 101%;
    top: -5px;
    padding-bottom: 4px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.daishi-handmade .topcont::after {
    content: '';
    display: inline-block;
    width: 42px;
    height: 50px;
    position: absolute;
    top: 24px;
    left: 350px;
    background-image: url(/html/user_data/free/print_daishi/search_ic06.png);
    transform: rotateZ(27deg);
    opacity: .7;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.daishi-handmade .topcont .topcont-inner {
    width: 45%;
    padding: 20px 0;
}
.daishi-handmade .topcont .topcont-inner:first-child {
    margin-right: 20px;
}
.daishi-handmade .topcont .topcont-inner .title {
    display: inline;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: .1rem;
    color: #777;
    line-height: 1.7;
    border-bottom: 2px dotted #777;
}
.daishi-handmade .topcont .topcont-inner .copy {
    padding-top: 15px;
    color: #555;
}
.daishi-handmade .topcont .topcont-inner img {
    border-radius: 10px;
}
.daishi-handmade .midcont {
    margin: 0 84px 0 40px;
}
.daishi-handmade .midcont .cont {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 40px;
}
.daishi-handmade .midcont .cont .cont-txt {
    width: 55%;
}
.daishi-handmade .midcont .cont .cont-txt .ttl {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .1rem;
    line-height: 1.6;
    color: #777;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 12px;
    padding-bottom: 5px;
}
.daishi-handmade .midcont .cont .cont-txt .p-link-box {
    margin-top: 10px;
}
.daishi-handmade .midcont .cont .cont-txt .more a {
    min-width: 100%;
    font-size: 1.3rem;
}
.daishi-handmade .midcont .cont .cont-img img {
    border-radius: 5px;
}
.daishi-handmade .midcont .cont .cont-img {
    padding-top: 10px;
    width: 40%;
}
.daishi-handmade .midcont .cont:nth-child(2) .cont-img {
    padding-top: 40px;
}

@media screen and (max-width: 767px) {
    .daishi-handmade {
        margin: 0 calc(10 / 3.75 * 1vw);
        margin-bottom: 60px;
        padding: 24px 10px 0;
    }
    .daishi-handmade p {
        font-size: calc(13 / 3.75* 1vw);
    }
    .daishi-handmade .topcont {
        flex-flow: column-reverse;
        padding-left: 0;
        padding-right: 0;
        margin: 0 20px 0 0;
    }
    .daishi-handmade .topcont .topcont-inner {
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }
    .daishi-handmade .topcont .topcont-inner img {
        width: 260px;
    }
    .daishi-handmade .midcont .cont {
        flex-flow: column-reverse;
        margin-bottom: 30px;
    }
    .daishi-handmade .midcont {
        margin: 0 30px 0 0;
    }
    .daishi-handmade .midcont .cont .cont-txt {
        width: 100%;
    }
    .daishi-handmade .midcont .cont .cont-img {
        width: 100%;
        margin-bottom: 10px;
        padding-top: 20px !important;
        text-align: center;
    }
    .daishi-handmade .midcont .cont .cont-txt .p-link-box a {
    font-size: calc(13 / 3.75 * 1vw);
    height: 55px;
    }
    .daishi-handmade .midcont .cont .cont-img .ttl {
    font-size: calc(16 / 3.75 * 1vw);
    font-weight: bold;
    letter-spacing: .1rem;
    line-height: 1.6;
    color: #777;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-align: center;
    }
    .daishi-handmade .topcont .topcont-inner .title {
        border-bottom: 1px dotted #777;
    }
    .daishi-handmade .topcont::after {
        left: 82%;
        top: 12px;
    }
    .daishi-handmade .topcont .topcont-inner:first-child {
        padding-top: 0;
    }
    .daishi-handmade::before {
    content: "";
    position: absolute;
    border-right: dotted 10px #eee;
    height: 98%;
    top: 1.7em;
    right: 1em;
}
.daishi-handmade .midcont .cont .cont-img img {
    width: 250px;
}
}
/* ノート 終わり */
/* /台紙タンブラー　フリーエリア下のコラム */

/* ABテスト用　h1テキスト上出し　始まり */
.p-main-kv-box_ab {
  margin-top: -40px;
}
.p-main-kv-box_ab .kv-box h1 {
  /* align-items: center; */
  /* display: flex; */
  /* justify-content: center; */
  font-size: 35px;
  font-weight: 700;
  line-height: 48px;
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  height: 100%;
  width: 100%;
  /* text-align: center; */
  display: block;
  position: static;
  text-align: left;
  margin-bottom: 10px;
}
@media only screen and (not (min-width: 768px)) {
  .p-main-kv-box_ab .kv-box h1 {
      text-align: left;
      /* align-items: center; */
      font-size: calc(20 / 3.75 * 1vw);
      /* display: flex; */
      padding: 0 calc(10 / 3.75 * 1vw);
      height: 100%;
      max-width: none;
      line-height: calc(31 / 3.75 * 1vw);
      width: 100%;
      /* position: absolute; */
      margin-bottom: calc(5 / 3.75 * 1vw);
  }
}
.p-main-kv-box_ab .sub-lead {
    font-size: 13px;
    line-height: 21px;
    margin-top: 20px;
}
@media only screen and (not (min-width: 768px)) {
    .p-main-kv-box_ab .sub-lead {
        padding: 0 calc(10 / 3.75 * 1vw);
        font-size: calc(13 / 3.75 * 1vw);
        line-height: calc(21 / 3.75 * 1vw);
        margin-top: calc(20 / 3.75 * 1vw);
    }
}
/* ABテスト用　h1テキスト上出し　終わり */

/* ▼バッグ大カテ改修 250602追加 始まり▼ */
/*ページ全体 ここから*/
.cate_tote-bag .p-main-kv-box .sub-lead{
    margin-top: 0;
}
@media only screen and (not (min-width: 768px)) {
.p-type01{
  font-size: calc(17 / 3.75 * 1vw) !important;
}
.cate_tote-bag section, .cate_tote-bag section.p-main-kv-box h1, .cate_tote-bag section.p-main-kv-box p{
    padding: 0 calc(10 / 3.75 * 1vw);    
}    
.cate_tote-bag section.p-main-kv-box{
    padding: 0;    
}
}
/*ページ全体 ここまで*/

/*mv ここから*/
.cate_tote-bag .p-main-kv-box{
    margin-top: -50px;
}
.cate_tote-bag .p-main-kv-box h1{
    font-size: 30px;
    font-weight: bold;
    margin: 15px 0;
}

.cate_tote-bag .p-main-kv-box .hover-item-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.cate_tote-bag .p-main-kv-box .hover-item-wrap .hover-item {
    width: calc(25% - 6px);
    height: 250px;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #fff;
}
@media only screen and (not (min-width: 768px)) {
.c-support-y-link {
    width: auto;
}    
.cate_tote-bag .p-main-kv-box h1{
  font-size: calc(19 / 3.75 * 1vw);
}
.cate_tote-bag .p-main-kv-box .hover-item-wrap .hover-item {
    width: calc(25% - 5px);    
    height: auto;
}
}
/*mv ここまで*/

/*ボタン ここから*/
.cate_tote-bag .p-link-box .type-gray-btn{
    box-shadow: rgba(0, 0, 0, .16) 0 3px 0;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
    width: 400px;
    background: url(/html/user_data/assets/img/common/arrow4_w_down.png) right 26px center / 12px no-repeat #616161;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 5px;
    margin: 30px auto 50px;
    transition: .2s ease-out;
    align-items: center;
    justify-content: center;
}
.cate_tote-bag .p-link-box .type-gray-btn:hover{
    opacity: 0.7;
}
.cate_tote-bag .p-link-box-ranking{
    display: flex;
    justify-content: flex-end;
}
.cate_tote-bag .p-link-box-ranking .type-gray-btn-ranking{
    box-shadow: rgba(0, 0, 0, .16) 0 3px 0;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 30px;
    width: 196px;
    background: url(/html/user_data/assets/img/common/arrow4_w_down.png) right 10px center / 8px no-repeat #616161;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 3px;
    margin-top: 0;
    margin-bottom: 50px;
    transition: .2s ease-out;
    align-items: center;
    justify-content: center;
}
.cate_tote-bag .p-link-box-ranking .type-gray-btn-ranking:hover{
    opacity: 0.7;
}
@media only screen and (not (min-width: 768px)) {
.cate_tote-bag .p-link-box .type-gray-btn{
    width: 315px;
    }
}
/*ボタン ここまで*/
/* ▲バッグ大カテ改修 250602追加 始まり▲ */