@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;}img{vertical-align:middle;}body{}ol,ul{ list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}li{ list-style:none;}
*{margin:0 auto;}
html{scroll-behavior: smooth;}
html,body {height:100%;}
img {width:100%; display:block;}
figure { margin-bottom: 1em;}
h1,h2,h3 {font-weight:normal; font-size:1em; margin-bottom:0.5em;}
body {
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-transform:none;
	color:#333;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
#container {
  width:97.5%;
  height:143%;
  padding:0 1.25%;
  margin:0 auto;
}
[target="_blank"]:after {
font: var(--fa-font-solid);
  font-size: .875em;
font-family: "Font Awesome 6 Free";
content:'\f08e';
display: inline-block;
width: 1em;
margin-left: .5em;
}
.page-up::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  margin: 10px 8px 2px;

}
.page-up::before{
    transform: rotate(-45deg);
}

.mb {margin-bottom:1em;}
strong { font-weight:bold;}
body {width: 100%;}
section {width:100%;}
.cols-inner {max-width:960px; width:100%;}
figure.col_2{float:right; width:48%;}
figure.col_2{ margin-left:4%;}

.col_1,#gallery,#profile {clear:both; margin:0 auto;}
.col_1 {width:65.8333%;}
section .col_1 figure { margin-bottom:11.42857em;}
#about {
 font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 clear:both;
 margin:0 auto 5.7142em;
}
 #about li { display:block; margin-bottom:.5em;text-indent: -1em;padding-left: 1em;}
 #about p { margin-bottom:1em;}
#gallery h2 {margin:0 auto 3.5714em;}
#gallery ul {padding:0;margin:0 auto 7.1428em;} 
#gallery li {display:inline-block; width:14.4736%; margin-right:2.6315%;}
#gallery li:nth-child(6n) {margin-right:0;}
#profile { margin:0 auto /*14.2857em*/5.7142em;}
#profile p,#report p {margin:0 auto 1em;}
#profile h3 {font-size:1.5714em; line-height:1.5;}
#profile h3 span {font-size:0.6363em; clear:both;}
#shop { margin:0 auto /*14.2857em*/5.7142em;}
/*info*/
#info {margin:7em auto 5.7142em;}
#info h2 { font-size: 1.12em; text-align:left; margin: 0 auto 1.5em; padding:0 0 1px;}
#info h3,#shop h2 { font-size: 1em; text-align:center; border:1px solid #999; margin: 3em auto 1em;padding: 5px;
    line-height: 1.5;}
#info h3.no_border { border:none; text-align:left; padding: 0;}
#info h4 { font-size: 1.0714em; line-height:1.5;margin-bottom:1em;}
#info h3 span,#info h4 span { display:block; font-size:0.9em;}
#info p { margin-bottom:1.5em;}

#info .fade,#info .fade:nth-of-type(2) { margin-bottom:4em;}
#info .exhibition { border-top: dashed 1px #CCC; padding-top:2em; margin-top: 2em;}
figcaption { font-size:0.85em; text-align:center;}
#footer { clear:both; width:100%; font-size:0.8em; margin:5em auto 0;}
#footer p { float:right; text-align:right; margin:0 auto;}

.clear { clear:both;}
#report div.fade { margin-bottom:2em;}

#page_top {
 position:fixed;
 bottom:3.5em;
 
 right:0;
 font-family:Verdana,Geneva,sans-serif;
 color:#ddd;
 text-align:center;
 border:solid 1px #ddd;
 border-right:none;
 border-bottom-left-radius:3px;
 border-top-left-radius:3px;
 z-index:1;
  padding: 0 3px 0 3px;
 }
#page_top a { display:block;}
#page_top a:hover { background:#ccc;}
a { color:#333; background-color:transparent; text-decoration:none; border:none; transition:all 0.3s ease;}
a:hover { -webkit-transition:0.3s; transition:all 0.3s ease; color:#FFF; background:#999;}
a img { width:100%; border:none;}
a:hover img {
 opacity:0.7;
 filter:alpha(opacity=70);
 -moz-opacity:0.7;
 -webkit-transition:0.3s ease-in-out;
 -moz-transition:0.3s ease-in-out;
 -o-transition:0.3s ease-in-out;
 transition:0.3s ease-in-out;}
table { border: 0;}
table th {width: 3em; text-align: left;padding: 3px 0; }
table td {text-align: left; padding: 3px 0 5px 5px;}
.ex-list li {
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: .5em;
}
.u-small { font-size: .9em;}
@media (max-width:736px) {
body {font-size:12px; line-height:1.65;}
.first-view figure,#gallery h2 {width:20%;}
#modal-content {width:70%;padding:1.5em;}
.col_1 {width:80%;}
#gallery ul,#about,#profile,#shop,#info{/*width:70%;*/ max-width:305px;}}
@media (max-width:480px) {.col_1 {width:90%;}.first-view figure,#gallery h2 {width:30%;}}
@media (min-width:737px) {
body { font-size:14px;line-height:1.7;}
.first-view figure {width:14.584%;}
#modal-content {width:550px;padding: 2.5em ;}
#gallery,#about {/*width:31.6666%;*/ max-width:305px;}
#gallery h2 {width:46.0526%;}
#profile,#shop,#info {clear:both; /*width:31.6666%;*/ max-width:305px;}}