/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/* ------ General Settings ------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');

.asagi-museum img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.asagi-museum {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  overflow: hidden;
  line-height: 1.8;
}

.asagi-museum .g {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

a:hover {
  opacity: 1;
  text-decoration: none;
}

.sp {
  display: none !important;
}

.br_pc {
  display: inherit;
}

.br_sp {
  display: none;
}

@media screen and (max-width:768px) {

  /* ------ General Settings ------ */
  .asagi-museum {
    list-style: 1.8;
  }

  img {
    max-width: 100%;
    height: auto;
    width: auto\9;
  }

  a:hover {
    opacity: 1;
    text-decoration: none;
  }

  .pc {
    display: none !important;
  }

  .sp {
    display: inherit !important;
  }

  .br_pc {
    display: none !important;
  }

  .br_sp {
    display: inherit !important;
  }
}

/* ------ base ------ */
#contents01 ul {
  margin: 1em 0 0 0 !important;
}

/* ------ contents ------ */

#main {
  margin-top: 83px;
  overflow: hidden;
}

.asagi-museum #main .top_pc {
  /*height: 735px;*/
}




@media screen and (max-width:768px) {
  #main {
    margin-top: 54px;
    overflow: hidden;
  }

}

/*read_option_museum*/
.read_option_museum {
  background:
    linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url(../images/bg_price.jpg) no-repeat center center;
  background-size: cover;
  padding: 160px 0;
  text-align: center;
}



#palalax_roan_concept2 {
  background: url(../img/top_roan12.jpg) 50% 0 no-repeat fixed #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  margin-bottom: 50px;
}

.tex_concept {
  padding-top: 0;
}

.tex_concept h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  letter-spacing: auto;
  color: #fff;
  font-size: 50px;
  margin-bottom: 50px;
  ;
}

.tex_read {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  padding-top: 20px;
  font-size: 10pt;
  line-height: 2.5em;
  letter-spacing: 0.2em;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
}

.tex_read h2 {
  font-size: 32px;
  margin-right: 80px;
  display: inline-block;
}

.tex_read .tex_read_price {
  font-size: 32px;
  display: inline-block;
  padding: 0;
}

@media screen and (max-width:768px) {
.read_option_museum {
  background:
    url(../images/bg_read_sp.jpg) no-repeat center center;
  background-size: cover;
  padding: 26vw 0;
  text-align: center;
}



#palalax_roan_concept2 {
  background: url(../img/top_roan12.jpg) 50% 0 no-repeat fixed #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  margin-bottom: 13vw;
}

.tex_concept {
  padding-top: 0;
}

.tex_concept h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  letter-spacing: auto;
  color: #fff;
  font-size: 6vw;
  margin-bottom: 10vw;
  ;
}

.tex_read {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  padding-top: 0;
  font-size: 4vw;
  line-height: 2.5em;
  letter-spacing: 0.2em;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
}

.tex_read h2 {
  font-size: 4vw;
  margin-right: 6vw;
  display: inline-block;
  padding-top: 0 !important;
}

.tex_read .tex_read_price {
  font-size: 4vw;
  display: inline-block;
  padding: 0;
}


}


/*about_museum*/

.about_museum {
  padding: 200px 0;
}

.asagi_inner {
  width: 964px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.asagi_inner_al {
  width: 964px;
  margin: 0 auto;
}

.asagi_txt_wrap {
  width: 430px;
}

.asagi_txt_wrap h3 {
  font-size: 24px;
  margin-bottom: 80px;
}

.asagi_img_wrap {
  width: 374px;
}

.asagi_inner .mov_tate {
  margin-bottom: 0px;
}

.asagi_inner .mov_tate .yt_tate {
  width: 100%;
  margin-bottom: 0px;
}

.asagi_inner .mov_yoko {
  margin-bottom: 0px;
}

.asagi_inner .mov_yoko .yt_yoko {
  width: 100%;
  height: 240px;
  margin-bottom: 0px;
}

.asagi_inner .mov_yoko .yt_yoko iframe {
  width: 100%;
  height: 240px;
}

@media screen and (max-width:768px) {

.about_museum {
  padding: 26vw 0;
}

.asagi_inner {
  width: auto;
  margin: 0 6vw;
  display: block;
}

.asagi_inner_al {
  width:  auto;
  margin: 0 6vw;
}

.asagi_txt_wrap {
  width: auto;
}

.asagi_txt_wrap.br_sp{
  padding-top: 13vw;
}

.asagi_txt_wrap h3 {
  font-size: 6.1vw;
  margin-bottom: 16vw;
  letter-spacing: 0;
}

.asagi_txt_wrap p {
  font-size: 3.8vw;
}
.asagi_img_wrap {
  width: 100%;
}

.asagi_inner .mov_tate {
  margin-bottom: 0px;
}

 .mov_tate {
    width: auto;
    margin: 0;
    margin-bottom: 0;
    display: block;
    text-align: center;
  }

.asagi_inner .mov_tate .yt_tate {
  width: 100%;
  margin-bottom: 0px;
}

.asagi_inner .mov_tate .yt_tate iframe {
  width: 100%;
}

.asagi_inner .mov_yoko {
  margin-bottom: 0px;
}

.asagi_inner .mov_yoko .yt_yoko {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  aspect-ratio: 16 / 9;
}

.asagi_inner .mov_yoko .yt_yoko iframe {
  width: 100%;
  height: 100%;
}


}
/*option_museum*/

.option_museum {
  background: #fbfafa;
  padding: 200px 0;
}

@media screen and (max-width:768px) {

.option_museum {
  padding: 20vw 0;
}

}


/*osusume_kimono*/


.osusume_kimono {
  padding: 200px 0;
}

.osusume_kimono_list {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
}

.osusume_kimono_list a {
  width: 223px;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.osusume_kimono_list a:hover {
  opacity: 1;
}

.osusume_kimono_list a img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

.osusume_kimono_list a::after {
  content: "";
  position: absolute;
  inset: 0;
  /* top, right, bottom, leftを0にする省略形 */
  background-color: rgba(240, 239, 239, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  /* hoverが画像に反応するように */
}

.osusume_kimono_list a:hover::after {
  opacity: 1;
}


@media screen and (max-width:768px) {


.osusume_kimono {
  padding: 20vw 0;
}

.osusume_kimono h3{
  font-size: 6.3vw;;
}

.osusume_kimono_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16vw 0;
}

.osusume_kimono_list a {
  width: 41.3%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 5vw;
}

.osusume_kimono_list a:hover {
  opacity: 1;
}

.osusume_kimono_list a img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
}

.osusume_kimono_list a::after {
  content: "";
  position: absolute;
  inset: 0;
  /* top, right, bottom, leftを0にする省略形 */
  background-color: rgba(240, 239, 239, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  /* hoverが画像に反応するように */
}

.osusume_kimono_list a:hover::after {
  opacity: 1;
}
.osusume_kimono p,.asagi_meiga p,.photospot p {
  font-size: 3.8vw;
}

}



/*option_obi*/

.option_obi {
  background: #fbfafa;
  padding: 200px 0;
}

.img_obi {
  width: 470px;
  display: flex;
  justify-content: space-between;
}

.img_obi img {
  width: 223px;
}

.walin_exhibition .img_obi.br_sp  {
  display: none !important;
}

@media screen and (max-width:768px) {
.option_obi {
  padding: 20vw 0;
}

.img_obi {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.img_obi img {
  width: 41vw;
}

.walin_exhibition .img_obi.br_sp  {
  display: flex !important;
  justify-content: space-between;
}
.walin_exhibition .img_obi img {
  width: 42vw;
}

}

/*about_asagi*/


.about_asagi {
  padding: 200px 0;
}

.about_asagi {
  display: flex;
  justify-content: space-between;
  padding: 200px 0;
}

#about_asagi .asagi_img_wrap {
  width: 404px;

}

.btn_blk_cr {
  margin-top: 80px;
  width: 400px;
  display: inline-block;
  background-color: #000;
  /* 背景黒 */
  color: #fff;
  text-decoration: none;
  position: relative;
  padding: 20px 80px 20px 80px;
  /* 右側に余白を多めに確保 */
  box-sizing: border-box;
  text-align: center;
}

.btn_blk_cr span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: "Inter", "Noto Sans JP", sans-serif;
}

/* アイコン設定 */
.btn_blk_cr::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 53px;
  /* 右から53px */
  transform: translateY(-50%);
  /* 上下中央 */
  width: 27px;
  height: 27px;
  background: url("../images/ic_cursor.png") no-repeat center center;
  background-size: contain;
}

@media screen and (max-width:768px) {

.about_asagi {
  padding: 20vw 0;
}

.about_asagi {
  display: flex;
  justify-content: space-between;
  padding: 20vw 0;
}

#about_asagi .asagi_img_wrap {
  width: auto;

}

.btn_blk_cr {
  margin-top: 80px;
  width: 100%;
  display: inline-block;
  background-color: #000;
  /* 背景黒 */
  color: #fff;
  text-decoration: none;
  position: relative;
  padding: 20px 80px 20px 80px;
  /* 右側に余白を多めに確保 */
  box-sizing: border-box;
  text-align: center;
}

.btn_blk_cr span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: 4vw;;
}

/* アイコン設定 */
.btn_blk_cr::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  /* 右から53px */
  transform: translateY(-50%);
  /* 上下中央 */
  width: 27px;
  height: 27px;
  background: url("../images/ic_cursor.png") no-repeat center center;
  background-size: contain;
}

}


/*asagi_meiga*/

.asagi_meiga {
  background: #fbfafa;
  padding: 200px 0;
}

.asagi_meiga_list {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
}

.asagi_meiga_list img {
  width: 223px;
}

@media screen and (max-width:768px) {

.asagi_meiga {
  padding: 20vw 0;
}

.asagi_meiga h3{
  font-size: 6.3vw;;
}

.asagi_meiga_list {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
  flex-wrap: wrap;
  gap: 4vw;
}

.asagi_meiga_list img {
  width: 42vw;
}

}

/*special_exhibition*/

.special_exhibition {
  padding: 200px 0;
}
@media screen and (max-width:768px) {
.special_exhibition {
  padding: 20vw 0;
}




}


/*shop_museum*/

.shop_museum {
  background: #fbfafa;
  padding: 200px 0;
}
@media screen and (max-width:768px) {
.shop_museum {
  padding: 20vw 0;
}

}

/*data_museum*/

.data_museum {
  padding: 200px 0;
}

.data_museum p {
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
.data_museum {
  padding: 20vw 0;
}

.data_museum p {
  margin-bottom: 20px;
}

}

/*photospot*/


.photospot {
  background: #fbfafa;
  padding: 200px 0;
}
@media screen and (max-width:768px) {
.photospot {
  padding: 20vw 0;
}

.photospot h3{
  font-size: 6.3vw;;
}

}
/*walin_exhibition*/


.walin_exhibition {
  padding: 200px 0;
}

@media screen and (max-width:768px) {
.walin_exhibition {
  padding: 20vw 0;
}

}

/*event_flow*/

.event_flow {
  background: #fbfafa;
  padding: 200px 0;
}

.event_flow h3 {
  margin-bottom: 80px;
}

.event_flow_detail {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
}

.event_flow_detail::after {
  content: "";
  position: absolute;
  bottom: -30px;
  /* ボックスの下に配置（画像サイズに合わせて調整） */
  left: 50%;
  transform: translateX(-50%);
  width: 33px;
  height: 19px;
  background: url("../images/ic_cursor.svg") no-repeat center center;
  background-size: contain;
}

.event_flow_detail:last-child::after {
  display: none;
}

.event_flow_detail figure {
  width: 160px;
  margin: 0;
}


.event_flow_detail .asagi_txt_wrap {
  width: 720px;
}

.event_flow_detail .asagi_txt_wrap h3 {
  margin-bottom: 20px;
}

.event_flow_detail .asagi_txt_wrap h4 {
  font-size: 20px;
  margin-bottom: 15px;
}

@media screen and (max-width:768px) {

.event_flow {
  padding: 20vw 0;
}

.event_flow h3 {
  margin-bottom: 10vw;
}

.event_flow h3{
  font-size: 6.3vw;;
}

.event_flow_detail {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3vw 4vw;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 8vw;
}

.event_flow_detail::after {
  content: "";
  position: absolute;
  bottom: -30px;
  /* ボックスの下に配置（画像サイズに合わせて調整） */
  left: 50%;
  transform: translateX(-50%);
  width: 33px;
  height: 19px;
  background: url("../images/ic_cursor.svg") no-repeat center center;
  background-size: contain;
}

.event_flow_detail:last-child::after {
  display: none;
}

.event_flow_detail figure {
  width: 26vw;
  margin: 0;
}


.event_flow_detail .asagi_txt_wrap {
  width: 51vw;
}

.event_flow_detail .asagi_txt_wrap h3 {
  margin-bottom: 20px;
}

.event_flow_detail .asagi_txt_wrap h4 {
  font-size: 4vw;
  margin-bottom: 3vw;
}


.event_flow_detail .asagi_txt_wrap p {
  font-size:3.4vw ;
  margin-bottom: 15px;
  letter-spacing: 0;
}

}
/*よくあるご質問 event_faq*/

.event_faq {
  padding: 200px 0;
}

.event_faq h3 {
  margin-bottom: 80px;
}


.event_faq_detail {
  background: #fbfafa;
  padding: 38px 40px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
}

.event_faq_detail h4 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.event_faq_detail p {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  font-feature-settings: "palt";
    display: flex;
  justify-content: space-between;
  align-items: center;
}

.event_faq_detail h4 span.qttl,
.event_faq_detail p span.qttl {
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: 16px;
  width: 30px;
}

.event_faq_detail h4 span.qtxt,
.event_faq_detail p span.qtxt {
  font-size: 16px;
  width:840px;
}
.event_faq_btn {
  text-align: center;
}

@media screen and (max-width:768px) {

.event_faq {
  padding: 20vw 0;
}

.event_faq h3 {
  margin-bottom: 10vw;
}
.event_faq h3{
  font-size: 6.3vw;;
}

.event_faq_detail {
  background: #fbfafa;
  padding: 4.2vw 4.2vw;
  margin-bottom: 6vw;
  font-size: 3.5vw;
  font-weight: normal;
}


.event_faq_detail h4 {
  font-size: 3.5vw;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.event_faq_detail p {
  font-size: 3.5vw;
  font-weight: normal;
  letter-spacing: 0;
  font-feature-settings: "palt";
    display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.event_faq_detail h4 span.qttl,
.event_faq_detail p span.qttl {
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-size: 3.5vw;
  width: 6vw;
}

.event_faq_detail h4 span.qtxt,
.event_faq_detail p span.qtxt {
  font-size: 3.5vw;
  width:74vw;
}

.event_faq_btn {
  text-align: center;
}

}

/*event_sodan*/

.event_sodan {
  background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url(../images/bg_cta.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 200px 0;
}

.event_sodan h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 60px;
  letter-spacing: 6px;
  list-style: 1.5;
}

.event_sodan p {
  color: #fff;
  font-size: 16px;
  list-style: 1.8;
}

.event_sodan_btn .btn_blk_cr {
  background-color: #af5c70;
}


@media screen and (max-width:768px) {
.event_sodan {
  background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url(../images/cta_sp.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 18.6vw 0;
}

.event_sodan h2 {
  color: #fff;
  font-size: 6vw;
  font-weight: 700;
  margin-bottom: 8vw;
  letter-spacing: 3px;
  list-style: 1.5;
}

.event_sodan p {
  color: #fff;
  font-size: 3.46vw;
  list-style: 1.8;
}

.event_sodan_btn .btn_blk_cr {
  width:86vw ;
  background-color: #af5c70;
}


}