html {
	  scroll-padding-top: 3rem; /* 固定ヘッダの高さ分 */
	}
	
	
	body{
		color:#000000;
	}

	h5{
		color:  #aa641e;
		padding-left:1rem;
		border-left:solid 1rem #87c488;
	}

	h4{
		text-align:center;
		color:  #aa641e;
		padding-left:1rem;
		border-left:solid 1rem #87c488;
	}


	.frontcover{
	    padding-top: 8rem; 
	    padding-bottom: 0.5rem;
	    text-align: center;
	    background: url(img/covershot.png) no-repeat center center;
	    background-size: cover;
	}

	.brandfont{
		font-family: 'Rufina', serif;
		color:#ffffff;
	}

	.profile{
		border-left:solid 0.1rem #999 ;
		padding:0rem 1rem 0rem 1rem;
		margin-bottom:0.2rem;
	}


	.catchcopy{
		 color:#ffffff;
		 font-size:1.5rem;
		text-shadow: 0.05rem 0.05rem 0.1rem  #00897B;
	}

	.sectionHeader {
		font-family: 'Jura', serif;
		background:   #00897B;
		color:white;
		text-align:center;
		margin:0px;
	}

	/* timetable のやっている日*/
	.businessopen{
		background-color:#8ca6b3;
	}
	

	.subject{
		color:   #4A7A63;
	}

	th{
		padding-left:1rem;
		padding-right:1rem;
	}


	.navfont{
		font-family: 'Jura', serif;
	}

	.gglmap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}

	.gglmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}

	/* blog の記事リンク*/
	#blognav a{
		margin-left:1rem;
		margin-right:1rem;	
	}

	.card-title{
		text-dark;
	}

	.studio {
		margin-left:0.5rem;
		margin-right:0.5rem;
		color:#ae4951;
	}

	.no_link{
		pointer-events:none;
	}

	.wrap {
		overflow: hidden;
	}