@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { color: #fff; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 13px; line-height: 1; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
.hide-text { text-indent: -9999px; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */

/*==================================
cmn
==================================*/
a img { opacity: 1; transition: all 0.1s ease-out 0s; }
a:hover img { opacity: 0.5; transition: all 0.1s ease-out 0s; }
a {
  color: #ff6696;
  text-decoration: underline;
  word-break: break-word;
  overflow-wrap: break-word;
}
a:visited { color: #ff6696; text-decoration: underline; }
a:hover { color: #ff6696; text-decoration: none; }
body { background: #fff;
  width: 100%;
}
.f_12 { font-size: 12px; }
.f_14 { font-size: 14px; }
.f_16 { font-size: 16px; }
.f_18 { font-size: 18px; }
.f_22 { font-size: 22px; }

/*-------header-------*/
#header_wrap {
  background: #fffffff5;
  position: relative;
  z-index: 500;
  filter: drop-shadow(0 4px 6px #0000003e);
  clip-path: path("M0,0 H100% V90 Q50% 100% 0 90 Z");
}
#header_wrap:before { content: "."; font-size: 0; display: block; height: 10px; width: 100%; background: url(../../images/pc/wrap_line.gif) repeat-x; }
#header {
  position: relative;
  max-width: 800px;
  width: 90%;
  height: auto;
  margin: 0 auto;
  z-index: 500;
}
#header_wrap img{
  width: 100%;
  height: auto;
}
#header h1 {
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  z-index: 500;
  width: 15%;
}
#header #headertxt {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  z-index: 500;
  width: 22%;
}
#header ul#nav_box { width: 695px; display: block; float: right; padding: 22px 0 0 0; }
#header ul#nav_box li { float: left; }
#header ul#nav_box li#nav_btn_01 { background: url(../../images/pc/nav_btn_01.gif) 0 45px; height: 45px; width: 155px; display: block; }
#header ul#nav_box li#nav_btn_02 { background: url(../../images/pc/nav_btn_02.gif) 0 45px; height: 45px; width: 140px; display: block; }
#header ul#nav_box li#nav_btn_03 { background: url(../../images/pc/nav_btn_03.gif) 0 45px; height: 45px; width: 160px; display: block; }
#header ul#nav_box li#nav_btn_04 { background: url(../../images/pc/nav_btn_04.gif) 0 45px; height: 45px; width: 125px; display: block; }
#header ul#nav_box li#nav_btn_05 { background: url(../../images/pc/nav_btn_05.gif) 0 45px; height: 45px; width: 115px; display: block; }
#header ul#nav_box li#nav_btn_01 a { background: url(../../images/pc/nav_btn_01.gif) 0 0; height: 45px; width: 155px; display: block; }
#header ul#nav_box li#nav_btn_02 a { background: url(../../images/pc/nav_btn_02.gif) 0 0; height: 45px; width: 140px; display: block; }
#header ul#nav_box li#nav_btn_03 a { background: url(../../images/pc/nav_btn_03.gif) 0 0; height: 45px; width: 160px; display: block; }
#header ul#nav_box li#nav_btn_04 a { background: url(../../images/pc/nav_btn_04.gif) 0 0; height: 45px; width: 125px; display: block; }
#header ul#nav_box li#nav_btn_05 a { background: url(../../images/pc/nav_btn_05.gif) 0 0; height: 45px; width: 115px; display: block; }

/*-------footer-------*/
#footer_wrap { width: 100%; background: url(../../images/pc/bg_01.gif) repeat; position: relative; z-index: 9000; }
#footer_wrap:after { content: "."; font-size: 0; display: block; height: 10px; width: 100%; background: url(../../images/pc/wrap_line.gif) repeat-x; }
#footer { font-size: 10px; line-height: 1.4; padding: 15px 0 30px;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
#footer #footer_logo_megahouse { padding-right: 8px; float: left; }
#footer p#copyright { font-size: 10px; color: #fff; font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; clear: both; padding: 10px 0 0 0; }

/*==================================
blog
==================================*/
/*#all_wrap { background: url(../../images/pc/bg_contents.gif) repeat 0 0; }*/
#blog,
#all_wrap {
  position: relative;
}
#blog::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../../images/pc/bg_250807.jpg) no-repeat center top;
  background-size: cover;
  pointer-events: none;
  /*@media (max-width: 1024px) {
    background: url(../../images/pc/bg_sp_250807.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: auto;
  }*/
}
#contents {
  /*width: 980px; */
  margin: 0 auto;
  transition: margin-right 0.3s ease;
}

/*-------back-top-------*/
#back-top { width: 113px; height: 108px; position: fixed; bottom: 20px; right: 20px; text-align: center; z-index: 9999; }
#back-top a:link img { opacity: 1; transition: all 0.5s ease-out 0s; }
#back-top a:hover img { opacity: 0.5; transition: all 0.2s ease-out 0s; }
body#blog #main {
  position: relative;
  width: 100%;
  height: 15vw;
  max-height: 133px;
}
@media (max-width: 1024px) {
  body#blog #main {
    width: 90%;
  }
}
body#blog #main_inner div { /*width: 980px;*/ margin: 0 auto; position: relative; }
body#blog #main h2 {
  position: absolute;
  top: 11%;
  right: 0;
  width: 58%;
}
body#blog #main h2 a:hover img { opacity: 1; }
body#blog #main h3 {
  position: absolute;
  top: 13%;
  right: 0;
  width: 45%;
}
body#blog #main h2 img,
body#blog #main h3 img{
  width: 100%;
  height: auto;
}
body#blog #main_tit { position: absolute; top: 70px; left: 374px; }
body#blog #subnav {
  width: 190px;
  float: left;
  margin-right: 20px;
  padding-bottom: 40px;
  display: none;
}
body#blog #articlewrap {
  max-width: 800px;
  width: 94%;
  margin: 0 auto 4rem;
}
@media (max-width: 1024px) {
  body#blog #articlewrap {
    width: 94%;
  }
}
body#blog #sidebar { width: 178px; float: right; }
body#blog #wrapper { background: url(../../images/pc/wrapper_bg.jpg) repeat 0 0; }
body#blog #wrapper_inner { background: url(../../images/pc/wrapper_inner_bg.jpg) no-repeat center 290px; }
body#blog #contents {
  /*width: 990px;*/
  margin: 0 auto;
  padding: 5rem 0 0;
  width: 100%;
}
@media (max-width: 480px) {
  body#blog #contents {
    padding: 3rem 0 0;
  }
}

/*-------nav-------*/
body#blog #nav { background-color: #fff; border-bottom: 1px solid #a8bfde; height: 70px; }
body#blog #nav ul { width: 520px; margin: 0 auto; padding-left: 480px; }
body#blog #nav li a { width: 168px; height: 70px; display: block; float: left; border-left: 1px solid #d5e6f3; }
body#blog #nav li#nav_top a { background: url(../../images/pc/nav_btn.gif) left top no-repeat; }
body#blog #nav li#nav_lineup a { background: url(../../images/pc/nav_btn.gif) center top no-repeat; }
body#blog #nav li#nav_blog a { background: url(../../images/pc/nav_btn.gif) right top no-repeat; border-right: 1px solid #d5e6f3; }
body#blog #nav li#nav_top a:hover { background: url(../../images/pc/nav_btn.gif) left bottom no-repeat; }
body#blog #nav li#nav_lineup a:hover { background: url(../../images/pc/nav_btn.gif) center bottom no-repeat; }
body#blog #nav li#nav_blog a:hover { background: url(../../images/pc/nav_btn.gif) right bottom no-repeat; }

/*-------newarticle-------*/
body#blog #newarticle h4 { background: url(../../images/pc/sidenav_tit.png) left top no-repeat; width: 156px; height: 64px; }
body#blog #newarticle h4 img { margin: 11px; }
body#blog #newarticle { background: url(../../images/pc/sidenav_bg.jpg) #f8ecdf left top no-repeat; font-size: 14px; line-height: 1.3; margin-bottom: 14px; padding-bottom: 20px; }
body#blog ul#list_newarticle li { display: block; background: url(../../images/pc/sidenav_line.gif) left bottom repeat-x; padding: 14px 0; width: 160px; margin: 0 auto; }
body#blog ul#list_newarticle li span { display: block; }
body#blog ul#list_newarticle li .newarticle_txt_date { color: #ff5f9b; padding-bottom: 4px; }
body#blog ul#list_newarticle li .newarticle_txt_date:hover { text-decoration: none; }
body#blog #newarticle a { color: #000000; text-decoration: none; }
body#blog .newarticle_txt_blogtit:hover { text-decoration: underline; }

/*-------category-------*/
body#blog #category h4 { background: url(../../images/pc/sidenav_tit.png) left top no-repeat; width: 156px; height: 64px; }
body#blog #category h4 img { margin: 11px; }
body#blog #category { background: url(../../images/pc/sidenav_bg.jpg) #f8ecdf left top no-repeat; font-size: 14px; line-height: 1.3; margin-bottom: 14px; padding-bottom: 20px; }
body#blog ul#list_category li { display: block; background: url(../../images/pc/sidenav_line.gif) left bottom repeat-x; padding: 14px 0; width: 160px; margin: 0 auto; color: #000; }
body#blog ul#list_category li span { display: block; }
body#blog ul#list_category li .category_txt_date { color: #ff5f9b; padding-bottom: 4px; }
body#blog ul#list_category li .category_txt_date:hover { text-decoration: none; }
body#blog #category a { color: #000000; text-decoration: none; }
body#blog #category li a:hover { text-decoration: underline; }

/*-------archive-------*/
body#blog #archive h4 { background: url(../../images/pc/sidenav_tit.png) left top no-repeat; width: 156px; height: 64px; }
body#blog #archive h4 img { margin: 11px; }
body#blog #archive { background: url(../../images/pc/sidenav_bg.jpg) #f8ecdf left top no-repeat; font-size: 14px; line-height: 1.3; margin-bottom: 14px; padding-bottom: 20px; }
body#blog ul#list_archive li { display: block; background: url(../../images/pc/sidenav_line.gif) left bottom repeat-x; padding: 14px 0; width: 160px; margin: 0 auto; color: #000; }
body#blog ul#list_archive li span { display: block; }
body#blog ul#list_archive li .archive_txt_date { color: #ff5f9b; padding-bottom: 4px; }
body#blog ul#list_archive li .archive_txt_date:hover { text-decoration: none; }
body#blog #archive a { color: #000000; text-decoration: none; }
body#blog #archive a:hover { text-decoration: underline; }

/*-------btn_girlshobby-------*/
body#blog #subnav #btn_girlshobby { padding-bottom: 10px; }

/*-------article-------*/
body#blog .article p { padding-bottom: 6px; }
body#blog .article .txt_pink { color: #ff6696; }
body#blog .article .txt_orange { color: #ff9932; }
body#blog .article .txt_grey { color: #4d4d4d; }
body#blog .article .txt_14 { font-size: 14px; }
body#blog .article .txt_16b { font-size: 16px; font-weight: bold; }
body#blog .article .txt_22b { font-size: 22px; font-weight: bold; }
body#blog .article .txt_26b { font-size: 26px; font-weight: bold; }
body#blog .article .txt_32b { font-size: 32px; font-weight: bold; }
body#blog .article .txt_b { font-weight: bold; }
body#blog .article .txt_center { text-align: center; }
body#blog .article .copyright { text-align: right; }
body#blog .article .txt_space { padding-top: 40px; }
body#blog .article .txt_frame { border: 2px solid #ff6696; border-radius: 10px; font-size: 14px; line-height: 1.6; margin-bottom: 24px; margin-top: -10px; padding: 18px; }
body#blog .article {
  width: 100%;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto 2rem;
  color: #4d4d4d;
  position: relative;
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 480px) {
  body#blog .article {
    margin: 0 auto 1rem;
  }
}
body#blog .article_inner {
  background: #fff;
  padding: 5%;
  filter: drop-shadow(0 2px 2px #0000003e);
  border-radius: 10px;
}
body#blog .article .article_txt_date { font-size: 16px; padding: 7px 10px 7px 32px; background: url(../../images/pc/article_bg_date.jpg) 0 0 no-repeat; color: #ffffff; width: 142px; height: 26px; margin-bottom: 20px; }
body#blog .article .article_tit { font-size: 23px; line-height: 1.4; padding-bottom: 30px; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; color: #ff6696; }
body#blog .article .article_sns { width: 100%; padding-top: 60px; }
body#blog .article .article_sns li { float: right; width: 80px; margin-right: 4px; }
body#blog .article .article_sns li.article_sns_first { margin-right: 0px; }
body#blog .article img {
  max-width: 710px;
  width: 100%;
  height: auto;
  padding: 14px 0;
}

/*-------btn_page-------*/
body#blog ul#btn_page {
  max-width: 770px;
  width: 100%;
  height: 120px; margin: 30px auto 0; position: relative; }
body#blog ul#btn_page li a { height: 60px; }
body#blog li#btn_page_prev a { width: 190px; background: url(../../images/pc/btn_page.png) left top no-repeat; display: block; position: absolute; left: 0; top: 0; }
body#blog li#btn_page_next a { width: 190px; background: url(../../images/pc/btn_page.png) right top no-repeat; display: block; position: absolute; right: 0; top: 0; }
body#blog li#btn_page_toppage a { width: 250px; background: url(../../images/pc/btn_page.png) center top repeat; display: block; margin: 0 auto; }
body#blog li#btn_page_prev a:hover { width: 190px; background: url(../../images/pc/btn_page.png) left bottom no-repeat; }
body#blog li#btn_page_next a:hover { width: 190px; background: url(../../images/pc/btn_page.png) right bottom no-repeat; }
body#blog li#btn_page_toppage a:hover { width: 250px; background: url(../../images/pc/btn_page.png) center bottom repeat; display: block; margin: 0 auto; }
.entry_btn_twitter a { background: url("../../images/pc/entry_btn_tweet.gif") no-repeat scroll 0 -48px; width: 333px; height: 48px; line-height: 0; padding: 0; display: block; opacity: 1; }
.entry_btn_twitter a:hover { opacity: 0; }

body#blog #category_ttl {
  padding: 1em 2em;
  background-color: #9a734b;
  color: #FFF;
  font-size: 1.3rem;
  margin-bottom: 2rem;
  border-radius: 8px;
  filter: drop-shadow(0 2px 2px #0000003e);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.5em;
}
@media (max-width: 480px) {
  body#blog #category_ttl {
    margin-bottom: 1rem;
    padding: 0.5em 1em;
    font-size: 1rem;
  }
}
body#blog #category_ttl span{
    color: #e9d0b5;
    font-size: 0.8em;
    margin-left: 1em;
}

body#blog #pagenav { width: 100%; text-align: center; margin-bottom: 50px; clear: both; }
body#blog #pagenav:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
body#blog #pagenav li {
  width: 9vw;
  height: 9vw;
  max-width: 36px;
  max-height: 36px;
  background: #fe78bb;
  border: 2px solid #fe78bb;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  letter-spacing: normal;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
body#blog #pagenav li a:hover { background: #FFFFFF; color: #fe78bb; }
body#blog #pagenav li a {
  width: 9vw;
  height: 9vw;
  max-width: 36px;
  max-height: 36px;
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
body#blog #pagenav li#pagenav_prev a { background: url(../../images/pc/pagenav_arrow.gif) no-repeat left top; text-indent: 100%; white-space: nowrap; overflow: hidden; }
body#blog #pagenav li#pagenav_prev a:hover { background: url(../../images/pc/pagenav_arrow.gif) #FFFFFF no-repeat left bottom; color: #fe78bb; }
body#blog #pagenav li#pagenav_next a { background: url(../../images/pc/pagenav_arrow.gif) no-repeat right top; text-indent: 100%; white-space: nowrap; overflow: hidden; }
body#blog #pagenav li#pagenav_next a:hover { background: url(../../images/pc/pagenav_arrow.gif) #FFFFFF no-repeat right bottom; color: #fe78bb; }
body#blog #pagenav li.current { background: #FFFFFF; color: #fe78bb; }
body#blog #categoryinfo { width: 740px; background: #FFFFFF; border: 1px solid #dee7e8; padding: 18px 14px 18px; margin: 0 0 30px 22px; display: block; position: relative; }


/*ハンバーガーメニュー*/
.menu-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8vw;
  height: 8vw;
  max-width: 90px;
  max-height: 90px;
  background-color: #fe64b1;
  border-radius: 0.8rem;
  cursor: pointer;
  z-index: 1001;
  position: fixed;
  top: calc(20px + 1vw);
  right: 3%;
  transition: all 0.3s ease;
  filter: drop-shadow(0px 2px 2px #00000031);
}
@media (max-width: 1200px) {
  .menu-btn {
    right: 2%;
  }
}
@media (max-width: 1024px) {
  .menu-btn {
    width: 9vw;
    height: 9vw;
    border-radius: 0.5rem;
    top: calc(20px + 2vw);
  }
}
@media (max-width: 480px) {
  .menu-btn {
    width: 10vw;
    height: 10vw;
    border-radius: 0.3rem;
    top: calc(12px + 2vw);
  }
}
.menu-btn span {
  display: block;
  width: 2.6rem;
  height: 0.25rem;
  background: white;
  margin: 0.25rem 0;
  border-radius: 0.2rem;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .menu-btn span {
    width: 1.8rem;
  }
}
.menu-btn .menutext {
  display: block;
  margin: 0.25rem 0;
  transition: all 0.3s ease;
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .menu-btn .menutext {
    font-size: 0.7rem;
    margin: 0.05rem 0;
  }
}
@media (max-width: 480px) {
  .menu-btn .menutext {
    font-size: 0.6rem;
  }
}
@media (max-width: 800px) {
  .menu-btn span {
    height: 0.15rem;
    margin: 0.15rem 0;
  }
}
@media (max-width: 480px) {
  .menu-btn span {
    width: 1.2rem;
  }
}
.menu-btn.open {
  background: #fff;
}
.menu-btn.open .menutext {
  color: #fe78bb;
}
.menu-btn.open span:nth-child(2) {
  transform: translateY(0.75rem) rotate(45deg);
  background: #fe78bb;
}
.menu-btn.open span:nth-child(3) {
  opacity: 0;
}
.menu-btn.open span:nth-child(4) {
  transform: translateY(-0.75rem) rotate(-45deg);
  background: #fe78bb;
}
@media (max-width: 800px) {
  .menu-btn.open span:nth-child(2) {
    transform: translateY(0.5rem) rotate(45deg);
  }
  .menu-btn.open span:nth-child(4) {
    transform: translateY(-0.45rem) rotate(-45deg);
  }
}

/* スライドメニュー */
.wrapper {
  display: flex;
  transition: margin-right 0.3s ease;
  overflow: hidden;
}
.wrapper.menu-opened {
  margin-right: 18em; /* side-menu width に合わせて */
  max-width: calc(100% - 18em);
}
.side-menu {
  width: 18em;
  max-width: 320px;
  height: 100vh;
  background: #fe78bb;
  box-shadow: -0.5rem 0 1rem rgba(0, 0, 0, 0.1);
  padding: 8rem 2rem 5rem;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: -18em;
  transition: right 0.3s ease;
  z-index: 1000;
}
.side-menu.open {
  right: 0;
}
.side-menu a {
  display: block;
  margin: 1rem 0;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
  text-decoration: none;
  transition: .3s;
  transform: translateX(0);
}
.side-menu a:hover{
  transform: translateX(1em);
}
.side-menu li + li {
  margin-top: 1em;
}

/* 本体コンテンツ */
.main-content {
  padding: 2rem;
  flex: 1;
  box-sizing: border-box;
}

.event-image {
  flex: 0 0 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
@media (max-width: 480px) {
  .event-image {
    width: 100%;
    margin: 0;
  }
}
.event-image a{
  background-color: #f4f4f4;
  border: #e4e4e4 solid 1px;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.event-image img {
  padding: 0 !important;
  margin: 0 !important;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}

.no-thumbnail {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #f4f4f4;
  position: relative;
}
.no-thumbnail::after {
  position: absolute;
  content: "とり子Blog";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #c0c0c0;
  font-weight: 600;
}

.event-content {
  flex: 1;
}
@media (max-width: 480px) {
  .event-content {
    width: 100%;
    margin: 0;
  }
}

.event-date {
  font-size: 0.9rem;
  font-weight: 600;
  display: inline-block;
}

.event-title {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.event-excerpt {
  margin-bottom: 0.5rem;
}

.event-tags {
  font-size: 0.9rem;
  color: #333;
}
.event-card{
  display: flex;
  gap: 1.5rem 5%;
  flex-wrap: wrap;
}
@media (max-width: 800px) {
  .event-card{
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .event-card{
    flex-direction: column;
  }
}
.event-content_flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.category{
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  background: #c0a385;
  padding: 0.25em 1em 0;
  display: inline-block;
}
.category.item{
    background: #ffa0d0;
}
.category.event{
    background: #e2d973;
}
.category.gallery{
  background: #ffb397;
}
.category.campaign{
    background: #c0a385;
}
.category.other{
    background: #c0c0c0;
}

.archive-list ul{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3%;
}
.archive-list li{
  width: 30%;
}
@media (max-width: 480px) {
  .archive-list li{
    width: 47%;
  }
}




/*SNS*/
.sns_container_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
  padding: 4%;
  filter: drop-shadow(0 2px 2px #0000003e);
  border-radius: 10px;
  gap: 7%;
}
.sns_container_box_img{
  padding: 1.5em;
  background: #fe78bb;
  border: #fe78bb 5px solid;
  border-radius: 15px;
  transition: .3s;
}
@media (max-width: 480px) {
  .sns_container_box_img{
    padding: 1em;
    border: #fe78bb 4px solid;
    border-radius: 10px;
  }
}
.sns_container_box_img:hover{
  background: #fff;
}
.sns_container_box_img img{
  width: 100%;
  max-width: 50px;
  height: auto;
  filter: invert(1);
}
@media (max-width: 480px) {
  .sns_container_box_img img{
    max-width: 30px;
  }
}
.sns_container_box_img:hover img{
  opacity: 1;
  filter: invert(0);
}
.sns_container{
  max-width: 800px;
  width: 94%;
  margin: 0 auto 5rem;
}
@media (max-width: 480px) {
  .sns_container{
    margin: 0 auto 3rem;
  }
}
.sns_container h3 {
  padding: 1em 2em;
  background-color: #9a734b;
  color: #FFF;
  font-size: 1.3rem;
  margin-bottom: 2rem;
  border-radius: 8px;
  filter: drop-shadow(0 2px 2px #0000003e);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 480px) {
  .sns_container h3 {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
}
.sns_container h3 span{
    color: #e9d0b5;
    font-size: 0.8em;
    margin-left: 1em;
}

/*topへ戻る*/
#backToTop {
  position: fixed;
  bottom: 3%;
  right: 3%;
  padding: 1.4rem;
  font-size: 1rem;
  font-weight: 600;
  background: #fe78bb;
  border: #fff 1px solid;
  border-radius: 15px;
  transition: .3s;
  color: #fff;
  cursor: pointer;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
@media (max-width: 800px) {
  #backToTop {
    border: #fe78bb 3px solid;
    padding: 0.5em;
    border-radius: 0.5rem;
  }
}
@media (max-width: 480px) {
  #backToTop {
    padding: 0.25em;
    border-radius: 7px;
    font-size: 0.7rem;
  }
}
#backToTop.show {
  opacity: 1;
  pointer-events: auto;
}

#backToTop:hover {
  opacity: 1;
}
#backToTop:hover {
  background: #fff;
  color: #ff5f9b;
}
#footer p{
}
@media (max-width: 800px) {
  #footer p{
    width: 80%;
    margin-left: 5%;
  }
}


/*検索窓*/
.search{
  margin-bottom: 2rem;
}
.search form{
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1rem;
  filter: drop-shadow(0 2px 2px #0000003e);
}
.searchBtn{
  background: #fe78bb;
  padding: 8px;
  border: #fe78bb solid 3px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s ease;
  padding: 1rem;
}
.searchBtn:hover{
  background: #ff2692;
}
input.searchTxt{
  border: #fe78bb solid 3px;
  border-radius: 8px;
  padding: 1em 1.5em;
  width: 30em;
  max-width: calc(100% - 3em - 1rem);
  font-size: 1rem;
}
input.searchTxt:focus-visible{
  border: #ff2692 solid 3px;
  outline: unset;
}
input[name="s"]::placeholder {
  color: #afafaf;
  opacity: 1;
}

@media (max-width: 800px) {
  body#blog li#btn_page_toppage a {
    margin: 4rem auto 0;
  }
}