@charset "UTF-8";
.hiddenArea {
  display: none;
}

.textCenter {
  text-align: center;
}

.breadList {
  margin: 0 0 10px;
}
.breadList ul li {
  margin: 0 0 3px;
  display: inline;
  font-weight: normal;
  color: #5f5f5f;
}
.breadList ul li a {
  color: #ed4c59;
  text-decoration: underline;
}
.breadList ul li:after {
  content: ">";
  padding: 0 2px;
}
.breadList ul li:last-child:after {
  content: "";
}
.ajax-loader{
  padding:150px 0 300px 0;
  text-align:center;
}

@media screen and (min-width: 600px) {
  .breadList {
    font-size: 13px;
  }
}
@media screen and (max-width: 599px) and (min-width: 1px) {
  .breadList {
    padding: 0 3.125%;
    font-size: 12px;
  }
}
/* h2 section title */
.sectionTitle {
  margin: 0 0 2%;
  padding: 9px 0 0;
  height: 31px;
  background: #e60012;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.sectionTitle span {
  padding: 0 0 0 10px;
}
.sectionTitle:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: #90000b;
  position: absolute;
  bottom: -4px;
}

@media screen and (min-width: 600px) {
  .sectionTitle {
    font-size: 19px;
  }
}
@media screen and (max-width: 599px) and (min-width: 1px) {
  .sectionTitle {
    margin: 0 0 14px;
    text-align: center;
    font-size: 18px;
  }
}
.sectionTitle .iconPickUp:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url("../../images/common/icon_pickup.png") center center no-repeat;
  background-size: 23px 23px;
  vertical-align: sub;
}
.sectionTitle .iconHotTopics:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 24px;
  height: 23px;
  background: transparent url("../../images/common/icon_hottopics.png") center center no-repeat;
  background-size: 24px 23px;
  vertical-align: sub;
}
.sectionTitle .iconNews:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: 22px;
  background: transparent url("../../images/common/icon_news.png") center center no-repeat;
  background-size: 20px 22px;
  vertical-align: sub;
}
.sectionTitle .iconMovie:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 21px;
  height: 23px;
  background: transparent url("../../images/common/icon_movie.png") center center no-repeat;
  background-size: 21px 23px;
  vertical-align: sub;
}
.sectionTitle .iconFeature:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/icon_feature.png") center center no-repeat;
  background-size: 22px 22px;
  vertical-align: sub;
}
.sectionTitle .iconRank:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 22px;
  height: 20px;
  background: transparent url("../../images/common/icon_rank.png") center center no-repeat;
  background-size: 22px 20px;
  vertical-align: top;
}
.sectionTitle .iconMyPage:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: transparent url("../../images/common/icon_mypage.png") center center no-repeat;
  background-size: 22px 22px;
  vertical-align: top;
}
.sectionTitle .iconMyTheater:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url("../../images/common/icon_mytheater.png") center center no-repeat;
  background-size: 23px 23px;
  vertical-align: sub;
}
.sectionTitle .iconTheater:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 28px;
  height: 22px;
  background: transparent url("../../images/common/icon_theater2.png") center center no-repeat;
  background-size: 28px 21px;
  vertical-align: sub;
}
.sectionTitle .iconSearch:before {
  padding: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 21px;
  height: 22px;
  background: transparent url("../../images/common/icon_search2.png") center center no-repeat;
  background-size: 21px 22px;
  vertical-align: sub;
}

/* h2 section title */
/* #hotTopics main post */
.mainBlock {
}
.mainPost {
  margin: 0 0 2.2%;
  padding: 0.8%;
  background: #fff;
  width: 48%;
  position: relative;
}
.mainPost .imgArea {
  margin: 0 0 10px;
  padding-top: 58%;
  background: #eee;
  position: relative;
}
.mainPost .imgArea a {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mainPost .imgArea a img {
  width: 100%;
}
.mainPost .txtArea a {
  color: #5f5f5f;
}

@media screen and (max-width: 599px) and (min-width: 1px) {
  .mainBlock{
      margin: 0 0 2.2%;
  }
  .mainPost {
    padding: 1.5%;
    width: 97%;
  }
}
/* #hotTopics main post */
/* postList module */
.postList {
  font-size: 14px;
}
.postList li {
  margin: 0 0 3.3333333333333335%;
  padding: 1%;
  background: #fff;
  float: left;
  position: relative;
}
.postList li .imgArea {
  margin: 0 0 10px;
  padding-top: 55%;
  background: #eee;
  position: relative;
}
.postList li .imgArea a {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.postList li .txtArea {
  font-weight: bold;
}
.postList li .txtArea a {
  color: #5f5f5f;
}
#newsTopics .postList li .txtArea,
#pickUp .postList li .txtArea,
#articleList li .txtArea,
#relatedAritcle li .txtArea,
.series li .txtArea{
  overflow: hidden;
  font-weight: bold;
  line-height: 1.5;
}
#newsTopics .postList li .txtArea a,
#pickUp .postList li .txtArea a,
#articleList li .txtArea a,
#relatedAritcle li .txtArea a,
.series li .txtArea a{
  display: block;
  position: relative;
  /*
  height:105px;
  */
  color: #5f5f5f;
}
#newsTopics .postList li .txtArea a:before,
#newsTopics .postList li .txtArea a:after,
#pickUp .postList li .txtArea a:before,
#pickUp .postList li .txtArea a:after,
#articleList li .txtArea a:before,
#articleList li .txtArea a:after,
#relatedAritcle li .txtArea a:before,
#relatedAritcle li .txtArea a:after,
.series li .txtArea a a:before,
.series li .txtArea a a:after{
  background:#fff;
  position: absolute;
}

.postList li .genreArea {
  margin: 15% 0 0 3%;
  width: 100%;
}
.postList li .genreArea a,
.postList li .genreArea .date {
  position: absolute;
  bottom: 4%;
  font-size: 10px;
  color: #e7535f;
}
.postList li .genreArea a.genreTag:before {
  width: 9px;
  padding: 0 4px 0 0;
  content: "";
  display: inline-block;.
  width: 9px;
  height: 9px;
  background: transparent url("../../images/common/icon_tag.png") center center no-repeat;
  background-size: 9px 9px;
  vertical-align: middle;
}
.postList li .genreArea a.genrePRTag {
  color: #a2a2a2;
}
.postList li .genreArea a.genrePRTag:before {
  padding: 0 4px 0 0;
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: transparent url("../../images/common/icon_prtag.png") center center no-repeat;
  background-size: 9px 9px;
  vertical-align: middle;
}
.postList li .genreArea .date {
  font-size: 10px;
  right: 7%;
  font-weight: normal;
  color: #5f5f5f;
}

@media screen and (min-width: 600px) {
  .postList li {
    margin: 0 1% 1% 0;
    width: 22.2%;
  }
  .postList li:last-child {
    margin-right: 0;
  }
  .postList li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) and (min-width: 1px) {
  .postList li {
    margin: 0 1.5% 1.5% 0;
    padding:1.5%;
    width: 46.19%;
    position: relative;
  }
  .postList li:nth-child(odd) {
    float: left;
  }
  .postList li:nth-child(even) {
    float: right;
    margin-right: 0;
  }
}
/* postList module */
/* rankPost settings */
.rankPost {
  margin: 0 0 15px;
  background: #fff;
  position: relative;
}
.rankPost a {
  color: #121212;
}
.rankPost .leftSide {
  float: left;
  max-width: 193px;
    width: 32.3%;
}
.rankPost .leftSide .imgArea {
  max-width: 88px;
  height: auto;
}
.rankPost .leftSide .imgArea img {
  width: 100%;
}
.rankPost .leftSide .ranking {
  margin: 0 0 10px;
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  left: -28.6%;
}
.rankPost .leftSide .ranking span {
  display: inline-block;
  margin: 4px 0 0;
}
.rankPost .leftSide .ranking .num {
  vertical-align: baseline;
  font-size: 18px;
}
.rankPost .leftSide .ranking.no1 {
  background: #dd3845;
  position: relative;
}
.rankPost .leftSide .ranking.no1:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 30px;
  background: transparent url("../../images/common/rank_ribbon01.png") center center no-repeat;
  background-size: 14px 30px;
  position: absolute;
  right: -12px;
}
.rankPost .leftSide .ranking.no2 {
  background: #dd7841;
  position: relative;
}
.rankPost .leftSide .ranking.no2:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 30px;
  background: transparent url("../../images/common/rank_ribbon02.png") center center no-repeat;
  background-size: 14px 30px;
  position: absolute;
  right: -12px;
}
.rankPost .leftSide .ranking.no3 {
  background: #d9af3f;
  position: relative;
}
.rankPost .leftSide .ranking.no3:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 30px;
  background: transparent url("../../images/common/rank_ribbon03.png") center center no-repeat;
  background-size: 14px 30px;
  position: absolute;
  right: -12px;
}
.rankPost .leftSide .ranking.no4, .rankPost .leftSide .ranking.no5 {
  background: #ab9a90;
  position: relative;
}
.rankPost .leftSide .ranking.no4:after, .rankPost .leftSide .ranking.no5:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 30px;
  background: transparent url("../../images/common/rank_ribbon04.png") center center no-repeat;
  background-size: 14px 30px;
  position: absolute;
  right: -12px;
}
.rankPost .rightSide {
  margin: 0 0 0 4%;
  float: left;
  width: 63.7%;
}
.rankPost .rightSide .innerBlock,
.moviePost .rightSide .innerBlock {
  margin: 0 0 10px;
}
.rankPost .rightSide .innerBlock::after,
.moviePost .rightSide .innerBlock::after {
	content: "";
	clear: both;
	display: block;
	height: 0px;
}
.rankPost .rightSide .innerBlock .rankTitle,
.moviePost .rightSide .innerBlock .movieTitle {
  margin: 0 0 10px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
    float: left;
    width: 90%;
}
.moviePost .rightSide .innerBlock .movieTitle {
    text-overflow: unset;
    white-space: normal;
}

.rankPost .rightSide .innerBlock .chk,
.moviePost .rightSide .innerBlock .chk {
	width: 18px;
	float: right;
}
.rankPost .rightSide .innerBlock .chk img,
.moviePost .rightSide .innerBlock .chk img { max-width: 100%; height: auto;}


.rankPost .rightSide .innerBlock .txtArea,
.moviePost .rightSide .innerBlock .txtArea {
  font-weight: normal;
    clear: both;
}

.moviePost .rightSide .innerBlock .status {
	float: left;
}

.rankPost .rightSide .innerBlock .date {
  font-weight: normal;
  color: #a6a6a6;
	float: left;
}
.rightSide .innerBlock .star00,
.rightSide .innerBlock .star05,
.rightSide .innerBlock .star10,
.rightSide .innerBlock .star15,
.rightSide .innerBlock .star20,
.rightSide .innerBlock .star25,
.rightSide .innerBlock .star30,
.rightSide .innerBlock .star35,
.rightSide .innerBlock .star40,
.rightSide .innerBlock .star45,
.rightSide .innerBlock .star50 {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 94px;
	padding-left: 100px;
	padding-top: 18px;
    padding-right: 2px;
	position: relative;
	float: right;
    line-height: 1;
	font-size: 14px;
	color: #000;
}
.rightSide .innerBlock .star00 { background-image: url(../../images/ranking/star_00.png);}
.rightSide .innerBlock .star05 { background-image: url(../../images/ranking/star_05.png);}
.rightSide .innerBlock .star10 { background-image: url(../../images/ranking/star_10.png);}
.rightSide .innerBlock .star15 { background-image: url(../../images/ranking/star_15.png);}
.rightSide .innerBlock .star20 { background-image: url(../../images/ranking/star_20.png);}
.rightSide .innerBlock .star25 { background-image: url(../../images/ranking/star_25.png);}
.rightSide .innerBlock .star30 { background-image: url(../../images/ranking/star_30.png);}
.rightSide .innerBlock .star35 { background-image: url(../../images/ranking/star_35.png);}
.rightSide .innerBlock .star40 { background-image: url(../../images/ranking/star_40.png);}
.rightSide .innerBlock .star45 { background-image: url(../../images/ranking/star_45.png);}
.rightSide .innerBlock .star50 { background-image: url(../../images/ranking/star_50.png);}

.rightSide .innerBlock .star00::before,
.rightSide .innerBlock .star05::before,
.rightSide .innerBlock .star10::before,
.rightSide .innerBlock .star15::before,
.rightSide .innerBlock .star20::before,
.rightSide .innerBlock .star25::before,
.rightSide .innerBlock .star30::before,
.rightSide .innerBlock .star35::before,
.rightSide .innerBlock .star40::before,
.rightSide .innerBlock .star45::before,
.rightSide .innerBlock .star50::before {
	content: "みんなの評価";
    font-size: 12px;
    color: #646464;
	line-height: 15px;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
}

.starArea {
    margin-bottom: -50px;
    padding-left: 19%;
    clear: both;
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
}
.starLarge {
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
    line-height: 1;
	color: #000;
	
	float: none;
    display: inline-block;
	background-size: 165px;
    padding-left: 175px;
    padding-top: 22px;
	font-size: 25px
}
.star00.starLarge { background-image: url(../../images/movie/star_00.png);}
.star05.starLarge { background-image: url(../../images/movie/star_05.png);}
.star10.starLarge { background-image: url(../../images/movie/star_10.png);}
.star15.starLarge { background-image: url(../../images/movie/star_15.png);}
.star20.starLarge { background-image: url(../../images/movie/star_20.png);}
.star25.starLarge { background-image: url(../../images/movie/star_25.png);}
.star30.starLarge { background-image: url(../../images/movie/star_30.png);}
.star35.starLarge { background-image: url(../../images/movie/star_35.png);}
.star40.starLarge { background-image: url(../../images/movie/star_40.png);}
.star45.starLarge { background-image: url(../../images/movie/star_45.png);}
.star50.starLarge { background-image: url(../../images/movie/star_50.png);}
.starLarge::before {
	content: "みんなの評価";
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}


.checkArea {
	float: right;
	/*overflow: hidden;*/
    margin-top: 10px;
}
.checkArea li {
	float: left;
	margin-left: 15px;
}
.checkArea li a {
	display: block;
	/*overflow: hidden;*/
	text-indent: -9999px;
	height: 50px;
	width: 43px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
}
.checkArea li.interest a { background-image: url(../../images/movie/icon_interest_off.png);}
.checkArea li.watch a { background-image: url(../../images/movie/icon_watch_off.png);}
.checkArea li.interest a.on { background-image: url(../../images/movie/icon_interest_on.png);}
.checkArea li.watch a.on { background-image: url(../../images/movie/icon_watch_on.png);}

.checkArea li.interest a.on::before {
	content: "";
	display: block;
	height: 50px;
	width: 43px;
	background: url(../../images/movie/icon_interest_on.png) no-repeat left top;
	background-size: 100% auto;
    opacity: 0;
    -webkit-animation: like 0.2s linear forwards;
    animation: like 0.2s linear forwards;
}
.checkArea li.watch a.on::before {
	content: "";
	display: block;
	height: 50px;
	width: 43px;
	background: url(../../images/movie/icon_watch_on.png) no-repeat left top;
	background-size: 100% auto;
    opacity: 0;
    -webkit-animation: like 0.2s linear forwards;
    animation: like 0.2s linear forwards;
}

.rankPost .rightSide .btnArea .theaterBtn li {
  width: 48%;
}
.rankPost .rightSide .btnArea .theaterBtn li.searchbtn {
  float: left;
}
.rankPost .rightSide .btnArea .theaterBtn li.searchbtn span {
  margin: 10px 0 0;
  display: inline-block;
}
.rankPost .rightSide .btnArea .theaterBtn li.searchbtn span:after {
  margin: 0 0 0 4px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url("../../images/common/icon_arrow.png") center center no-repeat;
  background-size: 20px 20px;
  vertical-align: bottom;
}
.rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn {
  float: right;
}
.rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span {
  margin: 10px 0 0;
  display: inline-block;
}
.rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span:after {
  margin: 0 0 0 4px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
.rankPost .rightSide .btnArea .theaterBtn li.minus span:after {
  background: transparent url("../../images/common/icon_minus.png") center center no-repeat;
  background-size: 20px 20px;
}
.rankPost .rightSide .btnArea .theaterBtn li.plus span:after {
  background: transparent url("../../images/common/icon_plus.png") center center no-repeat;
  background-size: 20px 20px;
}
.rankPost .rightSide .btnArea .theaterBtn li a {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #e60012;
  color: #e60012;
  font-size: 14px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



.belowRank {
  display: none;
}

@media screen and (min-width: 600px) {
  .rankPost .about {
    padding: 3% 8%;
  }
	.rankPost .rightSide .innerBlock,
	.moviePost .rightSide .innerBlock {
    	margin: 0 0 20px;
	}
  .rankPost .txtArea {
    margin: 0 0 15px;
    font-size: 14px;
  }
  .rankPost .date {
    margin: 0 0 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 650px) and (min-width: 600px) {
  .rankPost .about .rightSide .btnArea .theaterBtn li.searchbtn span:after {
    content: none;
  }
  .rankPost .about .rightSide .btnArea .theaterBtn li.mytheaterBtn span:after {
    content: none;
  }
}
@media screen and (max-width: 599px) and (min-width: 1px) {
  .rankPost {
    margin: 0 0 8px;
  }
  .rankPost .about {
    padding: 1.5%;
  }
  .rankPost .leftSide {
    max-width: 86.11px;
    width: 25%;
  }
  .rankPost .leftSide .imgArea {
    max-width: none;
    width: 100%;
  }
  .rankPost .leftSide .imgArea img {
    width: 100%;
  }
  .rankPost .leftSide .ranking {
    margin: 0 0 5px;
    height: 21px;
    font-size: 12px;
    left: -5px;
  }
  .rankPost .leftSide .ranking span {
    margin: 0;
  }
  .rankPost .leftSide .ranking .num {
    font-size: 16px;
  }
  .rankPost .leftSide .ranking.no1:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 21px;
    background: transparent url("../../images/common/rank_ribbon01.png") center center no-repeat;
    background-size: 12px 21px;
    position: absolute;
    right: -12px;
  }
  .rankPost .leftSide .ranking.no2:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 21px;
    background: transparent url("../../images/common/rank_ribbon02.png") center center no-repeat;
    background-size: 12px 21px;
    position: absolute;
    right: -12px;
  }
  .rankPost .leftSide .ranking.no3:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 21px;
    background: transparent url("../../images/common/rank_ribbon03.png") center center no-repeat;
    background-size: 12px 21px;
    position: absolute;
    right: -12px;
  }
  .rankPost .leftSide .ranking.no4:after, .rankPost .leftSide .ranking.no5:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 21px;
    background: transparent url("../../images/common/rank_ribbon04.png") center center no-repeat;
    background-size: 12px 21px;
    position: absolute;
    right: -12px;
  }
  .rankPost .rightSide {
	  width: 71%;
  }
  .rankPost .rightSide .rankTitle {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rankPost .rightSide .txtArea {
    margin: 0 0 6px;
    font-size: 12px;
  }
  .rankPost .rightSide .date {
    margin: 0 0 3px;
    font-size: 11px;
  }
  .rankPost .rightSide .btnArea .theaterBtn li.searchbtn span {
    margin: 7px 0 0;
  }
  .rankPost .rightSide .btnArea .theaterBtn li.searchbtn span:after {
    margin: 0 0 0 4px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent url("../../images/common/icon_small_arrow.png") center center no-repeat;
    background-size: 14px 14px;
    vertical-align: top;
  }
  .rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span {
    margin: 7px 0 0;
    display: inline-block;
  }
  .rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span:after {
    margin: 0 0 0 4px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: top;
  }
  .rankPost .rightSide .btnArea .theaterBtn li.minus span:after {
    background: transparent url("../../images/common/icon_smallminus.png") center center no-repeat;
    background-size: 14px 14px;
  }
  .rankPost .rightSide .btnArea .theaterBtn li.plus span:after {
    background: transparent url("../../images/common/icon_small_plus.png") center center no-repeat;
    background-size: 14px 14px;
  }
  .rankPost .rightSide .btnArea .theaterBtn li a {
    height: 30px;
    font-size: 11px;
  }
  .rankPost .setBtnArea {
    width: 33%;
  }
  .rankPost .setBtnArea ul li a {
    height: 30px;
    font-size: 13px;
  }
  .rankPost .setBtnArea ul li a span {
    margin: 6px 0 0;
  }
  .rankPost .setBtnArea ul li a span:after {
    width: 14px;
    height: 14px;
    background: transparent url("../../images/common/icon_small_arrow.png") center center no-repeat;
    background-size: 14px 14px;
    vertical-align: text-bottom;
  }
	
	.rightSide .innerBlock .star00::before,
	.rightSide .innerBlock .star05::before,
	.rightSide .innerBlock .star10::before,
	.rightSide .innerBlock .star15::before,
	.rightSide .innerBlock .star20::before,
	.rightSide .innerBlock .star25::before,
	.rightSide .innerBlock .star30::before,
	.rightSide .innerBlock .star35::before,
	.rightSide .innerBlock .star40::before,
	.rightSide .innerBlock .star45::before,
	.rightSide .innerBlock .star50::before {
		font-size: 11px;
		line-height: 15px;
	}
	.starArea {
		margin-bottom: 20px;
		margin-top: 10px;
		padding-left: 0;
		text-align: center;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.checkArea li a {
		display: block;
		height: 41px;
		width: 36px;
	}
	
	.checkArea li.interest a.on::before,
	.checkArea li.watch a.on::before{
		height: 41px;
		width: 36px;
	}
}



#drawerMenu .sectionTitle {
    margin: 0 0 5%;
}
#drawerMenu .txtBox {
    margin: 10px 0 10px;
    font-weight: normal;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.2);
    position: relative;
    font-size: 12px;
    font-weight: bold;
}
#drawerMenu .txtBox span {
    font-size: 10px;
    font-weight: normal;
    display: block;
}
#drawerMenu .rankPost .leftSide .ranking {
    margin: 0 0 10px;
    width: 100%;
    height: 25px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    left: -6px;
}
#drawerMenu .rankPost .leftSide .ranking .num {
    font-size: 16px;
}
#drawerMenu .rankPost .leftSide .ranking span {
    margin: 2px 0 0;
}
#drawerMenu .rankPost .leftSide .ranking.no1:after {
    width: 14px;
    height: 25px;
    background: transparent url(../../images/common/rank_ribbon01.png) center center no-repeat;
    background-size: auto 25px;
    right: -12px;
}
#drawerMenu .rankPost .leftSide .ranking.no2:after {
    width: 14px;
    height: 25px;
    background: transparent url(../../images/common/rank_ribbon02.png) center center no-repeat;
    background-size: auto 25px;
    right: -12px;
}
#drawerMenu .rankPost .leftSide .ranking.no3:after {
    width: 14px;
    height: 25px;
    background: transparent url(../../images/common/rank_ribbon03.png) center center no-repeat;
    background-size: auto 25px;
    right: -12px;
}
#drawerMenu .rankPost .leftSide .ranking.no4:after,
#drawerMenu .rankPost .leftSide .ranking.no5:after {
    width: 14px;
    height: 25px;
    background: transparent url(../../images/common/rank_ribbon04.png) center center no-repeat;
    background-size: auto 25px;
    right: -12px;
}


#drawerMenu .rankPost .rightSide .innerBlock .rankTitle {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 90%;
}

#drawerMenu .rankPost .txtArea {
    margin: 0 0 4px;
    font-size: 12px;
}

#drawerMenu .rankPost .date {
    margin: 0 0 5px;
    font-size: 10px;
}

#drawerMenu .rankPost .about {
    padding: 2%;
}
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li a {
    height: 30px;
    font-size: 10px;
}
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.searchbtn span,
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span {
    margin: 6px 0 0;
}
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.searchbtn span:after,
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span:after {
    margin: 0 0 0 4px;
    content: "";
    width: 14px;
    height: 14px;
	
}
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.searchbtn span:after {
    background: transparent url(../../images/common/icon_small_arrow.png) center center no-repeat;
    background-size: 14px 14px;
}
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span:after {
    background: transparent url(../../images/common/icon_plus.png) center center no-repeat;
    background-size: 14px 14px;
}
#drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn.minus span:after {
    background: transparent url(../../images/common/icon_minus.png) center center no-repeat;
    background-size: 14px 14px;
}

@media screen and (min-width: 600px) {
	#drawerMenu .rankPost .rightSide .innerBlock .chk,
	#drawerMenu .moviePost .rightSide .innerBlock .chk {
		width: 18px;
	}
	#drawerMenu .chk a.checkBtn {
		width: 18px;
		height: 18px;
	}
}



#articleRank .rankPost .leftSide {
    max-width: 193px;
    width: 45%;
}
#articleRank .rankPost .leftSide .ranking {
	width: 74%;
}
#articleRank .rankPost .leftSide .imgArea {
    max-width: 160px;
    height: auto;
    background: #eee;
}
#articleRank .rankPost .rightSide {
    margin: 34px 0 0 3%;
    width: 52%;
}
#articleRank .rankPost .rightSide .innerBlock .rankTitle {
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    float: none;
    line-height: 1.5;
    font-size: 14px;
}

.topRanking02,
.topRanking03 {
	display: none;
}
/* rankPost settings */
/* moviePost */
.moviePost {
  margin: 0 0 10px;
  background: #fff;
  position: relative;
  color: #121212;
}
.moviePost a {
  color: #121212;
}
.moviePost .leftSide {
  float: left;
}
.moviePost .rightSide {
  margin: 0 0 0 3%;
  width: 80%;
  float: left;
}
.moviePost .imgArea {
  width: 15%;
}
.moviePost .imgArea img {
  width: 100%;
}
.moviePost .innerBlock {
  margin: 0 0 9px;
  padding: 0;
}
.moviePost .movieTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moviePost .date {
  font-weight: normal;
  color: #646464;
}
.moviePost .tag {
  width: 50px;
  background: #ed4c59;
  color: #fff;
  font-size: 10px;
  text-align: center;
}
.moviePost .btnArea .theaterBtn li {
  width: 48%;
}
.moviePost .btnArea .theaterBtn li.searchbtn {
  float: left;
}
.moviePost .btnArea .theaterBtn li.mytheaterBtn {
  float: right;
}
.moviePost .btnArea .theaterBtn li.singleBtn {
  width: 100%;
}
.moviePost .btnArea .theaterBtn li a,
.moviePost .moreBtn a {
  display: block;
  width: 100%;
  border: 1px solid #e60012;
  color: #e60012;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.moviePost .btnArea .theaterBtn li a span {
  display: inline-block;
}
.moviePost .moreBtn.plusBtn {
  margin: 15px 0 0 ;
}

@media screen and (min-width: 600px) {
  .moviePost .about {
    padding: 1.5%;
  }
  .moviePost .movieTitle {
    margin: 0 0 3px;
    font-size: 18px;
  }
  .moviePost .txtArea {
    margin: 0 0 4px;
    font-weight: normal;
    font-size: 14px;
  }
  .moviePost .tag {
    font-size: 12px;
  }
  .moviePost .date {
    margin: 0 0 5px;
    font-size: 12px;
  }
  .moviePost .btnArea .theaterBtn li.searchbtn span {
    margin: 10px 0 0;
    display: inline-block;
  }
  .moviePost .btnArea .theaterBtn li.searchbtn span:after {
    margin: 0 0 0 4px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url("../../images/common/icon_arrow.png") center center no-repeat;
    background-size: 20px 20px;
    vertical-align: bottom;
  }
  .moviePost .btnArea .theaterBtn li.minus span:after {
    background: transparent url("../../images/common/icon_minus.png") center center no-repeat;
    background-size: 20px 20px;
  }
  .moviePost .btnArea .theaterBtn li.plus span:after {
    background: transparent url("../../images/common/icon_plus.png") center center no-repeat;
    background-size: 20px 20px;
  }
  .moviePost .btnArea .theaterBtn li a {
    height: 40px;
    font-size: 14px;
  }
  .moviePost .btnArea .theaterBtn li a span {
    margin: 10px 0 0;
  }
  .moviePost .btnArea .theaterBtn li a span:after {
    margin: 0 0 0 4px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
  }
  .infoPost .about {
    padding: 5% 3.3333333333333335%;
  }
}
@media screen and (max-width: 890px) and (min-width: 600px) {
  .moviePost .rightSide {
    margin: 0 0 0 2%;
    width: 74%;
  }
  .moviePost .imgArea img {
    width: 100%;
  }
	
	.starArea .starLarge {
		background-size: 140px;
    	padding-left: 150px;
	}
}
@media screen and (max-width: 599px) and (min-width: 1px) {
  .moviePost {
    margin: 0 0 5px;
  }
  .moviePost .about {
    padding: 1.5%;
  }
  .moviePost .about .rightSide{
    width:74% !important;
  }
  .moviePost .imgArea {
    max-width: 28%;
  }
  #relatedMovie .innerArea .moviePost .about .imgArea {
      width:25%;
      max-width: 100px;
  }
    #relatedMovie .innerArea .moviePost .about .rightSide {
        width:70% !important;
    }
    #calendar .moviePost .about .imgArea {
        width:25%;
        max-width: 86.1px;
    }
    #calendar .moviePost .about .rightSide {
        width:72% !important;
    }
    #movieList .moviePost .about .imgArea {
        width:25%;
        max-width: 86.1px;
    }
    #movieList .moviePost .about .rightSide {
        width:72% !important;
    }
    .titleMoviePost.moviePost .about .imgArea {
        width:25%;
        max-width: 86.1px;
    }
    .titleMoviePost.moviePost .about .rightSide {
        width:70% !important;
    }
    .theaterInfoArea .moviePost .about .imgArea {
        width:25%;
        max-width: 86.1px;
    }
    .theaterInfoArea .moviePost .about .rightSide {
        width:70% !important;
    }
    #theaterMovie .moviePost .about .imgArea {
        width:25%;
        max-width: 86.1px;
    }
    #theaterMovie .moviePost .about .rightSide {
        width:70% !important;
    }
  .moviePost .imgArea img {
    width: 100%;
  }
  .moviePost .rightSide {
    margin: 0 0 0 3%;
    width: 69%;
  }
  .moviePost .movieTitle {
    margin: 0 0 3px;
    font-size: 16px;
    line-height: 1.2;
  }
  .moviePost .txtArea {
    margin: 0 0 10px;
    font-weight: normal;
    font-size: 12px;
  }
  .moviePost .tag {
    font-size: 11px;
  }
  .moviePost .date {
    margin: 0 0 5px;
    font-size: 11px;
  }
  .moviePost .btnArea .theaterBtn li.searchbtn span {
    margin: 7px 0 0;
  }
  .moviePost .btnArea .theaterBtn li.searchbtn span:after {
    margin: 0 0 0 4px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent url("../../images/common/icon_small_arrow.png") center center no-repeat;
    background-size: 14px 14px;
    vertical-align: top;
  }
  .moviePost .btnArea .theaterBtn li.minus span:after {
    background: transparent url("../../images/common/icon_smallminus.png") center center no-repeat;
    background-size: 14px 14px;
  }
  .moviePost .btnArea .theaterBtn li.plus span:after {
    background: transparent url("../../images/common/icon_small_plus.png") center center no-repeat;
    background-size: 14px 14px;
  }
  .moviePost .btnArea .theaterBtn li a {
    height: 30px;
    font-size: 11px;
  }
  .moviePost .btnArea .theaterBtn li a span {
    margin: 7px 0 0;
  }
  .moviePost .btnArea .theaterBtn li a span:after {
    margin: 0 0 0 4px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent url("../../images/common/icon_small_plus.png") center center no-repeat;
    background-size: 14px 14px;
    vertical-align: top;
  }
}
/* moviePost */
/* myTheaterMoive */
.myTheaterMoive {
  margin: 0 0 20px;
  border-bottom: 1px solid #d7d7d7;
}
.myTheaterMoive:last-child {
  border: none;
}
.myTheaterMoive .theaterName {
  margin: 0 0 15px;
  font-size: 17px;
}
.myTheaterMoive:last-child {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 599px) and (min-width: 1px) {
  .myTheaterMoive {
    margin: 0 0 15px;
  }
  .myTheaterMoive .theaterName {
    font-size: 15px;
  }
}
/* myTheaterMoive */
/* movie schedule weekList */
.myTheaterBlock {
  display: none;
}
.myTheaterBlock .tabGroup {
  display: block;
}
.myTheaterBlock .rankTabGroup {
  border-top: 1px solid #d2d2d2;
}
.myTheaterBlock .rankTabGroup .theaterName,
.myTheaterBlock .theaterName {
  margin: 3.3333333333333335%;
  border-left: 5px solid #e60012;
  text-indent: 10px;
  font-size: 16px;
  padding:0;
}
.myTheaterBlock .blankArea .txtBlock,
.myTheaterMoive .blankArea .txtBlock,
.moviePost .blankArea .txtBlock{
  padding: 3.3333333333333335%;
}
.myTheaterBlock .blankArea .txtBlock span,
.myTheaterMoive .blankArea .txtBlock span,
.moviePost .blankArea .txtBlock span{
    display: block;
    font-size:14px;
    padding: 20px 0;
    background: #eeeeee;
    text-align: center;
}
.myTheaterBlock .mytheaterSet {
  padding: 3.3333333333333335%;
  border-top: 1px solid #d2d2d2;
}
.myTheaterBlock .mytheaterSet .infoArea {
  padding: 0 0 0 30px;
  float: left;
  width: 50%;
  position: relative;
}
.myTheaterBlock .mytheaterSet .infoArea:before {
  content: "";
  display: inline-block;
  background: transparent url(../../images/header/icon_hdrmytheater.png) center center no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.myTheaterBlock .mytheaterSet .setBtnArea {
  margin: 4px 0 0;
  float: right;
}
.myTheaterBlock .mytheaterSet .setBtnArea ul {
  width: 100%;
}
.myTheaterBlock .mytheaterSet .setBtnArea ul li {
  width: 100%;
  display: inline-block;
}
.myTheaterBlock .mytheaterSet .setBtnArea ul li a {
  display: block;
  width: 100%;
  border: 1px solid #e60012;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #e60012;
  text-align: center;
}
.myTheaterBlock .mytheaterSet .setBtnArea ul li a span {
  display: inline-block;
}
.myTheaterBlock .mytheaterSet .setBtnArea ul li a span:after {
  margin: 0 0 0 4px;
  content: "";
  display: inline-block;
}

@media screen and (min-width: 600px) {
  .myTheaterBlock .mytheaterSet {
    padding: 3% 8%;
  }
  .myTheaterBlock .mytheaterSet .infoArea {
    padding-top: 5px;
  }
  .myTheaterBlock .mytheaterSet .setBtnArea {
    margin: 4px 0 0;
    float: right;
    width: 27%;
  }
  .myTheaterBlock .mytheaterSet .setBtnArea ul {
    width: 100%;
  }
  .myTheaterBlock .mytheaterSet .setBtnArea ul li {
    width: 100%;
    display: inline-block;
  }
  .myTheaterBlock .mytheaterSet .setBtnArea ul li a {
    font-size: 14px;
    height: 40px;
  }
  .myTheaterBlock .mytheaterSet .setBtnArea ul li a span {
    margin: 10px 0 0;
    display: inline-block;
  }
  .myTheaterBlock .mytheaterSet .setBtnArea ul li a span:after {
    margin: 0 0 0 4px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    background: transparent url("../../images/common/icon_arrow.png") center center no-repeat;
    background-size: 20px 20px;
  }
}
.tabGroup {
  display: none;
}

.week .weekList {
  width: 100%;
  background: #ffedee;
}
.week .weekList li {
  padding: 7% 0 0;
  width: 16.65%;
  float: left;
  background: #ffedee;
  position: relative;
}
#sideRank .week .weekList li {
  padding: 15% 0 0;
}
.week .weekList li:first-child a span {
  border: none;
}
.week .weekList li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  font-size: 12px;
  font-weight: normal;
  font-size: 12px;
  color: #ed4c59;
  text-align: center;
}
.week .weekList li a .day {
  padding: 0 0 10%;
  background: #ffedee;
  position: relative;
  display: inline-block;
  width: 100%;
  border-left: 1px solid #f2a0a7;
}
@media screen and (min-width: 600px) {
  .week .weekList li a .day {
    position: absolute;
    top: 5%;
    left: 0;
  }
}
.week .weekList li a .day:after {
  margin: auto;
  content: "";
  display: inline-block;
  width: 7px;
  height: 6px;
  background: transparent url("../../images/common/icon_calendar_off.png") center center no-repeat;
  background-size: 7px 6px;
  position: absolute;
  right: 0;
  bottom: 1%;
  left: 0;
}
.week .weekList li.active {
  background: #ed4c59;
}
.week .weekList li.active a {
  color: #fff;
}
.week .weekList li.active a .day {
  background: #ed4c59;
  border: none;
}
.week .weekList li.active a .day:after {
  background: transparent url("../../images/common/icon_calendar_active.png") center center no-repeat;
  background-size: 7px 6px;
}
.week .weekList li.activeNext a .day {
  border-color: transparent;
}
.week .weekList li.disable a .day {
  border: none;
}

.schedule {
  padding: 3.3333333333333335%;
  background: #fff;
}
.schedule .scheduleBlock {
  margin: 0 0 15px;
}
.schedule .scheduleBlock:last-child {
  margin: 0;
}
.schedule .scheduleBlock .title,
.schedule .scheduleBlock .movieTitle {
  margin: 0 0 5px;
  font-size: 14px;
}
.schedule .scheduleBlock .screen {
  margin: 0 0 5px;
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
  font-size: 13px;
}
.schedule .scheduleBlock .scheduleList {
  margin: 0 0 5px;
}
.schedule .scheduleBlock .scheduleList:last-child {
  margin: 0;
}
.schedule .scheduleBlock .scheduleList li {
  margin: 0 1% 1% 0;
  width: 32.66%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.schedule .scheduleBlock .scheduleList li:nth-child(3n) {
  margin-right: 0;
}
.schedule .scheduleBlock .scheduleList li span {
  padding: 10px 0;
  text-align: center;
  display: block;
  width: 100%;
  background: #fff;
  position: relative;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
}
.schedule .scheduleBlock .scheduleList li span:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
}
.schedule .scheduleBlock .scheduleList li.disable {
  border: 1px solid #828282;
  color: #646464;
}
.schedule .scheduleBlock .scheduleList li.markDisable span:after {
  padding: 0 0 0 5px;
  background: transparent url("../../images/common/icon_disable.png") center center no-repeat;
  background-size: 9px 9px;
}
.schedule .scheduleBlock .scheduleList li.able {
  border: 1px solid #e60012;
  color: #e60012;
}
.schedule .scheduleBlock .scheduleList li.able a {
  color: #e60012;
  display: block;
}
.schedule .scheduleBlock .scheduleList li.markAble span:after {
  padding: 0 0 0 5px;
  content: "◎";
  font-size: 14px;
  font-weight: bold;
}
.schedule .scheduleBlock .scheduleList li.markAble2 span:after {
  padding: 0 0 0 5px;
  background: transparent url("../../images/common/icon_able.png") center center no-repeat;
  background-size: 9px 9px;
}
.schedule .scheduleBlock .scheduleList li.markAble3 span:after {
  padding: 0 0 0 5px;
  content: "△";
  font-size: 9px;
  font-weight: bold;
}
.schedule .scheduleBlock .scheduleTimeList {
  margin: 0 0 5px;
}
.schedule .scheduleBlock .scheduleTimeList:last-child {
  margin: 0;
}
.schedule .scheduleBlock .scheduleTimeList li {
  margin: 0 1% 1% 0;
  width: 19%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.schedule .scheduleBlock .scheduleTimeList li span {
  padding: 10px 0;
  text-align: center;
  display: block;
  width: 100%;
  background: #fff;
  position: relative;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
}
.schedule .scheduleBlock .scheduleTimeList li.disable {
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
}
.schedule .scheduleBlock .scheduleTimeList li.able {
  border: 1px solid #e60012;
  color: #e60012;
}

@media screen and (max-width: 599px) and (min-width: 1px) {
  .week .weekList li {
    padding: 15% 0 0;
  }
  .week .weekList li a {
    font-size: 10px;
  }
  .week .weekList li a .day {
    margin: 12% 0 0;
    padding: 0 0 15%;
  }

  .schedule .scheduleBlock .scheduleList li span {
    font-size: 10px;
  }
  .schedule .scheduleBlock .scheduleTimeList li span {
    font-size: 10px;
  }
}
/* movie schedule weekList */

.imgGuardArea {
  position: relative;
  display: inline-block;
}
.imgGuardArea .imgGuard{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  background: url(../images/spacer.gif);
  z-index:10;
}



.linkArea {
  margin: 0 0 10px;
}
.linkArea .linkAreaTab {
  font-size: 14px;
}
.linkArea .linkAreaTab li {
  float: left;
  width: 33.334%;
  background: #fff;
  text-align: center;
}
#sideRank .linkArea .linkAreaTab li {width: 33.33%;}
.linkArea .linkAreaTab li a {
  display: block;
  color: #b4b4b4;
}
.linkArea .linkAreaTab li span {
  margin: 15px 0 0;
  display: inline-block;
  height: 32px;
  position: relative;
}
.linkArea .linkAreaTab li span:before {
  content: "";
  display: inline-block;
  padding: 0 5px 0 0;
  width: 7px;
  height: 6px;
  background: transparent url("../../images/common/icon_calendar_off_gray.png") top left no-repeat;
  background-size: 7px 6px;
}
.linkArea .linkAreaTab li.current {
  background: #ed4c59;
}
.linkArea .linkAreaTab li.current span {
  color: #fff;
}
.linkArea .linkAreaTab li.current span:before {
  background: transparent url("../../images/common/icon_calendar_active.png") top left no-repeat;
  background-size: 7px 6px;
}

@media screen and (max-width: 599px) and (min-width: 1px) {
  .linkArea {
    margin: 0 0 10px;
  }
  .linkArea .linkAreaTab li {
    font-size: 12px;
  }
}



.chk {
	position: relative;
    padding: 3px 0px;
}
.chk a.checkBtn.off {
	display: block;
	background: url(../../images/ranking/check_off.png) no-repeat left top;
	background-size: 100%;
	width: 18px;
	height: 18px;
}
.chk a.checkBtn.on {
	display: block;
	background: url(../../images/ranking/check_on.png) no-repeat left top;
	background-size: 100%;
	width: 18px;
	height: 18px;
}
.chk .baloon {
	display: none;
	position: absolute;
	top: 14px;
	right: 0;
	background: url(../../images/common/baloon.png) no-repeat center top;
	background-size: 100% 100%;
	padding: 29px 16px 15px;
    width: 112px;
	z-index: 100;
}
.chk .baloon a {
	display: block;
	font-size: 10px;
	line-height: 17px;
	margin-bottom: 8px;
	padding-left: 20px;
	position: relative;
}
.chk .baloon a:last-child { margin-bottom: 0;}
.chk .baloon a.interest {
	background: url(../../images/common/icon_interest_off.png) no-repeat left center;
	background-size: 17px;
}
.chk .baloon a.interest.on {
	background: url(../../images/common/icon_interest_on.png) no-repeat left center;
	background-size: 17px;
	color: #e30b20;
}
.chk .baloon a.interest.on::after {
	content: "";
	background: url(../../images/common/icon_interest_on.png) no-repeat left center;
	background-size: 17px auto;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8.5px;
	opacity: 0;
	-webkit-animation: like 0.3s linear forwards;
	animation: like 0.3s linear forwards;
}
.chk .baloon a.watch {
	background: url(../../images/common/icon_watch_off.png) no-repeat left center;
	background-size: 17px;
}
.chk .baloon a.watch.on {
	background: url(../../images/common/icon_watch_on.png) no-repeat left center;
	background-size: 17px;
	color: #e30b20;
}
.chk .baloon a.watch.on::after {
	content: "";
	background: url(../../images/common/icon_watch_on.png) no-repeat left center;
	background-size: 17px auto;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8.5px;
	opacity: 0;
	-webkit-animation: like 0.3s linear forwards;
	animation: like 0.3s linear forwards;
}
@-webkit-keyframes like {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(1.8); opacity: 0;}
}
@keyframes like {
	0% {transform: scale(1); opacity: 1;}
	100% {transform: scale(1.8); opacity: 0;}
}

@media screen and (min-width: 600px){
	.rankPost .rightSide .innerBlock .chk,
	.moviePost .rightSide .innerBlock .chk {
		width: 22px;
		float: right;
	}
	.chk a.checkBtn.off {
		width: 22px;
		height: 23px;
	}
	.chk a.checkBtn.on {
		width: 22px;
		height: 23px;
	}
	
	.chk .baloon {
    	padding: 34px 20px 20px;
		width: 142px;
	}
	.chk .baloon a {
		display: block;
		font-size: 12px;
    	line-height: 21px;
		margin-bottom: 12px;
    	padding-left: 25px;
	}
	.chk .baloon a:last-child { margin-bottom: 0;}
	.chk .baloon a.interest {
		background: url(../../images/common/icon_interest_off.png) no-repeat left center;
		background-size: 20px;
	}
	.chk .baloon a.interest.on {
		background: url(../../images/common/icon_interest_on.png) no-repeat left center;
		background-size: 20px;
		color: #e30b20;
	}
	.chk .baloon a.watch {
		background: url(../../images/common/icon_watch_off.png) no-repeat left center;
		background-size: 20px;
	}
	.chk .baloon a.watch.on {
		background: url(../../images/common/icon_watch_on.png) no-repeat left center;
		background-size: 20px;
		color: #e30b20;
	}
}




#modalWrap {
	background-color: rgba(0,0,0,0.28);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 11000;
	display: none;
}

#modalWrap #modalContent {
	background-color: #fff;
	padding: 25px;
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#modalWrap #modalContent h4 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}

#modalWrap #modalContent .loginBtn {
    background-color: transparent;
    border-top: none;
    padding: 0;
    margin-bottom: 0;
}

#modalWrap #modalContent .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
}
#modalWrap #modalContent .close a {
	display: block;
	width: 100%;
	height: 30px;
	background: url(../../images/common/btn_close.png) no-repeat left top;
	background-size: 30px;
}


#modalWrap #modalContent .ratingWrap,
#modalWrap #modalContent .addMypage,
#modalWrap #modalContent .removeMypage,
#modalWrap #modalContent .loginWrap { display: none;}

#modalWrap #modalContent .rating p {
	text-align: center;
}
#modalWrap #modalContent .ratingStar {
	margin: 40px 0;
}
#modalWrap #modalContent .ratingStar ul {
	text-align: center;
}
#modalWrap #modalContent .ratingStar li {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../../images/common/rating_star_off.png) no-repeat left top;
	background-size: 100%;
	margin: 0 2px;
}
#modalWrap #modalContent .ratingStar li.on {
	background: url(../../images/common/rating_star_on.png) no-repeat left top;
	background-size: 100%;
}
#modalWrap #modalContent .ratingStar li.ratingNum {
	font-size: 25px;
	font-weight: bold;
	color: #121212;
	background: none;
	line-height: 25px;
    width: auto;
}

#modalWrap #modalContent .ratingReset { margin-bottom: 15px;}
#modalWrap #modalContent .ratingReset a {
	text-align: center;
	display: block;
	border: #a6a6a6 solid 1px;
	line-height: 40px;
	color: #a6a6a6;
}
#modalWrap #modalContent .ratingSave a {
	text-align: center;
	display: block;
	border: #e60012 solid 1px;
	line-height: 40px;
	color: #e60012;
}


#modalWrap #modalContent .addMypage,
#modalWrap #modalContent .removeMypage {
	text-align: center;
	padding: 50px 20px;
}
#modalWrap #modalContent .addMypage p,
#modalWrap #modalContent .removeMypage p {
	margin-bottom: 30px;
}
#modalWrap #modalContent .addMypage img,
#modalWrap #modalContent .removeMypage img { width: 30px; height: auto;}

.loginBtn {
	background-color: #fff;
	border-top: #e60012 solid 2px;
	padding: 40px 40px;
    margin-bottom: 30px;
}
.loginBtn p {
	font-size: 16px;
	color: #000;
	text-align: center;
	margin-bottom: 25px;
}
.loginBtn ul {
	max-width: 260px;
    margin: 0 auto;
}
.loginBtn ul li {
	margin-bottom: 10px;
}
.loginBtn ul li img { max-width: 100%; height: auto;}


@media screen and (min-width: 600px) {
	#modalWrap #modalContent {
		top: 50%;
		left: 50%;
		width: 90%;
		max-width: 600px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#modalWrap #modalContent .ratingReset {
		width: 300px;
		margin: 0 auto 15px;
	}
	#modalWrap #modalContent .ratingSave {
		width: 300px;
		margin: 0 auto;
	}
	
	.registBtn input {
    	width: 300px;
		margin: 0 auto;
	}
}


@media screen and (max-width: 599px) and (min-width: 1px) {

	#modalWrap #modalContent .ratingStar li {
		width: 20px;
		height: 20px;
		margin: 0 2px;
	}
	#modalWrap #modalContent .ratingStar li.ratingNum {
	    font-size: 22px;
	}
}

@media screen and (max-width: 320px) and (min-width: 1px) {
    .rankPost .rightSide .btnArea .theaterBtn li a {
      font-size: 9px;
    }
}
@media screen and (max-width: 908px) and (min-width: 600px) {
    #drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.searchbtn span:after,
    #drawerMenu .rankPost .rightSide .btnArea .theaterBtn li.mytheaterBtn span:after{
        display:none;
    }
}