html {
width: 100%;
height: 100%;
}

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.photo-page-copyright-mark {
font-family: 'Times New Roman', 'Times';
}




/*Chrome-Edge等、画像のぼやけ対策-始*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

body {
image-rendering: -webkit-optimize-contrast;
}


}
/*Chrome-Edge等、画像のぼやけ対策-終*/




@media screen and (min-width: 0px) and (max-width: 700px) {
	
.photo-page-main {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
	
.photo-page-copyright{
display: none;
}		
	
.photo-page-copyright-tate {
writing-mode: horizontal-tb;
white-space: nowrap;
}	
	
.photo-page-photo-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 99%;
height: 90%;
}

.photo-page-photo-all {
width: 99%;
height: 99%;
background-size: contain; 
background-repeat: no-repeat;
background-position: center;
}


.photo-page-return {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 10%;
background: #32B8EB;
}

.photo-page-return a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #FFFFFE;
}


}




@media screen and (min-width: 701px) { 

.photo-page-main {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
	
.photo-page-copyright {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 6%;
height: 100%;
white-space: nowrap;
color: #FFFFFE;
}

.photo-page-copyright-tate {
writing-mode: vertical-rl;
white-space: nowrap;
}

.photo-page-photo-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 88%;
height: 100%;
}

.photo-page-photo-all {
width: 100%;
height: 100%;
background-size: contain; 
background-repeat: no-repeat;
background-position: center;
}

.photo-page-return {
display: flex;
align-items: center;
justify-content: center;
width: 6%;
height: 100%;
transition: 1s;
}

.photo-page-return a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #FFFFFE;
}

.photo-page-return:hover {
background: rgba(0,124,175,1);
transition: 0.3s;
color: #FFFFFE;
}


}