@charset "UTF-8";
/* ===========
   a220908
=========== */


.inBlock *[class*="inBlock"],
.inBlock_XL *[class*="inBlock"],
.inBlock_L *[class*="inBlock"],
.inBlock_M *[class*="inBlock"],
.inBlock_S *[class*="inBlock"],
.inBlock_XS *[class*="inBlock"] {
   padding-right: 0;
   padding-left: 0;
   max-width: 20.75em;
   margin-right: auto;
   margin-left: auto;
}

@media (min-width: 501px) {
   .inBlock, .inBlock_XL, .inBlock_L, .inBlock_M, .inBlock_S, .inBlock_XS {
      padding-right: 28px;
      padding-left: 28px;
   }
}


#main {
   color: #2D2D2D;
   position: relative;
}
#bg-wrap {
   width: 0;
   height: 0;
   top: 0;
   position: fixed;
}
#bg-wrap.over {
   position: absolute;
   left: 0;
   bottom: 0;
   top: auto;
}
#bg-wrap .bg-inner {
   width: 100vw;
   height: 100vh;
   overflow: hidden;
}
#bg-wrap.over .bg-inner {
   transform: translateY(-100%);
}
#bg-wrap .bg-inner .bg {
   width: 100vw;
   height: 100%;
}
#bg-wrap .bg-inner .bg img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
@media (min-width: 769px) {
   #bg-wrap .bg-inner {
      width: calc(100vw - 185px - 83px);
   }
   #bg-wrap .bg-inner .bg {
      margin-left: -185px;
      margin-right: -83px;
   }
}

#magazine {
   background: #FFF;
   position: relative;
}
@media (min-width: 769px){
   #magazine {
      max-width: 560px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;

      font-size: 20px !important;
   }
}
@media (min-width: 829px){
   #magazine {
      font-size: 22px !important;
   }
}


iframe {
   vertical-align: bottom;
}

/* --------------------
   margin
-------------------- */
.articleHeader {
  margin-bottom: 0;
}

/* --------------------
  etc
-------------------- */

/* --------------------
   .card
-------------------- */
.card {
  width: 98%;
}
@media(min-width:829px){
  .card {
    max-width: 22em;
  }
}
.card .card_body > * {
  margin-right: 6%;
  margin-left: 6%;
}
.card .card_body > .btnBox {
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
}

.card .txtBox {
  margin-top: 0;
}

.card .txtBox .ttl {
    font-size: 1.375em;
    color: #EA412D;
}
.card .priceBox .price .num {
    font-size: 1.75em;
}

.subscription {
  text-align: center;
  color: #00a33d;
  font-weight: 500;
  margin-top: .5em;
}

@media(min-width:829px){
  .btnBox .cartBtn {
    width: 11.5em;
  }
}