.layout--guide {
  background: url("/site_resource/guide/img/index/bg__all.jpg");
  background-size: 100% auto;
}

.layout--guide .contents {
  padding: 0;
}

.layout--guide .layout-inner {
  margin: 0;
}

.guideContents {
  position: relative;
}

.guideContents img {
  width: 100%;
}

.guideContents h1 {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: transparent;
}

.guideContents {
  font-size: 1.176vw;
}

.guideContents .btn-guide-start,
.guideContents .btn-guide-start2 {
  position: relative;
  width: 37.08%;
  margin: 0 auto;
}

.guideContents .btn-guide-start > a {
  background-image: url("/site_resource/guide/img/index/btn__start.png");
  background-size: 100% 100%;
  display: block;
}


.guideContents .btn-guide-start2 > a {
  background-image: url("/site_resource/guide/img/index/btn__start2.png");
  background-size: 100% 100%;
  display: block;
}

.guideContents .btn-guide-start > a > img,
.guideContents .btn-guide-start2 > a > img {
  opacity: 0;
}

.guideContents .btn-guide-start a:hover > img,
.guideContents .btn-guide-start2 a:hover > img {
  opacity: 1;
}

.guideContents .btn-guide-start-bg-wrap {
  width: 22%;
  position: absolute;
  top: -25%;
  right: -6.5%;
}

.guideContents .btn-guide-start-text {
  color: #000;
  font-family: 'M PLUS Rounded 1c';
  font-weight: 900;
  font-size: 1.0512em;
  line-height: 1.3;
  width: 22%;
  text-align: center;
  position: absolute;
  top: 0;
  right: -6.5%;
}


.guideContents .btn-guide-login {
  width: 25%;
  height: 5.256em;
  margin: 2.044em auto 0;
}

.guideContents .btn-guide-login > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  text-decoration: none;
  text-align: center;
  font-family: 'M PLUS Rounded 1c';
  font-weight: 900;
  font-size: 1.752em;
  line-height: 1.2;
  border: solid 0.1168em #d90000;
  border-radius: 5em;
  background-color: #fff;
  color: #d90000;
}

.guideContents .btn-guide-login > a:hover {
  border-color: #E86666;
  color: #E86666;
}

.guideContents .mainArea {
  position: relative;
}

.guideContents .mainArea-contents {
  width: 100%;
  position: absolute;
  top: 4.38em;
  left: 0;
}

.guideContents .mainArea-ttl {
  margin-bottom: 1.0512em;
  text-align: center;
}

.guideContents .mainArea-ttl img {
  width: 58.82%;
}

.guideContents .mainArea-read {
  margin-bottom: 0.8176em;
  text-align: center;
}

.guideContents .mainArea-read img {
  width: 50%;
}

.guideContents .mainArea-obj {
  position: relative;
  width: 98.68%;
  display: block;
  margin: -1.752em auto;
}

.guideContents .mainArea-obj-star {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.guideContents .mainArea-obj-star .star {
  width: 3%;
  position: absolute;
  top: 0;
  left: 0;
}

.guideContents .mainArea-obj-star .star-1 {
  top: 2.2776em;
  left: 4.86%;
}

.guideContents .mainArea-obj-star .star-2 {
  top: 31.7696em;
  left: 33.75%;
}

.guideContents .mainArea-obj-star .star-3 {
  top: 30.952em;
  left: 4.86%;
}

.guideContents .mainArea-obj-star .star-4 {
  top: 0.7008em;
  left: 67.64%;
}

.guideContents .mainArea-obj-star .star-5 {
  top: 4.4384em;
  left: 93.33%;
}

.guideContents .mainArea-obj-star .star-6 {
  top: 13.0232em;
  left: 89.51%;
}

.guideContents .mainArea-obj-star .star-7 {
  top: 26.7472em;
  left: 96.39%;
}

.guideContents .mainArea-obj-star .star-8 {
  top: 18.2792em;
  left: 5.42%;
}

.guideContents .mainArea-obj-star .star-9 {
  top: 1.752em;
  left: 36.53%;
}

.guideContents .enjoy-play,
.guideContents .enjoy-point,
.guideContents .enjoy-present {
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}

.guideContents .enjoy-ttl,
.guideContents .enjoy-read,
.guideContents .enjoy-obj-1,
.guideContents .enjoy-obj-2,
.guideContents .enjoy-obj-3 {
  position: absolute;
}

.guideContents .enjoy-play {
  background-image: url("/site_resource/guide/img/index/bg__enjoy_play.png");
  padding-bottom: 42.15%;
  margin-top: -9.5%;
}

.guideContents .enjoy-play .enjoy-ttl {
  width: 28.13%;
  top: 8.5%;
  right: 14%;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
}

.guideContents .enjoy-play .enjoy-read {
  width: 35.97%;
  top: 32.5%;
  right: 21.5%;
}

.guideContents .enjoy-play .enjoy-obj-1 {
  width: 20.83%;
  top: 9.5%;
  left: 11.5%;
}

.guideContents .enjoy-play .enjoy-obj-2 {
  width: 12.50%;
  top: 27.5%;
  right: 9.7%;
}

.guideContents .enjoy-point {
  background-image: url("/site_resource/guide/img/index/bg__enjoy_point.png");
  padding-bottom: 40.63%;
  margin-top: -8.5%;
}

.guideContents .enjoy-point .enjoy-ttl {
  width: 64.47%;
  top: 9.5%;
  left: 2.5%;
  z-index: 1;
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
}

.guideContents .enjoy-point .enjoy-read {
  width: 41%;
  top: 34.5%;
  left: 15.5%;
}

.guideContents .enjoy-point .enjoy-obj-1 {
  width: 27%;
  top: -6.5%;
  right: 4.5%;
}

.guideContents .enjoy-present {
  background-image: url("/site_resource/guide/img/index/bg__enjoy_present.png");
  padding-bottom: 39.38%;
  margin-top: -10.2%;
}

.guideContents .enjoy-present .enjoy-ttl {
  width: 67%;
  top: 14%;
  right: 5%;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}

.guideContents .enjoy-present .enjoy-read {
  width: 40%;
  top: 37%;
  right: 15%;
  z-index: 1;
}

.guideContents .enjoy-present .enjoy-obj-1 {
  width: 22.78%;
  top: 19%;
  left: 11.5%;
}

.guideContents .enjoy-start {
  margin-top: 1.46em;
  margin-bottom: 4.088em;
}

.guideContents .bannerSection-inner {
  width: 79.58%;
  margin: 0 auto;
}

.guideContents .bannerSection-content + .bannerSection-content {
  margin-top: 2.85714rem;
}

.guideContents .bannerSection-start {
  margin-top: 5.71428rem;
}

.guideContents .bannerSection-content {
  border-style: solid;
  border-width: 0.3504em;
  border-radius: 1.46em;
}

.guideContents .bannerSection-content-inner {
  border: solid 0.2336em;
  border-radius: 0.876em;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}

.guideContents .bannerSection-ttl {
  text-align: center;
  color: #fff;
  font-family: 'M PLUS Rounded 1c';
  font-weight: 900;
  line-height: 1.2;
}

.guideContents .bannerSection-ttl > span {
  color: #fff000;
}

.guideContents .bannerSection-read {
  text-align: center;
  font-size: 0.9344em;
  color: #fff;
  padding: 0.292em 0;
  position: relative;
  z-index: 1;
}

.guideContents .bannerSection-content--entertainment {
  border-color: #ff718f;
}

.guideContents .bannerSection-content--entertainment .bannerSection-content-inner {
  border-color: #fbd4df;
  background-image: url("/site_resource/guide/img/index/bg__banner_section_entertainment.png"), -webkit-gradient(linear, left top, left bottom, from(#e84b56), to(#ffb2c8));
  background-image: url("/site_resource/guide/img/index/bg__banner_section_entertainment.png"), linear-gradient(to bottom, #e84b56 0%, #ffb2c8 100%);
}

.guideContents .bannerSection-content--entertainment .bannerSection-ttl {
  font-size: 2.1024em;
  padding-top: 4.5%;
  padding-bottom: 2.3%;
}

.guideContents .bannerSection-content--entertainment .bannerSection-read {
  background-color: #f03140;
}

.guideContents .bannerSection-content--entertainment .bannerSection-obj-1 {
  width: 13.79%;
  position: absolute;
  top: -13%;
  left: 5.2%;
}

.guideContents .bannerSection-content--entertainment .bannerSection-obj-2 {
  width: 30.63%;
  position: absolute;
  top: -6%;
  right: 1%;
}

.guideContents .bannerSection-content--campaign {
  border-color: #71b7ff;
}

.guideContents .bannerSection-content--campaign .bannerSection-content-inner {
  border-color: #9bcafa;
  background-image: url("/site_resource/guide/img/index/bg__banner_section_campaign.png"), -webkit-gradient(linear, left top, left bottom, from(#3297ff), to(#b2d8ff));
  background-image: url("/site_resource/guide/img/index/bg__banner_section_campaign.png"), linear-gradient(to bottom, #3297ff 0%, #b2d8ff 100%);
}

.guideContents .bannerSection-content--campaign .bannerSection-ttl {
  font-size: 1.6352em;
  padding-top: 5.4%;
  padding-bottom: 2.8%;
}

.guideContents .bannerSection-content--campaign .bannerSection-read {
  background-color: #1e7ee1;
}

.guideContents .bannerSection-content--campaign .bannerSection-obj-1 {
  width: 4.28%;
  position: absolute;
  top: 10%;
  left: 6.8%;
}

.guideContents .bannerSection-content--campaign .bannerSection-obj-2 {
  width: 4.28%;
  position: absolute;
  top: 10%;
  right: 7%;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.guideContents .bannerSection-content--read {
  border-color: #ff9c00;
}

.guideContents .bannerSection-content--read .bannerSection-content-inner {
  border-color: #ffd9ba;
  background-image: url("/site_resource/guide/img/index/bg__banner_section_read.png"), -webkit-gradient(linear, left top, left bottom, from(#fd8a3e), to(#ffe7d7));
  background-image: url("/site_resource/guide/img/index/bg__banner_section_read.png"), linear-gradient(to bottom, #fd8a3e 0%, #ffe7d7 100%);
}

.guideContents .bannerSection-content--read .bannerSection-ttl {
  font-size: 2.1024em;
  padding-top: 4.5%;
  padding-bottom: 2.8%;
}

.guideContents .bannerSection-content--read .bannerSection-read {
  background-color: #f46200;
}

.guideContents .bannerSection-entertainment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 77.23%;
  margin: 0 auto;
  padding: 1.168em 0 2.336em;
}

.guideContents .bannerSection-entertainment-item {
  text-align: center;
  width: 28.93%;
  position: relative;
}

.guideContents .bannerSection-entertainment-item a {
  display: block;
}

.guideContents .bannerSection-entertainment-item a:hover img {
  opacity: 1;
}

.guideContents .bannerSection-entertainment-item img {
  opacity: 0;
}

.guideContents .bannerSection-entertainment-item--game a {
  background-image: url("/site_resource/guide/img/index/btn__banner_section_game.png");
  background-size: 100% 100%;
}

.guideContents .bannerSection-entertainment-item--quiz a {
  background-image: url("/site_resource/guide/img/index/btn__banner_section_quiz.png");
  background-size: 100% 100%;
}

.guideContents .bannerSection-entertainment-item--enquete a {
  background-image: url("/site_resource/guide/img/index/btn__banner_section_enquete.png");
  background-size: 100% 100%;
}

.guideContents .bannerSection-campaign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 79.76%;
  margin: 0 auto;
  padding: 1.752em 0;
}

.guideContents .bannerSection-campaign-item {
  width: 30.63%;
  border-radius: 0.4672em;
  overflow: hidden;
  background-color: #fff;
}

.guideContents .bannerSection-campaign-item > a {
  height: 100%;
  display: block;
  background-color: #fff;
  padding: 0.292em;
  color: #000;
  text-decoration: none;
}

.guideContents .bannerSection-campaign-item:hover a {
  opacity: 0.6;
}

.guideContents .bannerSection-campaign-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.guideContents .bannerSection-campaign-item-img {
  overflow: hidden;
  border-top-left-radius: 0.3504em;
  border-top-right-radius: 0.3504em;
}

.guideContents .bannerSection-campaign-item-content {
  background-color: #fff;
  line-height: 1.4;
  font-weight: bold;
  font-size: 1.0512em;
  padding: 0.876em;
  border-bottom-left-radius: 0.3504em;
  border-bottom-right-radius: 0.3504em;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.guideContents .bannerSection-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 88.13%;
  margin: 0 auto;
  padding: 1.752em 0;
}

.guideContents .bannerSection-column-item {
  width: 48.51%;
}

.guideContents .bannerSection-column-item > a {
  background-color: #fff;
  height: 7.884em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'M PLUS Rounded 1c';
  font-weight: 900;
  color: #000;
  text-decoration: none;
  border: solid 0.584em #ccc;
  border-radius: 5em;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--column > a {
  border-color: #7d4ad2;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--column .bannerSection-column-item-txt:before {
  background-color: #7d4ad2;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--column > a:hover {
  border-color: #B192E4;
  color: #666;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--column > a:hover .bannerSection-column-item-txt:before {
  background-color: #B192E4;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--magazine > a {
  border-color: #41a300;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--magazine .bannerSection-column-item-txt:before {
  background-color: #41a300;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--magazine > a:hover {
  border-color: #8dc866;
  color: #666;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--magazine > a:hover .bannerSection-column-item-txt:before {
  background-color: #8dc866;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--education > a {
  border-color: #f46200;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--education .bannerSection-column-item-txt:before {
  background-color: #f46200;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--education > a:hover {
  border-color: #F8A166;
  color: #666;
}

.guideContents .bannerSection-column-item.bannerSection-column-item--education > a:hover .bannerSection-column-item-txt:before {
  background-color: #F8A166;
}

/*.guideContents .bannerSection-column-item-txt {
  display: inline-block;
  font-size: 1.8688em;
  padding-left: 1.6em;
  position: relative;
}*/
.guideContents .bannerSection-column-item-txt{
  display: inline-block;
  font-size: 1.5em;
  line-height: 1.4;
  padding-left: 1.6em;;
  position: relative;
  }

.guideContents .bannerSection-column-item-txt:before {
  color: #fff;
  width: 1.8em;
  height: 1.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: .8em;
  border-radius: 100%;
  position: absolute;
  top: .1em;
  left: 0;
}

.guideContents .bannerSection-column-item-read {
  display: block;
  font-size: 0.9344em;
}

.guideContents .btn-guide-start-bg {
  -webkit-animation-name: guide-btn-obj;
          animation-name: guide-btn-obj;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}

.guideContents .star {
  opacity: 0;
  -webkit-animation-name: guide-star;
          animation-name: guide-star;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}

.guideContents .star-1 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.guideContents .star-2 {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.guideContents .star-3 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.guideContents .star-4 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.guideContents .star-5 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.guideContents .star-6 {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.guideContents .star-7 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.guideContents .star-8 {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.guideContents .star-9 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.guideContents .mainArea.ani-group .mainArea-ttl {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .mainArea.ani-group .mainArea-read {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .mainArea.ani-group .mainArea-obj {
  opacity: 0;
}

.guideContents .mainArea.ani-group .mainArea-obj-star {
  opacity: 0;
}

.guideContents .mainArea.ani-group .btn-guide-start ,
.guideContents .mainArea.ani-group .btn-guide-start2{
  -webkit-transform: scale(0);
          transform: scale(0);
}


.guideContents .mainArea.ani-group .mainArea-ttl {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .mainArea.ani-group .mainArea-read {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .mainArea.ani-group .btn-guide-start ,
.guideContents .mainArea.ani-group .btn-guide-start2{
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-name: guide-btn;
          animation-name: guide-btn;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
}

.guideContents .mainArea.ani-group .mainArea-obj {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-name: guide-fade-in;
          animation-name: guide-fade-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .mainArea.ani-group .mainArea-obj-star {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-name: guide-fade-in;
          animation-name: guide-fade-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .enjoy-play.ani-group .enjoy-obj-1,
.guideContents .enjoy-play.ani-group .enjoy-obj-2 {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .enjoy-play.ani-group:not(.ani-trigger) .enjoy-obj-1,
.guideContents .enjoy-play.ani-group:not(.ani-trigger) .enjoy-obj-2 {
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .enjoy-play.ani-group:not(.ani-trigger) .enjoy-obj-2 {
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

.guideContents .enjoy-point.ani-group .enjoy-obj-1 {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .enjoy-point.ani-group:not(.ani-trigger) .enjoy-obj-1 {
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .enjoy-present.ani-group .enjoy-obj-1,
.guideContents .enjoy-present.ani-group .enjoy-obj-2,
.guideContents .enjoy-present.ani-group .enjoy-obj-3 {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .enjoy-present.ani-group:not(.ani-trigger) .enjoy-obj-1,
.guideContents .enjoy-present.ani-group:not(.ani-trigger) .enjoy-obj-2,
.guideContents .enjoy-present.ani-group:not(.ani-trigger) .enjoy-obj-3 {
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .enjoy-present.ani-group:not(.ani-trigger) .enjoy-obj-3 {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.guideContents .enjoy-start.ani-group .btn-guide-start,
.guideContents .bannerSection-start .btn-guide-start,
.guideContents .enjoy-start.ani-group .btn-guide-start2,
.guideContents .bannerSection-start .btn-guide-start2 {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .enjoy-start.ani-group:not(.ani-trigger) .btn-guide-start,
.guideContents .bannerSection-start:not(.ani-trigger) .btn-guide-start,
.guideContents .enjoy-start.ani-group:not(.ani-trigger) .btn-guide-start2,
.guideContents .bannerSection-start:not(.ani-trigger) .btn-guide-start2 {
  -webkit-animation-name: guide-btn;
          animation-name: guide-btn;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
}

.guideContents .enjoy-start.ani-group .btn-guide-start-bg-wrap,
.guideContents .enjoy-start.ani-group .btn-guide-start-text,
.guideContents .bannerSection-start .btn-guide-start-bg-wrap,
.guideContents .bannerSection-start .btn-guide-start-text {
  opacity: 0;
}

.guideContents .enjoy-start.ani-group:not(.ani-trigger) .btn-guide-start-bg-wrap,
.guideContents .enjoy-start.ani-group:not(.ani-trigger) .btn-guide-start-text,
.guideContents .bannerSection-start:not(.ani-trigger) .btn-guide-start-bg-wrap,
.guideContents .bannerSection-start:not(.ani-trigger) .btn-guide-start-text {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-name: guide-fade-in;
          animation-name: guide-fade-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .enjoy-start.ani-group .btn-guide-login,
.guideContents .bannerSection-start .btn-guide-login {
  opacity: 0;
}

.guideContents .enjoy-start.ani-group:not(.ani-trigger) .btn-guide-login,
.guideContents .bannerSection-start:not(.ani-trigger) .btn-guide-login {
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
  -webkit-animation-name: guide-fade-in;
          animation-name: guide-fade-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .bannerSection-content--entertainment.ani-group,
.guideContents .bannerSection-content--campaign.ani-group,
.guideContents .bannerSection-content--read.ani-group {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .bannerSection-content--entertainment.ani-group .bannerSection-ttl,
.guideContents .bannerSection-content--entertainment.ani-group .bannerSection-read span {
  opacity: 0;
}

.guideContents .bannerSection-content--entertainment.ani-group .bannerSection-entertainment-item {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) {
  -webkit-animation-name: bannerSection-content;
          animation-name: bannerSection-content;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-ttl,
.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-read span {
  -webkit-animation-name: guide-fade-in;
          animation-name: guide-fade-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-entertainment-item {
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-ttl {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-read span {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-entertainment-item {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-entertainment-item + .bannerSection-entertainment-item {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

.guideContents .bannerSection-content--entertainment.ani-group:not(.ani-trigger) .bannerSection-entertainment-item + .bannerSection-entertainment-item + .bannerSection-entertainment-item {
  -webkit-animation-delay: .7s;
          animation-delay: .7s;
}

.guideContents .bannerSection-content--campaign.ani-group .bannerSection-ttl,
.guideContents .bannerSection-content--campaign.ani-group .bannerSection-read span {
  opacity: 0;
}

.guideContents .bannerSection-content--campaign.ani-group .bannerSection-campaign-item {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) {
  -webkit-animation-name: bannerSection-content;
          animation-name: bannerSection-content;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-ttl,
.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-read span {
  -webkit-animation-name: guide-fade-in;
          animation-name: guide-fade-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-campaign-item {
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-ttl {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-read span {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-campaign-item {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-campaign-item + .bannerSection-campaign-item {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

.guideContents .bannerSection-content--campaign.ani-group:not(.ani-trigger) .bannerSection-campaign-item + .bannerSection-campaign-item + .bannerSection-campaign-item {
  -webkit-animation-delay: .7s;
          animation-delay: .7s;
}

.guideContents .bannerSection-content--read.ani-group .bannerSection-ttl,
.guideContents .bannerSection-content--read.ani-group .bannerSection-read span {
  opacity: 0;
}

.guideContents .bannerSection-content--read.ani-group .bannerSection-column-item {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) {
  -webkit-animation-name: bannerSection-content;
          animation-name: bannerSection-content;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}

.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) .bannerSection-ttl,
.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) .bannerSection-read span {
  -webkit-animation-name: guide-fade-in;
          animation-name: guide-fade-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) .bannerSection-column-item {
  -webkit-animation-name: guide-scale-in;
          animation-name: guide-scale-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
}

.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) .bannerSection-ttl {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) .bannerSection-read span {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) .bannerSection-column-item {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.guideContents .bannerSection-content--read.ani-group:not(.ani-trigger) .bannerSection-column-item + .bannerSection-column-item {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

@-webkit-keyframes guide-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes guide-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes guide-scale-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes guide-scale-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes guide-btn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  45% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  75% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  90% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes guide-btn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  45% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  75% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  90% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes guide-btn-obj {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes guide-btn-obj {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes guide-star {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes guide-star {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes bannerSection-content {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bannerSection-content {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.ie .bannerSection-campaign-item-img {
  padding-bottom: 10.5em;
  position: relative;
}

.ie .bannerSection-campaign-item-img img {
  height: 100%;
  width: auto;
  max-width: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ie .bannerSection-campaign-item-content {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  height: calc(100% - 5.84em);
}

.breadcrumb {
  position: relative;
  z-index: 2;
}

.mainArea .btn-guide-start,
.mainArea .btn-guide-start2,
.enjoy-read {
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .layout--guide {
    background-size: 150% auto;
    background-position: center;
  }
  .guideContents {
    font-size: 4.575vw;
  }
  .guideContents .btn-guide-start,
  .guideContents .btn-guide-start2 {
    width: 71%;
  }
  .guideContents .btn-guide-start-text {
    top: -.3em;
    font-size: 0.7008em;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  .guideContents .btn-guide-login {
    width: 48%;
    height: 2.628em;
    margin: 0.9928em auto 0;
  }
  .guideContents .btn-guide-login > a {
    font-size: 0.876em;
    border: solid 2px #d90000;
  }
  .guideContents .mainArea-contents {
    top: 2.336em;
  }
  .guideContents .mainArea-ttl {
    margin-bottom: 0.4672em;
  }
  .guideContents .mainArea-ttl img {
    width: 80%;
  }
  .guideContents .mainArea-read {
    margin-bottom: 0.4672em;
  }
  .guideContents .mainArea-read img {
    width: 71%;
  }
  .guideContents .mainArea-obj {
    width: 100%;
    margin: 0;
  }
  .guideContents .mainArea-obj-star {
    height: 70vw;
  }
  .guideContents .mainArea-obj-star .star {
    width: 8%;
  }
  .guideContents .mainArea-obj-star .star-1 {
    top: 63.36%;
    left: 85.80%;
  }
  .guideContents .mainArea-obj-star .star-2 {
    top: 1.53%;
    left: 4.43%;
  }
  .guideContents .mainArea-obj-star .star-3 {
    top: 0.46%;
    left: 47.33%;
  }
  .guideContents .mainArea-obj-star .star-4 {
    top: 39.76%;
    left: 53.28%;
  }
  .guideContents .mainArea-obj-star .star-5 {
    top: 31.45%;
    left: 20.93%;
  }
  .guideContents .mainArea-obj-star .star-6 {
    top: 105.67%;
    left: 7.85%;
  }
  .guideContents .mainArea-obj-star .star-7 {
    top: 58.04%;
    left: 1.07%;
  }
  .guideContents .mainArea-obj-star .star-8 {
    top: -2.29%;
    left: 93.89%;
  }
  .guideContents .mainArea-obj-star .star-9 {
    top: 31.45%;
    left: 93.74%;
  }
  .guideContents .enjoy-play {
    background-image: url("/site_resource/guide/img/index/bg__enjoy_play__sp.png");
    padding-bottom: 83.33%;
    margin-top: -24%;
  }
  .guideContents .enjoy-play .enjoy-ttl {
    width: 38%;
    top: 12%;
    right: 10%;
  }
  .guideContents .enjoy-play .enjoy-read {
    width: 89%;
    top: 42%;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .guideContents .enjoy-play .enjoy-obj-1 {
    width: 28%;
    top: 10%;
    left: 4%;
  }
  .guideContents .enjoy-play .enjoy-obj-2 {
    width: 17%;
    top: 24.5%;
    right: 3%;
  }
  .guideContents .enjoy-point {
    background-image: url("/site_resource/guide/img/index/bg__enjoy_point__sp.png");
    padding-bottom: 62.93%;
    margin-top: -27.3%;
  }
  .guideContents .enjoy-point .enjoy-ttl {
    width: 72.47%;
    top: 12.5%;
    left: 1.5%;
    z-index: 1;
  }
  .guideContents .enjoy-point .enjoy-read {
    width: 92%;
    top: 40.5%;
    left: 4%;
  }
  .guideContents .enjoy-point .enjoy-obj-1 {
    width: 28%;
    top: -2.5%;
    right: 1.5%;
  }
  .guideContents .enjoy-present {
    background-image: url("/site_resource/guide/img/index/bg__enjoy_present__sp.png");
    padding-bottom: 68.53%;
    margin-top: -14.5%;
  }
  .guideContents .enjoy-present .enjoy-ttl {
    width: 83%;
    top: 15%;
    right: 4%;
  }
  .guideContents .enjoy-present .enjoy-read {
    width: 91%;
    top: 36%;
    right: 4%;
  }
  .guideContents .enjoy-present .enjoy-obj-2 {
    width: 17%;
    top: 27%;
    left: 2%;
  }
  .guideContents .enjoy-present .enjoy-obj-3 {
    width: 15%;
    top: 68%;
    right: 1.5%;
  }
  .guideContents .enjoy-start {
    margin-top: 0.0584em;
    margin-bottom: 1.168em;
  }
  .guideContents .bannerSection-inner {
    width: 100%;
  }
  .guideContents .bannerSection-content + .bannerSection-content {
    margin-top: 1.42857rem;
  }
  .guideContents .bannerSection-start {
    margin-top: 2.14285rem;
  }
  .guideContents .bannerSection-content {
    border-radius: 0.876em;
    border-width: 0.1752em;
  }
  .guideContents .bannerSection-content-inner {
    border: solid 0.1168em;
    border-radius: 0.584em;
  }
  .guideContents .bannerSection-read {
    font-size: 0.7008em;
    margin: 0 -0.3504em;
  }
  .guideContents .bannerSection-content--entertainment .bannerSection-content-inner {
    background-image: url("/site_resource/guide/img/index/bg__banner_section_entertainment__sp.png"), -webkit-gradient(linear, left top, left bottom, from(#e84b56), to(#ffb2c8));
    background-image: url("/site_resource/guide/img/index/bg__banner_section_entertainment__sp.png"), linear-gradient(to bottom, #e84b56 0%, #ffb2c8 100%);
  }
  .guideContents .bannerSection-content--entertainment .bannerSection-ttl {
    font-size: 0.9928em;
  }
  .guideContents .bannerSection-content--entertainment .bannerSection-obj-1 {
    width: 21%;
    top: -9.5%;
    left: 2.2%;
  }
  .guideContents .bannerSection-content--entertainment .bannerSection-obj-2 {
    width: 46%;
    top: -6%;
    right: -9.5%;
  }
  .guideContents .bannerSection-content--campaign .bannerSection-content-inner {
    background-image: url("/site_resource/guide/img/index/bg__banner_section_campaign__sp.png"), -webkit-gradient(linear, left top, left bottom, from(#3297ff), to(#b2d8ff));
    background-image: url("/site_resource/guide/img/index/bg__banner_section_campaign__sp.png"), linear-gradient(to bottom, #3297ff 0%, #b2d8ff 100%);
  }
  .guideContents .bannerSection-content--campaign .bannerSection-ttl {
    font-size: 0.9344em;
    margin-top: 4.4%;
    margin-bottom: 2.8%;
  }
  .guideContents .bannerSection-content--read .bannerSection-content-inner {
    background-image: url("/site_resource/guide/img/index/bg__banner_section_read__sp.png"), -webkit-gradient(linear, left top, left bottom, from(#fd8a3e), to(#ffe7d7));
    background-image: url("/site_resource/guide/img/index/bg__banner_section_read__sp.png"), linear-gradient(to bottom, #fd8a3e 0%, #ffe7d7 100%);
  }
  .guideContents .bannerSection-content--read .bannerSection-ttl {
    font-size: 0.9344em;
  }
  .guideContents .bannerSection-entertainment {
    margin: 0 auto;
    padding: 0.7592em 0;
    width: 91%;
  }
  .guideContents .bannerSection-entertainment-item {
    width: 31.5%;
  }
  .guideContents .bannerSection-entertainment-item--game a {
    background-image: url("/site_resource/guide/img/index/btn__banner_section_game__sp.png");
  }
  .guideContents .bannerSection-entertainment-item--quiz a {
    background-image: url("/site_resource/guide/img/index/btn__banner_section_quiz__sp.png");
  }
  .guideContents .bannerSection-entertainment-item--enquete a {
    background-image: url("/site_resource/guide/img/index/btn__banner_section_enquete__sp.png");
  }
  .guideContents .bannerSection-campaign {
    width: 91%;
    margin: 0 auto;
    padding: 1.46em 0;
  }
  .guideContents .bannerSection-campaign-item {
    border-radius: 4px;
  }
  .guideContents .bannerSection-campaign-item > a {
    padding: 0.1168em;
  }
  .guideContents .bannerSection-campaign-item-img {
    border-top-left-radius: 0.1168em;
    border-top-right-radius: 0.1168em;
  }
  .guideContents .bannerSection-campaign-item-content {
    font-size: 0.584em;
    padding: 0.292em;
    border-bottom-left-radius: 0.1168em;
    border-bottom-right-radius: 0.1168em;
  }
  .guideContents .bannerSection-column {
    display: block;
    width: 70%;
    margin: 0 auto;
    padding: 0.9928em 0;
  }
  .guideContents .bannerSection-column-item {
    width: 100%;
  }
  .guideContents .bannerSection-column-item + .bannerSection-column-item {
    margin-top: 0.584em;
  }
  .guideContents .bannerSection-column-item > a {
    border: solid 0.292em #ccc;
    /*height: 3.796em;*/
    height: 5em;
  }
  .guideContents .bannerSection-column-item-txt {
    /*font-size: 1.1096em;*/
    font-size: 0.8em;
  }
  .guideContents .bannerSection-column-item-read {
    /*font-size: 0.584em;*/
    font-size: 0.4em;
  }
  .ie .bannerSection-campaign-item-img {
    padding-bottom: 3.7em;
  }
}

@media (min-width: 767px) and (max-width: 1190px) {
  .guideContents {
    font-size: 14px;
  }
}
.newsList{
  background: url('../img/index/bg01.png') no-repeat center top;
  padding: 1.752em 0 0;
  margin: -3.5em 0 0;
}
.newsList h3{
  text-align: center;
  margin: 0 0 -68px;
}
.newsList h3 img{
  width: auto;
}
.voiceContent{
  width: 79.76%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.voiceContent .voiceList{
  width: 49%;
  margin: 0 0 40px;
  background: #fdf6c8;
  border: 5px solid #fdca2d;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.voiceContent .voiceList:after{
  content: "";
  width: 26px;
  height: 25px;
  background: url('/site_resource/guide/img/index/arrow.png') no-repeat center;
  background-size: cover;
  position: absolute;
  right: 55px;
  bottom: -25px;
}
.voiceContent .voiceList__prize{
  font-size: 0.857em;
  font-weight: bold;
  color: #06adbf;
  margin: 0 0 5px;
}
.voiceContent .voiceList__comment{
  font-size: 0.857em;
  padding: 0 0 40px;
  margin: 0;
}
.voiceContent .voiceList__attributes{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: right;
  font-size: 0.786em;
  border-top: 2px dashed #fdca2d;
  padding: 5px 20px;
  margin: 0;
}
@media screen and (max-width: 767px){
  .newsList{
    background: none;
    padding: 0;
    margin: -1em 0 0;
  }
  .newsList h3{
    margin: 0;
  }
  .voiceContent{
    display: block;
    width: 91%;
  }
  .voiceContent .voiceList{
    width: 100%;
    margin: 0 0 20px;
    border: 3px solid #fdca2d;
    border-radius: 6px;
    padding: 5px 5px 0;
  }
  .voiceContent .voiceList:after{
    width: 15px;
    height: 14px;
    right: 30px;
    bottom: -14px;
  }
  .voiceContent .voiceList__prize{
    font-size: 0.7008em;
    margin: 0;
  }
  .voiceContent .voiceList__comment{
    font-size: 0.7008em;
    padding: 0 0 5px;
  }
  .voiceContent .voiceList__attributes{
    width: auto;
    position: relative;
    margin: 0 -10px;
    font-size: 0.7008em;
    padding: 3px 10px;
  }
}