@charset "UTF-8";


* {
	margin: 0;
	padding: 0;
	background: transparent;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* hide from Mac IE \*/
* html * {
	font: normal x-small/130% Arial, Helvetica, sans-serif;
}
/* */ 

body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background-color: #fff;
	color: #232323;
}
html,body{
     height:100%;
}

a {
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
	cursor: pointer;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* ヘッダー
----------------------------------------------- */
header {
	display: block;
	text-align: center;
	width: 100%;
	/*border-bottom: solid 1px #ffea00;*/
	background-color: #fff;
}
header h1 span {
	display: block;
	font-size: 0.9rem;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
header h1 span {
	font-size: 0.7rem;
	margin-bottom: 8px;
}
}
header h1 img {
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
header h1 img {
	width: 60%;
	margin-top: 2px;
	margin-bottom: 2px;
}
}


/* 求人登録件数表示
----------------------------------------------- */
.counter {
	display: block;
	font-size: 0.7rem;
	width: 100%;
	text-align: right;
	margin-top: 10px;
	margin-bottom: -27px;
	padding-right: 5%;
}
@media screen and (max-width: 767px) {
.counter {
	font-size: 0.7rem;
}
}
.counter strong {
	font-weight: bold;
	font-size: 1rem;
	/*color: #E3007F;*/
	padding-left: 2px;
}

/* 求人件数（絞り込み）表示
----------------------------------------------- */
.counterSearch {
	display: block;
	font-size: 0.7rem;
	width: 100%;
	text-align: right;
	margin-top: 10px;
	margin-bottom: -27px;
	padding-right: 5%;
}
@media screen and (max-width: 767px) {
.counterSearch {
	font-size: 0.7rem;
}
}
.counterSearch strong {
	font-weight: bold;
	font-size: 1rem;
	color: #E3007F;
	padding-left: 2px;
}



/* container
----------------------------------------------- */
.container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;	
}
@media screen and (max-width: 1000px) {
.container {
	width: 98%;
}
}


/* カテゴリーエリア（ブルー背景）
----------------------------------------------- */
.category {
	display: block;
	background-color: #ffea00;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 10px;
}



/* h2見出し
----------------------------------------------- */
.ttl {
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 1.4rem;
	margin-left: 5%;
	border-left: solid 5px #ffea00;
	padding: 5px;
	color:#02B2EC;
	font-weight:bold;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.ttl {
	font-size: 1.2rem;
	margin-left: 1.5%;
}
}
.pseudonym {
	font-size: 0.5rem;
	margin-left: 8px;
	margin-right: 8px;
}


/* かんたん業種検索
----------------------------------------------- */
.navCategory {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	margin-left: 5%;
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
.navCategory {
	margin-left: 0px;
}
}

.navCategory li {
	display: flex;
	flex-basis: 30%;
	align-items: center;
	margin: 7px;
	background-color: #fff;
	border-radius: 14px;
	z-index: 3;
}
@media screen and (max-width: 767px) {
.navCategory li {
	margin: 5px;
	flex-basis: 46%;
}
}

.navCategory li a {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 10px;
	color: #000;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.5px;
	line-height: 1.5;
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 767px) {
.navCategory li a {
	font-size: 0.8rem;
}
}

.navCategory li a:before {/* 矢印 */
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    background: #02B2EC;
	z-index: -1;
}

.navCategory li a:after {
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
	right: 9px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    background: #fff;
	z-index: -1;
}


/* 一覧表示
----------------------------------------------- */
.list article {
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FAFAFA;
	border: solid 1px #D6D6D6;
}
@media screen and (max-width: 767px) {
.list article {
	margin-left: 1%;
	margin-right: 2%;
}
}

/* お祝い金 */
.celebration {
	position: absolute;
	display: inline-block;
	padding: 3px;
	margin-top: 25px;
	margin-left: -13px;
	color: #E3007F;
	text-align: center;
	font-size: 0.4rem;
	font-weight: bold;
	line-height: 1;
	z-index: 100;
	align-self: center;
	background-color: #F9F400;
	
}

.list a {
	display: flex;
	color: #000;
	z-index: -100;
}

.listMain {
	display: flex;
	color: #000;
	z-index: -100;
	background-color:#f7dd96;
	padding:10px;
}

.list .date {
	display: block;
	font-size: 0.6rem;
	color: #333;
	width: 120px;
}
@media screen and (max-width: 767px) {
.list .date {
	width: 70px;
	margin-right: 10px;
}
}
@media screen and (max-width: 767px) {
.list .infoArea {
	max-width: 76%;
}
}
@media screen and (max-width: 321px) {
.list .infoArea {
	max-width: 70%;
}
}


.list .date img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
.list .date img {
	width: 70px;
	height: 70px;
}
}

.list h3 {
	color: #555;
	font-size: 0.8rem;
}
.list strong {
	display: inline-block;
	color: #000;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;	
	font-size: 1.2rem;
	line-height: 1.5rem;
}
.list p {
	font-size: 0.9rem;
	line-height: 1.2rem;
	max-width: 800px;
}


/* 雇用形態 */
.status {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4px;
}
.status li {
	background-color: #ffea00;
	color: #000;
	padding: 3px;
	padding-left: 9px;
	padding-right: 9px;
	margin-bottom: 1px;
	margin-right: 3px;
	border-radius: 5px;
	font-size: 0.8rem;
}
/* 待遇・条件 */
.treatment {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4px;
}
.treatment li {
	background-color: #fff;
	color: #128fbf;
	border: #8DCDE5 1px solid;
	padding: 3px;
	padding-left: 9px;
	padding-right: 9px;
	margin-bottom: 1px;
	margin-right: 3px;
	border-radius: 5px;
	font-size: 0.8rem;
}


/* 求人情報テーブル */
.jobInfo {
	margin-top: 14px;
	font-size: 0.86rem;
	line-height: 1.2rem;
}
.jobInfo th {
	padding: 6px;
	font-weight: bold;
	width: 80px;
	background-color: #E6E6E6;
	text-align: center;
}
.jobInfo td {
	padding: 6px 10px;
	max-width: 700px;
}

/* リンクボタンエリア */
.list .linkArea {
	display: flex;
	margin-top: 10px;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

/* 詳細ボタン */
a.syousai {
	background-color: #02B2EC;
	border-radius: 14px;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 22px;
	padding-right: 3px;
	font-size: 0.9rem;
	color: #fff;
	z-index: 100;
	background-image: url(../img/icon_syousai.png);
	background-repeat: no-repeat;
	background-position: 15% center;
	text-align: center;
	justify-content: center;
	flex-basis: 200px;
}
@media screen and (max-width: 767px) {
a.syousai {
	font-size: 0.7rem;
	background-position: 1% center;
}
}
@media screen and (max-width: 321px) {
a.syousai {
	font-size: 0.6rem;
}
}



/* 応募ボタン 共通*/
a.oubo {
	background-color: #fff;
	border-radius: 14px;
	border: #02B2EC 2px solid;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 60px;
	padding-right: 3px;
	font-size: 0.9rem;
	color: #02B2EC;
	z-index: 100;
	background-image: url(../img/icon_oubo_blue.png);
	background-repeat: no-repeat;
	background-position: 30% center;
	text-align: center;
	justify-content: center;
	margin-left: 5px;
	flex-basis: 200px;
}
@media screen and (max-width: 767px) {
a.oubo {
	font-size: 0.7rem;
	background-position: 20% center;
}
}
@media screen and (max-width: 321px) {
a.oubo {
	font-size: 0.6rem;
}
}



/* 応募ボタン 電話*/
a.oubo.tel {
	padding-left: 25px;
	background-image: url(../img/icon_tel.png);
	background-position: 10% center;
}
@media screen and (max-width: 767px) {
a.oubo.tel {
	background-position: 1% center;
}
}
@media screen and (max-width: 321px) {
a.oubo.tel {
	padding-left: 20px;
}
}


/* 応募ボタン メール*/
a.oubo.mail {
	padding-left: 26px;
	background-image: url(../img/icon_mail.png);
	background-position: 10% center;
}
@media screen and (max-width: 767px) {
a.oubo.mail {
	background-position: 1% center;
}
}
@media screen and (max-width: 321px) {
a.oubo.mail {
	padding-left: 24px;
}
}


/* 絞り込み検索
----------------------------------------------- */
.filtering {
	display: block;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: 14px;
	padding: 15px;
	width: auto;
	font-size: 0.9rem;
}
.filtering ul li{
	display:inline;
	line-height: 1.6em;
}
.filtering ul li a{
	color:#49b0d8;
}
.filtering ul li.navi_on a{
	color:#ff0000;
	font-weight:bold;
}

.search_result{
	color:#000;
	font-size:0.8rem;
	margin: 5px 5%;
	line-height: 1.2rem;
}
.search_result span{
	color:#02B2EC;
}
@media screen and (max-width: 767px) {
.filtering {
	margin-left: 1%;
	margin-right: 2%;
}
}

.filtering th {
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 35px;
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: left 3px;
	min-width: 110px;
}
.gyousyu {
	background-image: url(../img/icon_gyousyu.png);
}
.kinmuchi {
	background-image: url(../img/icon_kinmuchi.png);
}
.koyoukeitai {
	background-image: url(../img/icon_koyoukeitai.png);
}
.taigu {
	background-image: url(../img/icon_taigu.png);
}
.kodawari {
	background-image: url(../img/icon_kodawari.png);
}

.filtering td {
	padding: 5px;
}


.unspecified {
	color: #D6D6D6;
}


/* 検索ボタンエリア */
.searchArea {
	text-align: center;
}
/* 絞り込み検索ボタンエリア */
.refine {
	position: -webkit-sticky; /* Safariに対応する */
	position: sticky; /* 要素を固定/解除する */
	bottom: 0; /* 縦方向の閾値 */
	/*background-color: #8DCDE5;
	background-color: rgba(141,205,229,0.7);*/
	padding: 5px;
}
.searchBt {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	color: #fff;
	border-radius: 14px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	cursor: pointer;
	width: 70%;
}
.searchBt strong {
	font-size: 1rem;
	font-weight: bold;
}

/* フォームエリア */
.formArea {
	text-align: center;
	padding: 20px;
}
.formBt {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #F9F400;
	border-radius: 14px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	cursor: pointer;
	width: 70%;
}
#form_regist .text {
	border: 1px solid #8DCDE5;
}
#info_content table .radio {
	display: flex;
}
.freeans {
	width: 100%;
	border: 1px solid #8DCDE5;
}




/* フォーム
----------------------------------------------- */

/* ラジオボタンとチェックボックス */
.form input[type=radio],
.form input[type=checkbox] {
    display: inline-block;
}
.form input[type=radio] + label,
.form input[type=checkbox] + label {
    position: relative;
    display: inline-block;
	margin-bottom: 10px;
	line-height: 0.8rem;
	font-size: 0.8rem;
    cursor: pointer;
}
select#salon_kyujin_id{
	height:2em;
}
 
@media (min-width: 1px) {
    .form input[type=radio],
    .form input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .form input[type=radio] + label,
    .form input[type=checkbox] + label {
        padding: 0 0 0 20px;
    }
    .form input[type=radio] + label::before,
    .form input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 16px;
        height: 16px;
        margin-top: -9px;
        background: #FFF;
    }
    .form input[type=radio] + label::before {
        border: 1px solid #8DCDE5;
        border-radius: 30px;
    }
    .form input[type=checkbox] + label::before {
        border: 1px solid #8DCDE5;
    }
    .form input[type=radio]:checked + label::after,
    .form input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .form input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #E3007F;
        border-radius: 8px;
    }
    .form input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #E3007F;
        border-bottom: 3px solid #E3007F;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

/* セレクトボックス */
.cp_ipselect {
	overflow: hidden;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
	display: none;
}
.cp_ipselect {
	position: relative;
	border: 1px solid #8DCDE5;
	border-radius: 2px;
	background: #ffffff;
	}
.cp_ipselect::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #8DCDE5;
	pointer-events: none;
}
.cp_ipselect:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #8DCDE5;
}
.cp_ipselect select {
	padding: 8px 38px 8px 8px;
}


/* パンくずリスト
----------------------------------------------- */
.breadcrumb {
	border-bottom: solid 1px #ffea00;
}
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	margin: 1em auto;
	background-color: #fff;
	font-size: 0.7rem;
}
.cp_breadcrumb a {
	text-decoration: none;
	color: #555;
}
.cp_breadcrumb .breadcrumbs {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.cp_breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(12px + 6px);
	margin-bottom: 3px;
	margin-top: 3px;
}
.cp_breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1.5em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.cp_breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
}
.cp_breadcrumb li:last-child::before {
	content: normal;
}

/* サロン詳細
----------------------------------------------- */
.owner {
	font-size: 0.8rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.owner h2 {
	font-weight: bold;
	margin-bottom: 5px;
}
.fas {
	color: #ffea00;
	font-size: 1.2rem;
	margin-left: 5px;
}
.voiceArea {
	display: flex;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8rem;
}
.voiceArea .voiceImg {
	width: 50%;
	margin-right: 10px;
	flex-grow: 1;
}
.voiceArea .voiceImg img {
	max-width: 240px
}
@media screen and (max-width: 767px) {
.voiceArea {
	display: block;
	width: 90%;
}
.voiceArea .voiceImg {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: center;
}
}
.voiceArea .voiceTxt {
	flex-grow: 2;
}

/* タブコンテンツ
----------------------------------------------- */
/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	padding-bottom: 20px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
	width: calc(100%/4);
	height: 40px;
	border-bottom: 3px solid #ffea00;
	background-color: #aaa;
	line-height: 40px;
	font-size: 0.9rem;
	font-weight:bold;
	text-align: center;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	transition: all 0.2s ease;
}
.tab_item:hover {
	opacity: 0.75;
}
/*ラジオボタンを全て消す*/
	input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
	.tab_content {
	display: none;
	padding: 20px 0 0;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: hidden;
}
@media screen and (max-width: 1000px) {
	.tab_content {
	padding: 20px 0 0;
	width: 90%;
}
}
@media screen and (max-width: 767px) {
	.tab_content {
	padding: 20px 0 0;
	width: 98%;
}
}


/*選択されているタブのコンテンツのみを表示*/
	#staff:checked ~ #staff_content,
	#map:checked ~ #map_content,
	#album:checked ~ #album_content,
	#info:checked ~ #info_content {
	display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #ffea00;
	color: #000;
}


/* 店舗情報
----------------------------------------------- */
#info_content.tab_content .container{
	width:100%;
}
#info_content .container .Left{
	display:inline-block;
	width:347px;
}
#info_content .container .Right{
	display:inline-block;
	width:547px;
}
#info_content table{
	border-collapse:collapse;
	margin:0 auto;
	font-size: 0.8rem;
}
#info_content td,#info_content th{
	border:1px solid #ccc;
	padding:10px;
	line-height:1.4em;
}
#info_content th{
	background:#EFEFEF;
	width:24%;
}
#info_content tr:first-child th{
	border-top:5px solid #ffea00;
}
#info_content tr:first-child td{
	border-top:5px solid #ccc;
}
#info_content table span {
	color: #F30;
	font-size: 0.6rem;
	margin-left: 10px;
}
.list .infoArea {
	max-width: 80%;
}
.message {
	font-size: 0.9rem;
	padding: 5px;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 1.2rem;
}
a.more {
	text-align: center;
	font-size: 0.7rem;
	padding: 10px 10px 20px;
}

.mapbt{
	text-align:center;
	margin:20px auto 10px;
}
.mapbt a {
	background-color: #fff;
	border-radius: 14px;
	border: #02B2EC 2px solid;
	padding:5px 20px;
	font-size: 0.9rem;
	color: #02B2EC;
	flex-basis: 200px;
}

@media screen and (max-width: 767px) {
	#info_content .container .Left,#info_content .container .Right{
	display:block;
	width:100%;
}
	#info_content .container .Left{
		margin-bottom:3vw;
	}
}


/* アルバム
----------------------------------------------- */
.album ul {
	display: flex;
	flex-wrap: wrap;
}

.album ul li {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	font-size: 0.7rem;
}
@media screen and (min-width: 768px) {
.album ul li {
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
}
}
.album ul li img {
	margin-bottom: 5px;
}


/* Swiper

.swiper-container {
    text-align:center;
}

----------------------------------------------- */
@media screen and (min-width: 768px) {
.salon .swiper-container{
	width: 90%;
	max-height: 300px;

}
}

/* 応募フォーム
----------------------------------------------- */
#form_box01 .table{
	margin: 10px 0px;
}
#form_box02 .table{
	margin: 10px 0px;
}
.btnbox1 .btninput1{
	width:300px;
	padding:1em;
	background-color:#e5e5e5;
}


/* 業種から探す
----------------------------------------------- */
.industry{padding:15px;}
.industry ul{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:left;
}
.industry li{
	width:40vw;
	position:relative;
	z-index:0;
	margin:2vw;
}
.industry li a img{
	width:100%;
	z-index:1;
	display:block;
}
.industry li a span{
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	display:block;
	width:100%;
	text-align:center;
	background-color: rgba( 0, 0, 0, 0.55 );
	color:#fff;
	font-size:.75rem;
	padding:6px 0;
}
@media screen and (min-width: 768px) {
	.industry li{
		width:210px;
		margin:10px;
	}
	.industry li a span{font-size:15px;}
}


/* フッター
----------------------------------------------- */
footer {
	margin-top: 50px;
	padding: 0px 0 20px;
}

footer h2 {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 40px;
	font-size: 0.8rem;
}
@media screen and (max-width: 767px) {
footer h2 {
	text-align: left;
	margin-left: 1.5%;
}
}


footer .footerLink {
	list-style: none;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
footer .footerLink {
	display: block;
	margin-left: 10%;
}
}

footer .footerLink li {
	margin: 0 13px 0 0;
	white-space: nowrap;
}
footer .footerLink li:after {
	content: "|";
	color: #A2A2A2;
	margin: 0 0 0 13px;
}
@media screen and (max-width: 767px) {
footer .footerLink li:after {
	content: "";
}
}

footer .footerLink li:last-child {
	margin-right: 0;
	white-space: normal;
}
footer .footerLink li:last-child:after {
	display: none;
}
footer .footerLink li a {
	line-height: 2.0;
	font-size: 0.8em;
	color: #333;
}
footer .copy {
	display: block;
	margin-top: 30px;
	text-align: center;
	line-height: 2.0;
	color: #333;
	font-size: 0.7em;
}


/* pager  */

.pager  ul.pagination {
	text-align: center;
	margin: 0;
	padding: 0;
  }
  
  .pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 10px;
	display: inline-block;
	background:#02B2EC;
	color:#fff;
	text-align: center;
	position: relative;
  }

  .pager .pagination .currentpage{
	background:#fdde01;
	color:#fff;
	text-align: center;
  }
  
  .pager .pagination li a{
	vertical-align: middle;

	text-align: center;
	display:table;
	color: #fff;
	text-decoration: none;
  }
  
  .pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
  }
  
  .pager .pagination li a:hover,
  .pager .pagination li a.active{
	color: #000;
	background: #ccf;
  }