@charset "utf-8";

/*-----------------------------------------------
	index
-----------------------------------------------*/
/* main */
@media only screen and (max-width:1023px){
	#main.details{
		padding-top: 40px;
	}
}

/* secStoreTit */
.secStoreTit{
	margin-top: 138px;
	text-align: center;
}
.secStoreTit .tit{
	font-size: 40px;
	font-weight: bold;
	color: #000;
	letter-spacing: 2.5px;
	position: relative;
}
.secStoreTit .txt{
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.5px;
	margin-top: 35px;
	font-weight: 500;
}
@media only screen and (max-width:1023px){
	.secStoreTit{
		margin-top: 100px;
	}
	.secStoreTit .tit{
		font-size: 20px;
		letter-spacing: 1.25px;
		padding-bottom: 22px;
	}
	.secStoreTit .txt{
		font-size: 11px;
		line-height: 20px;
		letter-spacing: 0.25px;
		margin-top: 18px;
	}
}

/* secIndexList */
.secIndexList{
	width: 1040px;
	margin: 95px auto 48px;
	font-size: 0;
}
.secIndexList .item{
	display: inline-block;
	vertical-align: top;
	width: 480px;
	margin-bottom: 50px;
}
.secIndexList .item:nth-child(2n+1){
	margin-right: 80px;
}
.secIndexList .item a{
	display: block;
	height: 100%;
	background: #D5D3C0;
	color: #000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.secIndexList .item a:hover{
	background: #000;
	color: #FFF;
}
.secIndexList .item a:hover .boxIco li{
	color: #000;
}
.secIndexList .item a:hover .tit::after{
	background: #FFF;
}
.secIndexList .item .wrapper{
	padding: 44px 53px 38px;
}
.secIndexList .item .boxImg{
	width: 480px;
	height: 310px;
	overflow: hidden;
	background: #9E9E9F;
}
.secIndexList .item .boxImg .img{
	width: 480px;
	height: 310px;
	overflow: hidden;
	position: relative;
	-webkit-transition-duration:0.3s;
	transition-duration: 0.3s;
}
.secIndexList .item a:hover .boxImg .img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-duration:0.3s;
	transition-duration: 0.3s;
}
.secIndexList .item .tit{
	font-size: 26px;
	line-height: 39px;
	font-weight: 500;
	letter-spacing: 2.5px;
	padding: 1px 0 30px;
	position: relative;
}
.secIndexList .item .tit::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 26px;
	height: 2px;
	background: #000;
}
.secIndexList .item .boxTxt{
	display: table;
	margin-top: 36px;
}
.secIndexList .item .boxTxt dl{
	display: table-row;
}
.secIndexList .item .boxTxt dl dt,
.secIndexList .item .boxTxt dl dd{
	display: table-cell;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	padding-bottom: 2px;
	font-weight: 500;
}
.secIndexList .item .boxTxt dl dt{
	width: 89px;
}
.secIndexList .item .boxTxt dl dd{
	width: 285px;
}
.secIndexList .item .boxIco{
	font-size: 0;
	margin-top: 15px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.secIndexList .item .boxIco li{
	width: 80px;
	height: 40px;
	line-height: 18px;
	background: #FFF;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	margin: 0 10px 10px 0;
	letter-spacing: 0.5px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.secIndexList .item .boxIco li.br{
	line-height: 14px;
	text-align: left;
	padding: 4px 0 0 7px;
	letter-spacing: -0.6px;
}
@media only screen and (max-width:1023px){
	.secIndexList{
		width: 100%;
		margin: 45px auto 0;
		font-size: 0;
		background: #E6E6E6;
		padding: 50px 0;
	}
	.secIndexList .item{
		display: block;
		width: 270px;
		margin: 0 7.5px;
	}
	.secIndexList .item:nth-child(2n+1){
		margin-right: 7.5px;
	}
	.secIndexList .item a,
	.secIndexList .item a:hover{
		background: #FFF;
		color: #000;
	}
	.secIndexList .item a:hover .tit::after{
		background: #000;
	}
	.secIndexList .item .wrapper{
		padding: 29px 20px 17px;
	}
	.secIndexList .item .boxImg{
		width: 270px;
		height: 174px;
	}
	.secIndexList .item .boxImg .img{
		width: 270px;
		height: 174px;
	}
	.secIndexList .item a:hover .boxImg .img{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.secIndexList .item .tit{
		font-size: 19px;
		line-height: 30px;
		padding: 0 0 10px;
		letter-spacing: 1.5px;
	}
	.secIndexList .item .tit::after{
		width: 15px;
	}
	.secIndexList .item .boxTxt{
		display: block;
		margin-top: 10px;
	}
	.secIndexList .item .boxTxt dl{
		display: block;
		margin-top: 8px;
	}
	.secIndexList .item .boxTxt dl dt,
	.secIndexList .item .boxTxt dl dd{
		display: block;
		width: auto;
		font-size: 11px;
		line-height: 13px;
		letter-spacing: 0.6px;
		padding-bottom: 0;
	}
	.secIndexList .item .boxTxt dl dt{
		padding-bottom: 2px;
		letter-spacing: 0.5px;
	}
	.secIndexList .item .boxIco{
		margin-top: 10px;
	}
	.secIndexList .item .boxIco li{
		width: auto;
		min-width: 55px;
		height: 27px;
		line-height: 27px;
		font-size: 11px;
		padding: 0 5px;
		margin: 0 3px 3px 0;
		letter-spacing: 0.5px;
		background: #F0F0F0;
	}
	.secIndexList .item .boxIco li.br{
		line-height: 27px;
		text-align: center;
		padding: 0 5px;
		letter-spacing: 0;
	}
}

/*-----------------------------------------------
	details
-----------------------------------------------*/
/* secDetailsSlider */
.secDetailsSlider{
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
.secDetailsSlider li .img{
	width: 1040px;
	height: 600px;
	position: relative;
}
.secDetailsSlider .slick-dots{
	text-align: right;
}
.secDetailsSlider .slick-dots li{
	display: inline-block;
	width: 7px;
	margin: 0 6.5px;
}
.secDetailsSlider .slick-dots li:last-child{
	margin-right: 0;
}
.secDetailsSlider .slick-dots button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 7px;
	height: 7px;
	background: #CACACA;
	font-size: 0;
	border-radius: 50%;
}
.secDetailsSlider .slick-dots .slick-active button{
	background: #B8B597;
}
@media only screen and (max-width: 767px){
	.secDetailsSlider{
		width: 100%;
		margin-top: 45px;
	}
	.secDetailsSlider li .img{
		width: 100%;
		height: 0;
		padding-top: 57.87%;
	}
	.secDetailsSlider .slick-dots{
		text-align: center;
	}
	.secDetailsSlider .slick-dots li{
		width: 3px;
		margin: 0 3.5px;
	}
	.secDetailsSlider .slick-dots button{
		width: 3px;
		height: 3px;
		background: #C9C9C9;
	}
	.secDetailsSlider .slick-dots .slick-active button{
		background: #B8B597;
	}
}

/* secDetailsTop */
.secDetailsTop{
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
.secDetailsTop .boxTit{
	margin-top: 45px;
}
.secDetailsTop .boxTit .txt{
	font-size: 10px;
	font-weight: bold;
	color: #B8B597;
	letter-spacing: 1px;
}
.secDetailsTop .boxTit .tit{
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 3px;
	padding-top: 15px;
	position: relative;
	color: #000;
}
.secDetailsTop .boxBtn{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: #B9B697;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: absolute;
	right: 0;
	top: 5px;
	overflow: hidden;
}
.secDetailsTop .boxBtn:hover{
	background: #000;
}
.secDetailsTop .boxBtn .txtOpen{
	height: auto;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 41px;
	/*opacity: 0;*/
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	display:block;
	color:#fff;
	height:100px;
}
.secDetailsTop.closed .boxBtn .txtOpen{
	opacity: 1;
}
.secDetailsTop.opened .boxBtn .boxClose{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}
.secDetailsTop .boxBtn .boxClose .ico{
	width: 30px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	margin-top: 25px;
}
.secDetailsTop .boxBtn .boxClose .ico::before,
.secDetailsTop .boxBtn .boxClose .ico::after{
	content: "";
	position: absolute;
	left: 0;
	background-color: #FFF;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.secDetailsTop .boxBtn .boxClose .ico::before{
	width: 100%;
	height: 1px;
	left: 0;
	top: 15px;
}
.secDetailsTop .boxBtn .boxClose .ico::after{
	width: 1px;
	height: 100%;
	left: 15px;
	top: 0;
}
.secDetailsTop.opened .boxBtn .boxClose .ico::before,
.secDetailsTop.opened .boxBtn .boxClose .ico::after{
	opacity: 1;
}
.secDetailsTop .boxBtn .boxClose .ico::before,
.secDetailsTop .boxBtn .boxClose .ico::after{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.secDetailsTop.opened .boxBtn .boxClose .txt{
	text-align: center;
	margin-top: 8px;
	letter-spacing: 0.75px;
	font-weight: bold;
}
/*.secDetailsTop .boxIframe .inner{
	display: none;
}
.secDetailsTop.opened .boxIframe{
	margin-top: 123px;
}*/
.secDetailsTop .boxIframe{
	margin-top: 123px;
}
.secDetailsTop .boxTxt{
	width: 555px;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: 0.25px;
	color: #000;
	margin-top: 88px;
}
.secDetailsTop.opened .boxTxt{
	margin-top: 93px;
}
@media only screen and (max-width:1023px){
	.secDetailsTop{
		width: 86.67%;
	}
	.secDetailsTop .boxTit .txt{
		width: calc(100% - 55px);
		letter-spacing: 1px;
		line-height: 1.25;
	}
	.secDetailsTop .boxTit .tit{
		width: calc(100% - 55px);
		font-size: 19px;
		line-height: 26px;
		padding-top: 0;
		letter-spacing: 1.5px;
	}
	.secDetailsTop .boxTit .tit::after{
		width: 15px;
	}
	.secDetailsTop .boxBtn{
		width: 55px;
		height: 55px;
		border-radius: 27.5px;
		top: -10px;
		right: -4px;
	}
	.secDetailsTop .boxBtn:hover{
		background: #B9B697;
	}
	.secDetailsTop .boxBtn .txtOpen{
		font-size: 10px;
		line-height: 1.25;
		letter-spacing: 1px;
		padding-top: 22px;
    	height: 100%;
	}
	.secDetailsTop.closed .boxBtn .txtOpen{
		opacity: 1;
	}
	.secDetailsTop.opened .boxBtn .boxClose{
		width: 55px;
		height: 55px;
	}
	.secDetailsTop .boxBtn .boxClose .ico{
		width: 15px;
		height: 15px;
		margin-top: 14px;
	}
	.secDetailsTop .boxBtn .boxClose .ico::before{
		top: 7.5px;
	}
	.secDetailsTop .boxBtn .boxClose .ico::after{
		left: 7.5px;
	}
	.secDetailsTop.opened .boxBtn .boxClose .txt{
		font-size: 10px;
		-webkit-transform: scale(0.65);
		transform: scale(0.65);
		margin-top: 4px;
	}
	/*.secDetailsTop.opened .boxIframe{
		position: relative;
		height: 225px;
		margin-top: 40px;
	}
	.secDetailsTop.opened .boxIframe .inner{
		position: absolute;
		top: 0;
		left: -7.6%;
		width: 100vw;
		height: 225px;
	}
	.secDetailsTop.opened .boxIframe .inner iframe{
		width: 100%;
		height: 225px;
	}*/
	.secDetailsTop .boxIframe{
		position: relative;
		height: 225px;
		margin-top: 40px;
	}
	.secDetailsTop .boxIframe .inner{
		position: absolute;
		top: 0;
		left: -7.6%;
		width: 100vw;
		height: 225px;
	}
	.secDetailsTop .boxIframe .inner iframe{
		width: 100%;
		height: 225px;
	}
	.secDetailsTop .boxTxt{
		width: 100%;
		font-size: 11px;
		line-height: 1.85;
		margin-top: 40px;
		letter-spacing: 0.25px;
	}
	.secDetailsTop.opened .boxTxt{
		margin-top: 43px;
	}
}

/* secDetailsAccess */
.secDetailsAccess{
	width: 1040px;
	margin: 29px auto 0;
	position: relative;
}
.secDetailsAccess .boxDetails{
	position: relative;
}
.secDetailsAccess .boxDetails::before{
	content: "";
	display: block;
	width: 27px;
	height: 1px;
	background: #000;
}
.secDetailsAccess .boxDetails .boxTxt{
	display: table;
	margin-top: 21px;
}
.secDetailsAccess .boxDetails .boxTxt dl{
	display: table-row;
}
.secDetailsAccess .boxDetails .boxTxt dl dt,
.secDetailsAccess .boxDetails .boxTxt dl dd{
	display: table-cell;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	padding-bottom: 2px;
	font-weight: 500;
}
.secDetailsAccess .boxDetails .boxTxt dl dt{
	width: 98px;
}
.secDetailsAccess .boxDetails .txtStore{
	position: absolute;
	bottom: -5px;
	right: -2px;
}
.secDetailsAccess .boxDetails .txtStore a{
	font-size: 13px;
	font-weight: bold;
	color: #B8B597;
	letter-spacing: 1px;
	padding-left: 60px;
	position: relative;
}
.secDetailsAccess .boxDetails .txtStore a::before{
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background: #B8B597;
	position: absolute;
	top: 10px;
	left: 0;
	-webkit-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
}
.secDetailsAccess .boxDetails .txtStore a::after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #B8B597;
	border-right: 1px solid #B8B597;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 7.5px;
	left: 34px;
	-webkit-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}
.secDetailsAccess .boxDetails .txtStore a:hover::before{
	width: 50px;
}
.secDetailsAccess .boxDetails .txtStore a:hover::after{
	left: 44px;
}
.secDetailsAccess .boxMap{
	width: 1040px;
	height: 520px;
	margin-top: 77px;
}
.secDetailsAccess .btnMap{
	margin: 90px 0 100px;
}
.secDetailsAccess .btnMap a{
	display: block;
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #B8B597;
	font-size: 14px;
	letter-spacing: 1.5px;
	margin: 0 auto;
	border: 1px solid #B8B597;
}
.secDetailsAccess .btnMap a:hover{
	background: #000;
	color: #FFF;
	border: 1px solid #000;
}
@media only screen and (max-width:1023px){
	.secDetailsAccess{
		width: 100%;
		margin-top: 20px;
	}
	.secDetailsAccess .boxDetails::before{
		width: 14px;
	}
	.secDetailsAccess .boxDetails{
		width: 86.67%;
		margin: 0 auto;
	}
	.secDetailsAccess .boxDetails .boxTxt{
		display: block;
		margin-top: 10px;
	}
	.secDetailsAccess .boxDetails .boxTxt dl{
		display: block;
		margin-top: 10px;
	}
	.secDetailsAccess .boxDetails .boxTxt dl.spNone{
		display: none;
	}
	.secDetailsAccess .boxDetails .boxTxt dl dt,
	.secDetailsAccess .boxDetails .boxTxt dl dd{
		display: block;
		width: auto;
		font-size: 11px;
		line-height: 13px;
		letter-spacing: 0.75px;
		padding-bottom: 0;
	}
	.secDetailsAccess .boxDetails .boxTxt dl dt{
		padding-bottom: 0;
		letter-spacing: 0.25px;
	}
	.secDetailsAccess .btnPhone a{
		display: block;
		text-align: center;
		color: #B8B597;
		margin: 50px auto 0;
		width: 220px;
		height: 45px;
		line-height: 45px;
		font-size: 11px;
		letter-spacing: 1.5px;
		border: 1px solid #B8B597;
	}
	.secDetailsAccess .boxMap{
		width: 100%;
		height: 226px;
		margin-top: 44px;
	}
	.secDetailsAccess .btnMap{
		margin: 50px 0;
	}
	.secDetailsAccess .btnMap a{
		width: 220px;
		height: 45px;
		line-height: 45px;
		font-size: 11px;
		letter-spacing: 1.5px;
	}
	.secDetailsAccess .btnMap a:hover{
		background: transparent;
		color: #B8B597;
		border: 1px solid #B8B597;
	}
}

/* secDetailsStatus */
.secDetailsStatus{
	height: 324px;
	background: #000;
	padding-top: 100px;
}
.secDetailsStatus .wrapper{
	width: 610px;
	margin: 0 auto;
}
.secDetailsStatus .tit{
	color: #FFF;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.secDetailsStatus .boxList{
	margin-top: 49px;
}
.secDetailsStatus .boxList li{
	width: 300px;
	float: left;
}
.secDetailsStatus .boxList li:last-child{
	float: right;
}
.secDetailsStatus .boxList li a{
	display: block;
	width: 300px;
	height: 60px;
	line-height: 58px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #FFF;
	font-weight: 500;
	color: #FFF;
	letter-spacing: 1px;
}
.secDetailsStatus .boxList li a:hover{
	background: #FFF;
	color: #000;
}
@media only screen and (max-width:1023px){
	.secDetailsStatus{
		height: 280px;
		padding-top: 46px;
	}
	.secDetailsStatus .wrapper{
		width: 220px;
	}
	.secDetailsStatus .tit{
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 0.75px;
	}
	.secDetailsStatus .boxList{
		margin-top: 44px;
	}
	.secDetailsStatus .boxList li{
		width: 100%;
		float: none;
	}
	.secDetailsStatus .boxList li:last-child{
		float: none;
	}
	.secDetailsStatus .boxList li a{
		width: 100%;
		height: 44px;
		line-height: 42px;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: normal;
	}
	.secDetailsStatus .boxList li a:first-child{
		margin-bottom: 10px;
	}
	.secDetailsStatus .boxList li a:hover{
		background: #000;
		color: #FFF;
	}
}

/* secDetailsService */
.secDetailsService{
	background: #C0BEA1;
	padding: 97px 0 108px;
}
.secDetailsService .boxTit .tit{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	letter-spacing: 1.75px;
}
.secDetailsService .boxTit .txt{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 22px;
}
.secDetailsService .boxList{
	width: 1040px;
	margin: 98px auto 0;
	font-size: 0;
}
.secDetailsService .boxList .item{
	display: inline-block;
	vertical-align: top;
	width: 204px;
	height: 210px;
	margin: 0 5px 4px 0;
	background: #FFF;
}
.secDetailsService .boxList .item:nth-child(5n){
	margin-right: 0;
}
.secDetailsService .boxList .item a{
	display: block;
	position: relative;
}
.secDetailsService .boxList .item .img{
	width: 80px;
	height: 62px;
	margin: 0 auto;
	padding-top: 46px;
	box-sizing: content-box;
}
.secDetailsService .boxList .item .img img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.secDetailsService .boxList .item .boxTit{
	height: 80px;
	position: relative;
}
.secDetailsService .boxList .item .boxTit .inner{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.secDetailsService .boxList .item .boxTit .tit{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 2px;
	color: #B9B697;
	text-align: center;
}
.secDetailsService .boxList .item .boxTit .btn{
	width: 100px;
	height: 20px;
	line-height: 24px;
	font-size: 10px;
	font-weight: 500;
	background: #B9B697;
	margin: 0 auto;
	letter-spacing: 1px;
	color: #FFF;
	border-radius: 10px;
	text-align: center;
	margin-top: 12px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.secDetailsService .boxList .item a:hover .boxTit .btn{
	background: #000;
}
@media only screen and (max-width:1023px){
	.secDetailsService{
		padding: 49px 0 47px;
	}
	.secDetailsService .boxTit .tit{
		font-size: 20px;
		letter-spacing: 1.25px;
	}
	.secDetailsService .boxTit .txt{
		font-size: 10px;
		margin-top: 10px;
	}
	.secDetailsService .boxList{
		width: 86.67%;
		margin-top: 50px;
	}
	.secDetailsService .boxList .item{
		display: inline-block;
		vertical-align: top;
		width: calc((100% - 4px) / 3);
		height: 110px;
		margin: 0 2px 2px 0;
		background: #FFF;
	}
	.secDetailsService .boxList .item:nth-child(5n){
		margin: 0 2px 2px 0;
	}
	.secDetailsService .boxList .item:nth-child(3n){
		margin-right: 0;
	}
	.secDetailsService .boxList .item a::before{
		content: "";
		display: block;
		width: 17px;
		height: 17px;
		background: url(../img/store/bgDetailsServiceLink.gif) center top / cover no-repeat;
		position: absolute;
		top: 0;
		right: 0;
	}
	.secDetailsService .boxList .item .img{
		width: 40px;
		height: 31px;
		padding-top: 28px;
	}
	.secDetailsService .boxList .item .boxTit{
		height: 50px;
	}
	.secDetailsService .boxList .item .boxTit .tit{
		font-size: 11px;
		line-height: 15px;
		letter-spacing: 1px;
		text-align: center;
	}
	.secDetailsService .boxList .item .boxTit .btn{
		display: none;
	}
}

/* secDetailsBnr */
.secDetailsBnr .boxBnr{
	display: block;
	height: 350px;
	background: url(../img/store/bnrDetailsBnr01.jpg) center top / 1280px auto no-repeat #000;
	position: relative;
}
.secDetailsBnr.cafe .boxBnr{
	background: url(../img/store/bnrDetailsBnr02.jpg) center top / 1280px auto no-repeat #F9E5EF;
}
.secDetailsBnr .boxBnr .bnr{
	position: absolute;
	bottom: 60px;
	right: calc(50% - 640px + 223px);
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 30px;
	border: 1px solid #FFF;
	letter-spacing: 2px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.secDetailsBnr .boxBnr .bnr:hover,
.secDetailsBnr.cafe .boxBnr .bnr{
	color: #666464;
	border-color: #666464;
}
.secDetailsBnr.cafe .boxBnr .bnr:hover{
	color: #FFF;
	border-color: #FFF;
}
@media only screen and (max-width:1023px){
	.secDetailsBnr .boxBnr{
		height: 0;
		padding-top: 99.73%;
		background: url(../img/store/bnrDetailsBnr01_sp.jpg) center top / cover no-repeat;
	}
	.secDetailsBnr.cafe .boxBnr{
		background: url(../img/store/bnrDetailsBnr02_sp.jpg) center top / cover no-repeat;
	}
}

/* secDetailsStaff */
.secDetailsStaff .titDetailsStaff{
	margin: 100px 0;
}
.secDetailsStaff .titDetailsStaff .tit{
	font-size: 40px;
	font-weight: bold;
	color: #000;
	text-align: center;
	letter-spacing: 1.75px;
}
.secDetailsStaff .titDetailsStaff .txt{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 22px;
}
.secDetailsStaff .boxListPc{
	width: 1040px;
	margin: 0 auto;
	font-size: 0;
}
.secDetailsStaff .boxListPc .item{
	display: inline-block;
	vertical-align: top;
	width: 340px;
	margin: 0 10px 10px 0;
	background: #F0F0F0;
	padding-top: 30px;
}
.secDetailsStaff .boxListPc .item:nth-child(2n){
	background: #E2E2E3;
}
.secDetailsStaff .boxListPc .item:nth-child(3n){
	margin-right: 0;
}
.secDetailsStaff .boxListPc .item .img{
	width: 150px;
	height: 150px;
	position: relative;
	border-radius: 75px;
	margin: 0 auto;
	overflow: hidden;
}
.secDetailsStaff .boxListPc .item .img img{
	width: 100%;
	height: auto;
}
.secDetailsStaff .boxListPc .item .boxTit{
	width: 262px;
	margin: 0 auto;
}
.secDetailsStaff .boxListPc .item .boxTit .txt01{
	font-weight: bold;
	font-size: 10px;
	color: #B8B597;
	text-align: center;
	margin-top: 28px;
	letter-spacing: 1.5px;
	line-height: 1.25;
}
.secDetailsStaff .boxListPc .item .boxTit .tit{
	font-weight: 500;
	font-size: 20px;
	color: #000;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.25;
}
.secDetailsStaff .boxListPc .item .boxTit .txt02{
	font-size: 10px;
	text-align: center;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	margin-top: 10px;
	line-height: 1.25;
}
.secDetailsStaff .boxListPc .item .txt{
	font-size: 12px;
	color: #000;
	line-height: 1.5;
	width: 262px;
	margin: 0 auto;
	padding: 20px 0 32px;
}
@media only screen and (max-width:1023px){
	.secDetailsStaff .titDetailsStaff{
		margin: 49px 0;
	}
	.secDetailsStaff .titDetailsStaff .tit{
		font-size: 20px;
	}
	.secDetailsStaff .titDetailsStaff .txt{
		font-size: 10px;
		margin-top: 10px;
	}
	.secDetailsStaff .boxListSp .type .titType{
		height: 54px;
		position: relative;
	}
	.secDetailsStaff .boxListSp .type{
		background: #F0F0F0;
	}
	.secDetailsStaff .boxListSp .type:nth-child(2n){
		background: #F5F5F5;
	}
	.secDetailsStaff .boxListSp .type .titType .tit{
		font-weight: 500;
		font-size: 15px;
		line-height: 54px;
		text-align: center;
		letter-spacing: 1.5px;
	}
	.secDetailsStaff .boxListSp .type .titType .tit .txtSmall{
		font-size: 10px;
		letter-spacing: 0;
	}
	.secDetailsStaff .boxListSp .type .titType .ico{
		width: 13px;
		height: 13px;
		position: absolute;
		right: 6.5%;
		top: 20px;
	}
	.secDetailsStaff .boxListSp .type .titType .ico::before,
	.secDetailsStaff .boxListSp .type .titType .ico::after{
		content: "";
		position: absolute;
		left: 0;
		background-color: #000;
		transition: all 0.3s;
	}
	.secDetailsStaff .boxListSp .type .titType .ico::before{
		width: 100%;
		height: 1px;
		left: 0;
		top: 6px;
	}
	.secDetailsStaff .boxListSp .type .titType .ico::after{
		width: 1px;
		height: 100%;
		left: 6px;
		top: 0;
	}
	.secDetailsStaff .type .titType.opened .ico::before,
	.secDetailsStaff .type .titType.opened .ico::after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.secDetailsStaff .boxListSp .type .boxItem{
		display: none;
		width: 86.67%;
		margin: 0 auto;
		padding: 25px 0 6px;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item{
		padding: 19px 0;
		min-height: 100px;
		border-top: 1px solid #FFF;
		position: relative;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .img{
		width: 100px;
		height: 100px;
		position: relative;
		border-radius: 50px;
		float: left;
		overflow: hidden;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .img img{
		width: 100%;
		height: auto;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight{
		float: left;
		width: calc(100% - 100px);
		padding-left: 15px;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight .boxTit{
		position: relative;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight .boxTit .txt01{
		font-size: 10px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		color: #B8B597;
		font-weight: bold;
		letter-spacing: 1.5px;
		margin-top: 5px;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight .boxTit .tit{
		font-size: 15px;
		color: #000;
		letter-spacing: 2px;
		width: calc(100% - 84px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight .boxTit .txt02{
		font-size: 10px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		letter-spacing: 0.5px;
		-webkit-transform-origin: right top;
		transform-origin: right top;
		text-align: right;
		position: absolute;
		bottom: -2px;
		right: 0;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight .txt{
		font-size: 11px;
		line-height: 1.5;
		color: #000;
		letter-spacing: 0.25px;
		margin-top: 7px;
	}
}
@media only screen and (max-width:374px){
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight .boxTit .tit{
		width: 100%;
	}
	.secDetailsStaff .boxListSp .type .boxItem .item .boxRight .boxTit .txt02{
		-webkit-transform-origin: left top;
		transform-origin: left top;
		text-align: left;
		position: static;
		margin-top: 5px;
	}
}

/* secDetailsBtn */
.secDetailsBtn{
	position: relative;
}
.secDetailsBtn .btnStaff{
	margin: 90px auto 0;
}
.secDetailsBtn .btnStaff a{
	display: block;
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #B8B597;
	font-size: 14px;
	letter-spacing: 1.5px;
	margin: 0 auto;
	border: 1px solid #B8B597;
}
.secDetailsBtn .btnStaff a:hover{
	background: #000;
	color: #FFF;
	border: 1px solid #000;
}
.secDetailsBtn .txtStore{
	width: 974px;
	margin: 73px auto 83px;
	text-align: right;
}
.secDetailsBtn .txtStore a{
	font-size: 13px;
	font-weight: bold;
	color: #B8B597;
	letter-spacing: 1px;
	padding-left: 60px;
	position: relative;
}
.secDetailsBtn .txtStore a::before{
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background: #B8B597;
	position: absolute;
	top: 10px;
	left: 0;
	-webkit-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
}
.secDetailsBtn .txtStore a::after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #B8B597;
	border-right: 1px solid #B8B597;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 7.5px;
	left: 34px;
	-webkit-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}
.secDetailsBtn .txtStore a:hover::before{
	width: 50px;
}
.secDetailsBtn .txtStore a:hover::after{
	left: 44px;
}
@media only screen and (max-width:1023px){
	.secDetailsBtn .btnStaff{
		margin: 46px 0 50px;
	}
	.secDetailsBtn .btnStaff a{
		width: 220px;
		height: 45px;
		line-height: 45px;
		font-size: 11px;
		letter-spacing: 1.5px;
	}
	.secDetailsBtn .btnStaff a:hover{
		background: transparent;
		color: #B8B597;
		border: 1px solid #B8B597;
	}
	.secDetailsBtn .txtStore{
		width: 86.67%;
		margin: 0 auto;
		padding: 49px 0;
		border-top: 1px solid #C9C9C9;
	}
	.secDetailsBtn .txtStore a{
		display: block;
		text-align: center;
		color: #B8B597;
		margin: 0 auto;
		border: 1px solid #B8B597;
		width: 220px;
		height: 45px;
		line-height: 45px;
		font-size: 11px;
		letter-spacing: 1.5px;
		padding: 0;
	}
	.secDetailsBtn .txtStore a::before,
	.secDetailsBtn .txtStore a::after{
		display: none;
	}
}