@charset "Shift_JIS";

/* ボタンの位置調整 */
div.sort div.new input[type='button']:nth-child(odd)
{
  margin-right:0;
  margin-left:0;
}
div.sort div.new input[type='button']:nth-child(even)
{
  margin-right:10px;
  margin-left:10px;
}

/* ボタンの位置調整:センタリングされるので、左右の margin を削除 */
@media only screen and (max-width: 768px)
{
div.sort div.new input[type='button']:first-child
{
  margin-left:0;
}
div.sort div.new input[type='button']:last-child
{
  margin-right:0;
}
}

/* ボタンの位置調整:ボタンが縦に並ぶので margin を削除 */
@media only screen and (max-width: 413px){
div.sort div.new input[type='button']:nth-child(even)
{
  margin-right:0;
  margin-left:0;
}
div.sort div.new input[type='button']:last-child
{
  margin-left:0;
}
}




/* select udlr - 右側上下のボタンサイズとセレクトの幅 */

/* title 追加 */
/* add div - wrap / buttons-warap-right */
/* add other - td.no-header */

/* float を select から select の上の wrap へ変更 */
div.udlr select
{
  float:none;
}
div.udlr div.wrap
{
  float:left;
  padding:0;
  width:340px; /* 元 select width */
}

/* title デザイン */
div.udlr div.title
{
  text-align:center;
  font-weight:bold;
  font-size:14px;
}

@media only screen and (max-width: 768px)
{
/* 高さを指定して td の高さを確保 */
div.udlr
{
  height:764px; /* title:22*2 + select:300*2+ buttons:120 = 764 */
}
div.udlr div.wrap
{
  width:100%;
}

div.udlr div.udlr-area div.wrap select
{
  width:calc(100% - 50px) !important; /* ボタンとスペース分狭く */
}
div.udlr div.udlr-area div.wrap div.buttons-warap-right
{
  height:300px; /* select height */
}
div.udlr div.udlr-area div.wrap div.buttons-warap-right button.btn2
{
  /* 上下ボタンのサイズ */
  width:40px !important;
  height:145px !important;
  margin:0;
}
div.udlr div.udlr-area div.wrap div.buttons-warap-right button.btn2:nth-of-type(2)
{
  margin-top:10px; /* 上下ボタンのスペース */
}

/* ヘッダの無い(colspan=2) の td では、border-top の線を引く */
table.list-row td.no-header
{
  border-top:1px solid #939393;
}

}
/* /select udlr */




/* 文字とエレメントを途中で改行させない */
/* 今回は、テスト引用問題管理.選択肢.配点用 */
table tr td .group
{
  display:inline-block;
}

/* 1つの td に複数のエレメントがある時のスペース */
/*
<td><input class='spaceR'><input></td>
*/
table tr td .spaceR
{
  margin-right:5px;
}

/* table よりヘッダの線が短くなるのを防ぐ */
                                            .ctl-sbt { min-width: 767px; }
@media only screen and (max-width: 768px) { .ctl-sbt { min-width: 0; } }


/* style.css topへと重なる為、左に移動 */
.movie_btn
{
  text-align: left;
}



/* select のデザイン */
span.for-select select
{
  padding-right:28px;
}
span.for-select
{
  position: relative;
}
span.for-select:after
{
  content: '\25BC';
  position: absolute;
  top: 50%;
  right: 0px;
  pointer-events: none;
  margin-right: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  transform:         translateY(-50%);
  font-size: 14px;
}


/* 指定なしで nowrap は困る */
table.list-col tr td
{
  white-space: normal;
}

/* いつの間にか消えていた */
table.nowrap td, table tr.nowrap td, table tr td.nowrap
{
  white-space: nowrap;
}

/* 追加 */
table td.hidden
{
  white-space: nowrap !important;
}

/* ボタンの間のスペース */
div.buttons input[type='button']:not(:first-of-type),
div.buttons input[type='submit']:not(:first-of-type)
{
  margin-left:10px;
}

/* ソートの▽の位置調整 */
table.list-col.sort tr.head td
{
  position: relative;
}