@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */
h2 {
  background: url(../images/bg-retro19-sub.png) no-repeat left top;
  background-size: contain;
}

.sub-btn,
a.sub-btn,
button.sub-btn {
  font-size: 1.1rem;
  font-weight: bold;

  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #1100ff;
  border-radius: 0.5rem;
  margin:1rem 1rem 0.5rem 1rem;
  width:70%;
}

.btn-catalog-list,
a.btn-catalog-list {
  color: #fff;
  background-color: #250E62;
}

.btn-catalog-list:hover,
a.btn-catalog-list:hover {
  color: #000;
  background: #513E81;
  background-color: rgba(37, 14, 98, 0.5);
  transition: all 0.3s;
}



/* "anniversary"のlist-design4
---------------------------------------------- */
.list-design4 .item.anniv{
  margin: 0.5rem;
  border: 1px solid var(--borderColor);
  background-color: #ffffff;
  display: block;
  padding:0;
}

.list-design4.angle-circle .item.anniv{
  overflow: hidden;/* 角丸：あり */
  border-radius: 12px;
}
.list-design4 .item.anniv >div{
  overflow: hidden;
}
.list-design4 .item.anniv img{
  display: block;
  object-fit: cover;
  object-position:50% 0%;
  width: 100%;
  height: 30%;
  min-height: 240px;
  max-height: 320px;
  transition: transform .6s ease;
}
.list-design4.angle-circle .item img{
  border-radius: 12px 12px 0 0;
}

.list-design4 .item.anniv h4{
  display: block;
  padding: 1rem 1.5rem ;
  font-size:1.5rem;
  line-height:1.5;
  transition: .3s ease;
}

.list-design4 .item.anniv > h4 a{
  display:block;
}

/*
.list-design4 .item.anniv img:hover{
  transform: scale(1.07);
}

.list-design4 .item.anniv > h4:hover{
  background:var(--accentColor);
}

.list-design4 .item.anniv > h4:hover a{
  color:#fff;
}
*/

.list-design4 .item.anniv p{
  padding: 1rem 1.5rem;
  font-size: 1.0rem;
  line-height:1.75;
}

.list-design4 .item.anniv > h4:hover{
  background:var(--accentColor);
  color:#fff;
}

[class^="list-design"] h3{
  line-height: 1.4;
  padding-left:1em;
  text-indent: -1em;
}