@charset "utf-8";
/* ======================================================
	メインエリア設定
======================================================= */



/* キーイメージ */

.slider {
    width: 1000px;
	margin: 25px auto 0 auto;
	z-index: 1;
}




.lislider2 {
     float:left;
     width:100%;
	 border:solid 1px #E6E6E6;
	margin: 0 auto;
	z-index: 1;
}

.lislider3 {
     float:left;
     width:100%;
	 border:solid 1px #E6E6E6;
	margin: 0 auto;
	z-index: 1;
}


.crverbx  {
	float:left;
	width:100%;
	margin:0 0 50px 0;
}

.crverbx h2  {
	float:left;
	width:100%;
	text-align:left;
	margin:0 0 20px 0;
}

.crvt1  {
	float:left;
	width:100%;
	font-size:23px;
	color:#000;
	line-height:50px;
	font-weight:normal;
}

.crvt2  {
	float:left;
	width:100%;
	font-size:14px;
	color:#666;
	line-height:25px;
	font-weight:normal;
}

.revslider {
     float:left;
     width:100%;
	 border:solid 1px #E6E6E6;
	margin: 0 auto;
	z-index: 1;
}

.revslider .reit {
     float:left;
     width:275px;
}

.imgrebx  {
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.imgrebx h2,
.imgrebx h4  {
	float:left;
	width:99%;
  font-size: 17px;
  color: #000;
	text-align:center;
	margin:20px 0 10px 0;
  padding:0 0 0 1%;
}

.imgreslider {
     float:left;
     width:100%;
     margin: 0 auto;
     z-index: 1;
}

.imgreslider .reimg {
     float:left;
     width: 105px;
     background-color: #e5e5e5;
     display: inline-block;
     margin: 0 10px;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
}

.imgreslider .reimg a {
     overflow: hidden;
     display: block;
     position: relative;
     padding-bottom: 100%;
}

.imgreslider .reimg a img {
     max-width: 105px;
     max-height: 105px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     -webkit-transform: translate(-50%, -50%);
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
}

.rebx2 {
    float: left;
    width: 210px;
	padding:0 0 5px 0;
	margin:10px 20px 10px 20px;
}

/* Arrows */
.slick-prev,
.slick-next {
    top: 50%;
    display: block;
    width: 30px;
	height:30px;
	font-size: 12px;
	opacity: 0.75;
	color:none;
	background-size:100%;
	text-indent:-9000px;
	z-index: 3;
}

.slick-prev {
    left: 15px;
	background:url(../../../../img/fprev.png) no-repeat 0 0;
	background-size:100%;
}

.slick-next {
    right: 15px;
	background:url(../../../../img/fnext.png) no-repeat center center;
	background-size:100%;
}


.crverbx button,
.imgreslider button  {
	border: 0 !important;
}

.imgreslider .slick-prev,
.imgreslider .slick-next    {
position: absolute;
    top: -35% !important;
    display: block !important;
    width: 30px !important;
	height:30px !important;
	font-size: 12px !important;
	opacity: 0.75 !important;
	color:none !important;
	background-size:100% !important;
	text-indent:-9000px !important;
	line-height: 1 !important;
	z-index: 3 !important;
}


.crverbx .slick-prev,
.crverbx .slick-next {
position: absolute;
    top: 50% !important;
    display: block !important;
    width: 30px !important;
	height:30px !important;
	font-size: 12px !important;
	opacity: 0.75 !important;
	color:none !important;
	background-size:100% !important;
	text-indent:-9000px !important;
	z-index: 3 !important;
}

.crverbx .slick-prev ,
.imgreslider .slick-prev   {
    left: 15px !important;
	background:url(../../../../img/fprev.png) no-repeat 0 0 !important;
	background-size:100% !important;
}

.crverbx .slick-next,
.imgreslider .slick-next   {
    right: 15px !important;
	background:url(../../../../img/fnext.png) no-repeat center center !important;
	background-size:100% !important;
}



.bestbx {
    float: left;
    width:100%;
    margin:50px 0 0 0;
}

.bestbx h2 {
    float: left;
    width:100%;
				text-align: center;
				font-size: 14px;
				line-height: 2.5;
}

.bestab {
    float: left;
    width:100%;
}
.bestab  li {
    float:left;
    width:25%;
    margin: 1px 0 0 0;
    border-bottom: solid 2px #ee077e;
}

.bestab  li.active {
    border-bottom: none;
}

.bestab  a {
	float:left;
  width:99%;
  display:block;
	text-align: center;
	font-size: 14px;
	line-height: 3;
  text-indent: 0;
	color: #000;
	text-decoration: none;
}
.bestab  a:hover {
	color: #000;
	font-weight: bold;
    cursor: pointer;
}
.bestab .active a {
	color:#ee077e ;
	font-weight: bold;
	background: #fdeff6;
	border-top: solid 2px #ee077e;
	border-left: solid 2px #ee077e;
	border-right: solid 2px #ee077e;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

.scbox {
    float:left;
  width: 100%;
  color: #333;
  display: none;
}