@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*===============================
	common css
================================*/
.pc_disp {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .pc_disp {
    display: block !important;
  }
}

.sp_disp {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .sp_disp {
    display: none !important;
  }
}

body {
  line-height: 1;
  text-align: left;
  overflow-x: hidden;
  background: #EDEDED;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
.Premium_footer .Supplement
/*===============================
	lp css
================================*/
.Contents {
  background: initial;
}

.Premium_Modal {
  background: #EDEDED;
}

.Premium_Modal .netkeiba_logo {
  max-width: 50px;
}

.Premium_Modal_Item {
  padding: 30px 0 38px;
  font-family: "Hiragino Sans", sans-serif;
  color: #555555;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 540px) {
  .Premium_Modal_Item {
    padding: 8vw 0 10.13333vw;
  }
}

.Premium_Modal_Item .netkeiba_logo {
  display: block;
  margin: 0 auto;
}

.Premium_Modal_Item .Premium_Title_Inner {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.Premium_Modal_Item .Premium_Title {
  display: inline-block;
  padding-bottom: 5px;
  margin: 20px auto 15px;
  font-weight: 700;
  font-size: 24px;
  border-bottom: solid 3px #BCAB79;
  letter-spacing: .3rem;
}
.Premium_Modal.Master .Premium_Modal_Item .Premium_Title{
  border-color: #603F80;
}

@media screen and (max-width: 540px) {
  .Premium_Modal_Item .Premium_Title {
    margin: 5.33333vw auto 4vw;
    font-size: 24px;
    font-size: 6.4vw;
  }
}

.Premium_Modal_Item .Premium_Title.no_border {
  border: none;
}

.Premium_Modal_Item .Premium_Lead {
  max-width: 310px;
  margin: 0 auto 15px;
  font-size: 16px;
  line-height: 1.625;
}

@media screen and (max-width: 540px) {
  .Premium_Modal_Item .Premium_Lead {
    max-width: 82.66667vw;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}

.Premium_Modal_Item .Premium_Img {
  margin: 0 20px 18px;
}

.Premium_Modal_Item .Premium_Img img {
  border: 3px solid #E0E0E0;
  border-radius: 8px;
}

.Premium_Modal_Item .Premium_Link {
  display: block;
  width: 92%;
  max-height: 59px;
  margin: auto;
  padding: 11px 0 12px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background: #BCAB79;
  -webkit-box-shadow: 0px 4px 0 0 #A0821F;
          box-shadow: 0px 4px 0 0 #A0821F;
  position: relative
}
.Premium_Modal.Master .Premium_Modal_Item .Premium_Link{
  background-color: #603F80;
  -webkit-box-shadow: 0px 4px 0 0 #41354D;
  box-shadow: 0px 4px 0 0 #41354D;
}
.Premium_Modal.Master .Premium_Modal_Item .Premium_Link.isCampaign{
  margin-top: 40px;
}
.Premium_Modal.Master .Premium_Modal_Item .Premium_Link.isCampaign::after{
  content: '';
  background: url('../img/regist/master_button_trial.png') no-repeat;
  background-size: contain;
  width: 81%;
  height: 100%;
  position: absolute;
  top: -70%;
  left: 50%;
  transform: translateX(-50%);
}
.Premium_Modal.Master #Plan_Wrap02.Premium_Modal_Item .Premium_Link::after {
  content: none;
}

@media screen and (max-width: 540px) {
  .Premium_Modal_Item .Premium_Link {
    padding: 2.93333vw 0 3.2vw;
    max-height: 15.73333vw;
    font-size: 18px;
    font-size: 4.8vw;
  }
}
.Premium_Modal_Item .Premium_Link span {
  padding-top: 8px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

@media screen and (max-width: 540px) {
  .Premium_Modal_Item .Premium_Link span {
    font-size: 13px;
    font-size: 3.46667vw;
  }
}

.Premium_Modal_Item .Premium_Link_Explan {
  margin: 15px 20px 0px;
  font-size: 13px;
  line-height: 1.53;
}

@media screen and (max-width: 540px) {
  .Premium_Modal_Item .Premium_Link_Explan {
    font-size: 13px;
    font-size: 3.46667vw;
  }
}

.Premium_Modal_Item .Premium_Link_Explan a {
  color: #555;
  text-decoration: underline;
}
.Premium_Modal_Item .Premium_Link_Explan svg {
  position: relative;
  top: 2px;
}

.Premium_Modal .CorseInfo {
  background: transparent;
  font-family: 'Noto Sans JP', sans-serif;
}

.Premium_Modal .superPremiumCourse {
  background: #766425;
}

.Premium_Modal .superPremiumCourse .course_sp_title .color_red {
  color: #FF9F9F;
}

.Premium_Modal .superPremiumCourse .course_sp_title {
  padding: 17px 20px 8px;
  background: #766425;
  color: #fff;
}

.Premium_Modal .superPremiumCourse .course_sp_title .lead {
  color: #fff;
}

@media screen and (max-width: 350px) {
  .Premium_Modal .superPremiumCourse dd ul li, .Premium_Modal .PremiumCourse dd ul li {
    font-size: 10px;
    font-size: 2.66667vw;
  }
}

.Premium_Modal .superPremiumCourse dd ul li {
  background: #3C3416;
  color: #C7A122;
}

.Premium_Modal .superPremiumCourse dd ul li::after {
  background-color: #fff;
}

.Premium_Modal .superPremiumCourse .course_sp_inner_02 {
  background-color: #3C3416;
  color: #fff;
}

.Premium_Modal .superPremiumCourse .course_sp_inner_02 span {
  color: #C7A122;
}

.Premium_Modal .superPremiumCourse .course_sp_inner_03 a.tukigaku::before {
  background: #653539;
}

.Premium_Modal .superPremiumCourse b {
  color: #393013;
}

.Premium_Modal .superPremiumCourse .abtestOn {
  color: #CCB25A;
}

.Premium_Modal .PremiumCourse {
  background: #496A23;
}

.Premium_Modal .PremiumCourse .course_sp_title {
  padding: 17px 20px 8px;
  background: #496A23;
  color: #fff;
}

.Premium_Modal .PremiumCourse .course_sp_title .lead {
  color: #fff;
}

.Premium_Modal .PremiumCourse dd ul li {
  background: #1E330D;
  color: #6BA022;
}

.Premium_Modal .PremiumCourse dd ul li.notice span {
  color: #fff;
}

.Premium_Modal .PremiumCourse dd ul li.disabled {
  background: #30431B;
  color: #44622D;
}

.Premium_Modal .PremiumCourse .course_sp_inner_02 {
  background: #1E330D;
  color: #fff;
}

.Premium_Modal .PremiumCourse .course_sp_inner_02 span {
  color: #6BA022;
}

.Premium_Modal .PremiumCourse .course_p_inner_03 a {
  background: #83AA4E;
  -webkit-box-shadow: 0px 4px 0 0 #5D8610;
          box-shadow: 0px 4px 0 0 #5D8610;
  color: #fff;
}

.Premium_Modal .CorseInfo_Detail {
  padding-bottom: 5px;
  background: transparent;
}

.Premium_Modal .About_Course_Title {
  color: #444;
}

.Premium_Modal .show_more_btn {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 237, 255, 0)), to(#EDEDED));
  background: linear-gradient(to bottom, rgba(237, 237, 255, 0) 0%, #EDEDED 100%);
}

.Premium_Modal .show_more_btn div::after {
  background: url(../img/modal/icon_arrow.png) no-repeat;
  background-size: contain;
}

.Premium_Modal .show_more_btn div {
  color: #444444;
}

.Premium_Modal .OtherLink {
  display: block;
  text-align: center;
  margin: 10px auto 50px;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .OtherLink {
    margin: 2.66667vw auto 13.33333vw;
  }
}

.Premium_Modal .OtherLink a {
  font-weight: bold;
  font-size: 14px;
  color: #444444;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .OtherLink a {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.Premium_Modal .OtherLink02 {
  margin: 25px auto 40px;
  display: block;
  text-align: center;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .OtherLink02 {
    margin: 6.66667vw auto 10.66667vw;
  }
}

.Premium_Modal .OtherLink02 span {
  font-size: 14px;
  font-weight: 600;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .OtherLink02 span {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.Premium_Modal .OtherLink02 a {
  text-decoration: underline;
  font-size: 14px;
  color: #444444;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .OtherLink02 a {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.Premium_Modal .Supplement {
  margin-top: 50px;
  padding: 0 13px;
}
.Premium_Modal .Supplement p {
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 61%;
  color: #777777;
}
.Premium_Modal .Supplement strong {
  font-weight: bold;
}

.Premium_Modal .Addition {
  margin: 0 10px 50px;
}

.Premium_Modal .Addition dt {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .Addition dt {
    font-size: 18px;
    font-size: 4.8vw;
  }
}

.Premium_Modal .Addition dd {
  margin-bottom: 24px;
  line-height: 1.78;
  font-size: 14px;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .Addition dd {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.Premium_Modal .Supplement ul {
  margin: 0 10px 0;
}

.Premium_Modal .Supplement ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 8px;
  line-height: 1.54;
  font-size: 11px;
  color: #777777;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .Supplement ul li {
    font-size: 11px;
    font-size: 2.93333vw;
  }
}

.Premium_Modal .Supplement ul li span {
  margin-right: 5px;
}

.Premium_Modal .plan_select {
  padding: 0 15px;
  margin: 44px auto 30px;
}

.Premium_Modal .plan_select ul li + li {
  margin-top: 20px;
}

.Premium_Modal .plan_select ul li label p {
  width: 100%;
  font-weight: 400;
}

.Premium_Modal .plan_select ul li label {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 0 77px;
  height: 114px;
  background: #fff;
  border: solid 4px #fff;
  border-radius: 10px;
  cursor: pointer;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .plan_select ul li label {
    padding: 0 0 0 20.53333vw;
  }
}

.Premium_Modal .plan_select ul li label .day {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .plan_select ul li label .day {
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

.Premium_Modal .plan_select ul li label .plan {
  margin-bottom: 5px;
  font-size: 18px;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .plan_select ul li label .plan {
    font-size: 18px;
    font-size: 4.8vw;
  }
}

.Premium_Modal .plan_select ul li label .price {
  font-size: 15px;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .plan_select ul li label .price {
    font-size: 15px;
    font-size: 4vw;
  }
}

.Premium_Modal .plan_select ul li label:before {
  width: 44px;
  height: 44px;
  border: 1px solid #666666;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .plan_select ul li label:before {
    width: 11.73333vw;
    height: 11.73333vw;
    left: 4vw;
  }
}

.Premium_Modal .plan_select ul li label:after {
  width: 18px;
  height: 18px;
  background-color: #fff;
  left: 29px;
}

@media screen and (max-width: 540px) {
  .Premium_Modal .plan_select ul li label:after {
    width: 4.8vw;
    height: 4.8vw;
    left: 7.73333vw;
  }
}

.Premium_Modal .plan_select ul li input[type='radio']:checked + label:after {
  background-color: #BCAB79;
}
.Premium_Modal.Master .plan_select ul li input[type='radio']:checked + label::after{
  background-color: #603F80;
}

.Premium_Modal .plan_select ul li input[type='radio']:checked + label {
  border: solid 4px #BCAB79;
  background-color: #fff;
  color: #444444;
}
.Premium_Modal.Master .plan_select ul li input[type='radio']:checked + label{
  border-color: #603F80;
}

.Premium_Modal .Slide_List {
  margin: 0 auto 30px;
}

.Premium_Modal .slick-slide li img {
  border: 3px solid #E0E0E0;
  border-radius: 8px;
}

.Premium_Modal .slick-initialized .slick-slide {
  margin-right: 10px;
}

.Premium_Modal .slick-dots {
  background: #EDEDED;
}

.Premium_Modal .slick-dots li {
  background: #CBCBCB;
}

.Premium_Modal .slick-dots li.slick-active button:before {
  background: #BCAB79;
}
/*# sourceMappingURL=premium_modal.css.map */