@charset "Shift_JIS";

/* ---------------------------------------
 ネットショップ
---------------------------------------- */
#netshop .common_headline1_,
#netshop .goods_name_,
#netshop .category_name_ { border-top: #FFA70E 3px solid;}

#netshop .accordion dt:before { content: url(../../img/usr/sp/acc_netshop_arrow_off.png);}
#netshop .accordion.active dt:before { content: url(../../img/usr/sp/acc_arrow_on.png);}

#netshop .goodsgoodssearch_ { background: #FFF1B7;}
#netshop div.goodsgoodssearch_ li { background-color: #E18F00;}
#netshop dl.goodssearch_ .tips { color: #E18F00;}

#netshop ul.goods_p_ li a { background: url(../../img/usr/sp/arrow_right_netshop.png) right center no-repeat; background-size: auto 13px;}

/* ---------------------------------------
 ドラッグストア
---------------------------------------- */
#drugstore .common_headline1_,
#drugstore .goods_name_,
#drugstore .category_name_ { border-top: #EC6D81 3px solid;}

#drugstore .anchor > p { margin-top: 15px; text-align: center;}
#drugstore .anchor > p:first-child { margin-top: 0;}
#drugstore .anchor > p img { height: 55px;}

#drugstore .about > p { margin: 10px 10px; font-size: 13px; line-height: 1.538; color: #333;}
#drugstore .about > p img { width: 100%;}

#drugstore .accordion dt:before { content: url(../../img/usr/sp/acc_drugstore_arrow_off.png);}
#drugstore .accordion.active dt:before { content: url(../../img/usr/sp/acc_arrow_on.png);}

#drugstore ul.goods_p_ li { width: auto;}
#drugstore ul.goods_p_ li a { background: url(../../img/usr/sp/arrow_right_drugstore.png) right center no-repeat; background-size: auto 13px;}
#drugstore ul.goods_p_ li div.desc_ { margin-top: 0;}
#drugstore ul.goods_p_ li div.desc_ .name_ { height: auto; margin: 0 0 10px;}

#drugstore .goodsgoodssearch_ { background: #FFE1E6;}
#drugstore div.goodsgoodssearch_ li,
#drugstore div.goodssearch_area li { background-color: #EC6D81;}

/* ---------------------------------------
 アコーディオンメニュー
---------------------------------------- */
.has_btm_margin { margin-bottom: 25px;}
.accordion { position: relative;}
.accordion dt {
  padding: 15px 20px;
  font-size: 15px;
  line-height: 1;
  color: #333;
  background: url(../../img/usr/sp/acc_bg.png) repeat-x;
  background-size: auto 100%;
  position: relative;
  cursor: pointer;
}
.accordion dt:before {
  content: url(../../img/usr/sp/acc_arrow_off.png);
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0;
  transform-origin: 0 0;
  transform: scale(0.5);
}
.accordion dd { width: 100%; padding-bottom: 10px; display: none; background: #AAA; overflow: hidden;}
.accordion dd li,
.accordion > li { height: auto; padding: 15px 20px; margin: 0 10px; border-top: #AAA 1px solid; background: #FFF; position: relative;}
.accordion dd li:first-child,
.accordion > li:first-child { border-top: none;}
.accordion dd li:before,
.accordion > li:before { content: url(../../img/usr/sp/menu_arrow.png); position: absolute; top: 48%; right: 0; transform-origin: 0 0; transform: scale(0.5);}
.accordion dd li a,
.accordion > li a { color: #333; text-decoration: none;}
.accordion dd li p,
.accordion > li p { font-size: 15px;}
.accordion.active dt:before { content: url(../../img/usr/sp/acc_arrow_on.png);}
.accordion.active dt { background: #AAA; color: #FFF;}
.acc_trigger .acc_trigger { cursor: pointer;}
.js-accordion_ dd { display: none;}
#accordion_close_btn { width: 90%; margin: 10px auto 0;}

/* ---------------------------------------
 バナーエリア
---------------------------------------- */
ul.banner_p_ { width: 9999px; overflow-x: visible;}
ul.banner_p_ li { width: 264px; margin-right: 10px; float: left; display: inline-block;}
ul.banner_p_ li a { text-decoration: none;}
ul.banner_p_ li figure.img_ { margin-bottom: 5px; text-align: center; line-height: 0;}
ul.banner_p_ li figure.img_ img { max-width: 264px; max-height: 98px;}
ul.banner_p_ li div.desc_ .name_ { font-size: 15px; line-height: 1.333; color: #333;}
ul.banner_p_ li div.desc_ .price_box small { font-size: 7px; font-weight: normal; color: #777; display: block;}

/* ---------------------------------------
 バナー群
---------------------------------------- */
.feature_img a { width: 100%; text-align: center; display: block;}
.feature_img a img { display: inline;}
.feature_now { margin: 10px 8px; background: #FFF; position: relative;}
.feature_now:before {
  content: '';
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background: url(../../img/usr/sp/menu_arrow2.png) no-repeat;
  background-size: 8px 14px;
  position: absolute;
  top: 50%;
  right: 14px;
}
.feature_now a { padding: 7px 13px 7px 16px; text-decoration: none; color: #000; display: block; overflow: hidden;}
.feature_now p { padding: 4px 0 0 15px; font-size: 16px; line-height: 1.2; float: left;}
.feature_now p span { font-size: 13px; color: #CC0000;}
.feature_now .img { width: 45px; height: 45px; float: left;}
.feature_now .img img { width: 100%;}

/* ---------------------------------------
 特集一覧
---------------------------------------- */
ul#eventList:after { content: "."; height: 0; font-size: 0; visibility: hidden; display: block; clear: both;}
ul#eventList { margin: 10px auto; display: inline-block;}
ul#eventList li { width: 48%; margin-bottom: 20px; display: block; float: left;}
ul#eventList li:nth-child(2n) { float: right;}
ul#eventList li img { width: 100%;}
ul#eventList li dl { padding: 10px;}
ul#eventList li dl dt a:link,
ul#eventList li dl dt a:active,
ul#eventList li dl dt a:hover,
ul#eventList li dl dt a:visited { font-weight: bold; color: #f00;}

/* ---------------------------------------
 カテゴリーメニュー
---------------------------------------- */
#categorymenuWrap { font-size: 15px; font-weight: bold;}
#categorymenuWrap ul { margin: 0 10px 15px; background: #FFF;}
#categorymenuWrap ul li { border-bottom: #DDD 1px solid; background: url(../../img/usr/sp/menu_arrow2.png) no-repeat right 17px center; background-size: 8px 14px;}
#categorymenuWrap ul li a { padding: 14px 17px; text-decoration: none; color: #000; display: block;}
#categorymenuWrap ul li:last-child { border-bottom: none;}
#categorymenuWrap h1 { padding: 13px 10px 10px 10px; border-top: medium none; border-bottom: #CD0000 3px solid; font-size: 15px; font-weight: bold; color: #000; background: rgba(0, 0, 0, 0);}
#categorymenuWrap h2 { padding: 10px 17px; margin: 10px 10px 0; color: #FFF; background: #666;}
#categorymenuWrap h2 a { color: #FFF; text-decoration: none;}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-placeholder { display: none;}
.simplebar-scrollbar::before {
  content: '';
  height: calc(5 * (100vw / 375)) !important;
  margin-left: calc(2 * (100vw / 375));
  border-radius: calc(5 * (100vw / 375)) !important;
  display: block;
  background: #c0c0c0;
}
.simplebar-scrollbar.simplebar-visible::before { opacity: 1;}
.simplebar-track.simplebar-horizontal { width: calc(365 * (100vw / 375)) !important; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); pointer-events: none;}
.simplebar-track { background: none;}

/* ---------------------------------------
 カテゴリランキング
---------------------------------------- */
#ppz_recommend164 ul.goods_p_ li div.desc_ .name_ {
  min-height: 32px;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#ppz_recommend164 .goods_p_ li:after {
  content: '';
  width: 25px;
  height: 25px;
  font-size: 14px;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}
#ppz_recommend164 .goods_p_ li:nth-of-type(1):after  { content: "1"; background: #b7a567;}
#ppz_recommend164 .goods_p_ li:nth-of-type(2):after  { content: "2"; background: #bababa;}
#ppz_recommend164 .goods_p_ li:nth-of-type(3):after  { content: "3"; background: #996e37;}
#ppz_recommend164 .goods_p_ li:nth-of-type(4):after  { content: "4";}
#ppz_recommend164 .goods_p_ li:nth-of-type(5):after  { content: "5";}
#ppz_recommend164 .goods_p_ li:nth-of-type(6):after  { content: "6";}
#ppz_recommend164 .goods_p_ li:nth-of-type(7):after  { content: "7";}
#ppz_recommend164 .goods_p_ li:nth-of-type(8):after  { content: "8";}
#ppz_recommend164 .goods_p_ li:nth-of-type(9):after  { content: "9";}
#ppz_recommend164 .goods_p_ li:nth-of-type(10):after { content: "10";}
#ppz_recommend164 .goods_p_ li:nth-of-type(11):after { content: "11";}
#ppz_recommend164 .goods_p_ li:nth-of-type(12):after { content: "12";}
#ppz_recommend164 .goods_p_ li:nth-of-type(13):after { content: "13";}
#ppz_recommend164 .goods_p_ li:nth-of-type(14):after { content: "14";}
#ppz_recommend164 .goods_p_ li:nth-of-type(15):after { content: "15";}
#ppz_recommend164 .goods_p_ li:nth-of-type(16):after { content: "16";}
#ppz_recommend164 .goods_p_ li:nth-of-type(17):after { content: "17";}
#ppz_recommend164 .goods_p_ li:nth-of-type(18):after { content: "18";}
#ppz_recommend164 .goods_p_ li:nth-of-type(19):after { content: "19";}
#ppz_recommend164 .goods_p_ li:nth-of-type(20):after { content: "20";}
#ppz_recommend164 ul.goods_p_ li .img_ img { margin-top: 0 !important;}
#ppz_recommend164 .goods_vertical ul.goods_p_ li div.desc_ .price_box small { margin: 0 0 0 3px; font-size: 9px; display: inline-block;}

div.product_box { padding: 20px 0;}
.common_headline2_Wrap { padding: 0 16px;}
.common_headline2_Wrap h3.common_headline1_ { font-size: 18px; font-weight: 700;}
div[id*="ppz_recommend"] ul.goods_p_ li { width: 145px; margin-right: 15px;}
div[id*="ppz_recommend"] ul.goods_p_ li:nth-of-type(n+4) { display: inline-block;}
div[id*="ppz_recommend"] ul.goods_p_ li .img_ { width: 145px; height: 145px; padding: 0; margin: 0 0 10px 0; text-align: center; float: none;}
div[id*="ppz_recommend"] ul.goods_p_ li .img_ img { max-width: 145px; max-height: 145px; margin: 0;}
div[id*="ppz_recommend"] ul.goods_p_ li .rank-text-name-wrap { margin: 0 0 7px 0;}
div[id*="ppz_recommend"] .goods_vertical ul.goods_p_ li:nth-of-type(n+4) { display: table-cell;}
div[id*="ppz_recommend"] .goods_vertical h3.common_headline1_ { padding: 0; margin: 0 0 20px 0; font-size: 18px; font-weight: 700;}

/* ---------------------------------------
 人気ランキング
---------------------------------------- */
#ppz_recommend164 ul.goods_r_ li div.desc_ .name_ {
	min-height: 32px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.333;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#ppz_recommend164 .goods_r_ li:after {
  display: flex;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 10px;
  left: 10px;
  align-items: center;
  justify-content: center;
  background: #222222;
  font-size: 14px;
  color: #ffffff;
  z-index: 10;
}
#ppz_recommend164 .goods_r_ li:nth-of-type(1):after { content:"1"; background: #b7a567;}
#ppz_recommend164 .goods_r_ li:nth-of-type(2):after { content:"2"; background: #bababa;}
#ppz_recommend164 .goods_r_ li:nth-of-type(3):after { content:"3"; background: #996e37;}
#ppz_recommend164 .goods_r_ li:nth-of-type(4):after { content:"4";}
#ppz_recommend164 .goods_r_ li:nth-of-type(5):after { content:"5";}
#ppz_recommend164 .goods_r_ li:nth-of-type(6):after { content:"6";}
#ppz_recommend164 .goods_r_ li:nth-of-type(7):after { content:"7";}
#ppz_recommend164 .goods_r_ li:nth-of-type(8):after { content:"8";}
#ppz_recommend164 .goods_r_ li:nth-of-type(9):after { content:"9";}
#ppz_recommend164 .goods_r_ li:nth-of-type(10):after { content:"10";}
#ppz_recommend164 .goods_r_ li:nth-of-type(11):after { content:"11";}
#ppz_recommend164 .goods_r_ li:nth-of-type(12):after { content:"12";}
#ppz_recommend164 .goods_r_ li:nth-of-type(13):after { content:"13";}
#ppz_recommend164 .goods_r_ li:nth-of-type(14):after { content:"14";}
#ppz_recommend164 .goods_r_ li:nth-of-type(15):after { content:"15";}
#ppz_recommend164 .goods_r_ li:nth-of-type(16):after { content:"16";}
#ppz_recommend164 .goods_r_ li:nth-of-type(17):after { content:"17";}
#ppz_recommend164 .goods_r_ li:nth-of-type(18):after { content:"18";}
#ppz_recommend164 .goods_r_ li:nth-of-type(19):after { content:"19";}
#ppz_recommend164 .goods_r_ li:nth-of-type(20):after { content:"20";}

.recommendbox_ .bx-wrapper .feature_img a img { width: 240px;}
.goods_p_ .desc_ .name_ .rank-num,
.rank-text-name-wrap .rank-num { font-size: 18px; font-weight: 700; color: #dbb400; position: absolute; top: 0; left: 0;}