@charset "utf-8";
/* CSS Document */
body{
	background-color : #dddddd;
	text-align : center;
	color : #333333;
	margin: 0px auto;
	padding: 0px;
	font-family: sans-serif;
}

.galleryindex{
	height: auto;
	background: white;
	width: fit-content(<length-percentage>);
	width: 80%; 
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	position:relative;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	}
	
.topnavi{
	background-color: white;
	text-align:left;
	margin-top: 0px;
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 0px;
	width:92%;
	padding:0px;
	display: flex;
	justify-content: space-between;
	bottom; 0px;
	}
	
.topnavi #toplinkimg{
	width:80%;
	height: 7.6%;
}
.topnavi #toplinkimg a img{
	width:100%;
}
.topnavi div.baselink {
	display:inline-block;
	width:20%;
	margin-top:auto;
	margin-bottom:auto;
	padding: 0px;
	}
.topnavi div.baselink  ul{
	width:100%;
	margin: 0px;
	padding: 0px;
	}
.topnavi div ul li{
	color : #333333;
	text-align:right;
	font-size:75%;
	list-style-position: inside;
	list-style-type: none;
	}
.topnavi div ul li a{
	color : #333333;
	}
.topnavi div ul li a:hover{
	color : #ef877b;
	text-decoration: underline;
	}
	
.toplink{
	color : #fff;
	background-color: #59b200;
	font-weight: bold;
	width: auto;
	height: 3.5%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding-left:4%;
	padding-right:4%;
	display: flex;
	justify-content: space-between;
	}
	
.toplink h2{
	text-align: left;
	font-color : #fff;
	margin-top:	0px;
	margin-left:0px;
	margin-bottom: 0px;
	width:30%;
	height:auto;
	float:left;
	}
	
.toplink p{
	text-align: right;
	font-color: #fff;
	font-size:75%;
	display:block;
	}
.toplink p a{
	color: #fff;
	}
.toplink p a:hover{
	color: #333;
	}
.toplink span{
	color:#333;}

#copylight{
	position: relative;
	text-align:right;
	background-color: #59b200;
	margin: 0px;
	padding-right: 4%;
}

#worksjapan {
	position: relative;
	width: 95%;
	height: 83%;
	max-height:968px;
	list-style-position: inside;
	list-style-type: none;
	background-color: #FFF;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}
#worksjapan li{
	list-style-type: none;
	}
#worksjapan li a:hover img{
	filter: 
		drop-shadow(1px 1px 1px rgba(0,0,0,0.6))
		drop-shadow(0 0 10px rgba(255,237,81,0.6));
	}

#worksjapan li a img{
	position: relative;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.6));
}

/*雲中供養菩薩 北８*/
#japan01 {
	z-index: 2;
	position: absolute;
	width:	10%;
	height:	19.5%;
	left:	1.5%;
	top:	4.2%;
	}

/* 如意輪寺 */
#japan02 {
	z-index: 1;
	position: absolute;
	width:	11%;
	height: 25.6%;
	left:	6.9%;
	top:	19.3%;
	}

/* 石庭 */
#japan03 {
	z-index: 3;
	position: absolute;
	width:	8.2%;
	height:	13.1%;
	left:	8.8%;
	top:	48.9%;
	}

/* 夢殿 */
#japan04 {
	z-index: 0;
	position: absolute;
	width:	17.4%;
	height: 34%;
	left:	19%;
	top:	21.6%;
	}

/* 開山堂 */
#japan05 {
	z-index: 5;
	position: absolute;	
	width:	27.4%;
	height:	26.1%;
	left:	21.4%;
	top:	1.5%;
	}

/* 大仏殿 */
#japan06 {
	z-index: 1;
	position: absolute;
	width:	23.6%;
	height:	34.4%;	
	left:	39.9%;
	top:	24%;
	}

/* 北円堂 興福寺 */
#japan07 {	
	z-index: 7;	
	position: absolute;	
	width:	9.3%;
	height:	22.7%;	
	left:	51%;
	top:	2.5%;
	}

/* 二月堂 */
#japan08 {
	z-index: 8;
	position: absolute;	
	width:	15.8%;
	height:	33.3%;	
	left:	61.1%;
	top:	9.4%;
	}

/* 塔 興福寺 */
#japan09 {
	z-index: 9;
	position: absolute;
	width:	9.4%;
	height:	18.4%;	
	left:	68.2%;
	top:	37.2%;
	}

/* 五條・窓 */
#japan10 {
	z-index: 10;
	position: absolute;	
	width:	8%;
	height: 21.4%;	
	left:	75.6%;
	top:	1.2%;
	}

/* 五條・造り酒屋 */
#japan11 {
	z-index: 0;
	position: absolute;
	width:	18.7%;
	height:	45.8%;	
	left:	78.8%;
	top:	4.2;
	}

/* 日章旗 波宝神社 */
#japan12 {
	z-index: 12;	
	position: absolute;
	width:	8.9%;
	height:	12.6%;	
	left:	82.1%;
	top:	47.7%;
	}

/* 五條・街並み */
#japan13 {	
	z-index: 0;	
	position: absolute;
	width:	97.5%;
	height:	18.7%;	
	left:	1.1%;
	top:	57.2%;
	}

/* 片岡家住宅 */
#japan14 {
	z-index: 15;	
	position: absolute;
	width:	8.7%;
	height:	11.7%;	
	left:	2.8%;
	top:	85.7%;
	}

/* 五條・住む */
#japan15 {
	z-index: 14;	
	position: absolute;
	width: 12.2%;
	height: 14.5%;	
	left: 10.5%;
	top: 79.5%;
	}

/* 雲中供養菩薩 北8 */
#japan16 {
	z-index: 13;	
	position: absolute;
	width: 9.6%;
	height: 18,6%;	
	left: 24.3%;
	top: 71.7%;
	}

/* 橋本院 */
#japan17 {
	z-index: 10;	
	position: absolute;
	width: 9.6%;
	height: 15.5%;	
	left: 32.7%;
	top: 82.3%;
	}

/* 平等院鳳凰堂 */
#japan18 {
	z-index: 18;	
	position: absolute;
	width: 23.5%;
	height: 24.7%;	
	left: 45.4%;
	top: 73.5%;
	}
	
/* 銀峯山・波宝神社 */
#japan19 {
	z-index: 19;	
	position: absolute;
	width: 6.1%;
	height: 16.5%;	
	left: 70.7%;
	top: 72.6%;
	}
	
/* 御神島 */
#japan20 {
	z-index: 7;	
	position: absolute;
	width: 21.1%;
	height: 16.9%;	
	left: 76.1%;
	top: 80.4%;
	}


@media screen and (orientation: landscape) and (max-width:1024px){

.galleryindex{
	background: white;
	width: 80%;
	aspect-ratio: 16/9;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	position:relative;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	}
#worksJapan {
	position: relative;
	aspect-ratio: 16/9;
	list-style-position: inside;
	list-style-type: none;
	background-color: #FFF;
	margin-left: auto;
    margin-right: auto;
	}

.toplink{
	color : #fff;
	background-color: #59b200;
	font-weight: bold;
	width: auto;
	vertical-align:central;
	height: 4%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding-left:4%;
	padding-right:4%;
	display: flex;
	justify-content: space-between;
	}
}

@media screen and (orientation: portrait) and (max-width:480px){

.galleryindex{
	background: white;
	width: fit-content(<length-percentage>);
	width: 100%;
	height: 100%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	position:relative;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
	}
#worksJapan {
	position: relative;
	aspect-ratio: 16/9;
	list-style-position: inside;
	list-style-type: none;
	background-color: #fff;
	margin: auto;
	}

.toplink{
	color : #fff;
	background-color:  #59b200;
	font-weight: bold;
	width: auto;
	vertical-align:central;
	height: 4%;
	margin-top:	0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	padding-left:4%;
	padding-right:4%;
	display: flex;
	justify-content: space-between;
	}

/*雲中供養菩薩 北21 スマホ*/
#japan01 {
	z-index: 2;
	position: absolute;
	width:	17.3%;
	height:	11.1%;
	left:	1.8%;
	top:	2.4%;
	}

/* 如意輪寺 スマホ */
#japan02 {
	z-index: 1;
	position: absolute;
	width:	26%;
	height: 19.9%;
	left:	21.2%;
	top:	5.5%;
	}

/* 石庭 スマホ */
#japan03 {
	z-index: 3;
	position: absolute;
	width:	19.4%;
	height:	10.3%;
	left:	44.9%;
	top:	1.4%;
	}

/* 夢殿 スマホ */
#japan04 {
	z-index: 0;
	position: absolute;
	width:	28.9%;
	height: 18.6%;
	left:	66.4%;
	top:	1.3%;
	}

/* 開山堂 スマホ */
#japan05 {
	z-index: 5;
	position: absolute;	
	width:	41.7%;
	height:	13.1%;
	left:	1.6%;
	top:	27.3%;
	}

/* 大仏殿 スマホ */
#japan06 {
	z-index: 1;
	position: absolute;
	width:	30.9%;
	height:	14.8%;	
	left:	44.3%;
	top:	19.9%;
	}

/* 北円堂 興福寺 スマホ */
#japan07 {	
	z-index: 7;	
	position: absolute;	
	width:	19.7%;
	height:	15.9%;	
	left:	77.3%;
	top:	16.8%;
	}

/* 二月堂 スマホ */
#japan08 {
	z-index: 8;
	position: absolute;	
	width:	26.8%;
	height:	18.0%;	
	left:	5.2%;
	top:	42.7%;
	}

/* 塔 興福寺 スマホ */
#japan09 {
	z-index: 9;
	position: absolute;
	width:	15.5%;
	height:	10%;	
	left:	28.9%;
	top:	46.7%;
	}

/* 五條・窓 スマホ */
#japan10 {
	z-index: 10;
	position: absolute;	
	width:	16.8%;
	height: 14.8%;	
	left:	46.2%;
	top:	36.3%;
	}

/* 五條・造り酒屋 スマホ */
#japan11 {
	z-index: 0;
	position: absolute;
	width:	29.8%;
	height:	25.1%;	
	left:	64.3%;
	top:	35.6%;
	}

/* 日章旗 波宝神社 スマホ */
#japan12 {
	z-index: 12;	
	position: absolute;
	width:	21.7%;
	height:	10.1%;	
	left:	46.9%;
	top:	51.8%;
	}

/* 五條・街並み スマホ */
#japan13 {	
	z-index: 0;	
	position: absolute;
	width:	97.1%;
	height:	6.2%;	
	left:	1.4%;
	top:	63.1%;
	}

/* 片岡家住宅 スマホ */
#japan14 {
	z-index: 15;	
	position: absolute;
	width:	22%;
	height:	11.8%;	
	left:	5.3%;
	top:	72.1%;
	}

/* 五條・住む スマホ */
#japan15 {
	z-index: 14;	
	position: absolute;
	width:	25.9%;
	height:	10.1%;	
	left:	29.5%;
	top:	70.3%;
	}

/* 雲中供養菩薩 北8 スマホ */
#japan16 {
	z-index: 13;	
	position: absolute;
	width:	17.1%;
	height:	10.8%;	
	left:	53.4%;
	top:	73.1%;
	}

/* 橋本院 スマホ */
#japan17 {
	z-index: 10;	
	position: absolute;
	width:	23.3%;
	height:	10.3%;	
	left:	72%;
	top:	70.3%;
	}
	
/* 平等院鳳凰堂 スマホ */
#japan18 {
	z-index: 18;	
	position: absolute;
	width:	41.8%;
	height:	14.3%;	
	left:	1.8%;
	top:	83%;
	}
	
/* 銀峯山・波宝神社 スマホ */
#japan19 {
	z-index: 19;	
	position: absolute;
	width:	13.7%;
	height:	12.2%;	
	left:	46.1%;
	top:	79.6%;
	}
	
/* 御神島 スマホ */
#japan20 {
	z-index: 7;	
	position: absolute;
	width:	38%;
	height:	10.1%;	
	left:	60.8%;
	top:	87.3%;
	}
}