@charset "utf-8";
.top-page {
    background-color: #3A3A3A;
}

body {
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.kanji {
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.english {
	font-family: myriad-pro,sans-serif;
	font-weight: 300;
	font-style: normal;
}

.topback {
		min-height: 100vh;
		background-position: center center;
		background-size: cover;
		position: relative;
		background-image: url("../Resources/good_backgrounds/top_page_back.jpg");
}

@media (max-width: 480px) {
	.topback {
	background-image: url("../Resources/good_backgrounds/top_page_back1280.jpg");
	}
  }

@media (max-width: 1050px) {
	.topback {
		background-position: 70% center;
	}
}

.top-logo {
	height: 10vh;
	margin-bottom: 8vh;
	margin-left: 10vw;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	float: left;
}

.top-logo:hover .cls-1{
	stroke: hsla(0,0%,60%,1.00);
	height: 10vh;
}

.top-logo:hover .strike{
	fill: hsla(0,0%,60%,1.00);
}

.top-nav {
	list-style-type: none;
  	padding: 0;
	margin-top: 70vh;
	position: absolute;
	right: 10vw;
	font-size: 3vh;
	line-height: 8vh;
}

.top-nav-item {
	color:hsla(0,0%,75%,1.00);
}

.top-nav-item:hover {
	color: hsla(0,0%,60%,1.00);
	text-decoration: none
}

.gallery-full{
 height: 100vh;
 width: 100vw;
 margin: 0;
 padding: 0;
 display: flex;

}

.gallery-image{
	background-size: contain;
	background-position: center;
	width: 113vh;
	height: 60vh;	
	background-repeat: no-repeat;
	margin: auto;
	padding: 0;
	margin: auto;
}

.gallery-image-nikko{
	background-image: url("../Resources/good_backgrounds/nikko_collection.jpg");
}

@media (max-width: 480px) {
	.gallery-image-nikko {
	background-image: url("../Resources/good_backgrounds/nikko_collection1280.jpg");
	}
  }

.gallery-image-hanging-landscapes{
	background-image: url("../Resources/good_backgrounds/hanging_landscapes_collection.jpg");
}

@media (max-width: 480px) {
	.gallery-image-hanging-landscapes{
	background-image: url("../Resources/good_backgrounds/hanging_landscapes_collection1280.jpg");
	}
  }

.nikko-black-logo{
	height: 9vh;
	margin-bottom: -4vh;
	margin-left: 10vw;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	float: left;
	filter: invert(0%) sepia(46%) saturate(1055%) hue-rotate(335deg) brightness(124%) contrast(86%);
}

.nikko-black-logo:hover{	
	filter: invert(44%) sepia(10%) saturate(747%) hue-rotate(314deg) brightness(92%) contrast(90%);;

}

.white-logo{
	height: 9vh;
	margin-bottom: -4vh;
	margin-left: 10vw;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	float: left;
	filter: invert(100%) sepia(11%) saturate(11%) hue-rotate(314deg) brightness(100%) contrast(89%)
}

.white-logo:hover{	
	filter: invert(61%) sepia(0%) saturate(2565%) hue-rotate(321deg) brightness(100%) contrast(87%);

}

#content1::after{
    content: "\a";
    white-space: pre;
}

#content3::after{
    content: "\a";
    white-space: pre;
}

#content5::after{
    content: "\a";
    white-space: pre;
}

.li-expand{
	list-style: none;
	transition: all 0.4s;
	z-index: 15;
}

.li-expand:hover{
	transform: scale(1.1);
}

.common-nav{
	position: fixed;
	display: flex;
	padding-top: 0;
	z-index: 12;
}

.common_ul_first{
	position: fixed;
	bottom: 5.7vh;

}

 .common_ul_second{
	position: fixed;
	bottom: 1.3vh;
	display: flex;
	right: 8vw;
	font-size: 1em;
	list-style-type: none;
	line-height: 1.7em;
}

@media (max-width: 380px) {
	.gallery_ul_second{
		display: revert;
	}
}

@media (max-width: 540px) {
	.long_list {
		font-size: 0.75em;
	}
}

 .common_ul_second li{
	margin-left: 7vw;
}

.white-back{
	background-color: #ffffffc1;
}

.nikko-li-title{
	color: #806565;
}

.nikko-black-link-item{
	text-decoration: none;
	color: #121212;
}

.nikko-black-link-item:hover {
	color: #806565;
	text-decoration: none;
}

.white-link-item{
	text-decoration: none;
	color: white;
	text-shadow: 0 0.5em 0.3em black;
}

.white-link-item:hover {
	color: hsla(0,0%,85%,1.00);
	text-decoration: none;
	text-shadow: 0em 0.5em 0.4em black;
}

.black_border{
	background-color:#121212;
	margin: 0;
	height: 10vh;
}
.second_space {
	height:100vh;
	width: auto;
	margin: 0;
	background-color: #f1f1f1

}
.contact-div {
	padding-top: 10vh;
	width:50%;
	padding-left: 8.5vw;
	font-size: 2em;
	text-indent: -2em;

}
@media (max-width: 767.98px) {
	.contact-div {
	font-size: 1em;
	margin-left: 5vw;
	text-indent: -10vw;
	}
}

.copyleft{
	margin-top: 3vh;
	font-size: 0.75em;
}

.scroll-touch {
  -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
	display: none;
}