@charset "utf-8";

/* common */

/* タブ部分色指定 */
.tab .list.here{
  background: #c0c0c0;
}
.tab .list01 .title{
  color: #000000;
}

/*タイトル＋テキスト ABの2パターン Aテキスト横１行 B２行 タイトル画像の幅は各ブロックで指定*/

.blockTitle-A,
.blockTitle-B {
  float: left;
  margin: 0 25px 10px 0;
}
.blockTitle-B {
  margin-bottom: 10px;
}
.blockText-A01,
.blockText-B01 {
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffff33;
}
.blockText-A02,
.blockText-B02 {
  color: #fff;
}
.blockText-B02 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}
.oneLine {
  padding-top: 14px;
}

.contestBlockText {
  padding-top: 8px;
}

.newsBlock .subTitle01,
.newsBlock .subTitle02{
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 10px;
}
  
/*タイトル＋テキスト 768px以下*/

@media screen and (max-width:768px) {
  .blockTitle-A,
  .blockTitle-B {
    float: none;
    margin: 0 0 10px 0;
  }
  .blockTitle-A .img,
  .blockTitle-B .img {
    height: auto;
  }
  .blockText-A01,
  .blockText-B01 {
    float: none;
    text-align: center;
    padding-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .blockText-B01 {
    margin-bottom: 0;
  }
  .blockText-B02 {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    padding-top: 0px;
    margin-bottom: 10px;
  }
  .newsBlock .subTitle01,
  .newsBlock .subTitle02{
    font-size: 16px;
    font-size: 1.6rem;
  }
}

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

.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 6px rgb(18, 28, 52);
  background-color: #3366ff;
  border: 1px solid #003fff;
}
.seeMoreButton02 .link {
  box-shadow: 1px 1px 4px rgb(29, 52, 105);
  background-color: #003f7d;
}

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


@media screen and (max-width:768px) {
  .snsButtons{
    height: 35px;
    left: 10%;
  }
}
@media screen and (max-width: 768px) and (orientation:landscape) {
  .snsButtons{
    left: 27%;
  }
}
@media screen and (max-width:320px) {
  .snsButtons{
    left: 3%;
    width: 305px;
  }
}

/* panelType01 アルバム、コンテスト共通部分 */

.panelType01 {
  background: #fff;
}
.panelType01 .panelImg {
  float: left;
  width: 550px;
  height: 410px;
}
.panelType01 .panelInner {
  box-sizing: border-box;
  float: left;
  width: 410px;
  height: 410px;
  padding: 20px;
}
.panelType01 .panelText {
  height: 250px;
}
.panelType01 .panelText .title {
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 1.5rem;
}
.panelType01 .panelDetail .title {
  margin-bottom: 6px;
  font-size: 15px;
  font-size: 1.5rem;
}
.panelType01 .workType {
  margin-bottom: 10px;
}
.panelType01 .workType .term {
  padding: 5px 0;
  width: 75px;
  text-align: center;
  border-radius: 5px;
  background: #5397f4;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.panelType01 .workType .description {
  margin: -2.5em 0 0 0;
  padding: 0 0 0 90px;
}

.panelType01 .workType .description .icon{
  font-size: 30px;
  font-size: 3rem;
  color: #5397f4;
  margin-right: 10px;
}

.panelType01 .workType .description .fa {
  font-size: 25px;
  font-size: 2.5rem;
  color: #5397f4;
  width: 25px;
  text-align: center;
  margin-right: 5px;
}

.panelType01 .workType .description .img {
  padding-left: 5px;
}
.panelType01 .deadline {
  padding: 15px 0 15px 35px;
  margin-right: -20px;
  background: #ff3300;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
}

.panelType01:hover .workType .description .fa,
.panelType01:hover .workType .term,
.panelType01:hover .deadline {
  opacity: 0.8;
}

/*panelType01 アルバム、コンテスト共通部分 768px以下*/

@media screen and (max-width:768px) {
  .panelType01 .panelImg {
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .panelType01 .panelInner {
    box-sizing: border-box;
    float: none;
    width: 100%;
    height: auto;
    padding: 10px 10px 0 10px;
  }
  .panelType01 .panelText {
    height: auto;
    margin-bottom: 10px;
  }
  .panelType01 .panelText .title {
    margin-bottom: 10px;
  }
  .panelType01 .panelText .text {
    text-align: justify;
  }
  .panelType01 .panelDetail .title {
    margin-bottom: 10px;
  }
  .panelType01 .deadline {
    padding: 10px 0 10px;
    margin: 0 -10px;
    text-align: center;
  }
}

/* 各コンテンツブロック個別設定 */

/*topBlock*/

.topBlock {
  overflow: hidden;
}
.mainSlider {
  width: 640px;
  float: left;
}
.mainSlider .carouselImg{
  width: 640px;
}
.topBlock .panel {
  width: 310px;
  float: right;
}
.weeksRecommend,
.firstTime {
  width: 100%;
  box-sizing: border-box;
  background: #e41622;
  padding: 5px;
  border: 3px solid #e6e9f2;
  border-radius: 10px;
}
.weeksRecommend {
  margin-bottom: 8px;
}
.weeksRegommendTitle,.firstTimeTitle{
  margin-bottom: 5px;
}
.weeksRecommend .detail {
  background: #fff;
}
.weeksRecommend .thumb {
  width: 294px;
}
.weeksRecommend .grp {
  padding: 10px 20px;
}
.weeksRecommend .wrap {
  margin-top: 15px;
}

.weeksRecommend .textName {
  float: left;
  width: 184px;
  font-size: 14px;
  font-size: 1.4rem;
}
.firstTime {
  overflow: hidden;
}
.firstTime .contents {
  display: -webkit-flex;
  display: flex;
}
.firstTime .thumb {
  display: table-cell;
  width: 170px;
  height: 100px;
}
.firstTime .text {
  display: -webkit-flex;
  display: flex;
  width: 100px;
  height: 100px;
  padding: 0 10px;
  background: #fff;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  word-break: break-all;
}

/*topBlock 768px以下*/

@media screen and (max-width:768px) {
  .topBlock {
    overflow: visible;
    border-radius: 0;
    padding: 5px 0 20px;
  }
  .mainSlider {
    width: 100%;
    float: none;
  }
  .mainSlider .carouselImg{
    width: 100%;
    float: none;
  }
  .topBlock .panel {
    box-sizing: border-box;
    width: 100%;
    float: none;
    padding: 0 5px 10px;
  }
  .mainSlider .img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
  }
  .weeksRecommend .detail .thumb {
    width: 100%;
    height: auto;
  }
  .weeksRecommend {
    margin-bottom: 10px;
  }
  .weeksRecommend .textName {
    width: 72%;
  }
  .firstTime .wrap {
    width: 100%;
  }
  .firstTime .movie {
    width: 59%;
  }
  .firstTime .thumb {
    width: 100%;
    height: auto;
  }
  .firstTime .text {
    width: 41%;
    height: auto;
  }
  .weeksRecommend .thumb {
    width: 100%;
  }
}

/*lessonBlock*/

.lessonBlock .blockTitle-A {
  width: 135px;
}
.lessonSlider{
  margin-bottom: 10px;
}
.gundamInfoSlider{
  margin-bottom: 10px;
}
.lessonMovie .panel {
  background: #fff;
  margin: 0 2px;
}
.lessonMovie .movie .img{
  width: 100%;
  max-width: 100%;
}
.lessonMovie .panel .text {
  padding: 10px;
}
.gundamInfoSlider .panel .text {
  padding: 10px;
}
.gundamInfoSlider .panel {
  background: #fff;
  margin: 0 2px;
}

/*lessonBlock 768px以下*/

@media screen and (max-width:768px) {
  .lessonBlock .blockTitle-A .img {
    width: 100px;
    height: auto;
  }
}

/*worksBlock*/

/* 投稿画像設定 */
.cover {
  display: inline-block;
  background-color: #FFF;
  background-position: center center;
  background-repeat: no-repeat;
  width: 145px;
  height: 145px;
  background-size: cover;
  vertical-align: bottom;
}
@media screen and (max-width: 768px){
  .cover {
    width: 100%;
    height: 104px;
  }
}

.infoImg{
  display: inline-block;
  background-color: #f0f0f0;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 177.75px;
  background-size: cover;
  vertical-align: bottom;
}

@media screen and (max-width: 768px){
  .infoImg {
    height: 96px;
  }
}


.worksBlock .blockTitle-A {
  width: 260px;
}
.worksSlider{
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  padding: 15px 10px 15px 15px;
}
.worksSlider .cover{
  margin: 2px;
}

.worksSlider .cover .img{
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

/*worksBlock 768px以下*/

@media screen and (max-width:768px) {
  .worksBlock .blockTitle-B .img{
    width: 180px;
    height: auto;
  }
  .worksSlider{
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
  }
    .worksSlider .cover{
    width: 94%;
    max-width: 100%;
      margin: 0 2%;
  }
}

/*albumBlock*/

.albumBlock .blockTitle-A {
  width: 189px;
  margin-bottom: 10px;
}
.albumBlock .panelInner {
  height: 370px;
}

/*albumBlock 768px以下*/

@media screen and (max-width:768px) {
  .albumBlock .blockTitle-A .img {
    width: 135px;
  }
  .albumBlock .panelInner {
    height: auto;
    padding-bottom: 10px;
  }
}

/*productBlock*/

.productBlock .blockTitle {
  margin-bottom: 10px;
}
.productBlock .subTitle01,
.productBlock .subTitle02 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 10px;
}
.productBlock .subTitle01 .icon,
.productBlock .subTitle02 .icon {
  margin-right: 10px;
  vertical-align: -5px;
}
.productBlock .subTitle02 .icon {
  margin: 0 5px;
  vertical-align: -3px;
}
.productMovie .panel {
  float: left;
  width: 315px;
  background: #fff;
  margin-left: 5px;
}
.productMovie .panel01 {
  margin-left: 0;
}
.productMovie .panel .movie .img {
  width: 315px;
  height: 177px;
}
.productMovie .panel .text {
  padding: 10px;
  height: 38px;
}
.productSlider{
  margin-bottom: 10px;
}
.productSlider .list{
  width: 200px;
  height: 235px;
  background: #fff;
  margin: 0 2px;
  padding: 18.5px;
}
.productSlider .img{
  width: 200px;
  height: 200px;
}
.productSlider .text{
  padding: 10px 0;
}

/*productBlock 768px以下*/

@media screen and (max-width:768px) {
  .productBlock .blockTitle .img {
    width: 240px;
  }
.productBlock .subTitle01,
.productBlock .subTitle02 {
  font-size: 16px;
  font-size: 1.6rem;
}
  .productBlock .seeMoreButton {
    margin-bottom: 6px;
  }
  .productBlock .subTitle02 .icon {
    vertical-align: -4px;
  }
  .productMovie .panel {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 5px;
  }
  .productMovie .panel .movie {
    width: 51%;
    float: left;
  }
  .productMovie .panel .movie .img {
    width: 100%;
    height: auto;
  }
  .productMovie .panel .text {
    float: left;
    box-sizing: border-box;
    width: 49%;
  }
  .productSlider .list{
    box-sizing: border-box;
    width: 50%;
    height: auto;
    padding: 5px;
  }
  .productSlider .img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .productSlider .text{
    height: 48px;
  }
}

/*contestBlock*/

.contestPanel01 {
  margin-bottom: 10px;
}

/*contestBlock 768px以下*/

@media screen and (max-width:768px) {
  .contestPanel02 {
    margin-bottom: 10px;
  }
  .contestBlock .blockTitle-B .img{
    width: 155px;
  }
}

.contestPanel01 .term_space{
  margin-top: 50px;
}
@media screen and (max-width:768px) {
  .contestPanel01 .term_space{
    margin-top: 0;
  }
}

.ultramanInfoTitle{
  font-size:22px;
  color:#fff;
  font-weight:bold;
  line-height: 25px;
  margin-bottom: 10px;
}

.infoImg {
    display: inline-block;
    width: 316px;
    height: 177.75px;
    vertical-align: bottom;
    overflow: hidden;
}

.infoImg .img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.gundamInfoSlider .category {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #34d36c;
    opacity: 0.9;
    padding: 5px 25px 5px 25px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (max-width:768px) {
  .gundamInfoTitle{
    font-size:16px;
  }
  
  .infoImg{
    height: 96px;
    width: auto;
  }
  
  .gundamInfoSlider .category {
    padding:5px;
  }
}

.herotime{
  margin-bottom:3px;
}

.iosDownload{
  width:50%; float:left;
}

.androidDownload{
  width:50%; float:left;
}

.downloadClear{
  clear:both;
  margin-bottom:3px;
}

.snsBlock {
  margin-top: 10px;
}
.wonderButton {
  display: inline-block;
  position: relative;
  background: #ff0000;
  border-radius: 5px;
  box-shadow: 1px 1px 2px #5d5d5d;
}

.wonderButton .link {
  display: block;
  color: #fff;
  padding: 2px 8px 1px;
  font-size: 11px;
  font-size: 1.1rem;
}

.wonderButton.voted {
  background: none;
  box-shadow: none;
}

.wonderButton.voted .link {
  pointer-events: none;
  color: #ff0000;
}

.snsButtons .sns_wrap {
    float: left;
}