/*表示幅調整*/
div#item_detail_wrap {max-width: 760px;}

/*特集ページボタン*/
.lp-btn{
  display: inline-block;
  border: 2px solid #0066dd;
  border-radius: 5px;
  color: #0066dd;
  font-size: 13px;
  font-weight: 700;
  padding: 2px 14px;
}

/*関連商品表示*/
.slick-itemblock {
    overflow: hidden;
    position: relative;
}
.arrow{
  position: absolute;
  top: 50px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  border: none;
  z-index: 1;
  opacity: 0.7;
}
.prev{left: 15px}
.next{right: 15px}

/*お気に入り登録時画像*/
.mdl-dialog__image.sysWishlistThumbnail {
  text-align: center;
}
.mdl-dialog__content.sysWishlistMessage , .sysWishlistInformationGroup {
  text-align: center;
  color: #313334;
}
.sysWishlistLoginGroup , .sysWishlistMemberRegisterGroup , .sysWishlistCloseBottomButtonGroup {
  text-align: center;
}
.sysWishlistCloseBottomButtonGroup {
  width: 200px;
  text-align: center;
  margin: 0 auto;
}
button.mdl_dlg_submit.mdl-button.mdl-js-button.sysButton.sysWishlistCloseBottomButton {
  background: #313334;
}

/*関連商品が2重になってしまうので防ぐ用*/
.sysFuncItemBlock.related-products:nth-child(2) {
  display: none;
}

/*20200123関連商品*/
.related-products , .item_ranking ,.reco-item{
  max-width: 760px;
  background: #ffffff;
  padding-top: 10px;
  margin: 0;
}
.related-products .sysHeadline ,.item_ranking .sysHeadline ,.reco-item .sysHeadline {
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.1em;
  border-bottom: 2px solid #b58d27;
  padding: 5px;
  margin-bottom: 2%;
}
.related-products > div > div > ul > li ,.reco-item > div > div > ul > li ,.item_ranking > div > div > ul > li {
  width: 25% !important;
  padding: 4px !important;
  vertical-align: top;
}
.slick-track > li > .sysItemName, .item_ranking > div.sysContent > div > ul > li > .sysItemName ,.reco-item > div.sysContent > div > ul > li > .sysItemName {
  text-align: left;
  font-size: 12px;
  font-weight: 700;
}

.related-products .sysItemPrice ,.item_ranking .sysItemPrice ,.reco-item .sysItemPrice {
  text-align: left;
  font-weight: 700;
  color: #da4636;
}
.related-products .sysItemPrArea ,.item_ranking .sysItemPrArea ,.reco-item .sysItemPrArea {
  text-align: left;
}
@media screen and (max-width: 1200px){
div#item_detail_wrap {
  margin: 0 auto;
}
.related-products , .item_ranking ,.reco-item{
  margin: 0 auto;
}
}
@media screen and (max-width: 600px){
.related-products .sysHeadline ,.item_ranking .sysHeadline ,.reco-item .sysHeadline {
  border-bottom: 2px solid #b58d27;
}
.item_ranking .sysContent .sysHorizontal li,.reco-item .sysContent .sysHorizontal li {
  float: none;
  display: inline-block;
  width: 24% !important;
  padding: 1px !important;
  vertical-align: top;
}
.itempage_ranking.itempage-ranking > div.sysContent > div > ul > li:nth-child(5) {
    display: none;
}

.related-products > div.sysContent > div > ul > li > .sysItemName, .item_ranking > div.sysContent > div > ul > li > .sysItemName ,.reco-item > div.sysContent > div > ul > li > .sysItemName {
    font-size:11px;
}
.related-products .sysItemPrice ,.item_ranking .sysItemPrice ,.reco-item .sysItemPrice  {
    font-size:10px;
}
}

/*商品画像slick*/
.sysImageListSimple {
    overflow: hidden;
    position: relative;
}
.sysImageListSimple > div > div > li.slick-slide {
float: left;
}
ul.slick-dots > li {
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 19%;
    line-height: 1;
    float: none;
    margin: 10px 0.5% 0;
}

ul.slick-dots >  li.slick-active {
    border:2px solid #0066dd;
}
#item_detail_wrap .item_order_area .sysItemImages {
    text-align: left;
}
.slick-arrow{
    z-index:100!important;
}
.sysImageListSimple > div > div > li.slick-slide > .sysItemImage {
    position: relative;
}
a.slick-prev-itemlist {
    position: absolute;
    top: 92px;
    left: 0;
    width: 8%;
}
a.slick-next-itemlist {
    position: absolute;
    top: 92px;
    right: 0;
    width: 8%;
}
/*読み込み時崩れ防止用*/
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block;
}

/*再入荷お知らせボタン*/
.restock_mail_bl input.sysNextSubmit {
  display: inline-block;
  margin-top: 5px;
  width: 180px;
  height: 30px;
  border: 1px solid #777;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  position: relative;
  font-size: 12px;
  padding: 0;
}

/*20220418サムネイル*/
@media screen and (max-width: 660px){
ul.slick-dots {
  float: left;
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-top: 15px;
}
ul.slick-dots > li {
  width: 21%;
  margin: 10px 0.5% 5px;
}
.slick-dots::-webkit-scrollbar{height:10px;}
.slick-dots::-webkit-scrollbar-track{background:#cfcfcf;border-radius:10px;}
.slick-dots::-webkit-scrollbar-thumb{background:#da4636;border-radius:10px;}

ul.slick-dots:after{
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 0;
  vertical-align: middle;
  text-align: center;
  opacity: 0.8;
}
ul.slick-dots:after{
  width: 130px;
  height: 15px;
  background: url("https://www.gyoren.net/img/scrool_right.svg?02") no-repeat;
}
}

@media screen and (max-width: 600px){
  ul.slick-dots > li {
    width: 15.6%;
  }
}

/*20220819簡易表示の下に購入ボタンを入れる用*/
div#now_buy_block {
    margin: 10px auto 30px;
}
div#sysGetPoint {
    text-align: right;
}
.now_buy_block #sysCartInForm > span {
    display: none;
}
.now_buy_block .sysNumArea {
    display: none;
}
.now_buy_block #sysSelections, .now_buy_block #sysNumber {
    display: inline-block;
    display: none;
}
.now_buy_block #sysSelections > div > select, .now_buy_block #sysNumber > select {
    min-width: 120px;
}
.now_buy_block #sysNumber {
    margin-left: 10px;
}
#item_detail_wrap > div.sysExplanation.sysDisplayKeitaiNone > div.sysFuncItemBlock.category_ranking_hosikaibasira.item_ranking {
    display: none;
}

@media screen and (max-width: 660px) {
.now_buy_block #sysSubmit > input.sysCartButton.sysCartInButton.sysAddGoCartButton {
    width: 100%;
    margin-left: 0;
    padding: 15px 15px !important;
    border-radius: 5px;
    margin-top: 15px;
    text-indent: -999px;
    border: 0;
    background: #da4636 url(/img/layout/system/btn_cart-in_1.svg) 52% center no-repeat;
    background-size: 152px;
}
.now_buy_block .sysGoCartButton {
    width: 100%!important;
    margin-left: 0!important;
    padding: 15px 15px !important;
    border-radius: 5px;
    margin-top: 15px;
    text-indent: -999px;
    border: 0;
    background: #0066dd url(/img/layout/system/btn_cart2-b.svg) center center no-repeat;
    background-size: 127px;
}
}