/*初期設定
@charset"UTF-8";
________________________________*/
p{
	line-height:1.7;
}
body{
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
		sans-serif;
	margin-top:5%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:0%;
}

	
/*ページの枠組み
________________________________*/


/*ヘッダー
________________________________*/
	a:link{color:gray;}
	a:visited{color:black;}
	a:hover{color:pink;}
	a:active{color:aqua;}
.kanokoicon{
	font-size:200%;
	margin-top:10%;
	margin-left:0%;
	margin-bottom:40%
	}
	li{
	font-size:150%;	
	}
/*ナビゲーション
_________________________________*/
	nav{
		display:flex;
		justify-content:flex-end;
	}

/*共通部分
_________________________________*/
html{
	font-size: 100%;
}

#home .page-title{
	text-transform:none;
	}

	/*メインコンテンツ
	___________________________*/
	h1{
	color:#808080;
		font-size:35px;
}

h2{
	color:gray;
	font-size:35px;
	}
h3{
		color:gray;
		font-size:30px
		}
		h4{
			color:gray;
		}
	.price{
				color:gray;
			}
	#besshbutton
	{
		position:absolute;
		top:15%;
		left:50%;
	}	
	#kanokobutton
	{
		position:absolute;
			top:38%;
		left:33%;
	}
	p{
color:gray;	
	}
	ul{
		color:gray;
		}
.soldout{
			font-size:25px;
			color:blue;
		}
			
			
/*ステンドグラス壁一面の写真
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.wall{
		position:relative;
		display:inline-block;
	}
	.text-overlay{
		position:absolute;
			top:60%;
		left:35%;
			color:black;
		}
	.text-overlay2{
			position:absolute;
			top:52%;
				left:53%;
		}
.text-overlay3{
		position:absolute;
			top:8%;
		left:42%;
		color:black;
		}
.text-overlay4{
		position:absolute;
			top:38%;
		left:50%;
		color:black;
			}
.text-overlay5{
		position:absolute;
			top:70%;
		left:40%;
		color:black;
			}
.text-overlay6{
		position:absolute;
			top:42%;
		left:27%;
		color:black;
			}
.text-overlay7{
		position:absolute;
			top:5%;
		left:73%;
		color:black;
		}
.text-overlay8{
		position:absolute;
			top:70%;
		left:70%;
		color:black;
			}
a:link{color:gray;}
	a:visited{color:gray;}
	a:hover{color:pink;}
	a:active{color:aqua;}
	a{
		text-decoration:none
		}
		ul{
			list-style:none;
		}
		#back{
				clear:left;
				}
/*作品リスト*
______________________*/
.container{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		a:hover{color:pink;}
		}
			.item{
				padding:10px;
				margin:5px;
			}

.news{ 
					list-style-type:circle;}
.price{
			list-style-type:circle;}
.outlet{
		color:red;
			}			
/*ステンドグラスメッセージ
_____________________________*/
			.message{
				margin-right:0%;
					margin-left:40%;
					margin-top:5%;
					margin-bottom:10%;
					font-size:25px;
				color:gray;}	
				.topmovie{
					width:100%;
					aspect-ratio:9/16;
					position:relative;
				}
				.topmovie iframe{
					width:100%;
					height:100%;
					position:absolute;
					top:0;
				left:0;}
			/*filmからかのこページに移動
_________________________________*/
			/*作品リスト
_____________________________*/
.container,item{	
	a:hover{color:pink;}
	a:active{color:aqua;}
			}

				/*フッター
_________________________________*/
footer{ 
					position:flex;
					bottom:0;
					margin-top:20%;
		text-align:center;
					color:gray;
					width: 100%; 
					height: 60px; 
					bottom: 0; 
				}
.index{
						position:absolute;
						bottom:0;
text-align:center;
						width: 100%; 
						height: 60px
					}
					.full-screen-element
					{
		height:100vh;
		width:100vh;
				}
				
				
/*モバイル版
________________________________*/
	@media(max-width:600px;){
		.page-title{font-size:2.5rem;}
					/*HEADER*/
						display: flex; /* スマホでは表示 */
			
					.main-nav{
						font-size:1rem;
						margin-top:10px;
					}
					.main-nav li{
						margin:0 20px;
					}
					/*HOME*/
					.home-content{
						margin-top:20%
						}					
						.page-header{
							flex-direction:column;
						align-items:center;	
							}
.full-screen-element{
			height:100vh;
			width:100vh;
			overflow:hidden;
}
							
								
/* PC表示（デフォルトでは非表示） */