/* CSS Document */
/*==============================	
photographs/index.html
==============================*/
/*----------------------------------------
slider
----------------------------------------*/
#slider{
	background:url(../../culture/photographs/img/photographs_whitebg.png) center bottom repeat-x, url(../../culture/photographs/img/photographs_ttl_bg.png);
	padding:57px 0px 0px 0px;
	position:relative;
}
/*個別写真*/
.sp-slide{
	opacity:0.4;
	transition:opacity 0.4s ease-out;
	overflow:visible !important;
}
.sp-slide.sp-selected {
	opacity:1.0;
}
/*次矢印のアイコン*/
.sp-next-arrow {
  right:calc(50% - 465px) !important;
  bottom:0px !important;
  background:url(../../culture/photographs/img/photographs_arw_prev.png) center center no-repeat;
  height: 70px !important;
  width: 70px !important;
  opacity:0.5;
  transition:opacity 0.4s ease-out;
}
.sp-next-arrow:hover {
  opacity:1.0;
}
.sp-next-arrow:before,
.sp-next-arrow:after {
	background:none;
}

/*前矢印のアイコン*/
.sp-previous-arrow {
  left:calc(50% - 465px) !important;
  bottom:0px !important;
  background:url(../../culture/photographs/img/photographs_arw_prev.png) center center no-repeat;
  height: 70px !important;
  width: 70px !important;
  opacity:0.5;
  transition:opacity 0.4s ease-out;
}
.sp-previous-arrow:hover {
  opacity:1.0;
}
.sp-previous-arrow:before,
.sp-previous-arrow:after {
	background:none;
}

/*サムネイルエリア*/
.sp-thumbnails {
	margin-top:30px;
	padding:0px 0px 50px 0px;
	transition:all 0.3s ease;
}
.sp-thumbnail-container {
	margin-right:13px !important;
}

.sp-arrows {	
	opacity:1.0 !important;
}

/*アクティブサムネイル*/
.sp-selected-thumbnail {
	overflow:visible;
	transition:all 0.3s ease;
}
.sp-selected-thumbnail:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:-16px;
	width:109px;
	height:calc(73px + 16px);
	background:url(../../culture/photographs/img/photographs_active.png) center top no-repeat;
	background-size:100% auto;
}

/*リードテキスト*/
.sp-mask {
	padding-bottom:120px;
}
.sp-txt {
	color:#fff;
	width:100%;
	text-align:center;
	font-size:18px !important;
	letter-spacing:2px;
	position:absolute !important;
	top:530px !important;
}


/*==========================================================================================	
for SMARTPHONE
==========================================================================================*/

@media screen and (max-width: 480px) {

/*----------------------------------------
slider
----------------------------------------*/
#slider{
	background:url(../../culture/photographs/img/photographs_whitebg.png) center bottom repeat-x, url(../../culture/photographs/img/photographs_ttl_bg.png);
	background-size:auto 100px, auto auto;
	padding:28px 0px 0px 0px;
	position:relative;
}
/*写真*/
.sp-slide{
	opacity:0.4;
	transition:opacity 0.4s ease-out;
}
.sp-slide.sp-selected {
	opacity:1.0;
}
/*次矢印のアイコン*/
.sp-next-arrow {
  right:0px !important;
  background:url(../../culture/photographs/img/photographs_arw_prev.png) center center no-repeat;
  background-size:auto 31px;
  height: 35px !important;
  width: 35px !important;
  opacity:1.0;
  transition:opacity 0.4s ease-out;
}
.sp-next-arrow:hover {
  opacity:1.0;
}
.sp-next-arrow:before,
.sp-next-arrow:after {
	background:none;
}

/*前矢印のアイコン*/
.sp-previous-arrow {
  left:0px !important;
  background:url(../../culture/photographs/img/photographs_arw_prev.png) center center no-repeat;
  background-size:auto 31px;
  height: 35px !important;
  width: 35px !important;
  opacity:1.0;
  transition:opacity 0.4s ease-out;
}
.sp-previous-arrow:hover {
  opacity:1.0;
}
.sp-previous-arrow:before,
.sp-previous-arrow:after {
	background:none;
}


.sp-arrows {	
	opacity:1.0 !important;
}



/*サムネイルエリア*/
.sp-thumbnails {
	margin-top:15px;
	padding:0px 0px 30px 0px;
	transition:all 0.3s ease;
}
.sp-thumbnail-container {
	margin-right:9px !important;
}

/*アクティブサムネイル*/
.sp-selected-thumbnail {
	overflow:visible;
	transition:all 0.3s ease;
}
.sp-selected-thumbnail:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:-10px;
	width:74px;
	height:calc(49px + 10px);
	background:url(../../culture/photographs/img/photographs_active.png) center bottom no-repeat;
	background-size:100% auto;
}

/*リードテキスト*/
.sp-mask {
	padding-bottom:120px;
}
.sp-txt {
	color:#fff;
	width:100%;
	text-align:center;
	font-size:14px !important;
	line-height:1.6;
	letter-spacing:2px;
	position:absolute !important;
	top:107% !important;
}


}