/*
-------------------------------------------------
 otet長期用 スマホ用CSS
-------------------------------------------------
 */
/* CSSをリセット */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,label,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video, {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}

ol,ul {
	list-style:none
}

table {
	border-collapse:collapse;
	border-spacing:0
}

:root ol,:root ul {
	margin:0;
	padding:0
}

/* 全体 */
body {
	-webkit-text-size-adjust:none;
	min-height:416px;
	font-size:14px;
	font-family:sans-serif;
	margin:0;
	padding:0;
	color:#222;
	min-width:320px;
	overflow:scroll;
	line-height:1
}

section {
	clear:both
}

a:link {
	text-decoration:none
}

a:hover {
	color:red
}

a:active {
	color:red
}

a:link.normal {
	color: #3b92c8;
	text-decoration: underline;
	font-weight: bold;
}


/* ヘッダーロゴとボタン */
header {
	height:46px;
/*	padding:4px; */
}

.headerlogo {
	float:left;
	margin:0;
	padding:0
}

.headerlogo a {
	text-indent:-99999px;
	font-size:0;
	display:block;
	width:153px;
	height:46px;
	background:url(../../images/sp/logo.png) no-repeat top left;
	-webkit-background-size:153px auto;
	background-size:153px auto;
	width:153px
}

.headerbuttons {
	float:right;
	margin:0;
	padding:0
}

.headerbuttons li {
	float:left;
	margin:0 0 0 6px;
	padding:0
}

.headerbutton-kento {
	background:url(../../images/sp/button_kento.png) no-repeat top left;
	-webkit-background-size:45px auto;
	background-size:45px auto;
	width:45px
}

.headerbutton-register {
	margin:0 0 0 4px;
	background:url(../../images/sp/button_register.png) no-repeat top left;
	-webkit-background-size:45px auto;
	background-size:45px auto;
	width:45px
}

.headerbutton-login {
	margin:0 0 0 4px;
	background:url(../../images/sp/button_login.png) no-repeat top left;
	-webkit-background-size:45px auto;
	background-size:45px auto;
	width:45px
}

.headerbutton-logout {
	margin:0 0 0 4px;
	background:url(../../images/sp/button_logout.png) no-repeat top left;
	-webkit-background-size:45px auto;
	background-size:45px auto;
	width:45px
}

.headerbuttons li a {
	text-indent:-99999px;
	font-size:0;
	display:block;
	width:45px;
	height:45px
}

/* ヘッダーロゴとボタンここまで */



/* 短期・長期のタブ */
.tabs {
	text-align:center;
	font-size:18px;
	margin:0;
	padding:0
}

.tabs li a {
	color:#fff
}

.tabs li.tab-tanki_active {
	background:#ff9642;
	width:50%;
	padding:8px 0;
	margin:0 4px 0 0;
	float:left
}

.tabs li.tab-tanki_nonactive {
	background:#ff9642;
	width:50%;
	font-size:14px;
	margin:4px 4px 0 0;
	padding:8px 0;
	float:left
}

.tabs li.tab-tyoki_nonactive {
	background:#1e90ff;
	width:50%;
	font-size:14px;
	margin:4px 0 0 -8px;
	padding:8px 0;
	float:right
}

.tabs li.tab-tyoki_active {
	background:#1e90ff;
	width:50%;
	margin:0 0 0 -8px;
	padding:8px 0;
	float:right
}
/* 短期・長期のタブここまで */



/* 短期・長期・登録情報のタブ */
.tabs {
	text-align:center;
	font-size:18px;
	margin:0;
	padding:0
}

.tabs li a {
	color:#fff
}

.tabs li.tab-tanki3 {
	background:#ff9642;
	float:left
}
.tabs li.tab-tyoki3 {
	background:#1e90ff;
	float:left
}
.tabs li.tab-toroku3 {
	background:#30a83e;
	float:right
}

.tabs li.nonactive {
	width:33%;
	font-size:14px;
	margin:4px 0 0 0;
	padding:8px 0;
}
.tabs li.active {
	width:34%;
	padding:8px 0;
}


/* 背景色がある見出し文字部分（背景色は別のclassで色だけ指定） */
.headline {
	clear:both;
	font-size:18px;
	padding:7px 8px;
	margin: 0;
	color:#fff;
	line-height:1.4
}

/* 右側へボタンを配置したいときはテーブルで指定 */
.table-headline {
	margin 0;
	width: 100%;
}

.table-headline-left {
	margin:0 4px;
	padding:7px 4px;
	color:#fff;
	font-size:18px;
	text-align: left;
}

.table-headline-right a {
	font-size:12px;
	color:#fff;
	margin:4px;
	padding:6px;
	background:#666;
	white-space:nowrap
}



/* 左と下にラインの入った見出し */
.text-redborder {
	clear:both;
	color:#333;
	font-size:18px;
	line-height:1.5;
	margin:8px 4px;
	padding:0 4px;
	border-left:solid 6px #ff7200;
	border-bottom:solid 2px #ee1b2e
}

.text-blueborder {
	clear:both;
	color:#333;
	font-size:18px;
	line-height:1.5;
	margin:8px 4px;
	padding:0 4px;
	border-left:solid 6px #128cce;
	border-bottom:solid 2px #128cce
}

p {
	margin:4px;
}


/* 検索フォーム。グラデーションをCSS3で記述しているため長い */
.search {
	text-align:center;
	margin:8px 0
}

.form-field {
	border:1px solid #bdbdbd;
	background:#f5f5f5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#8f8f8f;
	-webkit-box-shadow:rgba(255,255,255,0.4) 0 1px 0,inset rgba(000,000,000,0.7) 0 1px 1px;
	-moz-box-shadow:rgba(255,255,255,0.4) 0 1px 0,inset rgba(000,000,000,0.7) 0 1px 1px;
	box-shadow:rgba(255,255,255,0.4) 0 1px 0,inset rgba(000,000,000,0.7) 0 1px 1px;
	padding:8px;
	margin-bottom:20px;
	width:200px
}

.form-field:focus {
	background:#fff;
	color:#1f1f1f
}

.submit-button {
	border:1px solid #787878;
	background:#757575;
	background:-webkit-gradient(linear,left top,left bottom,from(#a5a5a5),to(#757575));
	background:-webkit-linear-gradient(top,#a5a5a5,#757575);
	background:-moz-linear-gradient(top,#a5a5a5,#757575);
	background:-ms-linear-gradient(top,#a5a5a5,#757575);
	background:-o-linear-gradient(top,#a5a5a5,#757575);
	background-image:-ms-linear-gradient(top,#a5a5a5 0%,#757575 100%);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#fff;
	padding:8.5px 18px;
	font-size:14px;
	text-decoration:none;
	vertical-align:middle
}

.submit-button:active {
	border:1px solid #447314;
	background:#8dc059;
	background:-webkit-gradient(linear,left top,left bottom,from(#6aa436),to(#6aa436));
	background:-webkit-linear-gradient(top,#6aa436,#8dc059);
	background:-moz-linear-gradient(top,#6aa436,#8dc059);
	background:-ms-linear-gradient(top,#6aa436,#8dc059);
	background:-o-linear-gradient(top,#6aa436,#8dc059);
	background-image:-ms-linear-gradient(top,#6aa436 0%,#8dc059 100%);
	color:#fff
}

/* 検索フォームここまで */


/* 条件からバイトを探すボタン */
.jyoken_search {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.jyoken_search_button {
	width:30%;
	max-width:194px;
	margin: 2px
}



/* おてつだいコンテンツボタン */
.otetsudai_contents {
	width: 100%;
	margin: 4px auto;
	text-align: center;
}

.otetsudai_content {
	width:45%;
	max-width:282px;
	margin: 2px
}

/* 会員登録ボタン */
.register {
	width: 90%;
	max-width:300px;
	margin: 4px auto;
	text-align: center;
}


/* オススメ特集としてバナーが並ぶ */
.osusume_tokusyu ul {
	text-align:center;
	margin:4px 0
}

.osusume_tokusyu ul li {
}


/* 3つ横並び2段（計6つ）のテーブル。フッター部など */

.table-onesixth {
	width: 100%;
	margin:0 auto
}

.table-onesixth td {
	width:33%;
	padding:12px;
	vertical-align:middle;
	text-align:center;
	border:#999 1px solid;
	font-size:12px
}
/* 3つ横並び2段（計6つ）のテーブル。フッター部など ここまで */


/* 検索条件を変更ボタン */
.change_search {
	margin:10px auto;
	padding:20px 0;
	width:240px;
	text-align:center;
	background:#717271;
	background:-moz-linear-gradient(top,#717271 0%,#8e8d8d 50%,#8e8d8d 52%,#8e8d8d 52%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#717271),color-stop(50%,#8e8d8d),color-stop(52%,#8e8d8d),color-stop(52%,#8e8d8d));
	background:-webkit-linear-gradient(top,#717271 0%,#8e8d8d 50%,#8e8d8d 52%,#8e8d8d 52%);
	background:-o-linear-gradient(top,#717271 0%,#8e8d8d 50%,#8e8d8d 52%,#8e8d8d 52%);
	background:-ms-linear-gradient(top,#717271 0%,#8e8d8d 50%,#8e8d8d 52%,#8e8d8d 52%);
	background:linear-gradient(to bottom,#717271 0%,#8e8d8d 50%,#8e8d8d 52%,#8e8d8d 52%);
}

.change_search a {
	color:#fff;
	font-size:20px
}

/* バナーエリア。画像をセンタリング */
.banners {
	text-align:center;
	margin:8px;
}

.banner {
	margin:4px 0;
	width: 90%;
	max-width:500px;
	border: 1px solid rgba( 0,0,0 , 0.1 ) ;
}

/* バナーエリアここまで */


/* 募集一覧ページ 各バイト先の項目 */
.information {
}

.information h2.tanki {
	border-top:4px solid #f60;
	color:red;
	font-weight:400;
	font-size:14px;
	padding:8px 0 0 8px
}

.information h1.tanki {
	background:#ffe8be;
	color:#222;
	font-weight:400;
	padding:8px
}

.information h1.tyoki {
	background:#b8dbff;
	border-top:4px solid #128cce;
	color:#222;
	font-weight:400;
	padding:8px
}

.separate {
	width:100%;
}

.separate-60percent-left {
	width:60%;
	float:left;
	margin:0 -8px 0 0
}

.separate-40percent-right {
	width:40%;
	float:right;
	margin:0 4px;
}

.separate-40percent-right img {
	width:100%;
}

/* 文頭にアイコン画像を付けたリスト。アイコンが増えたらこちらへ追記。画像のサイズはRetina対応のため半分で記述 */
.icons li {
	margin: 0 4px;
	padding:0 17px 6px;
	-webkit-background-size:13px auto;
	background-size:13px auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tyoki-icon-accessfee {
	background:url(../../images/sp/tyoki-icon-accessfee.png) no-repeat top left;
}
.tyoki-icon-eki {
	background:url(../../images/sp/tyoki-icon-eki.png) no-repeat top left;
}
.tyoki-icon-hito {
	background:url(../../images/sp/tyoki-icon-hito.png) no-repeat top left;
}

.tyoki-icon-kikan {
	background:url(../../images/sp/tyoki-icon-kikan.png) no-repeat top left;
}

.tyoki-icon-location {
	background:url(../../images/sp/tyoki-icon-location.png) no-repeat top left;
}

.tyoki-icon-yen {
	background:url(../../images/sp/tyoki-icon-yen.png) no-repeat top left;
}

.tyoki-icon-watch {
	background:url(../../images/sp/tyoki-icon-watch.png) no-repeat top left;
}

.tyoki-icon-calendar {
	background:url(../../images/sp/tyoki-icon-calendar.png) no-repeat top left;
}

.tanki-icon-accessfee {
	background:url(../../images/sp/tanki-icon-accessfee.png) no-repeat top left;
}

.tanki-icon-eki {
	background:url(../../images/sp/tanki-icon-eki.png) no-repeat top left;
}

.tanki-icon-hito {
	background:url(../../images/sp/tanki-icon-hito.png) no-repeat top left;
}

.tanki-icon-kikan {
	background:url(../../images/sp/tanki-icon-kikan.png) no-repeat top left;
}

.tanki-icon-location {
	background:url(../../images/sp/tanki-icon-location.png) no-repeat top left;
}

.tanki-icon-yen {
	background:url(../../images/sp/tanki-icon-yen.png) no-repeat top left;
}


/* キープリストに追加、応募、事前質問などに使う横長なボタン。フルサイズ、ハーフサイズ、3分の1サイズ、4分の1サイズ */
.button {
	width:100%;
	display:flex;
	display:-webkit-box; /* Android 2~4 */
	display:-webkit-flex;
	justify-content: center;
	margin: 0;
	padding:0;
	text-align:center;
}
.full {
	width:100%;
	margin:4px;
	padding:8px 0;
}
.full70 {
	/* fullだが真ん中70%表示(fullと組み合わせる) */
	width:70%;
	margin-right: auto;
	margin-left:  auto;
}

.half {
	-webkit-box-flex: 1; /* Android 2~4 */
	width:50%;
	margin:4px;
	padding:8px 0;
}
.onethird {
	-webkit-box-flex: 1; /* Android 2~4 */
	width:33.33%;
	margin:4px;
	padding:8px 0;
}
.quarter{
	-webkit-box-flex: 1; /* Android 2~4 */
	width:25%;
	margin:4px;
	padding:8px 0;
}

.full a, .half a, .onethird a, .quarter a,
.full span, .half span, .onethird span, .quarter span
{
	color:#fff;
	font-size:16px;
	text-overflow:ellipsis
	flex-wrap:nowrap;
	box-lines:single;
}



/* ほかのclass指定と組み合わせて使う、背景色などの指定 */
.noborder {
	border:none
}

.orangebg {
	background:#ffb164
}

.redbg {
	background:#ff7200
}

/* 濃いめのグレー */
.graybg {
	background:#5a5a5a
}

/* 薄いグレー */
.graybg2 {
	background:#9e9e9e;
}

.bluebg {
	background:#6fb2fd
}

.bluebg2 {
	background:#4fa2ff
}

.greenbg {
	background:#30a83e
}

.greenbg2 {
	background:#64c06f
}

.beigebg {
	background:#d3c8c0
}
.image {
	margin:4px;
}

.center {
	text-align:center
}
.left {
	text-align:left
}
.right {
	text-align:right
}

.text {
	margin:0.5em 4px;
	line-height: 1.5
}

.red {
	color:#ff0000
}
.orange {
	color:#ffb164
}
.green {
	color:#30a83e
}
.blue {
	color:#6fb2fd
}
.gray {
	color:#5a5a5a;
}
.gray2 {
	color:#9e9e9e;
}

/* 汎用のパーツ */
div.warnnig{
	/*text-align: center;*/
	width: 80%;
	margin: 10px auto 0px auto;
	padding: 5px;
}


/* 詳細内容を表示するテーブル（グレー） */
.table-gray {
	width:100%;
	margin-bottom:20px
}

.table-gray, .table-gray th, .table-gray td {
	border:1px #cfcfcf solid
}

.table-gray th {
	text-align:left;
	width:9em;
	padding:10px;
	white-space:nowrap;
	font-weight:400
}

.table-gray td {
	text-align:left;
	padding:10px
}


/* 現在の検索条件を表示するテーブル（オレンジ） */
.table-orange {
	width:100%;
	margin-bottom:10px
}

.table-orange, .table-orange th, .table-orange td {
	border:4px #ffe8be solid
}

.table-orange th {
	text-align:left;
	width:10em;
	padding:10px;
	white-space:nowrap;
	font-weight:400
}

.table-orange td {
	text-align:left;
	padding:10px
}

/* 長期TOPページのみ、青色の見出し文字を太くしない */
.normaltext {
	font-size:14px!important;
	font-weight:400!important
}

/* コピーライト */
.copyright {
	padding:0;
	margin:0
}

.copyright-text {
	font-size:10px;
	color:#fff;
	text-align:center;
	padding:4px 0;
	margin:0
}



/* お祝い金 */
.oiwaikin {
	background:#7780fc;
	padding:4px;
	color:#fff
}


/* ○や×などの評価を表示するテーブル */
.collapsetrigger {
	font-weight: 400;
	padding: 8px 4px;
}

.hyoka-table, .hyoka-table td, .hyoka-table th {
	border-collapse:collapse;
	text-align:center
}

.hyoka-table td, .hyoka-table th {
	padding:0px 3px;
	width:30px;
	height:20px
}

.hyoka-table th {
	background:#f0e6cc
}



/* 画像スライダー */
.slider {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden
}

.slider__wrapper {
	height:100%;
	list-style:none;
	overflow:hidden;
	*zoom:1;
	-webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d
}

.slider__item {
	height:100%;
	float:left;
	clear:none
}

.slider__arrows-item {
	position:absolute;
	display:block;
	margin-bottom:-20px;
	padding:20px
}

.slider__arrows-item--right {
	bottom:50%;
	right:30px
}

.slider__arrows-item--left {
	bottom:50%;
	left:30px
}

.slider__nav {
	position:absolute;
	bottom:30px
}

.slider__nav-item {
	width:12px;
	height:12px;
	float:left;
	clear:none;
	display:block;
	margin:0 5px;
	background:#fff
}

.slider__nav-item--current {
	background:#ccc
}

.slider__nav-item:hover {
	background:#ccc
}


/* ページャー */
.pagerCont {
	position:relative;
	overflow:hidden;
	margin:10px 5px
}

.pagerCont h4 {
	text-align:center
}

ul.pager {
	position:relative;
	left:50%;
	float:left
}

ul.pager li {
	position:relative;
	left:-50%;
	float:left;
	margin-right:5px;
	border:1px solid #999
}

ul.pager li.prev,ul.pager li.next {
	border:none
}

ul.pager li a,
ul.pager li span {
	position:relative;
	display:block;
	padding:10px 12px;
	color:#333
}

ul.pager li a:link,ul.pager li a:visited {
	text-decoration:none
}

ul.pager li a:active {
	background-color:#00e;
	text-decoration:none
}

ul.pager li em {
	display:block;
	padding:10px 12px;
	background-color:#00e;
	color:#FFF;
	text-decoration:none;
	font-style:normal
}

/* カレンダーのテーブル */
table.calender,table.calender td,table.calender th {
	border-collapse:separate;
	border-spacing:4px;
	text-align:center;
	margin:0 auto;
	width:100%;
	font-size: 10px;
}

table.calender td {
	border:1px solid #999;
	padding:4px;
	margin: 0 -2px;
	width:10%;
	height:70px
}

table.calender td.arrow {
	border:1px solid #999;
	padding:4px;
	margin: 0 -2px;
	width:5%;
	height:25px
}

/* 短期バイトの条件を表示する枠線付きのテキスト。横幅8文字で指定 */
.tanki-joken {
	display: block;
	text-align: center;
	border:1px solid #ffb164;
	color: #ffb164;
	white-space:nowrap;
	margin:4px 2px;
	font-size: 11px;
	line-height: 17px;
	width: 110px;
	height: 17px;
	float: left;
}

/* 長期バイトの条件を表示する枠線付きのテキスト 文字列が短いものは-s、長いものは-l */
.tyoki-joken-s {
	display: block;
	text-align: center;
	border:1px solid #4fa2ff;
	color: #4fa2ff;
	white-space:nowrap;
	margin:4px 2px;
	font-size: 11px;
	line-height: 17px;
	width: 110px;
	height: 17px;
	float: left;
}

.tyoki-joken-l {
	display: block;
	text-align: center;
	border:1px solid #4fa2ff;
	color: #4fa2ff;
	white-space:nowrap;
	margin:4px 2px;
	font-size: 11px;
	line-height: 17px;
	width: 110px;
	height: 17px;
	float: left;
}

/* ---------- 募集検索 ---------- */
form.input_searche_param p {
  margin:  5px;
  padding: 0px;
}

select.vertical,
.vertical select {
    width: 80%;
    height: 36px;
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 3px;
    background-color: transparent;
}


input[type=text].vertical,
input[type=tel].vertical,
input[type=number].vertical,
.vertical input[type=text],
.vertical input[type=tel],
.vertical input[type=number]{
    width: 80%;
	margin: 0px 3% 5px 3%;
	padding: 8px;
	border: 1px solid #DEDEDE;
	border-radius: 3px;
	font-size: 150%;
}

/* 横に並べるli */
ul.side li{
  display: inline-block;
  font-size: 12px;
  margin: 0px 5px 5px 0px;
  padding: 5px 10px;
}
ul.side.min li{
  font-size: 10px;
  margin: 0px 1px 1px 0px;
  padding: 1px 3px;
  color: #555;
}

/* 縦に並べるli */
ul.vertical li{
  display: block;
  font-size: 12px;
  margin: 0px 5px 5px 0px;
  padding: 5px 10px;
}

/* 枠線つきli */
ul.border li{
	border: 1px solid #D0D0D0;
	border-radius: 10px;
}
ul.border li.checked
{
	padding: 5px 8px;
	border:  3px solid #FFB164;
	border-radius: 10px;
}
ul.border li.check_on
{
	padding: 5px 8px;
	border:  3px solid #AACCFF;
	border-radius: 10px;
}

/* 縦2列に並べるli */
ul.side.item2 li{
	margin: 0px 0px 5px 0px;
	width:40%;
}


ul.border li p{
	margin:5px 0px 5px 20px;
	color:#9e9e9e;
}

ul.border li input[type=checkbox],
ul.border li input[type=radio]{
	margin-right: 5px;
}

/* ---- 枠線つきli part2、募集検索はこちらを使う ---- */
/* 横に並べるli */
form.input_searche_param ul.side li{
  display: inline-block;
  font-size: 12px;
  margin: 0px 5px 5px 0px;
  padding: 5px 10px;
}
form.input_searche_param ul.side.min li{
  font-size: 10px;
  margin: 0px 1px 1px 0px;
  padding: 1px 3px;
  color: #555;
}

/* 縦に並べるli */
form.input_searche_param ul.vertical li{
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  margin: -1px 0px 0px 0px;
  padding: 10px 10px;
}

/* 枠線つきli（下線） */
form.input_searche_param ul.border li{ 

	border: 0px;
	border: 1px solid #CCC;

/*
	border-top:   1px solid #CCC;
	border-right: 1px solid #CCC;
*/
	border-radius: 0px;
	background-color: #F5F5F5;
}
form.input_searche_param ul.border li.checked{
	font-weight: bold;
}

/* 縦2列に並べるli */
form.input_searche_param ul.side.item2 li{
    box-sizing: border-box;
	margin: -1px 0px 0px -1px;
    width: 49%;
    padding: 10px 10px;

}


#date_table1 .ui-datepicker{
    font-size: 100%;
}

/* ----------------------------------
   -- ナビゲーション
   ----------------------------------*/
/* ----------------------------------
   -- ナビゲーション
   ----------------------------------*/
#nav, #global_nav {
    display: table;
    overflow: hidden;
    z-index: 9999;
    position: fixed;
    /*bottom: -50px;*/
    left: 0;
    width: 100%;
    /*height: 85px;*/
}

div#global_nav_icon {
  position: fixed;
  /*bottom: 0;*/
  bottom: 70px;
  right: 5px;

    display:table-cell;
    text-align: center;
    vertical-align: middle;
/*    float: right;*/
    width:  60px;
    height: 60px;


    background: url(../../images/sp/menu.png) no-repeat center #ccc;
    background-size:50px 50px;
    background-color: rgba(100,100,100,0.5);;
    border-radius: 20px;
    z-index: 9999;

    opacity: 0.8;

}


#nav a, #global_nav a{
    color:#FFF;
}

.inner {
/*    width: 960px; */
    margin: 0 auto;
}

.nav_button {
    background-color: rgba(60, 69, 82, 0.8); /* 背景色を黒に指定して不透明度を0.xに指定 */
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav_button h2.submit {
	width: 80%;
	margin: 4px auto;
	padding: 8px 0px;
}

/*改行禁止*/
.no_br br {
    display: none;
}

/* ----------------------------------
   -- 現在の検索条件
   ----------------------------------*/
table.search-param th{
    /*.table-orangeを上書き*/
    width: 6em;
}

.search-param ul li{
  display: inline-block;
  font-size: 12px;
  margin: 0px 5px 5px 0px;
  padding: 5px 10px;

    border: 1px solid #DEDEDE;
    font-size:12px;
}
/* ----------------------------------
   -- カレンダー
   ----------------------------------*/
#calendar {
    width:95%;
    height:50px;
    margin:2px auto;
}

/* ----------------------------------
   -- OTET長期 募集一覧
   ----------------------------------*/
.long_work_list .separate br{
    display: none;
}
.information h1 br{
    display: none;
}


/* ----------------------------------
   -- 検索画面メニュー
   ----------------------------------*/
.menu_title {
    /*background-color: transparent;*/
    background-image: url(../../images/sp/menu_min_w.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 10px 50%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 25px 30px;
    text-align: left;
    padding-left:50px;
}

/* ----------------------------------
   -- 戻る
   ----------------------------------*/
/*
.table-headline a.back{
    background-color: #888;
    color:#fff !important;
    font-size:80%;
    padding:5px 8px;
    border-radius: 10px;
}
*/

/* パンくず */
.breadcrumbs ul{
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
padding:4px 10px;
white-space:nowrap
}
.breadcrumbs li{
color:#9b9b9b;
font-size:10px;
display:inline-block
}
.breadcrumbs span{
color:#9b9b9b;
font-size:10px
}
.breadcrumbs a{
color:#9b9b9b;
font-size:10px
}
.top-message{background-color:#555;position:relative;height:100%;width:100%;}
.top-message img{
display:block;
font-family:"object-fit: contain;";
-o-object-fit:contain;
object-fit:contain;
width:100%;
margin:0 auto
}
.top-message span{
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%
}
@media (max-width:414px){
.top-message span{padding:10px 20px;}
.top-message span h2{
color:#fff;
font-size:24px;
padding:15px 0
}
.top-message span h3{
color:#fff;
line-height:2;
font-size:12px
}
}
@media (min-width:415px){
.top-message span{
padding:10px 50px
}
.top-message span h2{
color:#fff;
font-size:40px;
padding:15px 0
}
.top-message span h3{
color:#fff;
line-height:2;
font-size:20px
}
}