@charset "UTF-8";
.accountForm { margin: 2em auto; max-width: 800px; }
@media print, screen and (min-width: 600px) { .accountForm { padding: 1em 1.5em; }
}

.s03_mb1 { margin-bottom: 1em; }
.s03_pcOnly { display: none; }
@media print, screen and (min-width: 600px) { .s03_pcOnly { display: inline; } }

.s03_mb1 { margin-bottom: 1em; }
.s03_pcOnly { display: none; }
.s03_txtBold { font-weight: 600; }
.s03_txtL { font-size: 110%; }
.s03_txtS { font-size: 90%; }
.s03_txtCenter { text-align: center; }
.s03_txtInline { display: inline-block; text-align: left; }
.s03_main { margin: auto !important; }
.s03_list01 { margin: 1em auto; padding-left: 1em; }
.s03_list01 li { list-style: disc !important; }
.s03_list01 li span a{ display: inline-block; padding: 0 2%;}
.s03_list01 li span a:after{content: ">"; margin-left: 4px;}
.s03_btn01.btn_l { margin-left: 0; }
.s03_btn01 a, .s03_btn01 button, .s03_btn01 input[type="submit"], .s03_btn01 input[type="button"] { width: 90%;
    max-width: 260px;
    font-size: 0.875em;
    margin: 1.5em auto;
    text-align: center;
    line-height: 1.5;
    position: relative;
    display: block;
    padding: 1rem 0!important;
    color: #4d4d4d!important;
    font-weight: normal;
    border-radius: 0;
    border: 1px solid rgba(77, 77, 77,0.5);
}

.s03_btn01 a:hover, .s03_btn01 button:hover, .s03_btn01 input[type="submit"]:hover, .s03_btn01 input[type="button"]:hover { opacity: 0.8;}

/*.s03_btn01 span { position: relative; display: block; width: 100%; z-index: 3; }
.s03_btn01 span::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #ef0388 transparent; transform: translateX(0%) translateY(0%) rotate(180deg); }
.s03_btn02 span::before { border-color: transparent transparent #6fd3fd transparent; }*/
.s03_note { text-indent: -1em; padding-left: 1em; }

.money_area{width: 94%;background: #f4f4f4;border: 1px solid rgba(204, 204, 204,0.5);margin: 3% auto 0; text-align: center;padding: 3%;}
.ginhuri{ margin: 0 0 2%; position: relative;text-align: center; font-size: 0.875em;}
.tokusyoho a{ display: block;width: 56%; margin: auto; position: relative;text-align: center; font-size: 0.875em;}
.tokusyoho a:after{
content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #a88e66;
  border-right: solid 1px #a88e66;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  transform: rotate(45deg);}

.card_inpuiry{ border: 1px solid rgba(77, 77, 77,0.5); padding: 2%; width: 80%; margin: 4% auto 4%;font-size: 0.875em; }
.card_inpuiry h5{font-size: 1em; padding-bottom: 1%; border-bottom: 2px solid #ccc;margin:0 0 2%;}
.card_inpuiry h6{font-size: 1em; font-weight: normal; margin: 0;}

@media print, screen and (min-width: 768px) {
    .tokusyoho a{ display: block;width: 22%; margin: auto; position: relative;text-align: center;}
    .card_inpuiry{ border: 1px solid rgba(77, 77, 77,0.5); padding: 2%; width: 40%; margin: 2% auto 4%;font-size: 0.875em; }
    .money_area{width: 70%;background: #f4f4f4;border: 1px solid rgba(204, 204, 204,0.5);margin: 3% auto 0; text-align: center;padding: 3%;}
}

@media print, screen and (min-width: 600px) { .s03_pcOnly { display: inline; } }

::placeholder { color: #888; }

/*-----------------------------------------------------
マイページ, アカウント登録
----------------------------------------------------*/
.entry_main { margin: 1em auto !important;padding: 8% 4% !important;}
.entry_step { list-style-type: none; padding: 0; margin: 3em auto; overflow: hidden; width: 100%; display: flex; justify-content: center; }
.entry_step li { position: relative; background: #aaa; height: 4em; min-width: 27%; color: #fff; padding-left: 0.5em; margin-left: 1.5em; text-align: center; line-height: 1.3; }
.entry_step li span { position: relative; display: inline-flex; height: 100%; align-items: center; text-align: left; z-index: 4; font-size: .9em;}
.entry_step li:before, .entry_step li:after { content: ""; position: absolute; border-style: solid; top: -1em; border-width: 3em 0 3em 1.5em; }
.entry_step li:before { border-color: transparent transparent transparent #aaa; z-index: 3; right: -1.3em; z-index: 3; }
.entry_step li:after { border-color: transparent transparent transparent  #fff; z-index: 2; right: -1.3em; }
.entry_step li:first-of-type { margin-left: 0; }
.entry_step li:last-of-type:before, .entry_step li:last-of-type:after { content: none; }
.entry_step li.current { background: #4f8be3; }
.entry_step li.current:before { border-left-color: #4f8be3; }
.entry_txt { margin: 1em auto; }
.entry_txt p { margin-bottom: 0.5em; }
.entry_kakomi { margin: 1.75em auto; padding: 1em; text-align: center; border: none; background:rgba(204, 204, 204,0.5); border-radius: 50px; }
.entry_kakomi span { display: inline-block; padding: 0 0.5em; }
@media print, screen and (min-width: 600px) { .entry_main { font-size: 1em; padding: 1em 2em; }
  .entry_step li { width: 33%; padding-left: 0; font-size: 1.1em; } }

/*ステップ矢羽*/
.page_entry_step {
  position: relative;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
	flex-wrap:wrap;
	 font-size: .75em;
	width: 100%;
}

.page_entry_step li {
  position: relative;
  list-style: none;
  text-align: center;
  color: #222;
  font-weight: bold;
	flex: 1;
    display: flex;
    flex-direction: column;
}

.page_entry_step li span {
  font-weight: 600;
  margin: 10px 10px;
	 display: block;
}

.page_entry_step li:before {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0.5em auto;
  content: "";
  text-align: center;
  border-radius: 50%;
  background: #ccc;
  /*border: 1px solid #000;*/
  z-index: 2;	
}
.page_entry_step li.current:before {background-color: #a88e66;}

.page_entry_step li:after {
  position: absolute;
  z-index: 1;
  top: 1.2em;
  left: -50%;
  width: 100%;
  height: 1px;
  content: "";
  background-color: rgba(204, 204, 204,0.5);
}

.page_entry_step li:first-child:after {
  content: none;
}

@media screen and (min-width: 768px) {	
  .page_entry_step {
	width: 60%;
  }	
  .page_entry_step li span {
    margin: 10px 15px;
  }
}


.mypage_login { max-width: 700px; margin: 0 auto; padding: 1em 0.5em 2em; border-radius: 10px; background: rgba(255, 255, 255, 0.7); }
.mypage_login .title_a { color: #e94b82; }
.mypage_login_msg { text-align: center; }
.mypage_main .list_title { display: block; width: 100%; text-align: center; top: 60px; color: #0072ae; font-size: 20px; font-weight: 600; margin: 5px auto 0; }
.mypage_main .kakomi { background: #fff; margin: 10px; padding: 10px; border: solid 1px #fff; border-radius: 8px; }
.mypage_cast_review { margin: 2em auto; padding: 1.5em 2%;}
/*.mypage_cast_review figure.f1 { margin: 0; margin-right: 1.5em; }*/
.mypage_cast_review_item { display: flex; flex-wrap: wrap; justify-content:center; align-items: flex-start; }
.mypage_cast_review_item figure.f1 { margin: 0 4% 0 0; width: 35%;}
.mypage_cast_review_item figure.f1 img { width: auto; max-width: 100%; height: auto; }
.mypage_cast_review_item .jq-ry-container { margin: 1em auto; }
.mypage_cast_review_item a { text-decoration: none !important; }
.mypage_cast_review_item h3{margin:0 0 1%;}
.mypage_cast_review_item .txt .exp{font-size: 0.875em;}
.mypage_cast_review_item .txt .exp li{ list-style:disc; list-style-position: inside;}

.mypage_tab { background: #fff; }
.mypage_tab_index { display: flex;justify-content: center; align-items: center; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: .9em;}
.mypage_tab_l, .mypage_tab_r { width: 50%; }

.mypage_tab_l h3, .mypage_tab_r h3 { display: block; width: 100%; font-weight: normal; text-align: center; background: #4d4d4d; color: #fff; padding: 8% 0; font-size: .9em;}

.mypage_tab_l a, .mypage_tab_r a { display: block; width: 100%; text-align: center; background:#f4f4f4; color: #4d4d4d; padding: 8% 0;}

.mypage_tab_list > li { width: 100%; padding: 0 0 1em; margin-bottom: 1em; border-bottom: solid 1px #ccc; }
.mypage_tab_list > li:last-of-type { border-bottom: none; }
.mypage_tab_list_item { display: block; padding: 1em; color: #333; }
.mypage_tab_list_head { display: flex; }
.mypage_tab_list_head figure { width: 30%; margin: 0 10px 0 0; background: #eee; }
.mypage_tab_list_head .listHead_inner { padding-left: 1em; align-self: center; }
.mypage_tab_list_head .listHead_ttl { font-size: 15px; font-weight: bold; }
.mypage_tab_list_head .listHead_sub { display: none; font-size: 12px; font-weight: normal; color: #4a87e2; }
.mypage_tab_list_info { margin: 0.75em 0; }
.mypage_tab_list_info dl { display: flex; flex-wrap: wrap; max-width: 28em; }
.mypage_tab_list_info dt { min-width: 5em; padding-right: 0.5em; }
.mypage_tab_list_info dd { width: 65%; }
.mypage_tab_list_btn { padding: 0 1em; }
.mypage_tab_list_btn .list_btn a, .mypage_tab_list_btn .list_btn button, .mypage_tab_list_btn input[type="submit"] { position: relative; display: block;     width: 90%;max-width: 260px;font-size: 0.875em;margin: 1.5em auto;text-align: center;line-height: 1.5;padding: 1rem 0!important;color: #4d4d4d!important;font-weight: normal;border-radius: 0;border: 1px solid rgba(77, 77, 77,0.5);transition: .3s; }

.mypage_tab_list_btn .list_btn a:hover, .mypage_tab_list_btn .list_btn button:hover, .mypage_tab_list_btn input[type="submit"]:hover { opacity: 0.8; }
.mypage_tab_list_btn .btn_cancel a, .mypage_tab_list_btn .btn_cancel button { background:#4d4d4d; color: #fff !important;}
.mypage_tab_list_btn .btn_review a, .mypage_tab_list_btn .btn_review button{ background:#4d4d4d; color: #fff !important;}
@media print, screen and (min-width: 600px) { .mypage_cast_review { padding: 2.5em 1.5em; }
  .mypage_cast_review_item figure.f1 { margin: 0 4% 0 0; width: auto; max-width: 300px; }    
  .mypage_tab_list > li { width: 100%; display: flex; }
  .mypage_tab_list_item { width: 65%; padding: 1em; }
  .mypage_tab_list_btn { width: 35%; }
  .mypage_tab_l h3, .mypage_tab_r h3 { padding: 3.4% 0; font-size: .9em;}
  .mypage_tab_l a, .mypage_tab_r a { padding: 3.4% 0;}}

.account_head { margin-bottom: 2em; }
.account_boxWh { width: 98%; background: #fff; padding: 1.5em; margin: 2em auto; border-radius: 8px; position: relative; text-align: center; }
.account_boxWh_ttl { margin: 1.5em auto; font-size: 1.1em; font-weight: 600; }
.account_boxWh_inner { display: inline-flex; flex-direction: column; }
.account_boxWh p { margin-bottom: 1em; text-align: left; display: inline-block; }
.page_forgot .account_boxWh { max-width: 700px; }
.account_box { margin: 1.5em auto; padding: 0.5em; }
.account_box_ttl { margin-bottom: 1em; font-weight: 600; border-bottom: solid 2px currentcolor; }
@media print, screen and (min-width: 600px) { .account_main { margin: 0 auto; padding: 0 2em; max-width: 780px; }
  .page_forgot .account_boxWh { padding: 2em 3em; } }

.accountForm .kakomi { background: rgba(255, 255, 255, 0.5); margin: 1em auto; padding: 2em 0.5em; border: solid 1px #ccc; border-radius: 10px; max-width: 750px; }
.accountForm .note { margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.75em; display: inline-block; background: #a88e66; color: #fff; font-size: 0.7em; padding: 0.2em 0.6em; border-radius: 0; font-weight: normal;}
.accountForm .blue { color: #333; }
.entry_confirm .accountForm { padding: 1em 0.5em; background: #fff; border-radius: 10px; }
.accountForm_item { padding: 0.5em; margin-bottom: 0.5em; }
.accountForm_item_inner { margin-bottom: 1em; }
.accountForm_item_inner p { margin-bottom: 0.5em; }
.accountForm_label { font-weight: 600; color: #706364; }
.accountForm_label .note { background: #a88e66; }
.accountForm input[type="text"], .accountForm input[type="email"], .accountForm input[type="e_mail"], .accountForm input[type="password"], .accountForm textarea, .accountForm input[type="tel"] { border: 1px solid #ccc; padding: 10px 5px; border-radius: 2px; width: 100%; font-size: 16px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;}
.accountForm_btnBox { margin: 2em auto 3em; }

.accountForm_btn a, .accountForm_btn button, .accountForm input[type="submit"], .accountForm input[type="button"] { 
  display: block;
  width:100%;
  max-width:300px;
  font-size: 0.875em;
  margin:1.5em auto;
  line-height: 1.5;
  position: relative;
  padding: 1.2rem 2rem!important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #4d4d4d !important;
  border: 1px solid rgba(77, 77, 77,0.5);
  font-weight:normal;
  border-radius: 0;
  font-feature-settings: "palt";
    background: #fff;}

.accountForm_btn a:hover, .accountForm_btn button:hover, .accountForm input[type="submit"]:hover, .accountForm input[type="button"]:hover { opacity: 0.8; }
.accountForm_btn.btn_back a, .accountForm_btn.btn_back button {background: #4d4d4d; color: #fff !important;}
.accountForm_btn.btn_back a:hover, .accountForm_btn.btn_back button:hover { opacity: 0.8; }
.accountForm label { display: block; margin-bottom: 5px; font-weight: 400; font-size: 16px; }
.accountForm .selectbox { position: relative; width: 20%; display: inline; }
.accountForm select { margin: 0 2px 10px; -webkit-appearance: none; appearance: none; padding: 1em 1em; box-sizing: border-box; border: #ccc 1px solid; background: #fff; width: 28.5%; padding: 10px 5px; border-radius: 2px; font-size: 16px; }
.accountForm .selectbox::after { content: ""; display: block; width: 6px; height: 6px; position: absolute; right: 1.3em; top: 30%; border-bottom: #333 2px solid; border-right: #333 2px solid; transform: rotate(45deg) translateY(-30%); }
.accountForm_radio { display: flex; flex-wrap: wrap; }
.accountForm_radio li { position: relative; margin-right: 2.25em; margin-bottom: 0.75em; line-height: 1.5; }
.accountForm_radio li:last-of-type { margin-right: 0; }
.accountForm_radio li label { padding-left: 1.75em; transition: .3s; }
.accountForm_radio li input[type="radio"] { display: none; }
.accountForm_radio li input[type="radio"] + label { cursor: pointer; }
.accountForm_radio li input[type="radio"] + label:before { content: ""; position: absolute; left: 0; top: 0; width: 1.3em; height: 1.3em; background: none; border-radius: 50%; border: solid 1px #ccc; background: #fff; transition: .3s; }
.accountForm_radio li input[type="radio"]:checked + label:before { background: #a88e66; border-color: #a88e66; box-shadow: 0 0 0 0.2em #fff inset; }
.accountForm_check { position: relative; line-height: 1.25; }
.accountForm_check:last-of-type { margin-right: 0; }
.accountForm_check label { padding-left: 1.75em; transition: .3s; }
.accountForm_check input[type="checkbox"] { display: none; }
.accountForm_check input[type="checkbox"] + label { cursor: pointer; }
.accountForm_check input[type="checkbox"] + label::before, .accountForm_check input[type="checkbox"] + label::after { transition: .3s; }
.accountForm_check input[type="checkbox"] + label::before { content: ""; position: absolute; top: 0; left: 0; width: 1.2em; height: 1.2em; border: 1px solid #ccc; background: #fff; border-radius: 3px; }
.accountForm_check input[type="checkbox"] + label::after { font-family: 'font Awesome 5 Free'; font-weight: 900; content: "\f00c"; position: absolute; top: -0.1em; left: 0; color: #e94b82; opacity: 0; font-size: 1.33em; }
.accountForm_check input[type="checkbox"]:checked + label::before { border: solid #e94b82 0.1em; }
.accountForm_check input[type="checkbox"]:checked + label::after { opacity: 1; }

.accountForm_item .cation{color:#666; font-size: 80%;}

@media print, screen and (min-width: 600px) { .accountForm .kakomi { padding: 2em 2em; }
  .accountForm_item { padding: 1em 1.5em; }
  .entry_confirm .accountForm { padding: 2em; background: #fff; border-radius: 10px; } }

.payment_mv { width: 100vw; margin-left: -1em; }
.payment_ttl { margin: 0.5em auto; width: 100%; font-size: 20px; text-align: center; color: #706364; }
.payment_box { padding: 0; }
.payment_item { margin: 1.5em auto; padding: 1.5em 0.75em; background: #fff; border-radius: 10px; }
.payment_item.item_v2 { text-align: left; }
.payment_item img { max-width: 550px; }
.payment_item_ttl { position: relative; margin: 4em 0 0.5em; padding: 0 0 0.5em; color: #333; text-align: center; border-bottom: 2px solid #ccc;}
.payment_item_ttl > span { font-size: 18px; font-weight: 600; }
.payment_item_ttl i { position: absolute; left: 0; top: 7px; font-size: 30px !important; color: rgba(112, 99, 100, 0.5); }
.item_v2 .payment_item_ttl { padding-left: 0; }
.payment_item_subtxt { margin-top: -0.5em; font-weight: 400; }
.payment_item_txt ul { list-style: disc; padding: 0.5em 1em; }
.payment_item_txt ul li { margin-bottom: 0.5em; line-height: 1.5; }
.payment_item_txt p > a > i { font-size: 16px !important; }
.item_v2 .payment_item_txt { padding: 0.5em; display: inline-block; min-width: 23em; text-align: left; }
.payment_item_box { background: #eae8e8; display: flex; padding: 1em; align-items: center; border-radius: 10px; }
.payment_item_box_inner { width: 50%; font-weight: 600; text-align: center; }
.payment_item_box .item_note { display: block; font-size: 0.9em; }
.payment_btn a, .payment_btn button, .payment_btn input[type="submit"], .payment_btn input[type="button"] { width: 90%;
    max-width: 260px;
    font-size: 0.875em;
    margin: 1.5em auto;
    text-align: center;
    line-height: 1.5;
    position: relative;
    display: block;
    padding: 1rem 0!important;
    color: #4d4d4d!important;
    font-weight: normal;
    border-radius: 0;
    border: 1px solid rgba(77, 77, 77,0.5);}
.payment_btn a:hover, .payment_btn button:hover, .payment_btn input[type="submit"]:hover, .payment_btn input[type="button"]:hover { opacity: 0.8; }
.payment_cardImg { max-width: 210px; margin: 0 auto 2%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
.payment_cardImg img{width: calc(100%/2); height: auto;}
.payment_cardImg2 { max-width: 400px; margin: 0 auto 2%; }

.payment_info {  margin: 0 auto 10%; width: 90%;}
.payment_info li{ list-style: disc; list-style-position: outside;}

.item_v2 .payment_form { /*display: inline-block; min-width: 23em;*/ text-align: left; width: 100%; margin: 0 auto;}

.item_v2 .payment_form .accountForm_item{padding: 0;}

.item_v2 .payment_form label{ font-weight: bold;}

.item_v2 .payment_form .note { margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.75em; display: inline-block; background: #a88e66; color: #fff; font-size: 0.7em; padding: 0.2em 0.6em; border-radius: 0; font-weight: normal;}
.item_v2 .payment_form .blue { color: #333; }

.item_v2 .payment_form input[type="tel"] {
    border: 1px solid #ccc;
    padding: 10px 5px;
    border-radius: 2px;
    width: 100%;
    font-size: 16px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.payment_form ul{ margin-bottom: 2em;}
.payment_form li{ border-bottom: 1px solid #ddd;}
.payment_form em{ display: block; font-size: 80%;}

.payment_form .ECM_RadioInput { padding: 9px 0 9px 0; display: flex; align-items: center; cursor: pointer; }
.payment_form .ECM_RadioInput-Input { opacity: 0; width: 0; margin: 0; }
.payment_form .ECM_RadioInput:hover > .ECM_RadioInput-DummyInput { border: solid 1px #4a87e2; }
.payment_form .ECM_RadioInput-Input:focus + .ECM_RadioInput-DummyInput { background: #FFFFFF; }
.payment_form .ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput { background: #FFF; }
.payment_form .ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; border-radius: 50%; background: #a88e66; }
.payment_form .ECM_RadioInput-DummyInput { position: relative; top: 0; left: 0; display: block; width: 26px; height: 26px; border-radius: 50%; background: #FFF; border: solid 1px #aaa; }
.payment_form .ECM_RadioInput-LabelText { margin: 0 2%; display: block; font-size: 14px; color: #333; font-weight: bold;}
.payment_table { width: 100%; margin: 1em auto; }
.payment_table th, .payment_table td { padding: 5px; text-align: center; }
.payment_table td { border-bottom: solid 7px #fff; }
.payment_table td:first-of-type { color: #fff; background: #706364; }
.payment_table th:nth-of-type(2), .payment_table td:nth-of-type(2) { text-align: left; }
@media print, screen and (min-width: 600px) { .payment_mv { width: auto; margin-left: auto; }
  .payment_item { padding: 1em 2em; max-width: 800px; }
  .item_v2 .payment_item_txt { padding: 2em 1em; max-width: 650px; }
  .payment_item_box { margin: 1em auto; font-size: 16px; }
  .payment_form .ECM_RadioInput-LabelText { font-size: 16px; }
  .payment_table { margin: 2em auto; }
  .payment_table th, .payment_table td { padding: 5px 2em; font-size: 16px; }
  .payment_table td:first-of-type { padding: 5px 5px; font-size: 14px; }
  .payment_table th:nth-of-type(2), .payment_table td:nth-of-type(2) { padding-right: 0.5em; }
  .payment_table td:nth-of-type(3) { min-width: 40%; } }
@media screen and (min-width: 1025px) { .payment_box { display: flex; flex-wrap: wrap; justify-content: space-between;padding: 0.5em; }
  .payment_item { padding: 2em 1em; width: 48%; }
  .payment_item.item_v2 { width: 100%; } 
  .item_v2 .payment_form { /*display: inline-block; min-width: 23em;*/ text-align: left; width: 80%; margin: 0 auto;}
  .payment_form em{ display: inline; font-size: 90%; margin: 0 0 0 2%;}
  .payment_form small{ font-size: 80%; }
  .payment_info {  margin: 0 auto 6%; width: 100%;}    
}

.page { /* キャンセルBOX */ }
.page_title_a { width: 100%; font-size: 20px; font-family: "Hannari", serif; font-weight: normal; text-align: center; line-height: 1.5; margin-bottom: 1em; color: #333; }
.page_title_a.h2_ttl { margin-bottom: 1.5em; }
.page_title_a span { display: block; font-size: .4em; color: #e8427c; letter-spacing: .2em; margin: 0; }
.page_forgot .list_title { display: block; width: 100%; text-align: center; top: 60px; color: #0072ae; font-size: 20px; font-weight: 600; margin: 5px auto 0; }
.page_cancel .cancelBox { display: none; width: 100%; height: 100%; overflow-y: auto; position: fixed; top: 0; left: 0; z-index: 200; }
.page_cancel .cancelBox_layer { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); }
.page_cancel .cancelBox_close { position: fixed; top: 15px; right: 15px; width: 40px; height: 40px; }
.page_cancel .cancelBox_close:before { content: ""; display: block; width: 40px; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 0; transform: rotate(45deg); }
.page_cancel .cancelBox_close:after { content: ""; display: block; width: 40px; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 0; transform: rotate(-45deg); }
.page_cancel .cancelBox_form { width: 80%; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); padding: 1.5em; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.page_cancel .cancelBox_ttl { text-align: center; font-size: 1.5em; font-weight: bold; line-height: 1.5; margin-bottom: 1.5em; }
.page_cancel .cancelBox_btn { display: flex; justify-content: center; }
.page_cancel .cancelBox_btn li { width: 50%; }
.page_cancel .cancelBox_btn_yes, .page_cancel .cancelBox_btn_no { display: block; width: calc(100% - 1em); background-color: #e94b82; color: #fff; font-size: 1.2em; font-weight: bold; line-height: 2.5; text-align: center; border: none; border-radius: 10px; margin: 0 0.5em; }
.page_cancel .cancelBox_btn_no { background-color: #666; }
@media screen and (min-width: 1025px) { .page_title_a { font-size: 30px; } }

.castpage { padding-top: 90px; }
.castpage .title_a { color: #4d4d4d; font-size: 24px; text-align: center; padding: 1em 0; }
/*.castpage .bgw {display: flex;flex-wrap: wrap;justify-content: space-between;}*/
.cast_short header .bgw { border-bottom: 1px solid #ddd; position: relative;}
@media screen and (min-width: 1025px) { .cast_short header .bgw { height: 100px !important;} }
.castpage header h1 { width: 40%; max-width: 140px; margin: 0 auto; position: absolute; right: 0; left: 0;}
.castpage .a_logo { position: static; width: 100%; max-width: 180px; height: auto; }
.castpage .form_login { margin: 1em auto 3em; max-width: 750px; }
.castpage .accountForm_btn a, .castpage .accountForm_btn button, .castpage .accountForm input[type="submit"], .castpage .accountForm input[type="button"] { background-image: none; background: #fff; }
.castpage .myp_header .tab_box { border-bottom: 4px solid #4d4d4d; }
.castpage .myp_header .tab_box li a:hover { opacity: 0.9;}
.castpage .myp_header .tab_box .current a { background-color: #4d4d4d; }
.castpage .btn02_off a, .castpage .btn03_off a { border-radius: 6px; transition: .3s; }
.castpage .myp_header .tab_box li a { border-radius: 3px 3px 0 0; transition: .3s; }
.castpage .prof { margin: 0 auto; padding: 0.5em 1.5em 1.5em; max-width: 1400px; }
.castpage .user_mypage { margin: 0 auto; padding: 0 1.5em; max-width: 1400px; }
.castpage .user_mypage .myp_header .btn { margin: 30px auto 50px; max-width: 750px; }
.castpage .user_mypage .myp_header .btn ul { display: flex; float: none; justify-content: space-between; }
.castpage .mypage_tab_l, .castpage .mypage_tab_r { width: 35%; }
.castpage .mypage_tab_l { margin-right: 0.5em; }
.castpage .mypage_tab_l a, .castpage .mypage_tab_r a { background-image: none; background: #ddd; color: #333; border-radius: 6px 6px 0 0; transition: .3s; border-left: none; border-right: none; }
.castpage .mypage_tab_l a:hover, .castpage .mypage_tab_r a:hover { background-color: #bfa6f4; color: #fff; }
.castpage .mypage_tab_l h3, .castpage .mypage_tab_r h3 { color: #fff; background: #7d4be9; height: 100%; border-radius: 6px 6px 0 0; border-left: none; border-right: none; }
.castpage .mypage_tab { background: none; margin: 0 auto; max-width: 1000px; }
.castpage .mypage_tab_inner { background: #fff; padding: 2em 1em; }
.castpage .mypage_tab_list li { padding: 1em; display: flex; align-items: center; justify-content: space-between; }
.castpage .mypage_tab_list li a { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.castpage .mypage_tab_list .castBlog_img img { object-fit: cover; font-family: 'object-fit: cover;'; width: 140px; height: 140px; }
.castpage .mypage_tab_list .castBlog_ttl { padding: 0 1em; font-size: 18px; font-weight: 600; width: calc(100% - 150px); }
.castpage .mypage_tab_list .castBlog_date { text-align: right; }
.castpage .castBlog { margin: 0 auto 2em; padding: 3em 1em; background: #f8f8f8; }
.castpage .page_schedule .faq dd { padding: 0.5em 1em !important; }
.castpage .form_input { display: flex; margin-bottom: 1em; align-items: center; }
.castpage .form_input_img img { object-fit: cover; font-family: 'object-fit: cover;'; width: 160px; height: 160px; }
.castpage .form_input_up { width: 25%; }
.castpage .form_input_file { padding: 0 1em; color: #777; display: flex; align-items: center; width: calc(80% - 180px); }
.castpage .form_input_file input[id^="file"] { display: none; }
.castpage .form_input_file label[for^="file"] { position: relative; display: block; width: 100%; text-decoration: none; padding: 0.85em 0; margin: 1em auto; border-radius: 5px; border: none; background-image: linear-gradient(to bottom, #ef78a2 0%, #e31e62 100%); color: #fff; text-align: center; line-height: 1.5; transition: .3s; cursor: pointer; background-image: none; background: #7d4be9; font-weight: 400; }
.castpage .form_input_file label[for^="file"]:hover { opacity: 0.8; }
.castpage .form_input_file label[class^="select_file"] { display: block; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9em; padding-left: 0.5em; font-weight: 400; }
.castpage .form_schedule a, .castpage .form_schedule button, .castpage .form_schedule input[type="submit"], .castpage .form_schedule input[type="button"] { width: 100%; margin-left: 0; }
.castpage .schedule_table { margin: 1em 0; }
.castpage .waiting_list { padding: 1em; margin: 1em auto 2em; max-width: 1000px; }
.castpage .waiting_list li, .castpage .waiting_list_box { display: flex; align-items: center; margin: 1em auto; padding: 1em; border-bottom: solid 1px #ccc; }
.castpage .waiting_list li:last-of-type, .castpage .waiting_list_box:last-of-type { border-bottom: none; }
.castpage .waiting_list_img { width: 160px; }
.castpage .waiting_list_img img { object-fit: cover; font-family: 'object-fit: cover;'; width: 160px; height: 160px; }
.castpage .waiting_list_item { padding-left: 1.5em; }
.castpage .waiting_list_btn a, .castpage .waiting_list_btn button, .castpage .waiting_list_btn input[type="submit"], .castpage .waiting_list_btn input[type="button"] { position: relative; display: block; width: 100%; text-decoration: none; padding: 0.85em 0; margin: 1em auto; border-radius: 5px; border: none; background-image: linear-gradient(to bottom, #ef78a2 0%, #e31e62 100%); color: #fff; text-align: center; line-height: 1.5; transition: .3s; cursor: pointer; background-image: none; background: #7d4be9; }
.castpage .waiting_list_btn a:hover, .castpage .waiting_list_btn button:hover, .castpage .waiting_list_btn input[type="submit"]:hover, .castpage .waiting_list_btn input[type="button"]:hover { opacity: 0.8; }
.castpage .waiting_list_status { font-weight: 600; margin-bottom: 0.5em; }
.castpage .waiting_list_data { margin-bottom: 0.5em; }
.castpage .augur { padding: 1.5em; }
.castpage .augur p { margin-bottom: 10px; }
.castpage .augur p:last-of-type { margin-bottom: 0; }
.castpage .augur h3 { margin-top: 0; margin-bottom: 0.75em; }
.castpage .augur, .castpage .augur a { width: 98%; max-width: 950px; margin: 1em auto; }
.castpage .augur .txt, .castpage .augur a .txt { width: auto; }
.castpage .augur figure, .castpage .augur a figure { margin-right: 1.5em !important; }
.castpage .backg { width: 65px; height: 65px; background: rgba(125, 75, 233, 0.7); padding: 0; position: relative; }
.castpage #pagetop img { width: 40px; display: block; position: absolute; top: 12px; left: 12px; }
.castpage #footer { margin-top: 3em; background: none; width: 100%; max-width: none; padding: 2em 0; color: #333; }