@charset "UTF-8";

/*--------------------
 *    login form
 *--------------------*/
.program-list-navi {
	padding:10px;
    font-size:.9em;
}
@media screen and (max-width: 1024px){
.program-list-navi {
	padding:10px;
    font-size:.8em;
    line-height: 2em;
}
}

.program-list-navi a:link{
  color: #1a2b7d;
  text-decoration: underline;
}


.doui{
  display: block;
  padding: 10px 30px 10px 10px;
  vertical-align: middle;
  float: left;
  }

.douilink {
	color: #1a2b7d;
	text-decoration: underline;
}


.btn__sinki {
	display:block;
	width: 99%;
	margin: 0 auto;
	padding: 20px 0;
	letter-spacing: 1px;
	color: #000;
	text-align: center;
	cursor: pointer;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-bottom: solid 4px #d9b000;
	background: #f1c400;
}

@media only screen and (max-width: 1024px) {
.btn__sinki {
	display:block;
	padding: 20px 0 10px 0;
	line-height: 35px;
}
}

.btn__sinki span.sinki {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
.btn__sinki span.sinki {
	font-size: 1.2em;
	line-height: 24px;
	font-weight: bold;
}
}


  .btn__search {
  background-color: #990033;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding:15px  10px;
  width: 200px;
  margin: 10px auto;
  border: 2px solid #9B1044;
  border-radius: 10px;
  -webkit-appearance: none;
  letter-spacing: 1px;
  cursor: pointer; }

  .btn__search span {
    background: url(../img/icon_search_btn.png) no-repeat left center;
}

  @media only screen and (max-width: 1024px) {
  .btn__search {
  background-color: #990033;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  padding:15px  10px;
  width: 200px;
  margin: 10px auto;
  border: 2px solid #9B1044;
  border-radius: 10px;
  -webkit-appearance: none;
  letter-spacing: 1px;
  cursor: pointer; }
}

  .btn__all {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #1a2948;
  padding:15px  10px;
  width: 240px;
  margin: 10px auto;
  border:#f1c400;
  background: #f1c400;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-bottom: solid 4px #d9b000;
  letter-spacing: 1px;
  cursor: pointer; }

  @media only screen and (max-width: 1024px) {
  .btn__all {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #1a2948;
  padding:15px  10px;
  width: 200px;
  margin: 10px auto;
  -webkit-appearance: none;
  letter-spacing: 1px;
  cursor: pointer; }
}

.login__form {
  width: auto;
  height: auto;
  position: relative;
  margin-top: -5px;
  display: inline-block;
  letter-spacing: normal; }

.login__form img {
  width: 31px;
  height: 31px;
  float: right; }

.login__text {
  float: right;
  height: 31px; }

.login__text p {
  font-size: 11px;
  line-height: 11px;
  padding: 3px 0 0 8px;
  text-align: left; }

.login__title {
  color: #990033;
  font-size: 6px;
  text-align: left;
  font-weight: bold; }

.login__mypage::after {
  content: "�";
  color: #990033;
  padding-left: 3px; }

.login__name {
  color: #5D5D5D;
  font-size: 13px; }

.login_contents {
  height: auto;
  width: 100%;}


.signup {
  height: 100%;
  min-height: 400px;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .signup {
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      display: -webkit-flex;
      /* Safari */ } }

.signup__main {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-left: 1px solid #fff;
  border-radius: 10px 10px 0 0; }

  @media screen and (max-width: 1024px) {
    .signup__main {
      -ms-flex-order: 1;
      order: 1; } }

.signup__sub {
  width: 100%;
  height: auto;
  background-color: #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-radius: 0 0 10px 10px; }

  @media screen and (max-width: 1024px) {
    .signup__sub {
      -ms-flex-order: 2;
      order: 2; } }

.signup__header {
  height: auto;
  width: 100%;
  padding: 20px 10px 0; }


.signup__body {
  width: 100%;
  height: auto;
  padding: 0 10px;
  position: relative; }

.password-reset {
  padding: 0 15px; }


.password-reset__form {
  width: 100%;
  height: auto;
  padding: 15px 15px; }


.password-reset__info {
  width: 100%;
  padding-bottom: 30px; }


.password-reset__form--attention {
  color: red;
  font-size: 12px; }

.password-reset__form__item {
  height: auto;
  width: 100%;
  margin-bottom: 20px; }

  @media screen and (max-width: 1024px) {
    .password-reset__form__item {
      letter-spacing: -.4em;
      display: block; } }

.password-reset__form__label {
  width: 35%;
  height: auto;
  text-align: right;
  padding-right: 18px;
  vertical-align: middle;
  background-color: #fff; }

  @media screen and (max-width: 1024px) {
    .password-reset__form__label {
      text-align: left;
      width: 100%;
      display: inline-block;
      letter-spacing: normal; } }

.password-reset__form__label p {
  color: #990033;
  font-size: 14px;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 2px; }

.password-reset__form__input {
  width: 65%;
  height: auto;
  vertical-align: middle; }

  @media screen and (max-width: 1024px) {
  .password-reset__form__input {
      width: 100%;
      display: inline-block;
      letter-spacing: normal; } }

.password-reset__form__input input {
  width: 375px; }

  @media screen and (max-width: 1024px) {
    .password-reset__form__input input {
      width: 100%; } }

.password-reset__form__submit {
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 20px;
  display: block; }



input[type=text],
input[type=password] {
  font-size: 14px;
  line-height: 14px;
  padding: 8px 10px;
  margin: 0 7px 0 0;
  background-color: #F2F2F2;
  border: 1px solid #999999;
  border-radius: 6px; 
}

@media screen and (max-width: 1024px) {
.search__row__contents input[type=text],
.search__row__contents input[type=password] {
  background-color: #FFF;
}
}

@media screen and (max-width: 1024px) {
    input[type=text],
    input[type=password] {
      -webkit-appearance: none; 
} 
}

input[type=text]:focus,
input[type=password]:focus {
    outline: 0;
    border-color: #001e62; 
}

textarea {
  font-size: 14px;
  line-height: 14px;
  padding: 10px 10px;
  background-color: #F2F2F2;
  border: 1px solid #999999;
  border-radius: 6px;
  width: 90%;
  /* height: 300px; */
  resize: vertical;
  }

  @media screen and (max-width: 1024px) {
    textarea {
      font-size: 16px;
      -webkit-appearance: none; } }

textarea:focus {
    outline: 0;
    border-color: #001e62; }

input[type=checkbox],
input[type=radio] {
  margin-right: 6px;
	position:relative;
	top:3px;}

@media screen and (max-width: 1024px) {
input[type=checkbox],
input[type=radio] {
  margin-right: 6px;
	position:relative;
	top:5px;} }

input[type=checkbox] + label,
input[type=radio] + label {
position:relative;
  display: inline-block;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer; }

@media (min-width: 1px) {
  input[type=checkbox] {
    display: none;
    margin: 0; }
}

/* ãƒ�ェãƒ?クボックスã�Œé�žè¡¨ç¤ºåŒ–ã�•ã‚Œã�¦ã�?ã�Ÿã�Ÿã‚??¼ˆã€Œå�Œæ„�ã�™ã‚‹ã€�ãƒ�ェãƒ?ク用?¼‰ã€�å¿?è¦�ã�ªç®?所ã�?ã�‘有効åŒ? */
.kojinShinkiToroku-checkbox input[type=checkbox],
.shiryoSeikyu-checkbox input[type=checkbox] {
  display: inline;
  margin-right: 6px; }

  input[type=checkbox] + label,
  input[type=radio] + label {
    padding-left: 32px; }
	
  input[type=checkbox] + label::before,
  input[type=radio] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 19px;
    height: 19px;
    margin-top: -9px;
    border: 1px solid gray;
    }
  input[type=checkbox] + label::after,
  input[type=radio] + label::after {
    content: "";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
    left: 5px;
    width: 9px;
    height: 6px;
    margin-top: -4px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  input[type=checkbox]:checked + label::before,
  input[type=radio]:checked + label::before {
    background: #c63527;
    border: 1px solid #c63527; }

/* 予�一覧�「支払��ェ�クボックス�真ん中��るよ��を調節 */
.yoyakuKozaIchiran-shiharai input[type=checkbox] + label::before {
  margin-left: 9px; }
.yoyakuKozaIchiran-shiharai input[type=checkbox] + label::after {
  margin-left: 9px; }
@media screen and (max-width: 1024px) {
.yoyakuKozaIchiran-shiharai input[type=checkbox] + label::before {
  margin-top: 2px;
  margin-left: 0; }
.yoyakuKozaIchiran-shiharai input[type=checkbox] + label::after {
  margin-top: 7px;
  margin-left: 0; }
}

table.table_cmn .payment input[type=radio] {
  top: 1px; }
@media screen and (max-width: 1024px) {
table.table_cmn .payment input[type=radio] {
  top: 5px; }
}




/* table */
.table_cmn { margin: 0;}

table.table_cmn {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0 7px;
	font-size: 1em;
	line-height: 1.5em;
}

  @media screen and (max-width: 1024px) {
table.table_cmn {
	width: 95%;
    font-size: 0.9em;
	margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px;
}
}

table.table_cmn a {
	color: #88002c;
	font-weight: bold;
    text-decoration:underline;
	display:block;
    width:100%;
    height:100%;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

table.table_cmn a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

table.table_cmn a:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

	

table.table_cmn tr th {
	padding: 5px .75em 5px 15px;
	background:#7b7b7b;
	font-weight: normal;
	text-align: left;
	color: #fff;
	border:1px solid #efebe7;
}

  @media screen and (max-width: 1024px) {
table.table_cmn tr th {
		border:0px solid #efebe7;
	border-bottom:1px solid #efebe7;
}
}

table.table_cmn tr td {
	min-height: 20px;
}

table.table_cmn tr {
	font-size: 1em;
}

table.table_cmn tr.bg_gray th,
table.table_cmn tr.bg_gray td {
	background-color: #fff;
}

table.table_cmn tr td {
	padding: 9px;
			  border: 1px solid #cccccc;
	background-color: #fff;
}

table.table_cmn tr th.t_lt,
table.table_cmn tr td.t_lt {/* 左��� */
	text-align: left;
	vertical-align: top;
}

table.table_cmn tr th.t_lm,
table.table_cmn tr td.t_lm {/* 左��中央 */
	text-align: left;
	vertical-align: middle;
}

table.table_cmn tr th.t_lm-right,
table.table_cmn tr td.t_lm-right {/* 角丸�*/
	 border-radius: 0px 0px;
}

table.table_cmn tr th.t_lm-left,
table.table_cmn tr td.t_lm-left {/* 角丸左*/
	 border-radius: 0px;
}


table.table_cmn tr th.t_rt,
table.table_cmn tr td.t_rt {/* ���� */
	text-align: right;
	vertical-align: top;
}

table.table_cmn tr th.t_rm,
table.table_cmn tr td.t_rm {/* ���中央 */
	text-align: right;
	vertical-align: middle;
}

table.table_cmn tr th.t_ct,
table.table_cmn tr td.t_ct {/* 中央��� */
	text-align: center;
	vertical-align: top;
}

table.table_cmn tr th.t_cm,
table.table_cmn tr td.t_cm {/* 中央��中央 */
	text-align: center;
	vertical-align: middle;
}

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

table.table_cmn tr {
	display: block;
	margin: 1em 0;
}

table.table_cmn td {
	border: none;
}

table.table_cmn a {
	font-size: 1.1em;
}

.table_cmn th {
	display: none;
}



table.table_cmn tr td {
	min-height: 40px;
}

table.table_cmn tr td input{
	width: 20px;
	height: 20px;
}


table.table_cmn tr td.t_lm,
table.table_cmn tr td.t_lt {
	text-align: left;
	line-height: 1.5em;
	padding: .5em 1em .5em 9em;
}

table.table_cmn tr td.t_lm-right {
	padding-bottom: 1em;
}

table.table_cmn tr td.t_lm-left {
    background-color: #F2F2F2;
	color:  #000;
    font-weight: bold;
}


.table_cmn td {
	display: block;
	position: relative;
	word-break: break-all;
}



.table_cmn td:before {
	content: attr(data-th)" : ";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	padding: .5em 1em .5em 1.5em;
}

.table_cmn td.t_lm-left:before {
	padding: .5em 1em .5em 1.5em;
	color: #000;
}

table.table_cmn tr th.t_lm-right,
table.table_cmn tr td.t_lm-right {/* 角丸�*/
	 border-radius:0px 0px;
}

table.table_cmn tr th.t_lm-left,
table.table_cmn tr td.t_lm-left {/* 角丸�*/
	 border-radius: 0px 0px 0 0;
}
}



/* 予�一覧用リス� */
table.table_reserve {
	border-radius: 10px;
    font-size: .9em;
	border-collapse: collapse; 
	margin: 1em auto;
}

.table_reserve tr th,
.table_reserve tr td,
.table_reserve tr th img  {
	padding: 6px .75em 6px 20px;
	vertical-align: middle;
	background-color: #FFFFFF;

}

.table_reserve tr th {
	padding: 5px .75em 5px 15px;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #cfc7be;
	border-right: 1px solid #efebe7;
}
@media screen and (max-width: 1024px) {
table.page_nav_fontsize {
	font-size: .8em !important;
}
}

.table_reserve tr td {
	border-bottom: 1px solid #efebe7;
	border-right: 1px solid #efebe7;
}

.table_reserve tr td {

	background-color: #fff;
}



/*  予�一覧�リンク */
table.table_reserve tr a {
	color: #001F60 !important;
	font-weight: bold;
}


@media screen and (max-width: 1024px) {
table.table_reserve {
	width: 94%;
	margin: 0 auto;
    font-size: .9em;
	color: #333;
}

table.table_reserve tr {
	display: block;
	margin: 2em 0;
}

table.table_reserve td {
	border: none;
	border-top: 1px solid #efebe7 !important;
}

table.table_reserve a {
	font-size: 1.5em;
	line-height: 2em;
}

.table_reserve th {
	display: none;
}

table.table_reserve tr td.t_lm,
table.table_reserve tr td.t_lt {
	text-align: left;
	padding: .5em 1em .5em 8em;
	font-size: 1.5em;
}

table.table_reserve tr td.t_lm-right {
	padding-bottom: 1em;
}

table.table_reserve tr td.t_lm-left {
	background: #cfc7be;
}


.table_reserve td {
	display: block;
	position: relative;
	word-break: break-all;
}


.table_reserve td:before {
	content: attr(data-th)" : ";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	padding: .5em 1em .5em 1.5em;
}

.table_reserve td.t_lm-left:before {
	padding-top: 1em;
}

table.table_reserve tr th.t_lm-right,
table.table_reserve tr td.t_lm-right {/* 角丸�*/
	 border-radius: 0px;
}

table.table_reserve tr th.t_lm-left,
table.table_reserve tr td.t_lm-left {/* 角丸�*/
	 border-radius: 0px;
}
}





/* フォー�入りテーブル */
table.table_form {
	border-radius: 10px;
	margin: 0 auto;
    font-size: .9em;
	border-collapse: collapse; 
}

.table_form tr th,
.table_form tr td,
.table_form tr th img  {
	padding: 1em;
	vertical-align: middle;
	background-color: #FFFFFF;

}

.table_form tr th {
	text-align: right;
	font-weight: bold;
	color: #2F2F2F;
	border-right: 3px solid #cfc7be;
	width: 138px;
}

.table_form tr th.required {
	padding: 10px 5px 10px 54px;
}

.table_form tr td {
	background-color: #fff;
}


/*  �ーブル�リンク */
table.table_form tr a {
	color: #e23828 !important;
}

@media screen and (max-width: 991px) {
table.table_form {
	margin: 0 auto 1em auto;
    border-collapse: separate;
	width: 94% !important;
}


table.table_form tr th {
	display: block;
	width: 100% ;
	width: -webkit-calc(100% - 64px) ;
	width: calc(100% - 64px) ;
	padding: .75em 32px 0 32px;
}

	
table.table_form tr td {
	display: block;
	width: 100% ;
	width: -webkit-calc(100% - 64px) ;
	width: calc(100% - 64px) ;
	padding: .25em 32px 1em 32px;
}
	
.table_form tr th {
	text-align: left;
	font-weight: bold;
	color: #2F2F2F;
	font-size: 2em;
	border-right: none;
}

.table_form tr td {
	font-size: 2em;
}



}

/* フォー�入りテーブル横掛�線�り　
*/

.table_form-detail {
	width: 1000px;
    float: left;
	margin:10px auto;
    font-size: .9em;
	line-height: 1.6em;
	border-collapse: collapse; 
}

@media screen and (max-width: 1024px) {
.table_form-detail {
	width: 95%;
	margin:9px;
}
}

.table_form-detail tr th,
.table_form-detail tr td{
	padding: 1em;
	text-align: 2em;
	vertical-align: middle;
	background-color: #FFFFFF;
}
	
@media screen and (max-width: 1024px) {
.table_form-detail tr th,
.table_form-detail tr td,
.table_form-detail tr th img  {
	padding: 1em 12px;
}
}

.table_form-detail tr {
	border: 1px solid #cccccc;
	width: 100%;
}


.table_form-detail tr td.required {
	font-size: 1em;
	width: 100%;
	font-weight: bold;
	padding:0.5em 1em;
	color: #333333;
	border-bottom: 1px solid #f2f2f2;
	background-color: #f5f5f5;
}

.table_form-detail tr td {
	background-color: #fff;
}

.table_form-detail tr th,
.table_form-detail tr td {
	font-size:0.9em;
	color: #666666;
}
@media screen and (max-width: 1024px) {
.table_form-detail tr th,
.table_form-detail tr td {
	font-size: 1em;
}
}

.table_form-detail input[type=checkbox],
.table_form-detail input[type=radio] {
	top: 1px;
}
@media screen and (max-width: 1024px) {
.table_form-detail input[type=checkbox],
.table_form-detail input[type=radio] {
	top: 0;
}
}


/* �ーブル横倒� */

.table_form-detail tr th {
	text-align: right;
	font-weight: bold;
	color: #2F2F2F;
	border-right: 3px solid #cfc7be;
	border-bottom: 1px solid #efebe7;
	width: 100px;
}

table.table_application {
	border-radius: 10px;
    font-size: .9em;
	border-collapse: collapse; 
	margin: 1em auto;
}

.table_application tr th,
.table_application tr td,
.table_application tr th img  {
	padding: 6px .75em 6px 20px;
	vertical-align: middle;
	background-color: #FFFFFF;

}

.table_application tr th {
	padding: 5px .75em 5px 15px;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	color: #001F60;
	border-bottom: 2px solid #cfc7be;
	border-right: 1px solid #efebe7;
}

.table_application tr td {
	border-bottom: 1px solid #efebe7;
	border-right: 1px solid #efebe7;
}

.table_application tr td {
	background-color: #fff;
}


/*  �ーブル横倒��リンク */
table.table_application tr a {
	color: #e23828 !important;
}


@media screen and (max-width: 991px) {
table.table_application {
	width: 94%;
	margin: 3em auto;
}

.table_application tr th {
	padding: 5px 10px;
	font-size: 2.5em;
	text-align: left;
	font-weight: normal;
	color: #001F60;
	border-bottom: 2px solid #cfc7be;
	border-right: 1px solid #efebe7;
}

.table_application tr td {
	font-size: 2.5em;
}

.page_nav_fontsize {
	font-size: 1.25em !important;
}

}

/*  講座検索 */
.search__form {
      padding: 0 0px; }
@media screen and (max-width: 1024px) {
.search__form {
      padding: 0 40px; } }

.search__row {
      margin-bottom: 10px;
      display: table; } 
@media screen and (max-width: 1024px) {
.search__row {
      width: 100%;
      height: 100%;
      font-size: 0.9em;
      letter-spacing: -.4em; }
}

.search__row__title {
	vertical-align: middle;
      display: table-cell;
      text-align: left;
      width: 165px;
      padding: 18px 0px 18px 50px;
}
 @media screen and (max-width: 1024px) {
.search__row__title {
      height: auto;
      width: 100%;
      text-align: center;
      vertical-align: middle;
      padding: 14px 0;
      display: inline-block;
      letter-spacing: normal; }
 }

.search__row__title-jp {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-align: center;
      align-items: center; } 
@media screen and (max-width: 1024px) {
	  .search__row__title-jp {
      font-size: 14px;
      padding-bottom: 8px;
      letter-spacing: normal; }
}

.search__row__title-en {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center; } 
@media screen and (max-width: 1024px) {
.search__row__title-en {
    font-size: 10px;
    color: #001F60;
    font-weight: bold;
    letter-spacing: normal; }
}

.search__row__contents {
      display: table-cell;
      padding: 15px 0px; }
@media screen and (max-width: 1024px) {
.search__row__contents {
      background-color: #F2F2F2;
      text-align: center;
      height: auto;
      width: 100%;
      vertical-align: middle;
      border: 1px solid #E6E6E6;
      display: inline-block;
      letter-spacing: normal;
}
}

.search__row__contents select {
    font-size: 1em; 
    padding:5px 10px 5px 5px;
}

.search__item {
    float: left;
    padding: 10px 63px 12px 0;
    letter-spacing: -.4em;
    display: inline-block;}

.search__item__week {
    float: left;
    min-width: 85px;
    padding: 10px 0 10px;
    letter-spacing: -.4em;
    display: inline-block;}


@media screen and (max-width: 1024px) {
.search__item__week {
    float: left;
    min-width: 80px; } }

.search__submit {
  width: 100%;
  height: auto;
  margin: 10px 0 20px 0;
  text-align: center;}
  @media screen and (max-width: 1024px) {
  .search__submit {
  margin: 10px 0 20px 0;
  height: auto; }
}

.search__submit--middle {
  display: table-cell;
  vertical-align: middle; }

.search__row .open {
  cursor: pointer;
  position: relative; }
  .search__row .open:after {
  position: absolute;
  right: 15px;
  top: 20px;
  height: 18px;
  width: auto;
  content: url(../../assets/img/sp-navi/top-red.png); }

.search__row .active:after {
  height: 18px;
  width: auto;
  content: url(../../assets/img/sp-navi/under-red.png); }

.search__condition {
  padding: 20px 0; }
  @media screen and (max-width: 1024px) {
.search__condition {
  padding: 15px;
  color: #808080;
  font-size: 12px; }
 }


button.btn_form_01 {
	margin: 0;
	padding:15px 30px;
	background-color: #f1c400;
	border: 1px solid;
    font-weight: bold;
	color: #000;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

}

button.btn_form_01:hover {
 	opacity: 0.7;
  	filter: alpha(opacity=70);
  	-ms-filter: "alpha(opacity=70)";
}

button.btn_form_01:active {
	box-shadow: none;
    transform: translate3d(0, 3px, 0);
}




button.btn_form_02 {
	border-color: #001F60;
	margin: 8px auto;
	padding:15px 30px;
	background-color: #990033;
	border: 1px solid;
	color: #fff;
	display: block;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0 2px 0 0 #4c0822;
	-moz-box-shadow: 0 2px 0 0 #4c0822;
	box-shadow: 0 2px 0 0 #4c0822;
}

button.btn_form_02:hover {
 	opacity: 0.9;
  	filter: alpha(opacity=90);
  	-ms-filter: "alpha(opacity=90)";
}

button.btn_form_02:active {
	box-shadow: none;
    transform: translate3d(0, 3px, 0);
}



button.btn_form_03 {
	margin: 0;
	padding:15px 30px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid;
  color: #000;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

button.btn_form_03:hover {
 	background-color: #e1e1e1;
 	opacity: 0.6;
  	filter: alpha(opacity=60);
  	-ms-filter: "alpha(opacity=60)";
}

button.btn_form_03:active {
	box-shadow: none;
    transform: translate3d(0, 3px, 0);
}



button.btn_form_04 {
	margin: 1.25em auto 2.25em auto;
	width: 120px;
	height: 44px;
	background-color: #001F60;
	border: none;
	color: #fff;
	display: block;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0 3px 0 0 #4c0822;
	-moz-box-shadow: 0 3px 0 0 #4c0822;
	box-shadow: 0 3px 0 0 #4c0822;
}

button.btn_form_04:hover {
 	opacity: 0.9;
  	filter: alpha(opacity=90);
  	-ms-filter: "alpha(opacity=90)";
}

button.btn_form_04:active {
	box-shadow: none;
    transform: translate3d(0, 3px, 0);
}



button.btn_form_05 {
	margin: 8px auto;
	width: 120px;
	height: 44px;
	background-color: #001F60;
	border: none;
	color: #fff;
	display: block;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0 3px 0 0 #4c0822;
	-moz-box-shadow: 0 3px 0 0 #4c0822;
	box-shadow: 0 3px 0 0 #4c0822;
}

button.btn_form_05:hover {
 	opacity: 0.9;
  	filter: alpha(opacity=90);
  	-ms-filter: "alpha(opacity=90)";
}

button.btn_form_05:active {
	box-shadow: none;
    transform: translate3d(0, 3px, 0);
}



button.btn_form_06 {
	margin: 1.25em auto 2.25em auto;
	width: 120px;
	height: 44px;
	background-color: #001F60;
	border: none;
	color: #fff;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0 3px 0 0 #4c0822;
	-moz-box-shadow: 0 3px 0 0 #4c0822;
	box-shadow: 0 3px 0 0 #4c0822;
}

button.btn_form_06:hover {
 	opacity: 0.9;
  	filter: alpha(opacity=90);
  	-ms-filter: "alpha(opacity=90)";
}

button.btn_form_06:active {
	box-shadow: none;
    transform: translate3d(0, 3px, 0);
}


@media screen and (max-width: 1024px) {
button.btn_form_01 {
	margin: 0.5em auto 0.5em auto;
	background-color: #f1c400;
    font-weight: bold;
	color: #000;
}

button.btn_form_02 {
	margin: 1em auto 3.5em auto;
	width: 200px;
	height: 72px;
	background-color: #001F60;
	border: none;
	color: #fff;
	display: block;
}

button.btn_form_03 {
	margin: 0.5em auto 0.5em auto;
	background-color: #fff;
	border-color: #001F60;
	color: #001F60;
}

button.btn_form_04 {
	margin: 1em auto 3.5em auto;
	width: 200px;
	height: 72px;
	background-color: #001F60;
	border: none;
	color: #fff;
	display: block;
}

button.btn_form_05 {
	margin: 1em auto 3.5em 0;
	width: 200px;
	height: 72px;

	background-color: #001F60;
	border: none;
	color: #fff;
	display: block;
}

button.btn_form_06 {
	margin: 1em auto 3.5em auto;
	width: 200px;
	height: 72px;
	background-color: #001F60;
	border: none;
	color: #fff;
	display: block;
}
}


/*########## PC�/SP版�消� ###########*/
@media screen and (max-width: 1024px){
span.del {
	display: none;
}
}

table.table_cmn tr.total td.round_sp {
	font-weight: bold;
	font-size: 1.2em;
}
	


/*########## �支払��ーブル ###########*/
table.table_cmn tr th.payment, 
table.table_cmn tr td.payment {

}

@media screen and (max-width: 1024px) {
.payment {
	font-size: 1em;
	font-weight: bold;
}}

#accordion {
	margin: 2em 0;

}

table.table_form_pay {
	margin: 0 auto 1em auto;
    border-collapse: separate;
}

table.table_form_pay tr {
	margin: 0 !important;
}

table.table_form_pay tr th {
	display: block;
	padding: 5px .75em;
}

	
table.table_form_pay tr td {
	display: block;
	padding: .75em;
}
	
.table_form_pay tr th {
	text-align: left;
	font-weight: bold;
	color: #001F60;
	border-right: none;
}

.table_form_pay tr td {
	font-size: 1em;
}

.table_form_pay td:before {
	display: none !important;
}


/*.table_form_pay .form_txt input#cardNo{
	width: 75%;*/
}

.table_form_pay .form_txt input#secCode {
	width: 100px;
}


.table_form_pay select {
	width: 100px;
}

.table_cmn td.colon_del:before {
	display: none;
}

/*--------------------
 *    login form
 *--------------------*/


.mypage__form {
	margin: 0;
	display: block;
	/* height: auto; */
	}

  @media screen and (max-width: 1024px) {
.mypage__form {
	margin:0px;
	display: block;
	width: 100%;
	/* height: auto; */
	}
}


.mypage__form__item a {
    color: #990033;
    line-height: 1.2; }


.mypage__user__form {
  width: 90%;
  height: auto; }


.mypage__form--attention {
  color: red;
  font-size: 12px; }

.mypage__form__item {
  height: auto;
  margin: 10px 0 10px 0;
  }


@media screen and (max-width: 1024px) {
.mypage__form__item {
      /* letter-spacing: -.4em; */
      /* display: block; */
      width: 100%;
      margin: 10px 0 20px 10px;
      } }



.mypage__form__item a {
    color: #990033;
    line-height: 1.2; }

.mypage__form__label {
  width: 35%;
  height: auto;
  padding-right: 18px;
  vertical-align: middle;
  background-color: #fff; }

@media screen and (max-width: 1024px) {
.mypage__form__label {
      text-align: left;
      width: 100%;
      display: inline-block;
      letter-spacing: normal; } }

.mypage__form__label--right {
  text-align: right; }

  @media screen and (max-width: 1024px) {
  .mypage__form__label--right {
      text-align: left; } }

.mypage__form__label--left {
  text-align: left; }

.mypage__form__label p {
  color: #1a2948;
  font-weight: bold;
  letter-spacing: 1px; }

.mypage__form__input {
  width: 65%;
  height: auto;
  vertical-align: middle; }

  @media screen and (max-width: 1024px) {
  .mypage__form__input {
  width: 90%;
  display: inline-block;
  letter-spacing: normal; } }

.mypage__form__input--gray {
  background-color: #F2F2F2;
  border-color: #F2F2F2; }

.mypage__form__input--checkbox {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 6px; }

.mypage__form__input label {
  font-size: 14px;
  letter-spacing: 2px; }


.text__item {
  vertical-align: middle;
  margin-bottom: 5px; }

.text__item,
.text__item input {
  width: 100%; }

@media screen and (max-width: 1024px) {
  .text__item,
  .text__item input {
  width: 100%; } 
}

.text__item--full,
.text__item--full input {
  width: 100%;
}

@media screen and (max-width: 1024px) {
.text__item--full,
.text__item--full input {
  width: 98%;
}
}

.check__item {
  float: left;
  padding: 10px 20px 12px 0; }

.mypage__form__submit {
  width: 100%;
  height: auto;
  margin: 30px 0 0 0;
  text-align: center;
  display: block; }

  @media screen and (max-width: 1024px) {
.mypage__form__submit {
  width: 100%;
  height: auto;
  margin: 0px 0 0 0;
  text-align: center;
  display: block; }
}

.mypage__form__submit a {
  text-decoration: none;
  line-height: 46px; }


.mypage__form__submit--center {
  text-align: center; }

.mypage__form__logout {
  text-align: center; }

  @media screen and (max-width: 1024px) {
    .mypage__form__logout {
  margin-top: 30px;
  margin-bottom: 30px; } }


.mypage__form__logout a {
  color: #990033;
  font-size: 15px; 
}

.mypage {
  width: 100%;
  height: auto; 
}

.mypage__container {
  width: 100%;
  height: auto; }

.mypage__contents {
  width: 100%;
  height: auto;
  background-color: #fff;
  position: relative; }

.mypage__flow {
  padding: 18px 0;
  width: 100%; }

.mypage__flow ul {
  letter-spacing: -.4em;
  text-align: center; }

.mypage__flow li {
  letter-spacing: normal;
  display: inline-block;
  padding: 0 5px; }

.mypage__header--flow {
  padding: 0 15px 18px; }


.mypage__header {
  padding: 18px 25px; }


.mypage__body {
  padding: 0 25px 20px; }

.mypage__media {
  width: 100%;
  width: 100%;
  height: auto;
  overflow-y: scroll;
  padding: 0 25px;
  letter-spacing: -.4em; }


.mypage__media_list {
  width: 100%;
  height: auto;
  padding: 0 25px 80px;
  letter-spacing: -.4em; }


.myapge__media__detail {
  width: 100%;
  letter-spacing: -.4em;
  padding: 0 0 80px; }
  @media screen and (max-width: 1024px) {
    .myapge__media__detail {
      padding: 0 25px 80px; } }


.myapge__media__detail h2 {
  color: #990033;
  font-size: 16px;
  line-height: 1.5;
  text-align: justify; }


.myapge__media__detail h3 {
  border-left: 3px solid #F2F2F2;
  padding-left: 15px;
  color: #990033;
  font-size: 16px;
  margin: 16px 0; }

.mypage__list {
  width: 100%;
  height: auto;
  padding: 0 15px 80px; }


.mypage__list__form {
  margin-top: 18px; }

  .mypage__list__form input[type=checkbox] {
    display: inline-block;
    margin-left: 0; }
  .mypage__list__form input[type=checkbox] + label::before,
  .mypage__list__form input[type=checkbox] + label::after {
    display: none; }
  .mypage__list__form input[type=checkbox] + label {
    padding-left: 0; }
  .mypage__list__form select {
    width: 30%;
    padding: 10px;
    line-height: 25px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #f2f2f2;
    background: #fff;
    background: url(../../assets/img/sp-navi/under-red.png) right 10px top 50% no-repeat;
    background-size: 14px, 100%; }

    .mypage__list__form select:focus {
      outline: 0;
      border-color: #990033; }

.mypage__list__form__submit {
  padding: 10px 20px;
  background-color: #F2F2F2;
  margin-bottom: 10px; }
  .mypage__list__form__submit input {
    margin-left: 18px; }
    @media screen and (max-width: 1024px) {
      .mypage__list__form__submit input {
        margin-left: 8px; } }

.btn__mypage {
  color: #990033;
  border: 1px solid #990033;
  border-radius: 25px;
  background-color: #fff;
  padding: 7px 35px;
  cursor: pointer;
  -webkit-appearance: none; }
  @media screen and (max-width: 1024px) {
    .btn__mypage {
      padding: 7px 15px; } }

.mypage__list__form table {
  width: 100%;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse; }
  @media screen and (max-width: 1024px) {
    .mypage__list__form table tbody:before {
      content: "-";
      display: block;
      line-height: 15px;
      color: transparent; } }
  .mypage__list__form table tbody:first-child:before {
    display: none; }
  .mypage__list__form table th {
    background-color: #990033;
    color: #fff;
    white-space: nowrap;
    border: 1px solid #fff; }
  .mypage__list__form table td {
    border: 1px solid #F2F2F2; }
    .mypage__list__form table td a {
      color: #A24641; }
  .mypage__list__form table td.nowrap {
    white-space: nowrap; }
  .mypage__list__form table td.check {
    text-align: center;
    background-color: #F2F2F2;
    border-color: #fff; }
    @media screen and (max-width: 1024px) {
      .mypage__list__form table td.check {
        text-align: left; } }
  .mypage__list__form table td.empty {
    border: 0; }
  .mypage__list__form table td, .mypage__list__form table th {
    padding: 12px 20px;
    margin-right: 10px; }
    .mypage__list__form table td:last-child, .mypage__list__form table th:last-child {
      margin-right: 0; }
  .mypage__list__form table .fee__total {
    text-align: right; }



.mypage_contents__info {
  width: 100%;
  padding: 20px 0; }


.mypage_contents__link {
  width: 100%;
  text-align: center;
  float: left; }

  @media screen and (max-width: 1024px) {
    .mypage_contents__link {
      padding: 20px 0 0 20px;
      } }


.mypage_contents__link__left {
  text-align: left;
  margin: 20px 0 0 0;
  display:  block;
}
  @media screen and (max-width: 1024px) {
.mypage_contents__link__left {
  text-align: left;
  margin: 0px 70px;
  display:  block;}
}

.mypage_contents__link__right {
  text-align: right; }

.mypage_contents__link__bottom {
  position: absolute;
  bottom: 58px; }

.mypage_contents__link a {
  color: #1a2948;
	  line-height: 2em;}

  @media screen and (max-width: 1024px) {
.mypage_contents__link a {
	  line-height: 2.5em;}
}

.mypage_contents__link a:hover,
.mypage_contents__link a:active{
  color: #f1c400;
  text-decoration: underline; }

.arrow__text-right::after {
  content: '�';
  padding-left: 5px;
  display: inline-block; }

.mypage_contents__link ul li {
	  background:url(../img/btn_slide_right2.png) no-repeat left center;
  background-size: 10px;
  padding: 0px 0px 0px 15px;
  margin: 0;
  display:block; }

.mypage_contents__link--sp {
  text-align: right;
  float: right; }

a.mypage_contents__link--sp {
  font-size: 14px;
  color: #990033;
  text-decoration: underline;
  font-weight: normal; }


.header__btn__delete {
  display: table-cell;
  position:relative;
  color: #fff;
  border: none;
  font-size:11px;
  margin: 0px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #f1c400;
  display: table-cell;
  vertical-align: middle;
  text-align:center;
  border-style: double;
  cursor:pointer;
}

.header__btn__delete a
{
	  display: table-cell;
        text-decoration: none!important;
}

.header__btn__delete span.delete {
	padding: 10px;
	margin:0px;
	font-size: 1.2em;
	line-height: 24px;
	font-weight: bold;
	color: #1a2948;
	
}

.header__btn__delete a:hover,
.header__btn__delete a:active{
  background-color:#ffcc40;
}

@media only screen and (max-width: 1024px) {
  body.responsive .header__search {
    display: none;
  }
}