@charset "utf-8";
body{
	margin:0;
	background-image: url(./images/iriguchi_01c.jpg);
	background-size: cover;
	background-attachment: fixed;

	/*サイトの共通フォント*/
	font-family: 'Yomogi', cursive;
	font-size:10px;

}

h2{
	width:auto;
	padding:10px;
	text-align: center;
	font-size:1.8rem;
}

/*テキストの基本設定*/
p{
	font-size: 1.2rem;
}



/*ヘッダー設定*/

.header_logo{
	font-size: 2rem;
	padding:5px;
	text-align: center;
	color:#8c6450;
	background-color:#c7dc68;
}

header{
	background-color:#c7dc68;/*#666222*/
	width:100%;
	position:sticky;
	box-shadow: 0px 10px 10px -5px rgba(73, 102, 81, 0.5);
	top:-1px;

	/*背景画像を見せるための空白*/
	margin-bottom: 500px;
	
	}
	
header ul{
	margin:0;
	background-color:#c7dc68;
	list-style: none;
	display:flex;
	justify-content: center;
}

header ul li{
	height:30px;
	background-color:none;
	padding:10px;
	font-size:1.0rem;
}

header a{
	text-decoration: none;
}

header ul li:hover{
	opacity:1;
	background-color: #e6cde3;
}

/*メインコンテンツ設定*/

main{
	background-color: #fff;
}

.img_frame_header{
	width:100%;
	height:300px;
	overflow: hidden;
}

/*メインコンテンツ*/

/*背景色*/

.layout_white{
	background-color:#fff/*#cc9966*/;

	padding-top:30px;
	padding-bottom:30px;
}

.layout_beige{
	background-color:#eedcb3/*#cc9966*/;

	padding-top:50px;
	padding-bottom:50px;

}

.layout_content{
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	height:auto;
	margin-bottom:20px;
	vertical-align: middle;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	/*background-color: aquamarine;*/

}

/*二列で表示*/

.layout_2rows{
	width:350px;
	padding:0 8% 0 8%;
	/*background-color: blueviolet;*/
}

/*直列で表示*/

.layout_1rows{
	width:84%;
	padding-right:8%;
	padding-left:8%;

}

/*コンテンツ*/

.layout_cell{
	width:100%;
	text-align:center;
	vertical-align: middle;
	/*background-color:aqua;*/
	
}

.layout_cell_img{
	/*background-color: #8c6450;*/
	vertical-align: middle;
	width:80%;
	min-width:300px;
	margin:20px auto 0 auto;
	max-width:600px;
	max-height:500px;
	overflow: hidden;
}


.layout_cell_img img{
	width:100%;
	height:auto;
}

.layout_cell iframe{
	width:100%;
	max-width:650px;
	height:400px;
}

/*TOPへ戻るボタン*/
.top_modoru{
	position: sticky;
	text-align: right;
	top:800px;
}
.top_modoru img{
	width:80px;
	height:80px;
	margin:50px;
}

footer{
	display: inline-flex;
	flex-wrap: wrap;
	padding:5%;
	justify-content: center;
	background-color:#c7dc68;
	width:90%;
	min-height:300px;
}

footer iframe{
	width:400px;
	height:400px;
}