@charset "UTF-8";

/* =======================================
   メイン＆スライダー
======================================= */
#headline {
  background: url("../img/ttl_tpnews.png") no-repeat;
  background-position: center;
  background-size: 100%;
  position: relative;
  height: 3em;
  width: 100%;
  overflow: hidden;
}

  #headline marquee {
    position: absolute;
    width: 80%;
    top: .9em;
    left: 0;
    right: -42px;
    margin: auto;
    color: #1c1c1c;
    font-weight: bold;
  }
.top_sl_wrap {
  padding-bottom: 0;
}
.top_slider {
	width: 100%;
	padding: 0;
	margin: 15px auto 20px;
	margin-right: auto;
}

  ul.top_slider .slick-dots {
    bottom: -6%;
  }



/* =======================================
   新人マダム
======================================= */
.bx-wrapper {
    margin-bottom: 35px;
	    border: none;
    background: none;
	    box-shadow: none;
	-webkit-box-shadow: none;
}

#pu .btn_readmore,
#picdiary .btn_readmore,
#nf .btn_readmore {
  width: 300px;
  margin: 20px auto;
  text-align: center;
  padding: 10px 0;
  color: #fff;
}

#pu .btn_readmore,
#picdiary .btn_readmore,
#nf .btn_readmore {
	margin-top: 38px;
  margin-bottom: 15px;
}

#pu .btn_readmore a,
#picdiary .btn_readmore a,
#nf .btn_readmore a {
  color: #ffff7a;
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 20px;
  background: #6e29a5;
  background: -moz-linear-gradient(top, #c18bec 0%, #9f46e6 50%, #6e29a5 51%, #9d46e2 100%);
  background: -webkit-linear-gradient(top, #c18bec 0%, #9f46e6 50%, #6e29a5 51%, #9d46e2 100%);
  background: linear-gradient(to bottom, #c18bec 0%, #9f46e6 50%, #6e29a5 51%, #9d46e2 100%);
  padding: 5px 50px;
  border-radius: 8px;
}

#pu .btn_readmore a span,
#picdiary .btn_readmore a span,
#nf .btn_readmore a span {
  font-weight: bold;
  color:#ffff7a;
  text-shadow: 1px 1px 1px #292727;
}

#nf {
  padding-top: 40px;
  padding-bottom: 20px;
}

#nf .outer {
	border: none;
	background: #fff;
	-webkit-text-size-adjust:100%;
}
#nf .outer p {
	color: #000;
	font-size: 1.2rem;
}
#nf .name {
	background: none;
}
#nf .data {
	background: none;
}
#nf li img {
		padding: 5px;
}


/*各左右ボタン*/
#nf .nf_arrow_left{
    background: url("../img/nf_sl_btn_prev.png") no-repeat left center;
    -webkit-background-size: 110px;
    background-size: 110px;
		padding: 10px 60px;
		float: left;
}
#pu .nf_arrow_left {
    background: url("../img/nf_sl_btn_prev.png") no-repeat left center;
    -webkit-background-size: 110px;
    background-size: 110px;
		padding: 10px 60px;
		float: left;
}
#nf .nf_arrow_right{
  background: url("../img/nf_sl_btn_next.png") no-repeat left center;
	-webkit-background-size: 110px;
	background-size: 110px;
	float: right;
	padding: 10px 55px;
}
#pu .nf_arrow_right  {
  background: url("../img/nf_sl_btn_next.png") no-repeat left center;
  -webkit-background-size: 110px;
  background-size: 110px;
  padding: 10px 5px;
  float: right;
}

#nf .nf_arrow_left a:last-child {
		position: absolute;
    left: 20px;
    width: 100px;
}
#nf .nf_arrow_left a {
		text-indent: -9999px;
    display: inline-block;
}
#nf .nf_arrow_right a:last-child {
		position: absolute;
    right: 20px;
    width: 100px;
}
#nf .nf_arrow_right a {
		text-indent: -9999px;
    display: inline-block;
}


/*出勤情報スライダー*/
#pu .nf_arrow_left a:first-child{
		position: absolute;
    left: 0;
    display: block;
    width: 100px;
		height: 34px;
}
#pu .nf_arrow_left a {
    text-indent: -9999px!important;
    display: block;
}
#pu .nf_arrow_right a:first-child{
		position: absolute;
		right: 22px;
		display: block;
		width: 100px;
		height: 34px;
}
#pu .nf_arrow_right a {
		width: 100px;
		display: block;
}
#pu .nf_arrow_right a {
		text-indent: -9999px;
}






/* =======================================
   出勤情報
======================================= */
.schedule_col .outer　{
	-webkit-text-size-adjust:100%;
}
/* =======================================
   待ち時間
======================================= */
#real li.frame:nth-of-type(n+6) {
  display: none;
}


/* =======================================
    最新情報
======================================= */
#news {
  color: #191919;
}

  #news li {
/*    background-color: #fff;*/
    padding: 2%;
    width: 100%;
    overflow: hidden;
		border: 1px solid #fff;
		border-radius: 20px;
		color: #fff;
  }
#news .news_date {
	color: #fff;
}
#news .news_date2 {
	margin-bottom: 10px;
}

    #news p {
      font-size: 1.8rem;
    }

    #news .news_content p:nth-of-type(1) {
      line-height: 15px;
      margin: 2% 0;
    }

    #news li img {
      max-width: 85%;
      height: auto !important;
    }

    #news p.title {
      color: #e50000;
      margin-bottom: 2%;
      font-weight: bold;
      line-height: 2.5rem;
      font-size: 1.8rem;
      margin: 2% 0;
    }

  #news .box_text:not(last-child) {
    margin-top: 3%;
  }

    #news .btn_news {
      position: relative;
    }

      /*#news .btn_news:after {
        content: "▼";
        font-size: 1.6rem;
        position: absolute;
        color: #fff;
        width: 18px;
        height: 18px;
        right: 3%;
        top: 0;
        bottom: 0;
        margin: auto;
      }*/

      #news .btn_news input {
        padding: 2% 0;
        color: #7a0063;
        font-size: 1.4rem;
        font-weight: normal;
        letter-spacing: 0;
        width: 100%;
        margin: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3fffb+0,ffa6ef+49,e368cb+50,fc8ae6+100 */
        background: #f3fffb; /* Old browsers */
        background: -moz-linear-gradient(top,  #f3fffb 0%, #ffa6ef 49%, #e368cb 50%, #fc8ae6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #f3fffb 0%,#ffa6ef 49%,#e368cb 50%,#fc8ae6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #f3fffb 0%,#ffa6ef 49%,#e368cb 50%,#fc8ae6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fffb', endColorstr='#fc8ae6',GradientType=0 ); /* IE6-9 */
        border-radius: 0;
        border: 1px solid #e137e7;
      }

			#news .btn_read_more {
        padding: 3% 2%;
        color: #7a0063;
        font-size: 1.4rem;
        font-weight: normal;
        letter-spacing: 0;
        width: 100%;
        margin: 10px auto 5px;
        /* border-radius: 4px; */
        background: -webkit-linear-gradient(top, #ff5da2 0%, #f20e6f 51%, #ff5da2 100%);
        background: -moz-linear-gradient(top, #ff5da2 0%, #f20e6f 51%, #ff5da2 100%);
        background: -o-linear-gradient(top, #ff5da2 0%, #f20e6f 51%, #ff5da2 100%);
        background: -ms-linear-gradient(top, #ff5da2 0%, #f20e6f 51%, #ff5da2 100%);
        background: linear-gradient(to bottom, #f3fffb 0%, #ffa6ef 51%, #e368cb 57%, #fc8ae6 100%);
        border: 1px solid #e137e7;
			}
			#news .news_content {
				color: #fff;
			}

      #news .box_text p:nth-of-type(1) {
        line-height: 2.5rem;
        font-size: 1.8rem;
        margin: 2% 0;
      }

      #news .box_text p:nth-of-type(2) {
        line-height: 15px;
        margin-top: 2%;
      }


/* =======================================
    ランキング
======================================= */
#rank .status {
	text-align: left;
}
#rank .status li {
	margin-bottom: 4px;
}
#rank li.outer {
  border: none;
  padding: 0;
}

  #rank p.rank {
    width: 70%;
    margin: 2% auto 1%;
  }

  #rank p.rank img {
    width: 296px;
  }
#rank .inner  {
	min-height: 270px;
}
#rank .inner ul.square_ico li{
	text-align: left;
	margin: 4px 0;

}
#rank .inner ul.square_ico li {
	width: 31px;
	margin-left: 4px;
}
#rank .inner  ul li span{

}
#rank .inner  ul li span:first-child{
    width: 65px;
    display: inline-block;
    background: #e000ae;
    padding: 5px 10px;
    text-align: center;
    margin-right: 10px;
}
#rank .inner  ul li span:last-child{
		color: #000;
		letter-spacing: 2px;
}

.slick-dots li:nth-of-type(n+8) {
	display: inline-block;
}

@media screen and (max-width: 480px){
	#rank .inner  {
		min-height: 280px;
	}
}


.options_banner {
  position: relative;
  padding: 0 3%;
}

.options_banner a { position: relative; }

.options_banner a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  width: 48px;
  height: 72px;
  bottom: 0;
  right: 0;
  transform: translate(0,0);
  animation: 0.5s handfocus infinite linear;
  background: url("../img/options_banner_hand_sp.png") no-repeat center / 100% auto;
}

@keyframes handfocus {
  0% { transform: translate(0,0); }
  50% { transform: translate(-20%, -20%); }
  100% { transform: translate(0,0); }
}


#picdiary .picdiary {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: calc(692 / 520 * 100%);
}
#picdiary .picdiary iframe {
    position: absolute;
    top: -41px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% + 41px);
}

#news h3.title {
    color: #e50000;
    margin-bottom: 2%;
    font-weight: bold;
    line-height: 2.5rem;
    font-size: 1.8rem;
    margin: 2% 0;
}
h3.name{
    color: #000;
    font-size: 1.2rem;
    background: none;
    font-weight: normal;
    padding:3% 0;
}
h3.bg_name {
    font-weight: normal;
    background: #f8a5a9;
    background: -moz-linear-gradient(top,  #f6b9bc 0%, #f67878 19%, #f0373e 50%, #d3100d 53%, #e90a0c 100%);
    background: -webkit-linear-gradient(top,  #f6b9bc 0%,#f67878 19%,#f0373e 50%,#d3100d 53%,#e90a0c 100%);
    background: linear-gradient(to bottom,  #f6b9bc 0%,#f67878 19%,#f0373e 50%,#d3100d 53%,#e90a0c 100%);
    padding: 3% 0;
    border-radius: .3rem;
    font-size: 2rem;
    position: relative;
}