body {
  font-size: 14px;
  color: #0D0D0D;
  line-height: 1.2;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px
}

table {
  font-size: 14px;
  color: #0D0D0D;
  line-height: 1.2;
}

a:link {
  color: #0B5F7B;
  text-decoration: underline
}

a:visited {
  color: #0B5F7B;
  text-decoration: underline
}

a:active {
  color: #FF6000;
  text-decoration: underline
}

a:hover {
  color: #FF6000;
  text-decoration: underline
}

.noLiLink {
  color: #0D0D0D
}

.noLiLink a:link {
  color: #0D0D0D;
  text-decoration: none
}

.noLiLink a:visited {
  color: #0D0D0D;
  text-decoration: none
}

.noLiLink a:active {
  color: #FF6000;
  text-decoration: underline
}

.noLiLink a:hover {
  color: #FF6000;
  text-decoration: underline
}

.redLink {
  color: #ff0000
}

.redLink a:link {
  color: #ff0000;
  text-decoration: none
}

.redLink a:visited {
  color: #ff0000;
  text-decoration: none
}

.redLink a:active {
  color: #FF6000;
  text-decoration: underline
}

.redLink a:hover {
  color: #FF6000;
  text-decoration: underline
}


.FoLink {
  font-size: 12px;
  color: #5c534f
}

.FoLink a:link {
  color: #5c534f;
  text-decoration: none
}

.FoLink a:visited {
  color: #5c534f;
  text-decoration: none
}

.FoLink a:active {
  color: #FF6000;
  text-decoration: underline
}

.FoLink a:hover {
  color: #FF6000;
  text-decoration: underline
}

.orLink {
  color: #FFFFFF
}

.orLink a:link {
  color: #F6FF00;
  text-decoration: none
}

.orLink a:visited {
  color: #F6FF00;
  text-decoration: none
}

.orLink a:active {
  color: #F6FF00;
  text-decoration: underline
}

.orLink a:hover {
  color: #F6FF00;
  text-decoration: underline
}

.orLinkB {
  font-size: 18px;
  color: #FFFFFF
}

.orLinkB a:link {
  color: #F36C18;
  text-decoration: none
}

.orLinkB a:visited {
  color: #F36C18;
  text-decoration: none
}

.orLinkB a:active {
  color: #F36C18;
  text-decoration: underline
}

.orLinkB a:hover {
  color: #F36C18;
  text-decoration: underline
}

.tssL {
  font-size: 10px;
  line-height: 1;
}

.tss {
  font-size: 12px
}

.ts {
  font-size: 13px
}

.tsL {
  font-size: 12px;
  line-height: 1.2;
}

.tm {
  font-size: 14px
}

.tb {
  font-size: 16px
}

.tLbb {
  line-height: 1.8;
}

.tLb {
  line-height: 1.5;
}

.tL {
  line-height: 1.1;
}

.tLs {
  line-height: 1;
}

.tbWh {
  font-size: 16px;
  color: #FFFFFF
}

.tbGrn {
  font-size: 16px;
  color: #028443
}

.tbGrn2 {
  font-size: 16px;
  color: #407F5F
}

.tbBrD {
  font-size: 16px;
  color: #5c534f
}

.tbBr {
  font-size: 16px;
  color: #A33D26
}

.tsGr {
  font-size: 12px;
  color: #656666
}

.tssGr {
  font-size: 11px;
  color: #656666
}

.tWh {
  color: #FFFFFF
}

.tGr {
  color: #656666
}

td.tGr p {
  line-height: 1.5;
}

.tGrn {
  color: #028443
}

.tGrn a:link {
  color: #028443;
  text-decoration: none
}

.tGrn a:visited {
  color: #028443;
  text-decoration: none
}

.tGrn a:active {
  color: #028443;
  text-decoration: underline
}

.tGrn a:hover {
  color: #028443;
  text-decoration: underline
}

.tGrn2 {
  color: #407F5F
}

.tOr {
  color: #F36C18
}

.tRe {
  color: #e43434;
}

.tBrD {
  color: #5c534f
}

.tYe {
  color: #F6FF00
}

.tBr {
  color: #A33D26
}

.mar15 {
  margin-left: 17px
}

.lineDot1 {
  background-image: url(../img/dot1.gif);
  background-repeat: repeat-x
}

.lineDot2W {
  background-image: url(../img/dot2.gif);
  background-repeat: repeat-x
}

.lineDot2H {
  background-image: url(../img/dot2.gif);
  background-repeat: repeat-y;
  background-position: center center
}

.button1 {
  width: 30;
  background: transparent;
  border: 1px solid #018543;
  color: #018543
}

.button2 {
  width: 140;
  background: #ECF5F0;
  border: 1px solid #018543;
  color: #018543
}

.button3 {
  width: 240;
  background: #ECF5F0;
  border: 1px solid #018543;
  color: #018543
}

.tOr12 {
  color: #F36C18;
  font-size: 12px
}

.tOr12 a:link {
  color: #F36C18;
  text-decoration: none
}

.tOr12 a:visited {
  color: #F36C18;
  text-decoration: none
}

.tOr12 a:active {
  color: #F36C18;
  text-decoration: underline
}

.tOr12 a:hover {
  color: #F36C18;
  text-decoration: underline
}

.tOr13 {
  color: #F36C18;
  font-size: 13px
}

.tOr13 a:link {
  color: #F36C18;
  text-decoration: none
}

.tOr13 a:visited {
  color: #F36C18;
  text-decoration: none
}

.tOr13 a:active {
  color: #F36C18;
  text-decoration: underline
}

.tOr13 a:hover {
  color: #F36C18;
  text-decoration: underline
}

.tOr14 {
  color: #F36C18;
  font-size: 14px
}

.tOr14 a:link {
  color: #F36C18;
  text-decoration: none
}

.tOr14 a:visited {
  color: #F36C18;
  text-decoration: none
}

.tOr14 a:active {
  color: #F36C18;
  text-decoration: underline
}

.tOr14 a:hover {
  color: #F36C18;
  text-decoration: underline
}

p.box {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
}


.tGrno {
  color: #656666
}

.tGrno a:link {
  color: #656666;
  text-decoration: none
}

.tGrno a:visited {
  color: #656666;
  text-decoration: none
}

.tGrno a:active {
  color: #656666;
  text-decoration: underline
}

.ntGrno a:hover {
  color: #656666;
  text-decoration: underline
}

table#entrancefee {
  margin: 10px 10px 0;
  border-collapse: collapse !important;
  border-spacing: 0;
  text-align: left;
}

table#entrancefee th {
  font-weight: lighter;
  border: 1px solid #028443;
  padding: 6px 5px;
}

table#entrancefee td {
  width: 170px;
  border: 1px solid #028443;
  padding: 6px 7px;
}

.small {
  display: block;
  font-size: 11px;
}

.passport {
  margin: 10px 0 0 10px;
}

.current {
  color: #f36c18 !important;
}

/* wrote:909663↓ */

.mt5 {
  margin-top: 5px!important;
}

/* .mt10 {
  margin-top: 10px!important;
} */

.mt20 {
  margin-top: 20px!important;
}

.mt30 {
  margin-top: 30px!important;
}

.mb10 {
  margin-bottom: 10px!important;
}

.mb20 {
  margin-bottom: 20px!important;
}

.mr10 {
  margin-right: 10px!important;
}

.mr30 {
  margin-right: 30px!important;
}

.ml30 {
  margin-left: 30px!important;
}

.p0 {
  padding: 0 120px 0 0!important
}

.ptb10 {
  padding: 10px 0;
}

.bold {
  font-weight: bold;
}

.lh20 {
  line-height: 20px;
}

.center {
  text-align: center;
}

.contents_tbl {
  border-top: dotted 1px #D57E54;
  width: 100%;
}

/* cafeページ */
.cafe_contents ul {
  padding: 0;
}

.cafe_contents li {
  list-style-type: none;
}

.cafe_contents li:last-child {
  white-space: nowrap;
}

.cafe_contents .spr_menu * {
  margin: 0;
  line-height: 20px;
}

.cafe_contents .spr_menu small {
  display: block;
}

.cafe_contents .open {
  line-height: 18px;
}

.cafe_contents .open li:first-child {
  font-weight: bold;
  margin-bottom: 3px;
  color: #028443;
}
/* wrote:909663↑ */

.rinji {
  color: #ff0000;
  font-weight: bold;
}

span.enki {
  display: block;
  white-space: nowrap;
  margin-top: 10px;
  font-weight: bold;
}

b.kokuchi {
  line-height: 1.4;
}

img.gruttoimg {
  width: 200px;
}

/* グローバルナビ */

.g_nav{
  width: 740px;
  display: flex;
  align-items: center;
  margin: auto;
  padding-left: 28px;
  position: relative;

}

.page_nav{
 width: 539px;
 margin: 0 auto 0 0;
 padding-left: 2px;
}
.page_nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}
.page_nav ul li{
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}
.page_nav ul li ul{
  font-size: initial !important;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 100;
}
.page_nav ul li:last-child ul{
  left: -100%;
  width: 100%
}
.page_nav ul li ul li{
  text-align: left;
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.page_nav ul li ul li a{
  display: block;
 padding: 5px 8px;
 background:rgba(96,70,23,0.8);
 text-align: left;
 font-size: 10px;
 font-weight: normal;
 color: #fff;
 text-decoration: none !important;
 -moz-transition: .2s;
 -webkit-transition: .2s;
 -o-transition: .2s;
 -ms-transition: .2s;
 transition: .2s;

}

.page_nav ul li:hover > a{
  background:rgba(71,48,14,0.8);
  color: #e4ea01 !important;
}
.page_nav ul li:hover ul li{
  overflow: visible;
  height: 21px;
  border-bottom: 1px solid #fff;
}
.page_nav ul li:hover ul li:first-child{
  border-top: 0;
}
.page_nav ul li:hover ul li:last-child{
  border-bottom: 0;
}
.language_nav{
padding-left: 3px;

}

.language_nav ul{
  margin: 0;
  padding: 0;
  padding-right: 10px;
}

.language_nav ul li{
  display: flex;
}

.language_nav ul li a{
  color:#574b4b;
  text-decoration: none;
  padding: 2px 1px;
  font-weight: 600;
}

.language_nav ul li a:hover{
  background-color:#d2fee8;
}

.magazine_area{
  position: absolute;
  top:-5px;
  right: -17px;
}
.magazine_area a{
  background-color: #028443;
  color: #fff;
  padding:3px 15px 2px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  font-size: 10px;
  text-decoration: none;
}

.magazine_area a span{
padding-left: 5px;
}

.main{
  width: 696px;
  margin: auto;
  padding: 5px 3px;

  border-top: 1px solid #a27d6a;
  border-bottom: 1px solid #a27d6a;
}

.main figure{
  position: relative;
  margin: 0;
  padding: 0;
}

.main figure figcaption{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.main figure figcaption div{
  position: relative;
  text-align: center;
  height: 100%;
  line-height: 1.1;
}

.main figure figcaption div p{
  margin: auto;
  font-size: 55px;
  color: #fff;
text-shadow: 3px 3px 1px rgba(0,0,0,0.6), 3px 3px 6px rgba(0,0,0,0.6), 3px 3px 5px rgba(0,0,0,0.6);
}

.main figure figcaption{
  width: 370px;
  height: 100px;
}

.main figure figcaption p:first-child{
  /* font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; */
  font-size: 49px;
}

.main figure figcaption p:last-child{
  text-align: right;
}

/* profile animetion */
.profile_about_area{
  position: relative;
  width: 560px;
  height: 374px;
  overflow: hidden;
  border:solid 1px #028443;
}

.profile_about_area img{
  animation-name: profileimganimation;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;

}

.profile_about_area img{
  opacity:0.7;
}


.profile_about_area div{
position: absolute;
top:10px;
left: 15px;
}

.profile_about_area div p{

}

.profile_txt01{
  margin-top: 0;
  font-size: 18px;
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
  font-weight: bold;
  color:#b04e35;
  line-height: 1.4;
}
.profile_txt01{
  margin-bottom: 8px;
}

.profile_txt02,.profile_txt03,.profile_txt04{
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
  font-size: 0.74rem;
  line-height: 1.8;
  text-shadow:
  0px 0px 5px rgb(255, 255, 255),
  0px 0px 10px rgb(255, 255, 255),
  0px -1px 20px rgb(255, 255, 255),
  0px -1px 20px rgb(255, 255, 255),
  0px -1px 20px rgb(255, 255, 255),
  0px -1px 20px rgb(255, 255, 255);
}

.profile_txt02{
  margin-top: 15px;
}

.profile_txt03{
  margin-top: 20px;
}

.profile_txt03_right{
  padding-left: 100px;
}

.profile_txt04{
  margin-top: 25px;
}

/* profile history */
.history_animation{
  width: 100%;
  max-width:560px;
  position: relative;
  border: solid #028443 1px;
}

.profile_history_area{
  display: flex;
  font-size: 12px;

  padding-bottom: 20px;
  position: relative;
  height: 390px;
  z-index: 100;
}

.profile_history_contents{
background-repeat: no-repeat;
width: 100%;
text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px;
  padding: 0 10px;
}

.history01{
  background-image: url('../profile/history_img01.jpg');
  white-space: nowrap;
}
.history01 p{
  padding-left: 250px;
}

.history02{
  background-image: url('../profile/history_img02.jpg');
  background-position: 150px 20%;
  height: 363px;
}

.history03{
  background-image: url('../profile/history_img03.jpg');
  background-position: 0 20%;
  padding-left: 250px;
  height: 363px;
}

.history04{
  line-height: 1.4;
}

.profile_history_contents span{
  display: inline-block;
  margin-left: 15px;
  line-height: 1.8;

}

.slick-slide{

}

.history_prev{
  position: absolute;
  bottom: 13px;
  left: 20px;
  z-index: 100;
  cursor: pointer;
  color: #a33d26;
  font-weight: bold;
  font-size: 13px;
}

.history_next{
  position: absolute;
  bottom: 13px;
  left: 90px;
  z-index: 100;
  cursor: pointer;
  color: #a33d26;
  font-weight: bold;
  font-size: 13px;
}
.history_prev img,
.history_next img{
  vertical-align: middle;
  padding-bottom: 2px;
}

.history_prev:hover,
.history_next:hover{
  color: #459900;
}

/* guide animetion */
.guide_main figure figcaption{
  width: 245px;
  height: 100px;
  line-height: 1;
}

.guide_main figure figcaption div{
  line-height: 1;
}

.cafe_slide{
  max-width: 325px;
  border: solid #b56451 1px;
}


/* collection animetion */
.collection_img_area{
margin-bottom: 80px;
}

.collection_top,.collection_under{
  display: flex;
  justify-content: space-between;
}

.collection_top div,.collection_under .collection_under_box div{
  box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.6);
}
.collection_under{
  margin-top: 15px;
}
.collection_under .collection_under_box{
  display: flex;
  flex-direction: column;
}

.collection05{
  margin-bottom: 10px;
}

.collection_display{
  position: relative;
  background-image: url(../profile/img/collection/collection_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 413px;
  height: 242px;
}

.display_none{
  opacity: 0 !important;
  transform: scale(0) !important;

}

.collection_display_img{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 368px;
  margin:  0 auto 0 !important;
  transform: scale(1);
  opacity: 1;
    transition: 1s;
}

.collection_display_img img{
  border: solid #b56451 1px;
  background-color: #fff;
}

.collection_display05{

}

.collection_display03 .collection_caption{
  padding-left: 10px;
}

.collection_display06 .collection_caption{
  padding-left: 10px;
}

.collection_caption{
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
}


/* floor animetion */

.floor_display{
  position: relative;
  width: 413px;
  height: 270px;
  margin-bottom: 15px;

}

.floor_display_none{
  opacity: 0 !important;
  transform: scale(0) !important;

}

.floor_display_img:not(.floor_map){
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 399px;
  margin:  0 auto 0 !important;
  transform: scale(1);
  opacity: 1;
}

.collection_display_img img{
  border: solid #b56451 1px;
  background-color: #fff;
}


.floor_thmb{
  width: 485px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.floor_content{
  margin-bottom: 10px;
  box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.6);
}

.floor_map{
  position: absolute;
  bottom:0;
  left: 0;
  right: 0;
  margin: auto;
  width: 261px;
  height:114px;
}

/* floor animetion */
.news_main figure figcaption {
    width: 245px;
    height: 100px;
}

.news_main figure figcaption div{
  line-height: 1;
}

.news_main figure figcaption p:first-child {
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
  font-size: 46px;
}

.media_main figure figcaption {
    width: 312px;
    height: 100px;
}

.media_main figure figcaption p{
    text-align: center !important;

}
.media_main figure figcaption p:first-child {
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
  font-size: 46px;
}




.favorite_main figure figcaption {
  width: 332px;
  height: 100px;
}
.favorite_main figure figcaption p:first-child {
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
}



.foreign_main figure figcaption {
  width: 312px;
  height: 100px;
}

.foreign_main figure figcaption div{
  line-height: 0.9;
}

.foreign_main figure figcaption p:first-child {
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
  font-size: 45px;
}

.foreign_main figure figcaption p:last-child {
    text-align: right;
    font-size: 73px;
}

.foreign_main figure figcaption p{
    text-align: center !important;
}




.community_main figure figcaption {
  width: 193px;
  height: 100px;
}
.community_main figure figcaption div{
  text-align: left;
}

.community_main figure figcaption p:first-child {
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
}

.link_main figure figcaption {
  width: 138px;
  height: 67px;
}

.link_main figure figcaption p{
  font-size: 70px !important;
  text-align: center !important;
}


.mobile_main figure figcaption p:first-child {
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
}

.exhibision_main figure figcaption {
  width: 245px;
  height: 48px;
}

.exhibision_main figure figcaption div{
  text-align: center;
}


.site_main figure figcaption {
  width: 298px;
  height: 48px;
}

.site_main figure figcaption p{
  font-size: 60px !important;
}


.site_main figure figcaption div{
  text-align: center;
}

.workshop_main figure figcaption {
  width: 245px;
  height: 48px;
}

.workshop_main figure figcaption div{
  text-align: center;
}

.workshop_main figure figcaption p{
  font-size: 60px !important;
}


.privacy_main figure figcaption {
  width: 374px;
  height: 60px;
}

.privacy_main figure figcaption p {
 font-size: 57px !important;
}

.profile_main figure figcaption p:first-child {
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
  font-size: 43px;
}

.info_main figure figcaption {
  width: 280px;
  height: 100px;
}

.info_main figure figcaption p:first-child{
  font-size: 42px;
}


.shop_close_main figure figcaption {
  width: 312px;
  height: 100px;
}

.shop_close_main figure figcaption p:first-child {
  text-align: left !important;
  font-family: 'Yu Mincho Demibold','YuMincho Demibold', sans-serif;
}


.top_main{
  width: 719px !important;
  margin-left: 44px !important;

}
.top_main figure{

}
.main_img{
  position: relative;
  height: 191px;
}
.main_img >div:not(.main_img_caption) >img{
  position: absolute;
  left:0;
  z-index: 2;
}

.main_img_caption{
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  z-index: 2;
}


.main_img_caption img:first-child{
  position: absolute;
  right:-10px;
  top:0;
  z-index: 2;
  animation: main_img_caption01 5s linear 0s normal forwards;
}

.main_img_caption img:last-child{
  position: absolute;
  left:300px;
  top:0;
  z-index: 2;
  animation: main_img_caption02 5s linear 0s normal forwards;
}

@keyframes main_img_caption01 {
  0% {
    opacity: 0;
    right:-10px;
  }

  70% {
    opacity: 1;
    right:430px;
  }

  100% {
    opacity: 0;
    right:430px;
  }
}

@keyframes main_img_caption02 {
  0% {
    opacity: 0;
    left:-10px;
  }

  70% {
    opacity: 1;
    left:430px;
  }

  100% {
    opacity: 0;
    left:430px;
  }
}

.main_img .main_img_caption{
  position: relative;
  left:0;
  right: 0;
  margin: auto;
  z-index: 3;
  width: 300px;
  height: 150px;
}

.main_img .main_img_caption img{
  position: absolute;
  left:0;
  right: 0;
  margin: auto;
  z-index: 20;
}

.top_main figure figcaption p:last-child{
  text-align: center;
}

.top_main figure figcaption{
  z-index: 1000;
}

.profile_anime{
width: 360px;
height: 100px;
}

.profile_anime p{
width: 360px;
height: 25px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;

}

.fade01{
  font-size:25px !important;
  opacity: 0;
  animation: profile_anime01 3s ease-in-out 0s normal ;
}
.fade02{
  font-size:25px !important;
  opacity: 0;
  animation: profile_anime02 2.5s ease-in-out 2.8s normal;
}
.fade03{
  font-size:20px !important;
  opacity: 0;
  animation: profile_anime03 3s ease-in-out 4.5s forwards normal;
  top: auto;
  bottom: -60px !important;
}


@keyframes profile_anime01 {
  0% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes profile_anime02 {
  0% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes profile_anime03 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}