@charset "utf-8";


body.index header,
body.index footer{
	background-color:#f5f5f5;
}


body.index header .inner-wrp{
	background-color:#f5f5f5;
}

/* index-slider */

#index-slider{
	margin-bottom:100px;
	/*overflow: hidden;*/
}

#index-slider .inner-wrp{
	width:1180px;
	/*overflow:hidden;*/
	position:relative;
}

/* for safari bug */

#index-slider .inner-wrp .slick-list ul{
	position: relative;
	/*left: -1px;*/
}


.slick-slide .ph-wrp{
	position:relative;
}

.badge{
	position:absolute;
	width:240px;
	height:188px;
	bottom:40px;
	right:40px;
}

.badge a{
	transition: none;
	}
	
.badge a:hover{
	opacity:1;
	}

.badge img {
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

.badge img:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
	opacity:0.7;
}


#sp-index-slider{
	display: none;
}

/* .sp-local-page-nav */

.sp-local-page-nav{
	display:none;
	}

/* #index-news */

#index-news{
	float:left;
	width:580px;
}

#index-news h1{
	color:#c8c8c8;
	font-size:1.3rem;
	line-height:1;
	margin-bottom:20px;
	font-weight:normal;
}


#index-news-slider ul{
	font-size:0;
}

#index-news-slider ul li{
	width:263px;
	padding:10px;
	background-color:#fff;
	display:inline-block;
	font-size:1.1rem;
	line-height:1.8;
}

.index-news{
	display:none;
	opacity:1;
	display:block;
}

#index-news-slider .index-news:hover{
		transition:none;
}

#index-news-slider .index-news:hover img{
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition: 10s linear;
	transition: 10s linear;
}

#index-news-slider .index-news img{
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition: 0.5s linear;
	transition: 0.5s linear;
}


#index-news-slider .slick-dots li{
	padding:0;
	background-color: transparent;
	width:20px;
	}

#index-news-slider .slick-slide {
	margin: 0 7px;
 }
 
 #index-news-slider .slick-list {
	 margin: 0 -7px;
}

#index-news-slider li .ph{
	width:263px;
	height:190px;
	overflow:hidden;
	margin-bottom:15px;
	
}

#index-news-slider li .txt{
	padding:0 15px;
	margin-bottom:12px;
}

#index-news-slider li .txt .date{
	font-size:1.0rem;
	color:#939393;
	margin-bottom:8px;
}

/* #index-intro */

#index-intro{
	float:right;
	width:550px;
	font-size:1.2rem;
	line-height:2.5;
}

#index-intro h1{
	font-size:2.8rem;
	color:#646464;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;
	font-weight: normal;
	line-height:1;
	margin-bottom:25px;
}

#index-intro h2{
	font-size:1.8rem;
	font-weight:normal;
	line-height:1;
	margin-bottom:15px;
}


/* スマホ版 768px*/

@media screen and (max-width: 768px) {
	
	body.index header{
	background-color: transparent;
	}
	
	body.index header .inner-wrp{
	background-color: transparent;
	}
	
	#index-slider{
		display:none;
	}
	
	#sp-index-slider{
		display:block;
		margin-bottom:10px;
		position:relative;
	}

	#sp-index-slider .badge{
		display:block;
		position:absolute;
		width:67px;
		height:16px;
		bottom:55px;
		left:50%;
		margin-left:-28px;
	}
	
	/* .sp-local-page-nav */

	.sp-local-page-nav{
		display: block;
		margin-bottom:45px;
		font-size:1.2rem;
	}
	
	.sp-local-page-nav a:before{
		font-family: FontAwesome;
		content:"\f0d7";
		color:#ddd;
		padding-right:10px;
	}

	
	
	/*　メインコンテンツ　*/
	#main{
		background-color:#f5f5f5;
	}
	
	#main .inner-wrp{
		background-color:#f5f5f5;
		width:100%;
		padding:0 27px;
		box-sizing:border-box;
	}

/* #index-news */

	#index-news{
		float: none;
		width: 100%;
		margin-bottom:70px;
		font-size:1.0rem;
	}

	#index-news h1{
		color:#c8c8c8;
		font-size:1.4rem;
		line-height:1;
		margin-bottom:25px;
		font-weight:normal;
		text-align:center;
	}

	#index-news-slider ul .slick-list li{
		width:100%;
		padding:8px;
		background-color:#fff;
		/*display:inline-block;*/
		display:table-row;
		font-size:1.0rem;
		line-height:1.5;
		box-sizing:border-box;
	}
	
	#index-news-slider ul .slick-list li a{
		display:block;
	}
	
	
	#index-news-slider .slick-dots li{
		padding:0;
		background-color: transparent;
		width:20px;
	}
	
	#index-news-slider .slick-slide {
		margin: 0 7px;
	 }
	 
	 #index-news-slider .slick-list {
		 margin: 0 -7px;
	}
	
	#index-news-slider li .ph{
		margin-bottom:0;
		/*float:left;*/
		width:134px;
		height:auto;
		display:table-cell;
		vertical-align: top;

		
	}

	#index-news-slider li .txt{
		/*padding:0 0 0 155px;*/
		margin-bottom:0;
		padding: 0 0 0 12px;
		display:table-cell;
		vertical-align:middle;
	}
	
	#index-news-slider li .txt .date{
		font-size:1.0rem;
		color:#939393;
		margin-bottom:5px;
		line-height:1.2;
	}

	/* #index-intro */
	
	#index-intro{
		float: none;
		width: 100%;
		font-size:1.0rem;
		line-height:2;
	}
	
	#index-intro h1{
		font-size:1.8rem;
		color:#646464;
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;
		font-weight: normal;
		line-height:1;
		margin-bottom:15px;
	}
	
	#index-intro h2{
		font-size:1.3rem;
		font-weight:normal;
		line-height:1.64;
		margin-bottom:12px;
	}

}

/*Safari CSS hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#index-slider .inner-wrp li img{
		margin-left:-1px;
  }
}

/* --- ChromeとOperaのみ */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#index-slider .inner-wrp li img{
		margin-left:0;
  }
}