.smkt2022-namida main #contents {
  background: url("../namida/img/bg_namida_pc.png") center top no-repeat;
  background-size: 100%;
  padding: 88% 0 0; }
  .smkt2022-namida main #contents #column #topics {
    width: 72%;
    background: white;
    padding: 2em;
    margin: 0 auto; }
    .smkt2022-namida main #contents #column #topics h3 {
      font-weight: bold;
      padding: 0 0 .5em;
      border-bottom: 1px solid #ddd;
      font-size: 20px;
      text-align: center; }
    .smkt2022-namida main #contents #column #topics p {
      border-bottom: 1px solid #ddd;
      padding: 2em 1em;
      font-size: 16px;
      display: table; }
      .smkt2022-namida main #contents #column #topics p span {
        display: table-cell;
        vertical-align: middle; }
      .smkt2022-namida main #contents #column #topics p .day {
        display: table-cell;
        width: 9em;
        font-weight: normal;
        margin: 0 2em 0 0;
        font-size: 12px; }
  .smkt2022-namida main #contents #column #movie {
    width: 72%;
    margin: 10% auto;
    cursor: pointer; }
    .smkt2022-namida main #contents #column #movie p {
      width: 100%; }
      .smkt2022-namida main #contents #column #movie p video {
        width: 100%; }
  .smkt2022-namida main #contents #column #article {
    position: relative;
    width: 72%;
    margin: 0 auto; }
    .smkt2022-namida main #contents #column #article .article-edge {
      width: 100%;
      margin: 0 auto; }
      .smkt2022-namida main #contents #column #article .article-edge img {
        width: 100%;
        display: block; }
    .smkt2022-namida main #contents #column #article #article-inner {
      background: url("../namida/img/bg_article-inner.png") center top repeat-y;
      background-size: 100%;
      padding: 4% 2em; }
      .smkt2022-namida main #contents #column #article #article-inner dl {
        margin: 10% auto 0; }
        .smkt2022-namida main #contents #column #article #article-inner dl dt {
          margin: 0 auto;
          padding: 0 0 0 6%; }
        .smkt2022-namida main #contents #column #article #article-inner dl dd {
          font-size: 20px;
          font-weight: bold;
          max-width: 800px;
          margin: 3.2% auto 0;
          line-height: 2;
          padding: 0 2em; }
          .smkt2022-namida main #contents #column #article #article-inner dl dd span {
            color: #ff0557; }
      .smkt2022-namida main #contents #column #article #article-inner #sp-info1 {
        margin: 5% auto 0; }
        .smkt2022-namida main #contents #column #article #article-inner #sp-info1 dt {
          width: 85%; }
          .smkt2022-namida main #contents #column #article #article-inner #sp-info1 dt img {
            display: block;
            width: 100%; }
      .smkt2022-namida main #contents #column #article #article-inner #sp-info2 dt {
        width: 85%; }
        .smkt2022-namida main #contents #column #article #article-inner #sp-info2 dt img {
          display: block;
          width: 100%; }
      .smkt2022-namida main #contents #column #article #article-inner #sp-info3 dt {
        width: 85%; }
        .smkt2022-namida main #contents #column #article #article-inner #sp-info3 dt img {
          display: block;
          width: 100%; }
  .smkt2022-namida main #contents #column #purchase {
    background: #fff;
    border: 4.5px solid #000;
    box-sizing: border-box;
    padding: 4em;
    width: 72%;
    margin: 10% auto 18%; }
    .smkt2022-namida main #contents #column #purchase dl {
      margin: 20px 0 0;
      font-size: 20px;
      font-weight: bold;
      line-height: 2; }
      .smkt2022-namida main #contents #column #purchase dl:first-of-type {
        margin: 0; }
  .smkt2022-namida main #contents #link-purchase {
    position: relative;
    padding: 0 0 10%; }
    .smkt2022-namida main #contents #link-purchase ul {
      width: 90%;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin: 0 auto; }
      .smkt2022-namida main #contents #link-purchase ul li {
        width: 48%; }

@media screen and (max-width: 768px) {
  .smkt2022-namida main #contents {
    background: url("../namida/img/bg_namida_sp.png") center top no-repeat;
    background-size: 100%; }
    .smkt2022-namida main #contents #column #topics {
      width: 90%; }
      .smkt2022-namida main #contents #column #topics p span {
        display: block; }
      .smkt2022-namida main #contents #column #topics p .day {
        margin: 0 0 .3em; }
    .smkt2022-namida main #contents #column #movie {
      width: 90%;
      margin: 5% auto; }
    .smkt2022-namida main #contents #column #article {
      width: 90%; }
      .smkt2022-namida main #contents #column #article #article-inner dl dd {
        font-size: 16px; }
    .smkt2022-namida main #contents #column #purchase {
      width: 90%;
      padding: 2em;
      margin: 5% auto 9%; }
      .smkt2022-namida main #contents #column #purchase dl {
        font-size: 16px; } }
@media screen and (max-width: 640px) {
  .smkt2022-namida main #contents #column #topics {
    width: 96%;
    padding: 2em 1em; }
    .smkt2022-namida main #contents #column #topics p {
      display: block; }
      .smkt2022-namida main #contents #column #topics p span {
        font-size: 14px; }
      .smkt2022-namida main #contents #column #topics p a {
        font-size: 14px; }
  .smkt2022-namida main #contents #column #movie {
    width: 96%; }
  .smkt2022-namida main #contents #column #article {
    width: 96%;
    overflow: hidden; }
    .smkt2022-namida main #contents #column #article #article-inner {
      padding: 4% 1em; }
      .smkt2022-namida main #contents #column #article #article-inner dl dd {
        margin: 8% auto 0; }
  .smkt2022-namida main #contents #column #purchase {
    width: 96%; }
  .smkt2022-namida main #contents #link-purchase {
    padding: 3rem 0; }
    .smkt2022-namida main #contents #link-purchase ul {
      display: block; }
      .smkt2022-namida main #contents #link-purchase ul li {
        width: 100%;
        margin: 0 auto 3rem; }
        .smkt2022-namida main #contents #link-purchase ul li:first-of-type {
          width: 104%;
          margin: 0 auto 3rem -4%; }
        .smkt2022-namida main #contents #link-purchase ul li:last-child {
          margin: 0 auto; } }

/*# sourceMappingURL=namida.css.map */