@charset "UTF-8";

/*
 * 余白調整
 */


/* 1em */

.mt1 {
  margin-top: 1em;
}

.mr1 {
  margin-right: 1em;
}

.mb1 {
  margin-bottom: 1em;
}

.ml1 {
  margin-left: 1em;
}


/* 2em */

.mt2 {
  margin-top: 2em;
}

.mr2 {
  margin-right: 2em;
}

.mb2 {
  margin-bottom: 2em;
}

.ml2 {
  margin-left: 2em;
}

/* 3em */

.ml3 {
  margin-left: 3em;
}

/* 4em */

.ml4 {
  margin-left: 4em;
}

/* 5em */

.ml5 {
  margin-left: 5em;
}

/* 数字1桁調整 */
.bit1 {
  margin-left:0.6em;
}

/* 10px */


.ml10 {
  margin-left: 10px;
}


/* 20px */

.ml20 {
  margin-left: 20px;
}


/* */

.ml8p {
  margin-left: 8px;
}



/*
 * section design
 */

section+section {
  margin-top: 20px;
}


/*
 * space
 */

div.ml1+strong,
div.ml1+b {
  display: block;
  margin-top: 10px;
}

div+section {
  margin-top: 20px;
}

/* color */
.ono_red {
  color:#a94442 !important;
}
.bg_ono_red {
  background:#a94442;
  padding: 10px !important;
  color: white;
}

.bg_brex1 {
  color: #12315a;
  background: #ffd40099;
  padding: 10px !important;
}

.bg_brex2 {
  color: #ffd400;
  background: #12315a;
  padding: 10px !important;
}

/* heading */


/* h1 */

.layout-main .layout-second .second-body .logo_h1,
.layout-main .layout-second .second-body article>.logo_h1 {
  padding: 5px 0 5px 60px;
  background: url(/files/user/images/logo/ub.png?v=1562201944) no-repeat left;
  background-size: contain;
  line-height: initial;
}


/* h2 */

.layout-main .layout-second .second-body .logo_h2,
.layout-main .layout-second .second-body article>.logo_h2 {
  margin-bottom: 15px;
  padding: 5px 0 5px 50px;
  border-top: 1px solid #ffd400;
  border-bottom: 2px solid #12315a;
  background: url(/files/user/images/logo/ub.png?v=1562201944) no-repeat left;
  background-size: contain;
  color: #4d4d4d;
  line-height: initial;
}

.layout-main .layout-second .second-body .bgy_h2,
.layout-main .layout-second .second-body article>.bgy_h2 {
  padding: 0.5em;
  color: #12315a;
  background: #ffd40020;
  border-left: solid 5px #ffd400;
}

.layout-main .layout-second .second-body .bgn_h2,
.layout-main .layout-second .second-body article>.bgn_h2 {
  padding: 0.5em;
  background: #12315a20;
  border-left: solid 5px #12315a;
  border-bottom: solid 2px #12315a70;
}

.layout-main .layout-second .second-body .ono_h2,
.layout-main .layout-second .second-body article>.ono_h2 {
  position: relative;
  padding: 0.25em 0;
  color:#4c4c4c;
  font-size: 24px;
}

.layout-main .layout-second .second-body .ono_h2:after,
.layout-main .layout-second .second-body article>.ono_h2:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, #12315a, transparent);
  background: linear-gradient(to right, #12315a, transparent);
}

.layout-main .layout-second .second-body .brex_h2,
.layout-main .layout-second .second-body article>.brex_h2 {
  position: relative;
  padding: .5em .5em .5em 1em;
  border: 2px solid #ffd400;
  background:#12315a;
  color:#ffffff;
}

.layout-main .layout-second .second-body .brex_h2:before,
.layout-main .layout-second .second-body article>.brex_h2:before {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ffd400;
  border-radius: 4px;
}



/* h3 */

.layout-main .layout-second .second-body .logo_h3,
.layout-main .layout-second .second-body article>.logo_h3 {
  padding: 0 0 0 30px;
  background: url(/files/user/images/logo/ub.png?v=1562201944) no-repeat left;
  background-size: contain;
  line-height: initial;
}

.layout-main .layout-second .second-body .ono_h3,
.layout-main .layout-second .second-body article>.ono_h3 {
  border-bottom: solid 3px #ffd40090;
  position: relative;
  padding-bottom: 3px;
  margin-bottom: 20px;
}

.layout-main .layout-second .second-body .ono_h3:after,
.layout-main .layout-second .second-body article>.ono_h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #12315a;
  bottom: -3px;
  width: 10%;
}


.skew_h3 {
	border-bottom: 3px solid #12315a;
}
.skew_h3 span {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	background: #12315a;
	display: inline-block;
	padding: 10px;
}
.skew_h3 span:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-width: 0 20px 40px 0;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #12315a;
}

.point_box_n {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  /* color: #0075a9; */
  color:#12315a;
  border-radius: 0 10px 10px 10px;
  background: #d8ecf5;
}

.point_box_n:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -24px;
  left: 0;
  height: 24px;
  padding: 0 1em;
  content: '\f0a4  POINT';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #0075a9;
}

/* h4 */

/* .layout-main .layout-second .second-body .logo_h4,
.layout-main .layout-second .second-body article > .logo_h4 {
	padding: 5px 0 5px 35px;
	background: url(/files/user/images/logo/rt.png?v=1558059609) no-repeat left;
	background-size: contain;
	line-height: initial;
} */

.layout-main .layout-second .second-body .ono_h4,
.layout-main .layout-second .second-body article>.ono_h4 {
  border-bottom: solid 3px #ffd40090;
  position: relative;
  padding-bottom: 3px;
  margin-bottom: 20px;
}

.layout-main .layout-second .second-body .ono_h4:after,
.layout-main .layout-second .second-body article>.ono_h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #12315a;
  bottom: -3px;
  width: 10%;
}

.skew_h4 {
	border-bottom: 2px solid #12315a;
}

.skew_h4 span {
	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
	position: relative;
	background: #12315a;
	display: inline-block;
  margin: 10px 0 0 0;
	padding: 5px;
}

.skew_h4 span:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-width: 0 15px 25px 0;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #12315a;
}

/*
 * marker
 */
  .marker_yellow_n{
    background: linear-gradient(transparent 60%, #ffd40066 60%);
    font-weight:bolder;
  }
  .marker_yellow_b{
    background: linear-gradient(transparent 0%, #ffd40066 0%);
    font-weight:bolder;
  }

/*
 * logo
 */

.secondly-logo {
  padding: 0 0 0 30px;
  background: url(/files/user/images/common/logo_ub_secondary_w200.png?v=1562737172) no-repeat left;
  background-size: contain;
  line-height: initial;
}


/* brexy */

.brexy_new {
  color: white;
  background-color: #ffd400;
  padding: 0 5px;
  margin-right: 5px;
}


/* table scroll */

.scroll {
  overflow: auto;
  white-space: nowrap;
}

.scroll::-webkit-scrollbar {
  height: 5px;
}

.scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}


/* brecky scroll */

#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

#pagetop a img {
  width: 60px;
}

@media screen and (max-width: 767px) {
  .layout-global-footer {
    padding-bottom: 101px !important;
  }
  #pagetop.bnr-footer-pagetop {
    right: 10px;
    bottom: 30px;
  }
}


/* indent */
.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

.indent2 {
  padding-left: 2em;
  text-indent: -2em;
}

.p-indent1 {
  text-indent: 1em;
}


/* 箇条書き */
.bullet {
  text-indent: -1.7rem;
  margin-left: 1em;
  margin-top: 10px;
}

.bullet:before {
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  border: transparent solid 5px;
  border-left-color: #12315a;
  vertical-align: -1px;
}

/* fontawesome */
.icon {
  font-family: "Font Awesome 5 Free";
  display: block;
  /* text-indent: -1em; */
  margin-left: 1em;
  padding: 5px 0 !important;
  border: none !important;
}

.phone:before {
  font-family: "Font Awesome 5 Free";
  /* content: "\f095"; */
  content: "\f3cd";
  font-weight: 900;
  margin-right: 0.5rem;
}

.tel:before {
  font-family: "Font Awesome 5 Free";
  content: "\f3cd";
  font-weight: 900;
  margin-right: 0.5rem;
}

.mail:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0e0";
  margin-right: 0.5rem;
}

.pdf:after {
  font-family: "Font Awesome 5 Free";
  content:"\f1c1";
  margin-left: 0.5rem;
  color: #a94442;
}
.hpr:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  margin-right: 0.5rem;
}
.ono_link:after {
  font-family: "Font Awesome 5 Free";
  content: "\f2d2";
  margin-left: 0.5rem;
}
.yt:before{
  font-family: "Font Awesome 5 Free";
  content: "\f167";
  /*font-weight: 900;*/
  color: #ea2a0b;
  margin-right: 0.5rem;
}
.mobile:after{
  font-family: "Font Awesome 5 Free";
  content: "\f3cd";
  font-weight: 900;
  margin-left: 0.5rem;
}
.map:after{
  font-family: "Font Awesome 5 Free";
  content: "\f5a0";
  font-weight: 900;
  margin-left: 0.5rem;
}
.tap:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0a6";
  /* margin-left: 0.5rem; */
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  position: relative;
  top:-48px;
  left:55px;
}

/* arena */

#arena1 {
  visibility: visible;
}


/* 　表示 */

#arena2 {
  visibility: hidden;
}


/* 非表示 */


/* タブ機能を制御するラジオボタン(非表示にする) */

.tabbox input {
  display: none;
}

.tabbox label {
  margin: 0
}


/* タブ(共通装飾＋非選択状態の装飾) */

.tabbox>.tab {
  display: inline-block;
  /* インラインブロック化 */
  border-width: 1px 1px 0px 1px;
  /* 上側と左右に枠線を引く */
  border-style: solid;
  /* 枠線の種類は「実線」 */
  border-color: black;
  /* 枠線の色は「黒」 */
  border-radius: 0.75em 0.75em 0px 0px;
  /* 左上と右上の角だけを丸くする */
  padding: 0.75em 1em;
  /* 内側の余白量 */
  font-weight: bold;
  /* タブの文字を太字にする */
  color: black;
  /* タブの文字色：黒色 */
  background-color: #e0e0e0;
  /* タブの(非選択状態の)背景色：灰色 */
  width: 49%;
  text-align: center;
}


/* タブにマウスポインタが載った際の装飾 */

.tab:hover {
  color: #12315a;
  background-color: #ffd400;
  cursor: pointer;
  /* マウスポインタの形状を「指(指し示す形)」にする */
}


/* 選択状態のタブ(＝チェックが入っているラジオボタンの隣にあるタブの装飾) */

input:checked+.tab {
  color: #ffd400;
  background-color: #12315a;
}


/* タブの中身(共通装飾＋非選択状態の装飾) */

.tabcontent {
  display: none;
  /* 標準では非表示にする */
  border: 1px solid black;
  /* 枠線を引く：黒色で1ピクセルの実線 */
  /*padding: 1em;*/
  /* 内側の余白量 */
  padding: 5px 5px 0;
  background-color: #12315a;
}

.pricecontent {
  display: none;
  /* 標準では非表示にする */
  margin: 20px 0 0 0;
}


/* チェックが入っているラジオボタンに対応するタブの中身を表示する */

#tabcheck1:checked~#tabcontent1 {
  display: block;
}

#tabcheck2:checked~#tabcontent2 {
  display: block;
}

#tabcheck1:checked~#price1 {
  display: block;
}

#tabcheck2:checked~#price2 {
  display: block;
}


/* チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */

input:checked+.tab {
  z-index: 10;
  position: relative;
}


/* タブの中身(共通装飾＋非選択状態の装飾) */

.tabcontent {
  margin-top: -1px;
  z-index: 0;
  position: relative;
}


/* タブ制御 */
	.ono_tabs {
		margin-top: 50px;
		padding-bottom: 40px;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		/* width: 700px; */
		width: 100%;
		margin: 0 auto;
	}

	/*タブのスタイル*/
	.ono_tab_item {
    /* コンテンツに合わせる */
		/* width: calc(100%/2); */
		/* height: 50px; */
		border-bottom: 3px solid #12315a;
		/* background-color: #d9d9d9; */
    background-color: #ffd40066;
		line-height: 50px;
		/* font-size: 16px; */
		text-align: center;
		color: #565656;
		display: block;
		float: left;
		font-weight: bold;
    cursor: pointer;
		transition: all 0.2s ease;
	}

	.ono_tab_item:hover {
		opacity: 0.75;
	}

	/*ラジオボタンを全て消す*/
	input[name="ono_tab_item"] {
		display: none;
	}

  input[name="ono_tab_item"]:disabled+label {
		opacity: 0.5;
		/* background: #ffff; */
	}

	/*タブ切り替えの中身のスタイル*/
	.ono_tab_content {
		display: none;
		padding: 10px 10px 0;
		clear: both;
		overflow: hidden;
	}


	/*選択されているタブのコンテンツのみを表示*/
  #ono_tabcheck1:checked~#ono_content1,
  #ono_tabcheck2:checked~#ono_content2,
  #ono_tabcheck3:checked~#ono_content3,
  #ono_tabcheck4:checked~#ono_content4,
  #ono_tabcheck5:checked~#ono_content5,
	#same-day:checked~#same-day_content,
	#standing:checked~#standing_content {
		display: block;
	}

	/*選択されているタブのスタイルを変える*/
	.ono_tabs input:checked+.ono_tab_item {
		background-color: #12315a;
		color: #ffd400;
	}




/* 
 * popup
 */

.popupModal1 {
  color: white;
  background-color: #12315a;
  text-align: center;
  margin: 0 0 20px;
  padding: 15px !important;
  font-size: 90%;
}

.popupModal1>input {
  /* ラジオボックス非表示 */
  display: none;
}

.popupModal1>input:nth-child(1)+label {
  cursor: pointer;
}

.modalPopup2 {
  /* 初期設定 ポップアップ非表示 */
  display: none;
}

.popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2 {
  /* ラジオ１ チェックでポップアップ表示 */
  display: block;
  z-index: 998;
  position: fixed;
  width: 90%;
  height: 80%;
  border-radius: 20px;
  left: 50%;
  top: 50%;
  margin-top: 30px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 10px 20px;
  overflow: hidden;
}

@media (min-width: 768px) {
  /* PCのときはページの真ん中の600x600領域 */
  .popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2 {
    width: 600px;
    height: 600px;
    padding: 30px;
  }
  .popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label+input:nth-child(5)+label {
    left: 50% !important;
    top: 50% !important;
    margin-left: 270px !important;
    margin-top: -310px !important;
  }
}

.popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2>div {
  /* */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2>div>iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2>div>img {
  /* ポップアップの中の要素 */
  max-width: 100%;
}

.popupModal1>input:nth-child(1)+label~label {
  display: none;
  /* ラジオ１ 以外のラベルを初期は非表示 */
}

.popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.70);
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 997;
  text-indent: -999999px;
  overflow: hidden;
}

.popupModal1>input:nth-child(1):checked+label+input:nth-child(3)+label+input:nth-child(5)+label {
  background: rgba(255, 255, 255, 0.5);
  display: inline-block;
  position: fixed;
  left: 10px;
  bottom: 20px;
  z-index: 999;
  width: 44pt;
  height: 44pt;
  font-size: 40px;
  border-radius: 50%;
  line-height: 44pt;
  text-align: center;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1>input:nth-child(1)+label+input:nth-child(3):checked+label+input:nth-child(5)+label+.modalPopup2,
.popupModal1>input:nth-child(1)+label+input:nth-child(3)+label+input:nth-child(5):checked+label+.modalPopup2 {
  /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
  display: none;
}

.modalPopup2 {
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.popupModal1 .modalTitle {
  padding-bottom: .5em;
  margin: .5em 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.popupModal1 .modalMain {
  color: #222;
  text-align: left;
  font-size: 14px;
  line-height: 1.8em;
}


/*
 * サポートショップ
 */

.support_shop_list {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  margin: 10px 0 0 1em;
  /*display: flex;*/
}

.support_shop_list>.shop_name {
  margin-top: 10px;
  font-weight: bolder;
}

.support_shop_list>.shop_address {
  margin-left: 1em;
}


/* 画面幅が768px以上の場合、横スクロールを解除 */

@media screen and (min-width: 768px) {
  .support_shop_list {
    overflow-x: inherit;
  }
}


/*
 * アレンジ
 */


/* タブの中身(共通装飾＋非選択状態の装飾) */

.tabcontent2 {
  display: none;
  /* 標準では非表示にする */
  padding: 5px 5px 0;
}


/*
 * スポンサーロゴ
 */

#sponsers>.company {
  padding: 10px;
}

#sponsors>.company .thumbnail {
  line-height: 150px;
  text-align: center;
  padding: 20px;
  margin: 10px auto;
}

#sponsors>.company .thumbnail>.logo {
  line-height: 150px;
}


/*
#sponsors > .company img {
    
    display: inline-block;
    max-height: 200px;
    
}
*/

#sponsors>.company .name {
  line-height: 30px;
  margin-top: 10px;
  text-align: center;
  /*font-weight: bolder;*/
}


/*
 * ユニフォームスポンサー
 */

#uniform_sponsors .logo_position {
  font-weight: bold;
  line-height: 2.5em;
}


/* row safari対策 */

.row:before,
.row:after {
  width: 0px;
}

/* cheer brexy */
.brexy .name {
	font-size: 32px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
}

/* cheer b-girls */
.b-girls .name {
	font-size: 32px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
}

/* */
.md {
  display:inline-block;
  vertical-align: middle;
  line-height:normal;
}


/* */
#bsb {
  height: 800px;
  background: #12315a;
}
#bsw {
    position: absolute;
    width: 18em;
    height: 1600px;/*50em;*/
    bottom: 500px;/*0;*/
    left: 40%;
    margin-left: -9em;
    font-size: 350%;
    font-weight: bold;
    text-align: justify;
    overflow: hidden;
    transform-origin: 50% 100%;
    transform: perspective(300px) rotateX(25deg);
}
#bsw:after{
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 60%;
    background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
    pointer-events: none;
}
#bswc {
    position: absolute;
    top: 100%;
    animation: scroll 60s linear 2s infinite;
    color:#ffd400aa;
}
@keyframes scroll {
    0% { top: 100%; }
    100% { top: -170%; }
}


/* faq */
	.cp_qa *,
	.cp_qa *:after,
	.cp_qa *:before {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.cp_qa {
		overflow-x: hidden;
		margin: 0 auto;
		color: #333333;
	}

	.cp_qa .cp_actab {
		padding: 20px 0;
		border-bottom: 1px dotted #cccccc;
	}

	.cp_qa label {
		font-size: 1.2em;
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 10px 5px 0 40px;
		cursor: pointer;
	}

	.cp_qa .cp_actab-content {
		font-size: 1em;
		position: relative;
		overflow: hidden;
		height: 0;
		/* margin: 0 40px; */
    margin: 0 1px 0 30px;
		padding: 0 14px;
		-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
		opacity: 0;
	}

	.cp_qa .cp_actab input[type=checkbox]:checked~.cp_actab-content {
		height: auto;
		padding: 10px;
		opacity: 1;
	}

	.cp_qa .cp_plus {
		font-size: 2.4em;
		line-height: 100%;
		position: absolute;
		z-index: 5;
		margin: 6px 0 0 10px;
		-webkit-transition: 0.2s ease;
		transition: 0.2s ease;
	}

	.cp_qa .cp_actab input[type=checkbox]:checked~.cp_plus {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.cp_qa .cp_actab input[type=checkbox] {
		display: none;
	}

.steps {

	counter-reset: step-counter;

	position: relative;

	padding-left: 3rem;


}

/* 縦棒 */
.steps:before {
	content: "";
	background-color: #12315a;
	width: 3px;
	position: absolute;
	top: 1.2rem;
	left: 0.9rem;
	height: calc(100% - 0.7rem);
	/* 100% - top */
	/* 連番より後ろに表示するため */
	z-index: 0;
}

.steps>.t {
	/* 連番カウンターを+1する */
	counter-increment: step-counter;
	/* 連番カウンターを垂直方向に中央揃えで表示する */
	display: flex;
	align-items: center;
	margin-top: 2rem;
	font-weight: bold;
}

.steps>.t:before {
	/* 連番カウンターの値を表示する */
	content: counter(step-counter);
	background: #12315a;
	color: #ffd400;
	font-size: 0.8rem;
	font-weight: normal;
	/* 文字を中央に表示する */
	line-height: 2rem;
	text-align: center;
	/* 円で表示する */
	width: 2rem;
	height: 2rem;
	border-radius: 1.5rem;
	/* .stepsでmargin-left +2rem したぶん左に戻す */
	position: absolute;
	left: 0;
	/* 縦棒より手前に表示するため */
	z-index: 1;
}

/* 囲み */
/* navy */
.ono_box_n {
  border: 3px solid #12315a;
  border-radius: 5px;
  margin-top: 20px;
}
.ono_box_n>.title {
  margin: 0;
  padding: .8rem 1rem;
  background:#12315a;
  color: white;
  font-weight: bold;
}


/* yellow */
.ono_box_y {
  border: 3px solid #ffd400;
  border-radius: 5px;
  margin-top: 20px;
}
.ono_box_y>.title {
  margin: 0;
  padding: .8rem 1rem;
  background:#ffd400;
  color: #12315a;
  font-weight: bold;
}

/* red */
.ono_box_r {
  border: 3px solid #a94442;
  border-radius: 5px;
  margin-top: 20px;
}
.ono_box_r>.title {
  margin: 0;
  padding: .8rem 1rem;
  background:#a94442;
  color: white;
  font-weight: bold;
}


/* 囲み共通 */
.ono_box_n>.text,
.ono_box_y>.text,
.ono_box_r>.text {
  margin: 0;
  padding: 1rem;
}

/* シーズン結果 */
	#season .tab-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	#season .tab-label {
		color: White;
		background: LightGray;
		margin-right: 5px;
		padding: 3px 12px;
		order: -1;
	}

	#season .tab-content {
		width: 100%;
		display: none;
	}

	#season .tab-switch:checked+.tab-label {
		background: #12315a;
	}

	#season .tab-switch:checked+.tab-label+.tab-content {
		display: block;
	}

	#season .tab-switch {
		display: none;
	}

  /* seat */
  .ss {
    background-color: #db2228;
  }

  .s {
    background-color: #e8505d;
  }

  .sa {
    background-color: #e94c3d;
  }

  .a {
    background-color: #e8505d;
  }

  .c {
    background-color: #ed7775;
  }

  ._1fp {
    background-color: #e94977;
  }

  ._1fc {
    background-color: #fdd100;
  }

  ._1fs {
    background-color: #ee7f25;
  }

  ._1fe {
    background-color: #b9d300;
  }

  ._2fc {
    background-color: #175caa;
  }

  ._2fs {
    background-color: #2683c8;
  }

  ._2fe {
    background-color: #0196c1;
  }

  .free_sheet {
    background-color: #858c9c;
  }

  ._1fwc {
    background-color: #c5a0c9;
  }

  ._2fwc {
    background-color: #9fbbe2;
  }

  .cb {
    background-color: #00a6af;
  }

/* SPのみリンク */
@media screen and (min-width: 768px){
  /* tel */
  a[href^="tel:"] {
    pointer-events: none;
  }

  .br-sp {display: none; }
}