/* for body */
/*body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	/*background: #f0f0f0;
	color: #000;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
#head {
	background: #00428e;
	color: #fff;
}
#head-in {
	padding: 8px 2em;
}
h1 {
	font-size: 135%;
	margin: 0;
}
/*#body {
	margin-left: 1.5em;
}*/

/* for table */
#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}

table#form {
    width: 70%;
    margin: 2em 15%;
}

#form th, #form td {
	/*border: 1px solid #bbbbbb;*/
	padding-bottom: 2em;
}
#form th {
	/*background: #eeeeee;*/
    text-align: right;
    vertical-align: top;
    width: 9em;
    padding-right: 1em;
}
#form td {
	/*background: #fff;*/
}

input.text {
    height: 2em;
    width: 80%;
    margin-bottom: 1em;
    padding: 0 0.2em;
}



#form textarea{
    width: 100%;
    font-size: 1.2em;
    padding: 0.3em;
}

p.btn {
    margin-bottom: 2em;
    text-align: center;
}

p.btn input {
	width: 110px;
	height: 32px;
}

/* for title */
/*h2 {
	font-size: 100%;
	text-align: left;
	border-left: solid 4px #ef002d;
	border-bottom: 1px solid gray;
	padding: 4px 6px;
	margin: 1.5em 0;
	width: 500px;
}*/

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}


@media only screen and (max-width: 960px) {

table#form {
    width: 95%;
    margin: 2em 2.5%;
}
    
td.radio input{
    margin-bottom: 2em;
}

}

/* スマホ用 */
@media only screen and (max-width: 600px) {
	#body { margin-left: 0; }
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 96%; margin: 10px auto; }
    
    table#form {
    width: 100%;
    margin: 2em 0;
}

    input.text {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0 0.2em;
}
    #form th, #form td {
    	text-align: left;
		width: 100%;
        display: block;
        border-top: none;
    }
    
    #form th{
        padding-bottom: 0;
    }
    
    #form td {
        padding-bottom: 0;
    }
    
    td.radio input{
    margin-bottom: 1.2em;
}

    
    #form textarea{
    font-size: 1em;
}
    /*#form tr:first-child th	{ border-top: 1px solid #666; }*/
    p.btn input { width: 10em; }
    
	/* 小見出し */
	/*h2 { margin: 1em 3px; width: 90%; }*/
	
	/* サンクス */
	p.msg { margin: 1em auto; }
}








/*recruit設定*/


.job img {
    width: 38%;
}

.job table {
    width: 60%;
    float: right;
}

.job table tr {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.job table th {
    width: 35%;
    background-color: #b9dcff;
    text-align: center;
}

.job table td {
    width: 65%;
    background-color: #ffffff;
    padding: 0.5em;
    padding-left: 1em;
}


.tel_app {
    font-size: 2em;
    text-align: center;
    color: #1e50a2;
    font-family: "M PLUS Rounded 1c", メイリオ, Meiryo, sans-serif;
    font-weight: 900
}

@media only screen and (min-width: 961px) {
    
    p.re_h {
    font-size: 1.1em;
}
    
    br.tab{
        display: none;
    }
}

@media only screen and (min-width: 601px) {
    a.tel_app_sp{
        display: none;
    }
}

@media only screen and (max-width: 600px) {
.job img {
    width: 80%;
    margin: 0 10%;
}

.job table {
    width: 100%;
    clear: both;
    border: 1px solid #999999;
}

.job table tr {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.job table th, .job table td {
	text-align: left;
	width: 100%;
    display: block;
}
    
.job table th{
    padding: 0.3em;
    border-bottom: 1px solid #999999;
}    

.job table td{
    padding: 0.5em;
}

.tel_app {
        display: none;
}

    
a.tel_app_sp {
  display: block;
  width: 90%;
  margin: 0 5%;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #2766cc;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #1d4d99;
  border-radius: 3px;
  text-align: center;
  font-size: 1.2em;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
}


/*表示切替*/

/*全て募集*/
.all .frr,
.all .bfr,
.all .mkr,
.all .sar,
.all .re_non{
    display: none
}


/*フロントのみ募集*/
.front .frr,
.front .bf,
.front .mk,
.front .sa,
.front .re_non{
    display: none
}

/*朝食のみ募集*/
.breakfast .fr,
.breakfast .bfr,
.breakfast .mk,
.breakfast .sa,
.breakfast .re_non{
    display: none
}


/*メイクのみ募集*/
.make .fr,
.make .bf,
.make .mkr,
.make .sa,
.make .re_non{
    display: none
}

/*サウナのみ募集*/
.sauna .fr,
.sauna .bf,
.sauna .mk,
.sauna .sar,
.sauna .re_non{
    display: none
}

/*フロント+朝食募集*/
.fandb .frr,
.fandb .mk,
.fandb .bfr,
.fandb .sa,
.fandb .re_non{
    display: none
}

/*フロント+メイク募集*/
.fandm .frr,
.fandm .bf,
.fandm .mkr,
.fandm .sa,
.fandm .re_non{
    display: none
}

/*フロント+サウナ募集*/
.fands .frr,
.fands .bf,
.fands .mk,
.fands .sar,
.fands .re_non{
    display: none
}

/*朝食+メイク募集*/
.bandm .fr,
.bandm .bfr,
.bandm .mkr,
.bandm .sa,
.bandm .re_non{
    display: none
}

/*朝食+サウナ募集*/
.bands .fr,
.bands .bfr,
.bands .mk,
.bands .sar,
.bands .re_non{
    display: none
}

/*メイク+サウナ募集*/
.mands .fr,
.mands .bf,
.mands .mkr,
.mands .sar,
.mands .re_non{
    display: none
}

/*フロントのみなし*/
.f_none .fr,
.f_none .bfr,
.f_none .mkr,
.f_none .sar,
.f_none .re_non{
    display: none
}

/*朝食のみなし*/
.b_none .frr,
.b_none .bf,
.b_none .mkr,
.b_none .sar,
.b_none .re_non{
    display: none
}

/*メイクのみなし*/
.m_none .frr,
.m_none .bfr,
.m_none .mk,
.m_none .sar,
.m_none .re_non{
    display: none
}

/*サウナのみなし*/
.s_none .frr,
.s_none .bfr,
.s_none .mkr,
.s_none .sa,
.s_none .re_non{
    display: none
}

/*募集なし*/
.all_none .re_all{
    display: none
}

.re_non{
    font-size: 1.5em;
    color: #ff0000;
    padding: 8em;
    text-align: center;
    margin-bottom: 15em;
}

@media only screen and (max-width: 600px) {
   .re_non{
    font-size: 1.2em;
    color: #ff0000;
    padding: 3em 1em;
    text-align: center;
    margin-bottom: 5em;
} 
}