@charset "UTF-8";

/* 20150827 石水 編集済 */
/* 20150724 r.yoshida 編集済 */
/* 20210924 r.yoshida 編集済 */

/*-------------------------------------------*/
/* #header
/*-------------------------------------------*/
#header {
  width:100%;
  /* height:45px; */
  /* padding:2px 0;  */
  padding: 0;
  text-align:center;
  background-color:#ffffff;
  clear:both;
  display: block;
  overflow: hidden;
}
#headerInner {
  width:950px;
  text-align: left;
  color: white;
  clear: both;
  display:block;
  /* margin:0px auto;   */
  margin:2px auto;

}
#headerInner::after { /* Add 20200619 */
  content: "";
  display: block;
  clear: both;
  height: 0px;
  overflow: hidden;
}
#header .innerBox{height:45px;padding:0;}
@media (max-width: 949px) {
#headerInner	{ width:100%; }
#headerImg	{max-width:220px;}
}

/*-------------------------------------------*/
/* #gMenu
/*-------------------------------------------*/
.innerBox, #gMenu #gMenuInner	{ width:950px; margin:0px auto; }/* メニュー */
@media (max-width: 949px) {
.innerBox, #gMenu #gMenuInner	{ width:100%; }
}

#gMenu.itemClose .assistive-text span {background: url(../img/mypage/iconMenuOpen.png) left 50% no-repeat;}
.itemOpen#gMenu .assistive-text span {background: url(../img/mypage/iconMenuClose.png) left 50% no-repeat;}
#gMenu h3.assistive-text, #gMenu .menu li.current_page_item a, #gMenu .menu li.current_page_ancestor a, #gMenu .menu li.current-page-ancestor a, #gMenu .menu li a:hover {
    background-color: #144f0f;
    /* border-right: 1px solid #2f8e55; */ /* rei.y 2022.3.29 コメント化 */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#144f0f), to(#2f8e55));
    background: -moz-linear-gradient(#144f0f, #2f8e55);
    background: linear-gradient(#144f0f, #2f8e55);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#144f0f, EndColorStr=#2f8e55)";
}
#gMenu .assistive-text {
    color: #fff;
    font-weight: lighter;
    text-align: left;
    font-family: "Lato", sans-serif;
    cursor: pointer;
    background-color: #f5f5f5;
}
#gMenu .assistive-text span { padding: 8px 22px; }
#gMenu .menu li:last-child a:hover{
	background:none;
	/* border-right:1px solid #f1f1f1; */ /* rei.y 2022.3.29 コメント化 */
}

/* rei.y 2022.4.8 修正（#menu-item-3-0追加） */
/* #gMenu #menu-item-2, #gMenu #menu-item-3, #gMenu #menu-item-4, #gMenu #menu-item-5 {display:none;} */
#gMenu #menu-item-2, #gMenu #menu-item-3-0, #gMenu #menu-item-3, #gMenu #menu-item-4, #gMenu #menu-item-5 {display:none;}

@media (max-width: 640px) {
  /* #gMenu .menu li#menu_personal	{display:none; } */ /* rei.y 2022.3.29 削除 */
  #gMenu .menu li#menu_personal_setting {display:none; } /* rei.y 2022.3.29 追加 */
  #gMenu .menu li#menu_personal_mail {display:none; } /* rei.y 2022.3.29 追加 */
  /* rei.y 2022.4.8 修正（#menu-item-3-0追加） */
  /* #gMenu #menu-item-3, #gMenu #menu-item-4, #gMenu #menu-item-5 {display:block;} */
  #gMenu #menu-item-3-0, #gMenu #menu-item-3, #gMenu #menu-item-4, #gMenu #menu-item-5 {display:block;}
}
@media (max-width: 640px) {
  #gMenu .innerBox#gMenuInner {
    margin: 0px;
    width: 100%;
  }
  #gMenu .assistive-text {
    display: block;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
  }
  #gMenu .assistive-text span {
    display: block;
    overflow: hidden;
    width: 94%;
    margin: 0px 3%;
  }
  .itemClose#gMenu .menu {
    display: none;
  }
  #gMenu .menu li {
    position: relative;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
  }
  #gMenu .menu li a { text-align:left;}
}

/*-------------------------------------------*/
/* #site-title
/*-------------------------------------------*/
#site-title {
  /* height:40px;  */
  max-height: 40px;
  /* width: 630px;  */
  text-align: left;
  display: inline-block;
}
#HeaderTel {
  /* height:40px; */
  text-align:right;
  display: inline-block;
  /* width:290px;  */
  float: right;
  /* color:#2D2D2D; */
  color:#494444;
  font-size: 19px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  margin-top: 1px;
  margin-right: 5px; /* rei.y 2022.3.1 追加 */
}
#header #HeaderTel .organizer{ /* Add 20200619 主催者名・ロゴ */
  display:inline-block;
  vertical-align: middle;
  margin-top: 1px;
}
#header #HeaderTel .organizer.name{ /* Add 20200619 主催者名・ロゴ */
  /* max-width:470px; */ /* rei.y 2022.3.1 削除 */
}
#header #HeaderTel .organizer .tmmlogo { /* Add 20200619 主催者名・ロゴ */
  max-height:36px;
  margin-top:2px;
  margin-bottom:2px;
}
#header #HeaderTel .headTelNum{
  font-family: 'HGS創英角ｺﾞｼｯｸUB';
  font-weight: normal;
  white-space:nowrap;
  vertical-align:middle;
  margin-left: 20px; /* rei.y 2022.3.1 追加 */
}
#header #HeaderTel img{
  vertical-align: middle;
}
#header #HeaderTel img.tel_icon{
  vertical-align: middle;
  margin-bottom:3px;
}

@media (max-width: 949px) {
	#site-title {
		/* width:48%; */
	}
	#HeaderTel {
		/* width:48%;  */
		text-align:right;
		float:right;
	}
}
@media (max-width: 640px) {
	/* #HeaderTel img, #HeaderTel span	{ display:none; } */
	#HeaderTel {
		text-align: left;
		float: none;
		margin-right: 0px;	/* rei.y 2022.3.1 追加 */
	}
	/* rei.y 2022.3.1 追加 */
	#header #HeaderTel .headTelNum{
		margin-left: 0px;
	}
}
/* rei.y 2022.3.1 追加 */
@media (max-width: 500px) {
	#site-title {
		display: block;
	}
	#header #HeaderTel .organizer{
		display: block;
	}
}

/*------------------------------------------
  Prince関東ジュニアテニスツアー用特設ページのスタイル
-------------------------------------------*/
#headerInner #site-title-prince {
  color:initial;
  height:initial;
}
#site-title-prince {

}

/*-------------------------------------------*/
/*	未ログイン時
/*-------------------------------------------*/
#greenLine{ margin-bottom:15px; background: url('../img/mypage/green_line.gif') repeat-x; width:100%; height:11px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); }

/*-------------------------------------------*/
/* #titleName
/*-------------------------------------------*/
#titleName{
	margin-top:13px;
	display:inline-block;
	text-align:center;
	width:850px;
	height:60px;
	background:#ffffff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	margin-bottom:0px;
 /* 角丸の指定 */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
background: linear-gradient(#ffffff,#fcf9f9);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fcf9f9, EndColorStr=#ffffff)";
 background: -moz-linear-gradient(bottom, #fcf9f9, #fff 50%, #ffffff);
 background: -webkit-gradient(linear, left bottom, left top, from(#fcf9f9), color-stop(0.5, #ffffff), to(#ffffff));
}

.titleline {
    display: block;
    min-height: 35px; /*下線位置修正 2016.8.23*/
    margin: 15px auto 0;
    width: 100%;
    font-size: 19px;
    font-weight: bold;
    vertical-align: bottom;
    /* background: url('../img/mypage/titleLine.gif') no-repeat left bottom transparent;　単色変更のため画像不要、CSSのみで可能 */
    border-bottom: 4px solid #144f0f; /*下線用css追加 2016.8.23*/
}
.titleline:before {
  /* content: url('../img/mypage/my.png');  */
  margin: 9px;
  position: relative;
  top: 2px;
}
.titleimg1:before{ content: url('../img/mypage/my.png'); } /* ログイン */
.titleimg2:before{ content: url('../img/mypage/home.png'); } /* マイページ */
.titleimg3:before{ content: url('../img/mypage/edit1.png'); } /* 入力 */
.titleimg4:before{ content: url('../img/mypage/check.png'); } /* 入力内容確認 */
.titleimg5:before{ content: url('../img/mypage/comp.png'); } /* 入力完了 */
.titleimg6:before{ content: url('../img/mypage/change.png'); } /* 内容変更 */
.titleimg7:before{ content: url('../img/mypage/check.png'); } /* 大会 */
@media (max-width: 850px) {
#titleName{ width:95%;}
}
@media (max-width: 640px) {
#titleName{ height:auto; box-shadow:none; background:none; }
.titleline	{
    border-bottom: none;　/*下線非表示css 2016.8.23*/
}
.titleline:before,
.titleimg1:before,
.titleimg2:before,
.titleimg3:before,
.titleimg4:before,
.titleimg5:before,
.titleimg6:before{ content: none; }
}
/* ------------------------------ */
/*	ページ設定
/* ------------------------------ */

.no_wrap{ white-space: nowrap;}

#form_canvas_mypage,
#form_canvas_login,
#form_canvas_user,
#form_canvas_bank,
#form_canvas_entry,
#form_canvas_entry_conf,
#form_canvas,
#form_canvas_entry_list,
#form_canvas_billprint,
#form_canvas_billweb,
#form_canvas_passrenew{
 width: 850px;
 clear: both;
 margin: 0 auto;
}
@media (max-width: 850px) {
#contents #form_canvas,
#form_canvas_mypage,
#form_canvas_login,
#form_canvas_user,
#form_canvas_bank,
#form_canvas_entry,
#form_canvas_entry_conf,
#form_canvas,
#form_canvas_entry_list,
#form_canvas_billprint,
#form_canvas_billweb,
#form_canvas_passrenew{ width:95%; }
}
select {
height:25px;
border:solid 1px #c1a9a9;
margin:4px 0;
 /* 角丸の指定 */
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
 /* 銀行選択用select */
#bank_list,#mise_list{height:130px;}

.selectbox{height:25px;
 /* 角丸の指定 */
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
border:solid 1px #c1a9a9;
}
/* ------------------------------ */
/*	マイページTOP
/* ------------------------------ */
#form_canvas_mypage th { padding:7px 0;}
#form_canvas_mypage td { border: 0; border-right:solid 1px #c1a9a9; padding:2px 5px;}
#form_canvas_mypage p { margin-top:0px;margin-bottom:10px;}
#form_canvas_mypage div#div_active_tour{ margin-top:20px; }
/* #form_canvas_mypage div#entered{ margin-top:20px; } */
/* #form_canvas_mypage div#entered td:last-child { width:20px;text-align:center;white-space: nowrap;} */
#form_canvas_mypage div.enteredBtn {text-align:left;}
#form_canvas_mypage #active_tour input,#form_canvas_mypage #active_seminar input{ color: #fff; border:1px solid #165212;
 /* テキストの影の指定 */
 text-shadow: 1px 1px 2px #22602a;
 /* グラデーションの指定 */
background-color:#1f6231;
background: linear-gradient(#549b6b,#256d3d);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#549b6b, EndColorStr=#256d3d)";
 background: -moz-linear-gradient(bottom, #256d3d, #549b6b 50%, #549b6b);
 background: -webkit-gradient(linear, left bottom, left top, from(#256d3d), color-stop(0.5, #549b6b), to(#549b6b));
 padding:2px 7px;
 /* 角丸の指定 */
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 cursor: pointer;
-webkit-box-shadow:#ffffff  0 1px inset; /* Safari, Chrome用 */
  -moz-box-shadow:#ffffff 0 1px  inset;/* Firefox用 */
  box-shadow:#ffffff 0 1px inset;/* CSS3 */
-webkit-box-shadow:rgba(255,255,255,0.30)  0 1px inset;
}
#form_canvas_mypage #active_tour input:hover,#form_canvas_mypage #active_seminar input:hover{
 opacity: 0.8;
filter: alpha(opacity=80);
}
/* #entered_tourは旧表示形式 */
#form_canvas_mypage #entered_tour input{ margin:2px 1px; border: 0px; width: 27px; height: 26px; cursor: pointer;}
#form_canvas_mypage #entered_tour input.btnPrint,
#form_canvas_mypage #entered_tour input.btnAddEnt,
#form_canvas_mypage #entered_tour input.btnEnvelope{ width: 180px; height:auto; }
#form_canvas_mypage #entered_tour .btn_confirm{ background: url('../img/mypage/icon_check2.png')  left top no-repeat; }
#form_canvas_mypage #entered_tour .btn_confirm:hover{ background: url('../img/mypage/icon_check.png')  left top no-repeat; }
#form_canvas_mypage #entered_tour .btn_edit{ background: url('../img/mypage/icon_edit2.png')  left top no-repeat; }
#form_canvas_mypage #entered_tour .btn_edit:hover{ background: url('../img/mypage/icon_edit.png')  left top no-repeat; }
#form_canvas_mypage #entered_tour .btn_cancel{ background: url('../img/mypage/icon_cancel2.png')  left top no-repeat; }
#form_canvas_mypage #entered_tour .btn_cancel:hover{ background: url('../img/mypage/icon_cancel.png')  left top no-repeat; }
#form_canvas_mypage #entered_tour td:last-child { width:20px; text-align:center; white-space: nowrap;}

/* .one_tournamentは新表示形式 */
#form_canvas_mypage #msg_legend {float:right; text-align:right;}
#form_canvas_mypage .one_tournament {margin-top:12px; margin-bottom:10px; display:block; }
#form_canvas_mypage .one_tournament input { margin:2px 1px; border: 0px; height: 26px; cursor: pointer;}
#form_canvas_mypage .one_tournament input.btn_confirm,
#form_canvas_mypage .one_tournament input.btn_edit,
#form_canvas_mypage .one_tournament input.btn_cancel { width: 27px;}
#form_canvas_mypage .one_tournament input.btnPrint,
#form_canvas_mypage .one_tournament input.btnAddEnt,
#form_canvas_mypage .one_tournament input.btnFuriSend,
#form_canvas_mypage .one_tournament input.btnResult,  /* 途中経過を表示ボタン */
#form_canvas_mypage .one_tournament input.btnOPList,  /* ＯＰ表を表示ボタン rei.y 2023.10.31 追加 */
#form_canvas_mypage .one_tournament input.btnEnvelope{
  /* width: 250px; */ /* rei.y 2022.3.25 */
  width: 95%;         /* rei.y 2022.3.25 */
  max-width: 250px;   /* rei.y 2022.3.25 */
  height:auto; margin:3px; padding:11px 10px; font-weight:normal;
}
#form_canvas_mypage .one_tournament input.btnEnvelope{ margin-top:10px; }
#form_canvas_mypage .one_tournament input.btnFuriGuide{ width: auto; height:auto; margin:3px; padding:11px 10px; font-bold:normal;}
#form_canvas_mypage .one_tournament .subtitle { margin-top:10px; margin-bottom:5px;}
#form_canvas_mypage .one_tournament .subtitle .number { font-size:120%; }
#form_canvas_mypage .one_tournament input.btnAnnounce { width: 150px; height:auto; margin:3px; padding:11px 10px; font-weight:normal;
  background-color: #fff;
  margin-left: 5px;
  color: #0f1419;
  padding: 3px;
  width: 110px;
  border: 1px solid #4d5156;
} /* 一斉アナウンス 2024.3 追加 */ /* 一斉アナウンス 2024.05 変更*/

/*
#form_canvas_mypage .one_tournament .cl_furikaku .direction { vertical-align:middle;}
#form_canvas_mypage .one_tournament .cl_furikaku .direction:hover { cursor:pointer; cursor:hand; }
#form_canvas_mypage .one_tournament .cl_furikaku .direction.closing:after { content:url(../img/icon_down_expand_s.svg); display:inline-block; width:16px;}
#form_canvas_mypage .one_tournament .cl_furikaku .direction.opening:after { content:url(../img/icon_up_close_s.svg); display:inline-block; width:16px;}
*/
#form_canvas_mypage .one_tournament .cl_furikaku .note { margin-left:3em; margin-right:100px; width: 80%;}
#form_canvas_mypage .one_tournament .cl_furikaku span.bname { padding-left:1em; display:inline-block; width:80px; vertical-align:top; border-bottom:solid 1px #999999; background:#ffffff; }
#form_canvas_mypage .one_tournament .cl_furikaku span.bval { display:inline-block; width:340px; vertical-align:top; border-bottom:solid 1px #999999; background:#ffffff; word-wrap:normal;}

#form_canvas_mypage .one_tournament .cl_furikaku .buttons_area {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:10px auto;}
#form_canvas_mypage .one_tournament .cl_furikaku .buttons_area .onebutton {margin:5px; display:inline-block; vertical-align:top;}

#form_canvas_mypage .one_tournament .furikaku_way_hd {display:inline-block; width:110px; }
#form_canvas_mypage .entries,
#form_canvas_mypage .wd_furikaku {margin-bottom:5px; width:100%; }
#form_canvas_mypage .wd_furikaku table {width:100%;}
#form_canvas_mypage .entries td:last-child { /* width:20px; text-align:center; */ white-space: nowrap;}
#form_canvas_mypage .entries .btn_confirm{ background: url('../img/mypage/icon_check2.png')  left top no-repeat; }
#form_canvas_mypage .entries .btn_confirm:hover{ background: url('../img/mypage/icon_check.png')  left top no-repeat; }
#form_canvas_mypage .entries .btn_edit{ background: url('../img/mypage/icon_edit2.png')  left top no-repeat; }
#form_canvas_mypage .entries .btn_edit:hover{ background: url('../img/mypage/icon_edit.png')  left top no-repeat; }
#form_canvas_mypage .entries .btn_cancel{ background: url('../img/mypage/icon_cancel2.png')  left top no-repeat; }
#form_canvas_mypage .entries .btn_cancel:hover{ background: url('../img/mypage/icon_cancel.png')  left top no-repeat; }
#form_canvas_mypage .entries .cl_canceled {background-color:#CD5C5C; padding:0 2px; white-space:nowrap; color:white; margin: 2px;}

#form_canvas_mypage #entered .entries tr {}
#form_canvas_mypage #entered .entries td {}

#form_canvas_mypage #entered .entries tr.tr_head {background-color:#eadfdf; }
#form_canvas_mypage #entered .entries tr.tr_head th {
/*	border-left:none;
	border-right:none;
*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
/*
#form_canvas_mypage #entered .entries tr.tr_head .th_receipt_no {width:62px; }
#form_canvas_mypage #entered .entries tr.tr_head .th_cate_name  {width:168px; }
#form_canvas_mypage #entered .entries tr.tr_head .th_player {width:80px; }
#form_canvas_mypage #entered .entries tr.tr_head .th_fee {width:62px; }
#form_canvas_mypage #entered .entries tr.tr_head .th_Entsts {width:120px; }
#form_canvas_mypage #entered .entries tr.tr_head .th_btns {width:88px; }
*/

/* #form_canvas_mypage #entered .entries .td_cate_name {text-align:left;} */

#form_canvas_mypage #entered .entries tr.tr_sum .td_sumhd {text-align:right; font-size:120%;}
#form_canvas_mypage #entered .entries tr.tr_sum .td_sum {font-size:120%;}

@media (min-width: 850px) {
#form_canvas_mypage .entries,
#form_canvas_mypage .wd_furikaku {width:800px; margin:auto;}
}
@media (max-width: 640px) {
#form_canvas_mypage #msg_legend {float:left; text-align:left;}
/* #form_canvas_mypage .one_tournament {display:none;} 20170810 */
}
@media (max-width: 370px) {
#form_canvas_mypage .one_tournament input.btnFuriGuide{width:90%;}
}

/* wide版とmobile版共通 */
#form_canvas_mypage .direction { color:#0b6816; text-decoration:underline;}
#form_canvas_mypage .direction:hover { color:#79d78d; cursor:pointer; cursor:hand; }
#form_canvas_mypage .feesum {font-weight:bold; color:#256d3d;}

@media (max-width: 850px) {
#form_canvas_mypage #active_tour,
#form_canvas_mypage #entered_tour,
#form_canvas_mypage #tbl_paylist {width:100%;}
}

/* ------------------------------ */
/* ログイン画面用
/* ------------------------------ */
#form_canvas_login { padding-top: 15px; }
#form_canvas_login th { width: 200px; padding:15px 12px;}
#form_canvas_login td { border: 0; padding:15px 12px; text-align:left;}
#form_canvas_login #login_ID,
#form_canvas_login #login_PW{ width:250px; }
@media (max-width: 850px) {
#form_canvas_login h3{ width:100%; }
#form_canvas_login table{ width:100%; }
#form_canvas_login tr{ width: 100%; }
}
@media (max-width: 479px) {
#form_canvas_login { width:95%; }
#form_canvas_login tr { width:100%; display:inline-block; }
#form_canvas_login th { width:100%; display:block; border-bottom:solid 1px #c1a9a9; padding:6px 0px; }
}

#loginNotice{ width:850px; margin-top:15px; background:#ffffff; border: solid 1px #c1a9a9;}
#notice_left{ text-align:left; width:20%; display:inline-block; vertical-align:middle; padding:15px 7px;}
#notice_right{ text-align:right; width:70%; display:inline-block; vertical-align:top; padding:7px;}
#loginNotice #btnEnter { margin-top:10px; }


@media (max-width: 850px) {
 #loginNotice{  width:100%; }
}
@media (max-width: 640px) {
 #loginNotice{  width:100%;  margin-top:0;  background:none;  border: none; }
 #notice_left{ width:100%;}
 #notice_right{ width:100%; }
}
#form_canvas_login #loginNotice{ display:block;}
#form_canvas_login #loginNotice p { text-align:left; padding:2px;}

/* ------------------------------ */
/* 会員登録画面用 */
/* ------------------------------ */
#form_canvas_user { padding-top: 10px; }
#form_canvas_user th { width: 200px; padding:5px 12px; }
#form_canvas_user td { border: 0; padding:7px 12px; text-align:left;}
/* <text area>入力項目の表示用 */
.detail { white-space: pre-wrap;}

@media (max-width: 850px) {
#form_canvas_user table { width:100%; }
#form_canvas_user tr { width:100%; }
#form_canvas_user th { width:25%; padding:5px 12px;}
#form_canvas_user td { width:100%; border: 0; padding:7px 12px; text-align:left;}
}
@media (max-width: 479px) {
#form_canvas_user { width:100%; }
#form_canvas_user tr { width:100%; display:inline-block; }
#form_canvas_user th { width:100%; display:block; border-bottom:solid 1px #c1a9a9; padding:6px 0px; }
}
/* ------------------------------ */
/* 返金銀行口座入力用 */
/* ------------------------------ */
#form_canvas_bank { padding-top: 10px; }
#form_canvas_bank th { width: 120px; padding:5px 12px;}
#form_canvas_bank #bank_name{ background:#fff; }
#form_canvas_bank td { border: 0; padding:5px 12px; text-align:left;}
#form_canvas_bank table.aiueo { width: 125px; }
#form_canvas_bank table.aiueo td{ padding:2px 2px; }
#form_canvas_bank table.aiueo td input { width: 25px; height: 25px; font-size: 1em; font-weight: bold; color: #03462d; border:1px solid #ccc;
 /* グラデーションの指定 */
background: linear-gradient(#ffffff,#e8e8e8);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e8e8e8)";
 background: -moz-linear-gradient(bottom, #e8e8e8, #e8e8e8 50%, #ffffff);
 background: -webkit-gradient(linear, left bottom, left top, from(#e8e8e8), color-stop(0.5, #e8e8e8), to(#ffffff));
 cursor: pointer;
}
#form_canvas_bank table.aiueo td input:hover { color: #fff; border:1px solid #165212;
 /* テキストの影の指定 */
 text-shadow: 1px 1px 2px #22602a;
 /* グラデーションの指定 */
background: linear-gradient(#549b6b,#256d3d);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#549b6b, EndColorStr=#256d3d)";
 background: -moz-linear-gradient(bottom, #256d3d, #549b6b 50%, #549b6b);
 background: -webkit-gradient(linear, left bottom, left top, from(#256d3d), color-stop(0.5, #549b6b), to(#549b6b));
}

/* ------------------------------ */
/* 入力用共通CSS                   */
/* ------------------------------ */
/* rei.y 2022.4.8 追加 */
.entinp_name {
  vertical-align: top;
}
/* rei.y 2022.4.8 追加 */
input[type=text], input[type=tel] {
  margin-top: 4px;
}

/* ------------------------------ */
/* エントリー画面用20160115       */
/* ------------------------------ */
#form_canvas_entry { padding-top: 10px; }
#form_canvas_entry th { width: 200px; padding:10px 12px;  vertical-align:top; text-align:left;}
#form_canvas_entry td { border: 0; padding:7px 12px; text-align:left; vertical-align:top;}
/* <text area>入力項目の表示用 */
.detail { white-space: pre-wrap;}

@media (max-width: 850px) {
#form_canvas_entry table { width:100%; }
#form_canvas_entry tr { width:100%; }
#form_canvas_entry th { width:25%; padding:5px 12px;}
#form_canvas_entry td { width:100%; border: 0; padding:7px 12px; text-align:left;}
#form_canvas_entry textarea { width:80%; }
}
@media (max-width: 479px) {
  #form_canvas_entry { width:95%; }
  #form_canvas_entry tr { width:100%; display:inline-block; }
  #form_canvas_entry tr { border: none; border-top: solid 1px #c1a9a9; border-bottom: solid 1px #c1a9a9; }  /* rei.y 2021.9.24 追加 */
  /*#form_canvas_entry th { width:100%; display:block; border-bottom:solid 1px #c1a9a9; padding:6px 0px; }*/
  #form_canvas_entry th { width:100%; display:block; border: none; border-bottom:solid 1px #c1a9a9; padding:6px 0px; }  /* rei.y 2021.9.24 修正（border: none追加） */
  .P0col3 {margin-left: 0px;}
  #form_canvas_entry th span{ margin-left: 5px; } /* rei.y 2021.9.24 追加 */

}
/* ------------------------------ */
/* エントリー確認画面用20160129     */
/* ------------------------------ */
#form_canvas_entry_conf { padding-top: 10px; }
#form_canvas_entry_conf th { width: 200px; padding:5px 12px;  vertical-align:top; text-align:left;}
#form_canvas_entry_conf td { border: 0; padding:5px 12px; text-align:left; vertical-align:top;}
/* <text area>入力項目の表示用 */
.detail { white-space: pre-wrap;}

@media (max-width: 850px) {
#form_canvas_entry_conf table { width:100%; }
#form_canvas_entry_conf tr { width:100%; }
#form_canvas_entry_conf th { width:25%; padding:5px 12px;}
#form_canvas_entry_conf td { width:100%; border: 0; padding:5px 12px; text-align:left;}
}
@media (max-width: 479px) {
#form_canvas_entry_conf { width:95%; }
#form_canvas_entry_conf table { border:0;}
#form_canvas_entry_conf tr { width:100%; display:inline-block; }
#form_canvas_entry_conf th { width:100%; display:block; border-bottom:solid 1px #c1a9a9; padding:0; }
}

/* ------------------------------ */
/*	振込確認書印刷
/* ------------------------------ */
#form_canvas_billprint {text-align:left; }
#form_canvas_billprint th { padding:7px 0; text-align:center;}
#form_canvas_billprint td { border: 0; border-right:solid 1px #c1a9a9; padding:2px 5px;}
#form_canvas_billprint .note p:first-child { margin-top:0px;}
#form_canvas_billprint .note p:last-child { margin-bottom:10px;}
#form_canvas_billprint #header_print {text-align:center;}
#form_canvas_billprint #headerInner {color:#000000; width:850px; }
#form_canvas_billprint #head_title {margin-bottom:8px; padding: 8px 0 5px 0; text-align:center; display:box; }
#form_canvas_billprint #head_title h3 {font-size:1.4em; text-align:center;}
#form_canvas_billprint #head_title h4 {font-size:1.4em; margin-top:8px;}
#form_canvas_billprint h3 {font-size:1.4em; text-align:center;}
#form_canvas_billprint h4 {font-size:1.4em; margin-top:8px; text-align:center;}
#form_canvas_billprint .caution {margin-top: 6px;}
#form_canvas_billprint .caution ul {list-style:none; margin-left:10px;}
#form_canvas_billprint .caution ul li {padding-left:1em; text-indent:-1em;}
#form_canvas_billprint .caution .note { text-align:left; margin-left:20px; }
#form_canvas_billprint #caution1 {text-align:center; color:red;}
#form_canvas_billprint #caution2 table { width:500px; margin:0 auto; border:solid 1px #c1a9a9;}
#form_canvas_billprint #caution2 table tr { border:none;}
#form_canvas_billprint #caution2 table th { width:30%; text-align:left; border:none; background-color:transparent; padding: 2px 1em; }
#form_canvas_billprint #caution2 table td { width:70%; text-align:left; border:none; padding-left:1em; }
#form_canvas_billprint #caution3 {}
#form_canvas_billprint #caution3 ul {list-style:none;}
#form_canvas_billprint #caution3 ul li {padding-left:2em; text-indent:-1em;}
#form_canvas_billprint #plist table th {padding:2px;}
#form_canvas_billprint #contact {}
#form_canvas_billprint #contact ul {list-style:none;}
#form_canvas_billprint #contact ul li {padding-left:2em; text-indent:-1em;}
#form_canvas_billprint #contact table th {padding:2px;}
#form_canvas_billprint #evidence {border-style:dashed; height:260px;}
#form_canvas_billprint #evidence ul {list-style:none;}
#form_canvas_billprint #evidence ul li {padding-left:2em; text-indent:-1em;}
#form_canvas_billprint .subtitle {font-size:1.2em; line-height:1.2em;}
#form_canvas_billprint .pdata {font-size:1.2em; padding-top:4px; padding-bottom:4px;}
#form_canvas_billprint .pdata, #form_canvas_billprint .caution .note td {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#form_canvas_billprint #btnCancel:first-child {margin-right:0;}
#form_canvas_billprint .upperBtn {width:160px; }
#form_canvas_billprint #print_border {display:block; margin:1px; border:solid 1px #ffffff; page-break-before:always;}
@media (max-width: 850px) {
#form_canvas_billprint table { width:100%; }
#form_canvas_billprint tr { width:100%; }
}
@media (max-width: 700px) {
#form_canvas_billprint {width:700px;}
#form_canvas_billprint table { width:100%; }
#form_canvas_billprint tr { width:100%; }
}

/* ------------------------------ */
/*	振込確認書ウェブ送信
   ------------------------------ */
#form_canvas_billweb {text-align:left; }
#form_canvas_billweb th { padding:7px 0; text-align:center;}
#form_canvas_billweb td { border: 0; border-right:solid 1px #c1a9a9; padding:2px 5px;}
#form_canvas_billweb p { margin-top:0px; }

#form_canvas_billweb #caution1 {color:red; margin-top:10px;}
#form_canvas_billweb #caution2 table { width:500px; margin:0 auto; border:solid 1px #c1a9a9;}
#form_canvas_billweb #caution2 table tr { border:none;}
#form_canvas_billweb #caution2 table th { width:30%; text-align:left; border:none; background-color:transparent; padding: 2px 1em; }
#form_canvas_billweb #caution2 table td { width:70%; text-align:left; border:none; padding-left:1em; font-size:1.2em;}
#form_canvas_billweb .caution {margin-top: 6px;}
#form_canvas_billweb .caution ul {list-style:none; margin-left:10px;}
#form_canvas_billweb .caution ul li {
  /* padding-left:1em;
  text-indent:-1em; */
}
#form_canvas_billweb .caution .note { text-align:left; margin-left:20px; }
#form_canvas_billweb .note p{ margin:0px auto;}

#form_canvas_billweb #plist .tbl_paylist caption {
  text-align:left;
  font-size:1.2em;
}
#form_canvas_billweb .subtitle {font-size:1.2em;}
#form_canvas_billweb .pdata {font-size:1.2em; padding-top:4px; padding-bottom:4px;}
#form_canvas_billweb .nar {display:none;}
#form_canvas_billweb .td_playersName {border-right:none;}
#form_canvas_billweb .td_playersNo {text-align:center;}

#form_canvas_billweb #plist table th {padding:2px;}
#form_canvas_billweb #plist .rowno   {text-align:center; font-size:x-small;}
#form_canvas_billweb #plist .recno   {text-align:center;}
#form_canvas_billweb #plist .cate    {}
#form_canvas_billweb #plist .jrno {text-align:center; border-right:none;}
#form_canvas_billweb #plist .players {border-left:none;}
#form_canvas_billweb #plist .echarge {text-align:right; white-space:nowrap;}

#form_canvas_billweb #plist #pay_sum {text-align:right; font-size:1.4em;}

#form_canvas_billweb #contact ul {list-style:none;}
#form_canvas_billweb #contact ul li {padding-left:2em; text-indent:-1em;}
#form_canvas_billweb #contact table th {padding:2px;}
#form_canvas_billweb #contact table td {text-align:center;}
#form_canvas_billweb #contact input.intxt {width:90%;}
#form_canvas_billweb #contact input.intel {width:48px;}

#form_canvas_billweb .divpayment {padding:10px; }
#form_canvas_billweb .divpayment h3.guidmsg {text-indent:-3em; padding-left:3em;}
#form_canvas_billweb .divpayment p {padding-bottom:5px;}
#form_canvas_billweb .divpayment .how_to {padding-left:25px;}
#form_canvas_billweb .divpayment #price_check_area {}
#form_canvas_billweb .disp_tour_name {font-size:larger; font-weight:bold; margin-top:20px;}


#form_canvas_billweb #evidence {border-style:dashed; /* height:260px; */ margin-bottom:10px;}
#form_canvas_billweb #evidence:after {clear:both; display:block; content:"";}
#form_canvas_billweb #evidence ul {list-style:none;}
#form_canvas_billweb #evidence ul li {padding-left:2em; text-indent:-1em;}

#form_canvas_billweb #evidence.divpayment .div_ways {
	padding: 3px;
}
#form_canvas_billweb #evidence.divpayment .div_ways .guide {
	padding-left: 10px;
	width: 82%;
	float: left;
}
#form_canvas_billweb #evidence.divpayment .way_h {
	margin: 5px;
	padding: 3px;
	width: 14%;
	text-align: center;
	float: left;

/*	background:#eadfdf; */
	background:#d1e6a3;
	/* 薄ピンク #eadfdf ; 薄きみどり #d1e6a3 */
/*	border: solid 1px #c1a9a9; */
 /* 角丸の指定 */
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#form_canvas_billweb #evidence.divpayment .sendway {
	font-size:larger;
	margin: 5px;
	padding: 5px;

}

#form_canvas_billweb .preview img {width:350px; overflow:auto; resize:both;}

@media (max-width: 850px) {
#form_canvas_billweb table { width:100%; }
#form_canvas_billweb tr { width:100%; }
}

/* form_canvas_billweb画面幅 640px以下 ここから */
@media screen and (max-width: 640px) {
#form_canvas_billweb .nar {display:inline;}
#form_canvas_billweb table {
	width: 100%;
	border: none;
}
#form_canvas_billweb #caution2 table {
	width: 100%;
}
#form_canvas_billweb table thead, #form_canvas_billweb table th {
    display: none;
  }
#form_canvas_billweb table tr {
	display: block;
	margin-bottom: 10px;
  }
#form_canvas_billweb #caution2 table tr{
	margin-bottom: 0;
}
#form_canvas_billweb table td {
    display: block;
/*    padding: 10px; */
    text-align: left;
    border-right:0px;
  }

#form_canvas_billweb #plist .rowno { text-align:left; padding:4px; font-size:medium;}
#form_canvas_billweb #plist .recno,
#form_canvas_billweb #plist .cate,
#form_canvas_billweb #plist .jrno,
#form_canvas_billweb #plist .players,
#form_canvas_billweb #plist .echarge
{ text-align:left; }

#form_canvas_billweb #plist #pay_sum {text-align:left; padding:8px;}
#form_canvas_billweb #plist .players .blc {display:inline-block;}

#form_canvas_billweb table td.pdata {
  padding-top:0;
  padding-bottom:0;
  font-size:inherit;
  vertical-align: top;
}

#form_canvas_billweb table td.pdata::before {
    content: attr(data-label);
    font-weight: bold;
    display:inline-block;
    width:11em;
    vertical-align: top;
  }
#form_canvas_billweb table .sp_hid{
  display: none;
}
#form_canvas_billweb table td.pdata.ofwhat::before {
    width:0;
}

#form_canvas_billweb table td#pay_sum::before {width:120px;}
#form_canvas_billweb table td::after {
    content: attr(data-follow);
  }

#form_canvas_billweb #contact table td {text-align:left; vertical-align:middle;}
#form_canvas_billweb #contact input.intxt {width:70%;}
#form_canvas_billweb #contact input.intel {width:20%;}

#form_canvas_billweb .preview img {width:100%; }
#form_canvas_billweb #evidence.divpayment .div_ways .guide {
	float: initial;
	width: 96%;
}
#form_canvas_billweb #evidence.divpayment .way_h {
	float: initial;
	width: 120px;
}

#form_canvas_billweb .btnEnter {
  padding:11px;
}
#form_canvas_billweb .pay_slipped, #form_canvas_billweb .pay_checked {
  font-size: inherit;
}
}
/* form_canvas_billweb画面幅 640px以下 ここまで */

/* ------------------------------ */
/* 大会エントリー(bak) */
/* ------------------------------ */
form_canvas #tour{ background:#fff; padding:15px; border:1px #777 solid; margin:15px 0 20px 0; font-size:100%;}
#form_canvas #tour th{
  background:#eae7cc;
  color:#333;
  -webkit-box-shadow:rgba(255,255,255,0.30) 1px 1px 1px 1px inset;
}
#form_canvas #tour td{ text-align:left; }

/* ------------------------------ */
/*大会エントリー入力
/* ------------------------------ */
#form_canvas_entry_list th { width: 200px; padding:5px 12px;}
#form_canvas_entry_list td { border: 0; padding:7px 12px; border-right:solid 1px #c1a9a9; text-align:left; background:#fff;}
#form_canvas_entry_list p {}
#form_canvas_entry_list #player1{ margin-top:15px;}
@media (max-width: 850px) {
#form_canvas_entry_list #bill_lst {width:100%;}
}
#form_canvas{ width:850px; }
#form_canvas p{ text-align:left; padding-left:5px; display:block; background: #943b47; color:#fff; margin-bottom:15px; margin-top:10px; border: 1px solid #6e2932;}
#form_canvas #message { width:850px; margin-top:10px; background:#ffffff; border:solid 1px #c1a9a9; text-align:center;}
#form_canvas .message { width:850px; margin-top:10px; margin-bottom:20px; background:#ffffff; border:solid 1px #c7e1d1;
	text-align:left; }
#form_canvas .message ul li {margin-bottom:25px;}
#form_canvas .message ul li span {display:inline-block; width:400px; vertical-align:middle;}
#form_canvas .message ul li span:first-child {width:320px; }
#form_canvas #message div,
#form_canvas .message div
{ margin:15px;}
#form_canvas #message input{ display:inline-block; text-align:center; margin-bottom:15px;}
@media (max-width: 850px) {
#form_canvas #message, #form_canvas .message	{ width:100%; }
}

.bg_add {
 background-color: #fff;
}
.bg_even  {
 background-color: #eee;
}
/* 表の枠線（cycle(bl)により制御）*/
.row1 {
 border-top: solid 1px #fff;
 border-bottom: solid 1px #fff;
}
.row2 {
 border-top: solid 1px #fff;
 border-bottom: solid 1px #fff;
border-top: solid 1px #fff;
}
.row3 {
 background:#fffffc;
}

/* 表の背景色（追加枠用）*/
.bg_new {
}

/* 2015.7.24 r.yoshida 修正 */
/* .P1_sex,.P2_sex { margin: 0 1em;} */
.P1_sex,.P2_sex { margin: 0;}

#entryPay,#entryCheck { width:850px; margin:10px 0 20px 0; background:#ffffff; border: solid 1px #c1a9a9;}
#entryNo{display:block;}
#entryNo,#totalPay{display:inline;margin:10px 15px;}
#totalPay,#charge_total,#entryNo{ white-space: nowrap;}
#entryNotice { margin-top:10px;}		/* 2015.7.24 r.yoshida 追加 */
#entryNotice span{ display:block;}
#btnPairClear { display: none;}
#total_entryPay{ font-size:110%;font-weight:bold; color:#aa0c0c;background:#faf0e6;padding:10px 0;}
#payWay{margin:10px 0;}
#entryChk{margin:10px 5px 10px 0; padding:6px 0 3px 0;display:inline-block; width:80px; font-weight:bold;font-size:115%;color:#000;
 /* 角丸の指定 */
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#chkConfirm{display:inline;}
#entryChk label{margin-left:5px;}
/*-------------------------------------------*/
/* 注意書き*/
/*-------------------------------------------*/
 /* エントリーページ　未確定*/
.msg_notcompleted{ height:45px;margin:15px 0;display:block;border: #c1a9a9 solid 1px;font-weight:bold;background:#fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.msg_notcompleted span{display:block;}
.msg_notcompleted span:before{ content: url('../img/mypage/noticemark.png');margin: 8px 10px;position: relative;top: 8px;}

 /* マイページトップ　未確定*/
.msg_notcompleted2{ height:30px;margin:0 0 15px 0;display:block;font-weight:bold;background:#fff;border: #c1a9a9 solid 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.msg_notcompleted2 span{display:block; margin:2px 0 0 5px; vertical-align:middle;}
.msg_notcompleted2 span:before{ content: url('../img/mypage/noticemark_3.png');margin: 0 15px 14px 15px;position: relative;top: 4px;}

/*-------------------------------------------*/
/* ボタン
/*-------------------------------------------*/
.btnRecall,#btnAdd{
  font-size: 1em;
  padding: 3px 0;
  color: #fff;
  border:1px solid #165212;
  margin-top:4px;
  margin-right:1px;
  /* グラデーションの指定 */
  background-color:#1f6231;
  background: linear-gradient(#69bc83,#256d3d);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#69bc83, EndColorStr=#256d3d)";
  background: -moz-linear-gradient(bottom, #256d3d, #48a56a 50%, #69bc83);
  background: -webkit-gradient(linear, left bottom, left top, from(#256d3d), color-stop(0.5, #48a56a), to(#69bc83));
  /* 角丸の指定 */
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  cursor: pointer;
  -webkit-box-shadow:#ffffff 0 1px inset; /* Safari, Chrome用 */
  -moz-box-shadow:#ffffff 0 1px inset;/* Firefox用 */
  box-shadow:#ffffff 0 1px inset;/* CSS3 */
  -webkit-box-shadow:rgba(255,255,255,0.50) 0px 1px inset;
}
.btnRecall:hover,#btnAdd:hover {
 opacity: 0.8;filter: alpha(opacity=80);
}

.btnDelete,#btnInsert,#btnClear{
 font-size: 1em;
 padding: 3px 0;
 color: #343333;
 border:1px solid #a5a4a4;
 margin-top:4px;
 /* グラデーションの指定 */
background: linear-gradient(#ffffff,#e8e8e8,#c0bfbf);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#c0bfbf)";
 background: -moz-linear-gradient(bottom, #c0bfbf, #e8e8e8 50%, #ffffff);
 background: -webkit-gradient(linear, left bottom, left top, from(#c0bfbf), color-stop(0.5, #e8e8e8), to(#ffffff));
 /* 角丸の指定 */
 -moz-border-radius: 1px;
 -webkit-border-radius: 1px;
 border-radius: 1px;
 cursor: pointer;
/*光彩(内側)*/
-webkit-box-shadow:#ffffff 0 1px inset; /* Safari, Chrome用 */
-moz-box-shadow:#ffffff 0 1px inset;/* Firefox用 */
box-shadow:#ffffff 0 1px inset;/* CSS3 */
-webkit-box-shadow:rgba(255,255,255,0.50) 0px 1px inset;
}
.btnDelete:hover,#btnInsert:hover,#btnClear:hover{
 opacity: 0.8;filter: alpha(opacity=80);
}
#btnInsert,.btnUpdate{ padding: 3px 0; border:1px solid #842f3b;background:#9b3745;
background: linear-gradient(#bc6b76,#af4855,#9b3745);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#bc6b76, EndColorStr=#9b3745)";
background: -moz-linear-gradient(bottom, #9b3745, #af4855 50%, #bc6b76);background: -webkit-gradient(linear, left bottom, left top, from(#9b3745), color-stop(0.5, #af4855), to(#bc6b76));color:#fff;}
#btnInsert:hover,.btnUpdate:hover{ opacity: 0.8;filter: alpha(opacity=80);cursor: pointer;}
.btnRecall,#form_canvas_entry_list #btnClear,#form_canvas_entry_list #btnInsert{width:90px;}
.btnUpdate,.btnDelete{width:43px;}

/* ------------------------------ */
/* 選択不可能時 */
/* ------------------------------ */
input[type="button"][disabled],input[type="button"][disabled]:hover{
background:#DCDCDC !important;
color:#fff;
border:1px solid #a5a4a4 !important;
cursor:not-allowed !important; /* 禁止カーソル */
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* ------------------------------ */
/* 振込確認書周辺ページ           */
/* ------------------------------ */
div.pay_detail {width: 400px; border: solid 1px silver; margin: 0px; padding: 5px 0px 5px 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
div.pay_detail .pay_detail_item .item_name {width:80px; display:inline-block;}
div.pay_detail .pay_detail_item .item_value {font-weight:bold;  display:inline-block; padding-left:10px;}
@media (max-width: 640px) {
div.pay_detail { width: auto; margin-left:5px;}
}

/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
#footerInner a.tel {
	pointer-events: none;
	cursor: default;
	text-decoration:none;
	/* color:#808080; */
}

@media (max-width: 640px) {
/* #footerInner { display:none;} */

#footerInner a.tel {
	pointer-events: auto;
	cursor: pointer;
	text-decoration:underline;
}

}

/* STEPデザイン
----------------------------------------------------------- */
.stepBar {
	width: 850px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.stepBar li {
	height: 40px;
	line-height: 40px;
	list-style: none;
	float: left;
	border: 1px solid #fff;
	position: relative;
	text-align: center;
	background-color: #f0efef;
}
.stepBar li.active {
/*	background-color: #5c85e0; */ /* ブルー */
	background-color: #8EC31E; /* ライトグリーン */
	color: #FFF;
}
.stepBar li span.before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #fff;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #fff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position: absolute;
	left: 0px;
	z-index: 10;
}
.stepBar li.first span.before {
	border: none;
}
.stepBar li span.after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 19px;
	border-color: transparent transparent transparent #f0efef;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #007bff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#007bff');
	position: absolute;
	right: -19px;
	z-index: 50;
}
.stepBar li.active span.after {
/*	border-color: transparent transparent transparent #5c85e0; */ /* ブルー */
	border-color: transparent transparent transparent #8EC31E; /* ライトグリーン */
}

/* STEP幅設定 850px-19px(右三角)÷step数
----------------------------------------------------------- */
.step_6 li {
	width: 138px;
	font-size: 15px;
}
.step_5 li {
	width: 145px;
	font-size: 15px;
	padding-left:20px;
}
.step_4 li {
	width: 207px;
	font-size: 17px;
}
.step_3 li {
	width: 276px;
	font-size: 17px;
}
.step_2 li {
	width: 414px;
	font-size: 17px;
}


/* スマホ対応
----------------------------------------------------------- */
@media (max-width: 850px) {
.stepBar {width:95%;}
.stepBar li {text-align:left; font-size:1em;}
.step_5 li {
	width: auto;
	padding-left:30px;
	padding-right:10px;
}
}
@media (max-width: 640px) {
.stepBar {display:none;}
}
@media (max-width: 400px) {
.stepBar {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 20px;
	position:relative;
	top:0;
	left:0;
	/* display:block; */
}
.step_6 li,
.step_5 li,
.step_4 li,
.step_3 li,
.step_2 li {
	width: 100%;
	font-size:15px;
}

.stepBar li span.before {
	border: none;
}
.stepBar li span.after {
	display:none;
}

.stepBar li:before{
  content: "";
  position: absolute;
  top: 40%;
  left: 13px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #0707c1;
}
}