@charset utf-8;	
/* -- 印刷用スタイルシート -- */
@media print{
body {_zoom:0.80;}
body { overflow:visible!important; font-weight:bold; font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


}
html {
overflow-y:scroll;
    margin-bottom:1px;
    height:100%;
    }
body{
height:auto;margin:0;padding:0; 
font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
color:#333333; font-size:15px;  letter-spacing:0px; line-height:1.6;
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1) inset; }
/* Safari用 */


body img{border:0;margin:0;padding:0}

/*レイアウト全体 */
#body{
	text-align:center;
	vertical-align: top;
	min-height:100%;
	margin:0 auto;
	padding:0;
	background-color: #FFF;
}
.body{
	text-align:center;
	vertical-align: top;
	min-height:100%;
	margin:0 auto;
	padding:0;
}
#wrapper1{
	width:100%;
	margin:0;
	padding:0;
	background-position:0 0px ;
		background-repeat:repeat-x;
		text-align:center;
		
		
}


#wrapper2{
	clear:both;
	width:1080px;
	margin:0px auto 0 auto; 
	background-repeat: repeat-y;
	position:relative;

}


/*ヘッダー */
#header{margin:0;padding:70px 0 17px 50px;;border: 0;text-align: left;position:relative;}
#header .headerContent{margin:0;padding:0;}
#header .headerContent a{
	margin:0;
	padding:0;
	display:block;
}
#header .headerContent a img{
	margin:0;
	padding:0;
	margin:0px 33px 0px 0px;
	display:block;
	float:none;
}
#header img{margin:0 0 0 0;padding:0;vertical-align: top;}



.mainpics img{box-shadow: 0px 3px 5px #1c1811;}


/*メニュー項目 */

#menu{
	margin:10px 0 0 0 ;
	padding:0;
	width:960px;
	display:block;
	clear:both;
	height:60px;
	vertical-align: middle;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	
	
	 display: flex; justify-content: space-around;  } 
	 
#menu a{text-decoration: none;  font-size: 17px;}
#menu .border-left{ font-size:17px; color:#333; margin-left:-4px; }
#menu .border{ font-size:17px; color:#333; vertical-align:top;}
#menu .link{letter-spacing:1px; font-size:16px; margin:0 15px 0 15px;}
#menu .nolink{letter-spacing:1px; font-size:16px; margin:0 15px 0 15px;}
#menu .nolink a:hover{color:#333;}

#menu ul{
	margin:0;
	padding:0 0 0 0px;
}
#menu ul li{
	list-style:none;
	float:left;
	margin:0 0 0 0;
	display:block;
	padding:0;
	line-height:1em;
	list-style-type:none;
	vertical-align:bottom;
	width:161px;
	height:52px;
	list-style-position:outside;
}	
#menu ul li a{margin:0;padding:0; display:block; height:52px; width:161px;vertical-align:bottom;}
#menu ul li a img{ margin:0;padding:0; vertical-align:bottom;}
#menu ul li a:hover img{filter:alpha(style=0,opacity=70);-moz-opacity:0.7;opacity:0.7; margin:0; padding:0;}
#menu ul li a.nolink img{filter:alpha(style=0,opacity=100);-moz-opacity:1;opacity:1; margin:0; padding:0;}

/*フッター */
#footer{
	width:960px;
	clear:both;
	padding-top: 0px;
	margin: 0;
	display: block;
	text-align:center;
	padding-bottom:15px;

}


html,body > #body{height:auto}
p{text-align:justify;margin:0 0 1em 0; color:#706f6f;}
ul{margin:0;padding:0}
li{font-size:15px;color:#6B6B6B;list-style-position:inside;margin:0 0 5px -2px;padding:0;}
li a{margin-left:3px}
a:link{font-size:15px;color:#333;text-decoration:none}
a:visited{font-size:15px;color:#333;text-decoration:none}
a:hover{color:#aaa;}
img{vertical-align:baseline}
h1{
	font-size:48px;
	color:#333;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1;
	width:250px;
	display:block;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); letter-spacing:6px;
}
h1 a:hover{color:#aaa;}
h2{color:#706f6f;}

h3{ font-size:24px; margin:3px 0 0 0; line-height:2.8; letter-spacing:-1px;}
h4{ font-size:20px; margin:12px 0 0 0; line-height:1; letter-spacing:-1px;}

/*ヘッダー */


/*ページ中心内容 */
#container{
	width:960px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:50px;
	clear:both;
	position:relative;
	text-align:left;
		
}
#container:after {content: "";display: block; clear: both;height: 1px;overflow: hidden;}
/*\*/
* html #container { height: 1em;overflow: visible;}
/**/






#content{
	display:block;
	position:relative;
}



.about{ width:auto; display:block;  margin-top:30px;}
.access{ width:auto; display:block; margin-top:30px;}
.lesson1{ width:auto; display:block; margin-top:30px;}
.lesson2{ width:auto; display:block; margin-top:30px;}
.homepage1{ width:auto; display:block; margin-top:30px;}
.homepage2{ width:auto; display:block; margin-top:30px;}
.calligraphy{ width:auto; display:block; margin-top:30px;}
.contact{ width:auto; display:block; margin-top:30px;}

.review-grid{ display: flex; flex-wrap: wrap; gap: 20px; justify-content:space-between; margin-top:20px;}
.review-card{ background: #fff;  border: 1px solid #ddd; border-radius: 5px; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); flex: 1 1 calc(33.333% - 20px); /* 3列 */ box-sizing: border-box;}
.review-content{ margin-top: 20px;}

@media (max-width: 768px) {.review-card{ flex: 1 1 100%; max-width:100%; /* 1列 */} #menu { flex-direction: column; align-items: left; height:350px; } #menu a { font-size: 24px; }  }