#personFilter { display: none;}
/* #mainNav li:nth-child(8) { 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 .date{font-family: var(--font_en);font-weight: 600;}
.newsArticle .personTag li{font-family: var(--font_en);font-weight: 600;}
.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;}



.membersDetail_flow dt { background-color: #b3b3b3 !important;}
.btnEntryGroup a { background-color: #b3b3b3;}
.deca { list-style-type: lower-alpha !important; padding-left: 15px;}
.content2 { padding: 20px !important;}

@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; left: 6%; margin: 0; padding: 0; position: absolute; top: 75%; font-size: 25px; text-align: left; font-family: "Yu Gothic",  YuGothic;}
  .memberscardinner img {   border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
  .memberscard p {   font-weight: bold;}
}

@media screen and (max-width: 768px) { 
	.memberscard {   font-weight: bold; font-size: 0.8em;}
  .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%; font-family: "Yu Gothic",  YuGothic;}
  .memberscardinner img {   border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
  .memberscard p {   font-weight: bold;}
}

@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;}

.sp { display: none;}

@media screen and (max-width:768px) { 
	.sp {   display: block;}
}
/* h1 PC
    *************************/
@media (min-width: 768px) { 
	.contentHeadingkiyaku {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 {  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;}


.prof-box {width: 100%;display: flex;justify-content: space-between;}
.prof-img {padding: 0;text-align: center;width: 50%;}
.prof-text {padding: 0;width: 46%;}

@media only screen and (max-width : 767px) { 
  .prof-box{flex-direction: column;}
	.prof-box img {max-width: 100%;}
  .prof-img{width: 100%;margin-bottom: 24px;}
  .prof-text{width: 100%;}
}
@media only screen and (min-width : 768px) { 
	.prof-box {   overflow: auto;}
	.prof-text {overflow: auto;}
}
.newsArticle .newsBodyWrap p { margin-bottom: 1em; font-size: 110%;
}

@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 {color: #fff;}
.newsList { text-align: left;}
.content { text-align: left;border: solid 1px gray !important;padding: 20px !important;margin-bottom: 20px;}
.newsArticle {text-align: left;color: #000;}
.newsArticle .newsHeading strong {background: var(--c_main);margin-right: 1em;}



.newsArticle .personTag li{background-color:#fff;border: 1px solid var(--c_main);color: var(--c_main);}

@media screen and (max-width: 767px) { 
.news{margin-bottom: 0;}
}


/* ===============================================
# GOODS
=============================================== */
#searchForm ul{background-color: var(--c_main);}
.goodsSearch {margin-bottom: 10px;}
.personTag li{background-color: var(--c_main);}

@media screen and (max-width: 767px) { 
  #searchForm ul{background-color: transparent;}
  .keywordsSearchHeading a{background-color: var(--c_main);}
}


/* ===============================================
# GUIDE
=============================================== */
.tabs .ui-tabs-active a{background-color: var(--c_main);}
.docHeading{background-color: var(--c_main);}
.guideAccordion_heading{background-color: var(--c_main);border-bottom: 1px solid #8073cf;}
.guideAccordion_body{background-color: #c5bcff;}
.guideSubHeading{background-color: var(--c_main);}
.arrowDown:before{background-color: #fff;}
.arrowDown:after{border-top: 32px solid #fff;}


/* ===============================================
# PHOTO
=============================================== */
.photoList .new {padding: 0 1em;background-color: #f00;line-height: 24px;color: #fff;}
  .photoList .photoTag {margin-bottom: 8px;}
  .photoList .photoTag li {margin: 0 1em 8px 0;padding: .3em 1em;background-color: var(--c_main);font-size: 84.6%;display: inline-block;}
  .photoList .photoDate {margin-bottom: .5em;font-size: 92.3%;}
  .photoList .photoHeading {margin-bottom: .5em;font-size: 130.8%;}
  .photoList .photoFig {text-align: center;}
  .photoList .photoFig img {max-width: 100%;width: 200px;height: 200px;object-fit: cover;object-position: 0px 0px;}
  .photoList .photoFig figcaption {margin: .5em 0;text-align: left;}
  
  .viewAllPhoto {margin-bottom: 24px;text-align: right;}
  .viewAllPhoto a {padding: .6em 1em;background-color: #000;font-size: 92.3%;text-decoration: none;color: #fff;display: inline-block;}
  
  .photoThumb li {float: left;position: relative;}
  .photoThumb a img {width: 270px;height: 270px;max-width: 100%;max-height: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;object-fit: cover;object-position: 0px 0px;}
  .photoList{display: flex;flex-wrap: wrap;}
    .photoList .photoBox {width: 30.333333%;margin: 0 1.5% 32px;padding: 32px 2% 2%;border: 1px solid gray;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
    .photoList .new {position: absolute;top: -1px;left: -1px;}
  
    .photoThumb li {width: 270px;height: 270px;margin: 2% 2% 2%;}
  
  
  @media (max-width: 767px) {
    .photoList .photoBox {margin-bottom: 24px;padding-bottom: 24px;width: 100%;}
    .photoList .new {margin-bottom: 1em;display: inline-block;}
    .photoThumb {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
    .photoThumb li {width: 46%;margin: 2% 2% 2%;height: auto;position: relative;}
    .photoThumb li:before {content: "";display: block;padding-top: 100%;}
    .photoThumb li span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;padding: 2px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
    .photoThumb li span:before{content: "";height: 100%;vertical-align: middle;width: 0px;display: inline-block;}
  }



  /* ===============================================
  # SPECIAL
  =============================================== */
  .surveyList .surveyTag {margin-bottom: 8px;}
  .surveyList .surveyTag li {margin: 0 1em 8px 0;padding: .3em 1em;background-color: #e6e6e6;font-size: 84.6%;display: inline-block;}
  .surveyList .surveyTag .menu_a {background-color: #87cefa;}
  .surveyList .surveyTag .menu_b {background-color: #7cfc00;}
  .surveyList .surveyTag .menu_c {background-color: #ff0;}
  .surveyList .surveyTag .menu_d {background-color: #ffa500;}
  .surveyList .surveyDate {margin-bottom: .5em;font-size: 92.3%;}
  .surveyList .surveyHeading {margin-bottom: 1em;font-size: 130.8%;}
  .surveyList .surveyHeading strong {margin-right: .2em;padding: .1em .8em;background-color: gray;font-size: 84.6%;vertical-align: middle;color: white;display: inline-block;}
  .surveyList .surveyFig {margin-bottom: 1em;text-align: center;}
  .surveyList .surveyFig img {max-width: 100%;}
  .newsArticle .surveyClosing {margin-top: 24px;padding-top: 24px;border-top: 1px dotted #000;}
  .surveyClosing {margin-bottom: .5em;font-size: 107.7%;text-align: center;}
  
  .surveyPoint {margin-bottom: 1em;text-align: center;}
  .btnSurvey {text-align: center;}
  .btnSurvey a, .btnSurvey span {min-width: 10em;padding: 1em 1.5em;background-color: #000;text-decoration: none;color: #fff;display: inline-block;}
  
  .pointShortage {margin: 1em;font-size: 92.3%;text-align: center;color: #f00;}
  .surveyForm {margin-top: 24px;border: 8px solid #cccccc;}
  .surveyForm .btnSurvey {margin: 24px 0;}
  .surveyForm_heading {padding: 8px 16px;background-color: #666666;color: #fff;}
  .surveyForm .flex {display: flex;}
  .surveyForm .required {    color: #fff;margin-right: 1em;background-color: #d9534f;display: inline;padding: 0.2em 0.6em 0.3em;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.25em;}
  .surveyForm .optional {color: #595857;margin-right: 1em;background-color: #e6e6e6;display: inline;padding: 0.25em 0.6em 0.3em;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.25em;}
  .surveyForm_item {padding: 16px 5%;border-bottom: 1px solid #cccccc;}
  .surveyForm_item dt {margin-bottom: .8em;padding-bottom: .5em;border-bottom: 1px dashed #b3b3b3;}
  .surveyForm_item label {margin-right: 2em;display: inline-block;}
  .surveyForm_item input[type='checkbox'], .surveyForm_item input[type='radio'] {margin-right: 1em;vertical-align: baseline;}
  .surveyForm_item textarea {width: 90%;}
  .surveyForm_confirm .surveyForm_item {margin-bottom: 12px;padding-right: 0;padding-left: 0;}
  .surveyForm_confirm .surveyForm_item dt {padding: .5em 1em;background-color: #e6e6e6;border-bottom: none;}
  .surveyForm_confirm .surveyForm_item dd {padding: 0 1em;word-wrap: break-all;}
  
  .surveyList .surveyBox {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px dotted #000;}
  .surveyList .new {padding: 0 1em;background-color: #f00;line-height: 24px;color: #fff;}
  .surveyList {display: flex;flex-wrap: wrap;}
    .surveyList .surveyBox {width: 30.333333%;margin: 0 1.5% 32px;padding-top: 32px;padding-right: 2%;padding-left: 2%;border: 1px solid gray;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
    .surveyList .new {position: absolute;top: -1px;left: -1px;}
  
  @media (max-width: 767px) {
    .surveyForm_item label {margin-bottom: 1em;}
    .surveyList .surveyBox {width: 100%;}
    .surveyList .surveyBox .new {margin-bottom: 1em;display: inline-block;}
  }