/* 日本語*/

.shape {
  width: 30px;
  height: 30px;
  background-color: blue;
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  /* polygon(左上、右上、右下、左下) */
  animation: morph 2s ease-in-out forwards;
}

@keyframes morph {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 0, 50% 0, 100% 100%, 0 100%);
  }
}


/*
#top-navbar div ul li:nth-child(2) li:nth-child(1){font-size:small;color:#aa2;}
#top-navbar{background-color:#3344ee!important;}
#kabu-pankuzu li,*/ 
/*#kabu-pankuzu{width:90%;}border:1px solid #666;
*/
.ah a{display:inline-block;background-color: #efeeef;padding:1px 0.5em;border-radius: 5px;}
.ah a:hover{background-color: #ffe;color: #d55;}
.pdf a{display:inline-block;font: bold Arial;margin: 0px; padding:1px 0.5em 0px 0.5em;border: 1px solid #bbc;border-radius: 10px; background-color: #ffe;letter-spacing: 2px;}
.pdf a:hover {color: #f33;box-shadow: 1px 1px 4px 0px #aaa;margin:-2px 2px 1.5px -2px;border-color: red;}
.flex{display: flex; flex-wrap: wrap;width:100%;height:auto;max-width:700px;margin:0px auto;overflow:hidden;}
.boxA {width:100%; flex-basis: 200px; background-color: #fff; }
.boxB {width:100%; flex-basis: 300px; background-color: #fff; }
.boxC {width:100%; flex-basis: 400px; background-color: background-color:#efefef; }

.page800{width:100%;height:auto;max-width:1000px;margin:0px auto;overflow:hidden;}
.page800 img{width:100%;height:auto;max-width:600px;margin:0px;margin-left:auto;margin-right:auto;}
#kabu-pankuzu {width:90%;max-width:800px;margin:0px;margin-left:auto;margin-right:auto;text-align: center; }
#kabu-pankuzu li{display:inline-block;margin:0;padding:0;width:40px;border: 1px solid #fafafa;text-align: center; }
#kabu-pankuzu li a{display:block;margin:0;width:40px;}
#kabu-pankuzu a.nav-selected{color:#f33;}
.clear{clear: both;height:0;}
.kaiexlist{background-color:#fafaf8; padding: 8px;margin: 2px; border: 1px solid #eeeaee; }
.page0{width:100%;margin: 10px auto;max-width:900px;}

.page{width:100%;margin: 30px auto 80px;max-width:700px;line-height: 1em; text-align: center; }/*　個人ページ　*/
.page div{font-size:16px;line-height: 1em;margin: 0px;}
.page0 .page{border: 1px solid #eeeaee;margin: 10px auto;background-color:#fafaf8;padding: 10px;}

/*　　.page img:first-of-type{width:100%;height:auto;margin: 50px auto 5px auto ;max-width:1200px;}
*/
.yoko{width:100%;height:auto;margin: 50px auto 5px auto ;max-width:1200px;}
.page .tate{width:80%;height:auto;margin: 50px auto 5px auto ;max-width:600px;}
.page .tate70{width:70%;height:auto;margin: 50px auto 5px auto ;max-width:500px;margin-top: 50px!important;}
.middle{wiex_namedth:70%!important;height:auto;margin: 50px auto 5px auto ;max-width:500px!important;}
.small{width:60%!important;height:auto;margin: 50px auto 5px auto ;max-width:400px!important;}
.ex_name{margin-top: 0px;}
.hometopside div{margin:5px 0px; padding : 5px; background-color:#eeeefe;}
.hometopside div a{display:block;margin:0px;background-color:#cacada;color:#fff;padding:3px 0;border: 1px solid #aab;}
.hometopside div a:hover{background-color:#eed;color:#f00;border: 1px solid #ff6;}

/*　　*/
.cell{text-align: center;color:#000; }
.kaiin div{font-size:14px;margin-top:auto; margin-bottom: 0px; }
.kaiin h4{font-size:22px;display:block;width:50px;height:50px;margin:auto ; margin-bottom: 25px;padding:15px;line-height:1em;background-color:#1122aa;color:#fff;}
.kaiin .cell div a.saku img,.kaiin .cell div a img,.cell a img{margin:0 0 3px 0; padding: 6px; border: 1px solid #dadada;box-shadow: 1px 1px 4px 0px #fff; }
.kaiin .cell div a.saku:hover img,.kaiin .cell div a:hover img, .cell a:hover img{margin:-2px 2px 5px -2px; padding: 6px; border: 1px solid #dfdfda;box-shadow: 2px 2px 6px 0px #888;color:#f00; }
.kaiin .cell div a:hover,.kaiin .cell div a:hove{color:#f00!important; }
.left{padding-right:auto;}

/*   */
.link img{margin:-1px 0px 0px 4px!important; padding: 0px!important; border: none!important;}
.link img:hover{background-color: #faa; }

/* .cell{text-align: center;}*/
.cell,.cell div,.cell div a{font-size:12px!important;margin:2px 0px; padding:0px;line-height: 1em;color: #222;}
.cell div {margin-top:auto;margin-left:auto;margin-right:auto;}
.cell div a{ext-align: center;}
/*.cell div a img{margin:2px;padding:5px;border: 1px solid #dfdfda;}*/

.grid80{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, 80px);gap: 10px; text-align: center;margin:0px;}/*　会員名簿　*/
.grid90{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, 90px);gap: 10px; text-align: center;margin:0px;}/*　会員名簿　*/
.grid100{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, 100px);gap:10px; text-align: center;margin:0px;}
.grid120{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, 120px);gap: 5px;}/*　会員の展覧会　*/
.grid140{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, 140px);gap: 10px;overflow:hidden;}/*　会員の展覧会　*/
.grid140 div{line-height: 1em;font-size:10px;text-align:center;margin:5px;}/*　会員の展覧会　*/
.grid140 div img{margin-bottom: 4px;}/*　会員の展覧会　*/
.grid200{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 10px;overflow:hidden;line-height: 1em;}
.grid250{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 10px;overflow:hidden;line-height: 1em;}
.grid300{width:100%;margin: 10px auto;max-width:1200px;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 10px;overflow:hidden;}
.grid140 div,.grid80 div{margin-top:auto; margin-bottom: 10px;}/*　　*/
.grid110and1fr{width:100%;margin: 10px auto;padding:10px;border: 1px solid #aaa;max-width:1200px;display: grid;grid-template-columns: 110px 1fr;gap:0px; text-align: left;line-height:1em;}
.grid110and1fr h4,.grid110and1fr h5,.grid110and1fr h6{margin:0px;}
.grid110and1fr-yoko{width:100%;margin: 10px auto;padding:10px;border: 1px solid #aaa;max-width:1200px;display: grid;grid-template-columns: 155px 1fr;gap:0px; text-align: left;line-height:1em;}
.max8{max-width:800px;margin: 5px auto;}
.grid110and1fr img,.grid110and1fr-yoko img{box-shadow: 1px 1px 2px 0px #999;}
.grid110and1fr img:hover,.grid110and1fr-yoko img:hover{margin:-2px 2px 2px -2px;box-shadow: 3px 3px 9px 0px #999; }

.koten{background-color: #eee;padding:10px;border: 1px solid #aaa; }
.koten div{margin:0;line-height:1em; }
.koten h5{line-height:1em; }
.koten a img{margin:0px;border-top: 5px solid #eee;border-left: 5px solid #eee;}
.koten a:hover img{color:#f00;margin:-2px 2px 2px -2px;box-shadow: 3px 3px 9px 0px #999;border-top: 0px solid #aaa;border-left: 0px solid #eee;}
.grid140 .koten {padding:5px;}
.grid140 .koten h3 {font-size: 16px;line-height: 1em;}
.grid140 .koten h4 {font-size: 14px;line-height: 1em;}



.mx600{width:100%;max-width:1000px;	margin: 1px auto;}
.cap p{line-height: 1em;font-size:8px;}

#archive{width:100%;max-width:400px;margin:0 auto;}
#archive a{	margin: 5px 5px;}

/* */.ccm-page-id-1 nav{display:none;}

.kaiex a{display:block;width:138px;height:138px;margin: 0px; padding:2px;line-height:1em;font-size:12px;border: 1px solid #dadada;border-radius: 5px;background-color: #fafaf3;word-break: break-all;}
.kaiex a:hover{margin:-2px 2px 2px -2px;background-color: #fffff1;box-shadow: 1px 1px 5px 0px #dadada;color:#f00;}
.kaiex a:hover img{border: 1px solid #faa;color:#f00;}

.ex {margin: 0px; padding:6px;line-height:1em;border: 1px solid #efeffe;border-radius: 5px;background-color: #fafafa;word-break: break-all;}


.tate img{float:left; width:80px;height:120px;margin : 5px; font-size:6px;line-height:1em;border: 1px solid #eee;}
.yoko img{float:top; width:120px;height:80px;margin : 5px; font-size:6px;line-height:1em;border: 1px solid #eee;}

.boxEx{width:110px;margin: 0px; padding:0px;line-height: 1em;font-size:10px;}
.boxEx img{width:100px;height:100px;margin: 0px auto; padding:0px;}

.inout a{color:#eee!important;}
p {	font-size: 16px;text-indent:1em;line-height: 1.5em;	margin: 3px 0;	padding: 0;	font-family:  serif;}
 h1,h2,h3,h4,h5,h6{ line-height: 1.2em;font-family:  serif;	margin: 2px 0; padding : 0px;}
h1{text-shadow: 1px 1px 8px #aaaaaa!important;}
h2{text-shadow: 1px 1px 6px #aaaaaa!important;}
h3{text-shadow: 1px 1px 4px #aaaaaa!important;}
h1 { font-size: 32px; margin-bottom: 8px;}
h2 { font-size: 28px; margin-bottom: 5px;}
h3 { font-size: 22px; margin-bottom: 3px;}
h4 { font-size: 20px; margin-bottom: 3px;}
h5 { font-size: 16px; margin-bottom: 3px;}
h6 { font-size: 14px; margin-bottom: 3px;}
div{font-size: 14px;font-family:  serif;}

.histry >div{background-color: #fafafa;border-left: 1px solid #aab;border-right: 1px solid #aab;border-bottom: 1px solid #aab;padding:10px;margin:0px;line-height:1.5em;font-size:14px;font-family: "Hiragino Kaku Gothic Pro", Osaka, sans-serif;}
.histry >div div.nen{color: #889!important;font-size:17px;line-height:1em;font-weight:bold;font-family: "MS PGothic","Hiragino Kaku Gothic Pro", Osaka, sans-serif;margin:0 0 0 4px;color:#558;letter-spacing: 4px;}
.histry >div div.nen:before{content: "●"; }
.histry >div div.tsuki{margin-left:0.5em ; margin-top:1em ;text-indent:-2.5em;margin-left:3em ;}
.histry >div div.tsuki2{margin-left:0em ; margin-top:1em ;text-indent:-3em;margin-left:3em;}
.histry >div div.koto{margin-left:3em ; }
.histry >div:nth-child(even) {background-color: #fafaf3;}
.histry >div:nth-child(odd) {background-color: #f3fafa;}
.histry h3 + div{border-top: 1px solid #aab;}
.histry {max-width:700px;margin:0 auto;}
.box-shi{width: 100%; height: auto;max-width:800px;margin:0px;margin-left:auto;margin-right:auto;}
.box-shi img{width: 100%; height: auto;max-width:500px;margin:0px;margin-left:auto;margin-right:auto;}
.ex-table {line-height:1em;}
.ex-table td{padding:5px 2px;}
.ex-table td:nth-of-type(1){width:80px;color:#333;}
.ex-table td:nth-of-type(2){width:55%;color:#338;}
.ex-table td:nth-of-type(3){width:35%;color:#833;}
.indent{text-indent:1em;}
/*height:40px;flex-direction: row;flex-wrap: wrap;
*/
.clear{  clear: both;}
.ccm-block-autonav{background-color:#1122aa!important;}

/**/
#top-navbar ul {display:flex;height:40px;width:100%;max-width:1100px; margin:0 auto;padding:auto 0;z-index:100;}
#top-navbar ul li:nth-child(5){letter-spacing:4px;}
#top-navbar ul li li a{letter-spacing: 0px;}/*:nth-child(5)*/
#top-navbar ul li:nth-child(1){width:10%;}
#top-navbar ul li:nth-child(1) a{line-height:0.7em;}
#top-navbar li li a{line-height:1em!important;}
#top-navbar ul li {display:inline;list-style:none;width: 18%; height:40px; text-align:center;margin:0px;padding: 0px;z-index:100;align-self: flex-end; }
#top-navbar ul li a{box-shadow: 0px 0px 15px 0px #4444ee inset;display:block;width:100%; height:40px; line-height:1em; text-decoration: none;text-align:center;margin:0px ;padding-bottom:auto;padding-top:auto;padding-right:4px;padding-left:4px;vertical-align: middle; background-color:#203c88;color:#ffffff;border-right: 0px solid #000066; }
#top-navbar a.nav-path-selected{box-shadow: 0px 0px 30px 0px #6655ee inset; background-color:#203ca8;}
/**/
#top-navbar ul ul{width:100%!important;display:flex;flex-direction: column; margin:0;padding: 0px;}
#top-navbar ul ul li {display:none; width:100%!important;line-height:40px;height:40px;margin:0 ;padding: 0px;}

#top-navbar ul li:hover li { display:block;width:100%; height:40px;margin:0  ;}
#top-navbar ul li li a:hover,#top-navbar ul li a:hover{ color:#fe0;}
/**/
.inout{color:#fafafa;}
.breadcrumb{width:100%;max-width:1100px; height:20px;margin:0 auto;padding:auto 0;margin-right:auto;margin-left:auto;}
#site-map{list-style:none;background-color: #ffffff!important;}
#site-map li{list-style:none;background-color: #ffffff!important;}
#main-content-inne{min-height:800px!important;border:2px solid #ff3333;overflow: visible; display:table-cell; }