@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
html {
  scroll-behavior: smooth;
}
body #cnts {
  overflow-x: auto !important;
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  margin: 0 auto;
  width: min(100vw, 100%);
}
.artclSct img {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
span.obi {
  background: #f1ddd7;
  padding: 2px 0.2em;
  margin: 0 1px;
}
@media screen and (max-width: 640px) {
  .spno {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .md-newstext {
    padding: 0 !important;
    margin: 0 !important;
  }
  .fixedBnrBlk {
    top: 62px;
  }
}
@media screen and (min-width: 641px) {
  .pcno {
    display: none !important;
  }
}
:root {
  --XsTxt: 2.5vw;
  --STxt: 3vw;
  --MTxt: 3.59vw;
  --LTxt: 4vw;
  --STitle: 5.19vw;
  --MTitle: 5.8vw;
  --LTitle: 8.09vw;
  --XlTitle: 11.34vw;
}
@media screen and (min-width: 769px) {
  :root {
    --XsTxt: 1.15vw;
    --STxt: 1.38vw;
    --MTxt: 1.65vw;
    --LTxt: 1.98vw;
    --STitle: 2.38vw;
    --MTitle: 2.85vw;
    --LTitle: 3.71vw;
    --XlTitle: 5.2vw;
  }
}
@media screen and (min-width: 961px) {
  :root {
    --XsTxt: 1.04vw;
    --STxt: 1.25vw;
    --MTxt: 1.46vw;
    --LTxt: 1.77vw;
    --STitle: 2.08vw;
    --MTitle: 2.5vw;
    --LTitle: 3.23vw;
    --XlTitle: 5.63vw;
  }
}
.lpXsTxt {
  font-size: clamp(8px, var(--XsTxt), 13px);
}
.lpSTxt {
  font-size: clamp(9.6px, var(--STxt), 16px);
}
.lpMTxt {
  font-size: clamp(14px, var(--MTxt), 16px);
}
.lpLTxt {
  font-size: clamp(13.8px, var(--LTxt), 22px);
}
.lpSTitle {
  font-size: clamp(16.6px, var(--STitle), 27px);
}
.lpMTitle {
  font-size: clamp(18px, var(--MTitle), 36px);
}
.lpLTitle {
  font-size: clamp(25.9px, var(--LTitle), 41px);
}
.fs80 {
  font-size: 85%;
}
.fs60 {
  font-size: 60%;
}
.fwBold {
  font-weight: 700;
}
.txtObj {
  line-height: 1.8;
  margin: 0;
}
:root {
  --mainClr: #d09786;
  --bgClr: #f2ece9;
  --bgClr2: #f8f6f5;
  --baseClr: #000000;
  --whClr: #fff;
}
.mainClr {
  color: var(--mainClr);
}
.richArtcl .mainTtlArea {
  background: #fff;
}
.richArtcl .mainTtlArea .mainImg {
  width: min(100%, 600px);
  margin: 0 auto;
}
.richArtcl .mainTtlArea .txtGlp {
  position: relative;
  margin: 0 auto 0;
  padding: 6% 0 40px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.richArtcl .mainTtlArea .txtGlp {
  background: #d6eaf9;
}
.richArtcl .mainTtlArea .txtGlp .ttlObj {
  border: 3px solid #502335;
  border-radius: 4px;
  background: #fff;
  width: auto;
  text-align: center;
  margin: 0 auto;
  padding: 0.5em 1em 0.65em;
  line-height: 1.2;
  display: inline-block;
}
.richArtcl .mainTtlArea .txtGlp .ttlObj span {
  display: inline;
  padding: 0 0.1em 0em;
}
.richArtcl .mainTtlArea .txtGlp .ttlObj span img {
  width: 100%;
  height: 2em;
  width: auto !important;
}
.richArtcl .mainTtlArea .txtGlp .txtObj {
  text-align: center;
  width: 98%;
  margin: 5% auto 0;
  line-height: 1.6;
}
.richArtcl .mainTtlArea .txtGlp .txtObj .bg {
  position: relative;
}
.richArtcl .mainTtlArea .txtGlp .txtObj .bg:before {
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  width: calc(100% - 0.5em);
  height: 100%;
  z-index: -1;
  top: 54%;
  transform: translate(0, -50%);
  margin: 0 auto;
}
.richArtcl .mainTtlArea .txtGlp .txtObj .st {
  font-size: 126%;
}
@media screen and (min-width: 768px) {
  .richArtcl .mainTtlArea .txtGlp {
    margin: 50px auto 0;
  }
  .richArtcl .mainTtlArea .txtGlp .ttlObj {
    padding: 0.3em 1em 0.3em;
  }
  .richArtcl .mainTtlArea .txtGlp .ttlObj span {
  }
  .richArtcl .mainTtlArea .txtGlp .txtObj {
    margin: 3% auto 0;
  }
  .richArtcl .mainTtlArea .txtGlp .txtObj .bg {
  }
  .richArtcl .mainTtlArea .txtGlp .txtObj .st {
  }
}

.artclArea .cntBlk {
}

.artclArea .cntBlk + .cntBlk {
  margin: 16% auto 0;
}
.artclArea {
}
.artclArea .comicsBlk {
  background: #fff;
  margin: 0 auto;
  position: relative;
}
.artclArea .comicsBlk + .comicsBlk {
  margin-top: 15%;
}
.artclArea .comicsBlk .imgObj.ttlObj {
  width: min(100%, 1100px);
}
.artclArea .comicsBlk .imgObj {
  width: min(90%, 900px);
  margin: 0 auto;
}
.artclArea .comicsBlk .caption {
  width: min(90%, 900px);
  margin: 2.5% auto 0;
}
.artclArea .comicsBlk .imgObj + .imgObj {
  margin: 7% auto 0;
}

.artclArea .txtBlk {
  background: rgba(255, 201, 155, 0.1);
  padding: 7% 2em;
  margin: 10% auto 0;
}
.artclArea .txtBlk .txtObj {
}
.artclArea .txtBlk .txtObj + .txtObj {
  margin: 1em 0 0;
}

.artclArea .prdGlp {
  padding: 15% 0 12%;
}
.artclArea #sec01 .prdGlp {
  padding: 5% 0 10%;
}
.artclArea .prdGlp .txtGlp {
  text-align: center;
  letter-spacing: 0.15em;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin: 0 auto 7%;
}
.artclArea .prdGlp .txtGlp .ttlObj {
  margin: 0 auto 5%;
  display: inline-block;
  border: 3px solid;
  padding: 0.7em 0;
  position: relative;
  line-height: 1;
  width: 90%;
  text-align: center;
  border-radius: 4px;
}

.artclArea .prdGlp .txtGlp .txtObj {
  line-height: 1.6;
  margin: 0 auto;
}
.artclArea .prdGlp .txtGlp .txtObj + .txtObj {
}
.artclArea .prdGlp .txtGlp .txtObj.obi {
  background: #fff;
  margin: 0.5em auto 0;
}
.artclArea .prdGlp .prdImg {
  width: min(60%, 300px);
  margin: 0 auto;
}
.artclArea .prdGlp .prdImg .btnBlk {
}
.artclArea .prdGlp .prdImg .btnBlk .btn {
}
#sec01 .comicsBlk .btnBlk {
}
#sec01 .comicsBlk .btnBlk .btn {
  margin: 12% auto 0;
}
#sec02 .comicsBlk .txtObj {
  margin: 1em;
  width: min(90%, 1200px);
  margin: 2em auto 0;
}
#sec05 {
  background: rgba(255, 201, 155, 0.1);
  padding: 15% 0 0;
  margin: 5% auto 0;
}
#sec05 .txtGlp {
  text-align: center;
}
#sec05 .txtGlp .txtObj {
}
#sec05 .txtGlp .txtObj + .txtObj {
  margin: 1.5em 0 0;
}

#sec05 .itemDetailBlk {
  position: relative;
  margin: 8% auto 0;
  padding: 0 0 15%;
}

#sec05 .itemDetailBlk .imgObj {
  width: min(92%, 500px);
  margin: 0 auto;
}
#sec05 .itemDetailBlk .specBlk {
  position: relative;
  width: min(92%, 900px);
  background: #fff;
  margin: 8% auto;
  padding: 6% 5%;
}
#sec05 .itemDetailBlk .specBlk .specTtl {
  margin: 0;
}
#sec05 .itemDetailBlk .specBlk .specLists {
  padding: 0;
  border-top: 1px solid #502335;
  margin: 7% auto 0;
  width: 100%;
}
#sec05 .itemDetailBlk .specBlk .specLists .specList {
  list-style: none;
  border-bottom: 1px solid #502335;
  padding: 8% 2%;
}
#sec05 .itemDetailBlk .specBlk .specLists .specList + .specList {
}
#sec05 .itemDetailBlk .specBlk .specLists .specList .ttlObj {
  margin: 0;
}
#sec05 .itemDetailBlk .specBlk .specLists .specList .ttlObj .tag {
  margin: 0;
  border: 1px solid #41a39f;
  padding: 0.1em 0.25em;
  margin: 0 0 0 0.5em;
  font-size: 79%;
  color: #41a39f;
}
#sec05 .itemDetailBlk .specBlk .specLists .specList .prdInfo {
  margin: 1em 0 0;
}
#sec05 .itemDetailBlk .specBlk .specLists .specList .prdTxt {
  margin: 1em 0 0;
}
#sec05 .itemDetailBlk .specBlk .specLists .specList .cautionTxt {
  margin: 1.5em 0 0;
}
#sec05 .itemDetailBlk .btnBlk {
  position: relative;
  flex-flow: column;
}
.btnBlk {
  display: flex;
  justify-content: center;
}
.btnBlk .btn {
  width: min(95%, 500px);
  margin: 8% auto 0;
}
.btnBlk .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #44bcbb;
  border: 3px solid #41a39f;
  border-radius: 14px;
  padding: 1.05em 0;
  width: auto;
  position: relative;
  transition: 0.2s ease;
  box-sizing: border-box;
  text-decoration: none;
}
.btnBlk .btn a .shipping {
  width: 16%;
  margin: 0 4% 0 0;
}
.btnBlk .btn a .shipping img {
}
.btnBlk .btn a p {
  color: #000;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  position: relative;
  margin: 0;
}
.btnBlk .btn a p .days {
  width: 6.6em;
  position: absolute;
  right: -1em;
  top: -0.5em;
}
.btnBlk .btn.typeB {
  margin: 8% auto 0;
}
.btnBlk .btn.typeB a {
  padding-left: 33%;
}
.btnBlk .btn.typeB .icon {
  width: 30%;
  position: absolute;
  left: 4%;
  top: -10%;
}

@media screen and (min-width: 768px) {
  .artclArea {
  }
  .artclArea .cntBlk + .cntBlk {
    margin: 100px auto 0;
  }
  .artclArea .comicsBlk {
    width: min(73%, 1100px);
  }
  .artclArea .comicsBlk + .comicsBlk {
    margin-top: 100px;
  }
  .artclArea #sec01 .comicsBlk {
    padding: 60px 0 0;
  }

  .artclArea .comicsBlk .imgObj {
  }
  .artclArea .comicsBlk .imgObj + .imgObj {
    margin: 60px auto 0;
    width: 100%;
  }
  .artclArea .txtBlk {
    padding: 80px 5em;
    margin: 60px auto 0;
  }
  .artclArea .prdGlp {
    padding: 80px 0;
  }
  .artclArea #sec01 .prdGlp {
    padding: 30px 0 80px;
  }
  .artclArea .prdGlp .txtGlp {
    flex-flow: column;
    align-items: flex-start;
    margin: 0 auto 50px;
    width: auto;
  }
  .artclArea .prdGlp .txtGlp .ttlObj {
    margin: 0 auto 30px;
  }
  .artclArea .prdGlp .txtGlp .ttlObj .txtObj {
  }
  .artclArea .prdGlp .txtGlp .ttlObj .txtObj + .txtObj {
  }
  .artclArea .prdGlp .txtGlp .ttlObj .txtObj.obi {
  }
  .artclArea .prdGlp .prdImg {
  }
  .artclArea .prdGlp .prdImg .btnBlk {
  }
  .artclArea .prdGlp .prdImg .btnBlk .btn {
  }
  #sec01 .comicsBlk .btnBlk {
  }
  #sec01 .comicsBlk .btnBlk .btn {
    margin: 80px auto 0;
    width: 450px;
  }
  #sec05 {
    padding: 80px 0;
  }
  #sec05 .txtGlp {
  }
  #sec05 .txtGlp .txtObj {
  }
  #sec05 .txtGlp .txtObj + .txtObj {
  }

  #sec05 .itemDetailBlk {
    margin: 60px auto 0;
    padding: 0 0 40px;
  }
  #sec05 .itemDetailBlk::before {
    content: "";
  }
  #sec05 .itemDetailBlk .imgObj {
  }
  #sec05 .itemDetailBlk .specBlk {
    margin: 70px auto 20px;
    padding: 60px 8%;
  }
  #sec05 .itemDetailBlk .specBlk .specTtl {
  }
  #sec05 .itemDetailBlk .specBlk .specLists {
    margin: 30px auto 0;
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList {
    padding: 35px 3%;
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList + .specList {
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList .ttlObj {
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList .prdInfo {
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList .colTxtLists {
    margin: 25px 0;
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList .colTxtLists .colTxtList {
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList .colTxtLists .colTxtList + .colTxtList {
    margin: 0.5em 0 0;
  }
  #sec05 .itemDetailBlk .specBlk .specLists .specList .cautionTxt {
    margin: 0.5em 0 0;
  }
  #sec05 .itemDetailBlk .btnBlk {
  }

  .btnBlk .btn {
    margin: 60px auto 0;
  }
  .btnBlk .btn a {
  }
  .btnBlk .btn a .shipping {
  }
  .btnBlk .btn a .shipping img {
  }
  .btnBlk .btn a p {
  }
  .btnBlk .btn a:hover {
    text-decoration: none;
    filter: saturate(1.5);
    transition: 0.2s ease;
  }
  .btnBlk .btn a p .days {
    right: -2em;
  }
  .btnBlk .btn.typeB {
    margin: 80px auto 0;
  }
  .btnBlk .btn.typeB a {
  }
  .btnBlk .btn.typeC {
    margin: 30px auto 0;
  }
  .btnBlk .btn.typeC a:hover {
    filter: none;
    opacity: 1;
    background: #78a7cb;
    p {
      color: #fff;
    }
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.js-Fade {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.js-Fade2 {
  opacity: 0;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes fadeIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#sb-site,
.sb-site-container,
.sb-slide,
.sb-slidebar {
  transform: none !important;
}

.container {
  padding: 0;
}