[data-page-category=ebook] .c-title-page {
  background: url(/ebook/lp1/img/mv_pc.webp) no-repeat 100%/cover;
  height:38.0vw;
  /*background: url(/ebook/lp1/img/mv_img_pc.webp) no-repeat bottom 0 right calc(50% - 439.5px)/397px,url(/ebook/lp1/img/mv_pc.webp) no-repeat 50%/cover;*/
}

  /*@media (max-width: 1400px) {
  [data-page-category=ebook] .c-title-page {
    background-position: bottom 0 right 62px,50%;
  }
}
*/
@media (max-width: 1060px) {
  [data-page-category=ebook] .c-title-page {
  height:450px;
    background-position: top 0 right 62px,50%;
        background-size:100%;

  }
}

@media (max-width: 767px) {
  [data-page-category=ebook] .c-title-page {
  background: url(/ebook/lp1/img/mv_sp.webp) no-repeat 100%/cover;
  height:75.0vw;
    /*
    background: url(/ebook/lp1/img/mv_img.webp) no-repeat bottom 0 right 25px/210px,url(/ebook/lp1/img/mv_pc.webp) no-repeat top/cover;height:350px;
    padding: 15px;*/
  }
}

/*@media (max-width: 500px) {
  [data-page-category=ebook] .c-title-page {
    background: url(/ebook/lp1/img/mv_img.webp) no-repeat bottom 0 right 20px/142px,url(/ebook/lp1/img/mv_pc.webp) no-repeat top/cover;height:270px;
    padding: 15px;
    background: url(/ebook/lp1/img/mv_sp.webp) no-repeat top/cover;height:270px;
    padding: 15px;
  }
}
@media (max-width: 420px) {
  [data-page-category=ebook] .c-title-page {
    background: url(/ebook/lp1/img/mv_img.webp) no-repeat bottom 0 right 20px/142px,url(/ebook/lp1/img/mv_pc.webp) no-repeat top/cover;height:240px;
    padding: 15px;
  }
}
*/


@media (max-width: 767px) {
  [data-page-category=ebook] .c-title-page div.c-title-page__title-lg {
    line-height: 1.0;
  }
}






.mml_text	{margin-left:-60px !important;}
.mml_text img	{width:65%;}

.f_title	{font-size:42px !important;}
.f_title2	{font-size:68px !important;}
.f_title3	{
display:none;
}
.f_s70	{font-size:60%;}
.f_s80	{font-size:80%;}
.f_s120	{font-size:180%;}
.w_all img	{width:100%;}
.midashi1	{
	background:#7b7387;
	text-align:center;
	font-size:36px;
	color:#ffffff;
	font-weight:bold;
	padding:20px 0;
	}
.midashi2	{
	background:#7b7387;
	text-align:center;
	font-size:36px;
	color:#ffffff;
	font-weight:bold;
	padding:2px 0;
	}
.midashi3	{
	background:#7b7387;
	text-align:center;
	font-size:36px;
	color:#ffffff;
	font-weight:bold;
	padding:20px 0;
	}

.text_box {
	border:1px solid;
	border-radius:10px;
	padding:10px;
	background:#ffffff;
	width:50%;
	margin-top:30px;
	font-weight:bold;
	margin-bottom:30px;
}

.text_box2 {
	border:1px solid;
	border-radius:10px;
	padding:10px;
	background:#ffffff;
	width:60%;
	margin-top:30px;
	font-weight:bold;
	margin-bottom:30px;
	font-size:42px;
}

.h-space__bg-gray:after	{
    position: relative;
	top: 75px;
    left: calc(50% - 70px);
    border: 70px solid transparent;
    border-top: 70px solid #f2f2f2;
     content: "";
}




@media (max-width: 767px) {
.mml_text	{margin-left:-30px !important;margin-top:-5px;}
.mml_text img	{width:400px;}

.lh10	{line-height:1.2em}
.f_title	{font-size:2.6rem !important;}
.f_title2	{font-size:41px !important;}
.f_s70	{font-size:70%;}
.f_s120	{font-size:130%;}
.midashi1	{
	font-size:20px;
	font-weight:bold;
	padding:10px 0;
	}
.midashi3	{
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	}
.text_box {
	background:#ffffff;
	width:80%;
	margin-top:30px;
	font-weight:bold;
}

.text_box2 {
	background:#ffffff;
	width:80%;
	margin-top:30px;
	font-weight:bold;
	font-size:28px;
}

.h-space__bg-gray:after	{
    position: relative;
	top: 55px;
    left: calc(50% - 50px);
    border: 50px solid transparent;
    border-top: 50px solid #f2f2f2;
     content: "";
}

.sp {display:none !important;}

}

@media (max-width: 600px) {
.mml_text	{margin-left:-30px !important;margin-top:-5px;}
.mml_text img	{width:330px;}
.lh10	{line-height:1.2em;}
.f_title	{font-size:2.0rem !important;}
.f_title2	{font-size:60px !important;}
.sp {display:block !important;}
}

@media (max-width: 500px) {
.mml_text	{margin-left:-20px !important;margin-top:-10px;}
.mml_text img	{width:250px;}
.lh10	{line-height:1.2em;}
.f_title	{font-size:16px !important;}
.f_title2	{font-size:48px !important;}
}


@media (max-width: 420px) {
.mml_text	{margin-left:-20px !important;margin-top:-5px;}
.mml_text img	{width:210px;}
.lh10	{line-height:1.2em}
.f_title	{font-size:14px !important;margin-left:-10px;}
.f_title2	{font-size:40px !important;}
}


.c-button__link-kmd {
  max-width: 100%;
  padding: 19px 80px;
  margin: 0;
  background: #59a418;
  border: 2px solid #59a418;
  border-radius: 80px;
  display: inline-block;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  position: relative;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-shadow: 0 0 6px rgba(52,52,52,.16);
          box-shadow: 0 0 6px rgba(52,52,52,.16);
}



@media (min-width: 768px) {
  .c-button__link-kmd {
    min-width: 420px;
  }
  .c-button__link-kmd:first-of-type:last-of-type {
    min-width: 600px;
  }
}

@media (max-width: 767px) {
  .c-button__link-kmd {
    width: 100%;
    padding: 13px 35px;
  }
}

.c-button__link-kmd:not(:last-of-type) {
  margin-right: 40px;
}

@media (max-width: 767px) {
  .c-button__link-kmd:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 14px;
  }
}

.c-button__link-kmd>span {
  position: relative;
}

.c-button__link-kmd:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 80px;
  background: -webkit-gradient(linear,left top, left bottom,from(#59a418),to(#59a418));
  background: linear-gradient(#59a418,#59a418);
  position: absolute;
  top: -2px;
  left: -2px;
}

.c-button__link-kmd:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: solid #fff;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 6px);
  right: 30px;
}

@media (max-width: 767px) {
  .c-button__link-kmd:after {
    width: 14px;
    height: 14px;
    top: calc(45% - 4.5px);
    right: 20px;
  }
}

.c-button__link-kmd[target=_blank]:after {
  width: 18px;
  height: 18px;
  background: url(/resource/common/img/icon-external-orange.svg) no-repeat 50%/contain;
  border: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  top: calc(50% - 9px);
}

.c-button__link-kmd:hover {
  opacity: 1;
  background: #fff;
}

.c-button__link-kmd:hover span,.c-button__link-kmd:hover span>span {
  color: #59a418;
}

.c-button__link-kmd:hover:before {
  opacity: 0;
}

.c-button__link-kmd:hover:after {
  border-color: #59a418;
}

.c-button__link-kmd-text-xs {
  font-size: 1.8rem;
  color: #f5ff00;
}

@media (max-width: 767px) {
  .c-button__link-kmd-text-xs {
    font-size: 1.6rem;
  }
}

.c-button__link-kmd-text-sm {
  font-size: 2.2rem;
  color: #f5ff00;
}

@media (max-width: 767px) {
  .c-button__link-kmd-text-sm {
    font-size: 1.7rem;
  }
}

.c-button__link-kmd-text-lg {
  font-size: 3rem;
}

@media (max-width: 767px) {
  .c-button__link-kmd-text-lg {
    font-size: 2.3rem;
  }
}




.c-button__link-kmd2 {
  max-width: 100%;
  padding: 19px 80px;
  margin: 0;
  background: #ffffff;
  border: 2px solid #000000;
  border-radius: 80px;
  display: inline-block;
  color: #000000;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  position: relative;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-shadow: 0 0 6px rgba(52,52,52,.16);
          box-shadow: 0 0 6px rgba(52,52,52,.16);
}



@media (min-width: 768px) {
  .c-button__link-kmd2 {
    min-width: 420px;
  }
  .c-button__link-kmd2:first-of-type:last-of-type {
    min-width: 600px;
  }
}

@media (max-width: 767px) {
  .c-button__link-kmd2 {
    width: 100%;
    padding: 13px 35px;
  }
}

.c-button__link-kmd2:not(:last-of-type) {
  margin-right: 40px;
}

@media (max-width: 767px) {
  .c-button__link-kmd2:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 14px;
  }
}

.c-button__link-kmd2>span {
  position: relative;
}

.c-button__link-kmd2:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 80px;
  position: absolute;
  top: -2px;
  left: -2px;
}

.c-button__link-kmd2:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: solid #000;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 6px);
  right: 30px;
}

@media (max-width: 767px) {
  .c-button__link-kmd2:after {
    width: 14px;
    height: 14px;
    top: calc(45% - 4.5px);
    right: 20px;
  }
}

.c-button__link-kmd2[target=_blank]:after {
  width: 18px;
  height: 18px;
  background: url(/resource/common/img/icon-external-orange.svg) no-repeat 50%/contain;
  border: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  top: calc(50% - 9px);
}

.c-button__link-kmd2:hover {
  opacity: 1;
  background: #e4e4e4;
}

.c-button__link-kmd2:hover span,.c-button__link-kmd2:hover span>span {
  color: #000000;
}

.c-button__link-kmd2:hover:before {
  opacity: 0;
}

.c-button__link-kmd2:hover:after {
  border-color: #000000;
}

.c-button__link-kmd2-text-xs {
  font-size: 1.8rem;
  color: #000000;
}

@media (max-width: 767px) {
  .c-button__link-kmd2-text-xs {
    font-size: 1.6rem;
  }
}

.c-button__link-kmd2-text-sm {
  font-size: 2.2rem;
  color: #959595;
}

@media (max-width: 767px) {
  .c-button__link-kmd2-text-sm {
    font-size: 1.7rem;
  }
}

.c-button__link-kmd2-text-lg {
  font-size: 3rem;
}

@media (max-width: 767px) {
  .c-button__link-kmd2-text-lg {
    font-size: 2.3rem;
  }
}


.c-heading-campaign2 {
  margin: 0 0 17px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

@media (max-width: 767px) {
  .c-heading-campaign2 {
    font-size: 2.0rem;
    line-height: 1.5;
    width: 100%;
    margin-bottom:-1px;
  }
}



.c-popular {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-popular__item {
  width: calc(50% - 10px);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
  text-align: left;
}

.c-popular__item2 {
  width: calc(55% - 10px);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
  text-align: left;
}



.c_name	{
font-size:150%;
font-weight:bold;
border-bottom:5px solid #960000;
}

.c_pro{
font-size:85%;
line-height:1.3em;
margin-top:15px;
margin-bottom:15px;
}

.c_title	{
font-size:120%;
font-weight:bold;
}

.c_book	{
font-size:150%;
font-weight:bold;
text-align:right;
margin-top:-20px;
}

.c_synopsis{
line-height:1.5em;
}

.all_title
{width:100%;
overflow: hidden; }


.all_title li{
width:18%;
float:left;
margin-right:2%;
margin-bottom:30px;
font-weight:bold;
text-align:center;
}

.all_title li img
{width:100%;
margin-bottom:10px;

}


@media (max-width: 767px) {
  .c-popular__item {
    width: 100%;
    padding: 20pxx;
    min-height: 200px;
  }
  [data-pagetype=brand] .c-popular__item,[data-pagetype=general] .c-popular__item {
    padding-top: 26px;
  }
  .c-popular__item:last-of-type {
    margin-bottom: 0;
    min-height: 210px;
  }

  .c-popular__item2 {
    width: 100%;
    padding: 20pxx;
    min-height: 200px;
  }
  [data-pagetype=brand] .c-popular__item2,[data-pagetype=general] .c-popular__item2 {
    padding-top: 26px;
  }
  .c-popular__item2:last-of-type {
    margin-bottom: 0;
    min-height: 210px;
  }


.all_title li{
width:32%;
float:left;
margin-right:2%;
font-size:90%;
}

.all_title li:nth-of-type(3)
{width:32%;
float:left;
margin-right:0;

}
.all_title li:nth-of-type(6)
{width:32%;
float:left;
margin-right:0;

}

.all_title li:nth-of-type(9)
{width:32%;
float:left;
margin-right:0;

}

.all_title li:nth-of-type(12)
{width:32%;
float:left;
margin-right:0;

}

.all_title li:nth-of-type(15)
{width:32%;
float:left;
margin-right:0;

}

.all_title li:last-child
{width:32%;
float:left;
margin-right:0;

}

.all_title li img
{width:100%;
margin-bottom:5px;

}
}



.c-heading-campaign__decoration {
  display: inline-block;
  padding: 0 46px;
  position: relative;
}

.c-heading-campaign__decoration:after,.c-heading-campaign__decoration:before {
  display: block;
  margin: 0;
  position: absolute;
  bottom: 0;
}
.c-heading-campaign__decoration:before {
  content: "＼";
  left: 0;

}

.c-heading-campaign__decoration:after {
  content: "／";
  right: 0;
}

@media (max-width: 767px) {
  .c-heading-campaign__decoration:after,.c-heading-campaign__decoration:before {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
.c-heading-campaign__decoration:before {
  content: "＼";
  left: 0;
  top:17px;
  font-size:50px;
  font-weight:100 !important;

}

.c-heading-campaign__decoration:after {
  content: "／";
  right: 0;
  top:17px;
  font-size:50px;
  font-weight:100 !important;
}

  
  
}

.ebook-login-modal {
  display: none;
}

.modal-body {
  padding: 40px 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.ebook-login-form {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.ebook-login-form label {
  font-size: 13px;
  padding-right: 5px;
}

.ebook-login-form label.retention {
  margin-left: 35px;
}

.ebook-login-form input {
  width: 230px;
  padding: 5px 8px;
  border: 2px solid #999;
  border-radius: 7px;
  font-size: 20px;
  font-family: "noto sans japanese";
  box-shadow: 2px 3px 5px 1px #dadada inset;
}

.ebook-login-form input[type=checkbox] {
  display: none;
}

.ebook-login-form input[type=checkbox]+label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 0;
  padding: 5px 0px 0 36px;
  vertical-align: middle;
  cursor: pointer;
  letter-spacing: 0em;
}

.ebook-login-form input[type=checkbox]+label:after {
  position: absolute;
  top: 0;
  left: 0px;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #999;
  background-color: #fff;
  -webkit-border-radius: 4.5px;
  -moz-border-radius: 4.5px;
  border-radius: 4.5px;
  box-shadow: 2px 3px 5px 1px #dadada inset;
  -moz-box-shadow: 2px 3px 5px 1px #dadada inset;
  -webkit-box-shadow: 2px 3px 5px 1px #dadada inset;
  content: '';
  box-sizing: border-box;
  z-index: 0;
}

.ebook-login-form input[type=checkbox]+label:before {
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  width: 6px;
  height: 16px;
  border-right: 4px solid #6db131;
  border-bottom: 4px solid #6db131;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  z-index: 1;
}

.ebook-login-form input[type=checkbox]+label.empty:after {
  margin-top: -8px;
}

.ebook-login-form input[type=checkbox]+label.empty:before {
  margin-top: -7px;
}

.ebook-login-form input[type=checkbox]:checked+label:before {
  opacity: 1;
}

.ebook-login-form input[type=checkbox]:checked+label:after {
  background-color: #fff;
}

.ebook-login-form input[type=checkbox]+label:after {
  border: 2px solid #999 !important;
}


#colorbox,
#cboxOverlay,
#cboxWrapper {
  left: 0 !important;
  right: 0;
  margin: auto;
}

.modal-body {
  padding: 30px 20px 20px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.login_form {
  margin-bottom: 20px;
  line-height: 1.4;
}

.login_form label {
  margin-right: 10px !important;
  margin-left: -14px;
  font-size: 13px;
}

.login_form label.retention {
  margin-left: 35px;
}

.login_form input {
  width: 230px;
  padding: 5px 8px;
  border: 2px solid #999;
  border-radius: 7px;
  font-size: 20px;
  font-family: "noto sans japanese";
  box-shadow: 2px 3px 5px 1px #dadada inset;
}

.login_form input[type=checkbox] + label:after {
  border: 2px solid #999 !important;
}

button {
  -webkit-appearance: button;
  font: inherit;
}

#colorbox .btn-login {
  background: #fff;
  position: relative;
  border: 2px solid #6cb23c;
  border-radius: 50px;
  padding: 15px 80px;
  font-size: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #6cb23c;
  margin-top: 20px;
  box-shadow: 2px 3px 5px 1px #dadada inset;
  -webkit-appearance: button;
  letter-spacing: 0.5;
}

#colorbox .btn-login::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #6cb23c;
  border-right: solid 3px #6cb23c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
}

.linkarea {
  margin-top: 20px;
  text-align: left;
  width: 300px;
  margin: 20px auto 0;
  text-align: center;
}

.linkarea p a {
  font-size: 13px;
  color: #000;
  text-decoration: underline;
  position: relative;
  display: inline;
  padding-right: 15px;
}

.linkarea p a::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.linkarea p + p {
  margin-top: 10px;
}

#cboxClose {
  display: none !important;
}

.btn_close {
  background: transparent;
  border: 0;
  position: absolute;
  top: 0;
  right: 5px;
  color: #666;
  font-size: 24px;
  font-weight: bold;
  z-index: 99999;
}

#colorbox {
  border-radius: 10px !important;
  border: solid 10px #fff;
  background: #fff !important;
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleRight,
#cboxMiddleLeft {
  background: none !important;
  height: 0 !important;
  width: 0 !important;
}

.tag-trial2 {
}

.tag-trial2::before {
  font-size: 14px;
  padding: 5px;
  top: 0;
  width:120px;
}

.tag-trial2::after {
  top: 27px;
}

.ebook-login-linkarea {
  margin: 20px auto 0;
  text-align: center;
}

a.ebook-login-link {
  font-size: 10px;
  color: #000;
  text-decoration: underline !important;
  position: relative;
  display: inline;
  padding-right: 15px;
}

a.ebook-login-link::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.ebook-login-linkarea p+p {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .modal-body {
    padding: 40px 15px 15px 15px;
  }

  #colorbox .btn-login {
    padding: 15px 80px;
    font-size: 16px;
  }
}


.trial img {
width:600px;
margin-bottom:30px;
}

@media screen and (max-width: 767px) {

.trial img {width:100%;}

  }