@charset "utf-8";
/* pf-clsc_common.css追加 定期コース PC用css */
/* -------------------------------------- 共通クラス */
.bg1 {
  color: #FFFFFF;
  background-image: url("/piano/data-lp/clsc-img/piano-mth-bg1.png");
  background-position: left top;
  background-size: 130px 130px;
}
.bg2 {
  padding: .1px 0;
  background-image: url("/piano/data-lp/clsc-img/piano-mth-bg2.png");
  background-position: left top;
  background-size: 130px 130px;
}
.img-ttl {
  display: block;
  height: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
}
.brown-bg, .contentbox h2 {
  margin: 0;
  padding: .5em 0;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(270deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
}
h2.alpha {
  padding: .5em 0;
  margin-bottom: 0;
  background-image: -webkit-linear-gradient(270deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(119,51,68,1.00) 0%,rgba(88,31,43,1.00) 100%);
  box-shadow: 0 .2em .3em 0 rgba(0,0,0,.4);
  position: relative;
  z-index: 10;
}
strong, .ora {
  color: #BD2901;
}
.mth_lp .ylw-arrow {
  border-width: 60px 150px 0 150px;
  filter: drop-shadow(0 0.2em 0.2em rgba( 0, 0, 0, 0.3));
}
/* -------------------------------------- ページ内リンク位置調整 */
/*#qa, #shopinfo {
  margin-top: -70px;
  padding-top: 70px;
}
#otdk, #item, #payment {
  margin-top: -70px;
  padding-top: 100px;
}*/
/* -------------------------------------- コース別キャッチ .course-catch */
.course-catch {
  padding: 40px 0 0;
}
.course-catch .full-w {
  padding: 0 65px;
}
.course-catch h2.img-ttl {
  margin-bottom: 0;
  padding-top: 40px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_catch-ttl.png");
  background-size: 530px 40px;
  background-position: left top;
}
.catch-img {
  width: 310px;
  float: right;
}
.catch-txt {
  padding: 60px;
  font-size: 3.0rem;
}
/* -------------------------------------- お届けする内容 .setitem-mth */
.setitem-mth h2.img-ttl {
  padding-top: 50px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_setitem-ttl.png");
  background-size: 360px 50px;
  position: relative;
}
.setitem-mth h2::before,
.setitem-mth h2::after {
  content: "";
  display: block;
  width: 135px;
  padding-top: 45px;
  background-image: url("/piano/data-lp/clsc-img/pf-clsc_ttl-mark.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 135px 45px;
  position: absolute;
  bottom: 0;
}
.setitem-mth h2::before {
  left: 30px;
}
.setitem-mth h2::after {
  right: 30px;
  transform: scale(-1, 1);
}
.setitem-mth .flexbox {
  justify-content: space-around;
  align-items: stretch;
  margin-bottom: 20px;
  position: relative;
}
.mthbox {
  margin: 1em 0;
  border-radius: 10px; 
}
.mthbox.odd {
  width: 420px;
  box-shadow: 0 0 5px 1px rgba(93,61,36,0.40);
}
.mthbox.even {
  width: 380px;
  box-shadow: 0 0 5px 1px rgba(76,94,35,0.40);
}
.mthbox h3 {
  padding: .3em 0;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
  border-radius: 10px 10px 0 0;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.4);
}
.mthbox.odd h3 {
  background-color: rgba(118,83,51,1.00);
  /*background-image: -webkit-linear-gradient(270deg,rgba(118,83,51,1.00) 0.52%,rgba(92,60,35,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(118,83,51,1.00) 0.52%,rgba(92,60,35,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(118,83,51,1.00) 0.52%,rgba(92,60,35,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(118,83,51,1.00) 0.52%,rgba(92,60,35,1.00) 100%);*/
}
.mthbox.even h3 {
  background-color: rgba(98,118,51,1.00);
  /*background-image: -webkit-linear-gradient(270deg,rgba(98,118,51,1.00) 0.52%,rgba(75,94,35,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(98,118,51,1.00) 0.52%,rgba(75,94,35,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(98,118,51,1.00) 0.52%,rgba(75,94,35,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(98,118,51,1.00) 0.52%,rgba(75,94,35,1.00) 100%);*/
}
.mthbox .item-img {
  display: block;
  font-size: 4em;
  line-height: 1;
  text-align: center;
}
.mthbox .item-img img {
  width: 140px;
}
.mthbox .item-img + p {
  margin-bottom: 0;
  padding: 1em 30px;
  text-align: justify;
}
.mth_lp .setitem-mth .ylw-arrow {
  position: absolute;
  left: 330px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.setitem-mth p.img-ttl {
  padding-top: 160px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_volume-ttl_pc.png");
  background-size: 820px 160px;
}
.setitem-mth picture {
  display: block;
  text-align: center;
}
/* -------------------------------------- お届けする内容 .naiyou-mth */
.composer {
  width: 880px;
  margin: 1em auto;
  padding: 20px 0 0;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 30px 0 rgba(236,192,85,0.50);
  position: relative;
}
.composer.mth-before {
  margin: 1em auto;
  border: 1px solid #775333;
}
.composer.mth-after {
  margin: 1em auto 0;
  border: 1px solid #637733;
}
.composer::before {
  content: "";
  display: block;
  width: 200px;
  height: 170px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-clsc_naiyou-mth-img.jpg");
  background-repeat: no-repeat;
  background-size: 400px auto;
  position: absolute;
  left: 60px;
  mix-blend-mode: multiply;
}
.composer.mth-before::before {
  background-position: left top;
  top: 30px;
}
.composer.mth-after::before {
  background-position: right top;
  top: -.5em;
}
.composer .op-top,
.composer .op-bottom {
  display: block;
  width: 98%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  mix-blend-mode: multiply;
}
.composer .op-top {
  top: 10px;
}
.composer .op-bottom {
  bottom: 40px;
}
.composer .op-top::before,
.composer .op-top::after,
.composer .op-bottom::before,
.composer .op-bottom::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  position: absolute;
  top: 0;
}
.composer.mth-before .op-top::before,
.composer.mth-before .op-top::after,
.composer.mth-before .op-bottom::before,
.composer.mth-before .op-bottom::after {
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-clsc_composer_frm_mth-b.png");
}
.composer.mth-after .op-top::before,
.composer.mth-after .op-top::after,
.composer.mth-after .op-bottom::before,
.composer.mth-after .op-bottom::after {
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-clsc_composer_frm_mth-a.png");
}
.composer .op-top::before,
.composer .op-bottom::before {
  left: 0;
}
.composer .op-top::after,
.composer .op-bottom::after {
  right: 0;
}
.composer .op-top::after {
  transform: rotateY(180deg);
}
.composer .op-bottom::before {
  transform: rotateX(180deg);
}
.composer .op-bottom::after {
  transform: rotate(180deg);
}
.composer h2.img-ttl {
  width: 60%;
  margin: 20px 0 .5em 280px;
  padding-top: 50px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-clsc_naiyou-mth-ttl.png");
  background-size: 440px 100px;
  background-position: left top;
  border-bottom: 1px solid #5c1800;
}
.composer.mth-after h2.img-ttl {
  background-position: left bottom;
}
.composer h2.img-ttl + ul {
  margin: 20px 0 40px 280px;
  font-size: 2.8rem;
}
.composer h3 {
  height: 60px;
  margin: 0 0 1em;
  padding: .3em 0 .3em 300px;
  color: #5C1800;
  font-size: 2.8rem;
  background-color: #C79372;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4);
  position: relative;
  z-index: 10;
}
/*.musicbox h3.line2 {
  padding: .5em 0 .5em 300px;
  line-height: 1.2;
} */
.composer h3 .hen {
  display: block;
  width: 250px;
  height: 60px;
  padding: .3em 0;
  color: #FFFFFF;
  text-align: center;
  background-color: #5C1800;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.composer h3::after {
  content: "";
  width: 50px;
  height: 60px;
  background-color: #5C1800;
  transform: skewX(-20deg);
  box-shadow: 5px 0 5px 0 rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 225px;
}
.musicbox {
  width: 750px;
  margin: 0 auto 2em;
  background-color: #c6c6c6;
  overflow: hidden;
}
.musicbox .lsnimg {
  display: block;
  width: 220px;
  height: 123.2px;
  background-image: url("/piano/data-lp/clsc-img/mth01_img.jpg");
  background-size: 220px 985.6px;
  background-repeat: no-repeat;
  border: 1px solid #fff;
}
.musicbox .lsnimg.no1 {
  margin: 0 0 0 40px;
  background-position: center top;
}
.musicbox .lsnimg.no2 {
  background-position: center top -123.2px;
}
.musicbox .lsnimg.no3 {
  background-position: center top -246.4px;
}
.musicbox .lsnimg.no4 {
  background-position: center top -369.6px;
}
.musicbox .lsnimg.no5 {
  margin: 0 0 0 40px;
  background-position: center top -492.8px;
}
.musicbox .lsnimg.no6 {
  background-position: center top -616px;
}
.musicbox .lsnimg.no7 {
  background-position: center top -739.2px;
}
.musicbox .lsnimg.no8 {
  background-position: center top -862.4px;
}
.musicbox ol {
  width: 500px;
  margin: 0 0 0 40px;
}
.musicbox ol li {
  padding: .1em 0 .1em 5.2em;
  font-size: .9em;
  text-indent: -5.2em;
}
.musicbox .lsn-no {
  display: inline-block;
  width: 6em;
  margin-right: .5em;
  padding: .2em .5em;
  color: #FFFFFF;
  font-size: .8em;
  text-align: center;
  white-space: nowrap;
  text-indent: 0;
  background-color: #5C1800;
}
.musicbox .flexbox.pc_view {
  margin: 1em 40px;
  justify-content: space-between;
}
.musicbox .minbox {
  width: 660px;
}
.musicbox .minbox p {
  margin-bottom: 0;
}
.musicbox .trial-ttl {
  width: 500px;
  margin: 1em auto 0;
  color: #274d15;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
.musicbox .trial-ttl.line2 {
  line-height: 1.2;
}
.musicbox .plyr--audio .plyr__controls {
  width: 500px;
  padding: 20px 20px;
  margin: 0 auto 30px;
  border-radius: 10px;
  filter: drop-shadow(5px 5px 5px #aaa);
}
/* -------------------------------------- 順番にお届けしています。 .mth-info */
.mth-info {
  padding-bottom: 0;
}
.mth-info h2.img-ttl {
  margin-top: 20px;
  padding-top: 150px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_ord-otdk-ttl.png");
  background-size: 880px 150px;
}
.mth-info .check-ul {
  width: 880px;
  margin: 0 auto;
}
.check-ul li {
  padding: .5em 0 .5em 70px;
  font-size: 2.6rem;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-clsc_check-icon.png");
  background-repeat: no-repeat;
  background-position: left 20px top .6em;
  background-size: 32px 32px;
}
.mth-info .check-ul li {
  border-top: 1px solid #773344;
}
.mth-info .check-ul li:last-child {
  border-bottom: 1px solid #773344;
}
.kome {
  paddinf-right: .5em;
  position: relative;
}
.kome::after {
  content: "※";
  color: #3D232B;
  font-size: .6em;
  position: relative;
  top: -.5em;
}
/* -------------------------------------- 商品情報 .item */
.item {
  width: 880px;
  margin: 0 auto;
  padding-top: 60px;
}
.item h2 {
  margin-bottom: .5em;
  border-radius: 10px;
}
.item h2 .img-ttl {
  padding-top: 50px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-clsc_item-ttl_pc.png");
  background-size: 820px 50px;
}
.item h2 + p {
  margin-bottom: 0;
  font-size: 2.8rem;
}
.item-info {
  display: flex;
  align-items: center;
  height: 110px;
  margin-bottom: .5em;
  border: 1px solid #773344;
}
.item-info h3 {
  width: 160px;
  height: 100%;
  margin: 0 30px 0 0;
  padding: 1em 0 1em 20px;
  color: #FFFFFF;
  font-weight: normal;
  background-color: #753243;
  position: relative;
}
.item-info h3::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-bottom: .5em;
  border-style: solid;
  border-width: 20px 55px 0 55px;
  border-color: #753243 transparent transparent transparent;
  position: absolute;
  right: -65px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.item-info ul {
  margin: 10px 0 .5em;
  white-space: nowrap;
}
.item-info .info-txt {
  width: 340px;
  margin: 10px 10px .5em 20px;
  padding-left: 10px;
  border-left: 1px dashed #773344;
}
.item-info .info-txt h4 {
  font-size: .9em;
}
.info-txt .ttl-bg {
  display: inline-block;
  height: 1.8em;
  padding: .4em 20px;
  margin-right: .5em;
  color: #FFFFFF;
  font-weight: normal;
  line-height: 1;
  background-color: #753243;
  border-radius: .9em;
}
.info-txt p {
  margin-bottom: 0;
  font-size: .9em;
  line-height: 1.2;
  letter-spacing: -.04em;
}
.item .pricebox {
  width: 650px;
  margin: .5em auto;
  font-size: .8em;
}
.item .pricebox p {
  margin-bottom: 0;
  line-height: 1.2;
}
.item .pricebox li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.2;
}
.item .pricebox li::before {
  content: "※";
  display: inline-block;
  width: 1em;
  text-indent: 0;
}
/* 購入ボタン */
/*.ord-btn {
  margin: 1em auto 60px;
  text-align: center;
}
.ord-btn p:first-child {
  margin: 0;
}*/
/* -------------------------------------- e-shopsカート .ord_eshops */
.ord_eshops, .ord_eshops * {
  margin: 0;
  padding: 0;
  text-align: center;
}
/*.ord_eshops .ord-group {
  margin-bottom: 30px;
  padding: 30px 0;
  color: #0A3500;
}
.btn_only .ord_eshops .ord-group {
  margin-bottom: 0;
}
.ord_eshops label.type-select {
  position: relative;
}
.ord_eshops label.type-select::before, .ord_eshops label.type-select::after {
  position: absolute;
  content: "";
  pointer-events: none;
}
.ord_eshops label.type-select::before {
  content: "";
  display: inline-block;
  width: 6rem;
  height: 6rem;
  background-color: #008539;
  border-radius: 0 3rem 3rem 0;
  right: 0;
}
.ord_eshops label.type-select::after {
  content: '';
  width: .8em;
  height: .8em;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  top: 35%;
  transform: translateY(-50%) rotate(45deg);
  right: 2.5rem;
}
.ord_eshops label.type-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 700px;
  min-width: 230px;
  height: 6rem;
  padding: 0 3em 0 1em;
  margin-bottom: 1em;
  text-align: center;
  line-height: calc(6rem - 4px);
  background-color: #FFFFFF;
  border: 2px solid #008539;
  border-radius: 3rem;
  color: #333333;
  font-size: 2rem;
  cursor: pointer;
}
.ord_eshops label.type-select select:focus {
  outline: 1px solid #008539;
}*/
input[type="submit"].eshops-buybtn {
  display: block;
  width: 880px;
  height: 0;
  margin: 0 auto;
  padding: 140px 0 0 0;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_ord-btn_pc.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 880px auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  transition: .5s;
}
.ord_eshops .eshops-buybtn:hover,
.ord_eshops .eshops-buybtn:active {
  opacity: .8;
}
/* -------------------------------------- クラシック名曲集特典 .clsc-tktn */
.clsc-tktn {
  width: 750px;
  margin: 0 auto 1em;
  padding: 0 0 .5em;
  background-color: #fffcdf;
  box-shadow: 0 0 .5em 1px rgba(213,183,139,0.50);
  overflow: visible;
}
.clsc-tktn h2.img-ttl {
  padding-top: 160px;
  background-image: url("/piano/data-lp/clsc-img/pf-clsc_present-ttl_pc.png");
  background-size: 750px 160px;
  position: relative;
  top: -70px;
}
.tktn-list {
  width: 92%;
  margin: 0 auto;
}
.tktn-list li {
  min-height: 270px;
  font-size: 1.1em;
  letter-spacing: -.02em;
}
/*.tktn-list li:first-child {
  margin-bottom: .5em;
  background-image: url("/piano/data-lp/clsc-img/pf-clsc_present01-img_pc.jpg");
  background-repeat: no-repeat;
  background-position: right top 30px;
  background-size: 300px 245px;
  border-bottom: 1px solid #470f00;
}*/
.tktn-list li:first-child {
  margin: -70px 0 0;
  padding: 20px 0 0;
  background-image: url("/piano/data-lp/clsc-img/pf-clsc_present02-img.jpg");
  background-repeat: no-repeat;
  background-position: right -10px top 30px;
  background-size: 375px 200px;
}
/*.tktn-list li:first-child h3.img-ttl {
  margin: -70px 0 30px;
  padding-top: 110px;
  background-image: url("/piano/data-lp/clsc-img/pf-clsc_present01-ttl_pc.png");
  background-size: 480px 110px;
  background-position: left top;
}*/
.tktn-list li:first-child h3.img-ttl {
  margin-bottom: 30px;
  padding-top: 110px;
  background-image: url("/piano/data-lp/clsc-img/pf-clsc_present02-ttl_pc.png");
  background-size: 310px 110px;
  background-position: left top;
}
/* -------------------------------------- お支払いについて .payment */
.payment {
  padding-top: 60px;
}
.payment h2.img-ttl {
  margin-bottom: 1em;
  padding-top: 50px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_payment-ttl.png");
  background-size: 360px 50px;
}
.payment .minbox {
  margin: 1em auto;
}
.payment h3 {
  margin-bottom: 0;
  color: #BD2901;
}
.payment h3::before {
  content: "＜";
}
.payment h3::after {
  content: "＞";
}
.payment p {
  margin-bottom: 0;
}
.mark-ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.mark-ul li::before {
  content: "\02022";
  display: inline-block;
  width: 1em;
  text-align: center;
  text-indent: 0;
}
/* -------------------------------------- 内容確認 .confirm */
.confirm {
  padding-top: 60px;
}
.confirm h2.img-ttl {
  padding-top: 150px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_info-ttl.png");
  background-size: 750px 150px;
}
.confirm .contentbox {
  width: 880px;
  margin: 1em auto;
  padding: 40px;
  border: 1px solid #430c00;
}
.confirm .check-ul {
  margin: 0;
}
.confirm .check-ul li {
  padding: .2em 0 .2em 70px;
  font-size: 2.4rem;
  background-position: left 20px top 0.3em;
}
.confirm .check-ul li:nth-child(3) {
  padding-bottom: 230px;
  position: relative;
}
.confirm .check-ul li:nth-child(3)::after {
  content: "";
  display: block;
  width: 690px;
  height: 210px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_info-img_pc.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 690px 210px;
  border: 1px solid #CCCCCC;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.confirm .check-ul li:nth-child(4) {
  letter-spacing: -.04em;
}
/* -------------------------------------- Q＆A #qa */
#qa {
  /*padding-bottom: 1em;
  background-color: #FFFFFF;*/
  width: 880px;
  margin: 0 auto;
}
#qa h2.alpha {
  margin-bottom: 1em;
}
#qa h2.alpha .img-ttl {
  padding-top: 60px;
  background-image: url("/piano/data-lp/clsc-img/pf-clsc_qa-ttl.png");
  background-size: 140px 60px;
}
#qa p.img-ttl {
  margin-bottom: 1em;
  padding-top: 50px;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-clscmth_qa-subttl.png");
  background-size: 650px 50px;
}
#qa dl {
  width: 750px;
  margin: 2em auto;
  background-color: #FFFFFF;
}
#qa dt {
  padding: 20px 40px 20px 100px;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #773344;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_qa-q-icon.gif");
  background-repeat: no-repeat;
  background-position: left 20px top 5px;
  background-size: 80px 80px;
  overflow: hidden;
}
#qa dd {
  margin: 0 0 10px 0;
  padding: 20px 20px 20px 100px;
  background-color: #ffe8c6;
  background-image: url("/piano/data-lp/clsc-img/sbsc/pf-cl-mth_qa-a-icon.gif");
  background-repeat: no-repeat;
  background-position: left 10px top 10px;
  background-size: 80px 80px;
}
#qa dd p {
  margin: 0;
}
#qa dd p.mb1 {
  margin-bottom: 1em;
}
#qa dd picture {
  display: block;
  margin: 1em 0 .5em;
  /*position: relative;
  left: 50%;*/
  transform: translateX(-14%);
}
/* -------------------------------------- ショップインフォ #shopinfo */
#shopinfo {
  width: 880px;
  margin: 60px auto 30px;
  padding: 0 0 20px;
  font-size: 1.4rem;
  line-height: 1.4;
}
#shopinfo img {
  width: auto;
  max-width: 100%;
}
#shopinfo .flexbox {
  align-items: flex-start;
  justify-content: center;
}
#shopinfo .shopinfo_l {
  width: 420px;
  padding: 0 19px 0 .5em;
  border-right: 1px dotted #CCCCCC;
}
#shopinfo .shopinfo_r {
  width: 420px;
  padding: 0 .5em 0 20px;
}
#shopinfo h2, #shopinfo h3 {
  margin: .5em 0;
  padding: 0 0 0 20px;
  height: 36px;
  position: relative;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: left;
  line-height: 36px;
  background-color: #3d1b0e;
}
#shopinfo h2 {
  margin: 0 0 .5em;
}
#shopinfo h2::before, #shopinfo h3::before {
  content: "";
  display: block;
  width: 3px;
  height: 1em;
  background-color: #FFFFFF;
  position: absolute;
  top: 10px;
  left: 10px;
}
#shopinfo h4 {
  margin: .5em 0 .2em;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #3D232B;
}
#shopinfo ul {
  letter-spacing: 0;
  padding-left: 0;
  list-style-type: none;
}
#shopinfo .maxw60 {
  max-width: 140px;
}
#shopinfo .maxh60 {
  max-height: 60px;
}
#shopinfo .bg-yell {
  margin: .5em 0 1em;
  padding: 1em;
  background-color: #FFFFF4;
  border: 1px solid #CCCC00;
  text-align: justify;
  text-justify: inter-character;
}