@charset "utf-8";
/* CSS Document */
.answer li {
 list-style-type: none !important;
}
.article_single .answer ul {
 margin-left: 0;
}
.article_single .answer .note {
 color: #FFF;
 color: #fff;
 font-size: 15px;
 line-height: 1;
 display: block;
 margin-top: 0.25em;
}
.narrow-gutters {
 margin-right: -9px !important;
 margin-left: -9px !important;
}
.answer .list-link.row {
 margin-right: -15px;
 margin-left: -15px;
}
.answer .list-link > li {
 font-size: 15px;
 margin-bottom: 10px;
 line-height: 1.4;
}
.article_single .question ul li {
 list-style-type: none;
}
body#lp div.l-lp main.main .question--recommend ul.question_list {
 margin-left: 0;
}
body#lp div.l-lp main.main .question--recommend ul.question_list li a {
 position: relative;
 display: block;
 text-decoration: none;
 -webkit-transition: all 0.1s ease;
 transition: all 0.1s ease;
 font-size: 22px;
 color: rgb(50, 50, 50);
 padding: 25px 120px 25px 2.5em;
}
body#lp div.l-lp main.main .question--recommend ul.question_list > li a::after {
 content: "";
 position: absolute;
 right: 6%;
 top: 50%;
 transform: translateY(-50%) rotate(45deg);
 display: block;
 width: 8px;
 height: 8px;
 border-top: 2px solid #e71b27;
 border-right: 2px solid #e71b27;
}
body#lp div.l-lp main.main .question--recommend ul.question_list li a::after {
 right: 40px;
 width: 12px;
 height: 12px;
 border-width: 3px;
}
body#lp div.l-lp main.main .question--recommend ul.question_list li {
 border: 1px solid #ddd;
}
.article_single .answer ul.slick-dots {
 margin-left: auto;
}
body#lp div.l-lp main.main .hbgMenu_btn.active {
 padding-top: 0 !important;
}
body#lp div.l-lp main.main .hbgMenu_btn.active .hbgmenu_line:nth-child(1) {
 display: none;
}
body#lp div.l-lp main.main .hbgMenu_btn.active .hbgmenu_line:nth-child(2) {
 display: none;
}
body#lp div.l-lp main.main .hbgMenu_btn.active .hbgmenu_line:nth-child(3) {
 display: none;
}
.categories a.cate1 {
 background: #000;
}
.categories a.cate2 {
 background: #666;
}
.categories a.cate3 {
 background: #4387e8;
}
.categories a.cate4 {
 background: #35af66;
}
.categories a.cate5 {
 background: #bfb530;
}
.categories a.cate6 {
 background: #cc83ea;
}
.categories a.cate7 {
 background: #f7774b;
}
.categories a.cate8 {
 background: #ff0033;
}
/* selected */
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a.selected {
 bottom: -4px;
 box-shadow: none !important;
 color: #fff;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a.selected::after {
 background-image: url("../img/arrow_right_wh.png") !important;
}
/* selected */
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a.selected {
 background: #1a1a1a;
 border-color: #1a1a1a;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate2 a.selected {
 background: #666;
 border-color: #666;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate3 a.selected {
 background: #4387e8;
 border-color: #4387e8;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate4 a.selected {
 background: #35af66;
 border-color: #35af66;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate5 a.selected {
 background: #bfb530;
 border-color: #bfb530;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate6 a.selected {
 background: #cc83ea;
 border-color: #cc83ea;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate7 a.selected {
 background: #f7774b;
 border-color: #f7774b;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate8 a.selected {
 background: #ff0033;
 border-color: #ff0033;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a {
 font-size: 20px;
 line-height: 1.2em;
}
@media (max-width: 960px) {
 body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a {
  font-size: 1.8vw !important;
 }
}
@media (max-width: 768px) {
 body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a {
  font-size: 15.5px !important;
 }
 body#lp div.l-lp main.main .question--recommend ul.question_list > li a {
  position: relative;
  display: block;
  padding: 4% 20% 4% 1.5em;
  width: 100%;
  font-size: 4vw;
  line-height: 1.4;
  text-align: left;
 }
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate2 a::after {
 background-image: url("../../img/arrow_right_dg.png");
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate3 a::after {
 background-image: url("../../img/arrow_right_bl.png");
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate4 a::after {
 background-image: url("../../img/arrow_right_gr.png");
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate5 a::after {
 background-image: url("../../img/arrow_right_yl.png");
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate6 a::after {
 background-image: url("../../img/arrow_right_pr.png");
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate7 a::after {
 background-image: url("../../img/arrow_right_or.png");
}
/* hover */
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a:visited:hover {
 color: #fff !important;
 border-color: #fff !important;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li a:hover::after {
 background-image: url("../../img/arrow_right_wh.png") !important;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate1 a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate1 a:visited:hover {
 background: #1a1a1a;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate2 a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate2 a:visited:hover {
 background: #666;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate3 a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate3 a:visited:hover {
 background: #4387e8;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate4 a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate4 a:visited:hover {
 background: #35af66;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate5 a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate5 a:visited:hover {
 background: #bfb530;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate6 a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate6 a:visited:hover {
 background: #cc83ea;
}
body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate7 a:hover, body#lp div.l-lp main.main .spguide .navi .inner .anchor_list li.cate7 a:visited:hover {
 background: #f7774b;
}
.question.bnr-area h4 {
 margin: 1em auto 15px;
 font-size: 2rem;
 font-weight: bold;
}
.ranking {
 position: relative;
 z-index: 0;
 padding: 40px 0;
 margin: 120px 0 40px;
 background: #E71B27;
}
.ranking .inner {
 margin: 0 auto;
 padding: 130px 0 0;
 width: 100%;
 max-width: 980px;
}
.ranking .inner .sec_ttl {
 font-size: 26px;
 font-weight: bold;
 position: relative;
 margin-bottom: 4%;
 text-align: center;
}
.ranking .sec_ttl::before {
 content: "";
 position: absolute;
 left: 50%;
 top: -2.8em;
 transform: translate(-50%, 50%);
 display: block;
 width: 24px;
 height: 24px;
}
.ranking .question_list.question_list--rank > li {
 margin-bottom: 2%;
 background-color: #fff;
}
.ranking .question_list.question_list--rank > li:last-child {
 margin-bottom: 0;
}
.ranking .question_list.question_list--rank > li a {
 position: relative;
 display: block;
 padding: 4% 20% 4% 50px;
 width: 100%;
 font-size: 4vw;
 line-height: 1.4;
 text-align: left;
}
.ranking .question_list.question_list--rank > li a::before {
 content: "";
 position: absolute;
 left: 12px;
 top: 50%;
 transform: translateY(-50%);
 display: block;
 width: 28px;
 height: 28px;
 background: url("../images/pc-icon_question.png") no-repeat center center;
 background-size: contain;
}
.ranking .question_list.question_list--rank > li a::after {
 content: "";
 position: absolute;
 right: 6%;
 top: 50%;
 transform: translateY(-50%) rotate(45deg);
 display: block;
 width: 8px;
 height: 8px;
 border-top: 2px solid #e71b27;
 border-right: 2px solid #e71b27;
}
.ranking .question_list.question_list--rank > li a span.icon_movie {
 position: absolute;
 right: calc(6% + 18px);
 top: 50%;
 display: inline-block;
 margin-top: -12px;
 width: 24px;
 height: 24px;
 background: url("../images/pc-icon_movie02.png") no-repeat center center;
 background-size: auto 100%;
}
.ranking .question_list.question_list--rank--rank {
 margin-top: 10px;
}
.ranking .question_list.question_list--rank--rank > li {
 border-radius: 8px;
 box-shadow: 0px 4px 0px #9B000A;
 background-color: #fff;
 border: 2px solid #EEE;
 transition: transform 0.2s;
}
.article_txt {
 float: right;
 max-width: 75% !important;
 padding: 0 2.4%;
 display: block;
 width: 100%;
}
body#lp div.l-lp main.main .sec_newarticle div.article:first-of-type {
 max-width: 980px;
 margin: 0 auto;
 border-top: 1px solid #ddd;
 padding: 2em 0;
}
body#lp div.l-lp main.main .sec_newarticle div.article:first-of-type .article_thumbnail {
 display: block;
 width: 25%;
 padding-top: 25%;
 text-align: center;
 overflow: hidden;
 float: left;
 margin: 0;
}
body#lp div.l-lp main.main .sec_newarticle div.article:first-of-type .article_thumbnail.yoko {
 background-size: auto 100%;
 background-image: url("../img/nowprinting_yoko.png");
}
body#lp div.l-lp main.main .sec_newarticle div.article:first-of-type .article_thumbnail.tate {
 background-size: 100% auto;
 background-image: url("../img/nowprinting_tate.png");
}
body#lp div.l-lp main.main .sec_newarticle div.article:first-of-type .article_txt {
 float: right;
 max-width: 75% !important;
 padding: 0 2.4%;
 margin: 0;
}
@media screen and (min-width: 769px) {
 .ranking .question_list.question_list--rank > li {
  margin-bottom: 10px;
 }
 .ranking .question_list.question_list--rank > li a {
  padding: 25px 120px 25px 115px;
  font-size: 22px;
 }
 .ranking .question_list.question_list--rank > li a::before {
  left: 30px;
  width: 44px;
  height: 44px;
 }
 .ranking .question_list.question_list--rank > li a::after {
  right: 40px;
  width: 12px;
  height: 12px;
  border-width: 3px;
 }
 .ranking .question_list.question_list--rank > li a span.icon_movie {
  right: 70px;
  margin-top: -19px;
  width: 34px;
  height: 39px;
 }
}
body#lp div.l-lp main.main h2 .fcRed {
 color: #000;
}
body#lp div.l-lp main.main h2 .ulPink {
 background-image: none;
}
body#lp div.l-lp main.main h2 .ulYellow {
 background-image: none;
}
.cate2 span {
 letter-spacing: -0.15em;
}
@media (max-width: 768px) {
 body#lp div.l-lp main.main .sec_newarticle div.article:first-of-type .article_thumbnail {
  width: 30%;
  padding-top: 30%;
 }
 body#lp div.l-lp main.main .sec_newarticle div.article:first-of-type .article_txt {
  max-width: 70% !important;
  padding: 0 4%;
 }
 .ranking {
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 20px 0;
 }
 .ranking .inner {
  padding: 20% 4% 0%;
 }
 .question.bnr-area h4 {
  font-size: 4.2666666667vw;
  margin: 30px auto 15px;
 }
 .answer .list-link > li {
  font-size: 13px;
  margin-bottom: 10px;
 }
 .answer .list-link.row {
  margin-right: -5px;
  margin-left: -5px;
 }
 .article_single ul.question_list.question_list--rank {
  margin-left: 0;
 }
}
.sec_newarticle .article:last-of-type {
 border-bottom: 1px solid #ddd;
}