@charset "utf-8";
@font-face {
  font-family: 'LogoTypeGothic';
  src: url('../font/LogoTypeGothic.woff') format('woff'), url('../font/LogoTypeGothic.ttf') format('truetype');
}
@font-face {
  font-family: 'LigatureSymbols';
  src: url('../font/LigatureSymbols-2.11.eot');
  src: url('../font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'), url('../font/LigatureSymbols-2.11.woff') format('woff'), url('../font/LigatureSymbols-2.11.ttf') format('truetype'), url('../font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
  font-weight: normal;
  font-style: normal;
}
.flexMixin {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flexCenterMixin {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.symbolMixin {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.countColorMixin {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
}
.userEvaluationSimpleMixin .user {
  font-size: 0.85rem;
  padding-right: 10px;
  color: #968c8a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.userEvaluationSimpleMixin .user img {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
.userEvaluationSimpleMixin .Evaluation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: auto;
}
.userEvaluationSimpleMixin .Evaluation .star {
  text-indent: 3.3rem;
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 3.3rem;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-size: 0.85rem;
  margin-top: 0.2em;
}
.userEvaluationSimpleMixin .Evaluation .star:before,
.userEvaluationSimpleMixin .Evaluation .star:after {
  margin-left: -3.3rem;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  content: "starstarstarstarstar";
  position: absolute;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.userEvaluationSimpleMixin .Evaluation .star:before {
  color: #968c8a;
}
.userEvaluationSimpleMixin .Evaluation .star:after {
  color: #ff6001;
}
.userEvaluationSimpleMixin .Evaluation .star.star0:after {
  width: 0rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star0-5:after {
  width: 3.65rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star1:after {
  width: 4rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star1-5:after {
  width: 4.3rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star2:after {
  width: 4.55rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star2-5:after {
  width: 4.95rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star3:after {
  width: 5.2rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star3-5:after {
  width: 5.6rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star4:after {
  width: 5.9rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star4-5:after {
  width: 6.25rem;
}
.userEvaluationSimpleMixin .Evaluation .star.star5:after {
  width: 6.7rem;
}
.userEvaluationSimpleMixin .Evaluation .count {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 14px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
  margin-left: auto;
  font-size: 0.7rem;
  margin-left: 8px;
}
.userEvaluationTabSimpleMixin .user {
  margin-left: auto;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 0;
}
.userEvaluationTabSimpleMixin .user img {
  position: absolute;
  top: 0;
  left: 0;
}
.userEvaluationTabSimpleMixin .Evaluation {
  margin-right: 10px;
  position: absolute;
  right: 0px;
  bottom: 31px;
}
.commentWrapMixin {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: -webkit-column;
  flex-flow: -ms-column;
  flex-flow: column;
  min-width: 0;
}
.commentWrapMixin .comment {
  margin-bottom: 8px;
  font-size: 0.9rem;
  display: block;
  overflow: hidden;
}
.commentWrapMixin .commentInner {
  display: block;
  height: 5.4rem;
  position: relative;
  word-break: break-all;
}
.commentWrapMixin .commentInner:before {
  background-color: #fff;
  position: absolute;
  content: "…";
  top: 4.1rem;
  right: 0;
  padding-right: 3px;
  padding-left: 3px;
}
.commentWrapMixin .commentInner:after {
  background-color: #fff;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.favoriteIconMixin {
  transition: 0.3s;
  color: #3C3A33;
}
.favoriteIconMixin i {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-right: 0;
  margin-left: 0;
  font-size: 2.15rem;
  transition: 0.3s;
  padding: 10px;
}
.favoriteIconMixin:before {
  position: absolute;
  right: 11px;
  bottom: 10px;
  content: "heart";
  display: inline-block;
  color: #fff;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  font-size: 2rem;
  vertical-align: middle;
  transition: 0.3s;
}
.favoriteIconMixin:hover {
  color: #00a199;
}
.favoriteIconMixin.active {
  color: #00a199;
}
.favoriteIconMixin.active:before {
  color: #00a199;
}
.adult .favoriteIconMixin:hover {
  color: #ea004c;
}
.adult .favoriteIconMixin.active {
  color: #ea004c;
}
.adult .favoriteIconMixin.active:before {
  color: #ea004c;
}
.ellipsisMixin {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.batchMixin a,
.batchMixin span {
  display: block;
  background-color: #fff;
  box-shadow: 0px 1px 2px 1px rgba(15, 5, 0, 0.2);
  position: relative;
  overflow: hidden;
}
.batchMixin a img,
.batchMixin span img {
  vertical-align: middle;
}
.batchMixin a:hover {
  box-shadow: 0px 1px 2px 1px #00a199;
}
.adult .batchMixin a:hover {
  box-shadow: 0px 1px 2px 1px #ea004c;
}
.batchMixin .batchGet:before {
  content: "GET";
  position: absolute;
  top: -5px;
  left: -36px;
  display: block;
  transform: rotate(-45deg);
  color: #000;
  background-color: #fff400;
  padding: 14px 6px 3px 6px;
  width: 80px;
  text-align: center;
  font-size: 0.9rem;
  z-index: 10;
  font-weight: bold;
  font-family: 'Arial Black', "ヒラギノ角ゴ Pro W3", 'sans-serif';
}
.starMixin {
  text-indent: 3.3rem;
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 3.3rem;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-size: 0.85rem;
  margin-top: 0.2em;
}
.starMixin:before,
.starMixin:after {
  margin-left: -3.3rem;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  content: "starstarstarstarstar";
  position: absolute;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.starMixin:before {
  color: #968c8a;
}
.starMixin:after {
  color: #ff6001;
}
.starMixin.star0:after {
  width: 0rem;
}
.starMixin.star0-5:after {
  width: 3.65rem;
}
.starMixin.star1:after {
  width: 4rem;
}
.starMixin.star1-5:after {
  width: 4.3rem;
}
.starMixin.star2:after {
  width: 4.55rem;
}
.starMixin.star2-5:after {
  width: 4.95rem;
}
.starMixin.star3:after {
  width: 5.2rem;
}
.starMixin.star3-5:after {
  width: 5.6rem;
}
.starMixin.star4:after {
  width: 5.9rem;
}
.starMixin.star4-5:after {
  width: 6.25rem;
}
.starMixin.star5:after {
  width: 6.7rem;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  background-color: #f9f7f3;
  color: #3C3A33;
}
body {
  -webkit-text-size-adjust: 100%;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0);
}
::-webkit-input-placeholder {
  color: #cec1b3;
}
:-moz-placeholder {
  color: #cec1b3;
}
::-ms-input-placeholder {
  color: #cec1b3;
}
a {
  color: #00a199;
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  color: #004F47;
  transition: 0.3s;
}
img {
  max-width: 100%;
  height: auto;
}
input[type="text"]:focus {
  outline: none;
}
input[type="button"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
select {
  border-radius: 0;
  border: 1px solid #968c8a;
  background-color: #fff;
  color: #3C3A33;
}
.textCenter {
  text-align: center !important;
}
.textRight {
  text-align: right !important;
}
.textLeft {
  text-align: left !important;
}
.para {
  padding-bottom: 30px;
}
.bgStripeYellow {
  padding: 15px;
  background-image: url(../img/bg_stripe_yellow.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
  margin-bottom: 15px;
}
.bgStripeDilutedGreen {
  padding: 15px;
  background-image: url(../img/bg_stripe_dilutedgreen.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
  margin-bottom: 15px;
}
.noteBox {
  padding: 15px;
  background-color: #f9f7f3;
  margin-bottom: 15px;
}
.note {
  color: #968c8a !important;
}
.disNone,
.disSP {
  display: none;
}
.textS {
  font-size: 0.8rem !important;
}
.textM {
  font-size: 1rem !important;
}
.textL {
  font-size: 1.2rem !important;
}
.textLL {
  font-size: 1.3rem !important;
}
.defaultOl {
  padding-left: 25px;
  margin-bottom: 15px;
}
.defaultOl li {
  margin-bottom: 5px;
}
.defaultUl {
  padding-left: 25px;
  margin-bottom: 15px;
}
.defaultUl li {
  list-style: none;
  position: relative;
  margin-bottom: 5px;
}
.defaultUl li:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 0.4em;
  left: -18px;
  background-color: #00a199;
}
strong.marker {
  background: url(../img/bg_marker.png) left bottom no-repeat;
  background-size: 100% 8px;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
}
strong.caution {
  color: #FF4700 !important;
}
.primaryBtn,
.primaryRoundLabel,
.priorityRoundLabel,
.defaultRoundLabel,
.grayRoundLabel {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: 'LogoTypeGothic', 'メイリオ';
  border-radius: 25px;
  line-height: 27px;
  padding: 10px 45px;
  min-width: 184px;
  vertical-align: bottom;
  transition: 0.3s;
  font-size: 1.3rem;
}
.primaryBtn {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 3px solid #ff6001;
  background-color: #fff400;
  color: #000;
  cursor: pointer;
}
.primaryBtn:hover {
  color: #000;
  background-color: #ff6001;
  border-bottom-width: 0;
  margin-top: 3px;
}
.priorityBtn,
.prioritylightBtn {
  font-family: 'LogoTypeGothic', 'メイリオ';
  background-color: #00a199;
  border-radius: 5px;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  font-size: 1.1rem;
  margin-top: 0;
}
.priorityBtn:hover,
.prioritylightBtn:hover {
  color: #fff;
  background-color: #004F47;
}
.priorityBtn {
  border-bottom: 3px solid #004F47;
}
.priorityBtn:hover {
  border-bottom-width: 0;
}
.primaryRoundLabel {
  background-color: #fff400;
  color: #000;
}
.priorityRoundLabel {
  background-color: #00a199;
  color: #fff;
}
.defaultRoundLabel {
  background-color: #8de7cc;
  color: #004F47;
}
.grayRoundLabel {
  background-color: #E4DACE;
  color: #3C3A33;
}
.defaultBtn,
.defaultlightBtn,
.ladda-button.defaultBtn {
  font-family: 'LogoTypeGothic', 'メイリオ';
  background-color: #8de7cc;
  border-radius: 5px;
  color: #004F47;
  padding: 10px 15px;
  display: inline-block;
  font-size: 1.1rem;
  margin-top: 0;
}
.defaultBtn:hover,
.defaultlightBtn:hover,
.ladda-button.defaultBtn:hover {
  color: #fff;
  background-color: #00a199;
}
.defaultBtn {
  border-bottom: 3px solid #00a199;
}
.defaultBtn:hover {
  border-bottom-width: 0;
}
.borderBtn {
  display: inline-block;
  font-family: 'LogoTypeGothic', 'メイリオ';
  font-size: 1.15rem;
  border: 2px solid #00a199;
  background-color: #fff;
  padding-top: 8px;
  padding: 10px 20px;
  cursor: pointer;
  transition: 0.3s;
}
.borderBtn:hover {
  color: #fff;
  background-color: #00a199;
}
.grayBtn {
  font-family: 'LogoTypeGothic', 'メイリオ';
  background-color: #f9f7f3;
  border-radius: 5px;
  color: #00a199;
  padding: 10px 15px;
  display: inline-block;
  font-size: 1.1rem;
  margin-top: 0;
}
.grayBtn:hover {
  color: #004F47;
  background-color: #E4DACE;
}
.sectionInner {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.newsSection {
  overflow: hidden;
  background: url("../img/bg_tv.gif") left top repeat #fff400;
  background-size: 10px auto;
  padding-top: 30px;
  margin-bottom: 20px;
  /*margin-top: -10px;*/
}
.mainContentsArea .newsSection h2 {
  margin-bottom: 25px;
}
.newsSection h2 {
  display: block;
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0;
  background-color: #fff400;
  transform: rotate(-4deg);
  position: relative;
  color: #000;
}
.newsSection h2:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -3px;
  width: 0px;
  height: 0px;
  transform: rotate(181deg);
  border-style: solid;
  border-width: 5px 260px 20px 0px;
  border-color: #000 transparent transparent transparent;
}
.newsSection .newsWrap {
  background-color: #000;
  box-shadow: 0 0 0 4px #fff400;
  margin-bottom: 20px;
  position: relative;
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.newsSection .newsWrap .newsMessage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  justify-content: flex-start;
  background-color: #fff;
  padding: 12px 15px;
  min-height: 78px;
}
.newsSection .newsWrap .newsMessage .newsThumbnail {
  margin-right: 10px;
}
.newsSection .newsWrap .newsMessage .newsThumbnail a {
  display: block;
}
.newsSection .newsWrap .newsMessage .newsThumbnail a img {
  max-height: 60px;
  width: 95px;
  vertical-align: bottom;
  margin-top: -8px;
  margin-bottom: -8px;
}
.newsSection .newsWrap .newsMessage .newsText {
  margin-right: 10px;
}
.newsSection .newsWrap .newsMessage .prioritylightBtn {
  padding: 6px 12px;
  font-size: 0.9rem;
  white-space: nowrap;
}
.newsSection .newsWrap .newsGallery {
  border-top: dashed 4px #fff400;
  text-align: center;
}
.newsSection .newsWrap .newsGallery:after,
.newsSection .newsWrap .newsGallery:before {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 10;
  border-style: solid;
  border-width: 20px 20px 20px 20px;
  border-color: #fff400 transparent transparent transparent;
}
.newsSection .newsWrap .newsGallery:after {
  top: -20px;
  right: -20px;
  transform: rotate(225deg);
}
.newsSection .newsWrap .newsGallery:before {
  bottom: -21px;
  left: -21px;
  transform: rotate(45deg);
}
.newsSection .newsWrap .newsGallery iframe {
  vertical-align: bottom;
  border: none;
}
.newsSection .newsWrap .newsGallery .imageGallery {
  /*box-shadow: 0 0 0 4px @priorityColor;*/
}
.newsSection .newsWrap .newsGallery .imageGallery img {
  vertical-align: bottom;
}
.column {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: wrap;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.column > li {
  list-style: none;
}
div.column.column2col .col,
ul.column.column2col li {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
div.column.column3col .col,
ul.column.column3col li {
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}
div.column.column4col .col,
ul.column.column4col li {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}
div.column.column5col .col,
ul.column.column5col li {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}
div.column.column6col .col,
ul.column.column6col li {
  width: 16.66%;
  padding-left: 10px;
  padding-right: 10px;
}
.userList {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-flow: wrap;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
}
.userList li {
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.userList li img {
  width: 70px;
  border-radius: 35px;
  transition: 0.3s;
  box-shadow: 0px 0px 0px 5px #fff;
}
.userList li a:hover img {
  box-shadow: 0px 0px 0px 5px #00a199;
}
.batchList {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.batchList li {
  width: 25%;
  display: block;
  list-style: none;
  margin-bottom: 15px;
}
.batchList li,
.userBatch {
  position: relative;
}
.batchList li a,
.userBatch a,
.batchList li span,
.userBatch span {
  display: block;
  background-color: #fff;
  box-shadow: 0px 1px 2px 1px rgba(15, 5, 0, 0.2);
  position: relative;
  overflow: hidden;
}
.batchList li a img,
.userBatch a img,
.batchList li span img,
.userBatch span img {
  vertical-align: middle;
}
.batchList li a:hover,
.userBatch a:hover {
  box-shadow: 0px 1px 2px 1px #00a199;
}
.adult .batchList li a:hover,
.adult .userBatch a:hover {
  box-shadow: 0px 1px 2px 1px #ea004c;
}
.batchList li .batchGet:before,
.userBatch .batchGet:before {
  content: "GET";
  position: absolute;
  top: -5px;
  left: -36px;
  display: block;
  transform: rotate(-45deg);
  color: #000;
  background-color: #fff400;
  padding: 14px 6px 3px 6px;
  width: 80px;
  text-align: center;
  font-size: 0.9rem;
  z-index: 10;
  font-weight: bold;
  font-family: 'Arial Black', "ヒラギノ角ゴ Pro W3", 'sans-serif';
}
.batchList li:after,
.userBatch:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -10px;
  right: -8px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 43px auto;
  width: 43px;
  height: 51px;
}
.batchList li.rare1:after,
.userBatch.rare1:after {
  background-image: url(../img/icon_batch_01.png);
}
.batchList li.rare2:after,
.userBatch.rare2:after {
  background-image: url(../img/icon_batch_02.png);
}
.batchList li.rare3:after,
.userBatch.rare3:after {
  background-image: url(../img/icon_batch_03.png);
}
.batchList li.rare4:after,
.userBatch.rare4:after {
  background-image: url(../img/icon_batch_04.png);
}
.batchList li.rare5:after,
.userBatch.rare5:after {
  background-image: url(../img/icon_batch_05.png);
}
.batchList li.rare6:after,
.userBatch.rare6:after {
  background-image: url(../img/icon_batch_06.png);
}
.whiteBox {
  background-color: #fff;
  padding: 25px 35px;
}
.leftAreaWrap .whiteBox {
  padding: 25px 20px;
}
.spFesBanner {
  display: none;
}
.spFesBanner a {
  display: block;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'LogoTypeGothic', 'メイリオ';
  font-size: 1.1rem;
  color: #fff;
  background-color: #130F50;
  border: 1px solid #130F50;
  text-align: center;
}
.spFesBanner a:hover {
  background-color: #fff;
  color: #130F50;
}
.headerArea {
  position: relative;
}
.headerArea .logo {
  display: inline-block;
  position: absolute;
  top: -98px;
  left: 50%;
  margin-left: -495px;
  height: 79px;
  line-height: 79px;
}
.headerArea .logo a img {
  max-height: 79px;
  width: auto;
  vertical-align: middle;
}
.headerArea .headerNavi {
  height: 90px;
  background-color: #fff;
  text-align: center;
  margin-top: 110px;
}
.headerArea .headerNavi .userNavi {
  position: absolute;
  top: -98px;
  right: 50%;
  margin-right: -495px;
  padding-right: 40px;
}
.headerArea .headerNavi .userNavi li {
  display: inline-block;
  list-style: none;
  padding-right: 25px;
}
.headerArea .headerNavi .userNavi .pointGet {
  padding-right: 5px;
}
.headerArea .headerNavi .userNavi .pointGet .pointList li {
  display: inline-block;
  position: relative;
}
.headerArea .headerNavi .userNavi .pointGet .pointList li img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  vertical-align: middle;
  border: 2px solid #fff;
}
.headerArea .headerNavi .userNavi .pointGet .pointList li span {
  top: -6px;
  left: 16px;
  border-radius: 10px;
  height: 20px;
  min-width: 20px;
  background-color: #00a199;
  color: #fff;
  font-weight: bold;
  line-height: 21px;
  text-align: center;
  font-size: 0.8rem;
  padding: 0px 4px;
  position: absolute;
  letter-spacing: -0.5px;
}
.headerArea .headerNavi .userNavi .user img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  margin-right: 5px;
  vertical-align: middle;
  border: 2px solid #fff;
}
.headerArea .headerNavi .gNavi {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
}
.headerArea .headerNavi .gNavi li {
  width: 18%;
  display: inline-block;
  position: relative;
}
.headerArea .headerNavi .gNavi a {
  display: block;
  height: 90px;
  padding-top: 60px;
  position: relative;
  font-family: 'LogoTypeGothic', 'メイリオ';
  font-size: 1.1rem;
  transition: 0.3s;
  background-size: auto 28px, auto 28px;
}
.headerArea .headerNavi .gNavi a:hover {
  color: #00a199;
}
.headerArea .headerNavi .gNavi a:hover:after {
  background-size: auto 48px;
}
.headerArea .headerNavi .gNavi a:after {
  content: "";
  height: 48px;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  background-size: auto 42px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: 0.3s;
}
.headerArea .headerNavi .gNavi span {
  position: absolute;
  z-index: 2;
  display: inline-block;
  left: 50%;
  top: -0.7em;
  margin-left: -2.5em;
  width: 5em;
  text-align: center;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.4rem;
  border-radius: 0.7rem;
  background-color: #ff6001;
}
.headerArea .headerNavi .gNavi span:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: #ff6001 transparent transparent transparent;
  bottom: -9px;
  left: 50%;
  border-width: 5px;
  margin-left: -5px;
}
.headerArea .headerNavi .gNavi .top {
  display: none;
}
.headerArea .headerNavi .gNavi .top a:after {
  background-image: url(../img/icon_gnav_home.png);
}
.headerArea .headerNavi .gNavi .quest a:after {
  background-image: url(../img/icon_gnav_quest.png);
}
.headerArea .headerNavi .gNavi .favorite a:after {
  background-image: url(../img/icon_gnav_favorite.png);
}
.headerArea .headerNavi .gNavi .new a:after {
  background-image: url(../img/icon_gnav_new.png);
}
.headerArea .headerNavi .gNavi .ranking a:after {
  background-image: url(../img/icon_gnav_ranking.png);
}
.headerArea .headerNavi .gNavi .fes a:after {
  background-image: url(../img/icon_gnav_fes.png);
}
.headerArea .headerNavi .gNavi .fesKaisai a {
  z-index: 2;
}
.headerArea .headerNavi .gNavi .fesKaisai a:after {
  background-image: url(../img/icon_gnav_fes_kaisai.png);
}
.headerArea .headerNavi .gNavi .fesKaisai:after,
.headerArea .headerNavi .gNavi .fesKaisai:before,
.headerArea .headerNavi .gNavi .fesKaisai a:before {
  content: "";
  width: 100%;
  height: 84px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-repeat: no-repeat, no-repeat;
}
.headerArea .headerNavi .gNavi .fesKaisai:after {
  animation: kamifubuki01 1.3s steps(17) infinite;
  background-image: url(../img/bg_kamifubuki_01.png), url(../img/bg_kamifubuki_04.png);
}
.headerArea .headerNavi .gNavi .fesKaisai:before {
  animation: kamifubuki02 2s steps(17) infinite;
  background-image: url(../img/bg_kamifubuki_02.png), url(../img/bg_kamifubuki_01.png);
}
.headerArea .headerNavi .gNavi .fesKaisai a:before {
  animation: kamifubuki03 2.3s steps(17) infinite;
  background-image: url(../img/bg_kamifubuki_03.png), url(../img/bg_kamifubuki_04.png);
}
.headerArea .closeBtn {
  display: none;
}
.headerArea .notice {
  position: absolute;
  top: -98px;
  right: 50%;
  margin-right: -495px;
}
.headerArea .notice .noticeIcon {
  border-radius: 8px;
  border: 2px solid #00a199;
  background-color: #fff;
  height: 30px;
  color: #00a199;
  line-height: 26px;
  transition: 0.3s;
  cursor: pointer;
}
.headerArea .notice .noticeIcon:hover {
  background-color: #00a199;
  color: #fff;
}
.headerArea .notice .noticeIcon span {
  position: absolute;
  top: -7px;
  right: -5px;
  border-radius: 10px;
  height: 20px;
  min-width: 20px;
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 21px;
  text-align: center;
  font-size: 0.8rem;
}
.headerArea .notice .noticeList {
  position: absolute;
  background-color: #fff;
  border-radius: 8px;
  top: 135%;
  right: 0;
  width: 500px;
  box-shadow: 0px 1px 3px 1px rgba(15, 5, 0, 0.2);
  z-index: 200;
}
.headerArea .notice .noticeList:after,
.headerArea .notice .noticeList:before {
  content: "";
  position: absolute;
  right: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
}
.headerArea .notice .noticeList:before {
  top: -11px;
  border-color: transparent transparent #cdcdcd transparent;
}
.headerArea .notice .noticeList:after {
  top: -10px;
  border-color: transparent transparent #fff transparent;
}
.headerArea .notice .noticeList .closeBtn {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #00a199;
  cursor: pointer;
  font-weight: nomal;
  transition: 0.3s;
}
.headerArea .notice .noticeList .closeBtn:hover {
  color: #004F47;
}
.headerArea .notice .noticeList .closeBtn i {
  font-size: 1.65rem;
}
.headerArea .notice .noticeList ul {
  max-height: 350px;
  overflow-y: auto;
}
.headerArea .notice .noticeList ul li {
  display: block;
  list-style: none;
  border-top: 1px solid #f9f7f3;
}
.headerArea .notice .noticeList ul li a {
  display: block;
  padding: 10px 12px;
  position: relative;
  padding-right: 7em;
  transition: 0.3s;
}
.headerArea .notice .noticeList ul li a:hover {
  background-color: #f9f7f3;
}
.headerArea .notice .noticeList ul li a time {
  position: absolute;
  right: 15px;
  top: 0.7em;
  color: #968c8a;
  font-size: 0.94rem;
}
.headerArea .notice .noticeHeader {
  position: relative;
  padding: 12px;
  text-align: center;
  font-weight: bold;
}
.headerArea .notice .noticeHeader .noticeClose {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
  color: #00a199;
  cursor: pointer;
}
.headerArea .notice .noticeHeader .noticeClose:hover {
  color: #004F47;
}
.headerArea .menuIcon,
.headerArea .heartIcon,
.headerArea .searchIcon {
  display: none;
}
.headerArea .search {
  position: absolute;
  top: -57px;
  right: 50%;
  margin-right: -495px;
}
.headerArea .search .searchBox {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.headerArea .search .searchBox .selectTxt {
  background-color: #fff;
  border: 2px solid #00a199;
  padding: 5px 8px;
  width: 360px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: auto;
}
.headerArea .search .searchBox .selectTxt span {
  background-color: #00a199;
  border-radius: 5px;
  color: #fff;
  padding: 5px 5px 5px 10px;
  white-space: nowrap;
  margin-right: 5px;
}
.headerArea .search .searchBox .selectTxt span i {
  cursor: pointer;
  transition: 0.3s;
}
.headerArea .search .searchBox .selectTxt span i:hover {
  opacity: 0.8;
}
.headerArea .search .searchBox .selectTxt input {
  border: none;
  padding: 7px 0px 7px 8px;
  width: 100%;
}
.headerArea .search .searchBox input[type="submit"] {
  background-color: #00a199;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  transition: 0.3s;
  border: none;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  font-size: 1.65rem;
  border-right: 1px solid #fff;
  width: 40px;
  padding-left: 4px;
  padding-right: 4px;
}
.headerArea .search .searchBox input[type="submit"]:hover {
  background-color: #004F47;
}
.headerArea .search .searchBox .details {
  background-color: #00a199;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  transition: 0.3s;
  width: 70px;
  padding-left: 4px;
  padding-right: 4px;
  z-index: 101;
  position: relative;
  cursor: pointer;
}
.headerArea .search .searchBox .details:hover {
  background-color: #004F47;
}
.headerArea .search .searchBox .details.open {
  box-shadow: 0px -1px 3px 0px rgba(15, 5, 0, 0.2);
}
.headerArea .search .searchBox .details.open.iconDown.iconPosLeft:before {
  content: "up";
}
.headerArea .search .detailsList {
  width: 470px;
  background-color: #00a199;
  box-shadow: 0px 1px 3px 1px rgba(15, 5, 0, 0.2);
  padding: 20px 10px 25px 15px;
  z-index: 100;
  position: relative;
}
.headerArea .search .detailsList > ul {
  margin-bottom: 20px;
}
.headerArea .search .detailsList li {
  list-style: none;
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 3px;
}
.headerArea .search .detailsList li label {
  border: 1px solid #fff;
  padding: 5px 12px;
  border-radius: 5px;
  display: inline-block;
  /*text-indent: -2rem;*/
  overflow: hidden;
  vertical-align: middle;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.headerArea .search .detailsList li label:hover {
  background-color: #fff;
  color: #00a199;
}
.headerArea .search .detailsList li label.active {
  background-color: #fff;
  color: #00a199;
}
.headerArea .search .detailsList li label input {
  /*margin-right: 10px;*/
  position: absolute;
  opacity: 0;
}
.headerArea .search .detailsList .itemTitle span {
  color: #fff;
  font-family: 'LogoTypeGothic', 'メイリオ';
  display: inline-block;
  margin-bottom: 8px;
}
.headerArea .search .detailsList .itemTitle ul {
  margin-bottom: 5px;
}
.importantNews {
  text-align: center;
  border: 1px solid #FF4700;
  font-size: 1.1rem;
}
.importantNews a,
.importantNews span {
  padding: 10px;
  display: block;
  color: #fff;
  background-color: #FF4700;
}
.importantNews a i,
.importantNews span i {
  transition: 0.3s;
}
.importantNews a i:hover,
.importantNews span i:hover {
  color: #3C3A33;
}
.importantNews a:hover,
.importantNews span:hover {
  background-color: #fff;
  color: #FF4700;
}
.leftAreaWrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.leftAreaWrap .mainContentsArea {
  width: 75%;
}
.leftAreaWrap .mainContentsArea .sectionInner {
  padding-left: 0;
  padding-right: 0;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li,
.leftAreaWrap .mainContentsArea section .tile.gameItem {
  width: 33.33%;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .commentInner,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .commentInner {
  display: none;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .user,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .user {
  font-size: 0.85rem;
  padding-right: 10px;
  color: #968c8a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .user img,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .user img {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: auto;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star {
  text-indent: 3.3rem;
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 3.3rem;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-size: 0.85rem;
  margin-top: 0.2em;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star:before,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star:before,
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star:after {
  margin-left: -3.3rem;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  content: "starstarstarstarstar";
  position: absolute;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star:before,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star:before {
  color: #968c8a;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star:after {
  color: #ff6001;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star0:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star0:after {
  width: 0rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star0-5:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star0-5:after {
  width: 3.65rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star1:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star1:after {
  width: 4rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star1-5:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star1-5:after {
  width: 4.3rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star2:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star2:after {
  width: 4.55rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star2-5:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star2-5:after {
  width: 4.95rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star3:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star3:after {
  width: 5.2rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star3-5:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star3-5:after {
  width: 5.6rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star4:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star4:after {
  width: 5.9rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star4-5:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star4-5:after {
  width: 6.25rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .star.star5:after,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .star.star5:after {
  width: 6.7rem;
}
.leftAreaWrap .mainContentsArea section .tile.gameList > li a .Evaluation .count,
.leftAreaWrap .mainContentsArea section .tile.gameItem a .Evaluation .count {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 14px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
  margin-left: auto;
  font-size: 0.7rem;
  margin-left: 8px;
}
.leftAreaWrap .sideContentsArea {
  width: 25%;
  margin-top: 35px;
  padding-right: 30px;
  margin-bottom: 35px;
}
.leftAreaWrap .sideContentsArea .tagSort,
.leftAreaWrap .sideContentsArea .sideNavi {
  margin-bottom: 20px;
  box-shadow: 0px 0px 2px 1px rgba(15, 5, 0, 0.2);
  background-color: #fff;
}
.leftAreaWrap .sideContentsArea .tagSort header,
.leftAreaWrap .sideContentsArea .sideNavi header {
  background-color: #00a199;
  color: #fff;
  padding: 10px 20px;
  font-family: 'LogoTypeGothic', 'メイリオ';
}
.leftAreaWrap .sideContentsArea .tagSort ul li,
.leftAreaWrap .sideContentsArea .sideNavi ul li {
  list-style: none;
  border-bottom: 1px solid #f9f7f3;
}
.leftAreaWrap .sideContentsArea .tagSort ul li:last-child,
.leftAreaWrap .sideContentsArea .sideNavi ul li:last-child {
  border-bottom: none;
}
.leftAreaWrap .sideContentsArea .tagSort ul li.itemTitle,
.leftAreaWrap .sideContentsArea .sideNavi ul li.itemTitle {
  border-bottom: 2px solid #8de7cc;
}
.leftAreaWrap .sideContentsArea .tagSort ul li.itemTitle > span,
.leftAreaWrap .sideContentsArea .sideNavi ul li.itemTitle > span {
  background-color: #8de7cc;
  font-family: 'LogoTypeGothic', 'メイリオ';
  display: block;
  padding: 10px 20px;
}
.leftAreaWrap .sideContentsArea .tagSort ul li.active a,
.leftAreaWrap .sideContentsArea .sideNavi ul li.active a {
  background-image: url(../img/bg_stripe_yellow.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
}
.leftAreaWrap .sideContentsArea .tagSort ul li a,
.leftAreaWrap .sideContentsArea .sideNavi ul li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 20px;
}
.leftAreaWrap .sideContentsArea .tagSort ul li .count,
.leftAreaWrap .sideContentsArea .sideNavi ul li .count {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 10px;
  margin-left: auto;
}
.leftAreaWrap .sideContentsArea .sideNavi li a:after {
  content: "right";
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  margin-left: auto;
  padding-left: 5px;
}
.leftAreaWrap .sideContentsArea .banner {
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 2px 1px rgba(15, 5, 0, 0.2);
}
.leftAreaWrap .sideContentsArea .banner.fes2018 {
  background: url(../img/bg_fes2018.jpg) 50% 50% no-repeat;
  background-size: 360px auto;
}
.leftAreaWrap .sideContentsArea .banner.fes2018 a {
  padding: 10px;
}
.leftAreaWrap .sideContentsArea .banner a {
  display: block;
}
.leftAreaWrap .sideContentsArea .banner a:hover {
  opacity: 0.7;
}
.leftAreaWrap .sideContentsArea .banner a img {
  vertical-align: bottom;
}
.leftAreaWrap .sideContentsArea .twitterWrap {
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 2px 1px rgba(15, 5, 0, 0.2);
}
.leftAreaWrap .sideContentsArea .twitterWrap header {
  background-color: #8de7cc;
  color: #3C3A33;
  font-family: 'LogoTypeGothic', 'メイリオ';
  text-align: center;
  font-size: 1.35rem;
  padding: 15px 5px;
  position: relative;
}
.leftAreaWrap .sideContentsArea .twitterWrap header:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  bottom: -20px;
  border-color: #8de7cc transparent transparent transparent;
}
.leftAreaWrap .sideContentsArea .twitterWrap header a {
  font-size: 0.9rem;
  background-color: #fff;
  line-height: 1.5rem;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 20px;
  border-radius: 10px;
  display: inline-block;
  margin-top: 8px;
}
.leftAreaWrap .sideContentsArea .userDetailNavi {
  padding: 25px 15px;
  box-shadow: 0px 0px 2px 1px rgba(15, 5, 0, 0.2);
  background-color: #fff;
  margin-bottom: 20px;
  text-align: center;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon a {
  display: inline-block;
  margin-bottom: 10px;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon a img {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  margin-bottom: 3px;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon a span {
  display: block;
  font-size: 1.1rem;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon .addFan a {
  margin-bottom: 25px;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userBatch {
  background-image: url(../img/bg_stripe_dilutedgreen.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
  padding: 15px 20px;
  margin-bottom: 25px;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame h2 {
  font-family: 'LogoTypeGothic', 'メイリオ';
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 20px;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li {
  list-style: none;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail {
  position: relative;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail img {
  vertical-align: bottom;
  padding-bottom: 0;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon {
  transition: 0.3s;
  color: #3C3A33;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon i {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-right: 0;
  margin-left: 0;
  font-size: 2.15rem;
  transition: 0.3s;
  padding: 10px;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon:before {
  position: absolute;
  right: 11px;
  bottom: 10px;
  content: "heart";
  display: inline-block;
  color: #fff;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  font-size: 2rem;
  vertical-align: middle;
  transition: 0.3s;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon:hover {
  color: #00a199;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon.active {
  color: #00a199;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon.active:before {
  color: #00a199;
}
.adult .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon:hover {
  color: #ea004c;
}
.adult .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon.active {
  color: #ea004c;
}
.adult .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .thumbnail .favoriteIcon.active:before {
  color: #ea004c;
}
.leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li a .gameTextWrap strong {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 5px;
}
.mainContentsArea {
  margin-top: 35px;
  margin-bottom: 35px;
}
.mainContentsArea h1,
.bottomContentsArea h1 {
  font-family: 'LogoTypeGothic', 'メイリオ';
  line-height: 1.4em;
  font-size: 1.9rem;
  font-weight: normal;
  margin-bottom: 15px;
}
.mainContentsArea .searchHeader,
.bottomContentsArea .searchHeader {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.mainContentsArea .searchHeader h1,
.bottomContentsArea .searchHeader h1 {
  margin-right: 30px;
  margin-bottom: 10px;
}
.mainContentsArea .searchHeader .count,
.bottomContentsArea .searchHeader .count {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 15px;
  margin-bottom: 10px;
}
.mainContentsArea .searchHeader nav,
.bottomContentsArea .searchHeader nav {
  margin-bottom: 10px;
  margin-left: auto;
}
.mainContentsArea .searchHeader nav ul,
.bottomContentsArea .searchHeader nav ul {
  display: inline-block;
  margin-right: 15px;
}
.mainContentsArea .searchHeader nav ul li,
.bottomContentsArea .searchHeader nav ul li {
  font-size: 1.5rem;
  list-style: none;
  display: inline-block;
  color: #968c8a;
  cursor: pointer;
  transition: 0.3s;
}
.mainContentsArea .searchHeader nav ul li.active,
.bottomContentsArea .searchHeader nav ul li.active,
.mainContentsArea .searchHeader nav ul li:hover,
.bottomContentsArea .searchHeader nav ul li:hover {
  color: #00a199;
}
.mainContentsArea .searchHeader nav .sortSelect,
.bottomContentsArea .searchHeader nav .sortSelect {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 5px 8px 5px;
}
.mainContentsArea section,
.bottomContentsArea section {
  padding-bottom: 30px;
}
.mainContentsArea section h2,
.bottomContentsArea section h2 {
  font-family: 'LogoTypeGothic', 'メイリオ';
  text-align: center;
  font-size: 1.9rem;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.4em;
}
.mainContentsArea section h3,
.bottomContentsArea section h3 {
  font-family: 'LogoTypeGothic', 'メイリオ';
  font-size: 1.3rem;
  margin-bottom: 20px;
  font-weight: normal;
}
.mainContentsArea section p,
.bottomContentsArea section p {
  margin-bottom: 15px;
}
.mainContentsArea section .headerLead,
.bottomContentsArea section .headerLead {
  margin-bottom: 25px;
  margin-top: -15px;
}
.mainContentsArea section .tagList,
.bottomContentsArea section .tagList {
  color: #968c8a;
  margin-bottom: 8px;
  padding-left: 25px;
  font-size: 0.9rem;
}
.mainContentsArea section .tagList li,
.bottomContentsArea section .tagList li {
  display: inline;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 1.8em;
}
.mainContentsArea section .tagList li:first-child:before,
.bottomContentsArea section .tagList li:first-child:before {
  content: "tag";
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  text-indent: -25px;
}
.mainContentsArea section .tagList li.pickupTag,
.bottomContentsArea section .tagList li.pickupTag {
  background-color: #fff400;
  color: #3C3A33;
  padding-left: 5px;
  padding-right: 5px;
}
.mainContentsArea section .gameList > li,
.bottomContentsArea section .gameList > li,
.mainContentsArea section .gameItem,
.bottomContentsArea section .gameItem {
  min-width: 0;
  margin-bottom: 15px;
}
.mainContentsArea section .gameList > li a,
.bottomContentsArea section .gameList > li a,
.mainContentsArea section .gameItem a,
.bottomContentsArea section .gameItem a {
  background-color: #fff;
  display: block;
  color: #3C3A33;
  padding-bottom: 0;
  position: relative;
  transition: 0.3s;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
}
.mainContentsArea section .gameList > li a:hover,
.bottomContentsArea section .gameList > li a:hover,
.mainContentsArea section .gameItem a:hover,
.bottomContentsArea section .gameItem a:hover {
  box-shadow: 0 0 0 3px #00a199;
}
.mainContentsArea section .gameList > li a .thumbnail,
.bottomContentsArea section .gameList > li a .thumbnail,
.mainContentsArea section .gameItem a .thumbnail,
.bottomContentsArea section .gameItem a .thumbnail {
  position: relative;
}
.mainContentsArea section .gameList > li a .thumbnail img,
.bottomContentsArea section .gameList > li a .thumbnail img,
.mainContentsArea section .gameItem a .thumbnail img,
.bottomContentsArea section .gameItem a .thumbnail img {
  vertical-align: bottom;
  padding-bottom: 0;
}
.mainContentsArea section .gameList > li a .thumbnail .favoriteIcon,
.bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon,
.mainContentsArea section .gameItem a .thumbnail .favoriteIcon,
.bottomContentsArea section .gameItem a .thumbnail .favoriteIcon {
  transition: 0.3s;
  color: #3C3A33;
}
.mainContentsArea section .gameList > li a .thumbnail .favoriteIcon i,
.bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon i,
.mainContentsArea section .gameItem a .thumbnail .favoriteIcon i,
.bottomContentsArea section .gameItem a .thumbnail .favoriteIcon i {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-right: 0;
  margin-left: 0;
  font-size: 2.15rem;
  transition: 0.3s;
  padding: 10px;
}
.mainContentsArea section .gameList > li a .thumbnail .favoriteIcon:before,
.bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon:before,
.mainContentsArea section .gameItem a .thumbnail .favoriteIcon:before,
.bottomContentsArea section .gameItem a .thumbnail .favoriteIcon:before {
  position: absolute;
  right: 11px;
  bottom: 10px;
  content: "heart";
  display: inline-block;
  color: #fff;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  font-size: 2rem;
  vertical-align: middle;
  transition: 0.3s;
}
.mainContentsArea section .gameList > li a .thumbnail .favoriteIcon:hover,
.bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon:hover,
.mainContentsArea section .gameItem a .thumbnail .favoriteIcon:hover,
.bottomContentsArea section .gameItem a .thumbnail .favoriteIcon:hover {
  color: #00a199;
}
.mainContentsArea section .gameList > li a .thumbnail .favoriteIcon.active,
.bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon.active,
.mainContentsArea section .gameItem a .thumbnail .favoriteIcon.active,
.bottomContentsArea section .gameItem a .thumbnail .favoriteIcon.active {
  color: #00a199;
}
.mainContentsArea section .gameList > li a .thumbnail .favoriteIcon.active:before,
.bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon.active:before,
.mainContentsArea section .gameItem a .thumbnail .favoriteIcon.active:before,
.bottomContentsArea section .gameItem a .thumbnail .favoriteIcon.active:before {
  color: #00a199;
}
.adult .mainContentsArea section .gameList > li a .thumbnail .favoriteIcon:hover,
.adult .bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon:hover,
.adult .mainContentsArea section .gameItem a .thumbnail .favoriteIcon:hover,
.adult .bottomContentsArea section .gameItem a .thumbnail .favoriteIcon:hover {
  color: #ea004c;
}
.adult .mainContentsArea section .gameList > li a .thumbnail .favoriteIcon.active,
.adult .bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon.active,
.adult .mainContentsArea section .gameItem a .thumbnail .favoriteIcon.active,
.adult .bottomContentsArea section .gameItem a .thumbnail .favoriteIcon.active {
  color: #ea004c;
}
.adult .mainContentsArea section .gameList > li a .thumbnail .favoriteIcon.active:before,
.adult .bottomContentsArea section .gameList > li a .thumbnail .favoriteIcon.active:before,
.adult .mainContentsArea section .gameItem a .thumbnail .favoriteIcon.active:before,
.adult .bottomContentsArea section .gameItem a .thumbnail .favoriteIcon.active:before {
  color: #ea004c;
}
.mainContentsArea section .gameList > li a .gameTextWrap,
.bottomContentsArea section .gameList > li a .gameTextWrap,
.mainContentsArea section .gameItem a .gameTextWrap,
.bottomContentsArea section .gameItem a .gameTextWrap {
  padding: 2px 10px 0px 10px;
}
.mainContentsArea section .gameList > li a strong,
.bottomContentsArea section .gameList > li a strong,
.mainContentsArea section .gameItem a strong,
.bottomContentsArea section .gameItem a strong {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px;
  margin-top: 8px;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap,
.bottomContentsArea section .gameList > li a .userEvaluationWrap,
.mainContentsArea section .gameItem a .userEvaluationWrap,
.bottomContentsArea section .gameItem a .userEvaluationWrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-width: 0;
  padding-bottom: 8px;
  margin-top: auto;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .user,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .user,
.mainContentsArea section .gameItem a .userEvaluationWrap .user,
.bottomContentsArea section .gameItem a .userEvaluationWrap .user {
  font-size: 0.85rem;
  padding-right: 10px;
  color: #968c8a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .user img,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .user img,
.mainContentsArea section .gameItem a .userEvaluationWrap .user img,
.bottomContentsArea section .gameItem a .userEvaluationWrap .user img {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: auto;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star {
  text-indent: 3.3rem;
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 3.3rem;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-size: 0.85rem;
  margin-top: 0.2em;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:before,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:before,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:before,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:before,
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:after {
  margin-left: -3.3rem;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  content: "starstarstarstarstar";
  position: absolute;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:before,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:before,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:before,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:before {
  color: #968c8a;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:after {
  color: #ff6001;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star0:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star0:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star0:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star0:after {
  width: 0rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star0-5:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star0-5:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star0-5:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star0-5:after {
  width: 3.65rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1:after {
  width: 4rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1-5:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1-5:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1-5:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1-5:after {
  width: 4.3rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2:after {
  width: 4.55rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2-5:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2-5:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2-5:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2-5:after {
  width: 4.95rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3:after {
  width: 5.2rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3-5:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3-5:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3-5:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3-5:after {
  width: 5.6rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4:after {
  width: 5.9rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4-5:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4-5:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4-5:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4-5:after {
  width: 6.25rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star5:after,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star5:after,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star5:after,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star5:after {
  width: 6.7rem;
}
.mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .count,
.bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .count,
.mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .count,
.bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .count {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 14px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
  margin-left: auto;
  font-size: 0.7rem;
  margin-left: 8px;
}
.mainContentsArea section .gameList > li a.zoomImage,
.bottomContentsArea section .gameList > li a.zoomImage,
.mainContentsArea section .gameItem a.zoomImage,
.bottomContentsArea section .gameItem a.zoomImage {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 44px;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  text-align: center;
  font-size: 1.6rem;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 22px;
  color: #fff;
  background-color: #00a199;
}
.mainContentsArea section .gameList > li a.zoomImage:hover,
.bottomContentsArea section .gameList > li a.zoomImage:hover,
.mainContentsArea section .gameItem a.zoomImage:hover,
.bottomContentsArea section .gameItem a.zoomImage:hover {
  box-shadow: none;
  background-color: #004F47;
}
.mainContentsArea section .gameList > li.yellGame,
.bottomContentsArea section .gameList > li.yellGame,
.mainContentsArea section .gameItem.yellGame,
.bottomContentsArea section .gameItem.yellGame {
  position: relative;
}
.mainContentsArea section .gameList > li.yellGame:after,
.bottomContentsArea section .gameList > li.yellGame:after,
.mainContentsArea section .gameItem.yellGame:after,
.bottomContentsArea section .gameItem.yellGame:after {
  content: "";
  position: absolute;
  bottom: -14px;
  right: -4px;
  width: 0;
  height: 0;
  z-index: 1;
  transform: rotate(-45deg);
  border-style: solid;
  border-width: 14px 14px 14px 14px;
  border-color: #E3C900 transparent transparent transparent;
}
.mainContentsArea section .gameList > li.yellGame:before,
.bottomContentsArea section .gameList > li.yellGame:before,
.mainContentsArea section .gameItem.yellGame:before,
.bottomContentsArea section .gameItem.yellGame:before {
  content: "volume";
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  color: #fff;
  position: absolute;
  bottom: 1px;
  right: 19px;
  width: 0;
  height: 0;
  z-index: 2;
  transform: rotate(-45deg) scale(1.5, 1);
  line-height: 0;
  font-size: 1.35rem;
}
.mainContentsArea section .gameList > li.yellGame.diaBoost:after,
.bottomContentsArea section .gameList > li.yellGame.diaBoost:after,
.mainContentsArea section .gameItem.yellGame.diaBoost:after,
.bottomContentsArea section .gameItem.yellGame.diaBoost:after {
  border-color: #ff6001 transparent transparent transparent;
}
.mainContentsArea section .gameList > li.yellGame.diaBoost .yellComment span,
.bottomContentsArea section .gameList > li.yellGame.diaBoost .yellComment span,
.mainContentsArea section .gameItem.yellGame.diaBoost .yellComment span,
.bottomContentsArea section .gameItem.yellGame.diaBoost .yellComment span {
  background: linear-gradient(0deg, #ff6001, #ff8136);
  color: #fff;
}
.mainContentsArea section .gameList > li.yellGame.diaBoost .yellComment:after,
.bottomContentsArea section .gameList > li.yellGame.diaBoost .yellComment:after,
.mainContentsArea section .gameItem.yellGame.diaBoost .yellComment:after,
.bottomContentsArea section .gameItem.yellGame.diaBoost .yellComment:after {
  border-color: #ff6001 transparent transparent transparent;
}
.mainContentsArea section .gameList > li.yellGame.diaBoost a,
.bottomContentsArea section .gameList > li.yellGame.diaBoost a,
.mainContentsArea section .gameItem.yellGame.diaBoost a,
.bottomContentsArea section .gameItem.yellGame.diaBoost a {
  box-shadow: 0 0 0 3px #ff6001;
  position: relative;
}
.mainContentsArea section .gameList > li.yellGame.diaBoost a .thumbnail:before,
.bottomContentsArea section .gameList > li.yellGame.diaBoost a .thumbnail:before,
.mainContentsArea section .gameItem.yellGame.diaBoost a .thumbnail:before,
.bottomContentsArea section .gameItem.yellGame.diaBoost a .thumbnail:before {
  content: "２倍";
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
  background: url(../img/icon_daia_fuchi.png) 5px 50% no-repeat;
  background-size: auto 15px;
  z-index: 1;
  background-color: #ff6001;
  border-radius: 4px;
  font-size: 0.7rem;
  padding: 1px 7px 0 22px;
  font-weight: bold;
  letter-spacing: -0.8px;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting:after,
.bottomContentsArea section .gameList > li.yellGame.boothSetting:after,
.mainContentsArea section .gameItem.yellGame.boothSetting:after,
.bottomContentsArea section .gameItem.yellGame.boothSetting:after,
.mainContentsArea section .gameList > li.yellGame.boothSetting:before,
.bottomContentsArea section .gameList > li.yellGame.boothSetting:before,
.mainContentsArea section .gameItem.yellGame.boothSetting:before,
.bottomContentsArea section .gameItem.yellGame.boothSetting:before {
  display: none;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting .yellComment span,
.bottomContentsArea section .gameList > li.yellGame.boothSetting .yellComment span,
.mainContentsArea section .gameItem.yellGame.boothSetting .yellComment span,
.bottomContentsArea section .gameItem.yellGame.boothSetting .yellComment span {
  background: #8de7cc;
  color: #004F47;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .statusList,
.bottomContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .statusList,
.mainContentsArea section .gameItem.yellGame.boothSetting .yellComment span .statusList,
.bottomContentsArea section .gameItem.yellGame.boothSetting .yellComment span .statusList {
  color: #00a199;
  font-size: 0.9rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1px;
  margin-bottom: 2px;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .statusList li,
.bottomContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .statusList li,
.mainContentsArea section .gameItem.yellGame.boothSetting .yellComment span .statusList li,
.bottomContentsArea section .gameItem.yellGame.boothSetting .yellComment span .statusList li {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: #fff;
  border-radius: 4px;
  font-size: 0.72rem;
  padding: 1px 3px 0px 3px;
  letter-spacing: -0.8px;
  vertical-align: middle;
  font-weight: bold;
  width: auto;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .statusList li.em,
.bottomContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .statusList li.em,
.mainContentsArea section .gameItem.yellGame.boothSetting .yellComment span .statusList li.em,
.bottomContentsArea section .gameItem.yellGame.boothSetting .yellComment span .statusList li.em {
  background-color: #fff400;
  color: #3C3A33;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .popComment,
.bottomContentsArea section .gameList > li.yellGame.boothSetting .yellComment span .popComment,
.mainContentsArea section .gameItem.yellGame.boothSetting .yellComment span .popComment,
.bottomContentsArea section .gameItem.yellGame.boothSetting .yellComment span .popComment {
  padding: 0;
  background: inherit;
  display: block;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting .yellComment:after,
.bottomContentsArea section .gameList > li.yellGame.boothSetting .yellComment:after,
.mainContentsArea section .gameItem.yellGame.boothSetting .yellComment:after,
.bottomContentsArea section .gameItem.yellGame.boothSetting .yellComment:after {
  border-color: #8de7cc transparent transparent transparent;
}
.mainContentsArea section .gameList > li.yellGame.boothSetting a,
.bottomContentsArea section .gameList > li.yellGame.boothSetting a,
.mainContentsArea section .gameItem.yellGame.boothSetting a,
.bottomContentsArea section .gameItem.yellGame.boothSetting a {
  box-shadow: 0 0 0 3px #8de7cc;
  position: relative;
}
.mainContentsArea section .gameList > li.yellGame .yellComment,
.bottomContentsArea section .gameList > li.yellGame .yellComment,
.mainContentsArea section .gameItem.yellGame .yellComment,
.bottomContentsArea section .gameItem.yellGame .yellComment {
  position: relative;
  display: block;
  /*color: #fff;*/
  text-align: center;
  z-index: 1;
  margin-bottom: 10px;
}
.mainContentsArea section .gameList > li.yellGame .yellComment span,
.bottomContentsArea section .gameList > li.yellGame .yellComment span,
.mainContentsArea section .gameItem.yellGame .yellComment span,
.bottomContentsArea section .gameItem.yellGame .yellComment span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  vertical-align: bottom;
  background: linear-gradient(0deg, #dec505, #ffec5b);
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 0.9rem;
}
.mainContentsArea section .gameList > li.yellGame .yellComment:after,
.bottomContentsArea section .gameList > li.yellGame .yellComment:after,
.mainContentsArea section .gameItem.yellGame .yellComment:after,
.bottomContentsArea section .gameItem.yellGame .yellComment:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 8px 8px;
  bottom: -16px;
  border-color: #E3C900 transparent transparent transparent;
}
.mainContentsArea section .gameList > li.yellGame a,
.bottomContentsArea section .gameList > li.yellGame a,
.mainContentsArea section .gameItem.yellGame a,
.bottomContentsArea section .gameItem.yellGame a {
  box-shadow: 0 0 0 3px #E3C900;
}
.mainContentsArea section .gameList.fanArtList > li,
.bottomContentsArea section .gameList.fanArtList > li {
  position: relative;
}
.mainContentsArea section .gameList.fanArtList > li a .gameTextWrap,
.bottomContentsArea section .gameList.fanArtList > li a .gameTextWrap {
  padding-bottom: 1px;
}
.mainContentsArea section .gameList.fanArtList > li strong,
.bottomContentsArea section .gameList.fanArtList > li strong {
  padding-top: 0;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-left: 0;
}
.mainContentsArea section .tile.gameList > li a.joinFes,
.bottomContentsArea section .tile.gameList > li a.joinFes,
.mainContentsArea section .list.gameList > li a.joinFes,
.bottomContentsArea section .list.gameList > li a.joinFes,
.mainContentsArea section .tile.gameItem a.joinFes,
.bottomContentsArea section .tile.gameItem a.joinFes,
.mainContentsArea section .list.gameItem a.joinFes,
.bottomContentsArea section .list.gameItem a.joinFes {
  overflow: hidden;
}
.mainContentsArea section .tile.gameList > li a.joinFes:before,
.bottomContentsArea section .tile.gameList > li a.joinFes:before,
.mainContentsArea section .list.gameList > li a.joinFes:before,
.bottomContentsArea section .list.gameList > li a.joinFes:before,
.mainContentsArea section .tile.gameItem a.joinFes:before,
.bottomContentsArea section .tile.gameItem a.joinFes:before,
.mainContentsArea section .list.gameItem a.joinFes:before,
.bottomContentsArea section .list.gameItem a.joinFes:before {
  content: "フェス";
  position: absolute;
  top: -5px;
  display: block;
  transform: rotate(-45deg);
  color: #000;
  font-weight: bold;
  background-color: #fff400;
  padding: 14px 6px 3px 6px;
  width: 80px;
  text-align: center;
  z-index: 10;
  font-size: 0.8rem;
  padding-top: 18px;
  padding-bottom: 0;
  left: -34px;
}
.mainContentsArea section .tile.gameList > li a .comment,
.bottomContentsArea section .tile.gameList > li a .comment,
.mainContentsArea section .tile.gameItem a .comment,
.bottomContentsArea section .tile.gameItem a .comment {
  display: none;
}
.mainContentsArea section .tile.gameList > li a .tagList,
.bottomContentsArea section .tile.gameList > li a .tagList,
.mainContentsArea section .tile.gameItem a .tagList,
.bottomContentsArea section .tile.gameItem a .tagList {
  display: none;
}
.mainContentsArea section .list.gameList > li,
.bottomContentsArea section .list.gameList > li,
.mainContentsArea section .list.gameItem,
.bottomContentsArea section .list.gameItem {
  width: 100%;
}
.mainContentsArea section .list.gameList > li.yellGame.boothSetting .yellComment span,
.bottomContentsArea section .list.gameList > li.yellGame.boothSetting .yellComment span,
.mainContentsArea section .list.gameItem.yellGame.boothSetting .yellComment span,
.bottomContentsArea section .list.gameItem.yellGame.boothSetting .yellComment span {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .list.gameList > li.yellGame.boothSetting .yellComment span .statusList,
.bottomContentsArea section .list.gameList > li.yellGame.boothSetting .yellComment span .statusList,
.mainContentsArea section .list.gameItem.yellGame.boothSetting .yellComment span .statusList,
.bottomContentsArea section .list.gameItem.yellGame.boothSetting .yellComment span .statusList {
  margin-right: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
.mainContentsArea section .list.gameList > li.yellGame.boothSetting .yellComment span .popComment,
.bottomContentsArea section .list.gameList > li.yellGame.boothSetting .yellComment span .popComment,
.mainContentsArea section .list.gameItem.yellGame.boothSetting .yellComment span .popComment,
.bottomContentsArea section .list.gameItem.yellGame.boothSetting .yellComment span .popComment {
  display: block;
}
.mainContentsArea section .list.gameList > li a,
.bottomContentsArea section .list.gameList > li a,
.mainContentsArea section .list.gameItem a,
.bottomContentsArea section .list.gameItem a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .list.gameList > li a .thumbnail,
.bottomContentsArea section .list.gameList > li a .thumbnail,
.mainContentsArea section .list.gameItem a .thumbnail,
.bottomContentsArea section .list.gameItem a .thumbnail {
  min-width: 232px;
  width: 232px;
}
.mainContentsArea section .list.gameList > li a strong,
.bottomContentsArea section .list.gameList > li a strong,
.mainContentsArea section .list.gameItem a strong,
.bottomContentsArea section .list.gameItem a strong {
  margin-top: 10px;
  font-size: 1.2rem;
  padding-left: 0;
  padding-right: 90px;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap,
.bottomContentsArea section .list.gameList > li a .gameTextWrap,
.mainContentsArea section .list.gameItem a .gameTextWrap,
.bottomContentsArea section .list.gameItem a .gameTextWrap {
  padding: 5px 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: -webkit-column;
  flex-flow: -ms-column;
  flex-flow: column;
  min-width: 0;
  width: 100%;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .comment,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .comment,
.mainContentsArea section .list.gameItem a .gameTextWrap .comment,
.bottomContentsArea section .list.gameItem a .gameTextWrap .comment {
  margin-bottom: 8px;
  font-size: 0.9rem;
  display: block;
  overflow: hidden;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .commentInner,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .commentInner,
.mainContentsArea section .list.gameItem a .gameTextWrap .commentInner,
.bottomContentsArea section .list.gameItem a .gameTextWrap .commentInner {
  display: block;
  height: 5.4rem;
  position: relative;
  word-break: break-all;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .commentInner:before,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .commentInner:before,
.mainContentsArea section .list.gameItem a .gameTextWrap .commentInner:before,
.bottomContentsArea section .list.gameItem a .gameTextWrap .commentInner:before {
  background-color: #fff;
  position: absolute;
  content: "…";
  top: 4.1rem;
  right: 0;
  padding-right: 3px;
  padding-left: 3px;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .commentInner:after,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .commentInner:after,
.mainContentsArea section .list.gameItem a .gameTextWrap .commentInner:after,
.bottomContentsArea section .list.gameItem a .gameTextWrap .commentInner:after {
  background-color: #fff;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .comment,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .comment,
.mainContentsArea section .list.gameItem a .gameTextWrap .comment,
.bottomContentsArea section .list.gameItem a .gameTextWrap .comment {
  margin-bottom: 5px;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner,
.mainContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner,
.bottomContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner {
  height: 2.7rem;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner:before,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner:before,
.mainContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner:before,
.bottomContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner:before {
  top: 1.4rem;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .tagList,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .tagList,
.mainContentsArea section .list.gameItem a .gameTextWrap .tagList,
.bottomContentsArea section .list.gameItem a .gameTextWrap .tagList {
  margin-bottom: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mainContentsArea section .list.gameList > li a .gameTextWrap .tagList li,
.bottomContentsArea section .list.gameList > li a .gameTextWrap .tagList li,
.mainContentsArea section .list.gameItem a .gameTextWrap .tagList li,
.bottomContentsArea section .list.gameItem a .gameTextWrap .tagList li {
  display: inline;
}
.mainContentsArea section .list.gameList > li a .userEvaluationWrap,
.bottomContentsArea section .list.gameList > li a .userEvaluationWrap,
.mainContentsArea section .list.gameItem a .userEvaluationWrap,
.bottomContentsArea section .list.gameItem a .userEvaluationWrap {
  padding-bottom: 6px;
}
.mainContentsArea section .list.gameList > li a .userEvaluationWrap .user,
.bottomContentsArea section .list.gameList > li a .userEvaluationWrap .user,
.mainContentsArea section .list.gameItem a .userEvaluationWrap .user,
.bottomContentsArea section .list.gameItem a .userEvaluationWrap .user {
  margin-left: auto;
  padding-right: 0;
}
.mainContentsArea section .list.gameList > li a .userEvaluationWrap .Evaluation,
.bottomContentsArea section .list.gameList > li a .userEvaluationWrap .Evaluation,
.mainContentsArea section .list.gameItem a .userEvaluationWrap .Evaluation,
.bottomContentsArea section .list.gameItem a .userEvaluationWrap .Evaluation {
  position: absolute;
  top: 10px;
  margin-right: 15px;
  right: 0;
}
.mainContentsArea section .gameList,
.bottomContentsArea section .gameList {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.mainContentsArea section .gameList > li,
.bottomContentsArea section .gameList > li {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
  list-style: none;
}
.mainContentsArea section .gameList > li a .rank,
.bottomContentsArea section .gameList > li a .rank {
  position: absolute;
  right: 5px;
  top: 0;
  background: #C7B299;
  width: 32px;
  height: 32px;
  display: block;
  color: #fff;
  z-index: 10;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
  font-size: 1.5rem;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.mainContentsArea section .gameList > li a .rank:after,
.bottomContentsArea section .gameList > li a .rank:after,
.mainContentsArea section .gameList > li a .rank:before,
.bottomContentsArea section .gameList > li a .rank:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 5px 0 5px;
  border-color: #C7B299 transparent transparent transparent;
  position: absolute;
  top: 24px;
}
.mainContentsArea section .gameList > li a .rank:after,
.bottomContentsArea section .gameList > li a .rank:after {
  transform: rotate(-88deg);
  left: 2px;
}
.mainContentsArea section .gameList > li a .rank:before,
.bottomContentsArea section .gameList > li a .rank:before {
  transform: rotate(88deg);
  right: 2px;
}
.mainContentsArea section .gameList > li a .rank.rank1,
.bottomContentsArea section .gameList > li a .rank.rank1 {
  background-color: #E3C900;
}
.mainContentsArea section .gameList > li a .rank.rank1:after,
.bottomContentsArea section .gameList > li a .rank.rank1:after {
  border-color: #E3C900 transparent transparent transparent;
}
.mainContentsArea section .gameList > li a .rank.rank1:before,
.bottomContentsArea section .gameList > li a .rank.rank1:before {
  border-color: #E3C900 transparent transparent transparent;
}
.mainContentsArea section .gameList > li a .rank.rank2,
.bottomContentsArea section .gameList > li a .rank.rank2 {
  background-color: #837775;
}
.mainContentsArea section .gameList > li a .rank.rank2:after,
.bottomContentsArea section .gameList > li a .rank.rank2:after {
  border-color: #837775 transparent transparent transparent;
}
.mainContentsArea section .gameList > li a .rank.rank2:before,
.bottomContentsArea section .gameList > li a .rank.rank2:before {
  border-color: #837775 transparent transparent transparent;
}
.mainContentsArea section .gameList > li a .rank.rank3,
.bottomContentsArea section .gameList > li a .rank.rank3 {
  background-color: #8C6239;
}
.mainContentsArea section .gameList > li a .rank.rank3:after,
.bottomContentsArea section .gameList > li a .rank.rank3:after {
  border-color: #8C6239 transparent transparent transparent;
}
.mainContentsArea section .gameList > li a .rank.rank3:before,
.bottomContentsArea section .gameList > li a .rank.rank3:before {
  border-color: #8C6239 transparent transparent transparent;
}
.mainContentsArea section .column.column2col.newComment .col a,
.bottomContentsArea section .column.column2col.newComment .col a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .column.column2col.newComment .col a .thumbnail,
.bottomContentsArea section .column.column2col.newComment .col a .thumbnail {
  width: 50%;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap {
  width: 50%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: -webkit-column;
  flex-flow: -ms-column;
  flex-flow: column;
  min-width: 0;
  padding: 15px 15px 7px 15px;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .comment,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .comment {
  margin-bottom: 8px;
  font-size: 0.9rem;
  display: block;
  overflow: hidden;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner {
  display: block;
  height: 5.4rem;
  position: relative;
  word-break: break-all;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner:before,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner:before {
  background-color: #fff;
  position: absolute;
  content: "…";
  top: 4.1rem;
  right: 0;
  padding-right: 3px;
  padding-left: 3px;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner:after,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner:after {
  background-color: #fff;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner {
  height: 5.4rem;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner:before,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .commentInner:before {
  top: 4.1rem;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .user,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .user {
  text-indent: 0;
  position: static;
  width: auto;
  height: auto;
}
.mainContentsArea section .column.column2col.newComment .col a .gameTextWrap .user img,
.bottomContentsArea section .column.column2col.newComment .col a .gameTextWrap .user img {
  position: static;
}
.mainContentsArea section .column.column2col.newComment .col a .userEvaluationWrap,
.bottomContentsArea section .column.column2col.newComment .col a .userEvaluationWrap {
  margin-top: auto;
}
.mainContentsArea section .column.column2col.newComment .col a .userEvaluationWrap .user,
.bottomContentsArea section .column.column2col.newComment .col a .userEvaluationWrap .user {
  margin-left: auto;
}
.mainContentsArea section .pagenation,
.bottomContentsArea section .pagenation {
  margin-top: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .pagenation li,
.bottomContentsArea section .pagenation li {
  display: inline-block;
  list-style: none;
  margin-left: 5px;
  margin-right: 5px;
}
.mainContentsArea section .pagenation li.disabled a,
.bottomContentsArea section .pagenation li.disabled a {
  color: #968c8a;
  cursor: default;
}
.mainContentsArea section .pagenation li.disabled a:hover,
.bottomContentsArea section .pagenation li.disabled a:hover {
  background-color: #fff;
  color: #968c8a;
}
.mainContentsArea section .pagenation li a,
.bottomContentsArea section .pagenation li a {
  display: inline-block;
  background-color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 20px;
  text-decoration: none;
}
.mainContentsArea section .pagenation li a:hover,
.bottomContentsArea section .pagenation li a:hover {
  background-color: #00a199;
  color: #fff;
}
.mainContentsArea section .pagenation li a.active,
.bottomContentsArea section .pagenation li a.active {
  background-color: #00a199;
  color: #fff;
}
.mainContentsArea section .pagenation li a.active:hover,
.bottomContentsArea section .pagenation li a.active:hover {
  background-color: #004F47;
}
.mainContentsArea section .whiteBox .pagenation li.disabled a:hover,
.bottomContentsArea section .whiteBox .pagenation li.disabled a:hover {
  background-color: #f9f7f3;
  color: #968c8a;
}
.mainContentsArea section .whiteBox .pagenation li a,
.bottomContentsArea section .whiteBox .pagenation li a {
  background-color: #f9f7f3;
}
.mainContentsArea section .whiteBox .pagenation li a:hover,
.bottomContentsArea section .whiteBox .pagenation li a:hover {
  background-color: #00a199;
  color: #fff;
}
.mainContentsArea section .whiteBox .pagenation li a.active,
.bottomContentsArea section .whiteBox .pagenation li a.active {
  background-color: #00a199;
  color: #fff;
}
.mainContentsArea section .whiteBox .pagenation li a.active:hover,
.bottomContentsArea section .whiteBox .pagenation li a.active:hover {
  background-color: #004F47;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 15px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel {
  position: absolute;
  margin-top: -40px;
  border-radius: 20px;
  color: #fff;
  padding: 8px 15px 7px 15px;
  font-size: 0.92rem;
  font-weight: bold;
  background-color: #00a199;
  box-shadow: 0 0 5px #00a199;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:before,
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border: 2px solid #00a199;
  border-radius: 20px;
  box-sizing: border-box;
  pointer-events: none;
  animation: pulsate 2s linear infinite;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after {
  animation-delay: 1s;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel img,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel img {
  display: none;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader h1,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader h1 {
  margin-bottom: 0;
  padding-top: 16px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap {
  margin-left: auto;
  text-align: right;
  padding-left: 15px;
  align-items: flex-end;
  padding-top: 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect {
  margin-top: -26px;
  margin-bottom: 5px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner {
  position: relative;
  border: 1px solid #968c8a;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner i {
  color: #968c8a;
  font-size: 1.65rem;
  position: absolute;
  top: 6px;
  left: 7px;
  margin-left: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner select,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner select {
  border: 1px solid #fff;
  border-left: 22px solid #fff;
  padding: 5px 10px 5px 5px;
  max-width: 140px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner select option::before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner select option::before {
  content: "★";
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap time,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap time {
  color: #968c8a;
  font-size: 0.85rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star {
  text-indent: 3.3rem;
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 3.3rem;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-size: 0.85rem;
  margin-top: 0.2em;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:before,
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:after {
  margin-left: -3.3rem;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  content: "starstarstarstarstar";
  position: absolute;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:before {
  color: #968c8a;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star:after {
  color: #ff6001;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star0:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star0:after {
  width: 0rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star0-5:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star0-5:after {
  width: 3.65rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star1:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star1:after {
  width: 4rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star1-5:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star1-5:after {
  width: 4.3rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star2:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star2:after {
  width: 4.55rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star2-5:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star2-5:after {
  width: 4.95rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star3:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star3:after {
  width: 5.2rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star3-5:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star3-5:after {
  width: 5.6rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star4:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star4:after {
  width: 5.9rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star4-5:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star4-5:after {
  width: 6.25rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star5:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .star.star5:after {
  width: 6.7rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .count,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .count,
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favoriteCount,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favoriteCount {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 14px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
  margin-left: auto;
  font-size: 0.7rem;
  margin-left: 5px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favorite,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favorite {
  margin-left: 10px;
  color: #00a199;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favoriteCount,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favoriteCount {
  background-color: #00a199;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo {
  height: 6rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 35px;
  padding-bottom: 35px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  height: 28px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a {
  position: absolute;
  bottom: 0;
  color: #3C3A33;
  line-height: 28px;
  left: 50%;
  width: 40%;
  margin-left: -20%;
  background: #f9f7f3;
  border-radius: 1rem;
  text-align: center;
  font-size: 0.9rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a:hover,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a:hover {
  background-color: #E4DACE;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a .closeMore,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a .closeMore {
  display: none;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open {
  height: auto;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore {
  background: none;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore .iconDown:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore .iconDown:before {
  content: "up";
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore .closeMore,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore .closeMore {
  display: inline;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore .openMore,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo.open .infoMore .openMore {
  display: none;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList {
  margin-bottom: 25px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList li:first-child:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList li:first-child:before {
  color: #8de7cc;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellBtnWrap,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellBtnWrap {
  margin-top: 25px;
  margin-bottom: 25px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellBtnWrap .yellBtn img,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellBtnWrap .yellBtn img {
  width: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap {
  position: fixed;
  top: 50px;
  left: 50%;
  margin-left: -400px;
  max-width: 800px;
  width: 95%;
  z-index: 10000;
  display: none;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header h2,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header h2 {
  text-align: left;
  margin-bottom: 0;
  color: #00a199;
  line-height: 1.2;
  font-weight: normal;
  font-size: 1.2rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header h2 span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header h2 span {
  margin-right: 5px;
  font-size: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: calc(760px - 211px);
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin {
  margin-left: auto;
  margin-bottom: 0;
  border-radius: 4px;
  padding: 5px;
  background-color: #f9f7f3;
  margin-bottom: auto;
  min-width: 110px;
  text-align: center;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a {
  font-size: 0.8rem;
  color: #3C3A33;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a img,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a img {
  width: 26px;
  vertical-align: middle;
  margin-right: 5px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a span {
  margin-left: 5px;
  font-size: 1.2rem;
  color: #00a199;
  font-weight: bold;
  vertical-align: middle;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .textRight,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .textRight {
  margin-bottom: 5px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep {
  margin-bottom: 20px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep h3,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep h3 span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep h3 span {
  color: #00a199;
  font-size: 2rem;
  margin-right: 8px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep h3 small,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep h3 small {
  font-weight: normal;
  padding-left: 5px;
  font-size: 0.9rem;
  font-family: 'メイリオ';
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: -1%;
  margin-right: -1%;
  margin-bottom: 15px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li {
  width: 25%;
  min-width: 25%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 5px;
  list-style: none;
  text-align: center;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label {
  display: block;
  position: relative;
  cursor: pointer;
  height: 100%;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input {
  position: absolute;
  opacity: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span:before {
  background-color: #fff400;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span:after {
  color: #3C3A33;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span > span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span > span {
  box-shadow: 0 0 0px 5px #fff400;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span > span img,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:checked + span > span img {
  background-position: bottom center;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span:before {
  background-color: #f9f7f3;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span:after {
  opacity: 0.5;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span > span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span > span {
  background-color: #f9f7f3;
  color: #3C3A33;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span > span > *,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span > span > * {
  opacity: 0.5;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span > span > *.sponsorLabel,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label input:disabled + span > span > *.sponsorLabel {
  opacity: 1;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span {
  height: 100%;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after,
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: -12px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  z-index: 10;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before {
  box-shadow: 0 0 0 4px #fff;
  background-color: #E4DACE;
  border-radius: 16px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  text-align: center;
  content: "check";
  font-size: 1.4rem;
  line-height: 32px;
  color: #968c8a;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span {
  height: 100%;
  transition: 0.3s;
  background-color: #00a199;
  border-radius: 8px;
  color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 28px;
  padding-bottom: 45px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .sponsorLabel,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .sponsorLabel {
  position: absolute;
  top: 16px;
  left: -40px;
  transform: rotate(-45deg);
  padding: 2px 35px;
  background-color: #fff400;
  display: block;
  color: #3C3A33;
  letter-spacing: -1px;
  font-weight: bold;
  z-index: 1;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img {
  width: 100%;
  margin-bottom: 5px;
  margin-top: -8px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_diamond,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_diamond {
  background-image: url("../img/btn_diamond.png");
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_gallery,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_gallery {
  background-image: url("../img/btn_gallery.png");
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_news,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_news {
  background-image: url("../img/btn_news.png");
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_yell,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span img.btn_yell {
  background-image: url("../img/btn_yell.png");
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span strong,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span strong {
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  font-size: 1.2rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .yellInfo,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .yellInfo {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.9rem;
  margin-bottom: 5px;
  letter-spacing: -0.5px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.8rem;
  padding-bottom: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 30px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin img,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin img {
  width: 30px;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin span {
  margin-left: 5px;
  font-size: 2rem;
  font-weight: bold;
  vertical-align: middle;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li.sponsor label > span > span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li.sponsor label > span > span {
  background-color: #00302E;
  /*color: @fontColor;*/
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul small,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul small {
  font-size: 0.8rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment img,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-right: 10px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment textarea,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #E4DACE;
  font-size: 16px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellCloseBtn,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellCloseBtn {
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: #00a199;
  border-radius: 22px;
  width: 44px;
  height: 44px;
  display: block;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellCloseBtn i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellCloseBtn i {
  color: #fff;
  line-height: 42px;
  transform: rotate(45deg);
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList {
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li {
  margin-right: 10px;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li a,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li:last-child,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li:last-child {
  margin-right: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .priorityBtn,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .priorityBtn {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.4rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .defaultBtn,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .defaultBtn {
  padding-left: 10px;
  padding-right: 10px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .defaultBtn i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .defaultBtn i {
  font-size: 2rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList {
  margin-bottom: 15px;
  margin-left: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  margin-left: 10px;
  position: relative;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li:last-child,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li:last-child {
  margin-right: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: 'LogoTypeGothic', 'メイリオ';
  background-color: #f9f7f3;
  border-radius: 5px;
  padding: 5px 13px;
  display: inline-block;
  font-size: 0.95rem;
  margin-top: 0;
  border-bottom: 3px solid #E4DACE;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a:hover,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a:hover {
  border-bottom-width: 0;
  background-color: #E4DACE;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a i {
  font-size: 1.7rem;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a span,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a span {
  display: block;
  color: #3C3A33;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .evaluationBtn i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .evaluationBtn i {
  color: #ff6001;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList {
  position: absolute;
  background-color: #f9f7f3;
  border-radius: 5px;
  padding: 15px 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  box-shadow: 0px 1px 3px 1px rgba(15, 5, 0, 0.2);
  z-index: 200;
  top: -110%;
  left: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:after,
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:before {
  content: "";
  position: absolute;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:before {
  bottom: -11px;
  border-color: #cdcdcd transparent transparent transparent;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:after,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList:after {
  bottom: -10px;
  border-color: #f9f7f3 transparent transparent transparent;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li {
  margin-left: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i {
  font-size: 2.5rem;
  position: relative;
  color: #fff;
  transition: 0.3s;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i:before,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i:before {
  content: "starempty";
  position: absolute;
  top: 0;
  left: 0;
  color: #ff6001;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i:hover,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i:hover,
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i.active,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .starInputList li i.active {
  color: #ff6001;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .favoriteBtn i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .favoriteBtn i {
  color: #00a199;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .twitterBtn i,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .twitterBtn i {
  color: #00aded;
}
.mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .tipBtn,
.bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .tipBtn {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 54px;
  font-size: 0.8rem;
  line-height: 0.9rem;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel {
  margin-bottom: 10px;
  position: relative;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .carouselCell,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .carouselCell {
  width: 100%;
  background: #222;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .carouselCell a,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .carouselCell a {
  display: block;
  width: 100%;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .carouselCell img,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .carouselCell img {
  display: block;
  max-height: 100%;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button {
  top: 50%;
  background-color: rgba(0, 0, 0, 0);
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button:hover,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button:hover {
  background-color: rgba(0, 0, 0, 0);
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button:hover .flickity-button-icon,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button:hover .flickity-button-icon {
  fill: #00a199;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button.next,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button.next {
  right: 0px;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button.previous,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button.previous {
  left: 0px;
}
.mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-button-icon,
.bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-button-icon {
  fill: #3C3A33;
  transition: 0.3s;
}
.mainContentsArea section .gameInfoCarouselWrap .carouselNavi,
.bottomContentsArea section .gameInfoCarouselWrap .carouselNavi {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 40px;
}
.mainContentsArea section .gameInfoCarouselWrap .carouselNavi li,
.bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li {
  width: 20%;
  margin-right: 10px;
  list-style: none;
}
.mainContentsArea section .gameInfoCarouselWrap .carouselNavi li:last-child,
.bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li:last-child {
  margin-right: 0;
}
.mainContentsArea section .gameInfoCarouselWrap .carouselNavi li a,
.bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li a {
  display: block;
}
.mainContentsArea section .gameInfoCarouselWrap .carouselNavi li a:hover,
.bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li a:hover,
.mainContentsArea section .gameInfoCarouselWrap .carouselNavi li a.active,
.bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li a.active {
  box-shadow: 0 0 0 3px #00a199;
}
.mainContentsArea section .gameInfoCarouselWrap .carouselNavi li a img,
.bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li a img {
  vertical-align: bottom;
}
.mainContentsArea section .fesJoinComment,
.bottomContentsArea section .fesJoinComment {
  background-image: url(../img/bg_stripe_widelightgreen.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 50px auto;
  padding: 5px;
  margin-bottom: 15px;
  text-align: center;
}
.mainContentsArea section .fesJoinComment > div,
.bottomContentsArea section .fesJoinComment > div {
  background-color: #fff;
  padding: 10px 15px;
}
.mainContentsArea section .fesJoinComment > div > h2,
.bottomContentsArea section .fesJoinComment > div > h2 {
  text-align: center;
  margin-bottom: 10px;
  color: #00a199;
  font-size: 1.6rem;
}
.mainContentsArea section .fesJoinComment > div .primaryBtn,
.bottomContentsArea section .fesJoinComment > div .primaryBtn {
  min-width: 140px;
  padding: 8px 25px;
}
.mainContentsArea section .fesJoinComment > div .stepList,
.bottomContentsArea section .fesJoinComment > div .stepList {
  text-align: center;
  margin-top: 15px;
}
.mainContentsArea section .fesJoinComment > div .stepList li,
.bottomContentsArea section .fesJoinComment > div .stepList li {
  list-style: none;
  text-align: center;
  min-width: 3em;
  display: inline-block;
  position: relative;
}
.mainContentsArea section .fesJoinComment > div .stepList li:after,
.bottomContentsArea section .fesJoinComment > div .stepList li:after {
  content: "";
  height: 3px;
  position: absolute;
  background-color: #E4DACE;
  width: 35px;
  top: 10px;
  right: 32px;
}
.mainContentsArea section .fesJoinComment > div .stepList li:first-child:after,
.bottomContentsArea section .fesJoinComment > div .stepList li:first-child:after {
  display: none;
}
.mainContentsArea section .fesJoinComment > div .stepList li i,
.bottomContentsArea section .fesJoinComment > div .stepList li i {
  width: 24px;
  height: 24px;
  line-height: 25px;
  border-radius: 12px;
  background-color: #E4DACE;
  color: #fff;
  display: inline-block;
  margin-left: -2px;
  margin-right: 0;
  position: relative;
  z-index: 1;
  font-size: 1.3rem;
  text-indent: -1px;
}
.mainContentsArea section .fesJoinComment > div .stepList li span,
.bottomContentsArea section .fesJoinComment > div .stepList li span {
  display: block;
  margin-top: 1px;
  font-size: 0.8rem;
  color: #E4DACE;
}
.mainContentsArea section .fesJoinComment > div .stepList li.active:after,
.bottomContentsArea section .fesJoinComment > div .stepList li.active:after {
  background-color: #00a199;
}
.mainContentsArea section .fesJoinComment > div .stepList li.active i,
.bottomContentsArea section .fesJoinComment > div .stepList li.active i {
  background-color: #00a199;
}
.mainContentsArea section .fesJoinComment > div .stepList li.active span,
.bottomContentsArea section .fesJoinComment > div .stepList li.active span {
  color: #00a199;
}
.mainContentsArea section .gameBooth,
.bottomContentsArea section .gameBooth {
  padding: 20px 20% 10px 20%;
  margin-bottom: 20px;
  background-color: #f0fffa;
  background-image: url("../img/bg_booth01.png"), url("../img/bg_booth02.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 27vmin auto, 24vmin auto;
  background-position: -7% 103%, 105% 103%;
}
.mainContentsArea section .gameBooth h2,
.bottomContentsArea section .gameBooth h2 {
  font-size: 1.6rem;
  color: #00a199;
}
.mainContentsArea section .gameBooth .btnPulsateWrap,
.bottomContentsArea section .gameBooth .btnPulsateWrap {
  margin-top: 25px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-flow: -webkit-column;
  flex-flow: -ms-column;
  flex-flow: column;
}
.mainContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel,
.bottomContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel {
  position: relative;
  color: #fff;
  padding: 3px 20px;
  margin-bottom: -5px;
  display: inline-block;
  font-size: 0.8rem;
  border-radius: 40px;
  font-weight: bold;
  background-color: #00a199;
  box-shadow: 0 0 5px #00a199;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel:before,
.bottomContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel:before,
.mainContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel:after,
.bottomContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border: 2px solid #00a199;
  border-radius: 20px;
  box-sizing: border-box;
  pointer-events: none;
  animation: pulsate 2s linear infinite;
}
.mainContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel:after,
.bottomContentsArea section .gameBooth .btnPulsateWrap .pulsateLabel:after {
  animation-delay: 1s;
}
.mainContentsArea section .gameBatch,
.bottomContentsArea section .gameBatch {
  padding: 20px 20px 5px 20px;
  margin-bottom: 35px;
  background-color: #f9f7f3;
}
.mainContentsArea section .gameBatch h2,
.bottomContentsArea section .gameBatch h2 {
  margin-bottom: 20px;
  font-size: 1.3rem;
}
.mainContentsArea section .gameBatch .batchList,
.bottomContentsArea section .gameBatch .batchList {
  margin-left: -10px;
  margin-right: -10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .gameBatch .batchList li,
.bottomContentsArea section .gameBatch .batchList li {
  padding-right: 10px;
  padding-left: 10px;
}
.mainContentsArea section .gameComment h2,
.bottomContentsArea section .gameComment h2 {
  position: relative;
  background-color: #00a199;
  font-family: 'LogoTypeGothic', 'メイリオ';
  color: #fff;
  padding: 2px 20px 3px 20px;
  display: inline-block;
  font-size: 1.4rem;
  border-radius: 40px;
}
.mainContentsArea section .gameComment h2:after,
.bottomContentsArea section .gameComment h2:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 10px;
  bottom: -20px;
  border-color: #00a199 transparent transparent transparent;
}
.mainContentsArea section .gameComment h3,
.bottomContentsArea section .gameComment h3 {
  font-size: 1.1rem;
}
.mainContentsArea section .gameComment .gameCommentInput,
.bottomContentsArea section .gameComment .gameCommentInput,
.mainContentsArea section .gameComment .commentList > li,
.bottomContentsArea section .gameComment .commentList > li,
.mainContentsArea section .gameComment .reviewList > li,
.bottomContentsArea section .gameComment .reviewList > li {
  position: relative;
  padding-left: 90px;
}
.mainContentsArea section .gameComment .gameCommentInput > div > p,
.bottomContentsArea section .gameComment .gameCommentInput > div > p,
.mainContentsArea section .gameComment .commentList > li > div > p,
.bottomContentsArea section .gameComment .commentList > li > div > p,
.mainContentsArea section .gameComment .reviewList > li > div > p,
.bottomContentsArea section .gameComment .reviewList > li > div > p {
  margin-top: 15px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentTime,
.bottomContentsArea section .gameComment .gameCommentInput .commentTime,
.mainContentsArea section .gameComment .commentList > li .commentTime,
.bottomContentsArea section .gameComment .commentList > li .commentTime,
.mainContentsArea section .gameComment .reviewList > li .commentTime,
.bottomContentsArea section .gameComment .reviewList > li .commentTime {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentTime .commentUser,
.bottomContentsArea section .gameComment .gameCommentInput .commentTime .commentUser,
.mainContentsArea section .gameComment .commentList > li .commentTime .commentUser,
.bottomContentsArea section .gameComment .commentList > li .commentTime .commentUser,
.mainContentsArea section .gameComment .reviewList > li .commentTime .commentUser,
.bottomContentsArea section .gameComment .reviewList > li .commentTime .commentUser {
  color: #968c8a;
}
.mainContentsArea section .gameComment .gameCommentInput .commentTime .commentUser img,
.bottomContentsArea section .gameComment .gameCommentInput .commentTime .commentUser img,
.mainContentsArea section .gameComment .commentList > li .commentTime .commentUser img,
.bottomContentsArea section .gameComment .commentList > li .commentTime .commentUser img,
.mainContentsArea section .gameComment .reviewList > li .commentTime .commentUser img,
.bottomContentsArea section .gameComment .reviewList > li .commentTime .commentUser img {
  position: absolute;
  top: 1.4rem;
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 35px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentTime .commentUser a,
.bottomContentsArea section .gameComment .gameCommentInput .commentTime .commentUser a,
.mainContentsArea section .gameComment .commentList > li .commentTime .commentUser a,
.bottomContentsArea section .gameComment .commentList > li .commentTime .commentUser a,
.mainContentsArea section .gameComment .reviewList > li .commentTime .commentUser a,
.bottomContentsArea section .gameComment .reviewList > li .commentTime .commentUser a {
  margin-right: 10px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentTime time,
.bottomContentsArea section .gameComment .gameCommentInput .commentTime time,
.mainContentsArea section .gameComment .commentList > li .commentTime time,
.bottomContentsArea section .gameComment .commentList > li .commentTime time,
.mainContentsArea section .gameComment .reviewList > li .commentTime time,
.bottomContentsArea section .gameComment .reviewList > li .commentTime time {
  color: #968c8a;
  margin-left: auto;
  font-size: 0.85rem;
}
.mainContentsArea section .gameComment .gameCommentInput textarea,
.bottomContentsArea section .gameComment .gameCommentInput textarea,
.mainContentsArea section .gameComment .commentList > li textarea,
.bottomContentsArea section .gameComment .commentList > li textarea,
.mainContentsArea section .gameComment .reviewList > li textarea,
.bottomContentsArea section .gameComment .reviewList > li textarea {
  width: 100%;
  height: 130px;
  border: 1px solid #E4DACE;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 5px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList,
.mainContentsArea section .gameComment .commentList > li .commentBtnList,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-content: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
  border-top: none;
  padding-top: 0;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 5px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input.prioritylightBtn,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input.prioritylightBtn,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li input.prioritylightBtn,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li input.prioritylightBtn,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li input.prioritylightBtn,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input.prioritylightBtn {
  border: none;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li a,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li a,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li a,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #f9f7f3;
  border-radius: 5px;
  color: #00a199;
  margin-right: 10px;
  transition: 0.3s;
  padding: 10px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"]:hover,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"]:hover,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"]:hover,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"]:hover,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"]:hover,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"]:hover,
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a:hover,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a:hover,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li a:hover,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li a:hover,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li a:hover,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a:hover {
  background-color: #E4DACE;
  color: #004F47;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"] {
  font-size: 2.4rem;
  padding: 2px 10px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="submit"],
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="submit"],
.mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="submit"],
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="submit"],
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="submit"],
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="submit"] {
  border-radius: 5px;
  padding: 15px 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li a,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li a,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li a,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a {
  font-size: 1rem;
  height: 100%;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a i,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a i,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li a i,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li a i,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li a i,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a i {
  font-size: 2rem;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a span,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a span,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li a span,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li a span,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li a span,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a span {
  font-weight: bold;
  color: #004F47;
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input.defaultBtn,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input.defaultBtn,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li input.defaultBtn,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li input.defaultBtn,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li input.defaultBtn,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input.defaultBtn {
  border: none;
  transition: 0.3s;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li label,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li label,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li label,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li label,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li label,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li label {
  margin-right: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li label input,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li label input,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li label input,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li label input,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li label input,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li label input {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList li label:hover,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li label:hover,
.mainContentsArea section .gameComment .commentList > li .commentBtnList li label:hover,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList li label:hover,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList li label:hover,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList li label:hover {
  color: #00a199;
}
.mainContentsArea section .gameComment .gameCommentInput .commentBtnList + ul,
.bottomContentsArea section .gameComment .gameCommentInput .commentBtnList + ul,
.mainContentsArea section .gameComment .commentList > li .commentBtnList + ul,
.bottomContentsArea section .gameComment .commentList > li .commentBtnList + ul,
.mainContentsArea section .gameComment .reviewList > li .commentBtnList + ul,
.bottomContentsArea section .gameComment .reviewList > li .commentBtnList + ul {
  width: 100%;
}
.mainContentsArea section .gameComment .commentList,
.bottomContentsArea section .gameComment .commentList,
.mainContentsArea section .gameComment .reviewList,
.bottomContentsArea section .gameComment .reviewList {
  padding-bottom: 20px;
}
.mainContentsArea section .gameComment .commentList > li .commentImageWrap,
.bottomContentsArea section .gameComment .commentList > li .commentImageWrap,
.mainContentsArea section .gameComment .reviewList > li .commentImageWrap,
.bottomContentsArea section .gameComment .reviewList > li .commentImageWrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .gameComment .commentList > li .commentImageWrap .image,
.bottomContentsArea section .gameComment .commentList > li .commentImageWrap .image,
.mainContentsArea section .gameComment .reviewList > li .commentImageWrap .image,
.bottomContentsArea section .gameComment .reviewList > li .commentImageWrap .image {
  margin-top: 0;
  margin-left: auto;
  padding-left: 20px;
  margin-bottom: 0px;
}
.mainContentsArea section .gameComment .commentList > li .image,
.bottomContentsArea section .gameComment .commentList > li .image,
.mainContentsArea section .gameComment .reviewList > li .image,
.bottomContentsArea section .gameComment .reviewList > li .image {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 30%;
  min-width: 240px;
}
.mainContentsArea section .gameComment .commentList > li .image a,
.bottomContentsArea section .gameComment .commentList > li .image a,
.mainContentsArea section .gameComment .reviewList > li .image a,
.bottomContentsArea section .gameComment .reviewList > li .image a {
  position: relative;
  display: block;
  background-color: #fff;
  box-shadow: 0px 1px 2px 1px rgba(15, 5, 0, 0.2);
}
.mainContentsArea section .gameComment .commentList > li .image a:hover,
.bottomContentsArea section .gameComment .commentList > li .image a:hover,
.mainContentsArea section .gameComment .reviewList > li .image a:hover,
.bottomContentsArea section .gameComment .reviewList > li .image a:hover {
  box-shadow: 0px 1px 2px 1px #004F47;
}
.mainContentsArea section .gameComment .commentList > li .image a:after,
.bottomContentsArea section .gameComment .commentList > li .image a:after,
.mainContentsArea section .gameComment .reviewList > li .image a:after,
.bottomContentsArea section .gameComment .reviewList > li .image a:after {
  content: "zoom";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  text-align: center;
  font-size: 2rem;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  background-color: #00a199;
}
.mainContentsArea section .gameComment .commentList > li .image img,
.bottomContentsArea section .gameComment .commentList > li .image img,
.mainContentsArea section .gameComment .reviewList > li .image img,
.bottomContentsArea section .gameComment .reviewList > li .image img {
  vertical-align: bottom;
  margin-top: 0 !important;
}
.mainContentsArea section .gameComment .commentList li,
.bottomContentsArea section .gameComment .commentList li,
.mainContentsArea section .gameComment .reviewList li,
.bottomContentsArea section .gameComment .reviewList li {
  list-style: none;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #f9f7f3;
  position: relative;
}
.mainContentsArea section .gameComment .commentList li li,
.bottomContentsArea section .gameComment .commentList li li,
.mainContentsArea section .gameComment .reviewList li li,
.bottomContentsArea section .gameComment .reviewList li li {
  margin-left: -50px;
  padding-left: 90px;
}
.mainContentsArea section .gameComment .reviewList,
.bottomContentsArea section .gameComment .reviewList {
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f9f7f3;
}
.mainContentsArea section .gameComment .reviewList > li,
.bottomContentsArea section .gameComment .reviewList > li {
  position: relative;
  padding-left: 180px;
}
.mainContentsArea section .gameComment .reviewList > li .thumbnailWrap,
.bottomContentsArea section .gameComment .reviewList > li .thumbnailWrap {
  position: absolute;
  left: 0;
  top: 20px;
  width: 160px;
  display: inline-block;
  text-align: center;
}
.mainContentsArea section .gameComment .reviewList > li .thumbnailWrap .gameTextWrap strong,
.bottomContentsArea section .gameComment .reviewList > li .thumbnailWrap .gameTextWrap strong {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 5px;
}
.mainContentsArea section .mypage .mypageHeader,
.bottomContentsArea section .mypage .mypageHeader {
  background-image: url(../img/bg_stripe_yellow.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
  position: relative;
  margin-top: -25px;
  margin-left: -35px;
  margin-right: -35px;
  padding: 30px 30px 30px 240px;
  min-height: 240px;
  margin-bottom: 30px;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn {
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn > img,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn > img {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 180px;
  border: 5px solid #fff;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch {
  position: absolute;
  right: 10px;
  top: -10px;
  transform: rotate(15deg);
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch:after,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch:after {
  bottom: -15px;
  right: -15px;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch img,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch img {
  width: 180px;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn h1,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn h1 {
  margin-right: 20px;
  margin-bottom: 0;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 5px;
  list-style: none;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn,
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .prioritylightBtn,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .prioritylightBtn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn {
  padding: 5px;
  background-color: #00aded;
  color: #fff;
  border-radius: 5px;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn i,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn i {
  font-size: 1.8rem;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn:hover,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .twitterBtn:hover {
  background-color: #00678d;
}
.mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .prioritylightBtn,
.bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul li .prioritylightBtn {
  padding-top: 5px;
  padding-bottom: 5px;
}
.mainContentsArea section .mypage .mypageHeader a,
.bottomContentsArea section .mypage .mypageHeader a {
  font-size: 1.1rem;
}
.mainContentsArea section .mypage .mypageHeader .userProfile,
.bottomContentsArea section .mypage .mypageHeader .userProfile {
  display: block;
  margin-top: 10px;
  line-height: 1.6em;
}
.mainContentsArea section .mypage .myBatch,
.bottomContentsArea section .mypage .myBatch {
  background-image: url(../img/bg_stripe_dilutedgreen.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
  padding: 20px;
}
.mainContentsArea section .mypage .myBatch .batchList.column.column5col,
.bottomContentsArea section .mypage .myBatch .batchList.column.column5col {
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .reviewHeader,
.bottomContentsArea section .reviewHeader {
  text-align: center;
  position: relative;
}
.mainContentsArea section .reviewHeader h1,
.bottomContentsArea section .reviewHeader h1 {
  padding-right: 50px;
  padding-left: 50px;
}
.mainContentsArea section .reviewHeader .twitterBtn,
.bottomContentsArea section .reviewHeader .twitterBtn {
  position: absolute;
  color: #fff;
  background-color: #00aded;
  border-radius: 5px;
  padding: 9px 5px;
  display: block;
  right: 0;
  top: 0;
}
.mainContentsArea section .reviewHeader .twitterBtn i,
.bottomContentsArea section .reviewHeader .twitterBtn i {
  font-size: 1.8rem;
}
.mainContentsArea section .reviewHeader .twitterBtn:hover,
.bottomContentsArea section .reviewHeader .twitterBtn:hover {
  background-color: #00678d;
}
.mainContentsArea section .gameComment.bgStripeYellow,
.bottomContentsArea section .gameComment.bgStripeYellow {
  padding: 30px 20px;
  margin-bottom: 30px;
}
.mainContentsArea section .gameComment.bgStripeYellow .commentList,
.bottomContentsArea section .gameComment.bgStripeYellow .commentList {
  padding-bottom: 0;
}
.mainContentsArea section .gameComment.bgStripeYellow .commentList > li,
.bottomContentsArea section .gameComment.bgStripeYellow .commentList > li {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.mainContentsArea section .gameComment.bgStripeYellow .commentList > li .commentTime .commentUser img,
.bottomContentsArea section .gameComment.bgStripeYellow .commentList > li .commentTime .commentUser img {
  top: 5px;
}
.mainContentsArea section .fesJoinBtn span.defaultlightBtn,
.bottomContentsArea section .fesJoinBtn span.defaultlightBtn {
  background-color: #f9f7f3;
  color: #968c8a;
}
.mainContentsArea section .batch .batchHeader,
.bottomContentsArea section .batch .batchHeader {
  background-image: url(../img/bg_stripe_yellow.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
  position: relative;
  margin-top: -25px;
  margin-left: -35px;
  margin-right: -35px;
  padding: 30px 30px 30px 300px;
  min-height: 180px;
  margin-bottom: 30px;
}
.mainContentsArea section .batch .batchHeader h1,
.bottomContentsArea section .batch .batchHeader h1 {
  margin-bottom: 15px;
}
.mainContentsArea section .batch .batchHeader .userBatch,
.bottomContentsArea section .batch .batchHeader .userBatch {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 240px;
}
.mainContentsArea section .batch .batchHeader .batchInfo,
.bottomContentsArea section .batch .batchHeader .batchInfo {
  line-height: 1.6em;
}
.mainContentsArea section .batch .batchGetUser,
.bottomContentsArea section .batch .batchGetUser {
  background-image: url(../img/bg_stripe_dilutedgreen.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
  padding: 20px 20px 1px 20px;
}
.mainContentsArea section .connectGameList > li,
.bottomContentsArea section .connectGameList > li,
.mainContentsArea section .connectGameItem,
.bottomContentsArea section .connectGameItem {
  list-style: none;
  margin-bottom: 35px;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader,
.bottomContentsArea section .connectGameList > li .gameListItemHeader,
.mainContentsArea section .connectGameItem .gameListItemHeader,
.bottomContentsArea section .connectGameItem .gameListItemHeader {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader a,
.bottomContentsArea section .connectGameList > li .gameListItemHeader a,
.mainContentsArea section .connectGameItem .gameListItemHeader a,
.bottomContentsArea section .connectGameItem .gameListItemHeader a {
  font-family: 'LogoTypeGothic', 'メイリオ';
  font-size: 1.4rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation {
  margin-left: 25px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star {
  text-indent: 3.3rem;
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 3.3rem;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-size: 0.85rem;
  margin-top: 0.2em;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:before,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:before,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:before,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:before,
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:after {
  margin-left: -3.3rem;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  content: "starstarstarstarstar";
  position: absolute;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:before,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:before,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:before,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:before {
  color: #968c8a;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star:after {
  color: #ff6001;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star0:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star0:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star0:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star0:after {
  width: 0rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star0-5:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star0-5:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star0-5:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star0-5:after {
  width: 3.65rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star1:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star1:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star1:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star1:after {
  width: 4rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star1-5:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star1-5:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star1-5:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star1-5:after {
  width: 4.3rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star2:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star2:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star2:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star2:after {
  width: 4.55rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star2-5:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star2-5:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star2-5:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star2-5:after {
  width: 4.95rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star3:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star3:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star3:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star3:after {
  width: 5.2rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star3-5:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star3-5:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star3-5:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star3-5:after {
  width: 5.6rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star4:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star4:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star4:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star4:after {
  width: 5.9rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star4-5:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star4-5:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star4-5:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star4-5:after {
  width: 6.25rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star5:after,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .star.star5:after,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star5:after,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .star.star5:after {
  width: 6.7rem;
}
.mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .count,
.bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation .count,
.mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation .count,
.bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation .count {
  background-color: #ff6001;
  color: #fff;
  font-weight: bold;
  line-height: 14px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
  margin-left: auto;
  font-size: 0.7rem;
  margin-left: 5px;
}
.mainContentsArea section .connectGameList > li .gameListItemBody,
.bottomContentsArea section .connectGameList > li .gameListItemBody,
.mainContentsArea section .connectGameItem .gameListItemBody,
.bottomContentsArea section .connectGameItem .gameListItemBody {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a,
.mainContentsArea section .connectGameItem .gameListItemBody > a,
.bottomContentsArea section .connectGameItem .gameListItemBody > a {
  width: 35%;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail {
  position: relative;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail img,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail img,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail img,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail img {
  vertical-align: bottom;
  padding-bottom: 0;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon {
  transition: 0.3s;
  color: #3C3A33;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon i,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon i,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon i,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon i {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-right: 0;
  margin-left: 0;
  font-size: 2.15rem;
  transition: 0.3s;
  padding: 10px;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon:before,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon:before,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon:before,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon:before {
  position: absolute;
  right: 11px;
  bottom: 10px;
  content: "heart";
  display: inline-block;
  color: #fff;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  font-size: 2rem;
  vertical-align: middle;
  transition: 0.3s;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon:hover,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon:hover,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon:hover,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon:hover {
  color: #00a199;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active {
  color: #00a199;
}
.mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active:before,
.bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active:before,
.mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active:before,
.bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active:before {
  color: #00a199;
}
.adult .mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon:hover,
.adult .bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon:hover,
.adult .mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon:hover,
.adult .bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon:hover {
  color: #ea004c;
}
.adult .mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active,
.adult .bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active,
.adult .mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active,
.adult .bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active {
  color: #ea004c;
}
.adult .mainContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active:before,
.adult .bottomContentsArea section .connectGameList > li .gameListItemBody > a .thumbnail .favoriteIcon.active:before,
.adult .mainContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active:before,
.adult .bottomContentsArea section .connectGameItem .gameListItemBody > a .thumbnail .favoriteIcon.active:before {
  color: #ea004c;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap {
  width: 65%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: -webkit-column;
  flex-flow: -ms-column;
  flex-flow: column;
  min-width: 0;
  padding-left: 20px;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .comment,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .comment,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .comment,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .comment {
  margin-bottom: 8px;
  font-size: 0.9rem;
  display: block;
  overflow: hidden;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner {
  display: block;
  height: 5.4rem;
  position: relative;
  word-break: break-all;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner:before,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner:before,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner:before,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner:before {
  background-color: #fff;
  position: absolute;
  content: "…";
  top: 4.1rem;
  right: 0;
  padding-right: 3px;
  padding-left: 3px;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner:after,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner:after,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner:after,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner:after {
  background-color: #fff;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .comment,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .comment,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .comment,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .comment {
  margin-bottom: 20px;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner {
  height: 4.1rem;
  line-height: 1.6em;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner:before,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .commentInner:before,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner:before,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .commentInner:before {
  top: 2.8rem;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList {
  margin-bottom: 25px;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList li:first-child:before,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList li:first-child:before,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList li:first-child:before,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList li:first-child:before {
  color: #8de7cc;
}
.mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList li .batchGet:before,
.bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList li .batchGet:before,
.mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList li .batchGet:before,
.bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList li .batchGet:before {
  top: -6px;
  left: -39px;
  font-size: 0.8rem;
  padding-top: 12px;
  padding-bottom: 1px;
}
.mainContentsArea section.boothSection,
.bottomContentsArea section.boothSection {
  background-color: #f0fffa;
  padding-top: 30px;
  background-image: url("../img/bg_booth01.png"), url("../img/bg_booth02.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 30% auto, 28% auto;
  background-position: 0 -5.4vw, 100% -5.8vw;
}
.mainContentsArea section.boothSection h2,
.bottomContentsArea section.boothSection h2 {
  margin-bottom: 30px;
}
.mainContentsArea section.boothSection h2 span,
.bottomContentsArea section.boothSection h2 span {
  background-color: #fff;
}
.mainContentsArea section.boothSection h2 span:after,
.bottomContentsArea section.boothSection h2 span:after,
.mainContentsArea section.boothSection h2 span:before,
.bottomContentsArea section.boothSection h2 span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  vertical-align: middle;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: -8px;
}
.mainContentsArea section.boothSection h2 span:after,
.bottomContentsArea section.boothSection h2 span:after {
  background-image: url("../img/bg_title_em_r.png");
}
.mainContentsArea section.boothSection h2 span:before,
.bottomContentsArea section.boothSection h2 span:before {
  background-image: url("../img/bg_title_em_l.png");
}
.mainContentsArea section.commentSection .newComment .col a,
.bottomContentsArea section.commentSection .newComment .col a {
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.mainContentsArea section .quest,
.bottomContentsArea section .quest {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.mainContentsArea section .questhHeader,
.bottomContentsArea section .questhHeader {
  text-align: center;
}
.mainContentsArea section .questhHeader h1,
.bottomContentsArea section .questhHeader h1 {
  display: inline-block;
  padding: 10px 70px 0px 70px;
  background-image: url("../img/bg_left_quest.png"), url("../img/bg_right_quest.png");
  background-repeat: no-repeat, no-repeat;
  background-size: auto 63px, auto 63px;
  background-position: 0 70%,100% 36%;
  margin-bottom: 20px;
  margin-top: -15px;
}
.mainContentsArea section .questhHeader h1 img,
.bottomContentsArea section .questhHeader h1 img {
  width: 121px;
}
.mainContentsArea section .questLead,
.bottomContentsArea section .questLead {
  background-color: #ece7dc;
  padding: 15px 70px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.mainContentsArea section .questLead:before,
.bottomContentsArea section .questLead:before,
.mainContentsArea section .questLead:after,
.bottomContentsArea section .questLead:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -20px;
  display: block;
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-bottom: 40px solid #f9f7f3;
}
.mainContentsArea section .questLead:before,
.bottomContentsArea section .questLead:before {
  right: -40px;
  transform: rotate(-90deg);
}
.mainContentsArea section .questLead:after,
.bottomContentsArea section .questLead:after {
  left: -40px;
  transform: rotate(90deg);
}
.mainContentsArea section .questList > li,
.bottomContentsArea section .questList > li,
.mainContentsArea section .questItem,
.bottomContentsArea section .questItem {
  min-width: 0;
  margin-bottom: 15px;
}
.mainContentsArea section .questList > li > a,
.bottomContentsArea section .questList > li > a,
.mainContentsArea section .questItem > a,
.bottomContentsArea section .questItem > a {
  background-color: #fff;
  display: block;
  color: #3C3A33;
  padding-bottom: 0;
  transition: 0.3s;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
}
.mainContentsArea section .questList > li > a:hover,
.bottomContentsArea section .questList > li > a:hover,
.mainContentsArea section .questItem > a:hover,
.bottomContentsArea section .questItem > a:hover {
  box-shadow: 0 0 0 3px #00a199;
}
.mainContentsArea section .questList > li .priorityRoundLabel,
.bottomContentsArea section .questList > li .priorityRoundLabel,
.mainContentsArea section .questItem .priorityRoundLabel,
.bottomContentsArea section .questItem .priorityRoundLabel {
  font-size: 1.2rem;
}
.mainContentsArea section .questList > li .thumbnail,
.bottomContentsArea section .questList > li .thumbnail,
.mainContentsArea section .questItem .thumbnail,
.bottomContentsArea section .questItem .thumbnail {
  position: relative;
}
.mainContentsArea section .questList > li .thumbnail img,
.bottomContentsArea section .questList > li .thumbnail img,
.mainContentsArea section .questItem .thumbnail img,
.bottomContentsArea section .questItem .thumbnail img {
  vertical-align: bottom;
  padding-bottom: 0;
}
.mainContentsArea section .questList > li .questTextWrap,
.bottomContentsArea section .questList > li .questTextWrap,
.mainContentsArea section .questItem .questTextWrap,
.bottomContentsArea section .questItem .questTextWrap {
  padding: 15px 20px 20px 20px;
  text-align: center;
}
.mainContentsArea section .questList > li h1,
.bottomContentsArea section .questList > li h1,
.mainContentsArea section .questItem h1,
.bottomContentsArea section .questItem h1 {
  margin-bottom: 20px;
  line-height: 1.5em;
}
.mainContentsArea section .questList > li strong,
.bottomContentsArea section .questList > li strong,
.mainContentsArea section .questItem strong,
.bottomContentsArea section .questItem strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.3rem;
  line-height: 1.4;
}
.mainContentsArea section .questList > li dl,
.bottomContentsArea section .questList > li dl,
.mainContentsArea section .questItem dl,
.bottomContentsArea section .questItem dl {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}
.mainContentsArea section .questList > li dl dt,
.bottomContentsArea section .questList > li dl dt,
.mainContentsArea section .questItem dl dt,
.bottomContentsArea section .questItem dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 3px;
}
.mainContentsArea section .questList > li dl dd,
.bottomContentsArea section .questList > li dl dd,
.mainContentsArea section .questItem dl dd,
.bottomContentsArea section .questItem dl dd {
  margin-bottom: 5px;
  padding-left: 20px;
}
.mainContentsArea section .questList > li dl em,
.bottomContentsArea section .questList > li dl em,
.mainContentsArea section .questItem dl em,
.bottomContentsArea section .questItem dl em {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: bold;
  color: #00a199;
  line-height: 1.4;
}
.mainContentsArea section .questList > li .joinQuestTxt,
.bottomContentsArea section .questList > li .joinQuestTxt,
.mainContentsArea section .questItem .joinQuestTxt,
.bottomContentsArea section .questItem .joinQuestTxt {
  display: block;
  margin-bottom: 8px;
}
.mainContentsArea section .questList > li .joinQuestTxt span,
.bottomContentsArea section .questList > li .joinQuestTxt span,
.mainContentsArea section .questItem .joinQuestTxt span,
.bottomContentsArea section .questItem .joinQuestTxt span {
  display: inline-block;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.mainContentsArea section .questList > li .joinQuestTxt span.caution,
.bottomContentsArea section .questList > li .joinQuestTxt span.caution,
.mainContentsArea section .questItem .joinQuestTxt span.caution,
.bottomContentsArea section .questItem .joinQuestTxt span.caution {
  color: #FF4700;
}
.mainContentsArea section .questList > li .joinQuestTxt span:before,
.bottomContentsArea section .questList > li .joinQuestTxt span:before,
.mainContentsArea section .questItem .joinQuestTxt span:before,
.bottomContentsArea section .questItem .joinQuestTxt span:before,
.mainContentsArea section .questList > li .joinQuestTxt span:after,
.bottomContentsArea section .questList > li .joinQuestTxt span:after,
.mainContentsArea section .questItem .joinQuestTxt span:after,
.bottomContentsArea section .questItem .joinQuestTxt span:after {
  content: "";
  position: absolute;
  top: 1px;
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 20px solid #fff400;
}
.mainContentsArea section .questList > li .joinQuestTxt span:before,
.bottomContentsArea section .questList > li .joinQuestTxt span:before,
.mainContentsArea section .questItem .joinQuestTxt span:before,
.bottomContentsArea section .questItem .joinQuestTxt span:before {
  right: 0;
  transform: rotate(225deg);
}
.mainContentsArea section .questList > li .joinQuestTxt span:after,
.bottomContentsArea section .questList > li .joinQuestTxt span:after,
.mainContentsArea section .questItem .joinQuestTxt span:after,
.bottomContentsArea section .questItem .joinQuestTxt span:after {
  left: 0;
  transform: rotate(-225deg);
}
.mainContentsArea section .questList > li > a,
.bottomContentsArea section .questList > li > a,
.mainContentsArea section .questItem,
.bottomContentsArea section .questItem {
  position: relative;
  overflow: hidden;
}
.mainContentsArea section .questList > li > a:before,
.bottomContentsArea section .questList > li > a:before,
.mainContentsArea section .questItem:before,
.bottomContentsArea section .questItem:before {
  position: absolute;
  top: -9px;
  display: block;
  transform: rotate(-45deg);
  color: #000;
  font-weight: bold;
  padding: 36px 6px 0px 6px;
  width: 120px;
  height: 24px;
  text-align: center;
  z-index: 10;
  font-size: 0.9rem;
  padding-bottom: 0;
  left: -44px;
}
.mainContentsArea section .questList > li > a.beforeQuest,
.bottomContentsArea section .questList > li > a.beforeQuest,
.mainContentsArea section .questItem.beforeQuest,
.bottomContentsArea section .questItem.beforeQuest {
  overflow: hidden;
}
.mainContentsArea section .questList > li > a.beforeQuest:before,
.bottomContentsArea section .questList > li > a.beforeQuest:before,
.mainContentsArea section .questItem.beforeQuest:before,
.bottomContentsArea section .questItem.beforeQuest:before {
  content: "開催予告";
  background-color: #fff400;
}
.mainContentsArea section .questList > li > a.soonQuest,
.bottomContentsArea section .questList > li > a.soonQuest,
.mainContentsArea section .questItem.soonQuest,
.bottomContentsArea section .questItem.soonQuest {
  overflow: hidden;
}
.mainContentsArea section .questList > li > a.soonQuest:before,
.bottomContentsArea section .questList > li > a.soonQuest:before,
.mainContentsArea section .questItem.soonQuest:before,
.bottomContentsArea section .questItem.soonQuest:before {
  content: "終了間近";
  background-color: #ff6001;
  color: #fff;
}
.mainContentsArea section .questList > li > a.endQuest,
.bottomContentsArea section .questList > li > a.endQuest,
.mainContentsArea section .questItem.endQuest,
.bottomContentsArea section .questItem.endQuest {
  overflow: hidden;
}
.mainContentsArea section .questList > li > a.endQuest:before,
.bottomContentsArea section .questList > li > a.endQuest:before,
.mainContentsArea section .questItem.endQuest:before,
.bottomContentsArea section .questItem.endQuest:before {
  content: "終了";
  background-color: #968c8a;
  color: #fff;
}
.mainContentsArea section .questItem dl,
.bottomContentsArea section .questItem dl {
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.mainContentsArea section .questItem dl dt,
.bottomContentsArea section .questItem dl dt {
  width: 6.5em;
  padding-top: 0;
  margin-bottom: 15px;
  text-align: right;
}
.mainContentsArea section .questItem dl dd,
.bottomContentsArea section .questItem dl dd {
  margin-bottom: 15px;
  padding-left: 20px;
  width: calc(100% - 12em);
}
.mainContentsArea .historySection,
.bottomContentsArea .historySection,
.mainContentsArea .recommendSection,
.bottomContentsArea .recommendSection {
  padding-top: 30px;
}
.mainContentsArea .historySection h2,
.bottomContentsArea .historySection h2,
.mainContentsArea .recommendSection h2,
.bottomContentsArea .recommendSection h2 {
  font-size: 1.6rem;
}
.mainContentsArea .historySection li,
.bottomContentsArea .historySection li,
.mainContentsArea .recommendSection li,
.bottomContentsArea .recommendSection li {
  display: block;
  list-style: none;
  margin-bottom: 10px;
}
.mainContentsArea .historySection li a,
.bottomContentsArea .historySection li a,
.mainContentsArea .recommendSection li a,
.bottomContentsArea .recommendSection li a {
  box-shadow: 0 0 0 3px #fff;
  margin-top: 3px;
  transition: 0.3s;
  display: block;
}
.mainContentsArea .historySection li a:hover,
.bottomContentsArea .historySection li a:hover,
.mainContentsArea .recommendSection li a:hover,
.bottomContentsArea .recommendSection li a:hover {
  box-shadow: 0 0 0 3px #00a199;
}
.mainContentsArea .historySection li a img,
.bottomContentsArea .historySection li a img,
.mainContentsArea .recommendSection li a img,
.bottomContentsArea .recommendSection li a img {
  vertical-align: middle;
}
.mainContentsArea .historySection,
.bottomContentsArea .historySection {
  background-color: #E4DACE;
}
.mainContentsArea .recommendSection,
.bottomContentsArea .recommendSection {
  background-color: #f9f7f3;
  background-image: url(../img/bg_stripe_yellow.png);
  background-position: left top;
  background-repeat: repeat;
  background-size: auto 28px;
}
.footerArea {
  background-color: #fff;
}
.footerArea .whiteSection {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
}
.footerArea .toolLink {
  text-align: center;
  display: block;
  padding: 15px;
  border-radius: 5px;
}
.footerArea .toolLink:hover {
  background-color: #f9f7f3;
}
.footerArea .toolLink img {
  width: 380px;
}
.footerArea .toolLink span {
  display: block;
  font-family: 'LogoTypeGothic', 'メイリオ';
  font-size: 1.1rem;
}
.footerArea .contactSection {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #00a199;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.footerArea .contactSection .logo {
  margin-right: 30px;
}
.footerArea .contactSection .logo a:hover {
  opacity: 0.8;
}
.footerArea .contactSection .logo a img {
  width: 267px;
}
.footerArea .contactSection ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.footerArea .contactSection ul li {
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: 5px;
}
.footerArea .contactSection ul li a {
  height: 100px;
  width: 100px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  color: #00a199;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  text-align: center;
  font-family: 'LogoTypeGothic', 'メイリオ';
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  line-height: 1.2em;
}
.footerArea .contactSection ul li a:hover {
  color: #004F47;
}
.footerArea .contactSection ul li a i {
  display: block;
  font-size: 3rem;
  margin-bottom: 10px;
}
.footerArea .contactSection ul .twitter a {
  background-color: #00a199;
  color: #fff;
}
.footerArea .contactSection ul .twitter a:hover {
  background-color: #004F47;
  color: #fff;
  border-color: #004F47;
}
.footerArea .footerBottom {
  background-color: #004F47;
  padding-top: 17px;
  padding-bottom: 17px;
}
.footerArea .footerBottom .footerBottomInner {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.footerArea .footerBottom .copyright {
  color: #fff;
  font-size: 0.85rem;
  margin-right: auto;
  padding-left: 20px;
}
.footerArea .footerBottom nav ul li {
  list-style: none;
  display: inline-block;
  border-right: 1px solid #fff;
  margin-right: 8px;
  padding-right: 13px;
}
.footerArea .footerBottom nav ul li:last-child {
  border-right: none;
}
.footerArea .footerBottom nav ul li a {
  color: #fff;
}
.footerArea .footerBottom nav ul li a:hover {
  color: #E4DACE;
}
.pageTop a {
  width: 60px;
  height: 60px;
  display: block;
  line-height: 58px;
  text-align: center;
  background-color: #00302E;
  color: #fff400;
  box-shadow: 0px 1px 4px 1px rgba(0, 5, 5, 0.6);
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin-left: 432px;
  font-size: 1.5rem;
  z-index: 1000;
}
.pageTop a:hover {
  background-color: #fff400;
  color: #00302E;
}
.headerOverlay,
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  z-index: 9999;
}
@media screen and (max-width: 1024px) {
  .primaryBtn,
  .primaryRoundLabel,
  .priorityRoundLabel,
  .defaultRoundLabel,
  .grayRoundLabel {
    font-size: 1.2rem;
    padding-left: 25px;
    padding-right: 25px;
  }
  .sectionInner {
    padding-left: 15px;
    padding-right: 15px;
  }
  div.column.column3col .col,
  ul.column.column3col li {
    width: 50%;
  }
  div.column.column4col .col,
  ul.column.column4col li {
    width: 33.33%;
  }
  div.column.column5col .col,
  ul.column.column5col li {
    width: 25%;
  }
  div.column.column6col .col,
  ul.column.column6col li {
    width: 20%;
  }
  .batchList li {
    text-align: center;
  }
  .batchList li .batchGet:before {
    top: -6px;
    left: -39px;
    font-size: 0.8rem;
    padding-top: 12px;
    padding-bottom: 1px;
  }
  .batchList li:after {
    background-size: 36px auto;
    width: 36px;
    height: 43px;
    right: -5px;
  }
  .whiteBox {
    background-color: #fff;
    padding: 25px 20px;
  }
  .headerArea .logo {
    left: 15px;
    margin-left: 0;
    max-width: 37%;
  }
  .headerArea .logo a img {
    height: auto;
  }
  .headerArea .headerNavi .userNavi {
    width: 100%;
    max-width: 54%;
    right: 15px;
    margin-right: 0;
    text-align: right;
  }
  .headerArea .headerNavi .userNavi li {
    padding-right: 15px;
  }
  .headerArea .headerNavi .userNavi li.user {
    width: 100%;
    max-width: 62%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
  }
  .headerArea .notice {
    right: 15px;
    margin-right: 0;
  }
  .headerArea .search {
    max-width: 54%;
    right: 15px;
    margin-right: 0;
  }
  .headerArea .search .searchBox .selectTxt {
    width: 540px;
  }
  .headerArea .search .searchBox input[type="submit"] {
    width: 36px;
    min-width: 28px;
  }
  .headerArea .search .searchBox .details {
    min-width: 64px;
    width: 64px;
    white-space: nowrap;
  }
  .headerArea .search .detailsList {
    width: 100%;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap {
    left: 2.5%;
    margin-left: 0;
    max-width: 100%;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header h2 span {
    max-width: calc(100vw - 310px);
  }
  .leftAreaWrap {
    display: block;
  }
  .leftAreaWrap .mainContentsArea {
    width: 100%;
  }
  .leftAreaWrap .sideContentsArea {
    width: 100%;
    margin-top: -25px;
    padding-right: 0;
  }
  .leftAreaWrap .sideContentsArea .tagSort {
    text-align: center;
    box-shadow: none;
    background-color: inherit;
    margin-bottom: 35px;
  }
  .leftAreaWrap .sideContentsArea .tagSort header {
    background-color: inherit;
    color: #3C3A33;
    font-size: 1.4rem;
    padding-bottom: 5px;
  }
  .leftAreaWrap .sideContentsArea .tagSort ul li {
    border-bottom: none;
    display: inline-block;
    margin-bottom: 8px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .leftAreaWrap .sideContentsArea .tagSort ul li.itemTitle {
    display: block;
    border-bottom: none;
  }
  .leftAreaWrap .sideContentsArea .tagSort ul li.itemTitle > span {
    font-size: 1.2rem;
    background-color: inherit;
  }
  .leftAreaWrap .sideContentsArea .tagSort ul li a {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 8px 14px;
  }
  .leftAreaWrap .sideContentsArea .tagSort ul li .count {
    vertical-align: middle;
    font-size: 0.8rem;
    line-height: 14px;
    border-radius: 8px;
    padding-top: 0px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 5px;
  }
  .leftAreaWrap .sideContentsArea .banner.fes2018 {
    background-size: 100% auto;
    background-position: center 20%;
    text-align: center;
  }
  .leftAreaWrap .sideContentsArea .banner.fes2018 a {
    display: block;
  }
  .leftAreaWrap .sideContentsArea .banner.fes2018 a img {
    max-width: 240px;
  }
  .leftAreaWrap .sideContentsArea .twitterWrap {
    margin-bottom: 20px;
  }
  .leftAreaWrap .sideContentsArea .twitterWrap header a {
    margin: 8px 25px;
  }
  .leftAreaWrap .sideContentsArea .twitterWrap iframe {
    width: 100% !important;
    height: 300px !important;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi {
    margin-top: 50px;
    padding: 15px 15px;
    box-shadow: none;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo {
    position: relative;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon a img {
    width: 97px;
    height: 97px;
    border-radius: 49px;
    margin-top: -49px;
    border: 7px solid #fff;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon a span {
    margin-top: -5px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon .addFan {
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon .addFan a {
    margin-bottom: 0px;
    font-size: 1rem;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userBatch:after {
    left: 50%;
    margin-left: 80px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userBatch a {
    display: inline-block;
    max-width: 200px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li {
    list-style: none;
    width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .mainContentsArea section .gameList > li a strong,
  .bottomContentsArea section .gameList > li a strong,
  .mainContentsArea section .gameItem a strong,
  .bottomContentsArea section .gameItem a strong {
    padding-top: 18px;
    margin-top: 0;
    padding-left: 32px;
    font-size: 0.95rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .user,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .user,
  .mainContentsArea section .gameItem a .userEvaluationWrap .user,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .user {
    margin-left: auto;
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 0;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .user img,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .user img,
  .mainContentsArea section .gameItem a .userEvaluationWrap .user img,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .user img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation {
    margin-right: 10px;
    position: absolute;
    right: 0px;
    bottom: 31px;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star {
    text-indent: 3.1rem;
    width: 3.1rem;
    font-size: 0.8rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:before,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:before,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:before,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:before,
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star:after {
    margin-left: -3.1rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star0-5:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star0-5:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star0-5:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star0-5:after {
    width: 3.4rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1:after {
    width: 3.75rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1-5:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star1-5:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1-5:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star1-5:after {
    width: 4rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2:after {
    width: 4.3rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2-5:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star2-5:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2-5:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star2-5:after {
    width: 4.6rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3:after {
    width: 4.95rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3-5:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star3-5:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3-5:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star3-5:after {
    width: 5.25rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4:after {
    width: 5.55rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4-5:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star4-5:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4-5:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star4-5:after {
    width: 5.84rem;
  }
  .mainContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star5:after,
  .bottomContentsArea section .gameList > li a .userEvaluationWrap .Evaluation .star.star5:after,
  .mainContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star5:after,
  .bottomContentsArea section .gameItem a .userEvaluationWrap .Evaluation .star.star5:after {
    width: 6.45rem;
  }
  .mainContentsArea section .list.gameList > li a strong,
  .bottomContentsArea section .list.gameList > li a strong,
  .mainContentsArea section .list.gameItem a strong,
  .bottomContentsArea section .list.gameItem a strong {
    padding-top: 0;
    padding-right: 0;
  }
  .mainContentsArea section .list.gameList > li a .tagList,
  .bottomContentsArea section .list.gameList > li a .tagList,
  .mainContentsArea section .list.gameItem a .tagList,
  .bottomContentsArea section .list.gameItem a .tagList {
    display: none;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner,
  .mainContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner {
    height: 4rem;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner:before,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner:before,
  .mainContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner:before,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner:before {
    top: 2.8rem;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .user,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .user,
  .mainContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .user,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .user {
    text-indent: 0;
    position: static;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: 0;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .user img,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .user img,
  .mainContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .user img,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .user img {
    position: static;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .Evaluation,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .Evaluation,
  .mainContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .Evaluation,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .Evaluation {
    margin-left: auto;
    position: static;
    margin-right: 0;
  }
  .mainContentsArea section .evaluationBtnList,
  .bottomContentsArea section .evaluationBtnList {
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .mainContentsArea section .evaluationBtnList li,
  .bottomContentsArea section .evaluationBtnList li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin-left: 10px;
  }
  .mainContentsArea section .evaluationBtnList li:last-child,
  .bottomContentsArea section .evaluationBtnList li:last-child {
    margin-right: 0;
  }
  .mainContentsArea section .mypage .mypageHeader,
  .bottomContentsArea section .mypage .mypageHeader {
    min-height: 220px;
    padding-left: 200px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn {
    -ms-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    padding-right: 150px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn h1,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn h1 {
    margin-bottom: 5px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn > img,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn > img {
    left: 20px;
    width: 160px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch img,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch img {
    width: 150px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul {
    margin-right: auto;
  }
  .mainContentsArea section .gameComment.bgStripeYellow,
  .bottomContentsArea section .gameComment.bgStripeYellow {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mainContentsArea section .gameComment.bgStripeYellow .commentList > li .commentImageWrap,
  .bottomContentsArea section .gameComment.bgStripeYellow .commentList > li .commentImageWrap {
    display: block;
  }
  .mainContentsArea section .gameComment.bgStripeYellow .commentList > li .image,
  .bottomContentsArea section .gameComment.bgStripeYellow .commentList > li .image {
    margin-top: 15px;
    display: inline-block;
    width: auto;
    margin-left: 0;
    margin-bottom: 15px;
    padding-left: 0;
    width: 250px;
  }
  .mainContentsArea section .batch .batchHeader,
  .bottomContentsArea section .batch .batchHeader {
    margin-left: -20px;
    margin-right: -20px;
  }
  .mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList,
  .bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList,
  .mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList,
  .bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList {
    margin-left: -5px;
    margin-right: -5px;
  }
  .mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList li,
  .bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList li,
  .mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList li,
  .bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList li {
    padding-left: 5px;
    padding-right: 5px;
  }
  .mainContentsArea .historySection ul.column.column6col li,
  .bottomContentsArea .historySection ul.column.column6col li,
  .mainContentsArea .recommendSection ul.column.column6col li,
  .bottomContentsArea .recommendSection ul.column.column6col li {
    width: 20%;
  }
  .mainContentsArea .historySection li:nth-child(6),
  .bottomContentsArea .historySection li:nth-child(6),
  .mainContentsArea .recommendSection li:nth-child(6),
  .bottomContentsArea .recommendSection li:nth-child(6) {
    display: none;
  }
  .footerArea .contactSection {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footerArea .contactSection .logo {
    margin-right: 15px;
  }
  .pageTop a {
    left: auto;
    right: 15px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 600px) {
  input[type="text"],
  select {
    font-size: 16px;
  }
  body {
    border-top: none;
  }
  body.headerFixed {
    padding-top: 56px;
  }
  body.headerFixed .headerArea {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
  }
  .disSP {
    display: inline-block;
  }
  .disPC {
    display: none;
  }
  .primaryBtn,
  .primaryRoundLabel,
  .priorityRoundLabel,
  .defaultRoundLabel,
  .grayRoundLabel {
    font-size: 1.2rem;
    padding: 6px 25px;
  }
  .borderBtn {
    font-size: 1rem;
  }
  .sectionInner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .newsSection h2 {
    width: 220px;
  }
  .newsSection h2:before {
    border-width: 5px 220px 20px 0px;
  }
  .newsSection .newsWrap {
    margin-left: 5px;
    margin-right: 5px;
  }
  .newsSection .newsWrap .newsMessage {
    min-height: 64px;
  }
  .newsSection .newsWrap .newsMessage .newsThumbnail a img {
    width: 80px;
    max-height: 50px;
    min-width: 70px;
  }
  .newsSection .newsWrap .newsGallery:after,
  .newsSection .newsWrap .newsGallery:before {
    border-width: 12px 12px 12px 12px;
  }
  .newsSection .newsWrap .newsGallery:after {
    top: -12px;
    right: -12px;
  }
  .newsSection .newsWrap .newsGallery:before {
    bottom: -13px;
    left: -13px;
  }
  .column {
    margin-left: -5px;
    margin-right: -5px;
  }
  div.column.column4col .col,
  ul.column.column4col li {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  div.column.column5col .col,
  ul.column.column5col li {
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
  }
  div.column.column6col .col,
  ul.column.column6col li {
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .batchList.column.column4col li {
    width: 33.33%;
  }
  .batchList li:after {
    background-size: 30px auto;
    width: 30px;
    height: 37px;
    bottom: -5px;
    right: -3px;
  }
  .whiteBox {
    padding: 15px;
  }
  .spFesBanner {
    display: block;
  }
  .headerArea {
    height: 56px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px 0px 3px 1px rgba(15, 5, 0, 0.2);
  }
  .headerArea .logo {
    top: 8px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    max-width: inherit;
    height: auto;
    line-height: inherit;
  }
  .headerArea .search,
  .headerArea .headerNavi {
    height: auto;
    margin-top: 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10000;
    box-shadow: 0px 0px 3px 1px rgba(15, 5, 0, 0.2);
    display: none;
  }
  .headerArea .search {
    width: 300px;
    right: 0;
    max-width: 100%;
  }
  .headerArea .search form {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-top: 78px;
    padding-bottom: 50px;
  }
  .headerArea .search .searchBox {
    padding: 15px;
    background-color: #f9f7f3;
    position: absolute;
    top: 0;
  }
  .headerArea .search .searchBox:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -5px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
  }
  .headerArea .search .searchBox .selectTxt {
    width: 234px;
    overflow: auto;
  }
  .headerArea .search .searchBox .selectTxt input {
    min-width: 100px;
    font-size: 16px;
  }
  .headerArea .search .searchBox .details {
    display: none;
  }
  .headerArea .search .detailsList {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding-top: 15px;
    height: 100%;
    overflow: auto;
    z-index: 0;
  }
  .headerArea .search .detailsList > ul {
    margin-bottom: 15px;
  }
  .headerArea .search .detailsList li {
    margin-bottom: 5px;
  }
  .headerArea .search .detailsList li label {
    border: 1px solid #00a199;
    color: #00a199;
  }
  .headerArea .search .detailsList li label:hover {
    background-color: #00a199;
    color: #fff;
  }
  .headerArea .search .detailsList li label input {
    margin-right: 10px;
  }
  .headerArea .search .detailsList li label.active {
    background-color: #00a199;
    color: #fff;
  }
  .headerArea .search .detailsList .itemTitle span {
    color: #968c8a;
  }
  .headerArea .headerNavi {
    width: 270px;
    left: 0;
    padding-top: 140px;
    padding-bottom: 50px;
  }
  .headerArea .headerNavi .userNavi {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #f9f7f3;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    height: 140px;
    top: 0;
    right: 0;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .headerArea .headerNavi .userNavi li {
    display: block;
    width: 100%;
    padding-left: 50px;
  }
  .headerArea .headerNavi .userNavi li.pointGet {
    order: 2;
  }
  .headerArea .headerNavi .userNavi li.pointGet .pointList {
    text-align: left;
    padding: 3px 5px 3px 5px;
    background-color: #fff;
    border-radius: 4px;
    margin-right: 40px;
    margin-top: 5px;
  }
  .headerArea .headerNavi .userNavi li.pointGet .pointList li {
    width: auto;
    display: inline-block;
    position: relative;
    padding-left: 0;
  }
  .headerArea .headerNavi .userNavi li.pointGet .pointList li:last-child {
    padding-right: 0;
  }
  .headerArea .headerNavi .userNavi li.pointGet .pointList li img {
    width: 24px;
    height: 24px;
    border-radius: 12px;
  }
  .headerArea .headerNavi .userNavi li.pointGet .pointList li span {
    position: static;
    background-color: inherit;
    font-size: 1rem;
    line-height: 24px;
    color: #00a199;
  }
  .headerArea .headerNavi .userNavi li.user {
    max-width: 100%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 0;
    order: 1;
  }
  .headerArea .headerNavi .userNavi li.user img {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    border-width: 3px;
    margin-right: 15px;
    margin-left: -5px;
  }
  .headerArea .headerNavi .userNavi li.management {
    text-align: left;
    padding-left: 105px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    order: 3;
  }
  .headerArea .headerNavi .userNavi li.management a {
    color: #3C3A33;
    font-family: 'LogoTypeGothic', 'メイリオ';
  }
  .headerArea .headerNavi .userNavi li.management a:before {
    color: #968c8a;
    font-size: 2rem;
    position: absolute;
    top: 15px;
    left: 58px;
  }
  .headerArea .headerNavi .gNavi {
    overflow: auto;
    height: 100%;
  }
  .headerArea .headerNavi .gNavi li {
    display: block;
    width: 100%;
  }
  .headerArea .headerNavi .gNavi a {
    text-align: left;
    height: 60px;
    line-height: 40px;
    padding: 10px 40px 10px 105px;
    position: relative;
    color: #3C3A33;
    font-size: 1rem;
  }
  .headerArea .headerNavi .gNavi a:hover {
    background-image: url(../img/bg_stripe_yellow.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: auto 28px;
    color: #3C3A33;
  }
  .headerArea .headerNavi .gNavi a:hover:after {
    height: 42px;
    top: 8px;
    background-size: auto 42px;
  }
  .headerArea .headerNavi .gNavi a:after {
    width: 63px;
    display: inline-block;
    vertical-align: middle;
    top: 8px;
    left: 35px;
  }
  .headerArea .headerNavi .gNavi span {
    left: 46.5%;
  }
  .headerArea .headerNavi .gNavi .top {
    display: block;
    border-bottom: 3px solid #f9f7f3;
  }
  .headerArea .headerNavi .gNavi .top a {
    height: 46px;
    line-height: 26px;
  }
  .headerArea .headerNavi .gNavi .top a:after {
    font-family: 'LigatureSymbols';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
    content: "home";
    color: #968c8a;
    top: 10px;
    background: none;
    font-size: 2rem;
    text-align: center;
  }
  .headerArea .headerNavi .gNavi .fesKaisai:after,
  .headerArea .headerNavi .gNavi .fesKaisai:before,
  .headerArea .headerNavi .gNavi .fesKaisai a:before {
    height: 60px;
    background-size: 97px auto;
  }
  .headerArea .headerNavi .gNavi .fesKaisai:after {
    animation: kamifubuki01-sp 1.3s steps(17) infinite;
  }
  .headerArea .headerNavi .gNavi .fesKaisai:before {
    animation: kamifubuki02-sp 2s steps(17) infinite;
  }
  .headerArea .headerNavi .gNavi .fesKaisai a:before {
    animation: kamifubuki03-sp 2.3s steps(17) infinite;
  }
  .headerArea .closeBtn {
    display: block;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #968c8a;
    color: #fff;
    padding-left: 30px;
    transition: 0.3s;
    cursor: pointer;
  }
  .headerArea .closeBtn:hover {
    background-color: #3C3A33;
  }
  .headerArea .closeBtn:after,
  .headerArea .closeBtn:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 2px;
    height: 25px;
    position: absolute;
    top: 11px;
    left: 105px;
  }
  .headerArea .closeBtn:after {
    transform: rotate(45deg);
  }
  .headerArea .closeBtn:before {
    transform: rotate(-45deg);
  }
  .headerArea .menuIcon,
  .headerArea .heartIcon,
  .headerArea .searchIcon {
    display: inline-block;
    color: #00a199;
    position: absolute;
    top: 18px;
    transition: 0.3s;
    width: 13%;
    text-align: center;
    cursor: pointer;
  }
  .headerArea .menuIcon:hover,
  .headerArea .heartIcon:hover,
  .headerArea .searchIcon:hover {
    color: #004F47;
  }
  .headerArea .menuIcon i,
  .headerArea .heartIcon i,
  .headerArea .searchIcon i {
    font-size: 2rem;
  }
  .headerArea .heartIcon {
    left: 0px;
  }
  .headerArea .heartIcon {
    left: 13%;
  }
  .headerArea .searchIcon {
    right: 0px;
  }
  .headerArea .notice {
    top: 15px;
    right: 13%;
    width: 13%;
    text-align: center;
  }
  .headerArea .notice .noticeIcon {
    border: none;
    background-color: rgba(0, 0, 0, 0);
  }
  .headerArea .notice .noticeIcon:hover {
    color: #004F47;
    background-color: rgba(0, 0, 0, 0);
  }
  .headerArea .notice .noticeIcon i {
    font-size: 2rem;
  }
  .headerArea .notice .noticeIcon span {
    right: 50%;
    margin-right: -22px;
  }
  .headerArea .notice .noticeList {
    margin-right: -80%;
    width: 720%;
    text-align: left;
  }
  .headerArea .notice .noticeList:before {
    right: 16%;
  }
  .headerArea .notice .noticeList:after {
    right: 16%;
  }
  .leftAreaWrap .whiteBox {
    padding: 15px;
  }
  .leftAreaWrap .sideContentsArea .banner.fes2018 {
    background-size: 170% auto;
  }
  .leftAreaWrap .sideContentsArea .banner.fes2018 a {
    padding-right: 60px;
    padding-left: 60px;
  }
  .leftAreaWrap .sideContentsArea .banner.fes2018 a img {
    max-width: 100%;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo {
    position: relative;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon .addFan {
    max-width: 30%;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userInfoIcon .addFan a {
    font-size: 0.9rem;
    padding-left: 8px;
    padding-right: 8px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userBatch {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userBatch:after {
    margin-left: 60px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userBatch a {
    max-width: 160px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userGame {
    position: relative;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList {
    margin-left: -2px;
    margin-right: -2px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li {
    width: 50%;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 5px;
  }
  .leftAreaWrap .sideContentsArea .userDetailNavi .userGame .gameList li .gameTextWrap {
    display: none;
  }
  .leftAreaWrap .mainContentsArea section .tile.gameList > li,
  .leftAreaWrap .mainContentsArea section .tile.gameItem {
    width: 50%;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 10px;
  }
  .mainContentsArea section .tile.gameList > li.yellGame:after,
  .top.mainContentsArea section ul.gameList > li.yellGame:after,
  .mainContentsArea section .tile.gameItem.yellGame:after,
  .top.mainContentsArea section ul.gameItem.yellGame:after {
    right: -12px;
  }
  .mainContentsArea section .tile.gameList > li.yellGame:before,
  .top.mainContentsArea section ul.gameList > li.yellGame:before,
  .mainContentsArea section .tile.gameItem.yellGame:before,
  .top.mainContentsArea section ul.gameItem.yellGame:before {
    right: 11px;
  }
  .mainContentsArea section .gameList > li.yellGame .yellComment span,
  .mainContentsArea section .gameItem.yellGame .yellComment span {
    font-size: 0.85rem;
  }
  .mainContentsArea h1,
  .bottomContentsArea h1 {
    font-size: 1.7rem;
  }
  .mainContentsArea .searchHeader .count,
  .bottomContentsArea .searchHeader .count {
    display: inline-block;
    line-height: 20px;
    border-radius: 10px;
    font-size: 0.85rem;
    padding-left: 8px;
    padding-right: 8px;
  }
  .mainContentsArea .searchHeader .listViewToggle,
  .bottomContentsArea .searchHeader .listViewToggle {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .mainContentsArea .searchHeader .listViewToggle i,
  .bottomContentsArea .searchHeader .listViewToggle i {
    margin-left: 2px;
  }
  .mainContentsArea .searchHeader nav .sortSelect,
  .bottomContentsArea .searchHeader nav .sortSelect {
    padding-left: 0;
    padding-right: 0;
  }
  .mainContentsArea section,
  .bottomContentsArea section {
    padding-bottom: 20px;
  }
  .mainContentsArea section h2,
  .bottomContentsArea section h2 {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
  .mainContentsArea section p,
  .bottomContentsArea section p {
    margin-bottom: 10px;
  }
  .mainContentsArea section .gameList > li a .rank,
  .bottomContentsArea section .gameList > li a .rank {
    right: 0px;
    top: -1px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 1.3rem;
  }
  .mainContentsArea section .gameList > li a .rank:after,
  .bottomContentsArea section .gameList > li a .rank:after {
    display: none;
  }
  .mainContentsArea section .gameList > li a .rank:before,
  .bottomContentsArea section .gameList > li a .rank:before {
    display: none;
  }
  .mainContentsArea section .pagenation,
  .bottomContentsArea section .pagenation {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
  }
  .mainContentsArea section .pagenation li,
  .bottomContentsArea section .pagenation li {
    margin-left: 0.1vw;
    margin-right: 0.1vw;
    font-size: 0.8rem;
  }
  .mainContentsArea section .pagenation li a,
  .bottomContentsArea section .pagenation li a {
    height: 8.8vw;
    width: 8.8vw;
    line-height: 8.8vw;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
    border-radius: 4.4vw;
    font-size: 3.5vw;
  }
  .mainContentsArea section .gameDetail .whiteBox,
  .bottomContentsArea section .gameDetail .whiteBox {
    padding: 0;
  }
  .mainContentsArea section .gameDetail .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList,
  .bottomContentsArea section .gameDetail .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mainContentsArea section .gameInfoCarouselWrap,
  .bottomContentsArea section .gameInfoCarouselWrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo {
    order: 2;
    padding: 15px 15px 0px 15px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel {
    background-color: #00a199;
    box-shadow: 0 0 5px #00a199;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    z-index: 100;
    bottom: 15px;
    right: 15px;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    display: block;
    padding: 6px 4px 2px 4px;
    text-align: center;
    font-size: 0.67rem;
    letter-spacing: -0.4px;
    line-height: 1.1;
    color: #fff;
    box-shadow: 0px 1px 3px 0 #004F47;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:before,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:before,
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 2px solid #00a199;
    border-radius: 5px;
    box-sizing: border-box;
    pointer-events: none;
    animation: pulsate 2s linear infinite;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after {
    animation-delay: 1s;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel span,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel span {
    display: block;
    margin-top: 2px;
    position: relative;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel span img,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel span img {
    display: inline;
    width: 44px;
    height: auto;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel span:before,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel span:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 10px;
    left: 50%;
    top: 3px;
    margin-left: -8px;
    background: url(../img/icon_booth_arm.png) left top no-repeat;
    background-size: 100% auto;
    transform: rotate(0deg);
    transform-origin: bottom right;
    animation: waveHands 4s infinite;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:before,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:before,
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .gameLabel:after {
    display: none;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader h1,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader h1 {
    font-size: 1.5rem;
    padding-top: 0;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap {
    margin-left: 0;
    text-align: left;
    padding-left: 0px;
    padding-top: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect {
    width: 100%;
    margin-top: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner select,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .langSelect .langSelectInner select {
    max-width: 100%;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap time,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap time {
    margin-right: auto;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailInfo .infoMore a {
    width: 70%;
    margin-left: -35%;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList {
    margin-bottom: 25px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellBtnWrap,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellBtnWrap {
    order: 3;
    margin-top: 10px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap {
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea {
    top: 30px;
    bottom: 15px;
    overflow-y: auto;
    position: fixed;
    left: 2.5%;
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
    max-height: calc(100vh - 40px);
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header h2 span,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header h2 span {
    max-width: calc(100vw - 211px);
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin {
    min-width: 90px;
    padding-left: 3px;
    padding-right: 3px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a img,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a img {
    width: 22px;
    margin-right: 3px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a span,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea header .getCoin a span {
    margin-left: 3px;
    font-size: 1rem;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .textRight,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .textRight {
    margin-bottom: 10px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep {
    margin-bottom: 20px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li {
    width: 50%;
    max-width: 180px;
    margin-bottom: 16px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after,
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before {
    margin-left: -12px;
    width: 24px;
    height: 24px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:before {
    border-radius: 12px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span:after {
    line-height: 24px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span {
    padding-top: 16px;
    padding-bottom: 36px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul li label > span > span .costCoin {
    padding-bottom: 5px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul small,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep ul small {
    font-size: 0.8rem;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment img,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 10px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment textarea,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellArea .yellStep .yellComment textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #E4DACE;
    font-size: 16px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellCloseBtn,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .yellAreaWrap .yellCloseBtn {
    top: 5px;
    right: 5px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList {
    display: block;
    background-color: #f9f7f3;
    width: calc(100% + 30px);
    margin-left: -15px;
    order: 1;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList {
    margin-bottom: 0px;
    padding-bottom: 15px;
    background-color: #E4DACE;
    margin-left: 0px;
    margin-right: 0px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li {
    margin-right: 0px;
    list-style: none;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .priorityBtn,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .priorityBtn {
    padding-left: 45px;
    padding-right: 45px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .defaultBtn,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .playBtnList li .defaultBtn {
    display: none;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList {
    margin: 15px -5px 15px -5px;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li a {
    width: 100%;
    text-align: center;
    background-color: #fff;
  }
  .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .tipBtn,
  .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .tipBtn {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }
  .mainContentsArea section .gameInfoCarouselWrap .detailCarousel,
  .bottomContentsArea section .gameInfoCarouselWrap .detailCarousel {
    margin-top: -35px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
  }
  .mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button,
  .bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button {
    display: none;
  }
  .mainContentsArea section .gameInfoCarouselWrap .carouselNavi,
  .bottomContentsArea section .gameInfoCarouselWrap .carouselNavi {
    -ms-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    padding: 10px 10px 5px 10px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
    background-color: #E4DACE;
  }
  .mainContentsArea section .gameInfoCarouselWrap .carouselNavi li,
  .bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li {
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-right: 0;
  }
  .mainContentsArea section .fesJoinComment,
  .bottomContentsArea section .fesJoinComment {
    order: 3;
  }
  .mainContentsArea section .fesJoinComment > div .stepList,
  .bottomContentsArea section .fesJoinComment > div .stepList {
    margin-top: 20px;
  }
  .mainContentsArea section .fesJoinComment > div .gameComment,
  .bottomContentsArea section .fesJoinComment > div .gameComment {
    margin-left: 0;
    margin-right: 0;
  }
  .mainContentsArea section .fesJoinComment > div .gameComment h2,
  .bottomContentsArea section .fesJoinComment > div .gameComment h2 {
    margin-top: 5px;
  }
  .mainContentsArea section .fesJoinComment > div .gameComment .gameCommentInput form .commentBtnList li.fesJoinCheck,
  .bottomContentsArea section .fesJoinComment > div .gameComment .gameCommentInput form .commentBtnList li.fesJoinCheck {
    width: 100%;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .mainContentsArea section .fesJoinComment > div .gameComment .gameCommentInput form .commentBtnList li label,
  .bottomContentsArea section .fesJoinComment > div .gameComment .gameCommentInput form .commentBtnList li label {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .mainContentsArea section .gameBooth,
  .bottomContentsArea section .gameBooth {
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px 10px 5px 10px;
    background-size: 42vw auto, 35vw auto;
    background-position: -17vw 115%, 124% 110%;
  }
  .mainContentsArea section .gameBooth h2,
  .bottomContentsArea section .gameBooth h2 {
    font-size: 1.4rem;
  }
  .mainContentsArea section .gameBooth .btnPulsateWrap,
  .bottomContentsArea section .gameBooth .btnPulsateWrap {
    margin-top: 15px;
  }
  .mainContentsArea section .gameBatch,
  .bottomContentsArea section .gameBatch {
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px 10px 5px 10px;
  }
  .mainContentsArea section .gameBatch h2,
  .bottomContentsArea section .gameBatch h2 {
    font-size: 1.15rem;
  }
  .mainContentsArea section .gameBatch .batchList,
  .bottomContentsArea section .gameBatch .batchList {
    margin-left: -5px;
    margin-right: -5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mainContentsArea section .gameBatch .batchList li,
  .bottomContentsArea section .gameBatch .batchList li {
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .mainContentsArea section .gameComment,
  .bottomContentsArea section .gameComment {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mainContentsArea section .gameComment h2,
  .bottomContentsArea section .gameComment h2 {
    font-size: 1.3rem;
  }
  .mainContentsArea section .gameComment h3,
  .bottomContentsArea section .gameComment h3 {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .mainContentsArea section .gameComment .gameCommentInput,
  .bottomContentsArea section .gameComment .gameCommentInput,
  .mainContentsArea section .gameComment .commentList > li,
  .bottomContentsArea section .gameComment .commentList > li,
  .mainContentsArea section .gameComment .reviewList > li,
  .bottomContentsArea section .gameComment .reviewList > li {
    padding-left: 0px;
  }
  .mainContentsArea section .gameComment .gameCommentInput .commentTime,
  .bottomContentsArea section .gameComment .gameCommentInput .commentTime,
  .mainContentsArea section .gameComment .commentList > li .commentTime,
  .bottomContentsArea section .gameComment .commentList > li .commentTime,
  .mainContentsArea section .gameComment .reviewList > li .commentTime,
  .bottomContentsArea section .gameComment .reviewList > li .commentTime {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column-reverse;
    -webkit-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }
  .mainContentsArea section .gameComment .gameCommentInput .commentTime .commentUser img,
  .bottomContentsArea section .gameComment .gameCommentInput .commentTime .commentUser img,
  .mainContentsArea section .gameComment .commentList > li .commentTime .commentUser img,
  .bottomContentsArea section .gameComment .commentList > li .commentTime .commentUser img,
  .mainContentsArea section .gameComment .reviewList > li .commentTime .commentUser img,
  .bottomContentsArea section .gameComment .reviewList > li .commentTime .commentUser img {
    width: 35px;
    height: 35px;
    border-radius: 18px;
    position: static;
    vertical-align: middle;
    margin-right: 5px;
  }
  .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
  .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
  .mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
  .bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
  .mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
  .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"] {
    font-size: 2.2rem;
    padding: 1px 8px;
  }
  .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
  .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
  .mainContentsArea section .gameComment .commentList > li .commentBtnList li a,
  .bottomContentsArea section .gameComment .commentList > li .commentBtnList li a,
  .mainContentsArea section .gameComment .reviewList > li .commentBtnList li a,
  .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a {
    padding-left: 8px;
    padding-right: 8px;
  }
  .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input.defaultBtn,
  .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input.defaultBtn,
  .mainContentsArea section .gameComment .commentList > li .commentBtnList li input.defaultBtn,
  .bottomContentsArea section .gameComment .commentList > li .commentBtnList li input.defaultBtn,
  .mainContentsArea section .gameComment .reviewList > li .commentBtnList li input.defaultBtn,
  .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input.defaultBtn {
    padding: 8px;
  }
  .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li label,
  .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li label,
  .mainContentsArea section .gameComment .commentList > li .commentBtnList li label,
  .bottomContentsArea section .gameComment .commentList > li .commentBtnList li label,
  .mainContentsArea section .gameComment .reviewList > li .commentBtnList li label,
  .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li label {
    margin-right: 0;
  }
  .mainContentsArea section .gameComment .commentList li li,
  .bottomContentsArea section .gameComment .commentList li li,
  .mainContentsArea section .gameComment .reviewList li li,
  .bottomContentsArea section .gameComment .reviewList li li {
    margin-left: 25px;
    padding-left: 0px;
  }
  .mainContentsArea section .gameComment .reviewList,
  .bottomContentsArea section .gameComment .reviewList {
    margin-left: -15px;
    margin-right: -15px;
  }
  .mainContentsArea section .gameComment .reviewList > li .thumbnailWrap,
  .bottomContentsArea section .gameComment .reviewList > li .thumbnailWrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    position: static;
    top: 0;
    width: auto;
    background-color: #f9f7f3;
    margin-bottom: 15px;
    padding-left: 0px;
  }
  .mainContentsArea section .gameComment .reviewList > li .thumbnailWrap .thumbnail,
  .bottomContentsArea section .gameComment .reviewList > li .thumbnailWrap .thumbnail {
    max-width: 120px;
    min-width: 120px;
    margin-right: 10px;
    position: static;
  }
  .mainContentsArea section .gameComment .reviewList > li .thumbnailWrap .thumbnail img,
  .bottomContentsArea section .gameComment .reviewList > li .thumbnailWrap .thumbnail img {
    vertical-align: bottom;
  }
  .mainContentsArea section .gameComment .reviewList > li .thumbnailWrap .gameTextWrap,
  .bottomContentsArea section .gameComment .reviewList > li .thumbnailWrap .gameTextWrap {
    margin-bottom: 0px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    word-break: break-all;
  }
  .mainContentsArea section .gameComment .reviewList > li .thumbnailWrap .gameTextWrap strong,
  .bottomContentsArea section .gameComment .reviewList > li .thumbnailWrap .gameTextWrap strong {
    white-space: inherit;
    margin-top: 0px;
    margin-bottom: 0;
  }
  .mainContentsArea section .mypage .mypageHeader,
  .bottomContentsArea section .mypage .mypageHeader {
    min-height: 0;
    padding: 15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-left: -15px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn {
    padding-right: 0;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn h1,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn h1 {
    padding-right: 0;
    margin-bottom: 0;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn > img,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn > img {
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch {
    position: static;
    transform: rotate(0deg);
    margin-left: auto;
    margin-right: auto;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch img,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn .userBatch img {
    width: 150px;
  }
  .mainContentsArea section .mypage .mypageHeader .mypageTitleBtn ul,
  .bottomContentsArea section .mypage .mypageHeader .mypageTitleBtn ul {
    margin-left: auto;
    margin-right: 0;
  }
  .mainContentsArea section .mypage .myBatch,
  .bottomContentsArea section .mypage .myBatch {
    padding: 15px;
  }
  .mainContentsArea section .mypage .batch .batchGetUser,
  .bottomContentsArea section .mypage .batch .batchGetUser {
    padding: 15px 15px 1px 15px;
  }
  .mainContentsArea section .reviewHeader,
  .bottomContentsArea section .reviewHeader {
    text-align: left;
  }
  .mainContentsArea section .reviewHeader h1,
  .bottomContentsArea section .reviewHeader h1 {
    padding-left: 0px;
  }
  .mainContentsArea section .gameComment.bgStripeYellow,
  .bottomContentsArea section .gameComment.bgStripeYellow {
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  .mainContentsArea section .batch .batchHeader,
  .bottomContentsArea section .batch .batchHeader {
    padding: 150px 15px 15px 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
  }
  .mainContentsArea section .batch .batchHeader .userBatch,
  .bottomContentsArea section .batch .batchHeader .userBatch {
    top: 15px;
    width: 240px;
    left: 50%;
    margin-left: -120px;
  }
  .mainContentsArea section .connectGameList > li,
  .bottomContentsArea section .connectGameList > li,
  .mainContentsArea section .connectGameItem,
  .bottomContentsArea section .connectGameItem {
    margin-bottom: 20px;
  }
  .mainContentsArea section .connectGameList > li .gameListItemHeader,
  .bottomContentsArea section .connectGameList > li .gameListItemHeader,
  .mainContentsArea section .connectGameItem .gameListItemHeader,
  .bottomContentsArea section .connectGameItem .gameListItemHeader {
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
  }
  .mainContentsArea section .connectGameList > li .gameListItemHeader .Evaluation,
  .bottomContentsArea section .connectGameList > li .gameListItemHeader .Evaluation,
  .mainContentsArea section .connectGameItem .gameListItemHeader .Evaluation,
  .bottomContentsArea section .connectGameItem .gameListItemHeader .Evaluation {
    margin-left: auto;
  }
  .mainContentsArea section .connectGameList > li .gameListItemBody,
  .bottomContentsArea section .connectGameList > li .gameListItemBody,
  .mainContentsArea section .connectGameItem .gameListItemBody,
  .bottomContentsArea section .connectGameItem .gameListItemBody {
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
  }
  .mainContentsArea section .connectGameList > li .gameListItemBody > a,
  .bottomContentsArea section .connectGameList > li .gameListItemBody > a,
  .mainContentsArea section .connectGameItem .gameListItemBody > a,
  .bottomContentsArea section .connectGameItem .gameListItemBody > a {
    width: 100%;
  }
  .mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap,
  .bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap,
  .mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap,
  .bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
  }
  .mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .comment,
  .bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .comment,
  .mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .comment,
  .bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .comment,
  .mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList,
  .bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList,
  .mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList,
  .bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList {
    margin-bottom: 15px;
  }
  .mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList li,
  .bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .batchList li,
  .mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList li,
  .bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .batchList li {
    margin-bottom: 15px;
  }
  .mainContentsArea section.boothSection,
  .bottomContentsArea section.boothSection {
    background-size: 40% auto, 38% auto;
    background-position: -8vw 0vw, 115% 0vw;
  }
  .mainContentsArea section.boothSection h2 span:after,
  .bottomContentsArea section.boothSection h2 span:after,
  .mainContentsArea section.boothSection h2 span:before,
  .bottomContentsArea section.boothSection h2 span:before {
    width: 16px;
    height: 36px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: -6px;
  }
  .mainContentsArea section.commentSection .gameList > li,
  .bottomContentsArea section.commentSection .gameList > li {
    width: 50%;
  }
  .mainContentsArea section.commentSection .newComment .col,
  .bottomContentsArea section.commentSection .newComment .col {
    width: 100%;
  }
  .mainContentsArea section .list.gameList > li a,
  .bottomContentsArea section .list.gameList > li a,
  .mainContentsArea section .list.gameItem a,
  .bottomContentsArea section .list.gameItem a {
    padding: 15px 10px;
  }
  .mainContentsArea section .list.gameList > li a strong,
  .bottomContentsArea section .list.gameList > li a strong,
  .mainContentsArea section .list.gameItem a strong,
  .bottomContentsArea section .list.gameItem a strong {
    margin-top: 0px;
    font-size: 1.05rem;
    margin-bottom: 3px;
  }
  .mainContentsArea section .list.gameList > li a .thumbnail,
  .bottomContentsArea section .list.gameList > li a .thumbnail,
  .mainContentsArea section .list.gameItem a .thumbnail,
  .bottomContentsArea section .list.gameItem a .thumbnail {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    margin-top: auto;
    margin-bottom: auto;
  }
  .mainContentsArea section .list.gameList > li a .thumbnail img,
  .bottomContentsArea section .list.gameList > li a .thumbnail img,
  .mainContentsArea section .list.gameItem a .thumbnail img,
  .bottomContentsArea section .list.gameItem a .thumbnail img {
    min-width: ;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap,
  .mainContentsArea section .list.gameItem a .gameTextWrap,
  .bottomContentsArea section .list.gameItem a .gameTextWrap {
    flex: 1 1 0;
    padding: 0 0 0 10px;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .comment,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .comment,
  .mainContentsArea section .list.gameItem a .gameTextWrap .comment,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .comment {
    margin-bottom: 3px;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner,
  .mainContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner {
    height: 4rem;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner:before,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .comment .commentInner:before,
  .mainContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner:before,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .comment .commentInner:before {
    top: 2.8rem;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap,
  .mainContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap {
    padding-bottom: 0px;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .user img,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .user img,
  .mainContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .user img,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .user img {
    display: none;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .Evaluation .star,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .Evaluation .star,
  .mainContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .Evaluation .star,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .Evaluation .star {
    margin-top: 0;
  }
  .mainContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .Evaluation .count,
  .bottomContentsArea section .list.gameList > li a .gameTextWrap .userEvaluationWrap .Evaluation .count,
  .mainContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .Evaluation .count,
  .bottomContentsArea section .list.gameItem a .gameTextWrap .userEvaluationWrap .Evaluation .count {
    margin-left: 3px;
  }
  .mainContentsArea section .quest .whiteBox,
  .bottomContentsArea section .quest .whiteBox {
    padding: 0;
  }
  .mainContentsArea section .questhHeader h1,
  .bottomContentsArea section .questhHeader h1 {
    padding: 10px 58px 0px 58px;
    background-size: auto 52px, auto 52px;
    background-position: 0 70%,100% 36%;
    margin-bottom: 15px;
    margin-top: -20px;
  }
  .mainContentsArea section .questhHeader h1 img,
  .bottomContentsArea section .questhHeader h1 img {
    width: 100px;
  }
  .mainContentsArea section .questLead,
  .bottomContentsArea section .questLead {
    padding-left: 32px;
    padding-right: 32px;
  }
  .mainContentsArea section .questLead:before,
  .bottomContentsArea section .questLead:before,
  .mainContentsArea section .questLead:after,
  .bottomContentsArea section .questLead:after {
    margin-top: -10px;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 20px solid #f9f7f3;
  }
  .mainContentsArea section .questLead:before,
  .bottomContentsArea section .questLead:before {
    right: -70px;
    transform: rotate(-90deg);
  }
  .mainContentsArea section .questLead:after,
  .bottomContentsArea section .questLead:after {
    left: -70px;
    transform: rotate(90deg);
  }
  .mainContentsArea section .questList > li,
  .bottomContentsArea section .questList > li,
  .mainContentsArea section .questItem,
  .bottomContentsArea section .questItem {
    width: 100%;
  }
  .mainContentsArea section .questList > li .questTextWrap,
  .bottomContentsArea section .questList > li .questTextWrap,
  .mainContentsArea section .questItem .questTextWrap,
  .bottomContentsArea section .questItem .questTextWrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mainContentsArea section .questList > li h1,
  .bottomContentsArea section .questList > li h1,
  .mainContentsArea section .questItem h1,
  .bottomContentsArea section .questItem h1 {
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .mainContentsArea section .questList > li strong,
  .bottomContentsArea section .questList > li strong,
  .mainContentsArea section .questItem strong,
  .bottomContentsArea section .questItem strong {
    margin-bottom: 10px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .mainContentsArea section .questList > li dl dd,
  .bottomContentsArea section .questList > li dl dd,
  .mainContentsArea section .questItem dl dd,
  .bottomContentsArea section .questItem dl dd {
    padding-left: 15px;
  }
  .mainContentsArea section .questList > li > a:before,
  .bottomContentsArea section .questList > li > a:before,
  .mainContentsArea section .questItem:before,
  .bottomContentsArea section .questItem:before {
    padding-top: 32px;
    width: 100px;
    height: 22px;
    font-size: 0.8rem;
    left: -40px;
  }
  .mainContentsArea section .questItem dl,
  .bottomContentsArea section .questItem dl {
    margin-bottom: 25px;
    display: block;
  }
  .mainContentsArea section .questItem dl dt,
  .bottomContentsArea section .questItem dl dt {
    width: auto;
    margin-bottom: 0px;
    padding-top: 3px;
    text-align: left;
  }
  .mainContentsArea section .questItem dl dd,
  .bottomContentsArea section .questItem dl dd {
    margin-bottom: 15px;
    width: auto;
    padding-left: 0;
  }
  .mainContentsArea .historySection,
  .bottomContentsArea .historySection,
  .mainContentsArea .recommendSection,
  .bottomContentsArea .recommendSection {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .mainContentsArea .historySection h2,
  .bottomContentsArea .historySection h2,
  .mainContentsArea .recommendSection h2,
  .bottomContentsArea .recommendSection h2 {
    font-size: 1.1rem;
    margin-bottom: 10px;
    letter-spacing: -0.8px;
  }
  .mainContentsArea .historySection ul.column.column6col,
  .bottomContentsArea .historySection ul.column.column6col,
  .mainContentsArea .recommendSection ul.column.column6col,
  .bottomContentsArea .recommendSection ul.column.column6col {
    overflow-x: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    -webkit-flex-flow: nowrap;
    flex-flow: nowrap;
  }
  .mainContentsArea .historySection ul.column.column6col li,
  .bottomContentsArea .historySection ul.column.column6col li,
  .mainContentsArea .recommendSection ul.column.column6col li,
  .bottomContentsArea .recommendSection ul.column.column6col li {
    width: 23%;
    min-width: 23%;
    white-space: nowrap;
    margin-bottom: 5px;
  }
  .mainContentsArea .historySection li:nth-child(6),
  .bottomContentsArea .historySection li:nth-child(6),
  .mainContentsArea .recommendSection li:nth-child(6),
  .bottomContentsArea .recommendSection li:nth-child(6) {
    display: block;
  }
  .mainContentsArea .recommendSection ul.column.column6col,
  .bottomContentsArea .recommendSection ul.column.column6col {
    overflow: auto;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  .mainContentsArea .recommendSection ul.column.column6col li,
  .bottomContentsArea .recommendSection ul.column.column6col li {
    width: 33.3%;
    min-width: 33.3%;
    white-space: inherit;
  }
  .footerArea {
    box-shadow: 0px -1px 3px 1px rgba(15, 5, 0, 0.3);
  }
  .footerArea .whiteSection {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .footerArea .whiteSection div.column.column2col {
    margin-left: -10px;
    margin-right: -10px;
  }
  .footerArea .whiteSection div.column.column2col .col {
    width: 100%;
    border-bottom: 2px solid #f9f7f3;
  }
  .footerArea .whiteSection div.column.column2col .col:last-child {
    border-bottom: none;
  }
  .footerArea .toolLink {
    display: block;
    padding: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .footerArea .contactSection {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footerArea .contactSection .logo {
    display: none;
  }
  .footerArea .contactSection ul li a {
    height: 90px;
    width: 90px;
  }
  .footerArea .footerBottom {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .footerArea .footerBottom .footerBottomInner {
    -webkit-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }
  .footerArea .footerBottom .copyright {
    text-align: center;
    margin-right: 0;
    border-top: 1px solid #2b6d66;
    padding: 15px;
  }
  .footerArea .footerBottom nav {
    border-top: 1px solid #2b6d66;
    border-bottom: 1px solid #004334;
  }
  .footerArea .footerBottom nav ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .footerArea .footerBottom nav ul li {
    width: 50%;
    border-right: none;
    margin-right: 0;
    display: block;
    padding-right: 0;
  }
  .footerArea .footerBottom nav ul li:first-child {
    border-right: 1px solid #2b6d66;
  }
  .footerArea .footerBottom nav ul li a {
    position: relative;
    display: block;
    padding: 15px 18px 15px 15px;
    font-size: 0.88rem;
  }
  .footerArea .footerBottom nav ul li a:after {
    content: "right";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 13px;
    font-family: 'LigatureSymbols';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    -o-font-feature-settings: "liga" 1, "dlig" 1;
    font-feature-settings: "liga" 1, "dlig" 1;
  }
  .footerArea .footerBottom nav ul li a:hover {
    background-color: #00302E;
    color: #fff;
  }
  .pageTop a {
    border-top: 1px solid #002523;
    position: static;
    width: 100%;
    height: 50px;
  }
  .pageTop a i {
    display: block;
    line-height: 48px;
  }
}
@keyframes kamifubuki01 {
  0% {
    background-position: 50% 0px, 90% 0px;
  }
  100% {
    background-position: 50% -1428px, 90% -1428px;
  }
}
@keyframes kamifubuki02 {
  0% {
    background-position: 50% 0px, -10% 0px;
  }
  100% {
    background-position: 50% -1428px, -10% -1428px;
  }
}
@keyframes kamifubuki03 {
  0% {
    background-position: 50% 0px, -50px 0px;
  }
  100% {
    background-position: 50% -1428px, -70px -1428px;
  }
}
@keyframes kamifubuki01-sp {
  0% {
    background-position: 50% 0px, 90% 0px;
  }
  100% {
    background-position: 50% -1100px, 90% -1100px;
  }
}
@keyframes kamifubuki02-sp {
  0% {
    background-position: 50% 0px, -10% 0px;
  }
  100% {
    background-position: 50% -1100px, -10% -1100px;
  }
}
@keyframes kamifubuki03-sp {
  0% {
    background-position: 50% 0px, -50px 0px;
  }
  100% {
    background-position: 50% -1100px, -70px -1100px;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes waveHands {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-12deg);
  }
  20% {
    transform: rotate(-20deg);
  }
  30% {
    transform: rotate(2deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(-20deg);
  }
  80% {
    transform: rotate(5deg);
  }
  90% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.adult a {
  color: #ea004c;
}
.adult a:hover {
  color: #600023;
}
.adult .spFesBanner a {
  color: #fff;
}
.adult .spFesBanner a:hover {
  color: #130F50;
}
.adult .defaultUl li:after {
  background-color: #ea004c;
}
.adult .bgStripeDilutedGreen {
  background-image: url(../img/bg_stripe_adult.png);
}
.adult .primaryBtn {
  color: #000;
}
.adult .primaryBtn:hover {
  color: #000;
}
.adult .priorityBtn,
.adult .prioritylightBtn {
  background-color: #ea004c;
  color: #fff;
}
.adult .priorityBtn:hover,
.adult .prioritylightBtn:hover {
  background-color: #600023;
  color: #fff;
}
.adult .priorityBtn {
  border-bottom-color: #600023;
}
.adult .defaultBtn,
.adult .defaultlightBtn {
  background-color: #F99BB9;
  color: #600023;
}
.adult .defaultBtn:hover,
.adult .defaultlightBtn:hover {
  color: #fff;
  background-color: #ea004c;
}
.adult .defaultBtn {
  border-bottom-color: #ea004c;
}
.adult .borderBtn {
  border-color: #ea004c;
}
.adult .borderBtn:hover {
  color: #fff;
  background-color: #ea004c;
}
.adult .userList li a:hover img {
  box-shadow: 0px 0px 0px 5px #ea004c;
}
.adult .headerArea .logo a {
  display: block;
  background: url(../img/logo_adult.png) 50% 50% no-repeat;
  background-size: 100% auto;
}
.adult .headerArea .logo a img {
  opacity: 0;
}
.adult .headerArea .headerNavi .gNavi a:hover {
  color: #ea004c;
}
.adult .headerArea .headerNavi .gNavi .top a:after {
  background-image: url(../img/icon_adult_gnav_home.png);
}
.adult .headerArea .headerNavi .gNavi .favorite a:after {
  background-image: url(../img/icon_adult_gnav_favorite.png);
}
.adult .headerArea .headerNavi .gNavi .new a:after {
  background-image: url(../img/icon_adult_gnav_new.png);
}
.adult .headerArea .headerNavi .gNavi .ranking a:after {
  background-image: url(../img/icon_adult_gnav_ranking.png);
}
.adult .headerArea .headerNavi .gNavi .fes a:after {
  background-image: url(../img/icon_adult_gnav_fes.png);
}
.adult .headerArea .notice .noticeIcon {
  border-color: #ea004c;
  color: #ea004c;
}
.adult .headerArea .notice .noticeIcon:hover {
  background-color: #ea004c;
  color: #fff;
}
.adult .headerArea .notice .noticeList .closeBtn {
  color: #ea004c;
}
.adult .headerArea .notice .noticeList .closeBtn:hover {
  color: #600023;
}
.adult .headerArea .notice .noticeHeader .noticeClose {
  color: #ea004c;
}
.adult .headerArea .notice .noticeHeader .noticeClose:hover {
  color: #600023;
}
.adult .headerArea .search .searchBox .selectTxt {
  border-color: #ea004c;
}
.adult .headerArea .search .searchBox .selectTxt span {
  background-color: #ea004c;
}
.adult .headerArea .search .searchBox input[type="submit"] {
  background-color: #ea004c;
}
.adult .headerArea .search .searchBox input[type="submit"]:hover {
  background-color: #600023;
}
.adult .headerArea .search .searchBox .details {
  background-color: #ea004c;
}
.adult .headerArea .search .searchBox .details:hover {
  background-color: #600023;
}
.adult .headerArea .search .detailsList {
  background-color: #ea004c;
}
.adult .headerArea .search .detailsList li label:hover {
  color: #ea004c;
}
.adult .headerArea .search .detailsList li label.active {
  color: #ea004c;
}
.adult .mainContentsArea section .mypage .myBatch {
  background-image: url(../img/bg_stripe_adult.png);
}
.adult .mainContentsArea section .batch .batchGetUser {
  background-image: url(../img/bg_stripe_adult.png);
}
.adult .mainContentsArea section .gameList > li a:hover,
.adult .mainContentsArea section .gameItem a:hover {
  color: #3C3A33;
}
.adult .importantNews a,
.adult .importantNews span {
  color: #fff;
}
.adult .importantNews a:hover,
.adult .importantNews span:hover {
  color: #FF4700;
}
.adult .leftAreaWrap .sideContentsArea .userDetailNavi .userInfo .userBatch {
  background-image: url(../img/bg_stripe_adult.png);
}
.adult .leftAreaWrap .sideContentsArea .tagSort header,
.adult .leftAreaWrap .sideContentsArea .sideNavi header {
  background-color: #ea004c;
}
.adult .leftAreaWrap .sideContentsArea .tagSort ul li.itemTitle,
.adult .leftAreaWrap .sideContentsArea .sideNavi ul li.itemTitle {
  border-bottom-color: #F99BB9;
}
.adult .leftAreaWrap .sideContentsArea .tagSort ul li.itemTitle > span,
.adult .leftAreaWrap .sideContentsArea .sideNavi ul li.itemTitle > span {
  background-color: #F99BB9;
}
.adult .leftAreaWrap .sideContentsArea .twitterWrap header {
  background-color: #F99BB9;
}
.adult .leftAreaWrap .sideContentsArea .twitterWrap header:after {
  border-color: #F99BB9 transparent transparent transparent;
}
.adult .mainContentsArea .searchHeader nav ul li.active,
.adult .bottomContentsArea .searchHeader nav ul li.active,
.adult .mainContentsArea .searchHeader nav ul li:hover,
.adult .bottomContentsArea .searchHeader nav ul li:hover {
  color: #ea004c;
}
.adult .mainContentsArea section .gameList > li a:hover,
.adult .bottomContentsArea section .gameList > li a:hover,
.adult .mainContentsArea section .gameItem a:hover,
.adult .bottomContentsArea section .gameItem a:hover {
  box-shadow: 0 0 0 3px #ea004c;
}
.adult .mainContentsArea section .pagenation li.disabled a:hover,
.adult .bottomContentsArea section .pagenation li.disabled a:hover {
  background-color: #fff;
}
.adult .mainContentsArea section .pagenation li a:hover,
.adult .bottomContentsArea section .pagenation li a:hover {
  background-color: #ea004c;
}
.adult .mainContentsArea section .pagenation li a.active,
.adult .bottomContentsArea section .pagenation li a.active {
  background-color: #ea004c;
}
.adult .mainContentsArea section .pagenation li a.active:hover,
.adult .bottomContentsArea section .pagenation li a.active:hover {
  background-color: #600023;
}
.adult .mainContentsArea section .whiteBox .pagenation li.disabled a:hover,
.adult .bottomContentsArea section .whiteBox .pagenation li.disabled a:hover {
  background-color: #f9f7f3;
}
.adult .mainContentsArea section .whiteBox .pagenation li a:hover,
.adult .bottomContentsArea section .whiteBox .pagenation li a:hover {
  background-color: #ea004c;
}
.adult .mainContentsArea section .whiteBox .pagenation li a.active,
.adult .bottomContentsArea section .whiteBox .pagenation li a.active {
  background-color: #ea004c;
}
.adult .mainContentsArea section .whiteBox .pagenation li a.active:hover,
.adult .bottomContentsArea section .whiteBox .pagenation li a.active:hover {
  background-color: #600023;
}
.adult .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favorite,
.adult .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favorite {
  color: #ea004c;
}
.adult .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favoriteCount,
.adult .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .gameInfo .gameDetailHeader .timeEvaluationWrap .Evaluation .favoriteCount {
  background-color: #ea004c;
}
.adult .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList li:first-child:before,
.adult .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .tagList li:first-child:before {
  color: #F99BB9;
}
.adult .mainContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .favoriteBtn i,
.adult .bottomContentsArea section .gameInfoCarouselWrap .gameInfoWrap .btnList .evaluationBtnList li .favoriteBtn i {
  color: #ea004c;
}
.adult .mainContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button:hover .flickity-button-icon,
.adult .bottomContentsArea section .gameInfoCarouselWrap .detailCarousel .flickity-prev-next-button:hover .flickity-button-icon {
  fill: #ea004c;
}
.adult .mainContentsArea section .gameInfoCarouselWrap .carouselNavi li a:hover,
.adult .bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li a:hover,
.adult .mainContentsArea section .gameInfoCarouselWrap .carouselNavi li a.active,
.adult .bottomContentsArea section .gameInfoCarouselWrap .carouselNavi li a.active {
  box-shadow: 0 0 0 3px #ea004c;
}
.adult .mainContentsArea section .gameComment h2,
.adult .bottomContentsArea section .gameComment h2 {
  background-color: #ea004c;
}
.adult .mainContentsArea section .gameComment h2:after,
.adult .bottomContentsArea section .gameComment h2:after {
  border-color: #ea004c transparent transparent transparent;
}
.adult .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.adult .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"],
.adult .mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.adult .bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"],
.adult .mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
.adult .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"],
.adult .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
.adult .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a,
.adult .mainContentsArea section .gameComment .commentList > li .commentBtnList li a,
.adult .bottomContentsArea section .gameComment .commentList > li .commentBtnList li a,
.adult .mainContentsArea section .gameComment .reviewList > li .commentBtnList li a,
.adult .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a {
  color: #ea004c;
}
.adult .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"]:hover,
.adult .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li input[type="button"]:hover,
.adult .mainContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"]:hover,
.adult .bottomContentsArea section .gameComment .commentList > li .commentBtnList li input[type="button"]:hover,
.adult .mainContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"]:hover,
.adult .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li input[type="button"]:hover,
.adult .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a:hover,
.adult .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a:hover,
.adult .mainContentsArea section .gameComment .commentList > li .commentBtnList li a:hover,
.adult .bottomContentsArea section .gameComment .commentList > li .commentBtnList li a:hover,
.adult .mainContentsArea section .gameComment .reviewList > li .commentBtnList li a:hover,
.adult .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a:hover {
  color: #600023;
}
.adult .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li a span,
.adult .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li a span,
.adult .mainContentsArea section .gameComment .commentList > li .commentBtnList li a span,
.adult .bottomContentsArea section .gameComment .commentList > li .commentBtnList li a span,
.adult .mainContentsArea section .gameComment .reviewList > li .commentBtnList li a span,
.adult .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li a span {
  color: #600023;
}
.adult .mainContentsArea section .gameComment .gameCommentInput .commentBtnList li label:hover,
.adult .bottomContentsArea section .gameComment .gameCommentInput .commentBtnList li label:hover,
.adult .mainContentsArea section .gameComment .commentList > li .commentBtnList li label:hover,
.adult .bottomContentsArea section .gameComment .commentList > li .commentBtnList li label:hover,
.adult .mainContentsArea section .gameComment .reviewList > li .commentBtnList li label:hover,
.adult .bottomContentsArea section .gameComment .reviewList > li .commentBtnList li label:hover {
  color: #ea004c;
}
.adult .mainContentsArea section .gameComment .commentList > li .image a:hover,
.adult .bottomContentsArea section .gameComment .commentList > li .image a:hover,
.adult .mainContentsArea section .gameComment .reviewList > li .image a:hover,
.adult .bottomContentsArea section .gameComment .reviewList > li .image a:hover {
  box-shadow: 0px 1px 2px 1px;
  @main AdultColor;
}
.adult .mainContentsArea section .gameComment .commentList > li .image a:after,
.adult .bottomContentsArea section .gameComment .commentList > li .image a:after,
.adult .mainContentsArea section .gameComment .reviewList > li .image a:after,
.adult .bottomContentsArea section .gameComment .reviewList > li .image a:after {
  background-color: #ea004c;
}
.adult .mainContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList li:first-child:before,
.adult .bottomContentsArea section .connectGameList > li .gameListItemBody .gameTextWrap .tagList li:first-child:before,
.adult .mainContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList li:first-child:before,
.adult .bottomContentsArea section .connectGameItem .gameListItemBody .gameTextWrap .tagList li:first-child:before {
  color: #F99BB9;
}
.adult .mainContentsArea .historySection li a:hover,
.adult .bottomContentsArea .historySection li a:hover,
.adult .mainContentsArea .recommendSection li a:hover,
.adult .bottomContentsArea .recommendSection li a:hover {
  box-shadow: 0 0 0 3px #ea004c;
}
.adult .footerArea .contactSection {
  background-color: #ea004c;
}
.adult .footerArea .contactSection ul li a {
  color: #ea004c;
}
.adult .footerArea .contactSection ul li a:hover {
  color: #600023;
}
.adult .footerArea .contactSection ul .twitter a {
  color: #fff;
  background-color: #ea004c;
}
.adult .footerArea .contactSection ul .twitter a:hover {
  color: #fff;
  background-color: #600023;
  border-color: #600023;
}
.adult .footerArea .footerBottom {
  background-color: #600023;
}
.adult .pageTop a {
  background-color: #2D000B;
  color: #fff400;
}
.adult .pageTop a:hover {
  background-color: #fff400;
  color: #2D000B;
}
@media screen and (max-width: 1024px) {
  .adult .leftAreaWrap .sideContentsArea .tagSort ul li.itemTitle > span,
  .adult .leftAreaWrap .sideContentsArea .sideNavi ul li.itemTitle > span {
    background-color: inherit;
  }
  .adult .leftAreaWrap .sideContentsArea .tagSort header {
    background-color: inherit;
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .headerArea .headerNavi .userNavi li.user {
    width: 40px;
    margin-right: 10px;
    height: 32px;
  }
  .headerArea .headerNavi .userNavi li.user a {
    text-indent: 200%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 32px;
  }
  .headerArea .headerNavi .userNavi li.user a img {
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 600px) {
  .adult .headerArea .headerNavi .gNavi a:hover {
    color: #3C3A33;
  }
  .adult .headerArea .headerNavi .gNavi .top a:after {
    background: none;
  }
  .adult .headerArea .search .detailsList {
    background-color: #fff;
  }
  .adult .headerArea .search .detailsList li label {
    border-color: #ea004c;
    color: #ea004c;
  }
  .adult .headerArea .search .detailsList li label:hover {
    background-color: #ea004c;
    color: #fff;
  }
  .adult .headerArea .search .detailsList li label.active {
    background-color: #ea004c;
    color: #fff;
  }
  .adult .headerArea .menuIcon,
  .adult .headerArea .heartIcon,
  .adult .headerArea .searchIcon {
    color: #ea004c;
  }
  .adult .headerArea .menuIcon:hover,
  .adult .headerArea .heartIcon:hover,
  .adult .headerArea .searchIcon:hover {
    color: #600023;
  }
  .adult .headerArea .notice .noticeIcon:hover {
    background-color: #fff;
    color: #600023;
  }
  .adult .footerArea .footerBottom nav {
    border-top-color: #ec3772;
    border-bottom-color: #2D000B;
  }
  .adult .footerArea .footerBottom nav ul li:first-child {
    border-right-color: #960025;
  }
  .adult .footerArea .footerBottom nav ul li a:hover {
    background-color: #2D000B;
  }
  .adult .footerArea .footerBottom .copyright {
    border-top-color: #960025;
  }
  .adult .pageTop a {
    border-top-color: #190006;
  }
}