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

*{
    -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;
	
}



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

.lide-top {
	position:relative;
	top:80px;
	
	width:100%;
	max-width:98%;
margin: 0px auto ;

}


.lide-bottom {
	
	width:100%;
	max-width:180px;
margin: 423px 0 30px 0;

background:red;



}	



/*************** 1項目 ***************/

section#contents {

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



section#contents article {

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



	
section#contents article h1	 {/*墨人の智慧*/
    
   width:100%;
	max-width:87%;
	
	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%;
	margin:90px auto 100px auto ;
	
	
	background:;
	
	z-index:5;

}




section#contents article h2 {/*書は生き方のかたちである。 自ずからなるもの。　とらわれることのない自由。*/

   width:100%;
	max-width:87%;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.50em;
	margin:0px auto 400px auto;
	
	background:;
	
	z-index:6;
	

}


div.1item{
	position:relative;
	
	background:yellow;
	
	width:100%;
	max-width:90%;
	
	display:inline-block;

}


section#contents article  img{
	
position:absolute;
top:100px;
right:0;
width:100%;
max-width:80%;
background:;

z-index:2;

display:block;

height:auto;
}



section#contents article img.title{/*森田子龍 寒山*/
positon:absolute;
top:300px;
right:15px;

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

z-index:3;



}


section#contents article  img.title_2{/*森田子龍 環*/
positon:absolute;
bottom:0%;
right:10px;




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

z-index:4;

height:auto;



}


/*************** 2項目 ***************/


section#contents_2 {

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



section#contents_2 article {

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


section#contents_2 article h2 {/*書を書くという一貫して一回きりの動きは..  己の存在はただ書く中に動きのなかに..*/

   width:100%;
	max-width:70%;
	
	font-family:"Shippori Mincho" , serif;
	font-size: 1.56em;
	margin:0 auto 300px auto;
	
	text-align:left;
	
background:;

z-index:7;
	

}



section#contents_2 article h3 {/*そこに全存在があればいい*/

   width:100%;
	max-width:80%;
	
font-family:"Shippori Mincho" , serif;
	font-size: 1.56em;
	margin:300px auto 400px auto;
	
	text-align:left;
	
	background:;
	

}


section#contents_2 article img{
position:absolute;
left:0px;
width:100%;
max-width:90%;
background:;

}



section#contents_2 article span br{
display:none;

}



/*************** 3項目 ***************/

section#contents_3 {

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



section#contents_3 article {

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


section#contents_3 article h2 {/*歴史をまったく主体的に内の躍動のままに生きること*/

   width:100%;
	max-width:70%;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.56em;
	margin:280px auto 400px auto;
	background:;
}



section#contents_3 article img{
position:absolute;
right:0px;
width:100%;
max-width:90%;
background:;

}



section#contents_3 article span br{
display:none;

}







/* SNS リンクボタン 基本 */

section#sns{
	margin:100px auto 0 auto;
}

section#sns article{
	width:100%;
	max-width:80%;
	
	text-align:center;
	
	margin:0 auto;
}




section#sns article img{
	width:100%;
	max-width:22px;
	
	padding:15px;
}




/* ENGLISH  */

section#english{
	margin:50px auto 50px auto;
}

section#english article{
	width:100%;
	max-width:80%;
	
	text-align:center;
	
	margin:0 auto;
}



section#english article p{
	font-size: 0.88em;
	
	font-family:"Shippori Mincho" , serif;
	text-align:center;
	
	margin:0 auto;
}












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





/*************** 1項目 ***************/

section#contents {/*ここで最小の項目の位置調整 margin topを150まで下げる*/

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



section#contents article {

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


	
section#contents article h1	 {/*墨人の智慧*/
    
   width:100%;
	max-width:87%;
	
	
	font-size: 2em;
	line-height: 130%;
	font-weight: normal;
	color:black;
	
	
	text-align:left;

	letter-spacing:0.1em;
    line-height:120%;
	margin:70px auto 100px 155px ;/*最初130を70にしている*/
	
	
	background:;
	
	z-index:100;

}




section#contents article h2 {/*書は生き方のかたちである。 自ずからなるもの。　とらわれることのない自由*/

   width:100%;
	max-width:60%;
	
	
	font-size: 2em;
	margin:0 auto 600px auto;
	
	background:;
	

}




section#contents article img{
position:absolute;
top:-200px;
right:0;
width:100%;
max-width:50%;
background:;

}


section#contents article img.title{/*森田子龍 寒山*/
positon:absolute;
top:0px;
right:20px;

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

z-index:3;



}



section#contents article img.title_2{/*森田子龍 環*/


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

z-index:3;



}


/*************** 2項目 ***************/





section#contents_2 article h2 {/*書を書くという一貫して一回きりの動きは..  己の存在はただ書く中に動きのなかに..*/

   width:100%;
	max-width:75%;
	
	
	font-size: 2em;
	margin:0 auto 600px auto;
	
background:;
	

}



section#contents_2 article h3 {/*そこに全存在があればいい*/

   width:100%;
	max-width:95%;
	
	
	font-size: 2em;
	margin:-75px 0px 600px 0px;
	
	text-align:right;
	
	background:;
	

}


section#contents_2 article img{/* 画像と真横-そこに全存在があればいい*/
position:absolute;
left:0px;
width:100%;
max-width:580px;
background:;

}


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

}



/*************** 3項目 ***************/




section#contents_3 article h2 {/*歴史をまったく主体的に内の躍動のままに生きること*/

   width:100%;
	max-width:60%;
	
	
	font-size: 2em;
	margin:-150px auto 600px auto;
	
	background:;
	

}




section#contents_3 article img{
position:absolute;
right:0;
width:100%;
max-width:600px;
background:;

}



section#contents_3 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: 830px) {


section#contents article img.title{/*森田子龍 寒山*/
positon:absolute;
top:50px;
right:20px;

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

z-index:3;



}



section#contents article img.title_2{/*森田子龍 環*/


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

z-index:3;



}

}



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


	
	
	

section#contents_2 article h3 {/*そこに全存在があればいい*/

	margin:75px 0px 600px 0px;

	

}



}



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

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

#rogo{
	
	margin:20px 0 0 20px;
	
	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 {/*墨人の智慧の位置を marginの25pxで指定*/

width:100%;
max-width:100%;
margin:80px 0 10px 15px;
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%;
	
	margin-left:30px;
}



section#contents article img.title{/*森田子龍 寒山*/
positon:absolute;
top:150px;



}


section#contents article img.title_2{/*森田子龍 環*/


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

z-index:3;



}



section#contents_2 article h2 {/*書を書くという一貫して一回きりの動きは..  己の存在はただ書く中に動きのなかに..*/

   width:100%;
	max-width:70%;
	
	font-size: 2em;
	margin:0 auto 600px auto;
	
background:;
	

}



section#contents_2 article h3 {/*そこに全存在があればいい*/

   width:100%;
	max-width:90%;
	
	font-size: 2em;
	margin:100px 30px 600px 0px;
	
	text-align:right;
	
	background:;
	

}




section#contents_2 article img{/* 画像と真横-そこに全存在があればいい*/
position:absolute;
left:0px;
width:100%;
max-width:640px;
background:;

}


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

}







section#contents_3 article h2 {/*歴史をまったく主体的に内の躍動のままに生きること*/

   width:100%;
	max-width:60%;
	
	
	font-size: 2em;
	margin:-100px auto 600px auto;
	
	background:;
	

}

section#contents_3 article img{
position:absolute;
right:0;
width:100%;
max-width:45%;
background:;

}






}





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



section#contents article img.title{/*森田子龍 寒山*/
positon:absolute;
top:300px;



}



section#contents article img.title_2{/*森田子龍 環*/


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

z-index:3;



}


section#contents_2 article h3 {/*そこに全存在があればいい*/

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

	font-size: 2em;
	margin:100px 130px 600px 0px;
	
	text-align:right;
	
	background:;
	

}

section#contents_2 article img{/* 画像と真横-そこに全存在があればいい*/
position:absolute;
left:200px;
width:100%;
max-width:40%;
background:;

}

}







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