@charset "UTF-8";


/* ========================== */
#shop_detail #topics {
  margin: 0 20px 30px;
  word-break: break-all;}
#shop_detail iframe {
  width: 100%;
  height: 500px;
  padding: 0 15px 15px;}
#shop_detail div[class^="shop_card"] {
  margin-bottom: 15rem;}
.page-area-bno {
  height: 400px;
  overflow-y: scroll;}
.page-area-bno::-webkit-scrollbar {
  background:#ccc;
  width:10px;}
.page-area-bno::-webkit-scrollbar-thumb {
  background:#aaa;
  border-radius: 50px;
  height: 50px;}
.topics-name {
  display: flex;
  padding: 1rem;
  background: #d2ddff;}
.topi-date {
  padding-right: 2rem;}
.topics-text {
  background: #fcfcff;
  padding: 2rem;
  margin-bottom: 30px;}
#topics .topics-text a {
  display: inline;}
.topi-date {
  word-break: keep-all;
}
.shop_no {
  padding: 5rem;
  font-size: 2.4rem;
  letter-spacing: .2em;
  text-align: center;
  line-height: 2;}

.topics-name {
  line-height: 2.4rem;
  margin-bottom: 5rem;}

.topics-name a {
  cursor: pointer;}
.topics-name a:hover {
  color: #f00;}
#topics_data {
  margin-bottom: 100px;}

#topics_data .topics-text p a {
  display: inline-block;
  padding: 1rem;}
#topics_data .topics-name {
  margin-bottom: 0;}

#topics_data .container {
  width: 1000px;}