@charset "utf-8";

@import url("style/variables.css");/*変数定義*/
	
:root{
}

	#breadcrumb{
		display:none;
	}

	#top_img{
		background:white;
	}

		/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	ul {
		width: 100%;
		overflow: hidden;
		position: relative;
		li {
			top: 0;
			left: 0;
			width: 100%;
			position: absolute;
			img {
				width: 100%;
				}
			}
		}
	}


/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 101;
}
.viewer .btnPrev {
	left: 10px;
	background: #ccc url(grp/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
	right: 10px;
	background: #ccc url(grp/btnNext.jpg) no-repeat center center;
}


/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}
	


	#aisatu{
		p{
			text-align: left;
		}
		aside{
			font-family: var(--font-family-minchou);
			text-align: right;
			font-size: 1.2rem;
			font-weight: 600;
			span{
				font-size: 1.1rem;
				display:block;
			}
		}
	}
	
	#sisetu{
		> div{
			display:grid;
			grid-template-columns: repeat(auto-fill,minmax(min(350px,100%),1fr));
			gap:20px;
			article{
				background:#e7e7e7;
				border-radius: 10px;
				overflow: hidden;
				iframe{
					width:100%;
					height:300px;
				}
				h3{
					font-size: 1.2rem;
					font-family: var(--font-family-minchou);
					padding:20px 20px 0 20px;
					font-weight: 600;
				}
				p{
					padding:10px 20px 20px 20px;
					text-align:left;
					font-size: 1rem;
				}
			}
		}
		@include media_query_md{
			> div{
				display:block;
				article{
					width:auto;
					&:nth-child(2){
						margin-top:20px;
					}
				}
			}

		}
	}