@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;
}


a.navi3{
	color: #36c;
	text-decoration:underline;
	
}

a.navi3:hover {
	color: #600;
	text-decoration:underline;
}


a.navi2{
	font-family:"Shippori Mincho" , serif;
	text-decoration:underline;
	
}

a.navi2:hover {
	font-family:"Shippori Mincho" , serif;
	color: #999;
	text-decoration:underline;
}


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



body{

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





section#contents article {
}


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


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

}



#rogo_kyoto{
	
	margin:120px auto 400px auto;
	
	display:block;
	width:100%;
	max-width:40%;
	

}


#rogo_kyoto h1{
	
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height:230%;
	font-weight: normal;
	color: black;
	margin:5px auto 0 auto;
	

}



#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: center;
	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{/* 現在は23名の会員が所属し */
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#member {

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

background:;


}



section#member article {/*１カラム*/

width:100%;
max-width:80%;
background:white;

margin:0 auto 100px auto;

padding:10px;


}

	


section#member article h2 {/*名前*/
width:100%;
max-width:100%;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.13em;
	line-height: 130%;
	font-weight: bold;
	color: black;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	
	
	margin:0 auto  ;
	
	padding:0px 0 15px 0;
}






section#member article img	{/*作品画像*/

	width:100%;
	max-width:100%;
	
	margin:30px auto 0 auto;

	
}


section#member article img.yoko	{/*横作品画像*/

	width:100%;
	max-width:100%;
	
	margin:30px auto 0 auto;

	
}


section#member article p.title	{/*作品名*/
font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	
	font-weight: normal;
	color: black;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 150%;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	
	width:100%;
	max-width:80%;
	
	margin:10px auto 0 auto;
	
	padding-bottom:7px;
	
}



section#member article p.title_hatsu	{/*墨人会初出品*/

	font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	
	font-weight: normal;
	color: black;
	text-align: center;
	letter-spacing: 0.1em;
	line-height:1.5;
	
	width:100%;
	max-width:80%;
	
	margin:40px auto 0px auto;

	
}




section#member article p.title_prize	{/*墨人賞*/

	font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	
	font-weight: normal;
	color: black;
	text-align: center;
	letter-spacing: 0.1em;
	line-height:1.5;
	
	width:100%;
	max-width:80%;
	
	margin:25px auto 0px auto;
	
	
}



section#member article p.title_moreinfo	{/*画像*/

	font-family:"Shippori Mincho" , serif;
	font-size: 1.06em;
	
	font-weight: normal;
	color: black;
	text-align: center;
	letter-spacing: 0.1em;
	line-height:1.5;
	
	width:100%;
	max-width:140px;
	
	margin:25px auto 0px auto;
	
	background:#cccccc;
	padding:15px;
	border-radius:20px;
	
	
}




section#member article h5	 {/*五十音順*/
width:100%;
max-width:100%;
	font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 130%;
	font-weight: bold;
	color: black;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
	
	
	margin:0 auto 0 auto ;
	
	padding:0px 0 15px 0;
}



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) {


#rogo_kyoto{
	display:block;
	width:100%;
	max-width:200px;
	

}


#rogo_kyoto h1{
	
	text-align:center;
	
	font-size: 19px;
	line-height:230%;
	font-weight: normal;
	color: black;
	margin:5px auto 0 auto;
	

}




}


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


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



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

}



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




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

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:100px 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{/* 主な活動は1月5日の創立記念日による研究発表 */
width:100%;
max-width:90%;


	font-size: 21px;
	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#member {

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

background:;

display:flex;
flex-wrap:wrap;

flex-direction:row;

align-items:stretch;
}



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

width:100%;
max-width:48%;
background:white;

margin:0 auto 13px auto;

padding:25px;


}

	


section#member article h2{/*名前*/
width:100%;
max-width:100%;
	
	font-size: 1em;
	line-height: 130%;
	font-weight: bold;
	color: black;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	
	
	margin:0 auto 0 auto ;
	
	padding:0px 0 15px 0;
}




section#member article img	{/*作品画像*/

	width:100%;
	max-width:75%;
	
	margin:30px auto 0 auto;

	
}


section#member article p.title	{/*作品名*/

	
	width:100%;
	max-width:75%;
	
	
}




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: 1020px) {
	



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

section#title {

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

background:;
}


section#title article {/*お知らせの位置を marginの25pxで指定*/

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;

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;

	font-weight: normal;
	color: black;
	text-align:left;
	letter-spacing: 0.1em;
	line-height: 130%;
	
	padding-left:25%;
	
	
background:;
	
}





section#contents article p.sentence{/* 現在は23名の会員が所属し */
width:100%;
max-width:87%;


	font-size: 18px;

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

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

}

	
	
	
/*************** 名簿 ***************/

section#member {

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

background:;

}


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

width:100%;
max-width:48%;
background:white;

margin:0 auto 23px auto;

padding:30px;


}

	


section#member article h4 {/*日程*/
width:100%;
max-width:100%;

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

	letter-spacing:0.1em;


	
	line-height:120%;
	
	margin:30px auto 7px auto;
	
	

}




}





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

section#main article h2	 {/*コピー　切り口を人間に置き。*/
    padding-left:30%;
	font-size: 26px;

	
}

	

section#contents article p.sentence{/* 現在は23名の会員が所属し */
max-width:82%;
line-height:200%;

}




section#member {

max-width:75%;


}


}




@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;
}