@charset "UTF-8";
/* BASE */
#header-in,
#wrap-in,
#footer-in {
  position: relative;
  width: 1150px;
  margin: 0 auto;
  display: block !important;
}

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px -1200px;
  }
} /* 2000px使用した背景画像の横幅 */
@keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px -1200px;
  }
}

.production_main_image {
  position: relative;
  background: linear-gradient(-180deg, #fa384e, #ffc15a);
  height: 32vh;
  margin: 0;
  padding: 0;
  z-index: 9;
  overflow: hidden;
}

.production_main_image::after {
  position: absolute;
  content: "";
  background: url(/wp-content/themes/appmedia/images/single/production/img_product.png)
    0 0 / cover;
  height: 32vh;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-animation: 200s linear infinite bgscroll;
  animation: 200s linear infinite bgscroll;
  z-index: 8;
  opacity: 0.4;
  filter: blur(0px);
  background-size: 100%;
}

.production_logo {
  background: url(/wp-content/themes/appmedia/images/single/production/logo_wikilist.png)
    0 0 / cover;
  width: 470px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto;
  top: 33%;
  z-index: 10;
  position: absolute;
  content: "";
  left: 33.3%;
}

.search #header-in {
  display: flex !important;
  align-items: center;
}
.search header#header h1 {
  position: static;
  display: flex;
  align-items: center;
}
#breadcrumb-in {
  position: relative;
  width: 1150px;
  margin: 0 auto;
  display: block !important;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}

#main {
  width: 555px;
  margin: 0 0 0 20px;
}

#pc_top #main {
  margin: 20px 0 0 20px;
}

.category #main {
  margin: 20px 0 0 20px;
}

#main .ad-double {
  padding: 0 20px 10px 20px;
}

.related-area {
  padding: 10px 20px 20px 20px;
}
.related-area .list {
}
.related-area .related-title {
  font-size: 18px;
  color: #2d2d2d;
  font-weight: normal;
  border-bottom: 3px solid #dcdfe5;
  padding: 0 0 5px 0;
  margin-bottom: 10px;
}
.related-area .entry {
  position: relative;
  border: 1px solid #e7e7e7;
  background: #fff;
  margin: 0 0 5px 0;
  display: block;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow;
}
.related-area .list .entry-content {
  height: 100%;
}

.related-area .list .entry-content-without-thum {
  padding: 15px 15px 30px 15px;
}

.post-ads {
  margin-bottom: 20px;
}

#app_calender_disp {
  margin: 0 !important;
  background-color: #fff;
}

#side-l > div {
  background-color: transparent;
}

.checked.calender_switch_newgame,
.checked.calender_switch_newgamesoft {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.top_link_btn {
  background-color: #fff;
  margin: 0;
  padding: 8px 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  color: #1681b2 !important;
  border-radius: 0;
}

.icon-icon_calendar {
  font-size: 16px;
  margin-right: 4px;
  margin-left: -8px;
}

.single_popular {
  list-style: none;
}

.single_popular .thumbnail_wrapper {
  text-align: left;
  width: 55%;
  margin-right: 2%;
}

.single_popular .article_contents {
  display: flex;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #d2dae2;
}

.single_popular .contents_title {
  width: 65%;
  font-size: 16px;
  font-weight: bold;
}

/*チェックリスト*/

.sub_item_block {
  border: 1px solid #dbe4ea;
  border-radius: 2px;
  margin-bottom: 15px;
  background: #f7f8f9;
  padding: 12px;
  box-shadow: none;
}

.sub_item_block li:first-child {
  padding: 0 10px 3px 7px !important;
}

.sub_item_block li:before {
  background-image: none !important;
}

.sub_item_block li:first-child {
  padding: 0 10px 3px 10px !important;
}

.checklists {
  background-color: #fff;
  border: 1px solid #dbe4ea;
  border-radius: 2px;
  margin-bottom: 15px;
  padding: 6px 10px;
  /*box-shadow: 0px 0px 6px #c6d3da;*/
}

.checklists dd:first-child {
  margin-top: 5px;
}

.checklists dd:last-child {
  border: none;
}

.checklists dd {
  text-align: left;
  font-size: 13px;
  line-height: 1em;
  padding: 4px 10px 2px 33px;
  border-bottom: 1px dashed #d9e2e8;
  font-weight: bold;
  margin: 0;
  text-indent: -30px;
}

.checklists dd:first-child {
  padding: 0 10px 3px 33px;
}

.checklists dd:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  background-image: url("/wp-content/themes/appmedia/images/check_mark.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  vertical-align: middle;
  width: 25px;
  height: 20px;
}

.post-content .checklists dl dt:first-of-type {
  margin-top: 0;
}

.post-content .checklists dt {
  padding: 0 0 5px 0;
  display: block;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 15px;
  color: #555;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #38434b;
  font-weight: bold;
}

.post-content .checklists dt:before {
  content: none;
}

.post-content .checklists dt:after {
  content: none;
}

.post-content .checklists h2 {
  padding: 0px 0px 5px 0px;
  display: block;
  text-align: left;
  margin: 0 auto;
  font-size: 15px;
  color: #555;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #38434b;
}

.checklists ul li:first-child {
  margin-top: 5px;
}

.checklists ul li:last-child {
  border: none;
}

.checklists ul li {
  text-align: left;
  font-size: 14px;
  line-height: 1em;
  padding: 3px 10px 0px 33px;
  border-bottom: 2px dotted #ccd9e2;
  font-weight: bold;
  margin: 0;
  text-indent: -30px;
}

.checklists ul li:first-child {
  padding: 0 10px 0 33px;
}

.checklists ul li:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  background: url(/wp-content/themes/appmedia/images/common/img/icon_sprite.png)
    no-repeat -1px -181px;
  background-size: 512px 512px;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  vertical-align: middle;
  transform: scale(0.7);
  left: -3px;
}

.post-content .checklists h2:before {
  content: none;
}

.post-content .checklists h2:after {
  content: none;
}

.post-content .checklists h3 {
  padding: 0px 0px 5px 0px;
  display: block;
  text-align: left;
  margin: 0 auto;
  font-size: 15px;
  color: #555;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #38434b;
}

.post-content .checklists h3:before {
  content: none;
}

.post-content .checklists h3:after {
  content: none;
}

.post-content .checklists h4 {
  display: block;
  text-align: left;
  margin: 0 auto;
  font-size: 15px;
  color: #555;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #38434b;
}
/*チェックリスト*/

/*イース6特設ページ*/

/*body.postid-6368635 {
  background:url(/wp-content/themes/appmedia/images/single/ys6/bg01.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}*/

body.postid-6368635 .post-content h2 {
  background-color: #1c1d20;
  text-shadow: 2px 2px 5px #00a9dc, -2px -2px 5px #00a9dc;
  background: linear-gradient(90deg, #091c3c, #044d84);
}

body.postid-6368635 .post-content .bg_index h2 {
  background: transparent;
  text-shadow: none;
}

body.postid-6368635 .post-content h3 {
  color: #0a3a68;
  border-left: 6px solid #0a3a68;
  border-bottom: 1px solid #0a3a68;
}

body.postid-6368635 .post-content h4 {
  color: #0a3a68;
  border-left: 4px solid #0a3a68;
}

body.postid-6368635 #breadcrumb {
  background: #ebf8ffdb;
}

body.postid-6368635 #same_tag_articles li {
  border-bottom: 1px solid #91c5f3;
  background: #ffffffe6;
}

body.postid-6368635 #pc_top #main {
  background: url(/wp-content/themes/appmedia/images/single/ys6/bg01.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

body.postid-6368635 .entry-header {
  border-bottom: 1px solid #78a9c3;
}

body.postid-6368635 .post-content p {
  text-shadow: 1px 1px 1px #ffffff40, -1px -1px 1px #ffffff40;
  color: #020a13;
}

body.postid-6368635 .post-content table th {
  text-shadow: 2px 2px 5px #00a9dc, -2px -2px 5px #00a9dc;
  background: linear-gradient(90deg, #091c3c, #044d84);
  color: #fff;
}

body.postid-6368635 .top_side_title {
  text-shadow: 2px 2px 5px #00a9dc, -2px -2px 5px #00a9dc;
  background: linear-gradient(90deg, #091c3c, #044d84) !important;
}

body.postid-6368635 .checked.calender_switch_newgame,
body.postid-6368635 .checked.calender_switch_newgamesoft {
  background-color: #fff !important;
  color: #555c74 !important;
  border-top: 3px solid #073a67;
}

body.postid-6368635 #side-l .new_top_side {
  background: #fff;
  border: 1px solid #21639e;
}

body.postid-6368635 .calender_switch_newgame,
body.postid-6368635 .calender_switch_newgamesoft {
  color: #8fc4d4;
  background: #e1eef9;
}

body.postid-6368635 .post-main {
  background-color: transparent;
  box-shadow: 0 0 2px 0 rgb(42 130 206 / 69%);
  background: #ebf8ffdb;
}

body.postid-6368635 .preceding_list {
  background: #fff;
}

@media (max-width: 480px) {
  #post-6368635 {
    background: #ffffffe0;
  }

  body.postid-6368635 {
    background: url(/wp-content/themes/appmedia/images/single/ys6/bg01.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
  }

  body.postid-6368635 .post-content {
    background: transparent;
  }

  body.postid-6368635 .post-main {
    background: transparent;
  }
}

@media (max-width: 414px) {
  .post-content .checklists dt {
    margin-bottom: 8px;
  }
}
@media (max-width: 1200px) {
  .post-content .checklists dt {
    margin-bottom: 8px;
  }
}

.sub_item_block li,
.sub_item_block li:first-child {
  padding: 0 0 0 7px !important;
  border: none;
  font-size: 14px;
  line-height: 0.5em;
}

.fixed_area {
  position: fixed;
  top: 41px;
  z-index: 99999999;
}

.post-content .merit {
  padding-left: 25px;
  position: relative;
  font-weight: bold;
  margin: 0 0 3px;
  color: #1a1c1e;
  border-bottom: 2px solid #a8bece;
}

.post-content .demerit {
  padding-left: 25px;
  position: relative;
  font-weight: bold;
  margin: 10px 0 3px;
  color: #1a1c1e;
  border-bottom: 2px solid #a8bece;
}

.post-content .merit:before {
  position: absolute;
  content: "";
  background: url("/wp-content/themes/appmedia/images/common/img/icon_sprite.png")
    no-repeat -1px -140px;
  background-size: 512px 512px;
  width: 16px;
  height: 16px;
  top: 5px;
  left: 5px;
}

.sub_item_block li {
  padding-left: 10px;
  position: relative;
  text-indent: 15px;
  margin-bottom: 5px;
  font-size: 14px !important;
}

.sub_item_block li:last-child {
  margin-bottom: 0;
  line-height: 14px;
}

.sub_item_block li:before {
  position: absolute;
  content: "●";
  font-size: 10px;
  color: #9cbac3;
  transform: scale(0.5);
  left: -4px;
}

.post-content .demerit:before {
  position: absolute;
  content: "";
  background: url(/wp-content/themes/appmedia/images/common/img/icon_sprite.png)
    no-repeat -1px -158px;
  background-size: 512px 512px;
  width: 17px;
  height: 17px;
  top: 4px;
  left: 5px;
  transform: scale(0.9);
}

.post-content .sub_item_block ul {
  margin-bottom: 0;
}

.post-content .sub_item_block h4 {
  border: none;
  font-size: 14px;
  color: #191b1d;
  margin-top: 3px;
}
　 .post-content .checklists h4:before {
  content: none;
}
.post-content .checklists h4:after {
  content: none;
}
.post-content .checklists strong {
  padding: 0px 0px 5px 0px;
  display: block;
  text-align: left;
  margin: 0 auto;
  font-size: 15px;
  color: #555;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #38434b;
}
.post-content .checklists strong:before {
  content: none;
}
.post-content .checklists strong:after {
  content: none;
}
.post-content .check_title {
  padding: 0px 0px 1px 0px;
  display: block;
  text-align: left;
  font-size: 16px;
  color: #17191b;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  font-weight: bold;
  margin-bottom: 6px;
}

.post-content .merit .check_title,
.post-content .demerit .check_title {
  margin-bottom: 0;
}

.post-content .check_title :before {
  content: none !important;
}
.post-content .check_title :after {
  content: none !important;
}
.vtop {
  vertical-align: top;
}
.article_movie {
  margin-bottom: 20px;
}
table .article_movie {
  margin-bottom: 0;
}
.video-js.vjs-16-9 {
  padding-top: 47% !important;
}
.f_box {
  position: fixed;
  top: 0;
}
@media (max-width: 480px) {
  .article_movie {
    margin-bottom: 10px;
  }
}
@media (max-width: 414px) {
  .post-content .check_title {
    margin-bottom: 0px;
  }
}