@charset "UTF-8";
html{ overflow:auto; height: 100%; color:#000;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
caption { text-align: left; }
img { vertical-align: middle; }
main {display: block;/* for IE */}
li { list-style: none; }
/*==================================================
Body_Bace
==================================================*/
#b2017ss {
	width: 100%;
	min-width: 1200px;
	font-size: 14px;
	color: #000;
	line-height: 100%;
	word-wrap: break-word;
}
/*------ link ------*/
a , .a:hover {
	color: #000;
	text-decoration: none;
	transition: all .3s;
}
#b2017ss .imgSp {
	display: none !important;
}
#b2017ss_header .inr,
#b2017ss .cont_inr {
	width: 1200px;
	margin: 0 auto;
}
	@media(min-width:1px) and (max-width: 768px) {
		body { min-width: 100%; -webkit-text-size-adjust: none; }
		img { max-width: 100%; width : 100%; height: auto; }
		#b2017ss {
			min-width: 0;
		}
		#b2017ss_header .inr,
		#b2017ss .cont_inr {
			width: 100%;
		}
		#b2017ss .imgSp { display: block  !important; }
		#b2017ss .imgPc { display: none  !important; }
	}

/*==================================================
Header
==================================================*/
#b2017ss_header {
	height: 563px;
	background: #f9f9f9 url(../img/pc/bg_ttl.jpg) no-repeat 50% 0;
}
#b2017ss_header .txtWrap {
	width: 561px;
	padding: 89px 0 0 558px;
}
#b2017ss_header .txtWrap h2 {
	padding: 0 0 30px;
}
#b2017ss_header .txtWrap p {
	text-align: center;
	font-size: 13px;
	line-height: 200%;
}
	@media(min-width:1px) and (max-width:768px){
		#b2017ss_header {
			height: auto;
			background: none;
		}
		#b2017ss_header .txtWrap {
			width: 100%;
			padding: 0;
			background: url(../img/sp/bg_ttl.jpg) no-repeat 0 0;
			background-size: cover;
		}
		#b2017ss_header .txtWrap h2 {
			width: 87.66%;
			margin: 0 auto;
			padding: 3.9% 0 6.25%;
		}
		#b2017ss_header .txtWrap p {
			padding: 0 0 5%;
		}
		#b2017ss_header .txtWrap+figure {
			border-bottom: 1px solid #727272;
		}
	}

/*==================================================
Main / cont01
==================================================*/
#b2017ss_cont01 {
	height: 815px;
	background: #080808 url(../img/pc/cont01_bg.jpg) no-repeat 50% 0;
}
#b2017ss_cont01 .cont_inr {
	padding: 50px 0 0;
}
/*slidepager
------------------------------------------*/
#b2017ss_cont01 .slidepager {
	padding: 0 0 50px;
	text-align: center;
}
#b2017ss_cont01 .slidepager li {
	display: inline-block;
	padding: 0 15px;
}
#b2017ss_cont01 .slidepager li img {
	 vertical-align: bottom;
}
#b2017ss_cont01 .slidepager li span {
	position: relative;
	text-decoration: none;
	transition: .3s;
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
	cursor: pointer;
}
#b2017ss_cont01 .slidepager li.current span {
	display: block;
	border-bottom: 1px solid #c7c7c7;
}
#b2017ss_cont01 .slidepager li span::after {
	position: absolute;
	bottom: -3px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #c7c7c7;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
	@media all and (-ms-high-contrast:none) {
		*::-ms-backdrop, ..#b2017ss_cont01 .slidepager li a::after { bottom: -5px; }
	}
#b2017ss_cont01 .slidepager li span:hover::after {
	width: 100%;
}
#b2017ss_cont01 .slidepager li.current span::after {
	display: none;
}
/*slider
------------------------------------------*/
#b2017ss_cont01 .slider {
	width: 960px;
	margin: 0 auto;
}
#b2017ss_cont01 .slider li {
	position: relative;
	display: block;
	margin: 0 0 120px;
}
#b2017ss_cont01 .slider li.slick-slide img {
	display: inline-block;
}
#b2017ss_cont01 .slider li .txtWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	background-color: rgba(255,255,255,0.9);
	opacity: 0;
	z-index: 999;
}
#b2017ss_cont01 .slider li a:hover > figure .txtWrap {
	opacity: 1;
}
#b2017ss_cont01 .txtWrap p {
	padding: 295px 0 80px;
}
#b2017ss_cont01 .txtWrap .btn_more {
	display: inline-block;
	position: relative;
}
#b2017ss_cont01 .txtWrap .btn_more:before {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 6px;
	height: 7px;
	content: "";
	margin-top: -3.5px;
	background: url(../img/pc/cont01_btn_icn.png) no-repeat 0 0;
	background-size: contain; 
}
#b2017ss_cont01 .txtWrap .btn_more span {
	position: relative;
	margin: 0 12px 0 0;
	text-decoration: none;
	transition: .3s;
	padding-bottom: 5px;
	border-bottom: none;
}
#b2017ss_cont01 .txtWrap .btn_more span::after {
	position: absolute;
	bottom: -2px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #000;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
	@media all and (-ms-high-contrast:none) {
		*::-ms-backdrop, #b2017ss_cont01 .txtWrap .btn_more span::after { bottom: -5px; }
	}
#b2017ss_cont01 .txtWrap .btn_more span:hover::after {
	width: 100%;
}
#b2017ss_cont01 .slider li .name {
	position: absolute;
	bottom: 0;
	right: 0;
}
#b2017ss_cont01 .slider li.slide01 .name { bottom: -80px; right: 24px; }
#b2017ss_cont01 .slider li.slide02 .name { bottom: -96px; right: 24px; }
#b2017ss_cont01 .slider li.slide03 .name { bottom: -72px; right: 47px; }
#b2017ss_cont01 .slider li.slide04 .name { bottom: -56px; right: 37px;}
#b2017ss_cont01 .slider li.slide05 .name { bottom: -62px; right: 30px;}
#b2017ss_cont01 .slider li.slide06 .name { bottom: -62px; right: 39px; }
#b2017ss_cont01 .slider li.slide07 .name { bottom: -46px; right: 70px; }

/* slider --arrow */
#b2017ss_cont01 .slider .slick-slider {
	position: relative;
	width: 100%;
}
#b2017ss_cont01 .slider .slick-arrow {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 50%;
	white-space: nowrap;
	text-indent: 100%;
	width: 26px;
	height: 52px;
	margin-top: -56px;
	content: "";
}
#b2017ss_cont01 .slider .slick-prev {
	left: -70px;
	background: url(../img/pc/cont01_arrow_pev.png) no-repeat;
	background-size: contain;
}
#b2017ss_cont01 .slider .slick-next {
	right: -70px;
	background: url(../img/pc/cont01_arrow_next.png) no-repeat;
	background-size: contain;
}
	@media(min-width:1px) and (max-width:768px) {
		#b2017ss_cont01 {
			height: auto;
			padding: 0 0 5.5%;
			background: #000 url(../img/sp/cont01_bg.jpg) no-repeat 50% bottom;
			background-size: cover;
		}
		#b2017ss_cont01 .cont_inr {
			position: relative;
			padding: 16% 0 0;
		}
		#b2017ss_cont01 .slidepager {
			position: absolute;
			bottom: 30px;
			left: 50%;
			width: 190px;
			padding: 0;
			margin-left: -95px;
		}
		#b2017ss_cont01 .slidepager li {
			padding: 0 5px;
		}
		#b2017ss_cont01 .slidepager li span {
			overflow: hidden;
			display:block;
			position: relative;
			width: 7px;
			height: 7px;
			padding-bottom: 0;
			white-space: nowrap;
			text-indent: 100%;
			border: 1px solid #fff;
			background: none;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			outline: none;
			z-index: 999;
		}
		#b2017ss_cont01 .slidepager li.current span,
		#b2017ss_cont01 .slidepager li span:hover {
			background: #fff;
		}
		#b2017ss_cont01 .slider {
			width: 100%;
		}
		#b2017ss_cont01 .slider li {
			margin: 0 10px;
		}
		#b2017ss_main #b2017ss_cont01 .slider li .name {/* 556px */
			position: relative;
			bottom: 0;
			right: 0;
			margin: 0 auto;
		}
		#b2017ss_cont01 .slider li .txtWrap {
			position: relative;
			margin: 0 auto;
			opacity: 1;
			background: none;
		}

		#b2017ss_main #b2017ss_cont01 .slider li.slide01 .name {
			width: 49.7%;
			padding: 5.9% 0 6.3%;/* 30px 0 35px */
		}
		#b2017ss_cont01 .slider li.slide01 .txtWrap {
			width: 70%;
		}
		#b2017ss_main #b2017ss_cont01 .slider li.slide02 .name {
			width: 57.7%;
			padding: 3.2% 0 5.4%;/* 18px 0 30px */
		}
		#b2017ss_cont01 .slider li.slide02 .txtWrap {
			width: 56.4%;
		}
		#b2017ss_main #b2017ss_cont01 .slider li.slide03 .name {
			width: 17.6%;
			padding: 5.9% 0 9.9%;/* 33px 0 55px */
		}
		#b2017ss_cont01 .slider li.slide03 .txtWrap {
			width: 56.4%;
		}
		#b2017ss_main #b2017ss_cont01 .slider li.slide04 .name {
			width: 19%;
			padding: 7.2% 0 10.8%;/* 40px 0 60px */
		}
		#b2017ss_cont01 .slider li.slide04 .txtWrap {
			width: 73.8%;
		}
		#b2017ss_main #b2017ss_cont01 .slider li.slide05 .name {
			width: 14.2%;
			padding: 6.3% 0 9.9%;/* 35px 0 55px */
		}
		#b2017ss_cont01 .slider li.slide05 .txtWrap {
			width: 79.4%;
		}
		#b2017ss_main #b2017ss_cont01 .slider li.slide06 .name {
			width: 23.5%;
			padding: 8% 0 9.9%;/* 45px 0 55px */
		}
		#b2017ss_cont01 .slider li.slide06 .txtWrap {
			width: 60.9%;
		}
		#b2017ss_main #b2017ss_cont01 .slider li.slide07 .name {
			width: 16.8%;
			padding: 6.3% 0 12.6%;/* 35px 0 70px */
		}
		#b2017ss_cont01 .slider li.slide07 .txtWrap {
			width: 56.3%;
		}

		#b2017ss_cont01 .txtWrap p {
			padding: 0;
		}
		#b2017ss_cont01 .txtWrap .btn_more {
			display: none;
		}
		#b2017ss_cont01 .slider .slick-slider {
			padding: 0 0 120px;
		}
		#b2017ss_cont01 .slider .slick-arrow {
			width: 8.6px;
			height: 20px;
			z-index: 999;
			top: auto;
			bottom: 15px;
			margin-top: 0;
		}
		#b2017ss_cont01 .slider .slick-arrow img {
			width 100%;
		}
		#b2017ss_cont01 .slider .slick-prev {
			left: 50%;
			margin-left: -100px;
		}
		#b2017ss_cont01 .slider .slick-next {
			right: 50%;
			margin-right: -100px;
		}
	}
	@media(min-width:1px) and (max-width:360px) {
		#b2017ss_cont01 .slider .slick-slider {
			padding: 0 0 80px;
		}
	}
	@media(min-width:1px) and (max-width:360px) {
		#b2017ss_cont01 .slidepager li {
			padding: 0 4px;
		}
		#b2017ss_cont01 .slidepager li span {
			width: 6px;
			height: 6px;
		}
		#b2017ss_cont01 .slider .slick-arrow {
			width: 8px;
			height: 16px;
			bottom: 20px;
		}
		#b2017ss_cont01 .slider .slick-prev {
			margin-left: -100px;
		}
		#b2017ss_cont01 .slider .slick-next {
			margin-right: -100px;
		}
	}
/*==================================================
Main / cont02
==================================================*/
#b2017ss_cont02 {
	border-bottom: 1px solid #000;
}
#b2017ss_cont02 .cont_inr {
	padding: 100px 0;
}
#b2017ss_cont02 h2 {
	padding: 0 0 35px;
	text-align: center;
}
#b2017ss_cont02 .brandlist {
	width: 999px;
	margin: 0 auto;
}
#b2017ss_cont02 .brandlist:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#b2017ss_cont02 .brandlist li {
	position: relative;
	display: block;
	width: 295px;
	float: left;
	margin: 19px;
}
#b2017ss_cont02 .brandlist li:nth-child(3n+1) {
	clear: both;
}
#b2017ss_cont02 .brandlist li a figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	opacity: 0;
	z-index: 999;
}
#b2017ss_cont02 .brandlist li a:hover > figure figcaption {
	opacity: 1;
}
#b2017ss_cont02 .brandlist p {
	padding: 140px 0 88px;
}
#b2017ss_cont02 .brandlist .btn_more {
	display: inline-block;
	position: relative;
}
#b2017ss_cont02 .brandlist .btn_more:before {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 6px;
	height: 7px;
	content: "";
	margin-top: -3.5px;
	background: url(../img/pc/cont02_btn_icn.png) no-repeat 0 0;
	background-size: contain; 
}
#b2017ss_cont02 .brandlist .btn_more span {
	position: relative;
	margin: 0 12px 0 0;
	text-decoration: none;
	transition: .3s;
	padding-bottom: 5px;
	border-bottom: none;
}
#b2017ss_cont02 .brandlist .btn_more span::after {
	position: absolute;
	bottom: -2px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #fff;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
	@media all and (-ms-high-contrast:none) {
		*::-ms-backdrop, #b2017ss_cont02 .brandlist .btn_more a::after { bottom: -5px; }
	}
#b2017ss_cont02 .brandlist a .btn_more span:hover::after {
	width: 100%;
}
	@media(min-width:1px) and (max-width:768px){
		#b2017ss_cont02 {
			border-bottom: 1px solid #000;
		}
		#b2017ss_cont02 .cont_inr {
			padding: 0 0 20.5%;
		}
		#b2017ss_cont02 h2 {
			width: 40.8%;
			padding: 8.6% 0 6.25%;
			margin: 0 auto;
		}
		#b2017ss_cont02 .brandlist {
			width: 94.5%;/* 605px */
			padding: 0 2.75%;
		}
		#b2017ss_cont02 .brandlist li {/* 270px */
			width: 50%;
			padding: 2.75%;
			margin: 0;
			box-sizing: border-box;
		}
		#b2017ss_cont02 .brandlist li:nth-child(3n+1) {
			clear: none;
		}
		#b2017ss_cont02 .brandlist li:nth-child(2n+1) {
			clear: both !important;
		}
		#b2017ss_cont02 .brandlist li a figcaption {
			position: relative;
			top: 0;
			left: 0;
			opacity: 1;
			width: auto;
			height: auto;
			padding: 11.1% 0 5.5%;
			margin: 0 auto;
			background: #fff;
		}
		#b2017ss_cont02 .brandlist li.list01 a figcaption {
			width: 66.7%;
		}
		#b2017ss_cont02 .brandlist li.list02 a figcaption {
			width: 62.6%;
		}
		#b2017ss_cont02 .brandlist li.list03 a figcaption {
			width: 13%;
		}
		#b2017ss_cont02 .brandlist li.list04 a figcaption {
			width: 20%;
		}
		#b2017ss_cont02 .brandlist li.list05 a figcaption {
			width: 13.7%;
		}
		#b2017ss_cont02 .brandlist li.list06 a figcaption {
			width: 25.2%;
		}
		#b2017ss_cont02 .brandlist li.list07 a figcaption {
			width: 18.9%;
		}
		#b2017ss_cont02 .brandlist p {
			padding: 0;
		}
		#b2017ss_cont02 .brandlist .btn_more {
			display: none;
		}
	}
/*==================================================
Main / cont03
==================================================*/
#b2017ss_cont03 .cont_inr {
	padding: 80px 0 114px;
}
#b2017ss_cont03 h2 {
	padding: 0 0 50px;
	text-align: center;
}
#b2017ss_cont03 .beautistlist {
	padding: 0 0 0 6px;
}
#b2017ss_cont03 .beautistlist:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#b2017ss_cont03 .beautistlist li {
	float: left;
	text-align: center;
}
#b2017ss_cont03 .beautistlist li+li {
	margin: 0 0 0 42px;
}
#b2017ss_cont03 .beautistlist li .img {
	width: 203px;
}
#b2017ss_cont03 .beautistlist li figcaption {
	padding: 18px 0 0;
}
	@media(min-width:1px) and (max-width:768px){
		#b2017ss_cont03 .cont_inr {
			padding: 0 0 6.2%;
		}
		#b2017ss_cont03 h2 {
			width: 55.8%;
			padding: 12.5% 0 6.25%;
			margin: 0 auto;
		}
		#b2017ss_cont03 .beautistlist {
			width: 92.2%;/* 590px */
			padding: 0 3.9%;
			margin: 0 auto;
		}
		#b2017ss_cont03 .beautistlist li {/* 254px */
			width: 50%;
			padding: 0 3.4% 8.4%;
			text-align: center;
			box-sizing: border-box;
		}
		#b2017ss_cont03 .beautistlist li .img {/* 246px */
			width: 96.5%;
			margin: 0 auto;
		}
		#b2017ss_cont03 .beautistlist li:nth-child(2n+1) {
			clear: both;
		}
		#b2017ss_cont03 .beautistlist li+li {
			margin: 0;
		}
		#b2017ss_cont03 .beautistlist li figcaption {
			padding: 11.8% 0 0;
			margin: 0 auto;
		}
		#b2017ss_cont03 .beautistlist li.beautist01 figcaption { width: 66.1%; }
		#b2017ss_cont03 .beautistlist li.beautist02 figcaption { width: 87.4%; }
		#b2017ss_cont03 .beautistlist li.beautist03 figcaption { width: 100%; }
		#b2017ss_cont03 .beautistlist li.beautist04 figcaption { width: 85%; }
		#b2017ss_cont03 .beautistlist li.beautist05 figcaption { width: 66.5%; }
	}
/*==================================================
Footer
==================================================*/
#b2017ss_footer .pagetop {
	display: block;
	width: 32px;
	margin: 0 auto 30px;
}
#b2017ss_footer .pagetop img {
	width: 32px;
	height: 41px;
}
#b2017ss_footer .footer_inr {
	padding: 55px 0 60px;
	background: #000 url(../img/pc/footer_bg.jpg) no-repeat 50% bottom;
}
#b2017ss_footer .footer_inr p {
	width: 960px;
	margin: 0 auto;
}
#b2017ss_footer .footer_inr p.credit02 {
	padding: 30px 0 0;
}
	@media(min-width:1px) and (max-width:768px){
		#b2017ss_footer {
			padding: 0 0 12.5%;
		}
		#b2017ss_footer .pagetop {
			display: block;
			width: 7.9%;
			margin: 0 auto 9.4%;
		}
		#b2017ss_footer .pagetop img {
			width: 100%;
			height: auto;
		}
		#b2017ss_footer .footer_inr {
			padding: 16% 0;
			background: #000 url(../img/sp/footer_bg.jpg) no-repeat 50% bottom;
			background-size: cover;
		}
		#b2017ss_footer p.credit {
			width: 68.4%;
			margin: 0 auto;
		}
		#b2017ss_footer .footer_inr p.credit02 {
			width: 78.4%;
			margin: 0 auto;
			padding: 11.7% 0 0;
		}
	}
/*==================================================
Slider 
==================================================*/
.slick-slider {
	position: relative;
	display: block;
	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: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-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;
}
.slick-track:before,
.slick-track:after {
	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;
}
.slidepager .slick-slide {
	display: none;
	height: auto !important;
	min-height: auto !important;
}
/*==================================================
txt Base
==================================================*/
#b2017ss_header .txtWrap p,
#b2017ss .txt {
	font-size: 16px;
	line-height: 200%;
}
	@media(min-width:1px) and (max-width:480px){
		#b2017ss_header .txtWrap p,
		#b2017ss .txt {
			font-size: 13px;
			line-height: 200%;
		}
	}
	@media(min-width:1px) and (max-width:415px){
		#b2017ss_header .txtWrap p,
		#b2017ss .txt {
			font-size: 11px;
			line-height: 200%;
		}
	}
	@media(min-width:1px) and (max-width:360px){
		#b2017ss_header .txtWrap p,
		#b2017ss .txt {
			font-size: 10px;
			line-height: 200%;
		}
	}
/*==================================================
clearfix
==================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}