@charset "UTF-8";

/*リセットCSS（sanitize.css）の読み込み
---------------------------------------------------------------------------*/
@import url("sanitize.css");

/*
---------------------------------------------------------------------------*/
figure{
	margin:0;
}
nav{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
}
img{
	border:none;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
/*リンクテキスト全般の設定
---------------------------------------------------------------------------*/
a{
	color:#555;
	transition:0.3s;
	text-decoration:none;
}
a:hover{
	color:#66abf9;
}
.backurl{
	text-align:right;
	margin:10px 5px 0 0;
}
.backurl a{
	padding:5px 0 5px 20px;
	background:url(img/bg_menulist.gif) 0 50% no-repeat;
	font-weight:bold;
}
/*全体の設定
---------------------------------------------------------------------------*/
html,body{
	margin:0;
	padding:0;
	overflow-x: hidden;
	font-size: 12px;
}
body{
	font-family:"ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	background: #fff;
	color:#555;
	line-height:1;
}
#container{
	max:100%;
	margin:0 auto;
	border-top:    solid 5px #0096e7;
	border-bottom: solid 5px #0096e7;
	border-left:   solid 3px #f5f5f5;
	border-right:  solid 5px #f5f5f5;
}

/*全体の設定
---------------------------------------------------------------------------*/
.floEnd{	float: none;	clear:both;		font-size:0;	line-height:0;	}
.mg20{		margin:20px;	}
.pd5{			padding:5px;	}

/*ヘッダーブロック
---------------------------------------------------------------------------*/
#header{
	line-height:1;
	text-align:center;
}
#header .headline{
	font-size: 0.8em;
	padding:0 10px;
	display:none;
}
#header #logo{
	margin: 0;
}
#header #pr{
	margin: 0 auto;
}
/*	パンクズ
---------------------------------------------------------------------------*/
#topicPath{
	margin:0 10px;
	border-bottom: 2px solid #e0ffff;
}
#topicPath p{
	margin:0;
}

/*	h2タグ
---------------------------------------------------------------------------*/
#Nothing_data h2,
#pw_notice h2,
#admin h2,
#sitemap h2,
#link_info h2,
#entry_data h2,
#pickup h2,
#genre h2,
#notice h2{
  border-left:20px double #f15d04;
  background:#45BFED;
  color:#fff;
	margin:0;
  padding:0 0 0 10px;
	line-height:2;
}

/*	メニュー
---------------------------------------------------------------------------*/
.menu > ul{
	margin: 5px 0 0 0;
	border-bottom: solid 1px #45BFED;
  line-height: 1.5;

  display: grid;
  grid-gap: 5px;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-flow: dense;
}
.menu > ul > li{
	padding:0 0 3px 5px;
	border:solid;
	border-width:0 0 1px 0;
	border-color:#f5f5f5;
}
.menu > ul > li > a{
	display: block;
	color: #000000;
	background:url(img/icon_arrow.png) no-repeat scroll right center transparent;
	padding: 5px 0 5px 3px;
	margin-left: 0;
	border-left:5px solid #45BFED;
	font-weight: bold;
	text-decoration: none;
}

/*	SNSボタン関連
---------------------------------------------------------------------------*/
#social_button{
	margin:5px 0;
	text-align:center;
}
#social_button .button_twitter{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 2px 5px 0;
	vertical-align: bottom;
	width: 105px;
}
#social_button .button_line{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 3px 5px 5px;
	vertical-align: bottom;
}
#social_button .button_hatena{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 10px 5px 5px;
	vertical-align: bottom;
}
#social_button .button_facebook{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 2px 5px 0;
	vertical-align: bottom;
}
/*フッター設定
---------------------------------------------------------------------------*/
#footer{
	clear:both;
	padding:10px 0 0 0;
}
#totop{
}
#totop p{
	padding:0;
	margin:0 10px 0 0;
	text-align: right;
}
#totop p a{
	padding-left:8px;
	background: url(img/bg_totop.gif) 0 50% no-repeat;
}
#footMenu{
	position:relative;
	padding:0 5px;
}
#footMenu ul{
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
	background:url(../images/bg_dotline.gif) 0 0 repeat-x;
}
#footMenu li{
	display:inline;
	margin:0 0 0 10px;
	list-style:none;
	font-size:0.9em;
}
#footMenu li a{
	padding-left:10px;
	background: url(../images/bg_footmenu.gif) 0 50% no-repeat;
}

#footer address{
	padding:7px 0 1px 0;
	margin:0;
	font-size:0.9em;
	color:#fff;
	text-align:center;
	background: #0096E7;
	font-style: normal;
}
/*	サイトマップ
---------------------------------------------------------------------------*/
#sitemap{
	margin: 10px 0;
}
#sitemap ul{
	word-spacing: normal;
	display: block;
	line-height: 2.5;
	margin: 10px 0;
	padding: 0 0 0 25px;
}
#sitemap li{
	border-bottom: 2px dotted #CCCCCC;
	margin:3px 0;
}

/*	バナー
---------------------------------------------------------------------------*/
#cm_bnr{
	text-align:right;
	margin:0;
}
#cm_bnr01{
	text-align:center;
	margin:30px;
}
.admin_bnr,
.cm_bnr_img{
	text-align:center;
	margin:0 0 10px 0;
}
.cm_bnr_img img{
	padding:5px 0 0 0;
}
#cm_bnr_center{
	text-align:center;
	margin:0;
}
#cm_bnr_center .list_bnr{
	margin:5px auto;
}
/*	AFバナー
---------------------------------------------------------------------------*/
#af_side{
	text-align:center;
}
#af_side .box{
	background-color:#f7f7f7;
	border:1px solid #0096E7;
	margin:5px 5px 5px 0;
	padding:10px 5px;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	text-align:center;
}
#af_side .box img{
	min-width: max-content;
}
#af_side .box02{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	text-align:center;
}

/*
---------------------------------------------------------------------------*/
.link_area{
	display:block;
	text-align: center;
	padding:10px 0;
}
.link_area img{
	border:medium none;
	padding-bottom:5px;
}
.link_area a:hover img{
	opacity:0.7;
}


/* PW
---------------------------------------------------------------------------*/
#pw_notice{
	margin:15px 0;
	padding: 5px;
}
#pw_notice form{
	padding: 15px 0 0 0;
}
#pw_notice .sub_bnt{
	vertical-align:middle;
	padding:5px 0 5px 0;
	margin:15px auto;
	font-size:1.5em;
	width:80%;
}
#pw_notice .error{
	margin:5px 0 0 0;
	color: #ff0000;
	font-size: 12px;
}

/* お知らせ ・ ジャンル
-------------------------------------------------*/
#notice{
	margin:0 0 15px 0;
	padding: 5px;
}

#notice .notice_txt{
	margin:0;
	padding:10px;
	border: 2px solid #45BFED;
	line-height:1.5;
}
#genre{
	margin:0 0 15px 0;
}

/*	ピックアップ・求人情報枠内
---------------------------------------------------------------------------*/
#pickup{
	margin:0 0 10px 0;
}
#entry_t,
#entry_p{
	display:block;
	margin: 5px 0 10px 5px;
	padding: 5px;
	word-spacing: normal;
	border: 2px solid #ff9900;
	border-right-width: 5px;
	border-bottom-width: 3px;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.4);
}
#entry{
	display:block;
	margin: 5px 0 10px 5px;
	padding: 5px;
	word-spacing: normal;
	border: 2px solid #45BFED;
	border-right-width: 5px;
	border-bottom-width: 3px;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.4);
}
#entry_p .entryTitle,
#entry   .entryTitle{
	background: url(img/pin1.gif) 0 5px no-repeat;
}
#entry_p h3,
#entry h3{
	font-size:1.5em;
	line-height:1.25;
	border-bottom:5px double #c3c3c3;
	margin:5px 0 5px 25px;
}
#entry_p h3 a,
#entry   h3 a{
	text-decoration: none;
}
#entry_p .ety_cd,
#entry   .ety_cd{
	text-align: right;
}
#entry_p dl,
#entry   dl{
	display: flex;
	flex-wrap: wrap;
	line-height:1.25;
	margin: 5px 0 0 5px;
}

#entry_p dt,
#entry   dt{
	font-size:0.75em;
	padding:5px;
	width:20%;
	background-color:#e0ffff;
	color: #000000;
	display:flex;
	align-items:center;
	justify-content:center;
	margin: 0 0 3px 0;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
#entry_p  dd,
#entry    dd{
	width:80%;
	padding:5px;
	background-color: #F3F3F3;
	margin: 0 0 3px 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #f0f0f0;
}
#entry_p .entry_td_g,
#entry   .entry_td_g{
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  grid-auto-flow: dense;
}
#entry_p .entry_td_p,
#entry   .entry_td_p{
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
  grid-auto-flow: dense;
}
#entry_p .entry_td_k,
#entry   .entry_td_k{
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-auto-flow: dense;
}
#entry_p .imgflt,
#entry   .imgflt{
	float: right;
}
#entry_t p{
	margin:5px 0 0 0;
}
#entry_t .entryDate{
	text-align: right;
}
#entry_t dt{
	font-size:80%;
	color:#a9a9a9;
}

#entry_t dd{
	margin:10px 0 10px 15px;
	border-bottom:1px solid #a9a9a9;
}

#entrybt{
	text-align: center;
}
#entrybt .btn{
	display: inline-block;
}
#entrybt .bt{
	width:80px;
	font-size: 1.25em;
	margin: 5px;
}

.Nothing_msg{
	font-size: 1.25em;
	padding: 10px 20px 30px 20px;
}

#com02{
	margin: 20px 5px 5px 5px;
	border: thin dashed #FF0000;
}
#com02 h3{
	background-color:#FF6699;
	margin:0 0 5px 0;
	padding:10px 5px 5px 5px;
	color: #333;
	font-size: 1.25em;
}
#com02 .msg{
	padding:5px 10px;
}

/*	サイド
---------------------------------------------------------------------------*/
#side_menu ul{
	padding:0px;
	margin:0 0 10px 0;
	border-top:1px solid #DCDCDC;
	line-height: 1.5;
}
#side_menu li{
	margin:0;
	padding:0;
	font-size:12px;
	list-style-type:none;
}
#side_menu li a{
	display:block;
	padding:10px 0 10px 20px;
	background:url(../images/bg_menulist.gif) 0 12px no-repeat;
	border-bottom:1px solid #DCDCDC;
}


/*	サイド共通
---------------------------------------------------------------------------*/
#sub h2{
	color:#FFF;
	background:#45BFED;
	border-left:5px solid #f15d04;
	line-height: 2;
	margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
}
#sub h3{
	color:#FFF;
	background-color:#45BFED;
	padding:5px 0 3px 10px;
	margin: 5px 0;
	line-height:1.5;
}

/*	サイド検索部分
---------------------------------------------------------------------------*/
#side_search{
	margin:15px 0 0 0;
	padding:0;
}

#side_search .width100{
	width:100%;
}
#side_search .chkbt01{
	font-size:12px;
  display: grid;
  grid-gap:7px 5px;
  gap:7px 5px;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  grid-auto-flow: dense;
}
#side_search .chkbt02{
	font-size:12px;
  display: grid;
  grid-gap:7px 5px;
  gap:7px 5px;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  grid-auto-flow: dense;
}
#side_search .chkbt03{
	font-size:12px;
  display: grid;
  grid-gap:7px 5px;
  gap:7px 5px;
  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
  grid-auto-flow: dense;
}
#side_search .title{
	font-size:12px;
	margin:7px 0 5px 0;
	border-bottom: 2px solid #e0ffff;
}
#side_search .bt_sub{
	padding: 5px 0 5px 0;
	margin: 15px 0 5px 0;
	font-size: 2.25em;
	text-align: center;
	vertical-align: middle;
	width: 95%;
}
#side_search .bt_sub01{
	padding: 5px 0 5px 0;
	margin: 15px 0 5px 0;
	font-size: 1.5em;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

/*	頁 ページネーション
---------------------------------------------------------------------------*/
.pagination-002{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
}

.pagination-002 a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 25px;
    background-color: #f2f2f2;
    color: #2589d0;
    font-size:18px;
}

.pagination-002 a:not(:hover){
    text-decoration: none;
}

.pagination-002 .current a{
    background-color: #2589d0;
    color: #fff;
    pointer-events: none;
}

.pagination-002 .prev a,
.pagination-002 .next a{
    gap: 0 4px;
    width: auto;
    padding: .5em .8em;
    line-height: 1;
}

.pagination-002 .prev a::before,
.pagination-002 .next a::after{
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    content: '';
}

.pagination-002 .prev a::before{
    border-bottom: 1px solid #2589d0;
    border-left: 1px solid #2589d0;
}

.pagination-002 .next a::after{
    border-top: 1px solid #2589d0;
    border-right: 1px solid #2589d0;
}

/*	登録画面
---------------------------------------------------------------------------*/
/*
#reg_area table{
	width: 100%;
	font-size:12px;
}
#reg_area th{
	background-color:#B0F7F9;
	width: 25%;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
	text-align: left;
}
#reg_area td{
	background-color:#EEEEEE;
	width: 75%;
	color: #000000;
	padding: 5px 5px 5px 10px;
	word-break: break-all;
}
*/

#reg_area h2{
  border-left:20px double #f15d04;
  background:#45BFED;
  color:#fff;
	margin:0;
  padding:0 0 0 10px;
	line-height:2;
}
#reg_area dl{
	margin: 5px 0;
	display: flex;
	flex-wrap: wrap;
	line-height:1.25;
	margin: 5px 0 0 15px;
}
#reg_area dt{
	padding:5px;
	width:100%;
	background-color:#e0ffff;
	color: #000000;
	display:flex;
	align-items:center;
	border-top-left-radius:3px;
/*
	font-size:0.75em;
	justify-content:center;
	border-bottom-left-radius:3px;
	margin: 0 0 3px 0;
*/
}
#reg_area dd{
	width:100%;
	padding:5px 15px;
	background-color: #F3F3F3;
	margin: 0 0 3px 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #f0f0f0;
}

#reg_area .error{
	color: #FF3300;
}
#reg_area .com01{
	color: #FF3300;
	text-align: right;
}
#reg_area .IP-text{
  padding: 5px;
  font-size: 1.25em;
	width:100%;
}
#reg_area .IN-text:focus{
  outline: 0;
  border: 2px solid #2196f3;
}
#reg_area input.error,
#reg_area textarea.error{
	background-color:#FFCCCC;
	border:1px solid #FF3300;
	outline-color:#FF3300;
	outline-style:solid;
	outline-width:1px;
}
#reg_area .chkbt01{
  display: grid;
  grid-gap:5px 3px;
  gap:5px 3px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-auto-flow: dense;
}
#reg_area .chkbt02{
  display: grid;
  grid-gap:5px 3px;
  gap:5px 3px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-auto-flow: dense;
}
#reg_area .text{
	padding:5px 0;
}
#reg_area .TX-area{
  padding: 5px;
  font-size: 1.25em;
	width:100%;
}
#reg_area .Disp_error{
	display:block;
	width:100%;
	padding:10px;
	margin: 0 0 0 10px;
}
#reg_area .bt_sub02{
	text-align: center;
}
#reg_area .btn01{
	text-align: center;
	vertical-align: middle;
	margin:10px 25px;
	padding:10px 20px;
	border-radius:12px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	width:40%;
}
#reg_area .btn01:hover{
	color: #fff;
	background: #27acd9;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
}
#reg_area .fin_text{
	margin:10px 25px;
	padding:10px 20px;
	font-size:1.25em;
}


/*	admin
---------------------------------------------------------------------------*/
#admin form{
	margin: 20px 0;
}

#admin .width125{
	width:125px;
	margin: 20px 0;
}
#entry .entryadmin{
	clear: none;
	float: right;
	margin:0;
	padding:0 0 0 15px;
}
#entry .cm_data{
	text-align:center;
	border: 4px solid red;
	margin: 5px auto;
	padding: 10px;
	width: 80%;
}
#entry .entryadmin .admin_sub_btn{
	height:35px;
}
/*---------------------------------------------------------------------------
		画面幅 768px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:768px){
	html, body{
		font-size:14px;
	}
	/*フッター設定
	---------------------------------------------------------------------------*/
	#footMenu li{
		font-size:0.75em;
	}
}
/*---------------------------------------------------------------------------
		画面幅 980px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:990px){

	/*	全体の設定
	---------------------------------------------------------------------------*/
	html, body{
		font-size:14px;
	}
	.pc_nothing{
		display: none;
	}
	#container{
		max-width:990px;
	}

	/*	header
	---------------------------------------------------------------------------*/
	#header .headline{
		display:block;
	}
	#header #logo{
		float:left;
		margin: 0 0 0 10px;
	}
	#header #pr{
		float:right;
		margin:5px 100px;
	}
	/*	右側
	---------------------------------------------------------------------------*/
	#sub{
		float:right;
		width:310px;
	}

	/*	左側
	---------------------------------------------------------------------------*/
	#main{
		float:left;
		width:660px;
	}

	/*	サイトマップ
	---------------------------------------------------------------------------*/
	#sitemap ul{
		line-height: 1.5;
	}
}