/* ************************************************
*  product_detail_page
* ************************************************ */

h1.product_name {
  margin-bottom: 0.8em;
  padding-bottom: 0.6em;
  background: transparent url("https://img.shop-pro.jp/tmpl_img/67/border_bottom.png") repeat-x left bottom;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
}
.product_form { margin: 0 0 20px; }
.product_detail_area {
  position: relative;
  width: 100%;
}

/*----------------------------------------*----------------------------------------
product_images
----------------------------------------*----------------------------------------*/

.product_images {
  display: inline-block;
  float: left;
  width: 400px;
}
.product_images div img {
  max-width: 100%;
  max-height: 100%;
  width: 400px;
  height: 400px;
  border: 1px solid #ddd;
  object-fit: contain;
}

/*----------------------------------------*----------------------------------------
product_thumbnail
----------------------------------------*----------------------------------------*/

.product_thumbnail {
  clear: right;
  float: right;
  overflow: hidden;
  width: 270px;
}

/*----------------------------------------
cloud_zoom
----------------------------------------*/

.cloud-zoom-lens {
  margin: -4px;  /* Set this to minus the border thickness. */
  border: 4px solid #888;
  background-color: #fff;
  cursor: move;
}

/* This is for the title text. */

.cloud-zoom-title {
  position: absolute !important;
  top: 0px;
  padding: 3px;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

/* This is the zoom window. */

.cloud-zoom-big {
  overflow: hidden;
  border: 4px solid #c86464;
}

/* This is the loading message. */

.cloud-zoom-loading {
  padding: 3px;
  border: 1px solid #000;
  background: #222;
  color: white;
}

/* Feature section in ZoomEngine page */

.zoom-section { clear: both; }
* html .zoom-section {
  display: inline;
  clear: both;
}
.zoom-small-image {
  float: left;
  margin-top: 4px;
  width: 400px;
}
.zoom-small-image #wrap {
  position: relative;
  top: 0px;
  z-index: 9999;
}
.cloud-zoom { margin-bottom: 20px; }
.zoom-small-image .mousetrap {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  width: 100%;
}

/* Feature descriptions in ZoomEngine page */

.zoom-desc {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -5px 0 -5px;
}
a.cloud-zoom-gallery {
  position: relative;
  overflow: hidden;
  display: block;
  width: calc(33.33333333% - 10px);
  margin: 10px 5px 0 5px;
}
a.cloud-zoom-gallery::before {
  display: block;
  content: "";
  padding-top: 100%
}
a.cloud-zoom-gallery:hover {
  cursor: pointer;
}
a.cloud-zoom-gallery > img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.zoom-tiny-image {
  border: 1px solid #ccc;
  background-color: #fff;
}
.zoom-tiny-image:hover {
  border-color: #c86464;
}
.zoom-tiny-image.selected {
  border-color: #c86464;
}

/*----------------------------------------*----------------------------------------
product_description(商品説明)
----------------------------------------*----------------------------------------*/

.product_description {
  clear: both;
  width: 100%;
  margin-bottom: 60px;
  word-wrap: break-word;
  font-size: 15px;
  line-height: 1.5;
}

/* details（詳細説明 ---※ひるた様＞説明文テンプレート用---） */

#details { margin-top: 20px; font-size: 16px !important; }
#details .textBox { height: 160px; }
#details .point {
  border: #cc9999 1px solid;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#details .point h4 {
  color: #cc3333;
  background: url(https://file001.shop-pro.jp/PA01283/298/img/point.gif) no-repeat;
  padding: 5px 0 5px 30px;
  margin-bottom: 10px;
}

/*
2017.03.06追加
--------------------------------------------------------------------------------
*/

/* sample */

#sample #details > .ebox { margin-bottom: 40rem; }
#sample #details .marker, #howto #details .marker {
  background: #ff0;
  color: #f00;
}

/* details */

#details { width: 700px !important; }
#details .ebox { width: auto; }
#details img {
  max-width: auto;
  height: auto;
}


#details hr {
  height: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  border-top: 1px solid #ccc;
}

/* title */

#details h2,
#details h3,
#details h4,
#details h5,
#details h6 {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, sans-serif;
  line-height: 1.25;
}
#details h2 { font-size: 20px; }
#details h3 { font-size: 18px; }
#details h4, #details h5, #details h6 { font-size: 17px; }

#details .title-help {
  margin-bottom: 40px;
  font-size: 1.3rem;
  background: #4d4d4d;
  padding: .5em;
  color: #fff;
}
#details .title-help-sub {
  margin: 30px 0;
  font-size: 1.3rem;
  background: #ccc;
  padding: .5em 2em;
  display: inline-block;
}
#details .ht-goldline-l, #details .ht-goldline-m, #details .ht-goldline-s { position: relative; }
#details .ht-goldline-l:before, #details .ht-goldline-m:before, #details .ht-goldline-s:before {
  border-top: solid 1px #e3c671;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 1;
}
#details .ht-goldline-l span, #details .ht-goldline-m span, #details .ht-goldline-s span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 20px;
  line-height: 1;
  vertical-align: middle;
  background-color: #fff;
}
#details .ht-goldline-l.text-right span, #details .ht-goldline-m.text-right span, #details .ht-goldline-s.text-right span {
  padding-right: 0;
  padding-left: 20px;
}

/* header */

#details header.header-simple-l, #details header.header-simple-m, #details header.header-simple-s{ margin-bottom: 20px; }
#details header.header-simple-l h2, #details header.header-simple-m h2, #details header.header-simple-s h2 { margin-bottom: 0; }
#details header.header-simple-l .sub, #details header.header-simple-m .sub, #details header.header-simple-s .sub {
  display: block;
  color: #808080;
  font-size: 1.4rem;
}
#details header.header-simple-l h2 + .sub, #details header.header-simple-m h2 + .sub, #details header.header-simple-s h2 + .sub { margin-top: 5px; }
#details header.header-simple-l .sub + h2, #details header.header-simple-m .sub + h2, #details header.header-simple-s .sub + h2 { margin-top: 5px; }

/* card */

#details .card {
  position: relative;
  border: 1px solid #ccc;
  overflow: visible !important;
  margin-bottom: 20px;
}
#details .card-block { padding: 20px; }
#details .ebox .card-block > *:last-child, #details .ebox .media-body > *:last-child, #details .ebox .media-object > *:last-child { margin-bottom: 0 !important; }
#details .card-header {
  padding: 5px 15px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ccc;
}
#details .card .card-header:not(:first-child) { border-top: 1px solid #ccc; }
#details .card-footer {
  padding: 5px 15px;
  background-color: #f2f2f2;
  border-top: 1px solid #ccc;
}
#details .card.bg-darkblack,
#details .card.bg-darkgreen {
  border: none;
}
#details .card.bg-darkblack,
#details .card.bg-darkgreen,
#details .card.bg-darkblack h1,
#details .card.bg-darkgreen h1,
#details .card.bg-darkblack h2,
#details .card.bg-darkgreen h2,
#details .card.bg-darkblack h3,
#details .card.bg-darkgreen h3 {
  color: #fff;
}
#details .card.bg-darkblack,
#details .card.bg-darkblack .ht-goldline-l span,
#details .card.bg-darkblack .ht-goldline-m span,
#details .card.bg-darkblack .ht-goldline-s span {
  background: #1a1a1a;
}
#details .card.bg-darkgreen,
#details .card.bg-darkgreen .ht-goldline-l span,
#details .card.bg-darkgreen .ht-goldline-m span,
#details .card.bg-darkgreen .ht-goldline-s span {
  background: #556633;
}

/* media */

#details .media {
  overflow: hidden;
  display: table;
  width: 100%;
}
#details .media .media-object, #details .media .media-body {
  display: table-cell;
  vertical-align: top;
}
#details .media .media-body { width: 10000px; }
#details .media.media-middle .media-object, #details .media.media-middle .media-body, #details .media .media-object-middle { vertical-align: middle; }
#details .media.media-bottom .media-object, #details .media.media-bottom .media-body, #details .media .media-object-bottom { vertical-align: bottom; }
#details .media .media-object img {
  display: block;
  max-width: none;
}

/* col */

#details .col-ht {
  margin-bottom: 0;
  font-size: 2.2rem;
  font-family: 'Times New Roman', Georgia, Times, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', /* '游明朝', YuMincho,'HG明朝E',*/ 'ＭＳ Ｐ明朝', 'MS PMincho', 'メイリオ', Meiryo, serif;
}
#details .col-ht + .col-photo { margin-top: 10px; }
#details .ebox .col-photo { margin-bottom: 0; }
#details .col-photo + .col-ht { margin-top: 10px; }

/* table */

#details .table-box { width: 100%; }
#details .table-box th, #details .table-box td {
  border: 1px solid #ccc;
  padding: 2px 5px;
  text-align: center;
}
#details .table-box th {
  background: #f2f2c7;
  font-weight: normal;
}
#details .table-box thead th {
  border-bottom-style: double;
  border-bottom-width: 3px;
}
#details .table-simple { width: 100%; }
#details .table-simple th, #details .table-simple td {
  border-bottom: 1px dotted #ccc;
  padding: 2px 10px;
}
#details .table-simple thead th {
  border-bottom-style: double;
  border-bottom-width: 3px;
}
#details .table-simple tr:first-child th, #details .table-simple tr:first-child td { border-top: 1px solid #ccc; }
#details .table-simple tbody tr:last-child th, #details .table-simple tbody tr:last-child td { border-bottom-style: solid; }
#details .table-simple th {
  font-weight: normal;
  background: #f2f2f2;
}
#details table.text-center th, #details table.text-center td { text-align: center; }
#details table.text-right th, #details table.text-right td { text-align: right; }
#details table.text-left th, #details table.text-left td { text-align: left; }
#details th.text-center, #details td.text-center { text-align: center; }
#details th.text-right, #details td.text-right { text-align: right; }
#details th.text-left, #details td.text-left { text-align: left; }
#details .btn {
  display: inline-block;
  font-weight: normal;
  padding: 1em 4em 1em 1em;
}

/*----------------------------------------*----------------------------------------
shopping_guide
----------------------------------------*----------------------------------------*/

#shopping_guide {
  display: inline-block;
  float: left;
  width: 400px;
}
#shopping_guide h3 { margin-bottom: 10px; }
#shopping_guide p { margin-bottom: 10px; }
#shopping_guide .payBox, #shopping_guide .deliveryBox { margin-bottom: 40px; }

/*----------------------------------------*----------------------------------------
add_cart
----------------------------------------*----------------------------------------*/

.add_cart {
  clear: right;
  float: right;
  overflow: hidden;
  width: 270px;
}
table.add_cart_table {
  margin-bottom: 10px;
  width: 100%;
  border-left: solid 1px #ccc;
  table-layout: fixed;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
table.add_cart_table th {
  display: inline-block;
  overflow: hidden;
  padding: 12px 4px 12px 18px;
  width: 35%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
table.add_cart_table td {
  display: inline-block;
  overflow: hidden;
  padding: 10px 0;
  width: 55%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
table.add_cart_table td input {
  padding: 0 4px;
  width: 38px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}
table.add_cart_table td strong.price { font-size: 14px; }
table.add_cart_table td input.text-titles-list__detail-text { width: 130px; }
table td.pur_block {
  margin: 0 5px 0 0;
  width: auto;
  white-space: normal;
}
.button_area input { width: 100%; }

/*----------------------------------------
product_option
----------------------------------------*/

#product_option {
  margin: 20px;
  padding: 20px;
  background: #fff;
}
#product_option h2 { margin-bottom: 20px; }
ul.option_price { margin: 0 0 20px 0; }
ul.option_price li { list-style-type: none; }
.option_box {
  clear: right;
  float: right;
  overflow: hidden;
  width: 270px;
}
table.table_option {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}
table.table_option th {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f5f5f5;
}
table.table_option td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/*----------------------------------------
option_tbl
----------------------------------------*/

table#option_tbl {
  margin-bottom: 20px;
  width: 100%;
}
table#option_tbl .stock_head { display: none; }
table#option_tbl th, table#option_tbl td.none { background: whiteSmoke; }
table#option_tbl th, table#option_tbl td {
  padding: 5px;
  border: 1px solid #ccc;
  display: block;
  text-align: center;
}
table#option_tbl td div {
  display: inline-block;
  _display: inline;
}

/*----------------------------------------
option_price
----------------------------------------*/

ul.option_price { margin: 0 0 20px 0; }
ul.option_price li { list-style-type: none; }

/*----------------------------------------
product_link_area
----------------------------------------*/

.product_link_area {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: #ccc solid 1px;
}
.product_link_area ul.other_link { margin-left: 20px; }
.product_link_area ul.other_link li { margin-bottom: 10px; }
.share {
  margin: 15px 0 0;
  list-style: none;
}
.share li {
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
  max-width: 125px;
}
.calamel-link { margin-top: 10px; }

/*----------------------------------------
group_breadcrumb
----------------------------------------*/

.group_breadcrumb {
  padding: 0;
}


.product_image_extra {
  margin-bottom: 20px;
  text-align: center;
}
.product_image_extra img.item { margin-bottom: 20px; }
#tb_cap_tb { margin-top: 20px; }
.tb {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #CCC;
}
#tb_stitle { margin-bottom: 20px; }
.tb_date, .tb_title, .tb_body, .tb_state { margin-bottom: 5px; }

/*----------------------------------------
popup / 2017.11.17追記
----------------------------------------*/

#details .popup {
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
}
#details .col a.popup {
  display: block;
}
#details .popup:after {
  font-family: "Font Awesome 5 Free";
  content: '\f002';
  font-weight: 900;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #666;
  color: #fff;
  font-size: 11px;
  padding: 1px 5px;
}
#details .popup img {
  position: static;
  max-width: 100% !important;
  height: auto;
 }

/*----------------------------------------
春慶塗位牌用に新設したスタイル / 2018.03.28追記
----------------------------------------*/

#details .btn-go_cart {
  text-align: center;
  margin-top: 10px;
  font-size: 1.3em;
}
#details .btn-go_cart a {
  display: inline-block;
  border-radius: 5px;
  padding: 10px 50px;
  background: #cc0000;
  background: -moz-linear-gradient(top, #cc0000 0%, #990000 100%);
  background: -webkit-linear-gradient(top, #cc0000 0%,#990000 100%);
  background: linear-gradient(to bottom, #cc0000 0%,#990000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 );
  color: #fff;
  text-decoration: none;
  position: relative;
}
#details .btn-go_cart a:hover {
  background: #990000;
  background: -moz-linear-gradient(top, #990000 0%, #cc0000 100%);
  background: -webkit-linear-gradient(top, #990000 0%,#cc0000 100%);
  background: linear-gradient(to bottom, #990000 0%,#cc0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#cc0000',GradientType=0 );
}
#details .btn-go_cart a:after {
  background: url(https://file001.shop-pro.jp/PA01283/298/img/arrow-bottom.png) no-repeat left top;
  width: 21px;
  height: 12px;
  content: "";
  margin-left: 20px;
  display: inline-block;
}

/* balloon-2 bottom */
#details .fukidashi-top,
#details .fukidashi-right,
#details .fukidashi-bottom,
#details .fukidashi-left {
  position: relative;
  display: inline-block;
  padding: 5px 40px;
  color: #fff;
  text-align: center;
  z-index: 0;
  border-radius: 5px;
}
#details .fukidashi-top:after,
#details .fukidashi-right:after,
#details .fukidashi-bottom:after,
#details .fukidashi-left:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
#details .fukidashi-top:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 10px 5px;
}
#details .fukidashi-right:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-width: 5px 0 5px 10px;
}
#details .fukidashi-bottom:after {
  left: 50%;
  bottom: -10px;
  margin-left: -5px;
  border-width: 10px 5px 0 5px;
}
#details .fukidashi-left:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-width: 5px 10px 5px 0;
}


/* red */
#details .fukidashi-top.bg-red:after { border-color: transparent transparent #b30000 transparent; }
#details .fukidashi-right.bg-red:after { border-color: transparent transparent transparent #b30000; }
#details .fukidashi-bottom.bg-red:after { border-color: #b30000 transparent transparent transparent; }
#details .fukidashi-left.bg-red:after { border-color: transparent #b30000 transparent transparent; }

/* pink */
#details .fukidashi-top.bg-pink:after { border-color: transparent transparent #f48fb1 transparent; }
#details .fukidashi-right.bg-pink:after { border-color: transparent transparent transparent #f48fb1; }
#details .fukidashi-bottom.bg-pink:after { border-color: #f48fb1 transparent transparent transparent; }
#details .fukidashi-left.bg-pink:after { border-color: transparent #f48fb1 transparent transparent; }

/* beige */
#details .fukidashi-top.bg-beige:after { border-color: transparent transparent #f0efea transparent; }
#details .fukidashi-right.bg-beige:after { border-color: transparent transparent transparent #f0efea; }
#details .fukidashi-bottom.bg-beige:after { border-color: #f0efea transparent transparent transparent; }
#details .fukidashi-left.bg-beige:after { border-color: transparent #f0efea transparent transparent; }

/* orange */
#details .fukidashi-top.bg-orange:after { border-color: transparent transparent #ff9800 transparent; }
#details .fukidashi-right.bg-orange:after { border-color: transparent transparent transparent #ff9800; }
#details .fukidashi-bottom.bg-orange:after { border-color: #ff9800 transparent transparent transparent; }
#details .fukidashi-left.bg-orange:after { border-color: transparent #ff9800 transparent transparent; }

/* yellow */
#details .fukidashi-top.bg-yellow:after { border-color: transparent transparent #ffc107 transparent; }
#details .fukidashi-right.bg-yellow:after { border-color: transparent transparent transparent #ffc107; }
#details .fukidashi-bottom.bg-yellow:after { border-color: #ffc107 transparent transparent transparent; }
#details .fukidashi-left.bg-yellow:after { border-color: transparent #ffc107 transparent transparent; }

/* green */
#details .fukidashi-top.bg-green:after { border-color: transparent transparent #7a993d transparent; }
#details .fukidashi-right.bg-green:after { border-color: transparent transparent transparent #7a993d; }
#details .fukidashi-bottom.bg-green:after { border-color: #7a993d transparent transparent transparent; }
#details .fukidashi-left.bg-green:after { border-color: transparent #7a993d transparent transparent; }

/* yellow_green */
#details .fukidashi-top.bg-yellow_green:after { border-color: transparent transparent #8bc34a transparent; }
#details .fukidashi-right.bg-yellow_green:after { border-color: transparent transparent transparent #8bc34a; }
#details .fukidashi-bottom.bg-yellow_green:after { border-color: #8bc34a transparent transparent transparent; }
#details .fukidashi-left.bg-yellow_green:after { border-color: transparent #8bc34a transparent transparent; }

/* blue */
#details .fukidashi-top.bg-blue:after { border-color: transparent transparent #2196f3 transparent; }
#details .fukidashi-right.bg-blue:after { border-color: transparent transparent transparent #2196f3; }
#details .fukidashi-bottom.bg-blue:after { border-color: #2196f3 transparent transparent transparent; }
#details .fukidashi-left.bg-blue:after { border-color: transparent #2196f3 transparent transparent; }

/* sky_blue */
#details .fukidashi-top.bg-sky_blue:after { border-color: transparent transparent #03a9f4 transparent; }
#details .fukidashi-right.bg-sky_blue:after { border-color: transparent transparent transparent #03a9f4; }
#details .fukidashi-bottom.bg-sky_blue:after { border-color: #03a9f4 transparent transparent transparent; }
#details .fukidashi-left.bg-sky_blue:after { border-color: transparent #03a9f4 transparent transparent; }

/* black */
#details .fukidashi-top.bg-black:after { border-color: transparent transparent #424242 transparent; }
#details .fukidashi-right.bg-black:after { border-color: transparent transparent transparent #424242; }
#details .fukidashi-bottom.bg-black:after { border-color: #424242 transparent transparent transparent; }
#details .fukidashi-left.bg-black:after { border-color: transparent #424242 transparent transparent; }

/*----------------------------------------*----------------------------------------
2018.04.27追加
----------------------------------------*----------------------------------------*/

.table-process th {
  padding: 5px 5px 5px 20px;
}
.table-process td {
  padding: 5px 20px 5px 5px;
}
.table-process tr + tr th,
.table-process tr + tr td {
  border-top: 1px solid #fff;
}
.table-process .item th,
.table-process .item td {
  background: #F0EFEA;
}
.table-process .item:nth-child(even) th,
.table-process .item:nth-child(even) td {
  background: #E3DBB5;
}
.table-process .item th {
  min-width: 5%;
}
.table-process .title th,
.table-process .title td {
  background: #ABD0D3;
}

/*----------------------------------------*----------------------------------------
2018.10.16追加 納期表示エリア
----------------------------------------*----------------------------------------*/

.noukiBox {
  padding: 10px;
  background: #f2ede7;
  font-size: 2rem;
  text-align: center;
  border: 2px #cc0000 solid;
}
.noukiBox span {
  font-size: 2.4rem;
  color: #cc0000;
}


/*----------------------------------------*----------------------------------------
2021.08.27追加 レビュー表示エリア
----------------------------------------*----------------------------------------*/
.reviewlist_datas {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}
.icon_star {
  float: left;
  width: 75px;
}
.icon_star img {
  width: 75px;
  height: 15px;
  object-fit: cover;
  object-position: 0 0;
}
.review_poster li {
  float: left;
  margin-left: 10px;
}
.review_poster li {
  list-style: none;
}
.reviewlist {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
.review_ttl,
.shopcomment_ttl {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.review_img {
  float: right;
  margin: 0 0 10px 10px
}
.reviewlist_content {
  overflow: hidden;
  zoom: 1;
}
.shopcomment {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  padding: 15px;
  border-radius: 6px;
}

/*----------------------------------------*----------------------------------------
2022.0415バナースライド
----------------------------------------*----------------------------------------*/
/*CSSスライドショーアニメーション設定
---------------------------------------------------------------------------*/
/*1枚目*/
@keyframes slide1 {
	0% {left: 110%;}
	3% {left: 0%;}
	17% {left: 0%;}
	20% {left: -110%;}
	100% {left: -110%;}
}
/*2枚目*/
@keyframes slide2 {
	0% {left: 110%;}
	23% {left: 110%;}
	26% {left: 0%;}
	37% {left: 0%;}
	40% {left: -110%;}
	100% {left: -110%;}
}
/*3枚目*/
@keyframes slide3 {
	0% {left: 110%;}
	43% {left: 110%;}
	46% {left: 0%;}
	57% {left: 0%;}
	60% {left: -110%;}
	100% {left: -110%;}
}
/*4枚目*/
@keyframes slide4 {
	0% {left: 110%;}
	63% {left: 110%;}
	66% {left: 0%;}
	77% {left: 0%;}
	80% {left: -110%;}
	100% {left: -110%;}
}
/*5枚目*/
@keyframes slide5 {
	0% {left: 110%;}
	83% {left: 110%;}
	86% {left: 0%;}
	97% {left: 0%;}
	99% {left: -110%;}
	100% {left: -110%;}
}

/*mainimg
---------------------------------------------------------------------------*/
/*画像ブロック*/
#mainimg {
	clear: left;width: 100%;position: relative;
	background: #fffff;
	width: 707px;
	height: 115px;	
	overflow: hidden;
	margin-bottom: 30px;	/*css解説用に追加*/
}
/*5枚画像の共通設定*/
.slide1,.slide2,.slide3,.slide4,.slide5 {
	animation-duration: 40s;	/*実行する時間。「s」は秒の事。*/
	animation-iteration-count:infinite;		/*実行する回数。「infinite」は無限に繰り返す意味。*/
	position: absolute;left:0px;top:0px;
	animation-fill-mode: both;
	animation-delay: 1s;
    width: 100%;
}
/*１枚目*/
.slide1 {
	animation-name: slide1;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*２枚目*/
.slide2 {
	animation-name: slide2;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*３枚目*/
.slide3 {
	animation-name: slide3;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*4枚目*/
.slide4 {
	animation-name: slide4;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*5枚目*/
.slide5 {
	animation-name: slide5;	/*上で設定しているキーフレーム（keyframes）の名前*/
}

/* ************************************************
*  関連カテゴリ追加
* ************************************************ */
.kanren_navi_area {
  margin-bottom: 20px;
  padding: 10px 15px 0px;
	background: #fff;	
}

.kanren_navi_area .kanren_navi li {
	padding: 0 5px;
	margin-bottom: 10px;
}

.kanren_navi_area .kanren_navi a {
	background: #fff;
	text-decoration: none;
  border: dashed 1px #ccc;
  display: block;
	text-align: center;
}
.kanren_navi_area .kanren_navi a span {
	text-decoration: none;
	height: 50px;
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	width: 210px;
}
.kanren_navi_area .kanren_navi a:hover {
	color: #7a993d;
	background: #f1f5eb;
}