@charset"utf-8";

*
{
background-color:transparent;
padding:0;

}

body
{
max-width:900px;
margin:0 auto;
font-family:"メイリオ","meiryo","Avenir Next",sans-serif;
color:#333333;
}

ul{	list-style-type:none;}


.logo img{
	float:left;
	margin-right:20px;
	margin-top:10px;
	width:50px;
}


#header{
	margin-top:5px;
	overflow:hidden;
	max-width:900px;
	
}



/*メニューのドロップダウンリスト ここから*/
.dropdwn{
    max-width: 900px;
    display: flex;

}

.dropdwn ul{
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    color: gray;
}
.dropdwn li{
	text-align: center;
    max-width: calc(500px/5);
    position: relative;
    padding: 5px;
    display: block;
    cursor: pointer;
	font-size:0.9em;
}

.dropdwn>li{
    width: 900px;
    margin: 1px;
	border-top:solid 10px CadetBlue;
   /* background: #22AC38;*/
    display: inline;
}

.dropdwn_menu{
    width: 100%;
    display: none;
    position: absolute;
 /*   margin-left: -5px;*/
    margin-top: 5px;
    padding: 0;
    background: Khaki;
}

.dropdwn_menu li{
    width: 100%;
}
.dropdwn li a{

/*  padding: 5px 0;
  margin: -5px 5px -5px -5px;*/
    display: block;
	text-decoration:none;
  /*  color: gray;*/
}
.dropdwn_menu li a{

  padding: 5px 0;
/*  margin: -5px 5px -5px -5px;*/
    display: block;
	text-decoration:none;
  /*  color: gray;*/
}

.dropdwn li a:hover{
    background: PaleGoldenrod;
    color: rgb(65, 65, 65);
}

/*メニューのドロップダウンリスト ここまで*/





.sakuhin img{
	width:23%;}

#lang {

	margin-top:-50px;
	text-align:right;
		font-size:0.85em;
}

.lang ul{	
}

.lang li{
	display:inline;
	border-top:2px solid gray;
	margin-left:1%;
}	
	

.galley-img{
	text-align:center;
}
.galley-img img{
	max-width:100%;
}


/*メニュー設定　*/

#navi
{
	text-align:right;
/*margin-top:10px;
margin-bottom:10px;
*/

	font-size:13px;
}

#navi ul {
	overflow:hidden;
	list-style-type:none;
}

#navi li
{
	display:inline;
	height:20px;
	/*border-bottom:1px #202020 solid;*/
	padding:2px;
	padding-left:2%;

}

#navi li a
{
	color:#696969;
	text-decoration:none;
	outline: none;
	width:100%;
}

.banner {
	width:100%;}
	

.banner img{
	width:100%;}

/*ページトップへの固定ボタン*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #22AC38;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
	


/*みたらいギャラリーの取扱い作家リスト      */
.ganavi ul {
/*	overflow:hidden;*/
	list-style-type:none;
}

.map img
{width:100%}


/*横4列　丸型のメニュー　*/
.yudo{
	
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}



	
.yudo li{
	display:inline;
	width:18%;
	height:240px;
	padding:3%;
	float:left;
	font-weight:bold;
		margin:0 auto;}


.yudo li a{
	text-decoration:none;
	color:steelblue;
}

/*横4列　丸型のメニュー　ここまで*/

/*横３列　四角のメニュー　*/

.yudo2{
	
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}



	
.yudo2 li{
	display:inline-block;
	width:26%;
	height:350px;
	padding:3%;
	float:left;
	font-weight:bold;
		margin:0 auto;}


.yudo2 a{
	text-decoration:none;
	color:inherit
}

.yudo2 img {
  aspect-ratio: 1 / 0.8;  /* 正方形 */
  width: 100%;          /* 親要素にフィット */
  object-fit: cover;    /* 中央でトリミング */
  display: block;
}


/*横３列　四角のメニュー　*/



/*横2列　四角のメニュー　テスト中*/
.yudo3{
	
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}


	
.yudo3 li{
	display:inline-block;
	width:42%;
	height:420px;
	padding:3%;
	float:left;

		margin:0 auto;}


.yudo3 a{
	text-decoration:none;
	color:inherit
}


.yudo3 img {
	max-width:100%;
	object-fit:cover;}
	
	
/*横2列　四角のメニュー　*/





/*フッターの設定　*/
#footer
{
	clear:both;
background-color:#2f4f4f;
}

#footer p
{
font-size:small;
color:#ffffff;
text-align:center;
}


.past1 dl{
	overflow:hidden;
	
}

.past1 dt{
	float:left;

	}
	
.past1 dd{
	padding-left:100px;
}
/*
.pastline hr{
/*	margin:50px 0;*/
/*	border-style:2px;
}

*/
.main
{
/*width:91%;
margin:0 auto;
*/
  max-width: 100%;
  overflow-x: hidden;

}

.main ul{
	list-style-type:none;
}

.main img{
	max-width:100%;

  height: auto;
  display: block;
  margin: 0 auto; /* 中央寄せ */
}

.main2 p{
	text-align:center;
}

.main2  a
{
	color:#696969;
	text-decoration:none;
	outline: none;

}

.chirashi img{width:20%;}

hr{
	margin:10px 5px;
}

.icon {text-align:center;}
.icon img {vertical-align:middle;}



/*　jqueryで表示する元画像のサイズ設定　4列*/
.list img{	
		width:190px;
	height:190px;
	object-fit:cover;
	}
/*　ここまで　jqueryで表示する元画像のサイズ設定　4列　*/

/*　プロフィールの表示　ここから　*/

.list-pr a{
	color:#333333;
	text-decoration:none;}

/*　プロフィールの表示　ここまで　*/

/*ページトップへの固定ボタン*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #22AC38;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*ページトップへの固定ボタン ここまで*/

/*　ギャラリーページの設定　*/
/*.artist h4 {text-align:center;}*/

.artist-list li{display:inline;}

.single-artist{
	margin-top:40px;
	text-align:center;}

.artists{text-align:center;
	overflow:hidden;

}

.artists li{float:left;
	margin-left:3%;
	margin-top:40px;
	font-size:0.9em;}
	
.artists li a {
	text-decoration:none;
	outline: none;
}

/*バーチャルギャラリーの枠の設定　*/
.main iframe{width:800px;
	height:600px;}
		


/*　ギャラリー　SNSのリンクの表示　*/
.sns{text-align:center;
}
.sns li{
	display:inline;
	font-size:small;
	padding:0 10px;
	border-right:1px solid #696969;
}
.sns li:first-child{
	border-left:1px solid #696969;
}
.sns li a
{
	color:#696969;
	text-decoration:none;
	outline: none;
}

.sns  li:hover
{
	background-color:#e0ffff;
	cursor: pointer;
}
/*　ここまで　ギャラリー　SNSのリンクの表示　*/


.single-img img{
max-width:100%;}

.artist {
	width:90%;
margin:0 auto;}

/*　作品一覧の四角　*/
.works2 {
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	}
	
.works2 img{
/*	width:24%;*/
	width:100%;
	object-fit:cover;


	}

.works2 ul{


	max-width:100%;
	margin:0 auto;
    justify-content: center;
}

.works2 li{

	float:left;
	max-width:23%;
	margin:6px 1%;
	font-size:0.9em;
	height:280px;
	}

	
.works2 li a
{
	text-decoration:none;
	outline: none;
	width:100%;
}

/*　作品一覧の四角　ここまで　*/


/*スマートフォンの場合の設定*/

@media screen and (max-width:480px) { 
    /*　画面サイズが480px以下はここを読み込む　*/
	
body
{
max-width:96%;
margin:0 auto;
font-size:0.85em;
padding-left:2%;
}

h3{
	font-size:0.9em;
}
h2{
font-size:0.9em;
}
.logo img{
	margin-right:10px;
	width:30px;
	margin-bottom:10px;
}


.works2 li{

	height:170px;
	}


/*バーチャルギャラリーの枠の設定　*/
.main iframe{width:100%;
	height:300px;}


#navi ul{
	margin:0 auto;
	width:95%;
	}

#navi li
{
	float:left;
	width:26%;
	margin:3px;
	font-size:0.9em;
	text-align:center;
	height:35px;
	border-top:#008b8b 2px solid;

}
.yudo2 p{

	font-size:0.8em;

}
.yudo2 li{

	height:220px;
	font-size:0.8em;

}


}
/*スマートフォン対応　ここまで*/