/*---------------------------------
修正用
---------------------------------*/
#personFilter{display:none;}
#mainNav li:nth-child(1) { display:none;}
#mainNav li:nth-child(2) { display:none;}
  
  
  .surveyList .surveyTag .menu_a { background-color: #e6e6e6;}
  .surveyList .surveyTag .menu_b { background-color: #e6e6e6;}
  .surveyList .surveyTag .menu_c { background-color: #e6e6e6;}
  .surveyList .surveyTag .menu_d { background-color: #e6e6e6;}
  
  
  .btn_orange { background-color: #696C7B!important;}
  
  .btn_orange20 { background-color: #696C7B!important;  color: #000!important;}
  
  .btn_blue { background-color: #DFE2E7!important;}
  
  .btn_blue20 { background-color: #DFE2E7!important;  color: #000!important;}
  
  .btn_black50 { background-color: gray!important;}
  
  .btn_black20 { background-color: #cccccc!important;}
  
  
  .newsArticle .personTag .menu_a { background-color: #DFE2E7 ;}
  .newsArticle .personTag .menu_b { background-color: #DFE2E7 ;}
  .newsArticle .personTag .menu_c { background-color: #DFE2E7 ;}
  .newsArticle .personTag .menu_d { background-color: #DFE2E7 ;}
  
  
  .newsItem .personTag .menu_a { background-color: #c5c6c9;}
  .newsItem .personTag .menu_b { background-color: #c5c6c9;}
  .newsItem .personTag .menu_c { background-color: #c5c6c9;}
  .newsItem .personTag .menu_d { background-color: #c5c6c9;}
  
   .btnEntryGroup a { color: white!important;}
  
  /*---------------------------------
  UPDETE PC
  ---------------------------------*/
  @media (min-width: 768px){ #updatebox {margin:40px auto; padding:20px; box-sizing:border-box; border-radius:20px;}
      #updatebox dl{ margin: 10px auto; line-height:1.6;        display: grid;
        grid-template-columns: 7em calc(100% - 7em);} 
      #updatebox dt{padding: 10px 0 10px 16px;  width: 100px; font-size:18px;  font-weight:500;} 
      #updatebox dd{ padding: 10px 0 10px 16px;  margin: 0 0 0 25px; border-bottom: none; font-size:18px; font-weight:500; padding-bottom: 15px; }
      #updatebox a{color: #696C7B; text-decoration: none;}
      #updatebox a:hover {color: #a3865c;text-decoration: none;}
  }
  
  
  
  /*---------------------------------
  UPDETE SP
  ---------------------------------*/
  @media (max-width: 767px){  
      #updatebox dl{ margin: 5% auto; padding: 3% 0; width: 100%; } 
	  #updatebox dt{   padding: 0% 0; font-weight: 500;}
      #updatebox dd{ border-bottom: none; font-size: 14px;  line-height: 1.7em; width: 100%; padding-top: 0; padding-right: 0; padding-left: 15px; padding-bottom: 15px;margin-bottom: 0;  font-weight:500;}
      #updatebox a{ color: #696C7B; text-decoration: none; }
      #updatebox a:hover {color: #696C7B; text-decoration: none; }	
  }
  
  /*---------------------------------
  入会
  ---------------------------------*/
  .membersDetail_flow dt { background-color: #b3b3b3!important;}
  .btnEntryGroup a { background-color: #b3b3b3;}
  .deca{ list-style-type: lower-alpha!important;padding-left:15px;}
  .news h1{text-transform: uppercase;}
  .content2{ padding: 20px !important;}
  
  
  /*---------------------------------
  会員証PC
  ---------------------------------*/
  @media screen and (min-width: 769px){
  .memberscard { font-weight:bold;  font-size: 1.4em;  }
  
      
  .memberscard .memberscardinner { margin: 20px auto; max-width: 100%; position: relative; text-align: center; width: 800px;}
  
  /*--
  .memberscard div.msinner2 { color: #696c7b; font-weight: bold!important; left: 30%; margin: 0; padding: 0; position: absolute; top: 53%; font-size: 150%;}
  --*/
  
  .memberscard div.msinner2 { color: #696c7b; left: 6%; margin: 0; padding: 0; position: absolute; top: 75%; font-size: 25px; text-align: left;}
  
  .memberscardinner img {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
  
  .memberscard p{ font-weight:bold;  }
  
    }
  
  /*---------------------------------
  会員証SP
  ---------------------------------*/
  @media screen and (max-width: 768px){
  .memberscard { font-weight:bold;  font-size: 0.8em;  }
  
  
  /*--
  .memberscard div.msinner2 { color: #696c7b; margin: 0; padding: 0 20% 30% 20%; text-align:center; position: absolute; top: 55%; font-size: 150%;width: 50%;}
  --*/
  
  .memberscard div.msinner2 { color: #696c7b; font-weight: bold!important; margin: 0; padding: 0px 20% 30% 5%; position: absolute; top: 69%; font-size: 3vw; width: 50%;}
  
  
  .memberscardinner img {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
  
  .memberscard p{ font-weight:bold;  }
  
    }
  
  
  /*---------------------------------
  規約のh1
  ---------------------------------*/
  @media screen and (min-width: 769px){ .contentHeading3 { font-size: 30px;  color: #696C7B;  font-weight: 400;  line-height: 1em;  text-align: center;  position: relative;  padding-bottom: 20px;  border-bottom: 1px solid #000;  z-index: 2;  }
  }
  
  
  @media screen and (max-width: 768px){ .contentHeading3 {font-size: 18px; color: #696C7B; font-weight: 400; line-height: 1em; text-align: center; position: relative; padding-bottom: 20px; border-bottom: 1px solid #000; z-index: 2; }
  }
  
  
  /*---------------------------------
  Vimeo
  ---------------------------------*/
  .vimeo { position: relative;  width: 100%;  padding-top: 56.25%;}
  .vimeo iframe { position: absolute;  top: 0;  width: 100% !important;  height: 100% !important;  box-sizing: border-box;  }
  
  
  @media screen and (min-width: 769px){
  .vimeotate { position: relative;  padding: 30px 0 100% 0;  overflow: hidden;}
  
  .vimeotate iframe { position: absolute;  top: 0;  left: 10%;  width: 80%;  height: 80%;}
  }
  
  
  @media screen and (max-width: 768px){
  .vimeotate { position: relative;  padding: 30px 0 170%;  overflow: hidden;}
  
  .vimeotate iframe { position: absolute;  top: 0;  left: 15%;  width: 70%;  height: 70%;}
  
  }
  
  
  
  /*---------------------------------
  tag nodisplay
  ---------------------------------*/
  .newsItem .personTag .menu_a { background-color: #c5c6c9;  display: none ;}
  .newsItem .personTag .menu_b { background-color: #c5c6c9;  display: none ;}
  .newsItem .personTag .menu_c { background-color: #c5c6c9;  display: none ;}
  .newsItem .personTag .menu_d { background-color: #c5c6c9;  display: none ;}
  .btnSurvey a, .btnSurvey span { color: #fff;}
  
  .mypage_block .icon img { max-width: 100%; max-height: 100%; display: none;}
  .newsItem .new { padding: 0 1em;  background-color: #f00;  line-height: 24px;  color: #fff;  position: absolute;  top: -1px;  left: -1px;  font-size: 13px;}
  @media (min-width: 768px) {
  .contentHeadingbig { font-size: 60px; color: #000; font-weight: 400; line-height: 1em; text-align: center; position: relative; padding-bottom: 20px; border: none; z-index: 2; line-height: 1em; text-align: center; margin-bottom: 20px;}
  }
   @media (max-width: 767px) {
  .contentHeadingbig { font-size: 30px; color: #000; font-weight: 400; line-height: 1em; text-align: center; position: relative; /* padding-bottom: 20px; */
      border: none; z-index: 2; line-height: 1em; text-align: center; margin-top: 25px; margin-bottom: 32px;}
  }
  /*PCでは無効（改行しない）*/
  .sp{ display: none;}
  
  /*スマートフォンでは有効（改行する）*/
  @media screen and (max-width:768px) { .sp{ display: block; }
  }
  /* h1 PC
  *************************/
  @media (min-width: 768px) { .contentHeadingkiyaku { /*サイト全体のh1に適用させるため#wrapperwpつけている*/
      font-size: 41px; color: #696C7B; font-weight: 400; line-height: 1em; text-align: center; position: relative; padding-bottom: 20px; padding-bottom: 30px; border: none; z-index: 2;  }
    .top_inner-wrap .contentHeadingkiyaku{text-align-last: left;}
    .top_inner-wrap .contentHeadingkiyaku { display: inline-block;  }
    .top_inner-wrap .contentHeadingkiyaku::after {   content: '';   width: 192px;   height: 102px;   background: url(//img-fan.pia.jp/main/image/zy0086uo/pf95832k.png)center no-repeat;   right: -100%;   z-index: -1;   top: 32%;   transform: translateY(-50%);   position: absolute; }
  
  }
  
  
  /* h1 SP
  *************************/
  @media (max-width: 767px) { .contentHeadingkiyaku { /*サイト全体のh1に適用させるため#wrapperwpつけている*/
            font-size: 24px; color: #696C7B; font-weight: 400; line-height: 1em; text-align: center; position: relative; border: none; margin-bottom: 10px; margin-top: 25px; padding-bottom: 0px; 
            z-index: 2; }
    .contentHeadingkiyaku::after { content: ''; width: 25px; height: 1px; background: #fff; left: 0; right: 0; margin: auto; bottom: 0; position: absolute;  }
    .top_inner-wrap .contentHeadingkiyaku { display: inline-block;  }
    .top_inner-wrap .contentHeadingkiyaku::after {   content: '';   width: 102px;   height: 41px;   right: -150%;   z-index: -1;   top: 20%;   background: url(//img-fan.pia.jp/main/image/zy0086uo/pf95832k.png)center no-repeat;   transform: none;   position: absolute;   background-size: contain; }
  }
  /* マイページメニュー用
  *************************/
  @media (min-width: 768px) { .mypage_block p { padding-left: 0px; 
      font-size: 123.1%;  }
  }
  @media (max-width: 767px) { .mypage_block p { padding-left: 0px; 
      display: block;  }
    }
  .mypage_block:link, .mypage_block:visited { color: #fff; text-decoration: none; text-align: -webkit-center;  }
    }
  
  
  /* PROFILEページ用 
  .prof-box{
  width:90%;}
  
  .prof-img,.prof-text{ display: inline-block;  vertical-align:
    middle;}
  
  
  .prof-img{
  width:45%;padding:5px;}
  
  .prof-text{
  width:53%;}
  *************************/
  
  
  /* PROFILEページ用 
  *************************/
  
  .prof-box{width:90%;}
  .prof-img{ padding:5px; text-align:center;}
  .prof-text{ padding: 5px 5px 5px 20px;}
  
  /* モバイル表示 */
  @media only screen and (max-width : 767px){ .prof-box img{ max-width:100%; }
  }
  
  /* PC表示 */
  @media only screen and (min-width : 768px){ .prof-box{ overflow:auto; }
      .prof-img{ float:left; width:45%
      }
      .prof-text{ width:50%; overflow:auto; }
  }
  
  
  /* 文字の大きさ  */
  .newsArticle .newsBodyWrap p { margin-bottom: 1em; font-size: 110% !important;}
  
  
  
  /* 改行  */
  @media screen and (min-width: 768px){   
    .pc { display:inline; }
    .sp { display:none; }
  }
  @media screen and (max-width: 767px){   
    .pc { display:none; }
    .sp { display:inline; }
  }


  .container.inner{padding-bottom: 120px;text-align: center;color: #957a50;}
.newsList{text-align: left;}
.content{text-align: left;}
.newsArticle{text-align: left;}
.newsArticle .newsHeading strong{background: var(--keyc);}


.contentHeadingbig{padding-left: 44px;padding-bottom: 0;font-size: 50px;font-weight: 600;line-height: 1.4em;display: inline-block;}
.contentHeadingbig:before{position: absolute;content: "";background: url(../image/title_deco_black.svg)center no-repeat;background-size: contain;width: 35px;height: 35px;top: 50%;transform: translateY(-50%);left: 0;}
.contentHeadingbig:after{position: absolute;content: attr(data-heading)"";font-size: 10px;line-height: 1em;top: 50%;transform: translateY(-50%);right: -80px;width: auto;height: auto;}