@charset "utf-8"; /* CSS Document */ /*新しいタイトルCSS*/ .jobListMainBox { padding: 20px; background-color: #fcf9ef; border-bottom: 2px solid #d9d0c2; } .jobListMainTitle { margin-bottom: 5px; font-weight: bold; font-size: 28px; color: #FF9E00; line-height: 1.4em; } .jobListMainDesc { margin: 5px 0; padding: 5px; font-size: 22px; line-height: 1.3; color: #666; } /*-------------------------------------------------------------- お仕事一覧枠組み --------------------------------------------------------------*/ .jobSearchList { background-color: #fdffee; } .jobSearchList ul { padding: 10px 0 10px; } .jobSearchList li { width: 620px; margin: 20px auto; line-height: 1.4; padding: 15px 15px; border: 1px solid #efefef; border-radius: 5px; background-color: #fff; } .jobSearchList li:first-child { border-top: none; } /*-------------------------------------------------------------- 一覧の各求人 --------------------------------------------------------------*/ /*雇用形態のアイコン*/ .jobListIcon { text-align: right; } /*一覧ページの各求人のタイトルの装飾*/ .searchListTitle a { word-wrap: break-word; color: #2f5da2; font-weight: bold; } .searchListTitle { margin-top: 3px; margin-bottom: 15px; font-size: 28px; line-height: 40px; } /*右と左に分ける*/ .searchListTop { margin-bottom: 10px; display: box; display: -webkit-box; display: -moz-box; } .searchListTopLeft { width: 250px; } .searchListTopRight { width: 340px; } .searchListPhoto { width: 238px; height: 200px; text-align: center; margin-bottom: 8px; vertical-align: middle; display: table-cell; } .searchListPhoto img { width: auto; height: auto; max-width: 100%; max-height: 100%; } /*一覧ページの各求人の写真*/ .jobSearchList img { margin-right: 4px; } /*もっと見る*/ .moreSummaryText { font-size: 20px; text-align: right; padding-right: 5px; color: #999; } .moreSummaryTable { display: none; } /*-------------------------------------------------------------- テーブルデザイン --------------------------------------------------------------*/ .point { padding: 3px 3px; background-color: #e44e95; color: #ffffff; } table.jobSummaryMini { border-collapse: separate; border-spacing: 0px 3px; font-size: 22px; font-family: Hiragino Sans, Noto, Noto Sans CJK JP, Helvetica Neue, Helvetica, Arial, Liberation Sans, Roboto, sans-serif !important; } table.jobSummaryMini tr {} table.jobSummaryMini td { padding-left: 10px; word-break: break-all } table.jobSummaryMini th { padding-top: 6px; } table.jobSummaryMini td { font-size: 22px; background-color: #fff; } /*サマリー内の強調 オレンジ太字*/ .jobSummaryEmphasis { line-height: 25px; color: #e56121; font-weight: bold; } /*-------------------------------------------------------------- 各仕事のサマリーと特徴アイコン --------------------------------------------------------------*/ /*一覧ページのサマリー情報*/ .jobListAddr { width: 275px; overflow: hidden; position: relative; background-color: #fff; } .jobListAddr:after { content: "..."; position: absolute; top: 24px; left: 275px; background-color: #fff; color: #000; } .jobListAddrAddress { width: 275px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*ビギナーアイコン*/ .employmentBox {width:588px} .employmentBox img { margin-left: 4px; } .employmentBox img:last-child { display: block; float:right; } /*各お仕事の特徴アイコン*/ .dormMarker { display: inline-block; margin-bottom: 5px; padding: 6px 10px; color: #000; font-size: 22px; font-weight: bold; text-align: center; border: 1px solid #f87c39; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } /*-------------------------------------------------------------- ページャー --------------------------------------------------------------*/ .pagerBox { margin-top: 20px; margin-bottom: 50px; padding: 0px 20px 0px; display: table; } .pagerBox span { font-weight: bold; } .pagerLeftBox { width: 150px; display: table-cell; } .pagerMainBox { width: 300px; display: table-cell; text-align: center; padding-top: 9px; } .pagerRightBox { width: 150px; display: table-cell; } .pre { padding: 20px; text-align: center; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .next { padding: 20px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .pageNaviOn { color: #333333; font-weight: bold; background-color: #ebebeb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb)); border: 2px solid #aaaaaa; } .pageNaviOff { color: #ffffff; background-color: #eee; border: 2px solid #cccccc; } /*-------------------------------------------------------------- 〇件見つかりました 現在の条件 --------------------------------------------------------------*/ .jobCount .highLight { font-size: 40px; color: #ea5a18; } .searchNow { font-size: 24px; line-height: 1.7; background-color: #ffffff; margin-top: 10px; padding-left: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /*ここからが検索結果です*/ .jobSearchTop { background: #f1ead1; margin-top: 20px; padding: 20px 0; border-top: 2px solid #dad1c3; border-bottom: 2px solid #dad1c3; text-align: center; font-size: 28px; } /*全部で〇件の装飾*/ .all { color: #FF7E00; } /*15秒で住み込みのお仕事かんたん検索*/ .footerSearchTarms { padding: 30px 20px; background-color: #fcf9ef; } .footerSearchTarms .center{ padding-top: 40px; } /*------------------------ 特集ページのフッターアコーディオンメニュー --------------------------*/ /* アコーディオンメニュー全体のサイズ・位置 */ .ac { width: 100%; max-width: 600px; margin: 0 auto 30px; } /* クリック領域 */ .ac-parent { position: relative; /* 追加 */ height: 70px; border: 1px solid #ccc; background-color: #fff; color: #666; text-align: center; line-height: 70px; cursor: pointer; font-size: 24px; border-radius: 5px; } /* プラスの横線 */ .ac-parent:before { content: ""; position: absolute; top: 50%; right: 8px; width: 24px; height: 2px; background: #e88f22; transform: translateY(-50%); } /* プラスの縦線 */ .ac-parent:after { content: ""; position: absolute; top: 50%; /* 8px+12px-1px(幅2pxの半分) */ right: 19px; width: 2px; height: 24px; background: #e88f22; transform: translateY(-50%); transition: .3s; } /* オープン時にopenクラスを付与(縦線を回転させて非表示に) */ .ac-parent.open:after { top: 25%; opacity: 0; transform: rotate(90deg); } /* クリックしたら表示される領域 */ .ac-child { display: none; } .ac-child-li { margin: 6px auto; padding: 25px 20px; border: 1px solid #ccc; background-color: #fff; font-size: 24px; } .ac-child-ul a:link { display: block; color: #2f5da2; } .ac-child-ul a:visited { color: #2f5da2; } /*-------------------------------------------------------------- その他 --------------------------------------------------------------*/ /*バナー表示*/ .jobListBanner { width: 600px; margin: 20px auto; } /*スマホPRオプション表示*/ .prBlock { width: 600px; margin: 10px auto; padding-bottom: 5px; background-color: #FFFDE2; } .prBar { padding: 8px; background-color: #FF5700; color: #ffffff; font-size: 24px; } .prBarCap { margin-right: 10px; padding: 2px; background: #ffffff; font-size: 20px; color: #000000; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .prBlockBox { display: box; display: -webkit-box; display: -moz-box; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; min-height: 155px; padding-top: 5px; } .prLeft { display: table-cell; width: 190px; padding: 5px; } .prRight { display: block; width: 415px; padding: 5px 10px; } .prLeft img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .prTitle { word-wrap: break-word; color: #2f5da2; font-weight: bold; line-height: 1.35; font-size: 25px; } .prBlockBottom { display: box; display: -webkit-box; display: -moz-box; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; } .prLeftBottom { display: block; width: 250px; padding: 5px; } .prRightBottom { display: block; width: 350px; padding: 5px; } .prPoint { margin: 0px 5px 2px 0px; ; padding: 8px; background: #ffffff; font-size: 24px; color: #472610; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .prName { margin: 0px 5px; padding: 8px; background: #ffffff; font-size: 24px; color: #472610; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } /*検討中事前に10件分の高さ*/ .studyListHeight{ min-height: 6800px }