@charset "UTF-8";  

/* ----簡易ブログ記事一覧画面---- */
.block-simpleblog-list--filter {
  margin-bottom: 20px;
}
.block-simpleblog-list--filter-title {
  margin-right: 5px;
}
/* セレクトボックス */
.block-simpleblog-list--filter-select {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.block-simpleblog-list--filter-select::after {
position: absolute;
right: 15px;
width: 10px;
height: 7px;
background-color: #489dff;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
pointer-events: none;
}
.block-simpleblog-list--filter-select select {
  appearance: none;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #8b8b8b;
  border-radius: 10px;
  background-color: #f8fcff;
  color: #393939;
  font-size: 1em;
  cursor: pointer;
  transition: background-color 0.4s ease;
}
/* .block-simpleblog-list--filter-select option[selected] {
  background-color: #c0c3ff;
} */
/* .block-simpleblog-list--filter-select select:checked,
.block-simpleblog-list--filter-select select option:checked {
  background-color: #c0c3ff;
}
.block-simpleblog-list--filter-select option {
  background-color: #6d9274;
} */
/* セレクトボックスここまで */
.block-simpleblog-list--simpleblogs {
  margin-bottom: 20px;
}
.block-simpleblog-list--simpleblogs ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  list-style: none;
  padding: 0;
  margin: 0;
}
.block-simpleblog-list--simpleblogs li {
  display: inline-block;
  vertical-align: top;
padding: 10px;
}
@media (max-width: 999px) {
  .block-simpleblog-list--simpleblogs ul {
  grid-template-columns: repeat(2, 1fr);
}
.block-simpleblog-detail--article-goods-list li {
  width:calc(100% / 2); 
 }
}

.block-simpleblog-list--simpleblog-thumbnail {
  width: 100%;
  margin-bottom: 5px;
}
.block-simpleblog-list--simpleblog-thumbnail figure {
  width: 100%;
  max-height: 100%;
}
.block-simpleblog-list--simpleblog-thumbnail img:hover {
  opacity: 0.7;
}
.block-simpleblog-list--simpleblog-release-dt {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 12px;
}
.block-simpleblog-list--simpleblog-newicon {
  display: inline-block;
  margin-left: 5px;
  padding: 0 5px;
  color: #ff345d;
  background: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
.block-simpleblog-list--simpleblog-title {
  margin-bottom: 5px;
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}
.block-simpleblog-list--simpleblog-storename {
  display: none;
}
.block-simpleblog-list--simpleblog-staff {
  display: table;
}
.block-simpleblog-list--staff-thumbnail {
  display: table-cell;
  padding-right: 5px;
}
.block-simpleblog-list--staff-thumbnail figure {
  width: 40px;
  height: 40px;
}
.block-simpleblog-list--simpleblog-staffname {
  vertical-align: middle;
  display: table-cell;
}

/* ----簡易ブログ記事画面---- */
.block-simpleblog-detail--article {
  padding-bottom: 15px;
  margin-bottom: 2rem;
  border-bottom: 1px dotted rgb(160, 160, 160);
}
.block-simpleblog-detail--article-title {
  width: 100%;
  font-size: 25px;
  font-weight: bold;
  display: block;
}
.block-simpleblog-detail--title {
  display: inline-block;
  margin: 0.2rem 0;
  padding: 5px;
  font-size: 1em;
  border: #ddd 1px solid;
  border-radius: 15px;
}
.block-simpleblog-detail--article-release-info {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.block-simpleblog-detail--article-staff-thumbnail {
  padding-right: 5px;
}
.block-simpleblog-detail--article-staff-thumbnail figure {
  width: 40px;
  height: 40px;
}
.block-simpleblog-detail--article-release-dt {
  font-size: 14px;
  color: #6d6d6d;
  white-space: nowrap;
  margin-right: auto;
}
.block-simpleblog-detail--article-body1 {
  line-height: 1.7rem;
  margin-bottom: 20px;
  font-size: 1.1em;
}
.block-simpleblog-detail--article-body2 {
  line-height: 2.0em;
  margin-bottom: 20px;
  font-size: 1.1em;
}
.block-simpleblog-detail--article-body-image {
  margin: 1.0em 0;
}
.block-simpleblog-detail--article-goods-list {
  margin-bottom: 20px;
}

.block-simpleblog-detail--article-goods-list ul {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.block-simpleblog-detail--article-goods-list li {
  max-width:200px;
  background-color: #f5f5f5;
  padding: 10px;
  /* width:calc(100% / 2); */
}

.block-simpleblog-detail--article-goods-list li a {
  text-decoration: underline;
}
.block-simpleblog-detail--article-goods-image {
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-simpleblog-detail--article-goods-image img:hover {
  opacity: 0.7;
}
/* .block-simpleblog-detail--article-goods-image figure {
  width: 190px;
  height: 200px;
} */
.block-simpleblog-detail--article-goods-name {
  font-size: 12px;
}
.block-simpleblog-detail--tag-list {
  margin-bottom: 10px;
}
.block-simpleblog-detail--tag-list li {
  display: inline-block;
}
.block-simpleblog-detail--article-tag {
  display: inline-block;
  margin-right: 10px;
  padding: 2px;
  margin-bottom: 5px;
  border-radius: 10px;
  background: #f2f0c8;
  word-break: break-all;
}
/* .block-simpleblog-detail--article-sns ul {
  padding: 10px 0;
} */
.block-simpleblog-detail--article-sns li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.block-simpleblog-staffinfo--storeinfo {
  margin-bottom: 20px;
}

/* ----簡易ブログ記事画面：左メニュー---- */
.block-simpleblog-left-menu a {
  text-decoration: underline;
}
.block-simpleblog-left-menu--newarticle {
  margin: 0 0 20px 0;
  padding: 5px;
}
.block-simpleblog-left-menu--archive {
  margin: 0 0 20px 0;
  padding: 5px;
}

.block-simpleblog-left-menu--archive-readmore {
  text-decoration: underline;
}
.block-simpleblog-left-menu--store-list {
  margin: 0 0 20px 0;
  padding: 5px;
}
.block-simpleblog-left-menu--store-list-area {
  margin-bottom: 5px;
}
.block-simpleblog-left-menu--store-list-area-name {
  font-weight: bold;
}
.block-simpleblog-left-menu--store-list-store-name {
  margin-left: 15px;
}
.block-simpleblog-left-menu--tag {
  margin: 0 0 20px 0;
  padding: 5px;
}
.block-simpleblog-left-menu--tag-item {
  display: inline-block;
  padding: 2px;
  margin-bottom: 5px;
  border-radius: 10px;
  background: #f2f0c8;
  word-break: break-all;
}
.block-simpleblog-left-menu--tag-item a {
  text-decoration: none;
}
.block-simpleblog-left-menu--staff {
  margin: 0 0 20px 0;
  padding: 5px;
}
.block-simpleblog-left-menu--store-info {
  margin: 0 0 20px 0;
  padding: 5px;
}
.block-simpleblog-left-menu--store-info-thumbnail figure {
  height: 175px;
}
.block-simpleblog-left-menu--blog-link {
  margin: 10px 0;
  text-decoration: underline;
}
.block-simpleblog-left-menu--blog-link a:before {
  content: "＞";
}