/* for gallery.html */

@charset "utf-8";

#tx_photo_gallery{
}

/*---------------------------------------------------
 メイン写真部分
 ---------------------------------------------------*/

#photo-wrap {
	margin: 0 auto;
	width:100%;
	position:relative;
}
.txg-photo-gallery-view:after {
	clear:both;
	display:block;
	content:"";
}
#photo-wrap a {
	background:#e4007f;
	color:#fff;
}
#photo-wrap a.prev {
	cursor:pointer;
	display:block;
	width:50%;
	float:left;
	padding:15px 0;
	text-align:center;
	box-sizing:border-box;
	line-height:1;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	border-right: #ff61b9 1px solid;
}
#photo-wrap a.prev:after {
	content:"< BACK";
}
#photo-wrap a.next {
	cursor:pointer;
	display:block;
	width:50%;
	float:right;
	padding:15px 0;
	text-align:center;
	box-sizing:border-box;
	line-height:1;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
}
#photo-wrap a.next:after {
	content:"NEXT >";
}
.txg-photo-gallery-view .main {
	width:98%;
	height:auto;
	margin: 0 auto;
/*	max-height:380px;*/
}
.txg-photo-gallery-view .main a {
	background-image:url(../../../common/images/loadingAnimation.gif);
	width:100%;
	height:auto;
}
.txg-photo-gallery-view .main .image {
	background-repeat:no-repeat;
	background-size:contain;
}
.txg-photo-gallery-view .main .image img {
	width:100%;
	height:auto;
}
.wrapper .txg-photo-gallery-caption {
	clear:both;
	text-align:center;
	padding: 1em 0;
	color: #f9ff5e;
}


.wrapper .maincontents dt {
    padding: -20px;
    border-bottom: 3px solid #7f8eac;
}


/*---------------------------------------------------
 swipe
 ---------------------------------------------------*/
#photo-wrap .bg_swipe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#photo-wrap .swipe {
	position:absolute;
	top: 26%;
	left: 20%;
	width: 20%;
}
#photo-wrap .swipe img {
	width:100%;
}

/*---------------------------------------------------
 サムネイル
 ---------------------------------------------------*/

#thumb-wrap {
	width: 100%;
	margin-bottom:20px;
}
.txg-thumb-gallery-area {
	clear:both;
	margin:10px 0 0 0;
}
.txg-thumb-gallery-area:after {
	clear:both;
	display:block;
	content:"";
}
.txg-thumb-gallery-area dt {
    background: url(../../../../story/images/thumb_tit_bg.png) top center no-repeat;
    height: 48px;
    padding-top: 2px;
    font-size: 24px;
    font-weight: bold;
text-align:center;
    color: #ffe871;
}
ul.txg-thumb-gallery-list {
}
ul.txg-thumb-gallery-list li.txg-thumb-gallery-item {
	width:30%;
	display:inline-block;
	margin:2% 0 0 2%;
}
ul.txg-thumb-gallery-list li.txg-thumb-gallery-item img {
	background:#FFF;
	border:2px solid #fff;
	width:100%;
}
ul.txg-thumb-gallery-list li.txg-thumb-gallery-item img:hover,
ul.txg-thumb-gallery-list li.txg-thumb-gallery-item img.current {
	border:2px solid #e4007f;
}

.gallery_pagetop {
	display:none;
}