@charset "utf-8";
/* CSS Document */

.scroll-nav {
  overflow-y: hidden;
	position: fixed;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
  line-height: 1.2;
  z-index: 1;
}

.scroll-nav2 {
  overflow-y: hidden;
	position: fixed;
	width: 100%;
	top: 48px;
	right: 0;
	left: 0;
  line-height: 1.2;
  z-index: 1;
}

/* 中身がスクロールするビュー
.scroll-nav__view {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
} */

/* 実際にスクロールするオブジェクト */
.scroll-nav__list, .scroll-nav2__list {
  /* tableにすることで、横幅指定をすることなくmargin: autoによる中央寄せが可能になる */
  display: table;
	width : 100%;
  list-style: none;
  margin: 0 auto;
  /* 下方向に余分なpadding部分を持たせ、そこにスクロールバーが表示される
  padding: 0 0 24px 0; */
}

.scroll-nav__item, .scroll-nav2__item {
  /* itemを横並びに、かつ親要素がその親要素の横幅からはみだすことが可能になる */
  display: table-cell;
	border-right: 1px solid #FFF;
	text-align: center;
	vertical-align: middle;
}
.scroll-nav__item:first-child, .scroll-nav2__item:first-child {
	border-left: 1px solid #FFF;
}
.scroll-nav2__item {
	border-top: 1px solid #FFF;
}
.scroll-nav a, .scroll-nav2 a {
  display: block;
  padding: 6px 0px 12px 0px;
  /* 文字列の自動改行を禁止 */
  white-space: nowrap;
  color: rgb(224, 224, 224);
  font-family: sans-serif;
  font-size: 1.0rem;
  /*  font-size: 14px;
 行高が24pxになるように調整 24/14 */
/*  line-height: 1.71428;*/
  text-decoration: none;
}

.scroll-nav .koko a, .scroll-nav2 .koko a, #apDiv .scroll-nav__item .koko a {
  color: #FF0;
	font-weight: bolder;
}

.scroll-nav .koko a:hover, .scroll-nav2 .koko a:hover {
	font-weight: normal;
}

.scroll-nav .mo, .scroll-nav2 .mo {
  /* スクロールバーを見えなくするため */
  height: 33px; /* 実際に表示する高さ */
  overflow-y: hidden;
}
.scroll-nav .mo a, .scroll-nav2 .mo a {
  padding: 1px 0px 1px 0px;
  font-size: 0.8rem;
  line-height: 1.1;
}

/* 以下サンプル用デザイン */

.scroll-nav, .scroll-nav2 {
  background: rgb(50, 50, 50);
}
@media screen and (max-width:1148px){
#ds-main, #ds-right {
	margin: 0 auto;
	float: none;
}
#ds-right {
	max-width: 712px;
	padding-left: 0;
}
}

@media screen and (max-width:930px){
nav ul {
	width: 600px;
  margin: 0 auto;
}
}

@media screen and (min-width:750px){
#page {
  margin-top: 96px;
}
.mo {
	display: none;
}
.scroll-nav, .scroll-nav2 {
  /* スクロールバーを見えなくするため */
  height: 48px; /* 実際に表示する高さ */
}
#apDiv {
  padding: 3px 0px 3px 0px;
  font-size: 1.0rem;
  line-height: 1.2;
}

}
@media screen and (max-width:750px){
#page {
  margin-top: 66px;
}
.pc {
	display: none;
}
.scroll-nav2 {
	top: 33px;
}

}

@media screen and (max-width:630px){
nav ul {
	width: 450px;
  margin: 0 auto;
}
}

@media screen and (max-width:480px){
nav ul {
	width: 300px;
  margin: 0 auto;
}
}