@charset "utf-8";
html {
  font-size: 62.5%;
  /*scroll-behavior: smooth;*/
}
body {
  font-size: 1.6rem; /* basic size 16px */
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  color: #0F0F0F;
}

a {
  font-weight: 700;
  color: #896a3c;
  text-decoration: underline;
  transition: all 0.5s;
}
a:hover {
  /*color: #916f3d;*/
  color: #896a3c;
  background-color: #E4DEDC;
  text-decoration: none;
}
img {
  max-width: 100%;
}
.slick_museum_image img {
  max-width: 100%;
  border-left: 1px #d9d9d9 solid;
}
ul li {
  list-style: none;
}
#media ul li {
  list-style: disc;
}
#winning ul li {
  list-style: disc;
}
#contents_wrapper {
  background-color: #FAF9F5;
}
.wrapper {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 4%;
}
.section_wrapper {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
header {
  /*background-color: #3B2625;*/
  background-color: #fff;
}
/*h*/
h1, h2, h3, h4 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
h1 span {
  display: none;
}
h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
h2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.6rem;
  text-align: center;
  margin: 0 0 0 0;
  /*letter-spacing: 0.03em;*/
  color: #202123;
}
h3 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 3rem;
  color: #37393C;
}

h4 {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 2.0rem;
  color: #37393C;
}
/*section*/
section#info {
  background-color: hsla(0, 0%, 100%, 0.00);
}
/*footer*/
footer {
  background: #3B2625;
  padding: 100px 0;
  position: relative;
}
.footer_in p {
  line-height: 2;
  font-size: 1.2rem;
  color: #C4C6C8;
  text-align: center;
  margin-bottom: 1em;
}
#kahaku_logo {
  margin: 0 auto;
  width: 166px;
  height: 35px;
  background-image: url("../images/kahaku_footer_top.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#page-top {
  position: fixed;
  background: rgba(39, 24, 23, 0.45);
  min-width: 50px;
  min-height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  bottom: 9%;
  right: 2%;
}
#page-top:hover {
  cursor: pointer;
  background: rgba(60, 38, 36, 0.3);
}
.border_title {
  border: solid #3B2625 1.5px;
  border-left: none;
  border-right: none;
  line-height: 1.2;
  padding: 10px 5px 10px;
  letter-spacing: 0.07em;
  display: inline-block;
}
.todofuken_upcomming {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  border: 1px solid #3B2625;
  border-radius: 2px;
  padding: 3px 5px 2px 5px;
  background-color: #5C3C39;
  font-weight: 400;
  margin-right: 0.7em;
}
.todofuken {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 3px 5px 2px 5px;
  background-color: #6c6c6c;
  font-weight: 400;
  margin-right: 0.7em;
}
.opspecial {
	color: #df6613;
	font-size: 1.6rem;
	padding: .3rem .7rem;
	border: 2px solid;
}
.donation-circuit {
	margin-top: 2.5rem;
}
.donation-circuit h4 {
	color: #df6613;
	font-size: 1.7rem;
	margin: 0 0 .5rem -.6rem;
}
.donation-circuit p {
	margin: 0 0 1rem 0;
}
.gaiyo {
  line-height: 1.4;
}
.upcoming_museum_line {
  padding-bottom: 40px;
  border-bottom: 1px dotted #999;
}
.upcoming_museum_end {
  padding-bottom: 0px;
  border-bottom: 0px dotted #999;
}
.past_museum_line {
  padding-bottom: 40px;
  border-bottom: 1px dotted #999;
}
.past_museum_end {
  padding-bottom: 0px;
  border-bottom: 0px dotted #999;
}
/*.museum_name {
	font-size: 1.8rem;
	line-height: 2.0rem;
  font-weight: 700;
}
.museum_name::before {
  content: "■";
  padding-right: 5px;
  color: #3B2625;
}
.upc_museum_name {
	font-size: 1.8rem;
	line-height: 2.0rem;
  font-weight: 700;
}
.upc_museum_name::before {
  content: "■";
  padding-right: 5px;
  color: #575757;
}*/
.no_museum {
    text-align: center;
    font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.0rem;
  color: #37393C;
}
.text_center {
  text-align: center;
}
.text_small {
  font-size: 0.95em;
  color: #553a3a;
}
.text_bold {
  font-weight: 700;
}
.carning {
  -webkit-font-feature-settings: 'palt'1; /*// for Android 4.4*/
  font-feature-settings: 'palt'1;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
/* font-color red added */
.mt21 {
  margin-top: 20px;
  color: #ff0000 !important;
}

.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.nowrap {
  white-space: nowrap;
}
/* ナビ */
#gNav.open {
  right: 0px;
}
/*#gNav .gNav-menu li a {
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 3px #000;
}
#gNav .gNav-menu li a:hover {
  color: #FFEE85;
  text-decoration: none;
  text-shadow: 1px 1px 3px #000;
}*/
#gNav .gNav-menu li a {
  text-decoration: none;
}
/*#gNav .gNav-menu li a:hover { 
}*/

/* table */
.museum_table {
  width: 100%;
}
.museum_table th, .museum_table td {
  border-bottom: 1px solid #D8D7D6;
  text-align: center;
  width: 25%;
  min-width: 130px;
  padding: 10px;
  height: 60px;
}
/*<!--ボタン-->*/
/*.bt_hp_wrapper {
  text-align: left;
}*/
.bt_hp_wrapper_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.bt_hp {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  line-height: 30px;
  border-radius: 3px;
  /*width: 190px;
  height: 45px;*/
  color: #fff;
  text-decoration: none;
  background-color: #917971;
  letter-spacing: 1px;
  text-align: center;
  padding: 0.2em 3em;
  font-weight: 700;
  margin: 2px;
}
a:hover .bt_hp {
  color: #000;
  text-decoration: none;
  background-color: #917971;
  transition: .4s;
  cursor: pointer;
}
.arrow_r {
  position: relative;
  /*display: inline-block;
  padding-left: 20px;*/
  color: #fff;
  text-decoration: none;
}
.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -4px;
  transform: rotate(45deg);
}
/*museum_comingsoon*/
.museum_comingsoon {
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #aaa;
  border-radius: 10px;
  padding: 60px 50px 40px 50px;
  margin-bottom: 40px;
  background-image:
    url("../image/bg_area_black.jpg"), url("../image/mb_big@2x.png");
  background-position:
    top left, bottom -30px right -70px;
  background-size: auto, 350px;
  position: relative;
  -webkit-box-shadow: 5px 5px 10px hsla(0, 0%, 4%, 0.36);
  box-shadow: 5px 5px 10px hsla(0, 0%, 4%, 0.36);
}
/* table タブレット */
@media only screen and (max-width: 768px) {
  /*.museum_table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }*/
  .img_museum_upcomming, .credit_upcomming {
    display: none;
  }
}

/*大き目タブレット*/
@media only screen and (min-width:769px) {
  .upcoming_flex {
    display: flex;
  }
  .view-tb_only {
    display: inline !important;
  }
}
/*PC向記述*/
@media screen and (min-width: 960px) {
  /*h1 {
    background-color: #ccc;
    background-image: url("../images/mainImage.jpg") ;
	background-size: cover;
	background-position: top center;
    background-repeat: no-repeat;
    padding-top: calc(100%*445/900);
    border: 0;
    margin: 0;
  }*/
  h1 {
    /*position: relative;*/
    /*height: 100vh;*/
    /*width: 100vw;*/
    height: 499px;
    /*max-height: 445px;
    min-height: 445px;*/
    /*margin: 0 auto;*/
    background: url("../images/mainImage.jpg") top 54px center;
    background-size: 960px 445px;
    background-repeat: no-repeat;
    /* background-size: 960px 445px, contain;*/
    /*padding-top: 49.4%;*/ /*445/900*100%*/
    margin-left: calc(-50vw + 50%);
    border: 0;
    /*background-color: #3B2625;*/
    background-color: #FAF9F5;
  }

  /*nav PC*/
  #gNav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    /*background: rgba(39, 24, 23, 0.4);*/
    background-color: #FAF9F5;
    font-size: 16px;
    box-sizing: border-box;
    z-index: 2;
    padding-top: 54px;
    transition: .6s;
    border-bottom: 1px solid #e9dfdf;
  }
  #gNav {
    position: fixed;
    top: 0;
    right: 0;
    height: 54px;
  }
  .btn-gNav {
    display: none;
  }
  #gNav .globalMenuSp {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -450px;
  }
  #gNav .gNav-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 900px;
    /*height: 50px;*/
    height: 54px;
    /*padding-left: 50px;*/
  }
  /*#nav_logo {
    margin: 6px 10px 0px;
    width: 88px;
    height: 48px;
    margin-right: 10px;
    margin-left: 10px;
  }*/
  /*  #gNav .gNav-menu li {
    font-size: 0.9em;
    line-height: 1.1;
    vertical-align: middle;
  }
  #gNav .gNav-menu li a {
    color: #E9D9C2;
    font-weight: 500;
    display: inline-block;
    padding: 2px 4px;
  }
  #gNav .gNav-menu li a:hover {
    background-color: hsla(0, 0%, 100%, 0.45);
  }*/
  /*文字色黒に変更 20221213*/
  #gNav .gNav-menu li {
    /*padding-top: 10px;*/
    color: #202123;
    font-size: 0.9em;
    line-height: 1.1;
    vertical-align: middle;
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 700;*/
  }
  #gNav .gNav-menu li a {
    color: #202123;
    font-weight: 600;
    display: inline-block;
    padding: 2px 4px;
  }
  #gNav .gNav-menu li a:hover {
    /*background-color: hsla(0,0%,100%,0.45);*/
    border-bottom: 1px #BAB2B2 solid;
    background-color: #FAF9F5;
    padding: 2px 4px 1px 4px;
  }
  /*.gaiyo {
    display: flex;  
    flex-wrap: wrap;
    width: 100%;
} 
.gaiyo dt {
    width: 20%;
    padding: 10px 20px;
    background-color: #fff;
}

.gaiyo dd {
    width: 80%;
    padding: 5px 10px;
}*/
  .view-sp_only {
    display: none !important;
  }
  .view-pc_only {
    display: inline !important;
  }
  .view-tb_only {
    display: none !important;
  }
  /*#gNav .gNav-menu li {
  display: block;
  padding: 20px 30px;
}*/
  /*ボタンPC*/
  .bt_hp {
    width: 250px;
    max-width: 250px;
  }
}
/*タブレット向記述*/
@media screen and (max-width:960px)and (min-width:521px) {
  .wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
  }
  .section_wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  header {
    background-image: none;
    background-repeat: repeat-y;
    background-position: top center;
  }
  .logo {
    display: none;
  }
  /*h*/
  /* h1 {
   margin: 0;
    background-image: url("../image/img_bg_main_tb@2x.jpg");
    background-position: center top;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: static;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;*/
  h1 {
    /*position: relative;*/
    /*height: 100vh;*/
    /*width: 100vw;*/
    width: auto;
    height: 49vw;
    /*max-height: 445px;
    min-height: 445px;*/
    /*margin: 0 auto;*/
    background: url("../images/mainImage.jpg") 0 0 / cover;
    background-repeat: no-repeat;
    /* background-size: 960px 445px, contain;*/
    /*padding-top: 49.4%;*/ /*445/900*100%*/
    margin-left: calc(-50vw + 50%);
    border: 0;
  }
  h1 span {
    display: none;
  }
  /*nav Tb SP*/
  #gNav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    /*background: hsla(0, 0%, 0%, 0.5);*/
    background: rgba(39, 24, 23, 0.55);
    font-size: 16px;
    box-sizing: border-box;
    z-index: 15;
    padding-top: 50px;
    transition: .3s;
  }
  #gNav .gNav-menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    /*justify-content: center;*/
  }
  /*#gNav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  z-index: 20;
}*/
  #nav_logo {
    margin: 0 auto;
    width: 88px;
    height: 48px;
  }
  #gNav .gNav-menu li a {
    display: inline-block;
    color: #fff;
    margin: 1em auto;
    text-decoration: none;
  }
  #gNav .gNav-menu li a:hover {
    color: #FFDD00;
    text-decoration: none;
  }
  .view-sp_only {
    display: none !important;
  }
  .view-pc_only {
    display: inline !important;
  }
}
/*スマホ向記述 sp*/
@media screen and (max-width: 520px) {
  .wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5%;
  }
  .section_wrapper {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
  .section_wrapper_s {
    padding-top: 3rem;
    padding-bottom: 3rem;
    height: auto;
  }
  header {
    background-image: none;
    background-repeat: repeat-y;
    background-position: top center;
  }
  /*  .logo_wrapper {
  margin: 0 auto;
  background-image: url("../image/img_bg_main_sp.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
    }*/
  .logo {
    display: none;
  }
  /*h1 {
    margin: 0 auto;
    background-image: url("../image/img_bg_main_sp@2x.jpg");
    background-position: center top;
    width: 100%;
    height: 139%;
    padding-top: 139%;
    overflow: hidden;
    position: static;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
  }*/
  h1 {
    width: 100vw;
    height: 90vw;
    background: url("../images/mainImage_sp02.jpg") 0 0 / cover;
    background-repeat: no-repeat;
    margin-left: calc(-50vw + 50%);
    border: 0;
  }

	
	
  /*nav Tb SP*/
  #gNav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    /*background: hsla(0, 0%, 0%, 0.5);*/
    background: rgba(39, 24, 23, 0.55);
    font-size: 16px;
    box-sizing: border-box;
    z-index: 15;
    padding-top: 50px;
    transition: .3s;
  }
  #gNav .gNav-menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    /*justify-content: center;*/
  }
  /*#gNav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  z-index: 20;
}*/
  #nav_logo {
    margin: 0 auto;
    width: 88px;
    height: 48px;
  }
  #gNav .gNav-menu li a {
    display: inline-block;
    color: #fff;
    margin: 1em auto;
    text-decoration: none;
  }
  #gNav .gNav-menu li a:hover {
    color: #FFDD00;
    text-decoration: none;
  }
  .view-sp_only {
    display: inline;
  }
  .view-pc_only {
    display: none !important;
  }
  /*ボタンsp*/
  .bt_hp {
    width: 200px;
    max-width: 200px;
  }
}

/* dd spacer 2024/07/19*/
dd.custom-spacing1 {
margin-bottom: 1em;
}

dd.custom-spacing {
margin-bottom: -0.7em;
}

/* indent 2024/10/28 */
.indent {
 text-indent: 5.4em; /* 4em分のインデントを設定 */
}

/* indent 2025/08/26  特別開催(opspecial) 用マージン */
.ml-7 {
  margin-left: 0.7em;
}

.ml-sp1 {
  margin-left: 0;
}

.ml-sp2 {
  margin-left: 0;
}

.ml-sp3 {
  margin-left: 0.7em;
}

@media (max-width: 520px) {
  .ml-sp1 {
    margin-left: 5em;
  }
  .ml-sp2 {
    margin-left: 4.5em;
  }
  .ml-sp3 {
    margin-left: 4.5em;
  }
}

@media (min-width: 768px) {
  .me-1 {
    margin-right: 1rem;
  }
}