@charset 'UTF-8';
/*
  /sp/elixir/club/qa.html
 */
.p-club__qa{
	padding:0 0 5%;
}
.p-club__qa img{
	width:100%;
	display:block;
}
.p-club__qa .qa_list{
  padding:1px calc(20 / 640 * 100vw);
}
.qa_list dl{
  background-color: #fff;
  margin:calc(40 / 640 * 100vw) 0;
}
.qa_list dt{
  background-color: #f4e6d6;
  padding:calc(30 / 640 * 100vw) calc(200 / 640 * 100vw) calc(30 / 640 * 100vw) calc(20 / 640 * 100vw);
  font-size:calc(22 / 640 * 100vw);line-height:calc(28 / 640 * 100vw);
  position:relative;
  box-sizing: border-box;
  min-height:calc(120 / 640 * 100vw);
}
.qa_list dt::after{
  content:'開く';
  display:block;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:calc(18 / 640 * 100vw);
  width:calc(150 / 640 * 100vw);
  height:calc(76 / 640 * 100vw);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff url(/sp/elixir/club/images/qa/icn_plus.svg) no-repeat 17.3vw center;
  -webkit-background-size: 3.75vw;
       -o-background-size: 3.75vw;
          background-size: 3.75vw;
  border: solid 1px #221815;
  border-radius:4px;
  text-align: center;
  font-size: calc(25 / 640 * 100vw);
  line-height: calc(72 / 640 * 100vw);
  padding-right: 3.75vw;
}
.qa_list dt.open::after{
  content:'閉じる';
  background: #fff url(/sp/elixir/club/images/qa/icn_minus.svg) no-repeat 17.3vw center;
  -webkit-background-size: 3.75vw;
       -o-background-size: 3.75vw;
          background-size: 3.75vw;
}
.qa_list dd{
  font-size:calc(24 / 640 * 100vw);line-height:calc(32 / 640 * 100vw);
  padding:1px calc(20 / 640 * 100vw);
  border: solid 1px #e9d1b4;
  border-top:0 none;
}
.qa_list dd p,
.qa_list dd ul{
  margin:calc(30 / 640 * 100vw) 0;
}
.txt_link{
  display:inline-block;
  color:#221815;
  text-decoration:underline;
  padding-left:calc(20 / 640 * 100vw);
  position:relative;
}
.txt_link:before{
  content:'';
  display:block;
  width:calc(19 / 640 * 100vw);
  height:calc(12 / 640 * 100vw);
  background: url(/sp/elixir/club/images/icn_link.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  left:0;
  top:.5em;
  transform:rotate(-90deg);
}
.txt_link_blank{
  display: inline-block;
  color:#221815;
  text-decoration:underline;
  padding-left:calc(30 / 640 * 100vw);
  position:relative;
}
.txt_link_blank:before {
  content:'';
  display:block;
  position:absolute;
  text-decoration:none;
  background: url(/sp/elixir/club/images/icn_blank.png) no-repeat center center;
  background-size: contain;
  width: calc(26 / 640 * 100vw);
  height: calc(20 / 640 * 100vw);
  top: .8em;left:0;
  margin-top: calc(-10 / 640 * 100vw);
}

.p-club__qa .notes{
  font-size:calc(22 / 640 * 100vw);
  line-height:calc(28 / 640 * 100vw);
}
.p-club__qa .notes li{
  padding-left:1em;
  text-indent: -1em;
  margin:calc(10 / 640 * 100vw) 0 0 0;
}
.p-club__qa .notes a{
  color:#221815;
  text-decoration:underline;
}