@charset "utf-8";
/* Shop _ Dolpo 紹介エリア CSS Document */
.tc_org {
  color: #f0960c;
}
.tc_drd {
  color: #b81b30;
}
/*title*/
.charm_tit {
  padding: 1em 0.5em;
  background: #d60a29;
  color: #fff;
  text-align: center;
  font-size: calc(var(--fs) * 2.6);
  position: relative;
}
/*carm wrapper*/
div.charm_wrap {
  width: 100%;
  margin: calc(var(--rs) * 4) auto calc(var(--rs) * 2);
  background: url(/assets/image/dd/dreamchoice/bg_wood_full.jpg) 50% 0 / cover repeat;
}
/*carm contetns*/
ul.charm_contents {
  width: min(100%, 128rem);
  padding: 0 1%;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
ul.charm_contents li {
  width: calc(100% / 2 - 2%);
  margin: 2% 1%;
  background-color: #fff;
  box-shadow: 0 5px 5px 1px rgb(0 0 0 / 60%);
  text-align: center;
}
ul.charm_contents li.charm_corner_bg{
  background-color: #fdfcf7;
}
.charm_subtit {
  padding: 0;
  color: #76463d;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(var(--fs) * 1.0 + var(--rs) * 1.2);
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.charm_head {
  width: 3.4em;
  padding: 0.2em 0.25em;
  margin: 0.25em;
  background: #d60a29;
  color: #fff;
  line-height: 1.2;
  font-size: calc(var(--fs) * 1.6);
  text-align: left;
  display: inline-block;
}
.charm_subtit > b {
  padding: 0.25em 0.2em;

  display: inline-block;
}
.charm_subtit-sumika:after {
  content: "";
  width: calc(var(--rs) * 6);
  height: calc(var(--rs) * 6);
  margin-left: .5em;
  background: url(/event/dolpo/assets/200626/corner_title_sumika.png) 50% 50% / contain no-repeat; 
  display: inline-block;
  vertical-align: middle;
}
p.charm_text {
  padding: 0.5em;
  font-size: calc(var(--fs) * 1.6);
  line-height: 1.6;
  text-align: left;
}
p.charm_text b {
  margin-bottom: 0.25em;
  font-size: calc(var(--fs) * 1.4 + var(--rs) * 0.4);
  line-height: 1.3;
  display: inline-block;
}
.lnkBtn-Area {
  width: 100%;
  position: relative;
  margin: 0 auto 2rem;
  text-align: center;
}
.lnkBtn-Area a.lnkBtn {
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), inset 0 -1px 0 0 rgb(100 50 50 / 10%);
}
a.lnkBtn {
  width: min(64rem, 90%);
  padding: 2rem 3rem;
  margin: 0 auto 1rem;
  background-color: #ed6c01;
  color: #fff;
  font-size: var(--fs-l);
  border-radius: 1rem;
  text-align: center;
  display: inline-block;
  position: relative;
}
a.lnkBtn:hover {
    text-decoration: none;
    opacity: 0.7;
    transition: all .2s;
}
.link-text__deco--more:hover::after {
    border-color: #fff;
}
.link-text__deco--more::after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    margin: 0 0 0 1rem;
    border: 0;
    border-top: 0.2em solid;
    border-right: 0.2em solid;
    display: inline-block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: -0.1em;
}
@media screen and (max-width: 560px) {
  ul.charm_contents li {
    width: calc(98%);
  }
  ul.charm_contents li:has(img) {
    width: calc(100% / 2 - 2%);
  }
  ul.charm_contents {
    margin-top: 1rem;
  }
  .charm_head {
    width: fit-content;
  }
}