@charset "utf-8";

/* panel link色 */
.panel .link:link,.panel .link:visited{
  color: #000;
}
.panel .link:hover,
.panel .link:active {
  color: #ff6c00;
}

/* sort背景色 */
.sort-wrap {
    border: 1px solid #d1e2ff;
    background-color: #0033CC;
}
.sort-wrap .sort {
  background-color: #0033CC;
  padding-left: 13px;
}

/* 投稿画像設定 */
.cover {
  display: inline-block;
  background-color: #FFF;
  background-position: center center;
  background-repeat: no-repeat;
  width: 316px;
  height: 316px;
  background-size: cover;
  vertical-align: bottom;
}

@media screen and (max-width: 768px){
  .cover {
    width: 49%;
  }
}

/*各コンテンツブロック設定 背景 背景パターンと境界線の組み合わせで設定*/
/* padding等設定 01:背景１パターンのみ,02:内に白エリア有り,03:5_5投稿完了ページ用,04:5_7みんなの作品用  */

.contentBlock01,.contentBlock02 {
  padding: 20px 35px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.contentBlock03{
  padding: 20px 35px 30px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.contentBlock04{
  padding: 20px 35px 30px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.contentBlock05{
  padding: 0 35px 30px;
  position: relative;
}
.contentBlock06 {
  padding: 10px 35px 25px;
  position: relative;
  border-radius: 10px 10px 0 0;
}

/* 白エリア設定 */
.detailInner{
  padding: 15px 160px 35px;
  background-color: #fff;
}

/* 背景色設定 block01 星付き背景 block02 星無し背景 block03オレンジ星有り block04青 */

.block01 {
  background: url("../../../img/v3/contest/contest_bg01.png") center top;
}
.block02 {
  background: #99ccff;
}
.block03 {
  background: url("../../../img/v3/index/index_bg01.png") center top;
}
.block04{
  background: #3366ff;
}
.block06 {
  background-color: #ffffff;
}

/* 境界線設定 01オレンジ 02濃い青 03薄い青 04中間青  */
.bgWhile01{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background: url("../../../img/v3/contest/contest_bg_while03.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 12px;
}

.bgWhile02{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background: url("../../../img/v3/contest/contest_bg_while02.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 12px;
}
.bgWhile03{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background: url("../../../img/v3/contest/contest_bg_while01.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 12px;
}
.bgWhile04{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background: url("../../../img/v3/contest/contest_bg_while04.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 12px;
}

/*各コンテンツブロック設定 背景　 768px以下*/

@media screen and (max-width:768px) {
  .contentBlock01{
    padding: 20px 5px;
    border-radius: 0;
  }
  .contentBlock02{
    padding: 5px 0;
    border-radius: 0;
  }
  .contentBlock03 {
    padding: 12.5px 0 20px;
    border-radius: 0;
  }
  .contentBlock04{
    padding: 5px 0 20px;
    border-radius: 0;
  }
  .contentBlock05{
    padding: 0 5px;
  }
  .detailInner{
    padding: 15px 5px;
  }
  .bgWhile01,.bgWhile02,.bgWhile03,.bgWhile04{
    margin: 0;
  }
  .bgWhile03{
    margin-left: -5px;
    left: 0;
  }
}

/* tab 個別指定部分 */

.tab.two .list {
  width: 470px;
}
.tab .list {
  background: #666;
  background-clip: padding-box;
}
.tab .list.here {
  background: #99ccff;
  background-clip: padding-box;
}

@media screen and (max-width:768px){
  .tab.two .list {
    width: 50%;
  }
}

/* sort ul,select切り替え */
.sortDeadline,.sortType{
  border-radius: 3px;
  background-color:#ffffff;
  padding:8px 0px 5px;
  margin:10px 0px;
  flex: 1;
}
.sortDeadline .link,.sortType .link{
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0px 20px;
}

.sortDeadlineWrapper{
  display: flex;
  align-items: center;
}
.toContestList a{
  position: relative;
    top: -1px;
    background-color: #ff6600;
    border-color: #ff5500;
    color: #fff;
    margin-left: 5px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.toContestList a::after{
  content: "\f04b";
  position: relative;
  top: -1px;
  font-family: FontAwesome;
  transform: rotate(0deg);
  color: #fff;
  font-size: 16px;
  pointer-events: none;
  margin-left: 10px;
}

@media screen and (max-width:768px) {
  .sortDeadlineWrapper{
    display: block;
  }
  .toContestList a{
      margin-left: 0;
      margin-bottom: 20px;
  }
}


/*contestPanel*/
.contestPanelContainer{
  display:flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.contestPanel {
  position: relative;
  background: #fff;
  margin: 0px 2px 10px;
  width: 316px;
  box-sizing: border-box;
}
.contestPanel .panelImg{
  max-width: 316px;
  width: auto;
  height: 237px;
  display: block;
  margin: auto;
}
.contestPanel .panelInner{
  box-sizing: border-box;
  width: 316px;
  padding: 6px 10px 0;
}
.contestPanel .title{
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 6px;
  padding: 5px 10px 0;
}
.contestPanel .workType{
  position: relative;
  margin-bottom: 10px;
}
.contestPanel .workType .term {
  padding: 5px 0;
  width: 75px;
  text-align: center;
  border-radius: 5px;
  background: #5397f4;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.contestPanel .workType .description {
  margin: -2.5em 0 0 0;
/*  padding: 0 0 0 90px;
  width: 120px;*/
  padding: 45px 0 0 0;
  width: 100%;
}
.contestPanel .workType .description .icon{
  font-size: 30px;
  font-size: 3rem;
  color: #5397f4;
  margin-right: 10px;
}

.contestPanel .workType .description .fa {
  font-size: 30px;
  font-size: 3rem;
  color: #5397f4;
  width: 30px;
  text-align: center;
}

.contestPanel .workType .description .img {
  padding-left: 5px;
}

.list_typeIcon{
  max-width: 30px;
}

.contestPanel .recepStatus{
  /* position: absolute;
  bottom: 0;
  left: 0; */
  width: 100%;
  height: 4.5em;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-size: 1.3rem;
  box-sizing: border-box;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.noRecruitmentPresent{
  background: #ffffff;
  padding: 50px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 20px;
  text-align: center;
}

.contestPanel:hover .workType .description .fa,
.contestPanel:hover .workType .term,
.contestPanel:hover .recepStatus{
  opacity: 0.8;
}

.result .recepStatus{
  line-height: 3em;
}
.underAnOffer .recepStatus {
  background: #ff3300;
}
.notice .recepStatus{
  background: #ff6600;
}
.result .recepStatus{
  background: #0033cc;
}
.resultAnnounce .recepStatus{
  background: #0033cc;
}
.contestPanel .leftCoin{
  position: absolute;
  top: 0;
  right: 38px;
}
.contestPanel .rightCoin{
  position: absolute;
  top: 0;
  right:0px;
}
.contestPanel .link{
  display: flex;
  flex-direction: column;
  justify-content:space-between;
  height: 100%;
}

.noticeArea .areaTitle{
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  height: 40px;
  background: #e2f0fe;
  border-bottom: 3px solid #3366ff;
  line-height: 2;
  margin: 20px 2px 15px;
}
/*contestBlock 768px以下*/

@media screen and (max-width:768px) {
  .contestPanelContainer{
    margin-bottom: 0;
  }
  .contestPanel {
    width: 100%;
    background: #fff;
    margin: 0px 0px 20px;
  }
  .contestPanel .panelImg{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .contestPanel .panelInner{
    width: 100%;
    padding: 10px 10px 0 10px;
  }
  .contestPanel .title{
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 10px;
  }

  .contestPanel .workType .description .icon{
    font-size: 20px;
    font-size: 2rem;
    margin-right: 5px;
  }
  .contestPanel .workType .description {
    margin: 5px 0 0 0;
    padding: 0;
    word-wrap: break-word;
    width: 275px;
  }
  .list_typeIcon{
    vertical-align: top;
    max-width: 22px;
  }

  .contestPanel .workType .description .fa {
    font-size: 22px;
    font-size: 2.2rem;
    width: 18px;
  }
  .contestPanel .workType .term {
    display: none;
  }
  .contestPanel .deadline, .contestPanel .notice, .contestPanel .closing{
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .contestPanel .leftCoin .icon{
    width: 30px;
  }
  .contestPanel .leftCoin {
    position: absolute;
    top: -6px;
    right: 35px;
  }
  .contestPanel .rightCoin .icon{
    width: 30px;
  }
  .contestPanel .rightCoin {
    position: absolute;
    top: -6px;
    right:0px;
  }
  .contestPanel .recepStatus{
    font-size: 1.2rem;
  }
}

/* textButton */
.textButton{
  background: #33cc00;
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  margin-bottom: 15px;
}
.textButton:after{
  color: #fff;
}
.textButton .text{
  color: #fff;
}
.textButton:hover .text,.textButton:hover:after{
  color: #FCC800;
}

/*色違い用*/
.textButton02{
  background: #ffcc33;
}
.textButton02:after{
  color: #02217c;
}
.textButton02 .text{
  color: #02217c;
}
.textButton02:hover .text,.textButton02:hover:after{
  color: #FFF;
}

/* form用 submitに適用 */
/* ◀左向きに変更 */
.textButton.submit02:after {
  right: inherit;
  left: 20px;
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
/*緑1*/
.textButton.submit01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #33cc66;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  cursor: pointer;
}
/*青 矢印逆向き*/
.textButton.submit02 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #52a0c6;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  cursor: pointer;
}
/* 緑 */
.textButton.submit03 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  cursor: pointer;
}
/* ログインボタンの緑 */
.textButton.submit04{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #3AC519;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  cursor: pointer;
}
.textButton.submit01:hover,
.textButton.submit02:hover,
.textButton.submit03:hover,
.textButton.submit04:hover{
  color: #FCC800;
}
.textButton.submit01 input,
.textButton.submit02 input,
.textButton.submit03 input,
.textButton.submit04 input{
  display: none;
}

/* 黄色 */
.textButton.submit05{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffcc33;
  color: #02217c;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  cursor: pointer;
}
.textButton.submit05:after{
 color: #02217c;
}
.textButton.submit05:hover,.textButton.submit05:hover:after{
  color: #fff;
}
.textButton.submit05 .text{
  display: none;
}

/* 同意ボタンで切り替え用 */
.textButton.submit01.off,
.textButton.submit02.off{
  background: #B2B2B2;
  cursor: default;
}
.textButton.submit01.off:hover,
.textButton.submit02.off:hover{
  color: #fff;
}
.textButton.submit01.off:hover:after,
.textButton.submit02.off:hover:after{
    color: #fff;
}

@media screen and (max-width:768px) {
  .textButton{
    font-size: 16px !important;
    font-size: 1.6rem !important;
  }
}


/* topBlock */

.topBlockInner{
  text-align: center;
  padding: 10px;
  margin-bottom: 30px;
  color: #000;
}
@media screen and (max-width:768px) {
  .topBlockInner{
    margin-bottom: 10px;
  }
}



/* 各ページ個別設定ここから */

/* コンテストリスト */
.contestListBlock{
  margin-bottom: 20px;
  text-align: center;
}

.contestListTitle {
  display: inline-block;
  font-size: 2.5rem;
  border-radius: 40px;
  padding: 14px 30px;
  box-sizing: border-box;
  margin: 25px auto 25px;
  position: relative;
  min-width: 500px;
  max-width: 100%;
}
.contestListTitle.illustration{
  background-color: #ff438b;
  color: #ffffff;
}

.contestListLead{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}


.contestListBlock .bannerImage{
  width: 640px;
  margin: auto;
  padding-bottom: 30px;
}
@media screen and (max-width:768px) {
  .contestListBlock .bannerImage{
    width: 100%;
  }
}

.classData{
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 70px;
}
.classImage{
  max-width: 350px;
  padding-left: 65px;
}
.classContents{
  max-width: 420px;
  padding-right: 65px;
}
.classTitle{
  color:#297cc9;
  font-size: 24px;
  margin-bottom: 20px;
}
.classDescription{
  font-size: 18px;
  margin-bottom: 20px;
}

.classButtonArea{
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 65px;
}
.otherContestButtonArea a{
  font-size: 16px;
}

.viewMoiveButtonArea{
  text-align: right;
  padding-right: 65px;
}
.viewContestButtonArea{
  margin: 30px;
}
a.linkButtonBase{
  font-family: "UD Shin Go Medium JIS2004";
  display: inline-block;
  min-width: 200px;
  box-sizing: border-box;
  position: relative;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 10px;
  padding: 0 24px;
}
a.linkButtonBase .inner{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
a.linkButtonBase .fa-play-circle{
  font-size: 3.5rem;
  vertical-align: sub;
  margin-left: 8px;
}


.buttonViewClass.linkButtonBase{
  background: #F3B152;
}
.buttonViewOtherClass.linkButtonBase{
  background: #f13156;
}
.buttonViewContest.linkButtonBase{
  font-size: 16px;
  background: #F3B152;
}

@media screen and (max-width:768px) {
  .contestListTitle{
      font-size: 1.5rem;
      min-width: inherit;
      width: 100%;
      margin: 5px 0 20px 0;
  }
  .classData{
    display: block;
    padding-bottom: 0;
    width: 80%;
    margin: 0 auto 20px;
  }
  .classImage{
    max-width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    width: 80%;
  }
  .classContents{
    max-width: 80%;
    padding-right: 65px;
    margin-bottom: 20px;
  }
  .classTitle{
    font-size: 18px;
  }
  .classDescription{
    font-size: 16px;
    margin-bottom: 20px;
  }
  .classButtonArea{
    text-align: center;
    position: relative;
    bottom: 0;
    right: 0;
  }
  .viewMoiveButtonArea{
    text-align: center;
    padding-right: 0;
    width: 80%;
    margin: auto;
  }
  a.linkButtonBase{
    width: 100%;
    font-size: 16px;
  }
  .contentBlock06{
    padding: 20px 20px;
  }
}

/* .contest-list-block .block06{
  padding: 0 30px;;
} */

/* 5_1 */
/*topBlock typeList*/
.typeList{
  width: 945px;
  /* padding: 10px 0; */
  margin: 0 auto;
  display: flex;
}
.typeList .title{
  float: left;
  width: 100px;
  height: 40px;
  background: #52a6fa;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 15px;
  border-radius: 5px 0 0 5px;
}
.typeList .list{
  flex: 1;
  height: 52px;
  background: #fff;
  text-align: center;
  font-weight: bold;
  padding-top: 3px;
  display: block;
  cursor: pointer;
}

.typeList .listFirst{
  border-radius: 5px 0 0 5px;
}
.typeList .listLast{
  border-radius: 0 5px 5px 0;
}

.typeList .selected{
/*  background: #FCC800; */
  background: #52a6fa;
}

.typeList .list:hover,
.typeList .listLast:hover{
  background: #52a6fa;
}

.typeList .icon{
  font-size: 28px;
  font-size: 2.8rem;
}
.typeList .list .fa{
  font-size: 29px;
  font-size: 2.9rem;
}

.contestFirstText{
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  /* margin-bottom: 30px; */
}

@media screen and (max-width:768px) {
  .contestFirstText{
    font-size: 13px;
    font-size: 1.3rem;
    padding: 5px;
    /* margin-bottom: 20px; */
  }
  .typeList .title{
    background: #99ccff;
  }
}

/* 5_2詳細ページ */

.detailSection{
  margin-bottom: 20px;
}

.detailMainImg{
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
.detailMainTitle{
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-family: "UD Shin Go Bold JIS2004";
}
.detailMainText{
  margin-bottom: 20px;
}
.detailSecondTitleArea{
  background: #376BFB;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  margin: 0 -35px 10px;
}
.movieTitle{
  margin-bottom: 10px;
}
/* second 5_7のみんなの作品用 */
.detailSecondTitle{
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 10px;
}
.detailSecondText{
  margin-bottom: 10px;
}

/* table */
.detailTable{
  margin-bottom: 5px;
  width:100%;
  border:#cccccc 1px solid;
}
.detailTable th,
.detailTable td{
  font-weight: normal;
  padding:10px;
  font-size: 14px;
  font-size:1.4rem;
  line-height:1.4;
  border-bottom:#cccccc 1px solid;
  vertical-align: middle;
}
.detailTable th{
  text-align: left;
  width:26%;
  background-color:#eae9e9;
  border-right:#cccccc 1px solid;
}
.detailTable .postType{
/*  overflow: hidden; */
  display: flex;
  flex-wrap: wrap;
  width:400px;
}
.detailTable .postType .list{
/*
  float: left;
*/
  margin: 0 5px 5px 0;
  display: flex;
  align-items: center;
  height: 30px;
}

.detailTable .postType .list .fa{
  font-size: 30px;
  width: 30px;
  text-align: center;
  margin: auto;
}

.detailTable .iconImg{
  max-width: 30px;
  margin-right: 5px;
  margin-bottom:5px;
  vertical-align: middle;
  margin: auto;
}

.detailTable .postType .list .listText{
  margin: auto 0 auto 5px;
}

.detailTable .coinIcon{
  vertical-align: -12px;
  margin-right: 5px;
}
.detailTable .quantity{
  margin-right: 10px;
}
.tableAnnotation{
  margin-bottom: 10px;
}
.detailTable .course{
  margin-bottom: 5px;
}
.detailTable .course:before{
  content: "●";
  margin-right: 5px;
}
.detailTable .conditions{
  text-indent: -12px;
  padding-left: 30px;
  margin-bottom: 5px;
  font-size:1.2rem;
}

/* dl */
.detailDefinitionList .definitionTitle{
  width: 140px;
  font-weight: bold;
}
.detailDefinitionList .definitionDescription{
  margin: -20px 0 0 0;
  padding: 0 0 0 140px;
}
.dlAnnotation{
  font-size: 11px;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

/* 丸点リスト */
.circleList .list{
  text-indent: -14px;
  padding-left: 14px;
}
.circleList .list:before{
  content: "●";
  color: #888;
  padding-right: 5px;
}


.loginPrompt{
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.detailSubTitle{
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 4px solid #eeb734;
  margin-bottom: 20px;
  font-family: "UD Shin Go Bold JIS2004";
}
.detailSubImg{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.detailSubText{
  text-align: justify;
  margin-bottom: 20px;
}
.postImportant{
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width:768px) {
  .detailMainImg {
    margin-bottom: 10px;
  }
  .detailMainTitle {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
  .detailMainText{
    margin-bottom: 20px;
  }
  .detailSecondTitleArea{
    margin: 0 -5px 10px;
  }

  /* table */
  .detailTable th,
  .detailTable td{
    display: block;
    width: auto;
    font-size: 13px;
    font-size:1.3rem;
  }
  .detailTable th{
    border-right: none;
  }
  .detailTable .postType{
    width:auto;
  }

  .tableAnnotation {
    margin-bottom: 10px;
  }
  .loginPrompt {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  .detailSubTitle {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 4px;
    border-bottom: 3px solid #eeb734;
    margin-bottom: 10px;
  }
  .detailSubText {
    margin-bottom: 10px;
  }
  .postImportant {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/*contestStatus*/
.contestStatusAccept{
  font-size: 20px;
  font-size: 2.0rem;
  background: #ff3300;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 2px;
}
.contestStatusNotice{
  font-size: 20px;
  font-size: 2.0rem;
  background: #ff6600;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 2px;
}
.contestStatusClosing{
  font-size: 20px;
  font-size: 2.0rem;
  background: #0033cc;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 2px;
}
.campaign{
  margin-left: 10px;
  color: #FCC800;
  font-size: 18px;
  font-size: 1.8rem;
}
.campaign.off{
  display: none;
}

/* 詳細2ページ目 ガンダム7_2_2と同タイプ */

/*tag*/
.tag{
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 10px;
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.tag .list{
  margin: 2.5px 5px 2.5px 0;
}
.tag .link{
  display: block;
  background: #666;
  padding: 5px 10px;
  border-radius: 10px;
  color: #ffffff;
}
.tag .link:hover{
  background: #9eadb1;
}
.tag .selected{
  color: #fff;
  background: #0033CC;
}
.tag .selected:hover{
  background: #01a6fe;
}

/* course */
.courseform .course{
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 10px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.course .list{
  margin: 2.5px 5px 2.5px 0;
}
.course .link{
  display: block;
  background: #666;
  padding: 5px 10px;
  border-radius: 10px;
  color: #ffffff;
}
.course .link:hover{
  background: #9eadb1;
}
.course .selected{
  color: #fff;
  background: #0033CC;
}
.course .selected:hover{
  background: #01a6fe;
}
.courseStyle.link{
  cursor:no-drop;
  pointer-events:none;
  color: #ffffff;
  background: #d9d9d9;
}
.tagsStyle.link{
  cursor:no-drop;
  pointer-events: none;
  color: #ffffff;
  background: #d9d9d9;
}
.courseform{
  position: relative;
  margin: 5px 0;
  padding: 10px;
  background-color:rgba(255,255,255,0.2);
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.tagform{
  position: relative;
  margin: 15px 0;
  padding: 10px;
  background-color:rgba(255,255,255,0.2);
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.courseform .course,.tagform .tag{
  margin: 0;
  padding: 0;
}
.courselabel{
  font-size: 14px;
  width: 105px;
  font-family: "じゅん 34","Jun 34";
  align-items: center;
}
.taglabel{
  font-size: 14px;
  width: 105px;
  align-items: center;
  font-family: "じゅん 34","Jun 34";

}

@media screen and (max-width:768px) {
  .tag .link{
    font-size: 16px;
  }
  .course .list{
    font-size: 16px;
  }
}

/*panelArea*/
.panelArea{
  overflow: hidden;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}
.panelArea .panelOuter{
  width: 316px;
  background: #fff;
  margin: 2px;
}
.panelArea .panel{

}
.feswork .cover{
  width: 100%;
}

.panelThumb{
  width: 100%;
  max-width: 100%;
}
.panelArea .courseName{
  padding: 3px;
  text-align: right;
}

.feswork .panelOutline{
  display: block;
  border-style: solid;
  border-width: 2px;
  box-sizing:border-box;
  overflow:hidden;
  width: 316px;
  position: relative;
}
.textArea{
  padding: 5px 10px;
}
.workTitle{
  overflow: hidden;
  height: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding-bottom: 5px;
}
.userArea{
  overflow: hidden;
  padding: 5px;
  margin-bottom: 5px;
  background: #f6f6f6;
}
.userIcon{
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover;
}
.userText{
  float: left;
}
.userName{
  width: 220px;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.postDate{
  float: left;
  margin-right: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.wonderButton{
  float: left;
  margin-top: -5px;
  height: 24px;
  background: #ff0000;
  border-radius: 5px;
  box-shadow: 1px 1px 2px #5d5d5d;
}
.wonderButton .link{
  display: block;
  color: #fff;
  padding: 3px 10px 3px 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.wonderButton .fa{
  margin-right: 5px;
  font-size: 15px;
  vertical-align: -2px;
}
.wonderButton .link:link, .wonderButton .link:visited {
    color: #fff;
    text-decoration: none;
}
.wonderButton .link:hover{
    color: #fff798;
}
.wonderButton.voted{
  background: none;
  box-shadow: none;
}
.wonderButton.voted .link{
  pointer-events: none;
  color: #ff0000;
  padding: 3px 0 0 0;
}
.panel{
  position: relative;
}
.prize-image{
  position:absolute;
  top: 4px;
  right: 4px;
}

@media screen and (max-width:768px) {
  .panelArea{
    overflow: visible;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:5px;
  }
  .panelArea .panelOuter{
    overflow: hidden;
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
  }
  .panelArea .panel{
    display: block;
  }
  .prize-image img{
   position:absolute;
   height: 35px;
   width: 35px;
   left: -42px;
  }
  .panelArea .panel a{
    width:49%;
  }
  .panelThumb{
    box-sizing: border-box;
    float: left;
    padding: 5px;
    width: 50%;
    max-width: 100%;
  }
  .panelArea .courseName{
    text-align: left;
  }
  .panelArea .wonderButton a{
    width:100%;
  }
  .textArea{
    box-sizing: border-box;
    width: 100%;
    float: right;
    padding: 5px;
  }
  .workTitle{
    height: 40px;
    margin-bottom: 10px;
  }
  .userArea{
    overflow: visible;
    display: table;
    padding: 5px;
    margin-bottom: 5px;
    background: #f6f6f6;
  }
  .userIcon{
    width: 35px;
    height: 35px;
    margin-right: 5px;
  }
  .userText{
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 100%;
  }
  .userName{
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .postDate{
    float: none;
    margin: 0 0 0 -35px;
  }
  .wonderButton{
    width: 130px;
    float: none;
    margin: 5px 0 5px -35px;
  }
  .wonderButton .link{
    padding: 3px 0 3px 5px;
  }
  /* コンテスト受賞者バッジ処理 */

}

/* 投稿ページ5_3 */
/* form関連 */
.formGrp{
  margin: 0 0 20px 0;
}
.formTitle{
  box-sizing: border-box;
  border-radius: 6px;
  padding: 8px 20px 6px;
  margin: 0 auto 20px;
  width: 100%;
  background-color: #666666;
  vertical-align: baseline;
  text-align: left;
  margin-bottom: 15px;
}
.formTitle.first{
  margin-top: 0;
}
.formTitleText{
  color: #FFFFFF;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.formText{
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 10px 5px;
}
.postAnnotation01{
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  padding-left: 10px;
  color: #ff0000;
}

.formItemText {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 10px 5px;
}

/* input radio checkbox */
.formInputRadio{
  margin: 5px;
  vertical-align: 1px;
}
.formInputCheckbox{
  margin: 5px;
  vertical-align: 2px;
}
.radioLabel,.checkboxLabel{
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}
/* input file */
.fileSelectArea{
  position: relative;
}
.fileSelectLabel{
  display: block;
  margin-top: 10px;
  position: relative;
  width: 100%;
  height: 360px;
  background: #f1f0f0;
  cursor: pointer;
}
/* WAOアプリの新規アプリ選択用 */
.newAppLabel{
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
  height: 120px;
  background: #f1f0f0;
  cursor: pointer;
}
.formInputFile{
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}
.fileSelectMark{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40%;
  left: 50%;
  margin: -50px 0 0 -50px;
}
.newAppMark{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
}
.balloonText {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 75px 0 0 -138px;
  display: inline-block;
  padding: 0 30px;
  width: auto;
  min-width: 115px;
  height: 40px;
  color: #333;
  line-height: 40px;
  text-align: center;
  background: #fff;
  z-index: 10;
  border-radius: 10px;
  box-shadow: 2px 2px 5px #b7b3b3;
  pointer-events: none;

}
.balloonText:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 15px 30px 15px;
  border-color: transparent transparent #fff transparent;
}
.noContestsBeingRecruited{
  background-color: #fff;
  padding: 15px;
}
/* input text */
.formInputText {
  margin: 0;
  background: none;
  outline: none;
  border: 2px solid #d1d1d1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 6px;
  padding: 10px;
  vertical-align: 4px;
}
/* textarea */
.formTextarea {
  margin: 0;
  background: none;
  outline: none;
  border: 2px solid #d1d1d1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px;
  border-radius: 4px;
}
/* select */
select::-ms-expand {
  display: none;
}
.selectCover{
  position: relative;
}
.selectCover:before {
  box-sizing: border-box;
  content: "\f04b";
  position: absolute;
  top: 50%;
  right: 2px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 2;
  margin-top: -18px;
  font-family: FontAwesome;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
  font-size: 18px;
  font-size:1.8rem;
  z-index: 10;
  pointer-events: none;
  color:#ff6600;
  background: #f1f0f0;
  border-radius: 2px 2px 0 0;
  pointer-events: none;
}
.formSelect {
  position: relative;
  box-sizing: border-box;
  border: 2px solid #d1d1d1;
  width: 100%;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 4px;
  padding: 0 5px;
  background: #fff;
  cursor: pointer;
}

/* 性別自由記述 */
.sexFreeText{
  margin-top: 8px;
  display: none;
}

/* アンケート */
.inquiryTitle{
  margin:0 0 10px 5px;
}
.inquiryTitleText{
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.inquiryTitleText:before{
  content: "■";
  vertical-align: 3px;
  padding-right: 5px;
}
 .formGrp img{
  margin-bottom: 10px;
  max-width: 100%;
  height: auto;
}

.postAnnotation02{
  font-size: 16px;
  font-size: 1.6rem;
  color: #ff0000;
  text-align: left;
  margin: 2px 0 10px 7px;
}

/* 確認事項 */
.checkListTitle{
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ff6600;
  margin-top: 30px;
}
.checkListTitle .fa{
  color: #f7931e;
  font-size: 30px;
  font-size: 3.0rem;
  vertical-align: -4px;
  margin-right: 5px;
}
.checkListText{
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 10px;
}
.rejectionList{
  margin-top: 10px;
  padding: 10px;
  background: #fdfad4;
  font-size: 14px;
  font-size: 1.4rem;
}
.rejectionList .listLast{
  margin-top: 1rem;
}
.privacyTitle{
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin-top: 10px;
}
.privacyUseList{
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 5px;
}
.textButtonArea, .checkBoxArea{
  text-align: center;
}
.textButtonArea{
  text-align: center;
  margin-top: 10px;
}

/* 5-4確認画面 */
.answerText{
  background: #f2f2f2;
  padding: 10px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
.postImg{
  width: 100%;
}
.answerFloatList{
  overflow: hidden;
  background: #f2f2f2;
  padding: 10px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
.answerFloatList .list{
  float: left;
}
.answerFloatList .list:before{
  content: ",";
  padding: 0 5px;
}
.answerFloatList .list:first-child:before{
  content: "";
  padding: 0;
}
.answerList{
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 10px 5px;
}
.answerList .list{
  margin-bottom: 5px;
  text-indent: -21px;
  padding-left: 21px;
}
.answerList .list:before{
  content: "\f00c";
  margin-right: 5px;
  color: #707070;
  font-family: FontAwesome;
}
.otherAnswerText{
  text-indent: 0px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #f2f2f2;
  padding: 10px;
  margin-top: 5px;
  border-radius: 4px;
}
.textButtonArea02{
  margin: 20px 0 0;
}
@media screen and (max-width:768px) {
  .textButtonArea02{
    margin-top: 10px;
  }
}

/* 5-5 投稿完了 */
.lessonBlock,.contentBlock{
  padding: 20px 35px;
  position: relative;
}

.detailInner.mypageLink01{
  padding: 20px 0 0;
}
@media screen and (max-width:768px) {
.lessonBlock,.contentBlock{
  padding: 20px 5px;
  position: relative;
}
  .detailInner.mypageLink01{
  padding: 15px 5px 0;
  }
}

.postEndTitle,.postEndText{
  text-align: center;
  font-size: 18px;
  font-size: 1.rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
}

/* 授業スライダー、コンテスト一覧 1_1より */
html,body,div,button{
  margin:0;
  padding:0;
}

.triangle{
  width: 0;
  height: 0;
  border-left:5px solid black;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position:absolute;
  top:50%;
  left:8px;
  transform:translateY(-50%);

}
.triangle_open{
 transform:translateY(-50%) rotate(90deg);
}

.choose_menu{
  position:relative;
  display:block;
  width:calc( 100% - 10px );
  margin:auto;
  /* background:transparent; */
  background-color: white;
  padding:3px;
}

.menu_space{
  width:calc( 100% - 10px );
  margin:auto;
  /* border:1px solid #999; */
  box-sizing:border-box;
  /* padding:10px; */
  display:none;
}

/*blockタイトル＋テキスト*/

.blockTitle {
  float: left;
  margin: 0 25px 15px 0;
}
.blockText {
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
}
.oneLine {
  padding-top: 14px;
}
.clubTitle01{
  color: #ffff33;
}
.clubTitle02{
  color: #fff;
}


/*タイトル＋テキスト 768px以下*/

@media screen and (max-width:768px) {
  .blockTitle {
    float: none;
    margin: 0 0 10px 0;
  }
  .blockTitle .img {
    height: auto;
  }
  .contestSliderBlock .blockTitle .img {
    width: 170px;
  }
  .blockText {
    float: none;
    text-align: center;
    padding-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/*続きを見るボタン 02が薄い青*/

.seeMoreButton {
  position: absolute;
  top: 20px;
  right: 35px;
}
.seeMoreButton .link {
  box-sizing: border-box;
  padding: 10px 20px;
  overflow: hidden;
  border-radius: 5px;
  border-radius: 6px;
  display: inline-block;
}
.seeMoreButton01 .link {
  box-shadow: 1px 1px 4px #6f3711;
  background-color: #ff6600;
}
.seeMoreButton02 .link {
  box-shadow: 1px 1px 6px #144109;
  background-color: #3ac519;
}
.seeMoreButton03 .link {
  box-shadow: 1px 1px 6px #0e345d;
  background-color: #2177d7;
}
.seeMoreButton .link .text {
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
.seeMoreButton .link .text .fa {
  color: #fff;
  font-size: 30px;
  font-size: 3.0rem;
  vertical-align: -4px;
  text-indent: 10px;
}
.seeMoreButton .link:hover .text,
.seeMoreButton.link:hover .text .fa {
  color: #fff798;
}

/*続きを見るボタン 768px以下*/

@media screen and (max-width:768px) {
  .seeMoreButton {
    position: static;
    text-align: center;
  }
  .seeMoreButton .link {
    padding: 5px 20px;
  }
}

/*lessonBlock*/
.lessonBlock .lessonSlider{
  margin-bottom: 10px;
}
.lessonBlock .lessonMovie .panel {
  background: #fff;
}
.lessonBlock .lessonMovie .movie .img{
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.lessonBlock .lessonMovie .panel{
  margin: 0 2px;
}
.lessonBlock .lessonMovie .panel .text {
  padding: 0 10px;
}
.lessonBlock .lessonMovie .panel .teacherArea{
  margin-top: 10px;
}
.lessonBlock .lessonMovie .teacherPhoto {
  float: left;
  margin: 0 10px 10px 10px;
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover;
}
.lessonBlock .lessonMovie .teacherName {
  float: left;
  width: 220px;
  font-size: 14px;
  font-size: 1.4rem;
}
.lessonBlock .lessonMovie .teacherName .teacher{
  margin-left: 5px;
}


/*lessonBlock 768px以下*/

@media screen and (max-width:768px) {
  .lessonBlock .blockTitle .img {
    width: 100px;
    height: auto;
  }
  .lessonBlock .lessonMovie .panel .text {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .lessonBlock .lessonMovie .teacherPhoto {
    width: 34px;
    height: 34px;
  }
  .lessonBlock .lessonMovie .teacherName {
    float: left;
    width: 60%;
  }
}

/*contestSliderBlock*/

.contestSliderBlock .contestPanel {
  float: left;
  background: #fff;
  margin: 0px 2px 10px;
}
.contestSliderBlock .contestPanel .panelImg{
  width: 316px;
  height: auto;
}
.contestSliderBlock .contestPanel .panelInner{
  box-sizing: border-box;
  width: 316px;
  padding: 20px 20px 0;
}
.contestSliderBlock .contestPanel .panelDetail .title{
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 6px;
}
.contestSliderBlock .contestPanel .workType{
  position: static;
  margin-bottom: 10px;
}
.contestSliderBlock .contestPanel .workType .term {
  padding: 5px 0;
  width: 75px;
  text-align: center;
  border-radius: 5px;
  background: #5397f4;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.contestSliderBlock .contestPanel .workType .description {
  margin: -2.5em 0 0 0;
  padding: 0 0 0 90px;
  word-wrap: normal;
  width: 100%;
}
.contestSliderBlock .contestPanel .workType .description .icon{
  font-size: 30px;
  font-size: 3rem;
  color: #5397f4;
  margin-right: 10px;
}
.contestSliderBlock .contestPanel .workType .description .img {
  padding-left: 5px;
}
.contestSliderBlock .contestPanel .deadline {
  padding: 10px;
  margin: 0 -20px;
  background: #ff3300;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
}

/*contestBlock 768px以下*/

@media screen and (max-width:768px) {
  .contestSliderBlock .contestPanel {
    margin-bottom: 10px;
  }
  .contestSliderBlock .contestBlock .blockTitle .img{
    width: 155px;
  }
  .contestSliderBlock .contestPanel {
    float: none;
    width: 100%;
    background: #fff;
    margin: 0px 2px 10px;
  }
  .contestSliderBlock .contestPanel .panelImg{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .contestSliderBlock .contestPanel .panelInner{
    width: 100%;
    padding: 10px 10px 0 10px;
  }
  .contestSliderBlock .contestPanel .panelDetail .title{
    margin-bottom: 10px;
  }
  .contestSliderBlock .contestPanel .deadline {
    padding: 5px;
    margin: 0 -10px;
    text-align: center;
  }
  .contestSliderBlock .contestPanel .workType .term {
    display: block;
  }
}

  /* スマホ用参加方法リスト */
@media screen and (max-width:768px) {
  .typeList{
    box-sizing: border-box;
    width: 100%;
    flex-wrap: wrap;
  }
  .typeList .title{
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .typeList .list{
    width: 25%;
    flex: initial;
    font-size: 12px;
    font-size: 1.1rem;
  }
  .typeList .listLast{
    border-radius: 0;
  }
  /* ページャー関係（コンテスト結果） */
  /*
  .pager {
    display: block;
    float: left;
  }
  .pager:after {
    clear: both;
  }
  .contentBlock01:after {
    clear: both;
  }
  */
}

.alignRight{
  text-align: right;
}

/*errormodal*/
.modalbk{ display: block; top: 0;left: 0; position:absolute; bottom:0;
width: 100%;height: 100%;background: url("../../../img/v2/modal.png");z-index: 11;}
.modalbk .inner_wrap{ width: auto;height: 100vh; max-width: 420px;margin:15px auto 0;text-align: center; }
.modalbk .inner_wrap .checkpanel{display: inline-block; width: 100%; position: relative;
padding: 30px 20px 25px;    margin: 0 auto; background:#fff; text-align: left; font-size: 16px; line-height: 1.8;}
.modalbk .checkpanel.uploading {min-height:400px;}
.modalbk .load_file{display: table-cell;width:420px; height:400px;vertical-align: middle; text-align: center;}
.modalbk .load_file ul{ display: inline-block; vertical-align:text-top; margin: 0 0 20px 0; padding: 0; background: #fff;
line-height: 1.6em;text-align: center; font-size: 20px; font-weight: bold;}
.editButton{width: 100%;}

@media screen and (max-width:768px) {
.modalbk .checkpanel.uploading {min-height: 178px;}
.modalbk .load_file { height: auto; min-height: 178px;}
.modalbk .load_file ul { font-size: 14px; width:60%;}
.modalbk .inner_wrap .checkpanel {  padding: 20px 10px 15px; box-sizing: border-box;}
.modalbk .load_file ul li.miss_txt{margin: 0; }
.modalbk .load_file .reselectBtnWrp.repair {margin: 20px auto 0;}
.modalbk .load_file .editButton{width: 70%;}
}

.displayhide { display: none; }
.inputfile_displayhide {
    width: 0;
    height: 0;
    visibility: hidden;
}

/*読み込み中*/
.load_wrap{position:relative;}
.load_wrap .load_file{display: table-cell;width:640px; height:358px;vertical-align: middle; background:#f1f0f0;}
.load_wrap .load_file .inner_wrap{display: inline-block; height: 108px;width: 220px;margin: 0 auto;}
.load_wrap .load_file ul{ display: block; max-width: 70%; margin: 15px auto 0; color: #ff8245; line-height: 2; font-size: 16px; text-align: center; font-weight: bold;}
/*読み込み中のバー*/
.load_wrap .bar_wrap{position:absolute; bottom:0; left:0; width:100%;}
.load_wrap .bar_wrap .back_wrap{margin:0 5px 5px 5px; padding:4px; background:#000;}
.load_wrap .bar_wrap .back_wrap .bar{background:#ff7916; width:10%; height: 14px;}

/* 動画投稿時のレイアウト */
.choice_wrap .choose_file{display: table-cell;width:640px; height:358px;
background:#f1f0f0;vertical-align: middle;}
.choice_wrap .choose_file .outer_wrap{position:relative;width:100%; height:auto; min-height: 358px;}
.choice_wrap .choose_file .outer_wrap ul{text-align: center;}
.choice_wrap .choose_file .outer_wrap ul li:nth-child(1),
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2),
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3),
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4){
display: inline-block; min-width: 230px;min-height: 129px;margin:10px 10px 10px 0;position:relative;}
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2){margin:10px 0 10px 0;}
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3){margin:0 10px 0 0;}
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4){margin:0;}

.choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label{
width:100%;height:100%;padding:0;margin:0;display: inline-table;vertical-align: middle;height: 129px;width: 230px;}

.choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label span,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label span,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label span,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label span{
position:absolute; top:0;left:0;width: 231px;height:129px;border:solid 4px #ff7916;text-align:left; box-sizing: border-box;}

.choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label span.hide,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label span.hide,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label span.hide,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label span.hide{display: none;}
.choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label span img,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label span img,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label span img,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label span img{width:auto; height: 38px;}

.choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label input,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label input,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label input,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label input{
position:absolute;width: 96%;height: 96%;border: none;	background: none; z-index:1;opacity: 0;}

.choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label .core,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label .core,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label .core,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label .core{
display:table-cell; width:230px; vertical-align: middle;}

.choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label img,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label img,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label img,
.choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label img{
height:auto; width:auto; max-width:230px;max-height: 129px;}
.choice_wrap .balloonText{top: 64%;}

/*画像投稿時のレイアウト*/
.preview_wrap .pre_file{display: table-cell;width:640px; height:358px;
background:#f1f0f0;vertical-align: middle; text-align: center;}
.preview_wrap .pre_file img { width:auto; height:auto;max-width: 640px;}

/* スマホ用参加方法リスト */
@media screen and (max-width:768px) {
  .preview_wrap .pre_file,
  .choice_wrap .choose_file,
  .load_wrap .load_file,
  .select_file{  display: table;width:100%; height: auto; min-height:218px;
  background:#f1f0f0;padding: 5px 0;vertical-align: middle;}
  .preview_wrap .pre_file img { width:100%; height:auto;}

  .select_file .ball_wrap {display: table-cell;width: 100%; vertical-align: middle;}
  .choice_wrap .choose_file .outer_wrap .balloon,
  .select_file .balloon { width: 90%;  height: 34px;font-size: 18px;}
  .choice_wrap .choose_file .outer_wrap .balloon span,
  .select_file .balloon span {height: 34px;}
  .load_wrap .load_file ul {max-width: 90%;font-size: 12px;}
  .pre_txtara_wrap ul li,
  .txtara_wrap ul li:nth-child(1) { height: 28px; line-height: 28px; padding: 0 15px 0 10px;font-size: 14px;}
  .txtara_wrap ul li:nth-child(2),
  .txtara_wrap ul li:nth-child(3) {height: 28px; margin: 0; line-height: 28px;font-size: 12px;}
  .txtara_wrap .ttl {border: 2px solid #d6ca90; font-size: 14px;}
  .pre_txtara_wrap .pre_txt {font-size: 14px;}

  .choice_wrap .balloonText {top: 59%;}

  /* 動画サムネイル */
  .choice_wrap .choose_file .outer_wrap {  height: auto;min-height: 218px;}
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(1),
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(2),
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(3),
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(4){
  display: inline-block; margin:5px 5px 5px 0; position:relative;
  min-width: 117px;min-height: 66px;}

  .choice_wrap .choose_file .outer_wrap ul li:nth-child(2){margin:5px 0 5px 0;}
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(3){margin:0 5px 0 0;}
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(4){margin:0;}

  .choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label{
  display:inline-block; width:100%; height:100%; padding:0; margin:0;
  display: inline-table;height: 86px;}

  .choice_wrap .choose_file .outer_wrap ul li{width:38%;}
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label img,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label img,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label img,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label img{
  width:auto; height: auto; max-width:100%;
  max-height: 86px;}

  .select_file .outer_wrap ul li:nth-child(1) label span,
  .select_file .outer_wrap ul li:nth-child(2) label span,
  .select_file .outer_wrap ul li:nth-child(3) label span,
  .select_file .outer_wrap ul li:nth-child(4) label span{
  position:absolute; display: block; max-width: 100%;height: 100%;
  border:solid 2px #ff7916; text-align:left;}

  .choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label .core,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label .core,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label .core,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label .core{
  display:table-cell; width:242px; vertical-align: middle;}

  .select_file .outer_wrap ul li:nth-child(1) label span img,
  .select_file .outer_wrap ul li:nth-child(2) label span img,
  .select_file .outer_wrap ul li:nth-child(3) label span img,
  .select_file .outer_wrap ul li:nth-child(4) label span img{width:22px;}

  .choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label span img,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label span img,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label span img,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label span img {width: auto;height: 19px;}

  .choice_wrap .choose_file .outer_wrap ul li:nth-child(1) label span,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(2) label span,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(3) label span,
  .choice_wrap .choose_file .outer_wrap ul li:nth-child(4) label span {width: 100%;height: 100%;}

  .choice_wrap .choose_file .outer_wrap .btm_balloon{width: auto;}
  .sp_margin {display:block;margin:0 10px;}
  .pre_txtara_wrap .pre_txt {height:auto; min-height: 56px;}
}

.caution_img_area{
  display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  padding: 10px 0;
  background-color: #F4F4F4;
}

.caution_img_area .content{
  width:25%;
}
.caution_img_area .content .img{
  margin-left: 5px;
}

.caution_img_area .content .text{
  word-break:break-all;
  padding: 10px 12px 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}

@media screen and (max-width:768px) {
  .caution_img_area .content {
  	-webkit-flex: 1 0 100%;
  	flex: 1 0 100%;
  }
  .caution_img_area .content .text{
    text-align:center;
    word-break:break-all;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.scrollArea{
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
  height: 750px;
}
.scrollAreaApp{
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
  height: 480px;
}


/* お題時のレイアウト */
.theme_wrap .theme_file{display: table-cell;width:640px; height:358px;
background:#f1f0f0;vertical-align: middle;}
.theme_wrap .theme_file .outer_wrap{position:relative;width:100%; height:auto; min-height: 179px; padding-bottom: 60px;margin-bottom: 10px;}
.theme_wrap .theme_file .outer_wrap ul{text-align: center;}
.theme_wrap .theme_file .outer_wrap ul li{
display: inline-block; min-width: 230px;min-height: 129px;margin:10px 10px 10px 0;position:relative;}
.theme_wrap .theme_file .outer_wrap ul li:nth-child(4n+2){margin:10px 0 10px 0;}
.theme_wrap .theme_file .outer_wrap ul li:nth-child(4n+3){margin:0 10px 0 0;}
.theme_wrap .theme_file .outer_wrap ul li:nth-child(4n){margin:0;}

.theme_wrap .theme_file .outer_wrap ul li label{
width:100%;height:100%;padding:0;margin:0;display: inline-table;vertical-align: middle;height: 129px;width: 230px;}

.theme_wrap .theme_file .outer_wrap ul li label span{
position:absolute; top:0;left:0;width: 231px;height:129px;border:solid 4px #ff7916;text-align:left; box-sizing: border-box;}

.theme_wrap .theme_file .outer_wrap ul li label span.hide{display: none;}
.theme_wrap .theme_file .outer_wrap ul li label span img{width:auto; height: 38px;}

.theme_wrap .theme_file .outer_wrap ul li label input{
position:absolute;width: 96%;height: 96%;border: none;	background: none; z-index:1;opacity: 0;}

.theme_wrap .theme_file .outer_wrap ul li label .core{
display:table-cell; width:230px; vertical-align: middle;}

.theme_wrap .theme_file .outer_wrap ul li label img{
height:auto; width:auto; max-width:230px;max-height: 129px;}
.theme_wrap .balloonText{top: auto; bottom: 0;margin: 0 0 0 -120px}

/* スマホ用参加方法リスト */
@media screen and (max-width:768px) {
  .theme_wrap .theme_file{  display: table;width:100%; height: auto; min-height:109px;
  background:#f1f0f0;padding: 5px 0;vertical-align: middle;}

  /* 動画サムネイル */
  .theme_wrap .theme_file .outer_wrap {  height: auto;min-height: 109px;}
  .theme_wrap .theme_file .outer_wrap ul li{
  display: inline-block; margin:5px 5px 5px 0; position:relative;
  min-width: 117px;min-height: 66px;}

  .theme_wrap .theme_file .outer_wrap ul li:nth-child(4n+2){margin:5px 0 5px 0;}
  .theme_wrap .theme_file .outer_wrap ul li:nth-child(4n+3){margin:0 5px 0 0;}
  .theme_wrap .theme_file .outer_wrap ul li:nth-child(4n){margin:0;}

  .theme_wrap .theme_file .outer_wrap ul li label{
  display:inline-block; width:100%; height:100%; padding:0; margin:0;
  display: inline-table;height: 86px;}

  .theme_wrap .theme_file .outer_wrap ul li{width:38%;}
  .theme_wrap .theme_file .outer_wrap ul li label img{
  width:auto; height: auto; max-width:100%;
  max-height: 86px;}

  .theme_wrap .theme_file .outer_wrap ul li label .core{
  display:table-cell; width:242px; vertical-align: middle;}

  .theme_wrap .theme_file .outer_wrap ul li label span img {width: auto;height: 19px;}

  .theme_wrap .theme_file .outer_wrap ul li label span {width: 100%;height: 100%;}

  .theme_wrap .theme_file .outer_wrap .btm_balloon{width: auto;}

}

.theme_head{
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.themeImgArea{
  text-align:center;
}

.themeImg{
  width:45%;
  margin:5px;
}
.animePostWord{
  font-size: 19px;
  font-size: 1.9rem;
  margin-bottom: 20px;
  font-weight: bold;
}

@media screen and (max-width:768px) {
  .theme_head {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
  .animePostWord{
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: bold;
  }
}

/* 投稿作品：WAOアプリ */

/* お題時のレイアウト */
.theme_wrap .work_file{
  width:640px;
  height:445px;
  overflow: scroll;
  background:#f1f0f0;
  vertical-align: middle;
}

.theme_wrap .work_file .outer_wrap{
  position:relative;
  width:96%;
  height:auto;
  min-height: 179px;
  padding-bottom: 10px;
}

.theme_wrap .work_file .outer_wrap ul{
  text-align: left;
}

.theme_wrap .work_file .outer_wrap ul li{
  display: inline-block;
  width: 100%;
  min-height: 129px;
  margin:10px 0 0 10px;
  position:relative;
}

.theme_wrap .work_file .outer_wrap ul li label{
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  display: inline-table;
  vertical-align: middle;
  text-align: left;
}

.theme_wrap .work_file .outer_wrap ul li label span{
  position:absolute;
  top:0;
  left:30px;
  width: 129px;
  height:129px;
  border:solid 4px #ff7916;
  text-align:left;
  box-sizing: border-box;
}

.theme_wrap .work_file .outer_wrap ul li label span.hide{
  display: none;
}

.theme_wrap .work_file .outer_wrap ul li label span img{
  width:auto; height: 38px;
}

.theme_wrap .work_file .outer_wrap ul li label input{
  position:absolute;
  width: 96%;
  height: 96%;
  border: none;
  background: none;
  z-index:1;
  opacity: 0;
}

.theme_wrap .work_file .outer_wrap ul li label .core_l{
  display:table-cell;
  width:129px;
  height: 129px;
  vertical-align: middle;
  padding: 0 20px 0 30px;
}

.theme_wrap .work_file .outer_wrap ul li label .core_r{
  display:table-cell;
  max-width:360px;
  max-height: 129px;
  padding-left:10px;
  vertical-align: middle;
  font-size:16px;
  font-size: 1.6rem;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.theme_wrap .work_file .outer_wrap ul li label img{
  height:auto;
  width:auto;
  max-width:129px;
  max-height: 129px;
}

.theme_wrap .balloonText{
  top: auto;
  bottom: 0;
  margin: 0 0 0 -120px;
}

@media screen and (max-width:768px) {
  .theme_wrap .work_file{
    width:365px;
    height:370px;
  }
  .theme_wrap .work_file .outer_wrap ul li{
    min-height: 109px;
  }
  .theme_wrap .work_file .outer_wrap ul li label .core_l{
    width: 109px;
    height: 109px;
    padding: 0 10px 0 15px;
  }

  .theme_wrap .work_file .outer_wrap ul li label .core_r{
    max-width:190px;
    max-height: 109px;
    padding-left:5px;
    font-size:14px;
    font-size: 1.4rem;
  }

  .theme_wrap .work_file .outer_wrap ul li label span{
    position:absolute;
    top:0;
    left:15px;
    width: 109px;
    height:109px;
  }
  .theme_wrap .work_file .outer_wrap ul li label img{
    max-width:109px;
    max-height: 109px;
  }
  .theme_wrap .work_file .outer_wrap ul li label span img{
    width:auto; height: 26px;
  }
}

.modalblock .mainContentPanel .modalFront{
  z-index:110000;
}

.courseEmptyPostModal .modal_text .caution{
  font-size: 24px;
  margin-bottom: 5px;
  color:#ff6600;;
  text-align: center;
}

.courseEmptyPostModal .modal_text .caution_text{
  font-size: 15px;
  padding: 20px 0;
}

.gradeInputModal .modal_text .grade_input_err{
  font-size: 15px;
  color:#ff0000;
}


.courseEmptyPostModal .modal_text .text{
  font-size: 15px;
}

.courseEmptyPostModal .agreeButton{
  width:100%;
  margin-top: 25px;
}

.courseEmptyPostModal .backButton{
  width:100%;
  background: #00bfff;
}
@media screen and (max-width:768px) {
  .courseEmptyPostModal .modalblock .inner_wrap .mainContentPanel{width: 85%;}
}

.courseDisabled {
  color:#ccc;
}



.fes139{
  background: url(https://d38vrblg2ltm93.cloudfront.net/admin/image/2019-02-25_10-35-43-888.png);
  background-attachment: fixed;
  color: #ffffff;
}
.fes207{
  background: url(https://d38vrblg2ltm93.cloudfront.net/admin/image/2020-07-13_19-48-32-642.png);
  background-attachment: fixed;
  color: #ffffff;
  background-size: 16%;
}

.fes207 .pager_title{
  color: #fffd04;
}

.fes139 header,
.fes207 header{
  background: transparent;
}
.fes139 footer,
.fes139 .container{
  background-color: #333333;
}
.fes207 footer,
.fes207 .container{
  background-color: #555b6f;
}
.fes139 header .gnav .list .link{
  font-family: "TypelaboN Regular";
  font-style: italic;;
  font-weight: normal;
  box-sizing: border-box;
  border-left: 1px solid #333333;
}
.fes207 header .gnav .list .link {
  font-family: "TypelaboN Regular";
  font-style: italic;;
  font-weight: normal;
  box-sizing: border-box;
  border-left: 1px solid #40404a;
}
.fes207 header .gnav .list.here .link{
  color: #fffd04;
}

.fes139 header .gnav .list:first-child .link ,
.fes207 header .gnav .list:first-child .link {
  border-left-width: 0;
}

.fes139 header .mainLogo .black_spell,
.fes207 header .mainLogo .black_spell{
  display: none;
}

.fes139 header .mainLogo .white_spell,
.fes207 header .mainLogo .white_spell{
  display: inline-block;
}
.fes139 header .gnav{
  border-radius: 5px;
  background: rgba(96,96,96,0.7);
  background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(128,128,128,0.7) 5%, rgba(128,128,128,0.7) 95%, rgba(0,0,0,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(128,128,128,0.7) 5%,rgba(128,128,128,0.7) 95%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(128,128,128,0.7) 5%,rgba(128,128,128,0.7) 95%,rgba(0,0,0,0.8) 100%);
}
.fes207 header .gnav {
  border-radius: 5px;
  background: #6a6f95;
}
.fes139 header .entry_button,
.fes207 header .entry_button,
.fes139 header .login_button,
.fes207 header .login_button{
  background: #333333;
  color: #ffffff;
}
.fes139 footer .searchBtn,
.fes207 footer .searchBtn{
  background-color: rgba(96,96,96,1);
}
.fes207 header .entry_button,
.fes207 header .login_button{
  border-color: #fffd04;
}


.fes139 .tab .list.here{
  background: rgb(234,185,45);
  background: -moz-linear-gradient(top, rgba(234,185,45,1) 0%, rgba(199,152,16,1) 100%);
  background: -webkit-linear-gradient(top, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);
  background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);
}
.fes207 .tab .list.here{
  background: #212c53;
}



.fes139 [class^=block]{
  background: rgb(234,185,45);
  background: -moz-linear-gradient(top, rgba(199,152,16,1) 0%,rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,rgba(199,152,16,1)  0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(199,152,16,1) 0%,rgba(0,0,0,0) 100%);
}
.fes207 [class^=block]{
  background: #212c53;
}

.fes139 .copyright,
.fes139 #gotop .fa-arrow-up{
  background: #666666
}
.fes207 .copyright,
.fes207 #gotop .fa-arrow-up{
  background: #212c53
}

.fes139 .tab .list{
  background: #999999
}
.fes207 .tab .list{
  background: #6b6f95
}


.fes139 .panelArea .userArea,
.fes207 .panelArea .userArea,
.fes139 .panelArea .panel,
.fes207 .panelArea .panel,
.fes139 .sort-wrap .sort,
.fes207 .sort-wrap .sort,
.fes139 .pager .total,
.fes207 .pager .total,
.fes139 .pager .link,
.fes207 .pager .link{
  background: #333333;
}

.fes139 .detailInner,
.fes207 .detailInner{
  background: #ffffff;
  color: #333333;
}

.fes139 .textButton ,
.fes207 .textButton {
    background: #6bbf4f;
}

@media screen and (max-width: 768px){
  .fes139 header .gnav .list .link ,
  .fes207 header .gnav .list .link {
      border: none;
  }
  .fes139 header .gnav .list,
  .fes207 header .gnav .list {
      border-left: 1px solid #333333;
  }
}