@charset "UTF-8";
:root {
  --inner:700px;
  --wrap:990px;
  --box:1080px;
  --container:1280px;
  --maxWidth:1440px;
  --spHeaderHeight:50px;
  --pcHeaderHeight:80px;
  --baseColor:#ffffff;
  --mainColor:#450369;
  --subColor:#EAE8FA;
  --accentColor:#FF55DD;
  --whiteColor:#ffffff;
  --blackColor:#262626;
  --grayColor:#707070;
  --darkGrayColor:#383546;
  --beigeColor:#eadfcd;
  --beigeLightColor:#F7F6F3;
  --textColor:var(--blackColor);
  --textHoverColor:var(--mainColor);
  --blogPurple:#BE9AD1;
  --blogOrange:#D29826;
  --blogYellow:#BEC23F;
  --blogBlue:#9BC4C4;
  --blogRed:#CB4042;
  --blogPurpleBg:#F9F5FC;
  --blogOrangeBg:#FBF5E9;
  --blogYellowBg:#F9F9EB;
  --blogBlueBg:#F7F9F9;
  --blogRedBg:#FCF6F5;
  --animationSpeed:0.4s;
  --ioAnimationSpeed:1s;
  --spMargin:100px;
  --pcMargin:130px;
  --fontSerif:"Shippori Mincho","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  --fontGothic:"Noto Sans JP","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  --fontFamily:var(--fontGothic);
  --fontTitle:var(--fontSerif);
  --fontEn:"Lusitana", serif;
}

/* ==========================================================================

	juyohin

========================================================================== */
/*--------------------------------
	page-nav
--------------------------------*/
@media print, screen and (max-width: 812px) {
  .page_nav ul li:nth-child(3) {
    letter-spacing: normal;
  }
}
/*--------------------------------
	item_cnt
--------------------------------*/
.item_cnt {
  margin-top: 2em;
}
.item_cnt > * {
  position: relative;
}
.item_cnt > * picture {
  margin-bottom: 1em;
}
.item_cnt > * > div .tt_main {
  margin-bottom: 0.3em;
}
.item_cnt > * > div p {
  margin-bottom: 0;
}
.item_cnt > * > div .link_btn {
  margin-top: 1.3em;
}
.item_cnt > * > div .link_btn > a {
  position: static;
  will-change: auto;
}
.item_cnt > * > div .link_btn > a:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media print, screen and (max-width: 812px) {
  .item_cnt.column {
    gap: 5em 3%;
  }
  .item_cnt > * {
    position: relative;
  }
  .item_cnt > * > div .link_btn > a {
    min-width: initial;
    width: 100%;
    padding: 0.5em;
  }
  #omamori .item_cnt.column > *:nth-child(1) > div .link_btn a, #omamori .item_cnt.column > *:nth-child(2) > div .link_btn a {
    text-align: center;
  }
  #omamori .item_cnt.column > *:nth-child(-n+2) {
    grid-column: 1/-1;
  }
  #omamori .item_cnt.column > *:nth-child(-n+2) > div .link_btn a {
    width: 80%;
  }
  #omamori .item_cnt.column > *:nth-child(-n+2) > div .link_btn a span {
    padding-left: calc(var(--arrowLineWidth) + 1em + var(--arrowLineHoverMove));
  }
}
@media print, screen and (min-width: 813px) {
  .item_cnt {
    margin-top: 3em;
  }
  .item_cnt.column {
    gap: 5em 10%;
  }
  .item_cnt.column > *:only-child {
    grid-column: 2;
    width: fit-content;
    justify-self: center;
  }
  .item_cnt > * picture {
    overflow: hidden;
  }
  .item_cnt > * picture img {
    transition: transform var(--animationSpeed), filter var(--animationSpeed);
    backface-visibility: hidden;
    will-change: opacity, transform;
  }
  .item_cnt > *:has(.link_btn):hover picture img {
    transform: scale(1.05);
    filter: brightness(105%);
  }
}

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