@charset "utf-8";

.wrapper {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif; -webkit-text-size-adjust: 100%; font-size:inherit; margin-bottom: 140px; letter-spacing: 0; }

.pc_view {display:inline;}
.smp_view {display:none;}
@media screen and (max-width: 767px) {
  .pc_view {display:none;}
  .smp_view {display:inline;}
}

.mincho {font-family: 'Shippori Mincho',serif; }
.en {font-family: 'EB Garamond','Shippori Mincho',serif; letter-spacing: 0.04em; }

img { max-width: 100%; }
a { color: inherit; }
.dia { font-size: 15px; margin-top: 10px; display: block; padding: 0 0 10px 33px; background: url(images/icon_dia.gif) no-repeat top left; background-size: 26px; }
.ttl { font-size: 15px; font-size: 18px; display: block; background: #ffebeb; padding: 7px 0 5px 40px; margin: 0 -40px 2em; }
.subttl { font-size: 12px; margin-bottom: 10px; }
.norm { font-size: 12px; color: #666; line-height: 1.8; }
.large { font-size: 15px; }
.kome { font-size:12px; line-height: 1.8; text-indent: -1em; padding-left: 1em; display: block; margin-bottom: 4px; color: #666; }
.linear { font-size: 16px; background: linear-gradient(transparent 60%, #f4d5d5 60%); display: inline-block; padding: 0 5px; line-height: 1; }
@media screen and (max-width: 767px) {
  .dia { font-size: 4.2666666666vw; font-weight: bold; color: #585858;}
  .ttl { font-size: 4.8vw; padding: 12.6666666667px 5.3333333333vw 1.8666666667vw; margin: 0 -5.3333333333vw 2em; }
  .subttl { font-size: 3.4666666666vw; margin-bottom: 2.6666666667vw; }
  .norm { font-size:3.7333333333vw; }
  .large { font-size:4.2666666666vw; }
  .kome { font-size:3.4666666666vw; }
  .linear { font-size: 4.2666666666vw; }
}
.bold { font-weight: bold; }
.red { color: #8b0000; }
.date span { display: inline-block; word-break:keep-all; overflow-wrap: anywhere; }

.mb05 { margin-bottom: 7px; }
.mb1 { margin-bottom: 14px; }
.mb2 { margin-bottom: 28px; }
.mb3 { margin-bottom: 42px; }
.mb4 { margin-bottom: 56px; }
.mb5 { margin-bottom: 60px; }
.mb6 { margin-bottom: 74px; }
.mt1 { margin-top: 14px; }
.mt2 { margin-top: 28px; }
.mt3 { margin-top: 42px; }
@media screen and (max-width: 767px) {
  .mb05 { margin-bottom: 1.8666666667vw; }
  .mb1 { margin-bottom: 3.7333333333vw; }
  .mb2 { margin-bottom: 7.4666666666vw; }
  .mb3 { margin-bottom: 11.1999999999vw; }
  .mb4 { margin-bottom: 14.9333333332vw; }
  .mb5 { margin-bottom: 15.9999999999vw; }
  .mb6 { margin-bottom: 19.7333333332vw; }
  .mt1 { margin-top: 3.7333333333vw; }
  .mt2 { margin-top: 7.4666666666vw; }
  .mt3 { margin-top: 11.1999999999vw; }
}

.pane-contents .container {display:block; width:720px;min-width: auto; margin: 60px auto 200px; }
@media screen and (max-width: 767px) {
  .pane-contents .container  { width:auto; min-width: auto; margin: 26.6666666665vw auto 26.6666666665vw; }
}

.heading { text-align: center; font-weight: 600; color: #4c4948; letter-spacing: .04em; position: relative; line-height:1.8; font-size: 22px; padding-top:56px; margin: 0;}
.heading.heading__icon:after { content: ""; display: block; background: url(images/topicdetaillist_icon_diamond_gray_36.png) no-repeat left center/contain; position: absolute; top: 0; left: 50%; transform:translate(-50%); width: 36px; height:36px; }
.heading.heading__large { font-size: 30px; margin-bottom:51px }

@media screen and (max-width: 767px) {
    .heading { font-size:5.3333333333vw }
    .heading.heading__icon { padding-top:14.9333333333vw }
    .heading.heading__icon:after { width: 9.6vw; height:9.6vw }
    .heading.heading__large { font-size: 5.3333333333vw; margin-bottom: 6.4vw }
}
<img src="/special/2025coffret_online/images/banner.jpg" width="" height="" border="" alt="バナー">

.content { margin-top: 100px; padding-top:100px }
.content__border { border-top:1px solid #e7e7e7 }
.content-title { margin-bottom:20px }
.content-text { line-height: 1.8; letter-spacing: .04em; color: #4c4948; border:1px solid #ddd; font-size: 14px; margin-top: 40px; margin-bottom: 40px; padding:40px 40px; }
.content-text-main { font-size:14px }
.content a { line-height: 1.8; letter-spacing: .04em; color: #4c4948; text-decoration: underline; display:block }
@media (hover: hover) {
  .content a { transition:color .5s ease }
  .content a:hover { color:#939393 }
}
.content-pic { width: 650px; margin:40px auto 57px; text-align: center; }
.content-pic img { max-width: 400px; width: 100%; }

@media screen and (max-width: 767px) {
    .content { padding-top:16vw }
    .content-title { margin-bottom:10.6666666667vw; }
    .content-text { margin-top: 0; padding: 10.6666666667vw 5.3333333333vw; font-size:3.7333333333vw; border: 0; }
    .content-text-main { font-size:3.7333333333vw }
    .content a { font-size: 14px; margin-top:20px }
    .content a { font-size: 3.7333333333vw; margin-top:5.3333333333vw }
    .content-pic { width: 100%; margin:10.6666666667vw 0 0; }
}

.content-text a.btn {
  font-size: 13px; font-weight: 700; line-height: 42px; height: 39px; position: relative; display: block; width: 240px; padding: 0; 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; text-decoration: none; letter-spacing: 0.1px; color: #555; border-radius: 0.5rem; background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1e767), to(#feb645));
  background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow:0 3px 5px rgba(0, 0, 0, .3)
}
.content-text a.btn:hover {
  color: #555 !important;
  background: -webkit-gradient(linear, left bottom, left top, from(#f1e767), to(#feb645));
  background: -webkit-linear-gradient(bottom, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to top, #f1e767 0%, #feb645 100%);
}
@media screen and (max-width: 767px) {
  .content-text a.btn { margin: 0 auto; width: auto; max-width: 340px; }
}

.content-schedule img { }
@media screen and (max-width: 767px) {
  .content-schedule { text-align: center; }
  .content-schedule img { width: 100%; max-width: 310px; margin: 0 auto; }
}