@charset "utf-8";
/*@import "reset.css";*/

/* clearfix（任意で） */
*:after { display:block; clear:both; }

body {
	font: 12px "ヒラギノ角ゴ Pro W3";
	color: #595959;
	margin: 0;
	padding: 0;
	min-width: 300px;
	width: 100%;
	height: 100%;
}

.ui-content {
  /*background: url('../img/bg.jpg') top center repeat;
  -webkit-background-size: 320px 15px;
  background-size: 320px 15px;*/
  background-color: #9f0000;
  background: linear-gradient(-90deg,#f00 0%,#000 50%,#000 100%);
}

.menu{
  width: 300px;
  margin: 0 auto;
}
.nemu ul{
  display: block;
}
.menu li{
  float: left;
  margin: 5px;
  list-style: none;
}

/*.ui-page {
    background: transparent url(../img/bg.jpg) center top;
}*/

/*--------------------------------------
            clearfix
--------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*
  height: auto;
  overflow: hidden;
  */
}


/* cssリセット */
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover, a:visited, a:link {
  /*color: #fff;*/
  text-decoration: none;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
}

/*LigatureSymbols*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('../LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
}

.lsf-icon.amazon:before {
  content: '\E007';
}

/*Flipsnap*/
.viewport {
    width: 310px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap {
    width: 2480px; /* 320px(item width) * 8(item count) */
}
.item {
    float: left;
    width: 310px;
    font-size: 50px;
    text-align: center;
    padding: 0;
    /*background: #EFEFEF;
    border: 5px solid #999;
    color: #666;*/
    cursor: pointer;
}
.pointer {
	text-align: center;
}
.pointer span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: 1px solid #595959;
}
.pointer span.current {
	background: #595959;
}

/*Flipsnap_Gravure*/
#gravure-detail .flipsnap {
    width: 3100px; /* 320px(item width) * 10(item count) */
}

/*FacebookLikeBox*/
#facebookLikeBox{margin:0 10px;}
#facebookLikeBox .fbcomments,
#facebookLikeBox .fb_iframe_widget,
#facebookLikeBox .fb_iframe_widget[style],
#facebookLikeBox .fb_iframe_widget iframe[style],
#facebookLikeBox .fbcomments iframe[style],
#facebookLikeBox .fb_iframe_widget span{
    width: 100% !important;
    height:250px !important;
}

/*認証ページ*/
div.index_bg {
  width: 320px;
  height: 600px;
  margin: 0 auto;
  position: relative;
}
div.contents {
  width: 320px;
  position: absolute;
  top: 0;
  left: 0;
}
div.enter {
  position: absolute;
  top: 390px;
  left: 8px;
}
div.enter p {
  color: #FFF;
  text-align: center;
  font-size: 11px;
}
div.enter ul li {
  float: left;
  margin: 5px 0;
  list-style: none;
}
div.mark {
  position: absolute;
  right: 5px;
  top: 455px;
}
div.link {
  position: absolute;
  right: 3%;
  top: 992px;
}

/*プロフィール*/
.schDay {
  margin-right: 10px;
}

/*求人情報*/
#recruit {
  padding: 15px;
  background-color: #fff;
  color: #000;
  text-align: center;
  line-height: 1.3;
  font-size: 14px;
}
#recruit .title {
  background-color: #ffcaeb;
  width: 250px;
  line-height: 32px;
  border-radius: 10px;
  text-align: center;
  margin: 5px auto 10px;
  font-size: 16px;
}
#recruit p {
  margin-bottom: 10px;
}
#recruit .tel a {
  display: block;
  width: 300px;
  height: 70px;
  border: 3px solid #ff48f0;
  border-radius: 10px;
  margin: 10px auto;
  font-size: 26px;
  font-weight: bold;
  color: #000;
  background-color: #fffff0;
}
#recruit .tanto_mail a {
  display: inline-block;
  width: 154px;
  height: 55px;
  padding-top: 15px;
  border: 3px solid #ff48f0;
  border-radius: 10px;
  margin: 10px auto;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background-color: #fff5fc;
  float: left;
}
#recruit .tenpo_mail a {
  display: inline-block;
  width: 154px;
  height: 55px;
  padding-top: 15px;
  border: 3px solid #ff48f0;
  border-radius: 10px;
  margin: 10px auto;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background-color: #f0fcfc;
  float: left;
}

/* 共有 */
.center320 {
  width: 320px;
  margin: 0 auto;
}
.center {
	text-align: center;
}
.t_left{
  text-align: left;
}
.m-top-5px {
	margin-top: 5px;
}
.m-top-10px {
	margin-top: 10px;
}
.orange {
	color: #F60;
}
.pink {
	color: #F09;
}
.gray_12px {
	color: #595959;
	font-size: 12px;
}
.f_12px {
	font-size: 12px;
}
.copy {
	text-align: center;
	margin: 5px 0;
}
.header {
  background: url(../img/header_img2.jpg) no-repeat top center;
  background-size: 320px 170px;
  height: 50px;
  padding-top: 120px;
}
.title {
  background-color: #f00;
  line-height: 3.0;
  padding-left: 10px;
  margin: 10px 0;
}
.returnBtn {
  background-color: #f00;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 3.0;
  display: block;
  margin-top: 5px;
}
.returnBtn-s {
  background-color: #f00;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 2.0;
  display: block;
  margin-top: 5px;
}
.recruitBan {
  text-align: center;
  margin: 20px 0;
}
.pagerBox {
  margin-top: 5px;
}
.prevBtn a {
  width: 49%;
  line-height: 50px;
  float: left;
  background-color: #f00;
  text-align: center;
  display: block;
  margin-left: 2px;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.nextBtn a {
  width: 49%;
  line-height: 50px;
  float: right;
  background-color: #f00;
  text-align: center;
  display: block;
  margin-right: 2px;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}