@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;
	
	-webkit-box-sizing:border-box;/*iOS safari用*/
	
	-moz-box-sizing:border-box;
	
	-o-box-sizing:border-box;
	
	-ms-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;
	
}





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%;

	
}

#name  h1 {/*師匠名前*/
display:none;
	
}



/*************** 歴史 ***************/

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 200px auto;
}



	





section#contents article p.sentence{/* 墨人会は1952年1月5日に結成されました。創立会員は20世紀を代表する書家 */
width:100%;
max-width:90%;

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	
	font-weight: normal;
	color:black;
	
	
	text-align:left;

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

}



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

}



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








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







}





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





header {
	text-align:center;
    background-color:;
	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: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 250px auto;/***文面下余白***/

text-align:center;

background:;

}





section#contents article p.sentence{/* 歴史内容 */
width:100%;
max-width:90%;

line-height:240%;

font-size: 17px;


}	


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



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 46px;
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;
	line-height: 130%;
	font-weight: normal;
	color: black;
	text-align:left;
	letter-spacing: 0.1em;
	
	
	padding-left:25%;
	
	
background:;
	
}


#name  h1 {/*師匠名前*/

display:block;
position:relative;
right:20px;

width:100%;
max-width:100%;
	
	font-size: 0.81em;
	line-height:130%;
	font-weight: normal;
	color: black;
	text-align: right;
	letter-spacing: 0.1em;
	line-height: 120%;
	
}


section#contents article p.sentence{/* 墨人会は1952年 */
width:100%;
max-width:87%;


	font-size: 18px;

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

	letter-spacing:0.1em;
    line-height:220%;
	margin:80px auto 35px auto;

}

}





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



section#main article h2	 {/*コピー　臨書は自分の側を養うことに大事な意味がある。*/
    padding-left:30%; 
	font-size: 26px;
    
}





section#contents article p.sentence{/* 墨人会は1952年 */
max-width:82%;
line-height:220%;

}



}




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

section#main article h2	 {/*コピー　書はいのちの躍動であり生き方のかたちである*/

	font-size: 30px;
	
}	
	
section#contents article p.sentence{/* 墨人会は1952年 */

font-size: 21px;

}


}




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