/*------------------------------
 ▼ スマホ縦：メディアクエリの指定なし
 -------------------------------*/

/*---- articleの背景   ---*/
#page{
    background: url(../images/blog_box.png); 
    font-family:"Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", sans-serif ;
    padding: 3rem 0;
}

.page-post{
    width: 90%;
    margin: 0% auto;
  }


#page h1{
    font-size: 1.5rem;
    font-weight: bold;
    color: #7d6651;
    margin: 3rem 0;
  }

/*------------------------------
 ▼ プライバシーポリシー
 -------------------------------*/
/*--- privacy-policy ---*/
.privacy-wra{
  width: 90%;
  margin-top: 2rem;
  color: #462c06;
}
.privacy h2{
  font-size: 1.6rem;
}

.privacy li {
  margin:0 0 2rem 1rem;
  font-size: 1rem;
}
.privacy li p{
  margin-left: 2rem;
}

/*------------------------------
 ▼ チケット情報
 -------------------------------*/


 /*--- 共通 ---*/
 .page-common p{
      margin: 0 2rem 1.4rem;
}

 .page-common dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 2rem;
}

 .page-common dt {
  width: 90%;
  padding:0.5rem;
  margin-bottom: 0.3rem;
  background-color: #E8DECC;
}

.page-common dd {
  width: 90%;
  padding:0.5rem;
  margin-bottom: 0.3rem;
  background-color: #F9F6F1;
}

   .page-common img{
    width : 100%;
    height: auto;
  }


/*------------------------------
 ▼ よくある質問
 -------------------------------*/
 /*吹き出し*/
.faq-exh-img img{
  width: 100%;
  height: auto;
  margin: 0 auto 3rem;
}

.faq-box{
  margin: 0 auto 6rem;
}


.faq-left,
.faq-right{
  margin: 30px 0;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.faq-right{
  justify-content:flex-end;
}
.faq-icon img{
  width: 80px; /*任意のサイズ*/
  height: auto;
}
.faq-right .faq-icon{
  margin-left:25px;
}
.faq-left .faq-icon{
  margin-right:25px;
}
.faq-right .faq-icon{
  order:2 !important;
}

/* アイコン背景 */
.icon-br img {
  border-radius: 50%; /* 画像を丸く表示する */
  border: 1.4px solid rgba(233, 223, 184, 0.45); /* 画像の縁取りの太さとカラー */
  height: auto;
  background-color: rgba(233, 223, 184, 0.45);
}

.flip{
  transform: scale(-1, 1);
}
.says-l,
.says-r {
  display: flex;
  position: relative;
  padding: 17px 13px 15px 18px;
  border-radius: 12px;
  box-sizing:border-box;
  margin:0 !important;
  line-height:1.5;
/*   align-items: center; */
}
.says-l{
  background: #d9e4e4;/*色は任意*/
}

.says-r{
  background: #e6d5d5;/*色は任意*/
}

.says-l p{
  margin:8px 0 0 !important; 
}
.says-r p{
  margin:8px 0 0 !important; 
}
.says p:first-child{
  margin-top:0 !important;
}
.says-l:after,
.says-r:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.faq-left .says-l:after {
  left: -26px;
  border-right: 22px solid #d9e4e4;
}
.faq-right .says-r:after {
  right: -26px;
  border-left: 22px solid #e6d5d5;
}
 
 /* ===============================================
 ▼　768px以上（タブレット向け）
  =============================================== */
 @media screen and (min-width: 800px) {


/*------------------------------
 ▼ チケット情報
 -------------------------------*/

.page-common dt {
  width: 26%;
}

.page-common dd {
  width: 68%;
}


/*------------------------------
 ▼ よくある質問
 -------------------------------*/ 

.faq-box{
  background-color: #e1e0dc6e;
  padding: 1rem;
   border-radius:1.4rem;
}


.says-l,
.says-r {
  max-width:480px; /*最大幅は任意*/
    }

  }
 /*-------------------------------
 ▼　1025px以上　（ｐｃ）
 --------------------------------*/
 @media screen and (min-width:1340px) {

.faq-box{
  width: 90%;
}


.says-l,
.says-r {
  max-width:600px; /*最大幅は任意*/


    }

  }