/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	/* 元のテーマ
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	*/
	/*div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	/*div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	/*div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	/*div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	/*div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	/*div.light_square .pp_details { position: relative; }
	/*
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	*/
	/*div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	/*	div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }*/
	/*div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	/*	div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }*/
	
	/*div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	/*div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	/*div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { /*background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;*/ cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { /*background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;*/ cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { /*background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;*/ cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { /*background: /*url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;*/ cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 120px; height: 20px; /*background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;*/ cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { /*background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;*/ height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { /*background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;*/ height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { /*background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;*/ } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { /*background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;*/ } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { /*background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat;*/ cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { /*background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;*/ cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { /*background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;*/ } /* Loader icon */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				/*
				margin: 10px 0 2px 0;
				*/
				margin: 20px 0 2px 0;
				text-align: center; /* 追加 */
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 0; }
				.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					/*
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
					*/
					height: 50px; /* 追加 */
					margin: 3px 0px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
						white-space: nowrap;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
					/*
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
					*/
					a.pp_arrow_previous,
					a.pp_arrow_next {
						height: 50px;
						margin-top: 3px;
						text-decoration: none;
						overflow: hidden;
						font-size: 35px;
						line-height: 35px;
						font-weight: bolder;
						color: #f45906;
						width: 50px;
						vertical-align: middle;
					}
					/* 追加 TO */
					a.pp_arrow_previous {
						margin-right: 70px;
					}
					/* 追加 FROM */
					/* 追加 TO */
					a.pp_arrow_next {
						margin-left: 70px;
					}
					/* 追加 FROM */

		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
			border: solid 2px #f45906;  /* 追加 */
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				/*
				background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				*/
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			/*
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			*/
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_previous {
			/*
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			*/
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
		/*
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		*/
		a.pp_close {
			line-height:20px;
			color: white;
			background-color: #f45906;
			text-decoration: none;
			text-align: center;
			vertical-align: middle;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			padding: 5px 25px 5px 25px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
		#pp_full_res .pp_inline {
			text-align: left;
		}
		
		#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
		
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}

/* レスポンシブの対応で追加しました TO */
@media screen and (max-width: 551px){
	a.pp_arrow_previous,
	a.pp_arrow_next {
		font-size: 30px;
	}

	a.pp_arrow_previous {
		margin-right: 0px;
	}

	a.pp_arrow_next {
		margin-left: 0px;
	}

	a.pp_close {
		padding: 5px 15px 5px 15px;
		font-size: 10px;
	}

	.pp_content_container .pp_details {
		margin: 10px 0 2px 0;
	}

	.pp_nav {
		height: 30px;
	}
}

@media screen and (max-width: 750px){
	a.pp_arrow_previous,
	a.pp_arrow_next {
		font-size: 15px;
		font-weight: 900;
	}

	a.pp_arrow_previous {
		margin-right: 0px;
	}

	a.pp_arrow_next {
		margin-left: 0px;
	}

	a.pp_close {
		padding: 5px 10px 5px 10px;
		font-size: 8px;
	}
}
/* レスポンシブの対応で追加しました FROM */