@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;}
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;
}
figure { margin-bottom: 10px;}
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;
}
/* icon */
[target="_blank"]:after {
  content:'';
  display: inline-block;
  width: .875em;
  height: .875em;
  background: url('../img/icon/link.svg') right / cover no-repeat;
  margin-left: 8px;
}
[class^="icon-"]:before{
  content:'';
  display: inline-block;
  width: .875em;
  height: .875em;
  margin-right: .25em;
}
.icon-map:before{background: url('../img/icon/map.svg') left / contain no-repeat;}
.icon-phone:before{background: url('../img/icon/phone.svg') left / contain no-repeat;}
.icon-close:before{background: url('../img/icon/close.svg') left / contain no-repeat;}
.icon-open:before{background: url('../img/icon/open.svg') left / contain no-repeat;}
.icon-mail:before{background: url('../img/icon/mail.svg') left / contain no-repeat;}

.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:14px;}

.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 ul,#shop ul {text-indent: -1em; padding-left: 1.25em;}
#info ul li + li,
#shop ul li + li { margin-top: 4px;}
#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 ul.ex-list { padding-left: 0;}
#info ul.ex-list li {
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}
#info ul.ex-list li + li {margin-top: 8px;}
#info .event,
#info .exhibition { border-top: dashed 1px #CCC; padding-top:2em; margin-top: 2em;}
.arrow {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 6px;
}
.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 8.4px;
  border-radius: 9999px;
  background-color: #333333;
  transform-origin: 50% calc(100% - 1px);
}
.arrow::before{ transform: rotate(51.35deg);}
.arrow::after { transform: rotate(-51.35deg);}

figcaption { font-size:0.85em; text-align:center;}
#footer { width:100%; height: 32px; font-size:.8em; margin:0 auto;}
#footer p {text-align:center;}

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

#page_top {
 position:fixed;
 bottom:3.5em;
 right:0;
 width: 24px;
 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;
 box-sizing: border-box;
 }
#page_top .arrow::before,
#page_top .arrow::after { width:3px; height:12px;}
#page_top .arrow::before{ transform: rotate(45deg); left: -2px;}
#page_top .arrow::after { transform: rotate(-45deg);left: 12px;}
#page_top a { display:block;}
#page_top a:hover { background:#ccc;}

table { border: 0;}
table th {width: 3em; text-align: left;padding: 3px 0; }
table td {text-align: left; padding: 3px 0 5px 5px;}

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