@charset "utf-8";

/*==============================================
netkeiba オーナーズ
================================================
0.0 - 共通パーツ
1.0 - 【M01-01-02】サブスク登録ー一口馬主コース登録（月額）
2.0 - 【M01-01-01】サブスク登録ーProコース登録（年割プラン）
3.0 - 【M01-02-02】サブスク登録ー登録フローidなし
4.0 - 【M01-03】サブスク登録完了
5.0 - 【No.25】アカウント_有料会員M02_01
6.0 - 【M02-04】アカウント_購入履歴ページ
7.0 - 【M03-01】コース変更予約ページ
8.0 - 【M05-01】解約ー有料サービスの登録情報
9.0 - 【M05-02-02】サブスク解約ー解約アンケート
10.0 - カード変更ページ
11.0 - 無料お試し警告ページ
==============================================*/

/*----------------------------------------------
# 0.0 - 共通パーツ
----------------------------------------------*/
a:hover {
  text-decoration: none;
}
/*----------------------------------------------
# 1.0 - 【M01-01-02】サブスク登録ー一口馬主コース登録（月額）
----------------------------------------------*/
#Account .Contents {
  background: #fff;
  overflow: auto;
}
#Account .Contents .Title_Sec {
  margin: 25px 10px;
}
.SubjectBox {
  margin: 16px 10px;
  padding: 11px 10px 10px;
  background-color: #f3f3f3;
  border-radius: 7px;
}
.SubjectBox_Head {
  font-size: 0.8125rem;
  line-height: 1.6;
}
.SubjectBox_Body {
  padding-left: 10px;
  font-size: 0.8125rem;
  line-height: 1.6;
}
.SubjectBox_Body.SubjectBox_Course {
  color: #444;
  font-size: 0.875rem;
  font-weight: 700;
}
.SelectPay_Txt {
  margin: 0 26px;
  color: #777;
  font-size: 0.75rem;
  line-height: 1.5;
}
.SelectPay_Txt a {
  color: #777;
  text-decoration: underline;
}
/*コース切り替えボタン
-------------------------------- */
.CourseSwitch {
  margin-bottom: 40px;
}
.CourseSwitch a {
  position: relative;
  display: block;
  color: #fff;
  background: #deb73f;
  -webkit-box-shadow: 0px 4px 0 0 #a0821f;
  box-shadow: 0px 4px 0 0 #a0821f;
  font-size: 17px;
  text-shadow: 0px 2px 0px #a3862e;
  max-height: 60px;
  padding: 11px 0 11px;
  width: 90%;
  margin: auto;
  border-radius: 4px;
  font-size: 83.3%;
  text-align: center;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: -0.3px;
}
.CourseSwitch a span {
  position: absolute;
  top: -2px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 170px;
  height: 19px;
  font-size: 61%;
  font-weight: 500;
  line-height: 19px;
  border-radius: 9.5px;
  color: #fff;
  background: #f36161;
  text-shadow: none;
}
.cta {
  margin: 40px 20px;
}
.cta a {
  border-radius: 22px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  display: block;
  padding: 14.5px;
  position: relative;
  text-decoration: none;
}
.cta span {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -2px;
  color: #333;
  background: #ebc75c;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 28px;
  border-radius: 11px;
}
.OwnerShip a {
  color: #9f4949;
  background:#fff;
  border: 1px solid #9f4949;
}
.ToAnnualPlan a {
  color: #9b833b;
  background:#fff;
  border: 1px solid #9b833b;
}

.SelectPay_Group .SelectPay_Type {
  width: 132px;
  -ms-flex-preferred-size: 132px;
  flex-basis: 132px;
  margin-right: auto;
  margin-left: 0px;
}
.tokusyoho_wrap {
  margin: 12px 10px;
}
.tokusyoho_wrap h3 {
  font-size: 0.8125rem;
  color: #777;
}
dl.tokusyoho {
  padding: 10px 0;
  margin: 0 auto;
}
.tokusyoho dt {
  margin-left: 10px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
}
.tokusyoho dt:before {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  left: -10px;
  width: 6px;
  height: 100%;
  background: #777;
}
.tokusyoho dd {
  margin-top: 10px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
}
.tokusyoho dd ul {
  margin: 0 16px;
}
.tokusyoho dd li {
  list-style-type: disc;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
}
.tokusyoho dd + dt {
  margin-top: 20px;
}
.tokusyoho dd span {
  display: block;
  margin-top: 5px;
  line-height: 1.5;
}
.SupplementText {
  margin: 0 10px;
}
.SupplementText p {
  color: #777;
  font-size: 12px;
  line-height: 1.5;
}

.payment_select {
  margin-bottom: 30px;
}
.SelectPay_trial {
  position: relative;
}
.SelectPay_trial .isTrialAvailable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: auto;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 150px;
  height: 19px;
  font-size: 0.6875rem;
  font-weight: 700;
  border-radius: 9.5px;
  color: #fff;
  background: #f36161;
  text-shadow: none;
}

.payment_select .career_area {
  padding: 0 10px 12px;
  text-align: center;
}
.payment_select .career_box .SelectPay_Txt {
  text-align: left;
}

.SelectPay_Group {
  padding: 0;
}
.selected_box {
  margin-top: 50px;
}
.selected_box .SelectPay_Type.softbank {
  width: 165px;
  -ms-flex-preferred-size: 195px;
  flex-basis: 165px;
}
@media screen and (max-width: 360px) {
  #action_rakutenpay .SelectPay_Type img {
    width: 110px;
  }
  #action_rakutenpay > button img {
    width: 140px;
  }
}

.Contents img {
  width: 100%;
}
.selected_box .SelectPay_Group {
  margin: 40px 0;
}
.payment_select.new .SelectPay_Item {
  min-height: 65px;
  border-radius: 0;
  border: 0;
  flex-direction: column;
  align-items: inherit;
}
.payment_select.new .SelectPay_Item:first-of-type {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.payment_select.new .SelectPay_Item + .SelectPay_Item {
  border-bottom: 1px solid #e0e0e0;
}
.payment_select.new span.arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #888888;
  border-bottom: 2px solid #888888;
  cursor: pointer;
  transition: transform 0.3s ease;
  transform: rotate(225deg);
  position: relative;
  top: -5px;
}
.payment_select.new .SelectPay_ItemInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 65px;
}
.payment_select.new .SelectPay_ItemToggle {
  display: none;
  margin-top: 20px;
}
.payment_select.new .SelectPay_ItemToggle.active {
  display: block;
}
.payment_select.new .SelectPay_ItemToggle p {
  text-align: left;
  color: #777;
  font-size: 77.778%;
  line-height: 1.4;
}
.payment_select.new .SelectPay_ItemToggle button {
  border: none;
}
.payment_select.new .SelectPay_ItemToggle .FormItem_Submit_List {
  border: 1px solid #e0e0e0;
  border-radius: 7px;
}
.payment_select.new .SelectPay_ItemToggle .FormItem_Submit_List li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 7px 8px;
  min-height: 45px;
}
.payment_select.new .SelectPay_ItemToggle .FormItem_Submit_List li + li {
  border-top: 1px solid #e0e0e0;
}
.payment_select.new .SelectPay_ItemToggle .FormItem_Submit_List li .arrow {
  transform: rotate(225deg);
}
.payment_select.new .SelectPay_ItemToggle .FormItem_Submit .credit_box {
  padding: 0;
  border: none;
}
.selected_box .SelectPay_PayPay {
  max-width: 120px;
  width: 100%;
  margin-left: 0px;
  margin-right: auto;
}
@media screen and (max-width: 340px) {
  .selected_box .SelectPay_PayPay img {
    width: 87%;
  }
}
.selected_box .SelectPay_Creditcard {
  max-width: 266px;
  width: 100%;
  /* margin-left: 10px; */
  margin-left: auto;
  margin-right: auto;
}
.SelectPay_Creditcard_txt {
  position: absolute;
  top: 18px;
  left: 10px;
  color: #777;
  font-size: 88.889%;
  line-height: 1.4;
}
.selected_box .SelectPay_Paidy {
  width: 132px;
  -ms-flex-preferred-size: 132px;
  flex-basis: 132px;
  margin-left: 0px;
  margin-right: auto;
}
.selected_box .SelectPay_WebMoney {
  max-width: 206px;
  flex-wrap: wrap;
}
.SelectPay_Googlepay img {
  max-width: 75px;
}
.FormItem_Submit_Btn {
  background-color: #3251bc;
}
.SelectPay_ItemInner {
  cursor: pointer;
}
.payment_select .credit_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 83.3334%;
  line-height: 1;
  color: #fff;
  border-radius: 7px;
  background-color: #3251bc;
  height: 45px;
  margin-top: 7px;
  line-height: 1.2;
}
.Credit_BtnArea .credit.isTrialAvailable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -2px;
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 150px;
  height: 19px;
  font-size: 61%;
  font-weight: 700;
  border-radius: 9.5px;
  color: #fff;
  background: #f36161;
  text-shadow: none;
  z-index: 10;
}
.SelectPay_LoginNotice {
  font-size: 0.6875rem;
}
.Credit_BtnArea {
  position: relative;
}
.SelectPay_Item .FormItem_SubmitRegist a,
.SelectPay_Item .FormItem_Submit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 45px;
  background-color: #3251bc;
  color: #fff;
  border-radius: 7px;
  line-height: 1.2;
}
.SelectPay_Gpay {
  width: 60px;
  flex-wrap: wrap;
}
.SelectPay_Item .SelectPay_ItemToggle button {
  background: none;
}
.tokusyoho_tab {
  margin: 0 10px;
}
.tokusyoho_wrap h3 {
  margin-top: 30px;
}
.tokusyoho_tab ul {
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  border: 1px solid #888;
  align-items: center;
}
.tokusyoho_tab ul li {
  width: 50%;
  padding: 6px;
  text-align: center;
  box-sizing: border-box;
  color: #666;
  font-size: 66.67%;
  line-height: 17px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  align-self: stretch;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tokusyoho_tab ul li.active01 {
  background: #888;
  color: #fff;
  font-weight: bold;
  cursor: default;
}
.info {
  display: none;
}
.info.show01 {
  display: block;
}
.FormItem_Submit_Btn {
  background-color: #3251bc;
}
.SelectPay_ItemInner {
  cursor: pointer;
}

.credit_box a {
  position: relative;
}
.credit_box a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -2px;
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 150px;
  height: 19px;
  font-size: 61%;
  font-weight: 700;
  border-radius: 9.5px;
  color: #fff;
  background: #f36161;
  text-shadow: none;
}
.payment_select .career_box {
  text-align: center;
}
.payment_select .career_area.Flag_month .career_box figure {
  padding: 10px 10px 0;
}
.payment_select .career_area.Flag_month .career_box a {
  display: inline-block;
  position: relative;
  color: #444;
  width: 100%;
  line-height: 40px;
  height: 40px;
  font-size: 15px;
  text-align: center;
  border: 1px solid #999;
  border-radius: 6px;
  margin-top: 20px;
}
.payment_select .career_area.Flag_month .career_box a.arrow:after {
  position: absolute;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-left: 1px solid #444;
  border-bottom: 1px solid #444;
  transform: rotate(-45deg);
  right: 10%;
  top: -2px;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
}
.payment_select .career_area.Flag_month .career_box a.arrow.open:after {
  transform: rotate(135deg);
  top: 2px;
}
.SelectPay_Group {
  padding: 0;
  margin-top: 0;
}
.selected_box .SelectPay_Group {
  margin: 40px 0 0;
}
.SelectPay_Group.WebMoney {
  margin-bottom: 0;
}
.selected_box .SelectPay_Type.softbank {
  width: 165px;
  -ms-flex-preferred-size: 195px;
  flex-basis: 165px;
}
.SelectPay_Dbarai {
  max-width: 110px;
}
.payment_select.new .SelectPay_Item:first-of-type {
  padding: 7px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  margin: 0;
  padding-top: 20px;
}
.payment_select.new .SelectPay_Item + .SelectPay_Item {
  min-height: 68px;
  padding: 7px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  margin: 0;
}
.SelectPay_Googlepay img {
  max-width: 75px;
}
.SelectPay_Item .SelectPay_ItemToggle button {
  background: none;
}
.SelectPay_Group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.SelectPay_Group .SelectPay_Item:first-child {
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.SelectPay_Group .SelectPay_Item:first-child .SelectPay_ItemInner {
  width: 100%;
  /* margin-top: 20px; */
}
.SelectPay_Group .SelectPay_Item:nth-child(n + 2) {
  width: calc(50% - 5px);
}
.isTrialAvailable.credit {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 138px;
  height: 22px;
  font-size: 0.6875rem;
  font-weight: 700;
  border-radius: 11px;
  color: #333;
  background: #ebc75c;
  text-shadow: none;
}
.SelectPay_Group .SelectPay_Item:first-child .SelectPay_Toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.selected_box
  .SelectPay_Item:nth-of-type(n + 2)
  .SelectPay_ItemInner
  div[class^="SelectPay"]:nth-of-type(1) {
  margin: auto;
}
/* モーダル */
.SelectPay_Modal_Container .payment_select {
  margin-top: 0;
  margin-bottom: 0;
}
.SelectPay_Modal_Container .career_area {
  padding: 0;
}
.SelectPay_Modal_Container .SelectPay_Group.WebMoney {
  margin-top: 0;
  display: unset;
}
.SelectPay_Modal_Container .SelectPay_Head {
  text-align: left;
  margin: 0 18px 10px 10px;
}
.SelectPay_Modal_Container .Webmoney_Modal_Wrapper .SelectPay_WebMoney {
  max-width: 206px;
}
.SelectPay_Modal_Container .SelectPay_WebMoneyList a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: rgb(51, 51, 51);
}
.SelectPay_Modal_Container .FormItem_Submit.rakutenpay {
  text-align: center;
}
.SelectPay_Modal_Container .FormItem_Submit.rakutenpay button {
  border: none;
  background: none;
}
.SelectPay_Modal_Container .FormItem_Submit.rakutenpay button img {
  width: 100%;
}
.SelectPay_Modal_Container .rakutenpay_box {
  position: relative;
}
.SelectPay_Modal_Container .rakutenpay_box .boxBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SelectPay_Modal_Container .FormItem_Submit.rakutenpay {
  pointer-events: none;
}
.SelectPay_Modal_Container .googlepay {
  margin: auto;
  width: 80%;
}
.SelectPay_WebMoneyList li:first-of-type {
  border-top: none;
}
.SelectPay_Modal_Container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 50%);
  z-index: 1;
}
.Webmoney_Modal_Wrapper,
.RakutenPay_Modal_Wrapper,
.GooglePay_Modal_Wrapper {
  display: none;
}
.SelectPay_Modal_Body {
  position: relative;
  display: block;
  max-width: 480px;
  width: 90%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 1px 20px 25px;
  color: #333;
  border-radius: 8px;
}
.note_box {
  padding: 0 10px;
  margin-top: 10px;
}
.note_box .txt01 {
  color: #777;
  font-size: 77.778%;
  line-height: 1.4;
}
.selected_box .SelectPay_WebMoney {
  max-width: 180px;
}
.SelectPay_Body {
  text-align: left;
  color: #777;
  font-size: 0.75rem;
  line-height: 1.5;
  margin: 0 10px;
}
.SelectPay_Modal_CloseBtn {
  position: absolute;
  top: -38px;
  right: -8px;
  z-index: 10;
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  border-radius: 50%;
}
.SelectPay_Modal_CloseBtn:before,
.SelectPay_Modal_CloseBtn:after {
  content: "";
  height: 4px;
  width: 27px;
  display: block;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  cursor: pointer;
  border-radius: 50px;
}
.SelectPay_Modal_CloseBtn:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tokusyoho_tab ul {
  border-radius: 4px 4px 0 0;
  border-color: #e0e0e0;
}
.infoWrap {
  padding-top: 20px;
  margin: 0 10px 20px;
  padding-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.infoWrap .tokusyoho_wrap {
  margin-top: 0;
}
.infoWrap h3,
.infoWrap .info {
  margin-top: 0;
}
.SelectPay_Item.NewIcon {
  position: relative;
  overflow: hidden;
}
.SelectPay_Item.NewIcon::after {
  display: block;
  position: absolute;
  content: "NEW";
  color: #fff;
  font-size: 55.5556%;
  font-weight: bold;
  width: 70px;
  text-align: center;
  background-color: #c03;
  top: -27px;
  left: -34px;
  padding: 37px 0 2px;
  transform: rotate(-45deg);
}
@media screen and (min-width: 780px) {
  .FormItem.Sex {
    display: flex;
    justify-content: flex-start;
    gap: 0 40px;
  }
  .FormItem.Sex .FormItem_Input {
    margin-left: unset;
  }
}
/*----------------------------------------------
# 2.0 - 【M01-01-01】サブスク登録ーProコース登録（年割プラン）
----------------------------------------------*/
.regist_information p + p {
  margin-top: 30px;
}
.regist_information h3 {
  color: #777;
  font-size: 77.778%;
  font-weight: bold;
  margin: 30px 0 10px;
  line-height: 1.4;
}
.info_monthly,
.info_year {
  display: none;
}
.info_monthly.show01,
.info_year.show02 {
  display: block;
}
.tokusyoho_tab {
  margin: 0 10px;
}
.tokusyoho_tab ul {
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  border: 1px solid #888;
  align-items: center;
}
.tokusyoho_tab ul li {
  width: 50%;
  padding: 6px;
  text-align: center;
  box-sizing: border-box;
  color: #666;
  font-size: 66.67%;
  line-height: 17px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  align-self: stretch;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tokusyoho_tab ul li.active01,
.tokusyoho_tab ul li.active02 {
  background: #888;
  color: #fff;
  font-weight: bold;
  cursor: default;
}
.tokusyoho_tab ul {
  border-radius: 4px 4px 0 0;
  border-color: #e0e0e0;
}
.regist_information h3 {
  line-height: 1.4;
}
.regist_information .info.info_year.show02 .toggle h3 + p {
  margin-top: 30px;
}
.regist_information .infoWrap {
  padding-top: 20px;
  margin: 0 10px 20px;
  padding-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.regist_information .infoWrap .info > h3,
.regist_information .infoWrap .info > .tokusyoho_wrap h3,
.regist_information .infoWrap .info {
  margin-top: 0;
}
.select_box {
  padding: 0 10px;
}
.select_box .txt01 {
  color: #777;
  font-size: 77.778%;
  line-height: 1.4;
}
.plan_select {
  margin-top: 18px;
}
.plan_select ul li + li {
  margin-top: 10px;
}
.plan_select ul li label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 13px 0 62px;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
}
.plan_select ul li label .price {
  margin-left: auto;
}
.plan_select ul li label:before {
  position: absolute;
  content: "";
  display: block;
  width: 39px;
  height: 39px;
  left: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 39px;
  background-color: #fff;
}
.plan_select ul li label:after {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  left: 28px;
  border-radius: 114px;
  background-color: #eee;
}
.plan_select ul li input {
  display: none;
}
.plan_select ul li input[type="radio"]:checked + label {
  color: #fff;
  background-color: #691e1e;
}
.plan_select ul li input[type="radio"]:checked + label:after {
  background-color: #691e1e;
}
.plan_select ul li .tag {
  margin-left: 10px;
}
span.tag {
  display: inline-block;
  font-size: 66.67%;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  background-color: #e4e4e4;
  border-radius: 18px;
}
.tag.recommend {
  color: #333;
  background-color: #ebc75c;
}
.plan_select ul li label p {
  font-size: 94.4444%;
  font-weight: bold;
}
.plan_select ul li label p .small {
  font-size: 76.4704%;
}
.plan_detail {
  padding: 0 10px;
  margin-bottom: 40px;
}
.plan_detail .plan_title {
  position: relative;
}
.plan_detail .plan_title h3 {
  display: inline-block;
  font-size: 105.56%;
  letter-spacing: -0.25px;
}
.plan_detail .plan_title .tips {
  position: relative;
  top: -4px;
  display: inline-block;
  margin: auto;
  padding: 0 20px;
  color: #333;
  height: 18px;
  line-height: 18px;
  font-size: 55.5556%;
  font-weight: bold;
  background-color: #ebc75c;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-radius: 18px;
}
.plan_detail .plan_title .tips.year {
  left: 0;
}
.plan_detail .price {
  font-size: 72.22%;
  margin-top: 21px;
  font-weight: bold;
  font-size: 222.22%;
  margin-top: 20px;
  font-weight: bold;
}
.plan_detail .price .small {
  font-size: 37.5%;
  margin-left: 9px;
}
.plan_detail .price + .notice {
  font-size: 88.8889%;
  font-weight: bold;
  margin-top: 10px;
}
.plan_detail .price + .notice span {
  font-size: 87.5%;
}
.Benefits {
  margin-top: 13px;
  padding-top: 20px;
  border-top: 1px solid #e3e3e3;
}
.plan_detail .Benefits {
  padding-top: 0;
}
.Benefits ul {
  padding: 0 20px 31px 27px;
}
.plan_detail .Benefits ul {
  padding: 0 10px;
}
.Benefits ul li {
  position: relative;
  padding-left: 22px;
  font-size: 77.78%;
}
.Benefits ul li {
  padding-top: 20px;
}
.Benefits ul li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/regist/Icon_Select03.png) no-repeat;
  background-size: 20px auto;
  position: absolute;
  top: -3px;
  left: 0;
  background-position: 0px -39px;
}
.Benefits ul li:before {
  top: 17px;
}
.Benefits ul li .tips {
  font-size: 78.57%;
  margin-top: 6px;
}
.payment_select {
  margin-bottom: 30px;
}
.payment_select .career_area.Flag_month .career_box {
  border-radius: 7px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
}
.regist_information .info {
  text-align: left;
  margin: 20px 10px 0;
}
.regist_information .info .yearinfo {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.regist_information .Account_PremiumServiceLink {
  margin: 0px 0 0;
}
.Account_PremiumServiceLink a {
  position: relative;
  display: block;
  color: #666;
  font-size: 0.8125rem;
  height: 38px;
  padding: 0 38px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.regist_information .Account_PremiumServiceLink a {
  border: none;
}
.Account_PremiumServiceLink a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 16px;
  height: 16px;
  background-image: url(../img/regist/icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.Account_PremiumServiceLink span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.Account_PremiumServiceLink a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 6px;
  height: 11px;
  background-image: url(../img/regist/icon.png);
  background-repeat: no-repeat;
  background-position: 0 -30px;
  background-size: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.regist_information .Account_PremiumServiceLink.on a:after {
  top: 12px;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.regist_information .Account_PremiumServiceLink a:after {
  top: 14px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.regist_information .info .yearinfo .toggle {
  padding: 0 10px 10px;
}
.regist_information p {
  color: #777;
  font-size: 77.778%;
  line-height: 1.4;
}
/*----------------------------------------------
# 3.0 - 【M01-02-02】サブスク登録ー登録フローidなし
----------------------------------------------*/
.Subscription_Regist_Wrap {
  margin-top: 50px;
}
.Subscription_Regist_Wrap .Notice_Txt {
  margin-bottom: 40px;
}
.Subscription_Regist_Wrap .Notice_Txt a {
  text-decoration: underline;
  font-weight: bold;
}
@media only screen and (max-width: 440px) {
  .FormItem_Sex label:nth-of-type(n+2) {
    margin-left: 10px!important;
  }
}
/*----------------------------------------------
# 4.0 - 【M01-03】サブスク登録完了
----------------------------------------------*/
#Account .Subscription_Complete {
  padding: 10px 20px;
}
#Account .Subscription_Complete .Title_Sec {
  display: block;
  margin: 60px 10px 50px !important;
}
.Subscription_Complete .Title_Sec h2 {
  font-size: 18px;
  text-align: center;
  line-height: 1.6;
}
.Subscription_Complete .txt01 {
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
}
.Owners_Link_Btn {
  margin-top: 20px;
}
.Owners_Link_Btn a {
  background: #691e1e;
  border-radius: 22px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
  padding: 14.5px;
}
.Owners_Link_Btn.Link_Btn_Border a {
  border: 1px solid #691e1e;
  background-color: transparent;
  color: #691e1e;
}
.Owners_Text_Link {
  margin: 30px 0;
}
.Owners_Text_Link a {
  text-align: center;
  display: block;
  text-decoration: underline;
  font-size: 13px;
  font-weight: 600;
}
/*----------------------------------------------
# 5.0 - 【No.25】アカウント_有料会員M02_01
----------------------------------------------*/
#Account .Contents.MyAccount_Contents,
#Account .Contents.Purchase_History {
  background: unset;
}
.Account_Info_Wrap {
  margin-top: 30px;
}
.Account_Info_Wrap .Link_List li .Link_List_Item_Wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* height: 60px; */
  padding: 14px 10px;
  color: #444;
  /* border-bottom: 1px solid #e0e0e0; */
  background-color: #fff;
}
.Account_Info_Wrap .Link_List > li > a {
  width: 100%;
}
.Account_Info_Wrap .Link_List_Item .Account_Info {
  display: table-cell;
  /* padding-left: 10px; */
  vertical-align: middle;
}
.Account_Info_Wrap .Link_List_Item .Account_Head {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #888;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;
}
.Account_Info_Wrap .Link_List_Item .Account_Body {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
}
.Account_Info_Wrap .Link_List_Item .Account_ValiDate {
  margin-top: 5px;
  color: #777;
  font-size: 0.75rem;
  line-height: 1.2;
}
.Account_Info_Wrap .Link_List_BtnBox a::after {
  content: unset !important;
}
.Account_Info_Wrap .Link_List_BtnBox {
  display: table-cell;
  width: 55px;
  padding-left: 5px;
  vertical-align: middle;
}
.Account_Info_Wrap .Link_List_BtnBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
  height: 50px;
  color: #666;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  min-height: unset;
  padding: unset;
}
.Link_List .Icon.Premium_Setting {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.508%22%20height%3D%2220.336%22%20viewBox%3D%220%200%2019.508%2020.336%22%3E%0A%20%20%3Cg%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M7.77%2C13.538%2C6.419%2C12.265h0a.4.4%2C0%2C0%2C0-.545%2C0L.794%2C17.053V2.9H11.5V9.078a6.163%2C6.163%2C0%2C0%2C1%2C.794-.263V.4a.4.4%2C0%2C0%2C0-.4-.4H.4A.4.4%2C0%2C0%2C0%2C0%2C.4V17.972a.4.4%2C0%2C0%2C0%2C.669.289L6.147%2C13.1%2C7.64%2C14.507a6.281%2C6.281%2C0%2C0%2C1%2C.13-.969M.794.794H11.5V2.106H.794Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23888%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M18.4%2C18.844h1.791c1.317%2C0%2C2.257.458%2C2.257%2C1.791%2C0%2C1.293-.94%2C1.888-2.225%2C1.888h-.892v2.241H18.4Zm1.735%2C2.932c.948%2C0%2C1.4-.362%2C1.4-1.141S21.039%2C19.6%2C20.1%2C19.6h-.771v2.177Z%22%20transform%3D%22translate(-14.033%20-14.374)%22%20fill%3D%22%23888%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M44.8%2C40.41a5.576%2C5.576%2C0%2C1%2C0%2C1.629%2C3.939A5.553%2C5.553%2C0%2C0%2C0%2C44.8%2C40.41m-.59%2C7.288h0a4.734%2C4.734%2C0%2C1%2C1%2C0-6.692%2C4.726%2C4.726%2C0%2C0%2C1%2C0%2C6.692%22%20transform%3D%22translate(-26.921%20-29.581)%22%20fill%3D%22%23888%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M53.892%2C56.795l.989-.989a.419.419%2C0%2C0%2C0-.012-.585.413.413%2C0%2C0%2C0-.59%2C0l-.989.989-.989-.989a.417.417%2C0%2C1%2C0-.59.59l.989.99-.99.982a.419.419%2C0%2C0%2C0%2C.6.59l.989-.989.989.989a.419.419%2C0%2C1%2C0%2C.6-.59Z%22%20transform%3D%22translate(-39.35%20-42.027)%22%20fill%3D%22%23888%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
	background-size: 19.508px 20.336px;
}
/*----------------------------------------------
# 6.0 - 【M02-04】アカウント_購入履歴ページ
----------------------------------------------*/
.Biling_Info_Link {
  margin-bottom: 30px;
  text-align: center;
}
.Biling_Info_Link a {
  color: #0033aa;
  font-size: 13px;
}
.Purchase_History_Wrap {
  padding: 0 10px;
}
@media only screen and (min-width: 820px) {
  .Purchase_History_Wrap {
    padding: 0 0px;
  }
}
li.Purchase_History_Item {
  margin-bottom: 10px;
}
.Update_Info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e8dede;
  font-size: 12px;
  font-weight: 600;
  padding: 10px;
  border-radius: 8px 8px 0 0;
}
.Service_Name {
  background: #fff;
  font-size: 16px;
  border-radius: 0 0 8px 8px;
  padding: 15px 10px;
}
.Payment_Methods {
  font-size: 13px;
  margin-top: 10px;
}
.Purchase_History .Description_Box {
  margin-bottom: 48px;
}
.Description_Box > dl,
.Shutuba_Help > dl {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 0;
  background: #fff;
  border-radius: 4px;
}
.Description_Box > dl > dt,
.Shutuba_Help > dl > dt {
  font-size: 72.22%;
  color: #666;
  padding: 10px 16px 10px 37px;
  position: relative;
  line-height: 1.1;
  cursor: pointer;
}
.Description_Box > dl > dt:before {
  content: "";
  width: 20px;
  height: 19px;
  background: url(../img/regist/icon_sprite_race_nk01.png) no-repeat;
  -webkit-background-size: 250px auto;
  -moz-background-size: 250px auto;
  -ms-background-size: 250px auto;
  background-size: 250px auto;
  background-position: -90px -186px;
  position: absolute;
  top: 50%;
  /* left: 0; */
  left: 10px;
  margin-top: -10px;
}
.Description_Box > dl > dt .Icon_Arrow {
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 50%;
  /* right: 0; */
  right: 10px;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.4s;
  margin-top: -6px;
}
.Description_Box > dl > dt .Icon_Arrow.open {
  -webkit-transform: translateY(50%) rotate(225deg);
  transform: translateY(50%) rotate(225deg);
}
.Description_Box > dl > dd {
  padding: 0 10px 10px;
}
.HelpBox_ViewPoint {
  margin: 5px 10px 10px;
}
.HelpBox_ViewPoint_Img {
  margin-bottom: 15px;
  text-align: center;
}
.HelpBox_ViewPoint_Img img {
  max-width: 100%;
}
.HelpBox_ViewPoint_State {
  margin: 15px 0;
  border-collapse: collapse;
}
.HelpBox_ViewPoint_State caption {
  padding: 10px;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: left;
  background-color: #808080;
}
.HelpBox_ViewPoint_Number {
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  margin-right: 8px;
  padding-top: 0.3em;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  vertical-align: 1px;
  text-align: center;
  background-color: #eb6051;
  border-radius: 50%;
}
.HelpBox_ViewPoint_State tr {
  border: 1px solid #e0e0e0;
}
.HelpBox_ViewPoint_State th {
  padding: 10px 8px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #f3f3f3;
}
.HelpBox_ViewPoint_State td {
  padding: 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
}
.HelpBox_ViewPoint_Pay dt {
  padding: 10px;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: left;
  background-color: #808080;
}
.HelpBox_ViewPoint_Pay dd {
  padding: 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  border: 1px solid #e0e0e0;
}
/*----------------------------------------------
# 7.0 - 【M03-01】コース変更予約ページ
----------------------------------------------*/
.Owners_ProCourse_Wrap {
  background: #FCF2D3;
  border-radius: 8px;
  margin: 0 10px;
  padding: 20px;
  text-align: center;
}
dt.Owners_ProCourse_Title {
  color: #444444;
  font-size: 23px;
  font-weight: 600;
}
dt.Owners_ProCourse_Title p {
  margin-bottom: 7px;
  color:#9F4949;
  font-size: 15px;
  font-weight: bold;
}
.Owners_ProCourse_Lead {
  color: #444444;
  font-size: 12px;
  margin-top: 11px;
}
dd.Owners_ProCourse_Inner {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}
dd.Owners_ProCourse_Inner div {
  position: relative;
}
dd.Owners_ProCourse_Inner div {
  flex: 1;
}
dd.Owners_ProCourse_Inner div a {
  background: #FFF;
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 30px 0 17px;
  border-radius: 8px;
}
dd.Owners_ProCourse_Inner .Owners_ProCourse_Monthly a,
dd.Owners_ProCourse_Inner .Owners_ProCourse_Annual a {
  background: #BF9E3A;
  box-shadow: 0 4px 0 #7C6311;
}
dd.Owners_ProCourse_Inner .Owners_ProCourse_Annual a{
  padding: 13px 0 17px;
}
dd.Owners_ProCourse_Inner .Owners_ProCourse_Annual a > span{
  display: block;
  margin-bottom:6px;
  font-size: 10px;
  color:#222222;
}
dd.Owners_ProCourse_Inner .Owners_ProCourse_Monthly a .Owners_ProCourse_Price,
dd.Owners_ProCourse_Inner .Owners_ProCourse_Annual a .Owners_ProCourse_Price{
  font-size: 14px;
  color: #FFE798;
}
dd.Owners_ProCourse_Inner .Owners_ProCourse_Monthly a .Owners_ProCourse_Price p,
dd.Owners_ProCourse_Inner .Owners_ProCourse_Annual a .Owners_ProCourse_Price p{
  margin-bottom: 3px;
  font-size: 11px;
}
dd.Owners_ProCourse_Inner .Owners_ProCourse_Monthly a .Owners_ProCourse_Price em,
dd.Owners_ProCourse_Inner .Owners_ProCourse_Annual a .Owners_ProCourse_Price em{
  margin-right: 3px;
  font-size: 22px;
}
dd.Owners_ProCourse_Inner .Owners_ProCourse_Monthly a .Owners_ProCourse_Price span,
dd.Owners_ProCourse_Inner .Owners_ProCourse_Annual a .Owners_ProCourse_Price span {
  font-size: 10px;
}
dd.Owners_Course_Inner div.Selected a,
dd.Owners_ProCourse_Inner div.Selected a {
  background: #B1B1B1;
  pointer-events: none;
  color: #fff;
  box-shadow: 0 4px 0 #7B7B7B;
}
dd.Owners_ProCourse_Inner div.Selected .Owners_ProCourse_Price{
  color:#6F6F6F;
}
dd.Owners_ProCourse_Inner div.Selected a:before {
  /* content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  border-radius: 4px;
  z-index: 1000; */
}
.Owners_ProCourse_Price {
  margin-top: 6px;
}
.Owners_ProCourse_Price span {
  font-size: 13px;
}
.Owners_ProCourse_Inner > div::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 99px;
  height: 19px;
  font-size: 61%;
  font-weight: 600;
  border-radius: 11px;
  z-index: 10000;
}
.Owners_ProCourse_Inner>.Owners_ProCourse_Annual::before {
  content: "長期利用でお得";
  color: #fff;
  background: #D16363;
}
.Owners_ProCourse_Inner > .Selected::before {
  content: "現在登録中";
  color: #fff;
  background: #000000;
}
.Owners_Course_Inner a::after,
.Owners_ProCourse_Inner a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 2.5%;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg) translate(-60%, 0);
  transform: rotate(45deg) translate(-60%, 0);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.Owners_Course_Inner .Selected a:after,
.Owners_ProCourse_Inner .Selected a:after {
  border-top: 2px solid #888;
  border-right: 2px solid #888;
}
.Owners_Course_Wrap {
  background:#E6EFD9;
  border-radius: 20px;
  margin: 20px 10px 0;
  padding: 20px;
  text-align: center;
}
dt.Owners_Course_Title {
  color: #444444;
  font-size: 23px;
  font-weight: 600;
}
.Owners_Course_Lead {
  color: #444444;
  font-size: 12px;
  margin-top: 11px;
}
dd.Owners_Course_Inner {
  margin-top: 20px;
}
dd.Owners_Course_Inner div {
  position: relative;
}
dd.Owners_Course_Inner div a {
  background: #93BE4F;
  width: 100%;
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  padding: 15px 0 15px 0;
  border: 1px solid #bfbfbf;
  border-radius: 20px;
  box-shadow: 0 4px 0 #6B893C;
}
.Owners_Course_Price {
  margin-top: 5px;
}
dd.Owners_Course_Inner div.Selected a {
  pointer-events: none;
}
/* dd.Owners_Course_Inner div.Selected a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  border-radius: 4px;
  z-index: 1000;
} */
.Owners_Course_Price span {
  font-size: 13px;
}
.Owners_Course_Inner > div::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 99px;
  height: 19px;
  font-size: 61%;
  font-weight: 600;
  border-radius: 11px;
  z-index: 10000;
}
.Owners_Course_Inner > .Selected::before {
  content: "現在ご利用中";
  color: #fff;
  background: #000000;
}
.Owners_Course_Inner a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 3.5%;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg) translate(-60%, 0);
  transform: rotate(45deg) translate(-60%, 0);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.CorseInfo_Detail,
.About_Course_Title {
  background: #fff;
}
.About_Course_Title {
  color: #757575;
  font-size: 94%;
  line-height: 1.47;
  font-weight: 900;
  text-align: center;
  padding: 28px 0 24px;
}
.show_more_inner {
  position: relative;
}
.show_more_text {
  height: 740px;
  overflow: hidden;
}
.ComparisonTable table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #f2f2f2;
}
table .HiddenCell {
  width: 100%;
}
.ComparisonTable table th,
.ComparisonTable table td {
  padding: 7px 10px;
  border: 1px solid #dddddd;
  vertical-align: middle;
  font-size: 70%;
  text-align: left;
  background: #f2f2f2;
  font-weight: normal;
}
.ComparisonTable table thead th {
  font-size: 60%;
  font-weight: 900;
  text-align: center;
  color: #555;
  white-space: nowrap;
}
.ComparisonTable table thead th.SuperCell {
  width: 80px;
  background: #faeabf;
  color: #444444;
  line-height: 1.2;
  padding: 7px 0;
}
.ComparisonTable table thead th.BasicCell {
  width: 80px;
  background: #ffffff;
  color: #444444;
  line-height: 1.2;
  padding: 7px 0;
}
tr.Function_Group th {
  background: #959494;
  color: #fff;
  font-size: 72.2%;
  font-weight: bold;
}
.ComparisonTable table tbody th.Function {
  padding: 10px 0px 10px 10px;
  padding: 7px 0 10px 10px;
}
@media screen and (min-width: 321px) {
  .ComparisonTable table tbody th.Function {
    min-width: 13.5em;
  }
}
.ComparisonTable table tbody th.Function p.Function_title {
  color: #595959;
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 3px;
  line-height: 1.2;
}
.ComparisonTable table tbody th.Function p.Function_Info {
  font-size: 0.625rem;
  line-height: 1.2;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.ComparisonTable table td {
  text-align: center;
}
.ComparisonTable table tbody td.SuperCell {
  background: #faeabf;
  color: #444444;
  font-weight: bold;
  white-space: nowrap;
  padding: 7px 1px;
}
.icon_box .double_circle {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 22px;
  height: 22px;
  border: solid #707070 3px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon_box .double_circle::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  border: solid #707070 3px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ComparisonTable .FunctionNote {
  display: block;
  font-size: 0.625rem;
  margin-top: 2px;
  font-weight: 500;
  line-height: 1.5;
}
.ComparisonTable table tbody td.BasicCell {
  background: #fff;
  color: #444;
  font-weight: bold;
  white-space: nowrap;
  padding: 7px 1px;
}
.icon_box .circle {
  display: block;
  margin: 0 auto;
  width: 22px;
  height: 22px;
  border: solid #707070 3px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.icon_box .line {
  display: block;
  margin: 0 auto;
  width: 8px;
  height: 3px;
  background: #707070;
}
.show_more_btn {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 114px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(60%, white)
  );
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 60%);
  background-color: transparent;
  cursor: pointer;
}
.show_more_btn div {
  position: relative;
  width: 83%;
  display: block;
  padding-right: 18px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 30px;
  color: #888;
  text-align: center;
  font-weight: bold;
  font-size: 61%;
  margin-bottom: 20px;
}
/*----------------------------------------------
# 8.0 - 【M05-01】解約ー有料サービスの登録情報
----------------------------------------------*/
.Contents.Cancel {
  padding: unset;
}
h2.cancel_titleText {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  text-align: center;
  margin: 25px 10px;
}
.Service_Status {
  background: #f3f3f3;
  border-radius: 8px;
  margin: 0 10px;
}
.Service_Status dl {
  padding: 20px 10px;
}
.Service_Status dl:first-child {
  border-bottom: 1px solid #ddd;
}
.Service_Status dl dt {
  color: #888;
  font-size: 12px;
  margin-bottom: 7px;
}
.Service_Status dl dd {
  font-size: 16px;
}
.Cancel .Notice_Txt a {
  text-decoration: underline;
  font-weight: bold;
}
.Note_Txt {
  color: #666;
  font-size: 10px;
  line-height: 1.4;
}
.Contents.Cancel .Account_Info_Wrap {
  margin-top: unset;
}
.Contents.Cancel .Account_Info_Wrap .Link_List > li > a {
  flex-direction: column;
  align-items: flex-start;
}
.Contents.Cancel .Account_Info_Wrap .Link_List > li > a > span.Note_Txt {
  display: inline-block;
}
.Contents.Cancel .Account_Info_Wrap .Link_List > li > a:hover {
  text-decoration: none !important;
}
.Cancel_Accept_Guide .cancel_limitTextWrap{
  margin: 40px auto;
  text-align: center;
}
.Cancel_Accept_Guide .cancel_limitText{
  display: inline-block;
  font-size: 88.89%;
  font-weight: bold;
  color:#444444;
  line-height: 1.875;
  text-align: left;
}
.Cancel_Accept_Guide .Link_List a{
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.Cancel_Accept_Guide .Cancel_Accept_Guide_NoticeWrap{
  margin: 26px 21px 11px;
}
.Cancel_Accept_Guide .Cancel_Accept_Guide_NoticeWrap .Notice_Txt{
  margin: 0;
}
.Cancel_Accept_Guide_ChangeCourse{
  margin: 20px auto 40px;
}
.Cancel_Accept_Guide_ChangeCourse a{
  display: block;
  width: 76%;
  margin: auto;
  padding: 17px 34px;
  background: #F2E4E4;
  border-radius: 8px;
  border: 1px solid #691E1E;
  text-align: center;
}
.Cancel_Accept_Guide_ChangeCourse dt,
.Cancel_Accept_Guide_ChangeCourse dd{
  color: #444444;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.466;
}
.Contents.Cancel_Accept_Guide .CorseInfo_Detail{
  margin: 28px auto 43px;
}
.Wrap .Contents:after{
  content:none;
}
.Contents.Subscription_Change .show_more_btn,
.Contents.Cancel_Accept_Guide .show_more_btn{
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
}
.Contents.Subscription_Change .show_more_btn div,
.Contents.Cancel_Accept_Guide .show_more_btn div{
  color:#444444;
  background:#fff;
}
.Contents.Subscription_Change .show_more_btn div::after,
.Contents.Cancel_Accept_Guide .show_more_btn div::after{
  background: url(../img/premium/icon_arrow_dark.png) no-repeat;
  background-size: contain;
}
.Contents.Cancel_Accept_Guide .show_more_text{
  height: auto;
}
.Wrap .Copyright p {
  color:#444444;
}
.Contents .About_Course_Title{
  background:#fff;
  color:#444444;
}
/*----------------------------------------------
# 10.0 - カード変更ページ
----------------------------------------------*/
.Card_Info_Wrap {
  padding: 0 10px;
}
.Card_Info_Wrap dl.Notice_Txt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.Card_Info_Wrap dl.Notice_Txt dt:after {
  content: "：";
  display: inline-block;
}
.Update_Payment_Info_Complete .Notice_Txt {
  color: #F14C2E;
}

.FormArea select,
.FormArea button {
  color: unset;
}

/*----------------------------------------------
# 11.0 - 無料お試し警告ページ
----------------------------------------------*/
#Buy_Point .PaymentTrialTitle {
  background-color: var(--PrimaryColor);
  color: #fff;
  font-size: 120%;
  font-weight: normal;
  text-align: center;
  padding: 10px 0 10px;
}
#Buy_Point .PaymentSelect .TrialHeadTxt {
  font-size: 90%;
  color: #333333;
  font-weight: bold;
  text-align: left;
  padding: 18px 8px 8px;
}
#Buy_Point .PaymentSelect {
  margin-top: 14px;
  background: #e5e4dd;
}
#Buy_Point .PaymentSelect .HeadTxt {
  font-size: 90%;
  color: #333333;
  font-weight: bold;
  text-align: center;
  padding: 18px 0 8px;
}
#Buy_Point .PaymentSelect .InfoText {
  color: #7b7b7b;
  font-size: 70%;
  text-align: center;
  line-height: 1.3em;
  padding-bottom: 14px;
}
#Buy_Point .PaymentSelect .InfoText a {
  color: #7b7b7b;
  text-decoration: underline !important;
}
@media only screen and (max-width: 374px) {
  #Buy_Point .PaymentSelect .InfoText .Narrow {
    display: block !important;
  }
}
.PaymentSelect dl {
  border: 3px solid #e5e4dd;
  border-top: 0 none;
  background: #fff;
  padding: 5px 7px 7px;
}
.PaymentSelect dl dt {
  font-weight: bold;
  padding: 10px 6px 6px;
  font-size: 77.8%;
}
.PaymentSelect .PaymentListBox {
  background: #fff;
  color: #333;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #e1e0d9;
  margin: 0 0 6px;
  padding: 10px;
}
.PaymentSelect .PaymentListBox span.PaymentSelectBtn {
  position: relative;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #e1e0d9;
  font-weight: bold;
  float: right;
}
.PaymentSelect .settleSelectBox .PaymentListBox img.PaymentLogo {
  width: 170px;
  margin-top: 12px;
  vertical-align: middle;
}
.PaymentSelect .PaymentListBox img.PaymentLogo {
  vertical-align: middle;
}
.PaymentSelect .PaymentListBox#action_spmode img.PaymentLogo{
  width: 186px;
}
.PaymentSelect .PaymentListBox#action_aukantan img.PaymentLogo {
  width: 135px;
}
.PaymentSelect .PaymentListBox#action_paypay img.PaymentLogo {
  width: 135px;
  margin-top: 5px;
}
.PaymentSelect .PaymentListBox#action_rakuten img.PaymentLogo {
  width: 135px;
  margin-top: 8px;
}
.PaymentSelect .PaymentListBox#action_paidy img.PaymentLogo {
  width: 135px;
}
.PaymentSelect .PaymentListBox span.PaymentSelectBtn>span {
  /*.PaymentSelect .PaymentListBox span.PaymentSelectBtn span.btn { */
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0, #f7f6f4),
      color-stop(1, #edece6));
  background-image: -o-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
  background-image: -moz-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
  background-image: -webkit-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
  background-image: -ms-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
  background-image: linear-gradient(to bottom, #f7f6f4 0%, #edece6 100%);
  border-top: 1px solid #fff;
  color: #333;
  text-decoration: none;
  text-align: center;
  padding: 14px;
  min-height: 43px;
  font-size: 77.8%;
}