@charset "utf-8";
:root{--main-color:#666;}
:root{--back-color:#eee;}

html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0;box-sizing:border-box}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;vertical-align: bottom}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none;}a{text-decoration:none;}.wrapper{overflow:hidden;}body{overflow-y:scroll;} 

/* 共通部分 */
img{
  max-width: 100%;
}
body{
  /* 游明朝体 */
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
letter-spacing: 0.11em;
}
.container{
  max-width: 1230px;
  margin: 0 auto;
  position: relative;
}
header{
  position: fixed;
  width: 50px;
}
h1{
  width: 50px;
  height: 271px;
  background: url(../img/logo_v.png)no-repeat center center/contain; 
  margin: 20px 0 50px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.g-nav li{
  margin-bottom: 20px;
}
.g-nav li>a{
  color: #aaa;
  padding: 0 10px 2px 10px;
  font-size: 18px;
  text-decoration-color: transparent;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
.g-nav li>a:hover,.g-nav li.current>a{
  color: var(--main-color);
  text-decoration-line: underline ;
  text-decoration-style: solid;
  text-decoration-color: #888;
  text-decoration-thickness: 2.5px;
  text-underline-offset: 4px;
  -webkit-text-decoration-line: underline ;
  -webkit-text-decoration-style: solid;
  -webkit-text-decoration-color: #888;
  -webkit-text-decoration-thickness: 2.5px;
  -webkit-text-underline-offset: 4px;
  transition: 1.5s;
}
.insta .fa{
  font-size: 28px;
  text-align: center;
  color: #bbb;
  margin-top: 10px;
  padding: 12px;
  transition: 1.5s;
}
.insta .fa:hover{
  color: var(--main-color);
}
.hand{
  width: 24px;
  height: 65px;
  position: fixed;
  right: 20px;
  bottom: 40px;
}
#to-top{
  opacity: 0;
  transition: 0.5s;
}
#to-top.isActive{
  opacity: 1;
  transition: 0.5s;
}
#to-top>img{
  width: 24px;
  height: 65px;
}
footer{
  width: 100%;
  height: 80px;
  color: var(--main-color);
  text-align: center;
  line-height: 80px;
  letter-spacing: 0.03em;
}
/* トップページ */
.main-wrapper{
  max-width: 1096px;
  margin-left: 80px;
  position: relative;
}
.bxslider-wrapper{
  max-width: 828px;
}
.main-txt{
  width: 180px;
  height: 320px;
  position: absolute;
  right: 38px;
  bottom: 113px;
}
[class^="content-txt"]{
  margin-top: 30px;
  font-size: 17px;
  line-height: 1.9;
  color: var(--main-color);
  font-feature-settings: "palt" ;
}
.content{
  max-width: 1096px;
  height: 5500px;
  margin: 60px 0 0 80px;
  position: relative;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 5%);
  transition: 3s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.content-box1{
  position: absolute;
  right: 0;
  top: 0;
}
.content-photo1{
  width: 784px;
}
.content-txt1{
  margin-left: 330px;
}
.content-wrapper1{
  display: flex;
  position: absolute;
  top: 663px;
}
.content-photo2{
  width: 351px;
  margin-right: 27px;
}
.content-photo3{
  width: 265px;
  margin: 308px 63px 0 0;
}
.content-photo4{
  width: 390px;
  margin-top: 480px;
}
.content-txt4{
  margin-left: 170px;
}
.content-box5{
  position: absolute;
  top: 1595px ;
}
.content-photo5{
  width: 643px;
}
.content-photo6{
  width: 333px;
  position: absolute;
  top: 2113px;
  left: 563px;
}
.content-photo7{
  width: 412px;
  position: absolute;
  top: 2369px;
}
.content-box8{
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 2705px;
  right: 0;
}
.content-photo8{
  width: 533px;
}
.content-txt8{
  margin: 450px 30px 0 0;
}
.content-box9{
  display: flex;
  position: absolute;
  top: 3578px;
  left: 300px;
}
.content-photo9{
  width: 393px;
}
.content-txt9{
  margin: -4px 0 0 30px;
}
.content-box10{
  display: flex;
  position: absolute;
  top: 4118px;
}
.content-photo10{
  width: 426px;
}
.content-txt10{
  margin: 175px 0 0 30px;
}
.content-box11{
  position: absolute;
  top: 4628px;
  right: 0;
}
.content-photo11{
  width: 784px;
}
/* asoko */
.col-wrapper{
  max-width: 1096px;
  display: flex;
  margin-left: 80px;
}
.col-left.col-right{
  max-width: 536px;
}
.col-left{
  margin-right: 2.1%;
}
.grid>li{
  margin-bottom: 24px;
}
/* anohi */
.content-anohi{
  max-width: 1096px;
  margin-left: 80px;
}
.content-anohi-wrapper{
  max-width: 500px;
  margin: 0 auto 100px;
}
[class^="anohi-photo"]{
  box-shadow: 0 0 10px #ccc;
}
.anohi-photo1-h{
  display: none;
}
.anohi-h2{
  max-width: 500px;
  height: 31px;
  background: url(../img/anohi_h2.png)no-repeat center center/contain;
  margin: 110px 0 40px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.anohi-h2>img{
  margin: 0 auto;
}
.anohi-txt{
  font-size: 17px;
  line-height: 2.4;
  color: var(--main-color);
  margin-bottom: 110px;
  letter-spacing: 0.02em;
  text-align: justify;
}
.anohi-txt>p{
  margin-bottom: 17px;
}
.anohi-photo2,.anohi-photo3{
  margin-bottom: 50px;
}
.anohi-photo4{
  margin-bottom: 130px;
}
/* otayori */
.content-otayori{
  max-width: 500px;
  margin: 0 auto;
}
.otayori-photo{
  margin-bottom: 50px;
}
.fukidashi{
  width: 220px;
  position: absolute;
  top: 640px;
  right: 290px;
}
.otayori-txt{
  font-size: 17px;
  line-height: 2.4;
  color: var(--main-color);
  letter-spacing: 0.02em;
  text-align: justify;
  margin-bottom: 110px;
}
.otayori-txt>p>span{
  font-size: 21px;
  font-weight: bold;
}
.otayori-txt>p{
  margin-bottom: 18px;
}
/* フォーム部分 */
#form>h2{
  max-width: 500px;
  height: 31px;
  background: url(../img/otayori_h2.png)no-repeat center center/contain;
  margin: 20px 0 30px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
#form>p{
  text-align: center;
  font-size: 17px;
  margin-bottom: 20px;
  color: var(--main-color);
}
.g-form{
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--main-color);
  margin-bottom: 20px;
}
.g-form>dt{
  font-size: 14px;
  width: 30%;
  padding: 17px 0 0 10px;
  color: var(--main-color);
  background-color: var(--back-color);
}
.g-form>dd{
  width: 70%;
  padding: 10px;
}
.g-form>dt:nth-of-type(n+2),.g-form>dd:nth-of-type(n+2){
  border-top: 1px solid var(--main-color);
}
input[type="text"],input[type="email"]{
  font-size: 14px;
  border: 1px solid var(--main-color);
  padding: 6px;
}
textarea{
  font-size: 14px;
  width: 100%;
  height: 240px;
  border:  1px solid var(--main-color);
  padding: 6px;
}
input[type="submit"]{
  font-size: 14px;
  color: white;
  background-color: #999;
  width: 35%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid var(--main-color);
  transition: 1s;
}
input[type="submit"]:hover{
  background-color: #444;
}
input[type="reset"]{
  font-size: 14px;
  color: var(--main-color);
  width: 20%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid var(--main-color);
  margin-bottom: 380px;
  transition: 1s;
}
input[type="reset"]:hover{
  background-color: #ddd;
}
/* サンクスページ */
.thanks{
  max-width: 1096px;
  margin-left: 80px;
}
.thanks-box{
  width: 10px;
  height: 50px;
}
.thanks>h2{
  font-size: 26px;
  font-weight: lighter;
  font-feature-settings: "palt" ;
  letter-spacing: 0.2em;
  text-align: center;
  color: var(--main-color);
  margin: 10px;
}
.thanks>h2>span{
  display: inline-block;
  font-size: 13px;
  vertical-align: middle;
  color: #bbb;
}
.thanks>p{
  font-feature-settings: "palt" ;
  text-align: center;
  color: var(--main-color);
  margin-bottom: 40px;
}
.back-to-otayori>a{
  display: block;
  margin: 0 auto 100px;
  width: 15%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid var(--main-color);
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  font-feature-settings: "palt" ;
  color: var(--main-color);
  transition: 1s;
}
.back-to-otayori>a:hover{
  background-color: #ddd;
}
.thanks-ill{
  display: flex;
  justify-content: space-between;
  margin-bottom: 130px;
}
.thanks-ill>img{
  max-width: 265px;
}



/* exhibition2024*/
.content-exhibition2024{
  max-width: 1096px;
  margin-left: 80px;
}
.exhibition2024-photo>img{
  width: 1096px;
}
.content-exhibition2024-wrapper{
  max-width: 500px;
  margin: 0 auto 100px;
}
.exhibition2024-txt{
  font-size: 17px;
  line-height: 2.4;
  color: var(--main-color);
  margin: 50px 0 100px;
  letter-spacing: 0.02em;
  text-align: justify;
}
.kokuchi-wrappet{
  font-size: 17px;
  line-height: 1.6;
  color: var(--main-color);
  margin: 50px 0 40px;
  letter-spacing: 0.02em;
  text-align: justify;
}
.kokuchi-wrappet>h2{
  font-size: 24px;
  color: var(--main-color);
  /* margin: 50px 0 20px; */
  letter-spacing: 0.1em;
}
.kokuchi-wrappet>h3{
  font-size: 24px;
  color: var(--main-color);
  letter-spacing: 0.1em;
}
.kokuchi-wrappet>h4{
  font-size: 19px;
  color: var(--main-color);
  letter-spacing: 0.1em;

}

.exhibition2024-map-wrapper{
  width: 500px;
  height: 400px;
}
.exhibition2024-map-wrapper>iframe{
  width: 100%;
  height: 100%;
}

@media (max-width:640px){
.container{
  padding: 0;
}
header{
  width: 100%;
  position: relative;
}
h1{
  width: 100%;
  height: 70px;
  background: url(../img/logo_h.png)no-repeat 35% center/60%;
  writing-mode: horizontal-tb;
  background-color: thistle;
  line-height: 70px;
  font-size: 16px;
  color: white;
  margin: 0 auto;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color:white;
  box-shadow:0 0 8px #ccc;
}
.insta .fa{
  font-size: 22px;
  text-align: center;
  color: #999;
  padding: 14px;
  transition: 1.5s;
  position: fixed;
  top: 0;
  right: 12%;
  z-index: 100;
}
.insta .fa:hover{
  color: #555;
}
.g-nav{
  display: flex;
  width: 100%;
  height: 50px;
  padding: 0 28px;
  position: fixed;
  bottom: 0;
  z-index: 100;
  background-color: white;
  box-shadow:0 0 8px #ccc;
}
.g-nav li{
  margin: 0 auto;
  line-height: 50px;
}
.g-nav li>a{
  padding: 10px 10px;
  font-size: 13.5px;
  writing-mode: horizontal-tb;
  z-index: 100;
}
.main-wrapper{
  padding: 0 10px;
  width: 100%;
  margin: 70px 0 0 0;
  position: static;
}
.bxslider-wrapper{
  margin-left: 0;
  width: 100%;
}
.bxslider-wrapper img{
  width: 100%;
}
.main-txt{
  margin: 100px auto 0;
  width: 140px;
  height: auto;
  position: static;
}
[class^="content-txt"]{
  margin: 18px 0 0 ;
  font-size: 13px;
  line-height: 1.7;
}
.content{
  padding: 0 10px;
  width: 100%;
  height: auto;
  margin: 140px 0 0;
}
.content-box1{
  position: static;
  width: 100%;
}
.content-photo1{
  width: 100%;
}
.content-wrapper1{
  width: 100%;
  display: block;
  position: static;
}
.content-photo2{
  margin: 50px 0 0;
  width: 68.6%;
}
.content-photo3{
  margin:  -60px 0 0;
  width: 47.2%;
  margin-left: auto;
}
.content-photo4{
  margin-top: 50px;
  width: 68.6%;
}
.content-box5{
  position: static;
}
.content-photo5{
  margin-top: 50px;
  width: 100%;
}
.content-photo6{
  position: static;
  width: 68.6%;
  margin-left: auto;
}
.content-photo7{
  position: static;
  margin-top: 50px;
  width: 56.3%;
}
.content-box8{
  display: block;
  position: static;
}
.content-photo8{
  margin-top: 50px;
  width: 100%;
}
.content-box9{
  display: block;
  position: static;
}
.content-photo9{
  margin-top: 50px;
  width: 68.8%;
  margin-left: auto;
}
.content-txt9{
  margin-left: 31.2%;
}
.content-box10{
  display: block;
  position: static;
}
.content-photo10{
  margin-top: 50px;
  width: 56.3%;
}
.content-box11{
  position: static;
  margin: 50px 0;
}
.content-photo11{
  margin: 0;
  width: 100%;
}
.hand{
  display: none;
}
footer{
  height: 138px;
  font-size: 13px;
  letter-spacing: 0.03em;
}
/* asoko */
.col-wrapper{
  width: 100%;
  display: block;
  margin-left: 0;
  padding: 0 10px;
}
.col-left.col-right{
  width: 100%;
}
.col-left{
  margin: 70px 0 0 0;
}
.grid>li{
  margin-bottom: 10px;
}
/* anohi */
.content-anohi{
  width: 100%;
  margin-left: 0;
  padding: 0 10px;
}
.content-anohi-wrapper{
  width: 100%;
  margin: 0;
}
[class^="anohi-photo"]{
  margin-bottom: 0;
}
.anohi-photo1{
  display: none;
}
.anohi-photo1-h{
  display: block;
  margin: 70px 0 50px;
}
.anohi-photo1-h>img{
  width: 100%;
}
.anohi-h2{
  height: 24px;
  margin: 0 0 20px;
}
.anohi-txt{
  font-size: 15px;
  line-height: 1.9;
  color: var(--main-color);
  letter-spacing: 0em;
  margin: 0 20px 60px;
}
.anohi-txt>p{
  margin-bottom: 14px;
}
/* otayori */
.content-otayori{
  width: 100%;
  margin: 70px 0 0;
  padding: 0 10px;
}
.otayori-photo>img{
  width: 100%;
}
.fukidashi{
  width: 180px;
  position: absolute;
  top: 1%;
  right: 3%;
}
.otayori-txt{
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0em;
  margin: 0 20px 100px;
}
.otayori-txt>p{
  margin-bottom: 14px;
}
.otayori-txt>p>span{
  font-size: 18px;
}
.anohi-photo2,.anohi-photo3{
  margin: 0 10px 30px;
}
.anohi-photo4{
  margin: 0 10px 0px;
}
/* フォーム部分 */
#form>h2{
  height: 24px;
  margin: 0 0 20px;
}
.g-form{
  display: block;
  flex-wrap: nowrap;
  margin: 0 10px 20px;
}
.g-form>dt{
  width: 100%;
  padding: 6px 0 6px 10px;
  color: var(--main-color);
  background-color: rgb(243, 243, 243);
}
.g-form>dd{
  width: 100%;
}
.g-form>dt:nth-of-type(1){
  border-bottom: 1px solid var(--main-color);
}
input[type="submit"]{
  width: 45%;
  margin-left: 10px;
}
input[type="reset"]{
  width: 28%;
  margin-bottom: 50px;
}
/* サンクスページ */
.thanks{
  max-width: 100%;
  margin-left: 0;
  padding: 10px;
}
.thanks-box{
display: none;
}
.thanks>h2{
  font-size: 17px;
  letter-spacing: 0.1em;
  margin: 100px auto 10px;
}
.thanks>h2>span{
  font-size: 10px;
}
.thanks>p{
  font-size: 14px;
  margin-bottom: 40px;
}
.back-to-otayori>a{
  margin: 0 auto 60px;
  width: 150px;
  height: 40px;
  font-size: 13px;
}
.thanks-ill{
  display: block;
  margin: 0 auto 70px;
}
.thanks-ill>img{
  display: block;
  max-width: 90%;
  margin: 0 auto 10px;
}


/* exhibition2024*/
.content-exhibition2024{
  width: 100%;
  margin-left: 0;
  margin-top: 70px;
  padding: 0 10px;
}
.content-exhibition2024-wrapper{
  width: 100%;
}

.exhibition2024-txt{
  font-size: 15px;
  line-height: 1.9;
  color: var(--main-color);
  letter-spacing: 0em;
  margin: 30px 30px 50px;
}

.kokuchi-wrappet{
  font-size: 15px;
  line-height: 1.5;
  color: var(--main-color);
  margin: 50px 0 30px;
  letter-spacing: 0.02em;
  text-align: justify;
  margin: 30px;
}
.kokuchi-wrappet>h2{
  font-size: 22px;
  color: var(--main-color);
  /* margin: 50px 0 20px; */
  letter-spacing: 0.1em;
}
.kokuchi-wrappet>h3{
  font-size: 19px;
  color: var(--main-color);
  letter-spacing: 0.1em;
}
.kokuchi-wrappet>h4{
  font-size: 17px;
  color: var(--main-color);
  letter-spacing: 0.1em;
}


.exhibition2024-map-wrapper{
  width: auto;
  height: 300px;
  margin: 0 30px;
}






}





@media (max-width:330px){
  body{
    letter-spacing: 0.01em;
  }
  .fukidashi{
    width: 150px;
    position: absolute;
    top: 11.5%;
    right: 1.5%;
  }
}