@charset "utf-8";
#campaign_main {
  position: relative;
  width: 640px;
  margin: 0 auto;
  background-color: #fff;
}

#campaign_main img {
  max-width: 100%;
  height: atuo;
}

#campaign_main a {
  display: inline;
}
#campaign_main .kv {
  position: relative;
  width: 100%;
  background: url("https://mequrimequru.jp/kimg/static/kado_press/274/kv.png") no-repeat;
  z-index: 0;
}
#campaign_main .kv h1 {
  position: relative;
  width: 551px;
  margin: 0 auto 465px;
  padding-top: 20px;
  z-index: 100;
}
#campaign_main .loop {
	width: 100%;
	display: flex;
  overflow: hidden;
}
#campaign_main .loop ul {
  display: flex;
	width: 2860px;
  background: rgba(0, 0, 0, 0.8);
  padding: 8px;
  min-width: auto;
}
#campaign_main .loop ul li {
  width: 120px;
  margin-right: 10px;
}
#campaign_main .loop ul li:last-child {
  margin-right: 0;
}
#campaign_main .loop ul li > img{
   width: 100%;
}
#campaign_main .loop ul:first-child {
  animation: loop 80s -40s linear infinite;
}
#campaign_main .loop ul:last-child {
  animation: loop2 80s linear infinite;
}
@keyframes loop {
	0% {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
#campaign_main .term {
  background: linear-gradient(
    -45deg,
    #FFFF00 33%, #F5EC00 33%,
    #F5EC00 49%, #FFFF00 49%,
    #FFFF00 82%, #F5EC00 82%,
    #F5EC00 );
  background-size: 40px 40px;
  padding: 13px 0 13px;
}
#campaign_main .term p.close {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0 25px;
}
#campaign_main .lead {
  width: 600px;
  margin: 35px auto 25px;
  font-size: 24px;
  line-height: 1.75;
}

#campaign_main .tab ul {
	display:flex;
	justify-content: space-between;
	width:100%;
}
#campaign_main .tab li {
	font-size:28px;
  font-weight: 700;
	line-height:1.3;
	text-align:center;
	width:100%;
  height: 165px;
}
#campaign_main .tab li a {
  color:#fff;
  position:relative;
	display:block;
	padding:50px 0 72px;
}
#campaign_main .tab li:last-child a {
  padding: 35px 0 49px;
}
#campaign_main .tab li a::after {
  content: '';
  width: 100%;
  height: 9px;
  position: absolute;
  left: 0;
  bottom: -7px;
  z-index: 1;
}
#campaign_main .tab li:last-child a::after {
  bottom: -8.5px;
}
#campaign_main .tab li a::before {
	content:"\025bc";
	color:#fff;
	position:absolute;
	bottom:4px;
	left:50%;
	transform:translateX(-50%);
	font-size:22px;
}
#campaign_main .tab li.active a::after,#campaign_main .tab li a:hover::after {
	display:none;
}
#campaign_main .tab li:nth-child(1) {
	background:#5FB4D9;
}
#campaign_main .tab li:nth-child(1) a::after {
	background:#3A9CC6;
}
#campaign_main .tab li:nth-child(2) {
	background:#FFBA00;
}
#campaign_main .tab li:nth-child(2) a::after {
	background:#E29C00;
}
#campaign_main .tab li:nth-child(3) {
	background:#57D56F;
}
#campaign_main .tab li:nth-child(3) a::after {
	background:#31BE4B;
}
#campaign_main .category {
	margin-bottom:40px;
	margin-top:-100px;
	padding-top:100px;
}
#campaign_main .category .acd-check{
  display: none;
}
#campaign_main .category .acd-label{
  display: block;
  border:none;
  padding:0;
  width:100%;
  margin-top: -1px;
  cursor: pointer;
  transition: 0.4s all;
}
.category-new .category .acd-label {
  height: 105px;
  background: url("https://mequrimequru.jp/kimg/static/kado_press/274/new-midashi-close1124.png") no-repeat;
  background-color: #5FB4D9;
  background-size: cover;
}
.category-new .category .acd-check:checked + .acd-label {
  background: url("https://mequrimequru.jp/kimg/static/kado_press/274/new-midashi1124.png") no-repeat;
  background-color: #5FB4D9;
  background-size: cover;
}
.category-bunko .category .acd-label {
  height: 105px;
  background: url("https://mequrimequru.jp/kimg/static/kado_press/274/bunko-midashi-close.png") no-repeat;
  background-color: #FFBA00;
  background-size: cover;
}
.category-bunko .category .acd-check:checked + .acd-label {
  background: url("https://mequrimequru.jp/kimg/static/kado_press/274/bunko-midashi.png") no-repeat;
  background-color: #FFBA00;
  background-size: cover;
}
.category-novels .category .acd-label {
  height: 123px;
  background: url("https://mequrimequru.jp/kimg/static/kado_press/274/novels-midashi-close.png") no-repeat;
  background-color: #57D56F; 
  background-size: cover;
}
.category-novels .category .acd-check:checked + .acd-label {
  background: url("https://mequrimequru.jp/kimg/static/kado_press/274/novels-midashi.png") no-repeat;
  background-color: #57D56F;
  background-size: cover;
}
#campaign_main .category .title_list {
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
}
#campaign_main .category .acd-check:checked + .acd-label + .title_list{
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}
.category-new .category .acd-label {
  background-color: #5FB4D9;
}
.category-new .category .title_list {
	background:url(https://mequrimequru.jp/kimg/static/kado_press/274/new-bg.png);
  background-color: #5FB4D9;
}
.category-bunko .category .acd-label {
  background-color: #FFBA00;
}
.category-bunko .category .title_list {
	background:url("https://mequrimequru.jp/kimg/static/kado_press/274/bunko-bg.png");
  background-color: #FFBA00;
}
.category-novels .category .acd-label {
  background-color: #57D56F;
}
.category-novels .category .title_list {
	background:url("https://mequrimequru.jp/kimg/static/kado_press/274/novels-bg.png");
  background-color: #57D56F;
}
#campaign_main .category .title_list ul {
	padding:1em 0 1px;
	font-size:22px;
  font-weight: 600;
	margin:0 18px;
}
#campaign_main .category .title_list ul li {
	line-height:1.5;
	margin-bottom:1em;
	padding-left:1.4em;
	position:relative;
}
#campaign_main .category .title_list ul li::before {
	content:"\025b6";
	font-size:18px;
  color: #fff;
	position:absolute;
	left:0;
	top:4px;
}
#campaign_main .category .title_list ul li a {
  color: #fff;
}
#campaign_main .list {
  width: 600px;
  margin: 0 auto 40px;
  padding-bottom: 32px;
  border-radius: 10px;
}
#campaign_main .list .title {
  position: relative;
  display: flex;
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 32px;
  padding: 14px 11px 18px 23px;
  border-radius: 10px 10px 0 0;
}
#campaign_main .list .title::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.category-new .list {
  border: 1px solid #5FB4D9;
}
.category-new .list .title {
  background-color: #5FB4D9;
}
.category-new .list .title::before {
  border: 8px solid transparent;
  border-top: 14px solid #5FB4D9;
}
.category-bunko .list {
  border: 1px solid #FFBA00;
}
.category-bunko .list .title {
  background-color: #FFBA00;
}
.category-bunko .list .title::before {
  border: 8px solid transparent;
  border-top: 14px solid #FFBA00;
}
.category-novels .list {
  border: 1px solid #57D56F;
}
.category-novels .list .title {
  background-color: #57D56F;
}
.category-novels .list .title::before {
  border: 8px solid transparent;
  border-top: 14px solid #57D56F;
}
#campaign_main .list .title .title-emb {
  width: 82px;
  height: 87px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 16px;
}
#campaign_main .list .title-text {
  width: 458px;
}
#campaign_main .list .title h2 {
  font-size: 38px; 
  font-weight: 700;
  padding-top: 13px;
  margin-bottom: 10px;
}
#campaign_main .list .long h2 {
  padding-top: 3px;
}
#campaign_main .list .title .author {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
#campaign_main .list .list-inner {
  width: 560px;
  margin: 0 auto;
}
#campaign_main .list .list-inner .catch {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 35px;
}
#campaign_main .list .list-inner .book {
  display: flex;
  margin-bottom: 30px;
}
#campaign_main .list .list-inner .cover {
  width: 284px;
  margin-right: 24px;
  border: 1px solid #707070;
}
#campaign_main .list .list-inner .btn-list li {
  width: 244px;
}
#campaign_main .list .list-inner .btn-list li:first-child {
  margin-bottom: 21px;
}
#campaign_main .list .list-inner .btn-list li:nth-child(2) {
  margin-bottom: 8px;
}
#campaign_main .list .list-inner .story h3 {
  position: relative;
  width: 600px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin: 0 -20px 23px;
}
#campaign_main .list .list-inner .story h3::before {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  width: 600px;
  height: 14px;
  content: ''; 
}
#campaign_main .list .list-inner .story h3 span {
  position: relative;
  background: #fff;
  padding: 0 12px;
}
.category-new .list .list-inner .story h3::before {
  background: #5FB4D9; 
}
.category-new .list .list-inner .story h3 span {
  color: #5FB4D9;
}
.category-bunko .list .list-inner .story h3::before {
  background: #FFBA00; 
}
.category-bunko .list .list-inner .story h3 span {
  color: #FFBA00;
}
.category-novels .list .list-inner .story h3::before {
  background: #57D56F; 
}
.category-novels .list .list-inner .story h3 span {
  color: #57D56F;
}
#campaign_main .list .list-inner .story p {
  font-size: 20px;
  line-height: 1.8;
}
#campaign_main .share {
  padding-top: 40px;
  padding-bottom: 127px;
}

#campaign_main .share .campaign {
  margin-bottom: 17px;
  font-weight: 900;
  font-size: 24px;
  text-align: center;
}

#campaign_main .share .btn-sns {
  display: flex;
  justify-content: center;
}

#campaign_main .share .btn-sns li {
  width: 92px;
  margin: 0 6px;
}
#campaign_main #page-top {
  position: fixed;
  bottom: 20px;
  right: calc(50% - 300px);
  z-index: 99;
}
#campaign_main #page-top a {
  display: block;
  width: 89px;
  transition: all .3s ease;
}
#campaign_main #page-top a:hover {
  opacity: .5;
}

@media print, screen and (max-width: 640px) and (min-width: 1px) {
  #campaign_main {
    font-size: 1.8vw;
    width: auto;
    margin: 0 -20px;
  }
  #campaign_main img {
    width: 100%;
  }
  #campaign_main .kv {
    background-size: contain;
  }
  #campaign_main .kv h1 {
    width: 86.09375vw;
    margin: 0 auto 72.65625vw;
    padding-top: 3.125vw;
  }
  #campaign_main .loop ul {
    width: 446.875vw;
    padding: 1.25vw;
  }
  #campaign_main .loop ul li {
    width: 18.75vw;
    margin-right: 1.5625vw;
  }
  #campaign_main .term {
    background: linear-gradient(
      -45deg,
      #FFFF00 33%, #F5EC00 33%,
      #F5EC00 49%, #FFFF00 49%,
      #FFFF00 82%, #F5EC00 82%,
      #F5EC00 );
    background-size: 6.25vw 6.25vw;
    padding: 2.03125vw 0 2.03125vw;
  }
  #campaign_main .term p.close {
    font-size: 4.375vw;
    font-weight: bold;
    text-align: center;
    padding: 4.6875vw 0 3vw;
  }
  #campaign_main .lead {
    width: calc(583 / 640 * 100%);
    margin: 4.6875vw auto 5.46875vw;
    font-size: 28px;
    font-size: 4.375vw;
  }
  #campaign_main .category {
    margin-top:-11.563vw;
    padding-top:11.563vw;
  }
  #campaign_main .tab li {
    font-size:4.375vw;
    height: 25.78125vw;
  }
  #campaign_main .tab li a {
    padding:7.8125vw 0 1.125vw;
  }
  #campaign_main .tab li:last-child a {
    padding: 5.46875vw 0 7.65625vw;
  }
  #campaign_main .tab li a::after {
    bottom: -11.3875vw;
  }
  #campaign_main .tab li:last-child a::after {
    bottom: -1.5625vw;
  }
  #campaign_main .tab li a::before {
    font-size:3.4375vw;
    bottom: -9.84375vw;
  }
  #campaign_main .tab li:last-child a::before {
    bottom: -0.10875vw;
  }
  .category-new .category .acd-label {
    height: 16.40625vw; 
  }
  .category-bunko .category .acd-label {
    height: 16.40625vw;
  }
  .category-novels .category .acd-label {
    height: 19.21875vw;
  }
  #campaign_main .category .title_list ul {
    font-size:3.4375vw;
    margin: 0 2.813vw;
  }
  #campaign_main .category .title_list ul li::before {
    font-size:2.5vw;
  }  
  #campaign_main .list {
    width: calc(600 / 640 * 100%);
    margin: 0 auto 6.25vw;
    padding-bottom: 5vw;
    border-radius: 1.5625vw;
  }
  #campaign_main .list .title {
    font-size: 4.0625vw;
    margin-bottom: 5vw;
    padding: 2.1875vw 1.71875vw 2.8125vw 3.59375vw;
    border-radius: 1.5625vw 1.5625vw 0 0;
  }
  #campaign_main .list .title .title-emb {
    width: 12.8125vw; 
    height: 13.59375vw;
    margin-right: 3.125vw;
  }
  #campaign_main .list .title-text {
    width: 71.5625vw;
  }
  #campaign_main .list .title h2 {
    font-size: 5.9375vw; 
    padding-top: 2.03125vw;
    margin-bottom: 1.5625vw;
  }
  #campaign_main .list .long h2 {
    padding-top: 0.46875vw;
  }
  #campaign_main .list .title .author {
    font-size: 2.5vw;
  }
  #campaign_main .list .list-inner {
    width: 87.5vw;
  }
  #campaign_main .list .list-inner .catch {
    font-size: 4.0625vw;
    margin-bottom: 5.46875vw;
  }
  #campaign_main .list .list-inner .book {
    margin-bottom: 4.6875vw;
  }
  #campaign_main .list .list-inner .cover {
    width: 44.375vw;
    margin-right: 3.75vw;
  }
  #campaign_main .list .list-inner .btn-list li {
    width: 38.125vw;
  }
  #campaign_main .list .list-inner .btn-list li:first-child {
    margin-bottom: 3.28125vw;
  }
  #campaign_main .list .list-inner .btn-list li:nth-child(2) {
    margin-bottom: 1.25vw;
  }
  #campaign_main .list .list-inner .story h3 {
    width: 93.75vw;
    font-size: 4.375vw;
    margin: 0 -3.125vw 3.59375vw;
  }
  #campaign_main .list .list-inner .story h3::before {
    top: calc(50% - 1.09375vw);
    width: 93.75vw;
    height: 2.1875vw;
  }
  #campaign_main .list .list-inner .story h3 span {
    padding: 0 1.875vw;
  }
  #campaign_main .list .list-inner .story p {
    font-size: 3.125vw;
  }
  #campaign_main #page-top {
    bottom: 3.125vw;
    right: 2.5vw;
  }
  #campaign_main #page-top a {
    width: 13.90625vw;
  }
  #campaign_main .share {
    padding-bottom: 19.84375vw;
  }
  #campaign_main .share .campaign {
    margin-bottom: 2.65625vw;
    font-size: 24px;
    font-size: 3.75vw;
  }
  #campaign_main .share .btn-sns li {
    width: calc(92 / 640 * 100%);
    margin: 0 0.9375vw;
  }  
}