/*slick*/
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.p-page-content{max-width:initial;}

/*topSec*/
.topSec{
	position:relative;
	width:100%;
	background-color:#fff;
	text-align:center;
}
.topSec *{margin:0 auto;}
.topSec h2.topSecTitle{
  font-weight:400;
  line-height:1.0;
  letter-spacing:0.2rem;
}
.topSec ul,
.topSec li{
	margin:0;
	padding:0;
	list-style:none;
}
.topSec li{display:block;}
.topSec .moreLink{text-align:center;}
.topSec a{text-decoration:none;}
.topSec a img{transition:opacity 0.4s;}
.topSec a:hover img{opacity:0.7;}

/*#FVSlider*/
#FVSlider li.slick-slide{background-color:#fff;}
#FVSlider img{
	width:100%;
	max-width:initial;
}
#FVSlider .playVideo:before{
	content:"";
	display:block;
	width:100%;
}
#FVSlider .playVideo video{
  display:block;
  position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-position:center center;
	background-color:#fff;
	outline:none;
  filter:drop-shadow(0px 0px rgba(0,0,0,0));
}

/*topNews*/
#topNews .infoCat{
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
#topNews .infoCat li{
	display:inline-block;
	line-height:1.0;
	font-size:1.3rem;
}
#topNews .newsGroup .newsList{display:none;}
#topNews .newsGroup .newsList.show{display:block;}
#topNews .newsGroup .newsList li .time{white-space:nowrap;line-height:1.0!important;}
#topNews .newsGroup .newsList li .cat{
	white-space:nowrap;
	color:#aeaeae;
}
#topNews .newsGroup .newsList li .cat a{color:#aeaeae;}
#topNews .newsGroup .newsList li .detailsExcerpt{display:block;margin-top:8px;}
#backFg{width:100%;}
#topProducts .productListSlider{
	position:relative;
	margin:0 auto;
}
#topProducts .productListSlider .slick-list.draggable{padding:0!important;}
#topProducts .productListSlider li.slick-slide a{
	display:block;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
/*#topProducts .productListSlider li.slick-slide a:before{
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-top:133.3333%;
}
#topProducts .productListSlider li.slick-slide a img{
  position:absolute;
  top:0;
  left:0;
  max-width:initial;
  width:auto;
  height:100%;
  margin-left:-16.695%;
}*/
#topProducts .productListSlider li.slick-slide p{
	font-size:1.2rem;
	line-height:1.8333;
}
#topProducts .productListSlider button{
	display:block;
	font-size:0;
	cursor:pointer;
}
#topProducts .productListSlider button.slick-arrow{
	position:absolute;
	width:12px;
	height:22px;
	z-index:1;
}
#topProducts .productListSlider button.slick-prev{background:url("https://file003.shop-pro.jp/PA01045/806/img/common/slider-prev.svg") no-repeat center center/contain;}
#topProducts .productListSlider button.slick-next{background:url("https://file003.shop-pro.jp/PA01045/806/img/common/slider-next.svg") no-repeat center center/contain;}
#topProducts .productListSlider .slick-dots{
	display:block;
	line-height:1.0;
	text-align:center;
}
#topProducts .productListSlider .slick-dots li{
	display:inline-block;
	width:20px;
	height:1px;
	margin:0 2px;
}
#topProducts .productListSlider .slick-dots li button{
	display:block;
	width:100%;
	height:100%;
	background-color:#cfcfcf;
}
#topProducts .productListSlider .slick-dots li.slick-active button{background-color:#cf0000;}
#topStudio{
	background:url("https://file003.shop-pro.jp/PA01045/806/img/top/studio-bg.jpg") no-repeat center top/cover;
	color:#fff;
	line-height:2.0;
}
#topStudio a{color:#fff;}
#topStudio .studioLinks a:after{background-color:#fff;}
#topStudio img{width:100%;}
#topBlog .blogList{margin:0 auto;}
#topBlog .blogList li{text-align:left;}
#topBlog .blogList li a{display:block;}
#topBlog .blogList li .blogTime{
	line-height:1.0;
	color:#7c7c7c;
}
#topBlog .blogList li .blogTitles{line-height:1.7;}
@media screen and (max-width:959px){
	.p-body{padding-top:0;}
	#main > *{
		position:relative;
		z-index:1;
	}
	.topSec h2.topSecTitle{
		margin-bottom:50px;
		font-size:2.0rem;
	}
	.topSec .moreLink{
		margin-top:50px;
		font-size:1.6rem;
	}
	#FVSlider .playVideo:before{padding-top:133.333vw;}
	#FVSlider .playVideo video{object-fit:cover;}
	#topNews{padding:75px 0;}
	#topNews .infoCat{
		flex-wrap:wrap;
		justify-content:space-between;
		width:278px;
	}
	#topNews .infoCat li{
		width:98px;
		margin:0 20px;
		text-align:center;
	}
	#topNews .infoCat li:nth-child(n+3){margin-top:28px;}
	#topNews .infoCat li a:not(.active)[data-type^="line"]:after{content:none;}
	#topNews .newsGroup{
		width:86.666%;
		margin:48px auto 0;
	}
	#topNews .newsGroup .newsList li{text-align:left;}
	#topNews .newsGroup .newsList li+li{margin-top:36px;}
	#topNews .newsGroup .newsList li > *{
		display:inline-block;
		vertical-align:top;
		line-height:25px;
		text-align:left;
	}
	#topNews .newsGroup .newsList li .time{font-size:1.3rem;}
	#topNews .newsGroup .newsList li .cat{
		margin-left:10px;
		font-size:1.2rem;
	}
	#topNews .newsGroup .newsList li .cat a[data-type^="line"]:after,
	#topNews .newsGroup .newsList li .details  a[data-type^="line"]:after{content:none;}
	#topNews .newsGroup .newsList li .details{
		width:100%;
		margin-top:12px;
		font-size:1.3rem;
	}
	#main > #backFg{
		height:66.666vw;
		overflow:hidden;
		z-index:-1;
	}
	#backFg:before{
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100vw;
		height:100vh;
		background:url("https://file003.shop-pro.jp/PA01045/806/img/top/gray-fg2.jpg") no-repeat center center / cover;
		z-index:-1;
	}
	#topProducts{padding:100px 0 80px;}
	#topProducts .productListSlider{width:100%;}
	#topProducts .productListSlider li.slick-slide{
		width:298px;
		padding:0 12px;
	}
	#topProducts .productListSlider li.slick-slide p{margin-top:34px;}
	#topProducts .productListSlider .slick-dots{margin-top:35px;}
	#topProducts .productListSlider button.slick-arrow{top:176px;}
	#topProducts .productListSlider button.slick-prev{left:8.5vw;}
	#topProducts .productListSlider button.slick-next{right:8.5vw;}
	#topStudio{
		padding:108px 0;
		font-size:1.3rem;
	}
	#topStudio h2{width:168px;}
	#topStudio .studioName{margin-top:50px;}
	#topStudio .studioAddress,
	#topStudio .studioLinks{margin-top:20px;}
	#topStudio .moreLink{font-size:1.6rem;}
	#topBlog{padding:100px 0 68px;}
	#topBlog .blogList{
		max-width:650px;
		width:86.666%;
	}
	#topBlog .blogList li{width:100%;}
	#topBlog .blogList li+li{margin-top:32px;}
	#topBlog .blogList li a{text-align:center;}
	#topBlog .blogList li a img{margin:0 auto;}
	#topBlog .blogList li .blogTime{
		margin-top:22px;
		font-size:1.2rem;
	}
	#topBlog .blogList li .blogTitles{
		margin-top:10px;
		font-size:1.3rem;
	}
}
@media screen and (min-width: 960px){
	.topSec h2.topSecTitle{
		margin-bottom:66px;
		font-size:1.7rem;
	}
	.topSec .moreLink{
		margin-top:68px;
		font-size:1.4rem;
	}
	#FVSlider .playVideo:before{padding-top:56.15384%;}
	#FVSlider .playVideo video{object-fit:contain;}
	#topNews{padding:88px 0;}
	#topNews .infoCat{
      width:820px;
      justify-content:center;
      margin-top:-10px;
	}
	#topNews .infoCat li{margin-top:10px;}
	#topNews .infoCat li+li{
		margin-left:48px;
		padding-left:48px;
		border-left:1px solid #cfcfcf;
	}
	#topNews .newsGroup{
		width:820px;
		margin:36px auto 0;
	}
	#topNews .newsGroup .newsList li{display:table;}
	#topNews .newsGroup .newsList li+li{margin-top:30px;}
	#topNews .newsGroup .newsList li > *{
		display:table-cell;
		vertical-align:top;
		line-height:25px;
		text-align:left;
	}
	#topNews .newsGroup .newsList li .time{font-size:1.2rem;}
	#topNews .newsGroup .newsList li .cat{
		min-width:132px;
		padding:0 48px 0 22px;
		font-size:1.0rem;
	}
	#topNews .newsGroup .newsList li .details{font-size:1.2rem;}
	#topNews .newsGroup .newsList li .time+.details{padding-left:24px;}
	#backFg{
		height:320px;
		background:url("https://file003.shop-pro.jp/PA01045/806/img/top/gray-fg2.jpg") no-repeat center center / cover;
		background-attachment:fixed;
	}
	#topProducts{padding:100px 0;}
	#topProducts .productListSlider{
		width:92%;
		max-width:1140px;
	}
	#topProducts .productListSlider li.slick-slide{
		width:380px;
		padding:0 1px;
	}
	#topProducts .productListSlider li.slick-slide p{margin-top:50px;}
	#topProducts .productListSlider .slick-dots{margin-top:50px;}
	#topProducts .productListSlider button.slick-arrow{top:178px;}
	#topStudio{
		padding:154px 0;
		font-size:1.2rem;
	}
	#topStudio h2{width:228px;}
	#topStudio .studioName{margin-top:55px;}
	#topStudio .studioAddress{margin-top:20px;}
	#topStudio .studioLinks{margin-top:24px;}
	#topStudio .moreLink{font-size:1.3rem;}
	#topBlog{padding:120px 0;}
	#topBlog .blogList{
		max-width:1200px;
		width:92%;
		margin-top:72px;
		display:flex;
		justify-content:space-between;
	}
	#topBlog .blogList li{width:33.1666%;}
	#topBlog .blogList li p{padding-right:30px;}
	#topBlog .blogList li .blogTime{
		margin-top:24px;
		font-size:1.1rem;
	}
	#topBlog .blogList li .blogTitles{
		margin-top:10px;
		font-size:1.3rem;
	}
}
@media screen and (min-width: 960px) and (max-width:1160px){
	#topProducts .productListSlider button.slick-prev{left:2vw;}
	#topProducts .productListSlider button.slick-next{right:2vw;}
}
@media screen and (min-width:1161px){
	#topProducts .productListSlider button.slick-prev{left:-30px;}
	#topProducts .productListSlider button.slick-next{right:-30px;}
}