
/*===スクロールすると上にメニューを固定===*/
@media only screen and (min-width:769px) {
	.fixed{
	  width:100%;
	  position: fixed;
	  top: 0px;
	  margin:0px auto;
	  z-index: 9999;
	}
}

/*===photo拡大===*/
a.thumnail {
    display: block;
    float: left;
    overflow: hidden;
}
 
.thumnail img {
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom;
}
 
figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
 
figcaption {
    background-color: rgba(0,0,0,0.6);
    color: #FFF;
    opacity: 0;
    font-size: 12px;
    position: absolute;
    text-align: center;
    -webkit-transition:all 0.25s ease-in-out;
        transition:all 0.25s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 25%;
}
 
a:hover>figure img {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
}
 
a:hover>figure figcaption {
    opacity: 1;
}





/*===下にスクロールをするとトップに戻るがでる===*/
.page-top
{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 20px ;
	bottom: 0px ;
}

.move-page-top
{
	display: block ;
	width: 60px ;
	height: 53px ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover
{
	opacity: 0.85 ;
}



/* 〜追加分〜 */
.page-top
{
	display: none ;
}



/*===半透明===*/
.opt {
}


