@charset "UTF-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/*この上部を入れないとhanbargerのsp背景色の横幅が右切れる*/

*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    box-sizing: border-box;
    color: #333;
}


ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

body{
	margin:0;
	padding:0;
	height:100%;
}



body{

	/* スマホ横揺れ防止 */
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	
}

video {
    width: 100%;
    height: auto;
  }

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


a.navi3{
	color: #000;
	text-decoration: underline;
	font-weight:normal;
}
a.navi3:hover {
	color: #e1ce9c;
	text-decoration: underline;
	}
	
	

	
#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 85%;
	z-index:10000;
}
#page-top a {
	text-decoration: none;
	color: #000;
	width: 80px;
	padding:10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
	background-color: #e1ce9c;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #f5e9c8;
}	
	
	
	
	
	
	

section#contents article {
}


body > section#contents article{
	height:auto;
}


#rogo{
	
	margin:20px 0 0 20px;
	
	display:block;
	width:100%;
	max-width:75px;
	

}

#wrapper_1{

	width: 100%;
	max-width: 100%;
	
	margin-top:50px;
	
	

}


/*************** 最上部タイトル ***************/

section#title {

width:100%;
max-width:100%;
margin:10px auto 10px auto;
text-align:center;

background:;
}


section#title article {

width:100%;
max-width:90%;
margin:0px auto 10px auto;
text-align:left;
}


section#title article h1	 {/*古法辞典*/
width:100%;
max-width:100%;
font-family:"Shippori Mincho" , serif;
	font-size: 1.19em;
	line-height:130%;
	font-weight: normal;
	color: black;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 120%;
}



/*************** 上部メイン ***************/

section#main {

width:100%;
max-width:100%;
margin:0px auto 10px auto;
text-align:center;

background:;

display:block;
flex-wrap:wrap;

align-items:center;
}



section#main article {/*ここで1カラム*/

width:100%;
max-width:90%;
background:;

margin:0px auto 20px auto;

}

section#main article img{


width:100%;
max-width:100%;

}

	

section#main article h2	 {/*コピー 臨書は自分の側を養うことに大事な意味がある*/
width:100%;
max-width:100%;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.56em;
	line-height:130%;
	font-weight: normal;
	color: black;
	text-align:left;
	letter-spacing: 0.1em;
	line-height: 120%;

	
}











/*************** 主な活動は ***************/

section#contents {

width:100%;
max-width:100%;
margin:0px auto 0 auto;
text-align:left;
}



section#contents article {

width:100%;
max-width:100%;
background:;
display:block;
margin:0 auto;
}



	

section#contents article p.sentence{/* 墨人会では古典の中から伝統に触れる */
width:100%;
max-width:75%;

font-family:"Shippori Mincho" , serif;
	font-size: 1.06em;

	font-weight: normal;
	color:black;
	
	
	text-align:left;

	letter-spacing:0.1em;
    line-height:160%;
	margin:0 auto 25px auto;

}



section#contents article p	 {/* pop画像*/
    text-align:center;
    margin:0 auto;

}



section#contents article span br{
display:none;
}





section#video {/*動画配置*/
	width:100%;
	max-width:100%;
	padding:0px 0 0 0px;
	margin:0 auto 100px auto;
	text-align:center;
	background:#;
	
}

section#video article {
	 display:block;
	 width:100%;
	 max-width:99%;
	 
	 padding:15px 0px 15px 0px;
	 margin:15px auto 35px auto;
	 background:;
}



section#video img{/* 建中 */
width:100%;
max-width:380px;

 margin:8px auto 0 auto;

 text-align:center;

}



section#video h1{/* 建中帖 */
	font-size: 1.56em;
font-family:"Shippori Mincho" , serif;
 margin:8px auto 0 auto;
 padding-top:10px;
 letter-spacing:0.1em;
 line-height:150%;
 
 text-align:center;

}





section#video h2{/* 筆の弾力を知る */
	font-size: 1.56em;
font-family:"Shippori Mincho" , serif;
 margin:18px auto 0 auto;
 padding-top:10px;
 letter-spacing:0.1em;
 line-height:130%;
 
 text-align:center;

}





section#video p{/* 説明 */
	font-size: 1.06em;
	font-family:"Shippori Mincho" , serif;
 margin:8px auto 50px auto;
 padding-top:10px;
 letter-spacing:0.1em;
 line-height:180%;
 
 text-align:center;
 
 width:100%;
 max-width:80%;

}






section#video article h1{/* 動画 タイトル */
	font-size: 1em;
	font-family:"Shippori Mincho" , serif;
 margin:8px auto 0 auto;
 padding-top:10px;
 letter-spacing:0.1em;
 line-height:160%;
 
 text-align:center;
 
 width:100%;
max-width:220px;


}





section#video  span br {
	display:none;
}





/*************** 其の一 ***************/

section#under_contents {
width:100%;
max-width:100%;
margin:0 auto;
text-align:center;
background:;

}



section#under_contents article {
width:100%;
max-width:60%;
margin:100px auto 200px auto;
text-align:center;
background:;

}



section#under_contents article img {
width:100%;
max-width:280px;
margin:0 auto;
text-align:center;
background:;

}



section#under_contents article h1	 {/*其の一*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.06em;
	line-height: 140%;
	color:black;
	text-align:center;
    letter-spacing:0.05em;
	
	font-weight:bold;
	
	margin:10px 0 10px 0;



}


section#under_contents article p	 {/**/

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 160%;
	
	color:black;
	text-align:center;
	letter-spacing:0.1em;
	
	font-weight:bold;

}





footer {
	background-color:;
		
	
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}



.copyright {
	
	text-align:center;
    
	margin:20px 0 50px 0; 
	
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.69em;
	letter-spacing:0.05em;
	
	color:black;
	
	
	
	
}
div#english{

	text-align: right;
	margin-top:0px;
	margin-right:5px;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.69em;
	font-style: italic;
}

p{
	margin-top:5px;
}





@media only screen and (min-width: 500px) {

section#video {/* 動画配置 */
	width:100%;
	max-width:95%;
	padding:10px 0 0 0px;
	

	text-align:center;
	
}

section#video article {
	
	 width:100%;
	max-width:90%;
	 background:;
	 padding:15px 0px 5px 0px;
	 margin:15px auto 35px auto;
	 background:;
	
}






	







}


/*==========================================
 タブレット 縦 スタイル
===========================================*/


@media only screen and (min-width: 741px) {
	
body {
  margin: 0px 0px 0px 0px;
 
  background: #fff;
}	





header {
	text-align:center;
    background-color:white;
	width: 100%;
	height:70px;	
	position:absolute;
	top:0;
	z-index:10;
}



#page-top {
    position: fixed;
    bottom: 80px;
    right: 0px;
    font-size: 90%;
	z-index:10000;
}
#page-top a {
	text-decoration: none;
	color: #000;
	width: 85px;
	padding:10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
	background-color: #e1ce9c;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #f5e9c8;
}	



/*************** 最上部タイトル ***************/

section#title {

width:100%;
max-width:100%;
margin:10px auto 10px auto;
text-align:center;

background:;
}


section#title article {

width:100%;
max-width:76%;
margin:0px auto 10px auto;
text-align:left;
}


section#title article h1	 {/*古法辞典*/
width:100%;
max-width:100%;
	
	font-size: 1.19em;
	line-height:130%;
	font-weight: normal;
	color: black;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 120%;
}



/*************** 上部メイン ***************/

section#main {

width:100%;
max-width:85%;
margin:0px auto 10px auto;
text-align:center;

background:;

display:block;
flex-wrap:wrap;

align-items:center;
}



section#main article {/*ここで1カラム*/

width:100%;
max-width:90%;
background:;

margin:20px auto 20px auto;

}

section#main article img{


width:100%;
max-width:100%;

}

	

section#main article h2	 {/*コピー　臨書は自分の側を養うことに大事な意味がある。*/
width:100%;
max-width:100%;
	
	font-size: 26px;
	line-height: 130%;
	font-weight: normal;
	color: black;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 120%;

	
}





section#contents {

width:100%;
max-width:100%;
margin:0 auto 0 auto;
text-align:center;

background:;
}



section#contents article {

width:100%;
max-width:85%;
background:;
display:block;
margin:0 auto;

text-align:center;

background:;

}


section#contents article p.sentence{/* 墨人会では古典の中から伝統に触れることを軸とし */
width:100%;
max-width:90%;


	font-size: 20px;
	line-height: 130%;
	font-weight: normal;
	color:black;
	
	
	text-align:left;

	letter-spacing:0.1em;
    line-height:160%;
	margin:25px auto 25px auto;

}

	

section#contents article span br{
display:inline-block;
}



/* ----------------------------ビデオ---------------------------- */

section#video {/* 動画配置 */
	width:100%;
	max-width:85%;
	padding:100px 0 0 0;

	text-align:center;
}


section#video article { /*ここで動画幅指定*/
	 
	
	 width:100%;
	 max-width:690px;

	 padding:15px 0px 5px 0;
	 
	 margin:120px auto 70px auto;
}


section#video img{/* 建中帖画像 */

 text-align:center;
 
 width:100%;
 max-width:690px;

}


section#video p{/* 説明 */
	font-size: 18px;
	
 margin:8px auto 50px auto;
 padding-top:15px;
 letter-spacing:0.1em;
 line-height:220%;
 
 text-align:left;
 
 width:100%;
 max-width:700px;
 
 background:;

}



section#video article h1{/*動画の下部タイトル*/
	font-size: 17px;
	
 text-align:center;
 letter-spacing:0.1px;

 
    margin:25px auto 8px auto;
 padding-top:0px;
 
 line-height:180%;

width:100%;
max-width:510px;
background:;

}


section#video  span br {
	display:inline-block;
}


section#video article span br {
	display:none;
}




footer {
	text-align:center;
    background-color:;
		
	
	
}



.copyright {
	
	text-align:center;
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	letter-spacing:0em;
	
	
}


}




/*==========================================
 タブレット 横 スタイル
===========================================*/

@media only screen and (min-width: 1030px) {
	

#rogo{
	
	margin:0px;
	
	display:none;
	width:100%;
	max-width:0px;
	

}	


/*************** 最上部タイトル ***************/

section#title {

width:100%;
max-width:100%;
margin:10px auto 10px auto;
text-align:center;

background:;
}


section#title article {/*古法辞典の位置を%で指定*/

width:100%;
max-width:100%;
margin:80px 0 10px 25px;
text-align:left;
}


section#title article h1	 {/*古法辞典*/
width:100%;
max-width:100%;
	
	font-size: 22px;
	line-height:130%;
	font-weight: normal;
	color: black;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 120%;
}




/*************** 上部メイン ***************/

section#main {

width:100%;
max-width:100%;
margin:50px auto 10px auto;
text-align:center;

background:#edebeb;/*背景グレー*/

display:flex;
flex-wrap:wrap;/*複数行（これを付けないと一行)*/

flex-direction:row-reverse;/*行の方向位置 逆タイプ(スマホ用でflexを外して縦配置の際に画像が上にくるよう逆にしている）*/

align-items:center;/*横方向センター*/

justify-content:center;/*縦方向センター*/
}



section#main article {/*ここで二つ折り*/

width:100%;
max-width:49%;
background:;

margin:0 auto;

}

section#main article img{/*メイン画像*/

width:100%;
max-width:100%;

}

	

section#main article h2	 {/*コピー　臨書は自分の側を養うことに大事な意味がある。*/
width:100%;
max-width:100%;
	
	font-size: 23px;
	line-height: 130%;
	font-weight: normal;
	color: black;
	text-align:left;
	letter-spacing: 0.1em;
	
	
	padding-left:25%;
	
	
background:;
	
}








section#contents article p.sentence{/* 墨人会では古典の中から伝統に触れることを軸に */
width:100%;
max-width:84%;

	font-size: 18px;

	font-weight: normal;
	color:black;
	
	
	text-align:left;

	letter-spacing:0.1em;
    line-height:190%;
	margin:85px auto 35px auto;

}


/* ----------------------------ビデオ---------------------------- */

section#video {/* 動画配置 */
	width:100%;
	max-width:100%;
	padding:100px 0 0 0;

	text-align:center;
}


section#video article { /*ここで動画幅指定*/
	 
	
	 width:100%;
	 max-width:690px;

	 padding:15px 0px 5px 0;
	 
	 margin:120px auto 70px auto;
}


section#video img{/* 建中帖画像 */

 text-align:center;
 
 width:100%;
 max-width:690px;

}


section#video p{/* 説明 */
	font-size: 18px;

 margin:8px auto 50px auto;
 padding-top:15px;
 letter-spacing:0.1em;
 line-height:220%;
 
 text-align:left;
 
 width:100%;
 max-width:700px;
 
 background:;

}



section#video article h1{/*動画の下部タイトル*/
	font-size: 17px;
	
 
letter-spacing:0.1px;

 
    margin:25px auto 8px auto;
 padding-top:0px;
 
 line-height:180%;




}





}





@media only screen and (min-width: 1280px) {

section#main article h2	 {/*コピー　年間を通して精力的に活動。*/
    padding-left:28%;
	font-size: 26px;
	
}
	


section#contents article p.sentence{/* 墨人会では古典の中から伝統に触れる */
width:100%;
max-width:82%;

line-height:200%;

}





section#under_contents {
width:100%;
max-width:100%;
margin:0 auto;
text-align:center;
background:;

}



section#under_contents article {
width:100%;
max-width:60%;
margin:100px auto 200px auto;
text-align:center;
background:;

}



section#under_contents article img {
width:100%;
max-width:300px;
margin:0 auto;
text-align:center;
background:;

}



section#under_contents article h1	 {/*目次タイトル*/


	font-size: 18px;
	line-height: 160%;
	color:black;
	text-align:center;
    letter-spacing:0.1em;



}


section#under_contents article p	 {/*目次タイトル*/


	font-size: 17px;
	line-height: 160%;
	
	color:black;
	text-align:center;
	letter-spacing:0.1em;

}






}




@media only screen and (min-width: 1680px) {
	
	

section#main article h2	 {/*コピー　臨書は自分の側を養うことに大事な意味がある。*/

	font-size: 30px;
	
}	
	
section#contents article p.sentence{/* 墨人会では古典の中から伝統に触れる */


font-size: 22px;

line-height:200%;

}



}



  
/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}