@charset "UTF-8";


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




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




/*----------------------insta------------------------*/


#open_insta {
    position: fixed;
    bottom: 80px;
    right: 0px;
    font-size: 70%;
	
}
#open_insta a {
	text-decoration: none;
	color: #666;
	width: 30px;
	padding:8px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
	background-color: #f;
}


#open_insta a:hover {
	text-decoration: none;
	background-color: #;
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}

#open_insta img {
	
	width: 100%;
	max-width:55px;
	
	opacity: 1;
	filter: alpha(opacity=100);
	text-decoration: none;
	
}
	


/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
body {
  margin: 5px auto;
 
  background: #fff;
  
  
  /* スマホ横揺れ防止 */
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
}


#rogo_1{/*sp用ロゴ*/
	
	margin:15px auto 0 auto;
	
	display:block;
	width:100%;
	max-width:100px;

	transform:translateZ(1px);/*safariでロゴが消えるの防止これ入れて見せる*/

}





.wrapper {
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin:0 0 250px 0;

}



/******************* トップイメージ **********************/

section#index {
	width: 100%;
	max-width:100%;
	margin:10px auto;
	background:#;

}


section#index article {/*90%揺れ防止*/
	 width: 100%;
	max-width:90%;
	margin:0 auto;
	
	
}




section#index article h1	 {/*人とモノが出逢う場所*/


font-family:"Zen Maru Gothic" , sans-serif;

font-feature-settings:"palt";

	font-size: 1.25em;
	line-height: 1.5;
	font-weight:bold;
	color:black;
	text-align:center;
    letter-spacing:-0.02em;


	width:100%;
	max-width:90%;/**/
	
	margin:20px auto 0 auto ;
	
}





section#index article h2	 {/*哲学の道にあるレンタルギャラリー*/


font-family:"Sawarabi Gothic" , sans-serif;

font-feature-settings:"palt";

	font-size: 0.94em;
	line-height: 1.5;
	font-weight:normal;
	color:black;
	text-align:center;
    letter-spacing:0em;


	width:100%;
	max-width:90%;/**/
	
	margin:5px auto ;
	
}





section#index article p	 {/*リード*/


font-family:"Sawarabi Gothic" , sans-serif;

font-feature-settings:"palt";

	font-size: 0.88em;/*16px*/
	line-height: 2;
	font-weight: normal;
	color:black;
	text-align:center;
    letter-spacing:0.02em;


	
	margin:20px auto ;
	
}






/* ブルーボタンCONTENTS */

section#contents2023 {
width:100%;
max-width:100%;
margin:30px auto 0 auto;
text-align:center;

padding:0px;

ackground:#daeeff;/*背景ブルーー*/

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



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

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

section#contents2023 article {
width:100%;
max-width:90%;
margin:0px 0 0 0;

text-align:left;
background:;


}

section#contents2023 article.down  {
width:100%;
max-width:90%;
padding:0px;
background:;
margin-top:0px;
text-align:right;
}



section#contents2023 article img {
position:relative;
width:100%;
max-width:55%;


}


	



/********************* インフォメーション **********************/


section#info {
	width: 100%;
	max-width:100%;
	margin:150px auto 0 auto;
	
	background:#daeeff;/*背景ブルーー*/
	
	

}


section#info article {/*90%揺れ防止*/
	
	width: 100%;
	max-width:80%;
	
	
	text-align:center;
	color:#333;
	
	padding:5px;
	
	
	margin:0 auto;
	
}


section#info article h1{
	text-align:center;
	color:#333;
	
	font-size:1.13em;
	
font-family:"Sawarabi Gothic" , sans-serif;

font-feature-settings:"palt";

margin:30px auto 20px auto;

		

	
}





section#info article p{
	text-align:center;
	color:#333;
	
	font-size:0.81em;
	
	font-family:"Sawarabi Gothic" , sans-serif;

font-feature-settings:"palt";

line-height:2;

	
}




section#info article img{
	display:inline-block;
	width:100%;
	max-width:25px;
	
	margin:0px 12px 20px 12px;

}





section#info article span br{/*改行*/
	display:none;

	
}




section#info article p.info	{/*詳しくはこちらから*/

font-family:"Sawarabi Gothic" , sans-serif;

font-feature-settings:"palt";
	font-size: 0.88em;
	
	
	color: black;
	text-align: center;
	letter-spacing: 0em;
	
	margin:15px auto 35px auto;
	
	padding:10px 20px;
	border-radius:35px;
	
	background:#ff3;
	
	width:100%;
	max-width:150px;

    line-height:4;
	
	
	
	

	
}





/********************* インフォメーション **********************/


section#info_mini {
	width: 100%;
	max-width:100%;
	margin:200px auto 0 auto;
	
	background:#daeeff;/*背景ブルーー*/
	
	

}


section#info_mini article {/*90%揺れ防止*/
	
	width: 100%;
	max-width:80%;
	
	
	text-align:center;
	color:#333;
	
	padding:5px;
	
	
	margin:0 auto;
	
}


section#info_mini article h1{
	text-align:center;
	color:#333;
	
	font-size:1.13em;
	font-family:"Sawarabi Gothic" , sans-serif;
font-feature-settings:"palt";

margin:30px auto 20px auto;

		

	
}





section#info_mini article p{
	text-align:center;
	color:#333;
	
	font-size:0.81em;
	
font-family:"Sawarabi Gothic" , sans-serif;

font-feature-settings:"palt";

line-height:2;

	
}




section#info_mini article img{
	display:inline-block;
	width:100%;
	max-width:25px;
	
	margin:0px 12px 20px 12px;

}





section#info_mini article span br{/*改行*/
	display:none;

	
}







footer {
	background:#fff;/*背景トップは白*/
	width: 100%;
	height:100px;	
	position:relative;
	bottom: 0;
}








footer img{
	display:inline-block;
	width:100%;
	max-width:30px;
	
	margin:0px 12px 20px 12px;

}




footer h1{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.75em;
	line-height: 200%;
	font-weight: normal;
	color:black;
	text-align:center;
    letter-spacing:0.1em;

}




.copyright {
	position:relative;
	top:25px;
	text-align:center;
   
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.69em;
	letter-spacing:-0.1em;
	
}


/*==========================================
 768以上からこのレイアウト
===========================================*/

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


#rogo_1{/*消してる*/
	
	margin:0px 0 0 0px;
	
	display:none;
	width:0%;
	max-width:0px;
	
	z-index:900;

}




.wrapper {
	width: 100%;
	max-width: 100%;
	text-align: center;
	
	
	margin:0 0 250px 0;

}
	


/********************* トップイメージ **********************/

section#index {
	width: 100%;
	max-width:100%;
	margin:170px auto 0 auto;
	background:;

}


section#index article {
	text-align:;
	color:#333;
	
	
}


section#index article h1	 {/*人とモノが出逢う場所*/


	font-size: 20px;
	
	
}




section#index article h2	 {/*哲学の道にあるレンタルギャラリー*/


	font-size: 17px;
	
	
}




section#index article p	 {/*リード*/




font-feature-settings:"palt";

	font-size: 1rem;/*16px*/
	line-height: 2.5;
	font-weight: normal;
	color:black;
	text-align:center;
 


	
	margin:25px auto ;
	
}





/***************** ブルーボタンコンテンツ****************/

section#contents2023 {
	
width:100%;
max-width:80%;
margin:-60px auto 0px auto;

padding:0px;
text-align:center;

ackground:#daeeff;/*背景ブルーー*/

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

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

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

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



}


section#contents2023 article  {
width:100%;
max-width:24%;
padding:0px;
background:#fff;
   
   margin:0 auto;
   text-align:center;
}



section#contents2023 article.down  {
width:100%;
max-width:24%;
padding:0px;
background:;
   
   margin-top:200px;
   text-align:center;
}




/*ブルーボタン*/
section#contents2023 article img {

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

margin:0 auto;




}



/*ブルーボタン*/
section#contents2023 article img.down {

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

margin:40px auto;


background:;

}








/********************* インフォメーション **********************/


section#info {
	width: 100%;
	max-width:100%;
	margin:200px auto 0 auto;
	
	background:#daeeff;/*背景ブルーー*/
	
	
	
	
	

}


section#info article {
	
	width: 100%;
	max-width:80%;
	
	
	text-align:center;
	color:#333;
	
	padding:10px;
	

background:;
	
	
}


section#info article h1{
	
	color:#333;
	
	font-size:20px;
	
	

font-feature-settings:"palt";
	
	
}




section#info article p{
	
	color:#333;
	
	font-size:1rem;
	
	

font-feature-settings:"palt";

margin:0 auto 30px auto;

letter-spacing:0.05em;
	
	
}



section#info article img{
	display:inline-block;
	width:100%;
	max-width:30px;
	
	margin:0px 12px 20px 12px;

}




section#info article span br{/*改行*/ 
	
	display:inline-block;
	
	
}


foote {/*使っていない*/
	
	 width:100%;
	 
	 max-width:40%;
	 
	 background:;
	 
	 margin:0 auto 50px auto ;
	 
	 position:relative;
	
		
}




footer {
	text-align: center;
	background:;
	width: 100%;
	height: 70px;
	position: relative;
	bottom: 0;	
	
	
}



footer img{
	
	display:inline-block;
	width:100%;
	max-width:30px;
	
	margin:0px 12px 20px 12px;

}




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

}


/*==========================================
 900以上からこのレイアウト
===========================================*/

@media only all and (min-width:900px) {
	
body {
  margin: 100px 0px 0px 0px;
 

  
  background:#fff;

  
  
}	
	



/********************* トップイメージ **********************/

section#index {
	width: 75%;
	margin:170px auto;
	background:;

}


section#index article {
	text-align:;
	color:#333;
	
	
}



section#index article h1{/*人とモノが出逢う場所*/
margin:40px auto 0 auto;


font-size:29px;
}





section#index article h2	 {/*哲学の道にあるレンタルギャラリー*/


	font-size: 20px;
	
}




section#index article p	 {/*文面*/


	font-size: 18px;

}







/***************** ブルーボタンコンテンツ****************/

section#contents2023 {
	
width:100%;
max-width:70%;
margin:-160px auto 0px auto;





}




footer {
	text-align: center;
	background:;
	width: 100%;
	height: 70px;
	position: relative;
	bottom: 0;	
	
	
}




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



}


/*==========================================
 900以上からこのレイアウト
===========================================*/

@media only all and (min-width:1700px) {

/***************** ブルーボタンコンテンツ****************/

section#contents2023 {
	
width:100%;
max-width:60%;
margin:-160px auto 0px auto;



}
}

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