@charset "utf-8";
/* CSS Document */
/*
記載順

全体の設定
ヘッダー
フッター
カラム設定
トップページ
アーカイブページ
投稿ページ
固定ページ
オリジナルパーツ
オリジナルパーツセット
個別設定

*/
/**************************全体設定***************************/
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
body, .primary-navigation a, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, table, th, td, input, textarea, button, .button {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", monospace !important;
}
.en {
  font-family: "Poppins" !important;
}
.hikki {
  font-family: "Ms Madi", cursive !important;
}
#main {
  padding: 0;
}
p, table {
  font-size: 1rem;
  margin: 10px auto;
  font-weight: 400;
  line-height: 1.9rem;
}
strong {
  color: #FE7595;
  font-weight: 500;
}
a {
  color: #FE7595;
}
img {
  width: 100%;
}
@media only screen and (max-width: 679.98px) {
  p, table {
    font-size: 0.87rem;
    line-height: 1.5rem;
  }
}
h2 {
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
  margin: 10px auto 20px;
}
h3 {
  font-weight: 600;
  font-size: 1.9rem;
}
@media only screen and (max-width: 679.98px) {
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
h4 {
  font-size: 1.1rem;
  margin: 40px auto 0;
  color: #FE7595;
  font-weight: 600;
  border-left: 5px solid #FE7595;
  padding-left: 10px;
}
@media only screen and (max-width: 679.98px) {
  h4 {
    font-size: 1rem;
  }
}
/*************************ヘッダー*************************/
/* ヘッダーの動き */
#masthead {
  position: fixed; /* 固定表示 */
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; /* 最前面に表示 */
  transition: top 0.3s ease; /* スクロールでヘッダーがスムーズに動く */
}
#masthead {
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  transition: 0.3s;
}
@media only screen and (min-width: 680px) {
  #masthead {
    padding: 0 30px;
  }
}
#masthead.scroll {
  background: rgb(255, 255, 255);
  max-width: calc(100vw);
}
@media only screen and (max-width: 920px) {
  #masthead {
    padding: 0 25px 0 15px;
  }
}
@media only screen and (max-width: 679.98px) {
  #masthead {
    padding: 0 22px 0 10px;
  }
}
@media only screen and (max-width: 679.98px) {
  #masthead {
    padding: 0 0 0 20px;
  }
  #masthead.scroll {
    margin: 0;
    max-width: 100%;
  }
}
/*ロゴ*/
@media only screen and (min-width: 680px) {
  .site-logo .custom-logo {
    max-width: 200px;
    transition: 0.3s;
  }
  #masthead.scroll .site-logo .custom-logo {
    max-width: 160px;
  }
}
@media only screen and (max-width: 920px) {
  .site-logo .custom-logo, #masthead.scroll .site-logo .custom-logo {
    max-width: 120px;
  }
}
@media only screen and (max-width: 679.98px) {
  .site-logo .custom-logo, #masthead.scroll .site-logo .custom-logo {
    max-width: 110px;
  }
}
@media only screen and (max-width: 679.98px) {
  .site-logo .custom-logo, #masthead.scroll .site-logo .custom-logo {
    max-width: 140px;
  }
}
/*ナビ*/
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a {
  color: #fe7595;
  font-size: 0.9rem;
  display: block;
  padding: 18px 15px 18px 35px;
  height: 60px;
  border-radius: 7px;
  margin-top: 20px;
  position: relative;
  transition: 0.3s;
  margin-left: 10px;
  border: 2px solid #fe7595;
}
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a:hover {
  background: #fe7595;
  color: #fff;
}
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a::after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  left: 14px;
}
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a:hover::after {
  filter: invert(0%) brightness(5);
}
@media only screen and (min-width: 680px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    text-align: center;
    padding: 35px 1.2vw 25px;
    position: relative;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:first-child > a {
    padding-left: 20px;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a .small {
    display: block;
    font-size: 0.8rem;
    font-family: "Poppins" !important;
    font-weight: 600;
    margin-top: 4px;
  }
  .primary-navigation .menu-item > a {
    color: #000;
    font-size: 0.9rem;
    font-weight: 500;
  }
  .primary-navigation .menu-item > a .small {
    color: #fe7595;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a:hover {
    color: #fe7595;
  }
  .primary-navigation .current-menu-item > a:first-child {
    color: #fe7595;
  }
  .primary-navigation .current_page_item > a:first-child {
    color: #fe7595;
  }
}
@media only screen and (max-width: 920px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    font-size: 0.8rem;
    padding: 35px 1.3vw 35px;
    line-height: 0.8rem;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a .small {
    font-size: 0.7rem;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a {
    padding: 11px 10px 11px 25px;
    height: 40px;
    margin: 30px 10px 0 10px;
    font-size: 0.8rem;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a span {}
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a::after {
    top: 13px;
    width: 11px;
    height: 11px;
    left: 10px;
  }
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    font-size: 0.9rem;
    padding: 35px 1vw 35px;
    letter-spacing: -0.5px;
  }
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    letter-spacing: 0;
    font-size: 1rem;
    border-bottom: 2px solid;
    padding: 10px 0px;
    margin-bottom: 10px;
    text-align: left;
    color: #000;
    display: flex;
    justify-content: left;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a .small {
    font-size: 0.8rem;
    display: block;
    color: #fb7493;
    font-weight: 600;
    margin-left: 5px;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a {
    font-size: 1.1rem;
    margin: 10px 0;
    text-align: center;
    position: relative;
    padding: 40px 20px;
    height: auto;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a span {
    display: inherit;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a::after {
    display: none;
  }
}
/*子メニュー*/
.primary-navigation .sub-menu {
  border: none;
  margin: 0 0 20px;
}
.primary-navigation .sub-menu .menu-item {
  position: relative;
  overflow: hidden;
}
.primary-navigation .sub-menu .menu-item::before {
  transform: scale(1.1);
}
.primary-navigation .sub-menu .menu-item:hover::before {
  transform: scale(1);
}
.primary-navigation .sub-menu .menu-item > a {
  position: relative;
  z-index: 1;
}
.primary-navigation .sub-menu .menu-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  z-index: 0;
}
.primary-navigation .sub-menu .menu-item > a {
  font-size: 0.9rem;
  text-align: center;
  border-bottom: 1px dotted;
  display: flex;
  justify-content: left;
  padding: 5px 10px;
  color: #000;
}
.primary-navigation .sub-menu .current_page_item > a:first-child::before {
  display: none;
}
@media only screen and (min-width: 680px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    width: 100%;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    position: fixed;
    top: 95px;
    z-index: 1200;
    width: 100%;
    background: rgb(255, 255, 255);
    border: none;
    padding: 0 0px 0px 30px;
    display: flex;
    box-shadow: 0 30px 10px -20px rgba(0, 0, 0, 0.1);
  }
  .primary-navigation .sub-menu .menu-item > a {
    text-align: center;
    padding: 80px 0;
    transition: 0.3s;
    border: none;
    color: #fff;
    font-size: 0.8rem;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(1px);
    display: block;
  }
  .primary-navigation .sub-menu .menu-item > a span {
    display: block;
    font-size: 0.9rem;
    line-height: 1.6rem;
    color: #FE7595;
  }
  .primary-navigation .sub-menu .menu-item > a:hover {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(0px);
  }
}
@media only screen and (min-width: 919.8px) {
	.primary-navigation .sub-menu .menu-item > a {
		font-size: 1.2rem;
	}
}
@media only screen and (min-width:1200px) {
	.primary-navigation .sub-menu .menu-item > a {
		font-size: 1.6rem;
	}
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    top: 94px;
  }
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation .sub-menu .menu-item > a span {
    font-size: 0.8rem;
    margin: 0 0 0 10px;
    line-height: 1.2rem;
    font-weight: 600;
    color: #a8a8a8;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    top: auto;
  }
}
/*子メニュー親メニュー名展開*/
.submenu-title {}
.submenu-title .small {
  font-size: 0.8rem;
  margin-left: 5px;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li.submenu-title {
  max-width: 22vw;
  position: relative;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li.submenu-title p {
  position: absolute;
  bottom: 50px;
  font-size: 1.3rem;
}
.submenu-title .submenu-top-link {
  position: absolute;
  bottom: 20px;
  display: block;
  color: #fe7595;
  border: 2px solid #fe7595;
  padding: 4px 10px 5px 25px;
  border-radius: 7px;
  font-size: 0.8rem;
  transition: 0.3s;
  font-weight: 600;
}
.submenu-title .submenu-top-link:hover {
  color: #fff;
  background: #fe7595;
}
.submenu-title .submenu-top-link::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 10px;
}
.submenu-title .submenu-top-link:hover::before {
  filter: invert(0%) brightness(5);
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li.submenu-title {
    display: none;
  }
}
/* メニュートグル有無 */
@media only screen and (min-width: 680px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    display: none;
  }
}
/*ナビスマホ*/
.menu-button-container #primary-mobile-menu {
  padding: 0;
  width: 40px;
  height: 32px;
  margin-right: 25px;
  margin-top: 7px;
}
.menu-button-container #primary-mobile-menu:focus {
  outline: none;
}
.menu-button-container #primary-mobile-menu span img {
  width: 40px;
  height: 32px;
}
/* ボタンスタイル */
.menu-button-container {
  position: relative;
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation > .primary-menu-container {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 30px;
    backdrop-filter: blur(15px) saturate(150%);
  }
}
/*************************フッター*************************/
.no-widgets .site-footer {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.site-footer > .site-info {
  margin: 0;
  background: #000;
}
.site-footer > .site-info .site-info-contents {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  padding: 45px 3vw;
}
.site-footer > .site-info .site-info-contents .brand {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.site-footer .brand img {
  max-width: 190px;
}
.site-footer .brand p {
  color: #fff;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.site-footer .brand .name {
  font-size: 1rem;
  margin: 20px 0 10px;
  font-weight: 600;
}
.site-footer .brand .copyright {
  color: #FE7595;
  margin: 20px 0 0;
}
.site-footer > .site-info .site-info-contents .sitemap {
  width: 60%;
  display: flex;
}
.site-footer .sitemap > div {
  width: 100%;
  padding-left: 10px;
}
.site-footer .sitemap h3 {
  text-align: left;
  font-size: 1.7rem;
  font-weight: 600;
  color: #FE7595;
}
.site-footer .sitemap a {
  text-decoration: none;
  color: #FE7595;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
  transition: 0.3s;
  display: block;
  border-bottom: 1px dashed #444;
  padding: 5px 0;
}
.site-footer .sitemap ul {
  padding: 0;
  list-style: none;
}
.site-footer .sitemap ul li {
  margin: 10px auto;
}
.site-footer .sitemap ul li a {
  color: #fff;
}
.site-footer .sitemap ul li a:hover {
  color: #FE7595;
}
.site-footer .sitemap ul li ul li {
  margin-left: 15px;
}
.site-footer .sitemap .policy {
  margin-top: 80px;
  text-align: right;
}
.site-footer .sitemap .policy a {
  border-bottom: none;
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  .site-footer .sitemap a {
    font-size: 0.8rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 920px) {
  .site-footer > .site-info .site-info-contents {
    display: block;
    padding: 45px 40px;
  }
  .site-footer > .site-info .site-info-contents > div {
    width: 100% !important;
  }
  .site-footer > .site-info .site-info-contents .sitemap {
    width: 100%;
  }
  .site-footer .sitemap > div {
    padding-left: 0;
  }
}
@media only screen and (max-width: 679.98px) {
  .site-footer > .site-info .site-info-contents {
    display: block;
    padding: 40px 30px;
  }
  .site-footer > .site-info .site-info-contents .sitemap {
    display: block;
  }
  .site-footer .sitemap > div {
    margin-bottom: 40px;
  }
  .site-footer .sitemap .policy {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
/*************************カラム設定*************************/
/*幅*/
.max-1500 {
  max-width: 1500px;
  margin: 0 auto;
}
/*カラム枠*/
.column-1 {
  padding: 0px 5vw;
  margin: 0 auto;
}
@media only screen and (max-width: 679.98px) {
  .column-1 {
    padding: 0px 40px;
  }
  .column-1.wide {
    padding: 0px 20px;
  }
}
.column-2 {
  display: flex;
  justify-content: center;
  margin: 50px auto;
}
.column-2 > div {
  width: 50%;
  margin: 15px 30px;
}
.column-2 .back-img {
  border-radius: 20px;
  min-height: 280px;
  background-size: cover !important;
}
@media only screen and (max-width: 920px) {
  .column-2 {
    display: block;
  }
  .column-2 > div {
    width: 100%;
    margin: 0 auto 50px;
  }
  .column-2 .back-img {
    margin-bottom: 0;
  }
}
.column-rightIMG {
  display: flex;
}
.column-rightIMG > div {
  width: calc(100% / 2);
}
.column-rightIMG .content {
  padding-left: 5vw;
  padding-right: 60px;
}
.column-rightIMG .IMG > div {
  height: 100%;
  background-position: center !important;
  max-height: 500px;
  background-size: cover !important;
  border-radius: 20px 0 0 20px;
  position: relative;
}
@media only screen and (max-width: 920px) {
  .column-rightIMG {
    display: block;
    overflow: hidden;
  }
  .column-rightIMG > div {
    width: 100%;
  }
  .column-rightIMG .content {
    padding: 0px 40px 0px;
  }
  .column-rightIMG .IMG > div {
    border-radius: 13px 0 0 13px;
    height: 60vw;
    left: 40px;
    margin-bottom: 30px;
    min-height: 320px;
  }
}
/*背景色*/
.back-black {
  background: #000;
}
.back-gray {
  background: #F3F3F3;
}
.back-color {
  background: #FE7595;
}
.column-1.back-black, .column-1.back-gray, .column-1.back-color {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 679.98px) {
  .column-1.back-black, .column-1.back-gray, .column-1.back-color {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/*背景画像*/
.bgi-area.area01 {
  background: url('img/bgi-01-pc.png');
  background-position: center !important;
}
.bgi-area {
  background-size: cover !important;
  min-height: 460px;
  width: 100%;
}
@media only screen and (max-width: 679.98px) {
  .bgi-area.area01 {
    background: url('img/bgi-01-sp.png');
    min-height: 280px;
  }
  .bgi-area {
    background-size: cover !important;
    background-position: center !important;
  }
}
/*上下間隔*/
.spacer {
  margin: 80px auto;
}
.spacer-inner {
  padding: 80px 0;
}
.spacer-top {
  margin: 0 auto 80px;
}
.spacer-end {
  margin: 80px auto 0;
}
.spacerS {
  margin: 30px auto;
}
/*表示反転*/
.pc-row-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 920px) {}
/*************************トップページ index.php *************************/
/* ローディング画面 */
#loading {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loading .loading-content {
  text-align: center;
}
#loading img {
  max-width: 200px;
  margin-bottom: 20px;
}
#progress-bar {
  width: 300px;
  height: 6px;
  background: #333;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 auto;
}
#progress {
  width: 0%;
  height: 100%;
  background: #fff;
  transition: width 0.2s;
}
#loading.loaded {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}
/* TOPメイン コンテンツ部分*/
#first-view {
  height: 100vh;
  margin: 0;
  min-height: 680px;
  position: relative;
  overflow-x: clip;
}
@media only screen and (max-width: 679.98px) {
  #first-view {
    min-height: 500px;
  }
}
/*スライドショー*/
.back-slideshow {}
.back-slideshow div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.back-slideshow div.img01 {
  background-image: url('img/pc-image1.png');
  background-position: top;
}
.back-slideshow div.img02 {
  background-image: url('img/pc-image2.png');
  background-position: top;
}
.back-slideshow .slick-dots {
  display: none;
}
.slick-initialized .slick-slide {
  min-height: 500px;
}
@media only screen and (max-width: 679.98px) {
  .back-slideshow div.img01 {
    background-image: url('img/sp-image1.png');
  }
  .back-slideshow div.img02 {
    background-image: url('img/sp-image2.png');
  }
}
/*背景動画*/
.back-movie {
  position: absolute;
  height: 79vh;
  overflow: clip;
  top: 120px;
  width: 0; /* 初期幅0 */
  margin: 0 auto;
  right: 0;
  left: 0;
  border-radius: 13px;
  transition: width 0.8s ease, border-radius 0.8s ease;
}
.back-movie.loaded {
  width: 94vw; /* 通常の幅 */
}
.back-movie::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: block;
}
.maine-collar-back {
  background: #fe7595;
  width: 100vw;
  height: 71vh;
  position: absolute;
  bottom: -4vh;
  z-index: -6;
  transition: height 0.5s ease;
}
#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.dot-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(0, 0, 0, 0.4) 15%, transparent 16%);
  background-size: 4px 4px; /* サイズ小さめ */
  opacity: 0.8;
  pointer-events: none;
}
@media only screen and (min-width: 1600px) {
  .back-movie.loaded {
    height: 85vh;
  }
  .dot-filter {
    background-size: 3px 3px; /* サイズ小さめ */
  }
}
@media only screen and (max-width: 1200px) {
  .back-movie.loaded {
    height: calc(96vh - 110px);
    top: 110px;
  }
  .maine-collar-back {
    height: 58vh;
  }
}
@media only screen and (max-width: 679.98px) {
  .back-movie.loaded {
    min-height: 500px;
    width: 92vw;
    top: 85px;
    height: calc(100vh - 115px);
  }
}
#first-view .catch-area {
  position: absolute;
  z-index: 2;
  bottom: 5.9vh;
  left: 4.5vw;
}
#first-view .catch-area .main-catch {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
#first-view .catch-area .sub-catch {
  font-size: 0.85rem;
  font-weight: 300;
  margin: 0 auto 15px;
  color: #fff;
}
@media only screen and (min-width: 1600px) {
  #first-view .catch-area {
    bottom: 2.9vh;
  }
}
@media only screen and (max-width: 1200px) {
  #first-view .catch-area .main-catch {
    font-size: 1.4rem;
    line-height: 1.5rem;
    margin: 5px auto;
  }
  #first-view .catch-area .sub-catch {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 920px) {
  #first-view, .slick-initialized .slick-slide {
    min-height: auto;
  }
}
@media only screen and (max-width: 679.98px) {
  #first-view, .slick-initialized .slick-slide {
    max-height: 100vh;
  }
  #first-view .catch-area {
    bottom: unset;
    display: flex;
    flex-direction: row-reverse;
    top: 110px;
    left: 7vw;
  }
  #first-view .catch-area .main-catch {
    font-size: 4.9vw;
    line-height: 6.8vw;
    writing-mode: vertical-rl;
    letter-spacing: 0.2vw;
    margin: 0 auto;
  }
  #first-view .catch-area .sub-catch {
    font-size: 0.8rem;
    letter-spacing: 0;
    writing-mode: vertical-rl;
  }
}
/*** 新着1件 ***/
.layers-news {
  position: absolute;
  bottom: 0;
  right: 1.5vw;
  margin: 0;
}
.layers-news .latest-post {
  display: block;
  padding: 15px 20px 10px 15px;
  border-radius: 7px 7px 0 0;
  width: 270px;
  background: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  color: #000;
  transition: 0.3s;
  backdrop-filter: blur(10px) saturate(150%);
}
.layers-news .latest-post .latest-post-wrap {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  position: relative;
}
.layers-news .latest-post .latest-post-wrap::before {
  content: url('img/nexticon.svg');
  display: block;
  position: absolute;
  width: 16px;
  right: -5px;
  bottom: -10px;
  transition: 0.3s;
}
.layers-news .latest-post:hover {
  padding: 15px 20px 30px 15px;
}
.layers-news .latest-post:hover .latest-post-wrap::before {}
.layers-news .latest-post .post-category {
  background: #FE7595;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 5px 10px;
  font-size: 0.8rem;
  line-height: 0.8rem;
  max-width: 100px;
}
.layers-news .latest-post .post-date {
  font-size: 0.9rem;
  padding: 0 10px;
}
.layers-news .latest-post .post-title {
  font-size: 0.8rem;
  padding: 5px 0;
  line-height: 1.1rem;
}
@media only screen and (max-width: 920px) {
  .layers-news .latest-post {
    width: 230px;
  }
}
@media only screen and (max-width: 679.98px) {
  .layers-news {
    position: relative;
    padding: 0 40px;
    right: unset;
  }
  .layers-news .latest-post {
    width: 100%;
    border-radius: 7px;
    padding: 20px 20px;
    background: #fe7595;
  }
  .layers-news .latest-post:hover {
    padding: 20px;
  }
  .layers-news .latest-post .latest-post-wrap {
    color: #fff;
  }
  .layers-news .latest-post .post-category {
    background: #fff;
    color: #FE7595;
  }
  .layers-news .latest-post .post-title {
    display: block;
    min-width: 100%;
    line-height: 1.2rem;
  }
  .layers-news .latest-post .latest-post-wrap::before {
    filter: invert(0%) brightness(5);
  }
}
/*** お知らせ ***/
#news {
  background: #f3f3f3;
}
#news .newscontent {
  max-width: 1000px;
  margin: 0 auto;
}
#news .newscontent .post-list {
  margin: 30px auto 40px;
}
#news .newscontent .post-list a {
  background: #fff;
  padding: 20px 20px;
  display: block;
  text-decoration: none;
  margin: 10px auto;
  border-radius: 7px;
  transition: 0.3s;
}
#news .newscontent .post-list a:hover {
  background: #FE7595;
}
.newscontent .post-list a .contents-wrap {
  display: flex;
  justify-content: left;
}
.newscontent .post-list a .contents-wrap .category-title {
  background: #FE7595;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 5px 10px;
  line-height: 1rem;
  border-radius: 4px;
  margin: auto 10px auto 10px;
  width: 110px;
  min-width: 110px;
  text-align: center;
}
.newscontent .post-list a:hover .contents-wrap .category-title {
  background: #fff;
  color: #FE7595;
}
.newscontent .post-list a .contents-wrap .days {
  color: #000;
  text-align: left;
  margin: auto 10px;
  font-size: 0.9rem;
  font-weight: 600;
}
.newscontent .post-list a:hover .contents-wrap .days {
  color: #fff;
}
.newscontent .post-list a .contents-wrap h3 {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  margin-left: 20px;
  text-align: left;
  margin-top: 2px;
}
.newscontent .post-list a:hover .contents-wrap h3 {
  color: #fff;
}
@media only screen and (max-width: 679.98px) {
  .newscontent .post-list a .contents-wrap {
    flex-wrap: wrap;
  }
  .newscontent .post-list a .contents-wrap .category-title {
    margin: 0 10px 0 0px;
  }
  .newscontent .post-list a .contents-wrap .days {
    margin: 0 0 0 auto;
    font-size: 0.8rem;
  }
  .newscontent .post-list a .contents-wrap h3 {
    margin: 10px auto 0;
    text-align: left;
    width: 100%;
    font-size: 0.9rem;
  }
}
/*************************お知らせ一覧ページ**************************/
#news-archive {
  padding: 30px;
}
#news-archive .pagination {
  border: none;
}
#news-archive ul {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
  list-style: none;
}
#news-archive ul li {}
#news-archive ul li a {
  display: flex;
  padding: 20px;
  text-decoration: none;
  margin: 0px auto;
  border-bottom: 2px solid #e3e7ea;
  transition: 0.3s;
}
#news-archive ul li a:hover {
    background: #f0f0f0;
}
#news-archive ul li a p {
  margin: 0;
	width: 80%;
}
#news-archive ul li a .category-title {
  background: #FE7595;
  display: block;
  padding: 2px 10px;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 10px;
  text-align: center;
  width: 120px;
  color: #fff;
	height: fit-content;
}
#news-archive ul li a .days {
  margin-right: 20px;
  width: 100px;
  text-align: right;
}
@media only screen and (max-width: 679.98px) {
  #news-archive ul li a {
    flex-wrap: wrap;
    padding: 15px 0px;
    
  }
  #news-archive ul li a p {
    width: 100%;
  }
  #news-archive ul li a .days {
    text-align: left;
    margin-right: 10px;
    width: auto;
  }
  #news-archive ul li a .category-title {
   
    width: auto;
    margin-right: 20%;
  }
}
/*************************その他のページ*************************/
/*search.php archive.php 404.phpその他*/
.sub-page-header {
  max-width: 100%;
  margin: 0 auto;
  padding: 180px 20px 30px;
  border: none;
}
.sub-page-header h1 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 500;
  word-break: break-all;
}
.no-results .page-content, .error-404 .page-content {
  max-width: 800px;
  margin: 70px auto 0 !important;
  padding: 0 25px 100px;
}
.error-404 .page-content > p {
  font-size: 1rem;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 679.98px) {
  .sub-page-header {
    padding: 120px 20px 40px;
  }
  .sub-page-header h1 {
    font-size: 1.5rem;
  }
  .error-404 .page-content > p {
    text-align: left;
  }
}
.search-form {
  max-width: 100%;
}
.search-form .search-field {
  border: 2px solid #dbdbdb;
  box-shadow: none;
  margin: 10px auto;
}
.search-form .search-submit {
  margin: 0 auto;
  display: block;
  width: 100%;
  border: none;
  border-radius: 7px;
  background: #FE7595;
  padding: 5px;
}
.search-form .search-submit:hover {
  color: #fff;
  background: #FE7595;
}
/*archive.php*/
.archive-page-contents {
  margin: 0 auto;
  padding: 0px 40px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  margin-bottom: 100px !important;
}
.archive-page-contents article {
  background: #f4f4f4;
  padding: 20px 40px;
  margin: 10px 10px;
  border-radius: 20px;
  width: calc(100% / 3 - 20px);
}
.archive-page-contents article .entry-header {
  margin-bottom: 0;
  margin-top: 0 !important;
}
.archive-page-contents article .entry-header h2 {
  text-align: left;
}
.archive-page-contents article .entry-header h2 a {
  color: #FE7595;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
  display: inline-block;
}
.archive-page-contents article .entry-content {
  font-size: 1rem;
}
.archive-page-contents article .entry-content {
  margin: 10px auto;
}
.archive-page-contents article .entry-content .more-link {
  color: #FE7595;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 10px;
  font-size: 0.8rem;
  border-radius: 4px;
  border: 2px solid #FE7595;
  transition: 0.3s;
  display: inline-block;
}
.archive-page-contents article .entry-content .more-link:hover {
  color: #fff;
  background: #FE7595;
}
.archive-page-contents article .entry-footer {
  margin: 10px auto 15px;
  text-align: right;
  font-size: 0.9rem;
}
.archive-page-contents article .post-thumbnail .wp-post-image {
  margin: 10px auto 15px;
  border-radius: 20px;
}
.navigation.pagination {
  border: none;
  margin-bottom: 50px;
}
.pagination .nav-links > * {
  font-size: 1.1rem;
}
@media only screen and (max-width: 1200px) {
  .archive-page-contents article {
    width: calc(100% / 2 - 20px);
  }
}
@media only screen and (max-width: 679.98px) {
  .archive-page-contents article {
    width: calc(100% / 1 - 0px);
    margin: 10px auto;
  }
  .archive-page-contents article .entry-header h2 a {
    font-size: 1.5rem;
  }
}
/*************************投稿ページ*************************/
.entry-header-single {
  max-width: 100%;
  margin: 0 auto 50px;
  padding: 180px 0px 0px;
  padding-bottom: 0 !important;
}
.entry-header-single h1 {
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 0 40px;
  text-align: center;
}
.entry-header-single figure {
  margin: 0 auto;
  background: #fff;
  width: 100% !important;
  width: auto;
  padding: 10px 60px 0;
}
.entry-header-single .post-thumbnail .wp-post-image {
  margin: 0 auto 30px;
  max-width: 800px !important;
}
.site-main > article > .single-entry-content {
  max-width: 800px;
  margin: 50px auto 0;
  padding: 0 25px;
  font-size: 1.1rem;
}
.site-main > article > .single-entry-content h2 {
  color: #FE7595;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: 1px;
  background: #f3f3f3;
  padding: 40px 10px 40px 20px;
  border-left: 6px solid #FE7595;
  margin: 30px auto 20px;
}
.site-main > article > .single-entry-content h3 {
  margin-top: 50px;
  font-size: 1.5rem;
  border-left: 6px solid;
  padding-left: 10px;
}
.single .site-main > article > .entry-footer.single-entry-footer {
  margin: 30px auto;
  border: none;
  max-width: 800px;
  padding: 0 25px;
  display: block;
}
.post-navigation .nav-links {
  max-width: 800px;
  margin: 10px auto 25px;
  padding: 0 25px 30px;
}
.post-navigation .nav-next:last-child {
  margin: 0;
}
.post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child {
  margin-bottom: 20px;
}
.navigation .nav-links .nav-next a .post-title, .navigation .nav-links .nav-previous a .post-title {
  margin: 0 auto;
  font-size: 1rem;
  color: #FE7595;
}
@media only screen and (max-width: 679.98px) {
  .entry-header-single h1 {
    font-size: 1.2rem;
    padding: 0 30px;
    text-align: left;
    line-height: 1.6rem;
  }
  .entry-header-single figure {
    padding: 10px 30px 0px;
  }
  .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child {
    margin-bottom: 20px;
  }
  .post-navigation .post-title {
    font-size: 0.9rem;
  }
  .post-navigation .nav-links {
    padding: 10px;
  }
  .post-navigation .nav-links div a {
    background: #f4f4f4;
    padding: 10px 15px;
    border-radius: 5px;
  }
  .navigation .nav-links .nav-next a .post-title, .navigation .nav-links .nav-previous a .post-title {
    width: 100%;
  }
  .site-main > article > .single-entry-content {
    font-size: 1rem;
  }
  .site-main > article > .single-entry-content h3 {
    font-size: 1.3rem;
  }
  .site-main > article > .single-entry-content h2 {
    font-size: 1.2rem;
  }
}
/*************************固定ページ*************************/
#page .entry-content {
  margin: 0 auto;
}
/**ヘッダー見出し**/
.singular .entry-header.headercustom {
  margin: 100px auto 0px;
  width: 100%;
  max-width: 100%;
  color: #fff;
  height: 100px;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.singular .entry-header.headercustom h1 {
  font-weight: 500;
  text-align: right;
  font-size: 1.2rem;
  line-height: 3rem;
  position: absolute;
  right: 0;
  bottom: 20px;
  padding: 0 30px;
  z-index: 10;
  margin: 0;
}
.singular .entry-header.headercustom::before {}
.singular .entry-header.headercustom::after {}
@media only screen and (max-width: 679.98px) {
  .singular .entry-header.headercustom {}
  .singular .entry-header.headercustom h1 {
    font-size: 0.9rem;
    padding: 0 20px;
  }
}
/*カスタムパーツ*/
.page-title-area {
  background-size: cover !important;
  padding: 40px;
  min-height: 60vh;
  position: relative;
  margin-top: 20px;
}
.page-title-area .en {
  display: block;
  position: absolute;
  right: 30px;
  top: -20px;
  color: #FE7595;
  font-size: 5.6rem;
  font-weight: 700;
}
.page-title-area-child .en {
  color: #FE7595;
  font-size: 3rem;
  text-align: right;
  position: relative;
  right: 25px;
  top: -25px;
}
@media only screen and (max-width: 679.98px) {
  .page-title-area .en {
    font-size: 2.2rem;
    top: -55px;
    right: 20px;
  }
  .page-title-area {
    min-height: 200px;
  }
  .page-title-area-child .en {
    right: 15px;
    font-size: 2.3rem;
    top: -35px;
  }
}
.page-title-area.music {
  background: url('img/header/head-01.png');
}
.page-title-area.brand {
  background: url('img/header/head-02.png');
}
.page-title-area.design {
  background: url('img/header/head-03.png');
}
.page-title-area.movie {
  background: url('img/header/head-04.png');
}
.page-title-area.wedding {
  background: url('img/header/head-05.png');
}
.page-title-area.company {
  background: url('img/header/head-06.png');
}
@media only screen and (max-width: 679.98px) {
  .page-title-area.music {
    background: url('img/header/head-01-sp.png');
  }
  .page-title-area.brand {
    background: url('img/header/head-02-sp.png');
  }
  .page-title-area.design {
    background: url('img/header/head-03-sp.png');
  }
  .page-title-area.movie {
    background: url('img/header/head-04-sp.png');
  }
  .page-title-area.wedding {
    background: url('img/header/head-05-sp.png');
  }
  .page-title-area.company {
    background: url('img/header/head-06-sp.png');
  }
}
/*************************メールフォーム*************************/
.contact-form {
  max-width: 1100px;
}
.contact-form form {
  margin: 60px auto;
}
.contact-form .smf-item__label__text {
  font-size: 1.2rem;
  line-height: 1.5rem;
  display: inline-block;
  font-weight: 500;
}
.contact-form input[type="radio"]::after {
  content: none;
}
.contact-form input[type="checkbox"]::after {
  content: none;
}
.contact-form .smf-radio-button-control__label, .contact-form .smf-checkbox-control__label {
  font-size: 1rem;
}
.contact-form .hissu, .contact-form .ninni {
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 0.8rem;
  position: relative;
  top: -2px;
}
.contact-form .hissu {
  background: #FE7595;
}
.contact-form .ninni {
  background: #666;
}
@media only screen and (max-width: 679.98px) {
  .contact-form .smf-item__label__text {
    font-size: 1rem;
  }
}
/*************************オリジナルパーツ*************************/
/* 見出し */
.h2-style {
  text-align: left;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FE7595;
}
.h2-style span {
  display: block;
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: 600;
  font-family: "Poppins" !important;
}
.h2-style.h2-center {
  text-align: center;
}
.h2-style.h2-center span {}
@media only screen and (max-width: 679.98px) {
  .h2-style {
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin-bottom: 20px;
  }
  .h2-style span {
    font-size: 10vw;
    line-height: 12.4vw;
  }
  .h2-style.h2-center span {}
}
/* リンクボタン */
.btn01 {
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  max-width: 100%;
  text-align: center;
  color: #FE7595;
  border-radius: 7px;
  border: 2px solid #FE7595;
  padding: 10px 25px 20px;
  margin: 30px auto;
  overflow: hidden;
  transition: color 0.3s;
}
.btn01::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #FE7595;
  z-index: 0;
  transition: all 0.5s ease;
}
.btn01::after {
  position: absolute;
  content: url('img/nexticon-L.svg');
  display: block;
  width: 26px;
  height: 26px;
  top: 25px;
}
.btn01 span {
  position: relative;
  z-index: 1;
  display: block;
  font-weight: 500;
  font-size: 0.85rem;
  line-height: 1.1rem;
  text-align: right;
  transition: color 0.3s;
}
.btn01 span.en {
  font-size: 1.9rem;
  line-height: 2.8rem;
  font-weight: 600;
}
.btn01:hover::before {
  left: 0;
}
.btn01:hover::after {
  filter: invert(0%) brightness(5);
}
.btn01:hover {
  color: #fff;
}
@media only screen and (max-width: 679.98px) {
  .btn01 span {
    font-size: 0.7rem;
    line-height: 0.7rem;
  }
  .btn01 span.en {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
  .btn01::after {
    width: 22px;
    height: 22px;
    top: 22px;
  }
}
.btn02 {
  color: #fff;
  border: 2px solid;
  border-radius: 7px;
  padding: 30px 20px 55px;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.3s;
  position: relative;
}
.btn02:hover {
  background: rgba(255, 255, 255, 1);
  color: #FE7595;
}
.btn02 .en {
  display: block;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
}
.btn02:hover .en {
  color: #FE7595;
}
.btn02::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  filter: invert(0%) brightness(5);
  bottom: 25px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.btn02:hover::after {
  filter: unset;
}
@media only screen and (max-width:920px) {
  .btn02 {
    font-size: 0.7rem;
    padding: 20px 20px 40px;
  }
  .btn02 .en {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .btn02::after {
    width: 12px;
    height: 12px;
    bottom: 20px;
  }
}
.btn02-list {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
}
.btn02-list li {
  width: 100%;
  margin: 10px;
}
@media only screen and (max-width:920px) {
  .btn02-list {
    display: block;
  }
  .btn02-list li {
    margin: 15px auto;
  }
}
.btn03 {
  color: #000;
  border: 2px solid #000;
  border-radius: 7px;
  padding: 30px 20px 55px;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.3s;
  position: relative;
}
.btn03:hover {
  background: #FE7595;
  color: #fff;
  border: 2px solid #FE7595;
}
.btn03 .en {
  display: block;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
}
.btn03:hover .en {
  color: #fff;
}
.btn03::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  filter: invert(0%) brightness(0);
  bottom: 25px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.btn03:hover::after {
  filter: invert(0%) brightness(5);
}
@media only screen and (max-width:920px) {
  .btn03 {
    font-size: 0.7rem;
    padding: 20px 20px 40px;
  }
  .btn03 .en {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .btn03::after {
    width: 12px;
    height: 12px;
    bottom: 20px;
  }
}
.btn03-list {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.btn03-list li {
  width: calc(100% / 3 - 20px);
  margin: 10px;
}
@media only screen and (max-width:920px) {
  .btn03-list {
    display: block;
  }
  .btn03-list li {
    margin: 15px auto;
    width: 100%;
  }
}
.btn04 {
  display: block;
  text-decoration: none;
  background: #f3f3f3;
  color: #000;
  padding: 50px 40px;
  border-radius: 7px;
  position: relative;
  text-align: center;
}
.btn04::before {
  position: absolute;
  content: url('img/nexticon-L.svg');
  display: block;
  width: 25px;
  height: 25px;
  bottom: 25px;
  right: 30px;
  transition: 0.3s;
}
.btn04:hover::before {
  right: 20px;
}
.btn04-list {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.btn04-list li {
  margin: 15px;
  width: 100%;
}
@media only screen and (max-width:920px) {
  .btn04 {
    font-size: 1rem;
  }
  .btn04-list {
    display: block;
  }
  .btn04-list li {
    margin: 15px auto;
  }
}
.btnmini {
  color: #FE7595;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  display: block;
  max-width: 200px;
  margin: 15px auto;
  border: 2px solid #FE7595;
  padding: 5px 10px;
  border-radius: 7px;
  transition: background 0.3s, color 0.3s;
  background: rgba(254, 117, 149, 0);
}
.btnmini:hover {
  background: rgba(254, 117, 149, 1);
  color: #fff;
}
@media only screen and (max-width: 679.98px) {}
/* テーブル */
.table01 {
  margin: 20px auto;
}
.table01 th {
  border: none;
  border-bottom: 2px solid #FE7595;
  letter-spacing: 0.1rem;
  font-weight: 500;
  color: #FE7595;
}
.table01 td {
  border: none;
  border-bottom: 2px solid #e8e8e8;
  line-height: 1.2rem;
  padding: 20px 15px;
}
.table01 td ul {
  list-style: none;
  padding: 0 20px 0;
  margin: 10px auto;
}
.table01 td ul li {
  position: relative;
  margin-bottom: 20px;
}
.table01 td ul li::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50px;
  background: #FE7595;
  top: 6px;
  left: -17px;
}
.table01 td ul li h3 {
  text-align: left;
  font-size: 1.1rem;
}
@media only screen and (max-width: 679.98px) {
  .table01 th, .table01 td {
    display: block;
    width: 100%;
  }
  .table01 th {
    border-bottom: none;
    padding: 10px 0 0;
    font-size: 1rem;
    letter-spacing: 0;
  }
  .table01 td {
    font-size: 0.9rem;
    padding: 0;
    margin-bottom: 10px;
    border: none;
  }
  .table01 td ul li {
    margin-bottom: 10px
  }
  .table01 td ul li h3 {
    font-size: 1rem;
  }
  .table01 td ul li p {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 679.98px) {
  .table01.info-type th {
    border-bottom: 1px dotted #999;
    background: #f6f6f6;
    padding: 3px 7px;
    margin: 10px auto;
  }
  .table01.info-type td {
    padding: 0 10px;
  }
}
/*リスト*/
.list01 {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto;
}
.list01 li {
  list-style: none;
  background: #fff;
  padding: 10px 25px;
  border-radius: 7px;
  margin: 10px;
  color: #FE7595;
  font-size: 1.1rem;
  font-weight: 500;
}
.list01 li span {
  color: #000;
  font-size: 0.8rem;
  margin: 2px;
}
@media only screen and (max-width: 679.98px) {
  .list01 {
    justify-content: left;
  }
  .list01 li {
    font-size: 0.9rem;
    padding: 5px 15px;
    margin: 0 10px 10px 0px;
  }
}
.list02 {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.list02 li {
  background: #fff;
  padding: 3px 13px;
  font-size: 1rem;
  border-radius: 5px;
  margin: 5px;
}
/* テキスト */
.small-txt {
  font-size: 0.8rem;
  margin: 0 auto;
}
.catch-txt {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.3rem;
  letter-spacing: 0.15rem;
  margin: 40px auto 30px;
}
.catch-txt-color {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.3rem;
  letter-spacing: 0.15rem;
  text-align: center;
  color: #FE7595;
}
.catch-txt-white {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 920px) {
  .catch-txt {
    font-size: 1.45rem;
  }
  .catch-txt-white {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 679.98px) {
  .catch-txt {
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0.05rem;
    margin: 30px auto 20px;
  }
  .catch-txt-color {
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0.05rem;
    text-align: left;
  }
}
/* テキストボックス */
.txt-box01 {
  background: #fff;
  padding: 10px 25px;
  border-radius: 7px;
  margin: 15px auto;
}
.txt-box01 ol{
	padding-left: 20px;
	margin: 10px auto 15px;
}
.txt-box01 li{
	font-size: 1rem;
	
}
@media only screen and (max-width: 679.98px) {
	.txt-box01 li{
	font-size: 0.8rem;
}
}
.txt-box02 {
  border: 3px solid #fff;
  padding: 10px 25px;
}
.txt-box03 {
  padding: 15px 25px;
  background: #f3f3f3;
  border-radius: 7px;
}
/*角丸*/
.img-maru {
  border-radius: 20px;
}
/* 色 */
.txt-color {
  color: #FE7595;
}
/* PC-スマホ切換え */
.sp-feed {
  display: none;
}
.notepc-feed {
  display: none;
}
.pc-center {
  text-align: center;
}
@media only screen and (max-width: 1350px) {
  .notepc-feed {
    display: block;
  }
}
@media only screen and (max-width: 679.98px) {
  .sp-feed {
    display: inherit;
  }
  .pc-feed {
    display: none;
  }
  .notepc-feed {
    display: none;
  }
  .pc-center {
    text-align: left;
  }
}
.hidden {
  overflow: hidden;
}
/* 動き:ふわっと表示*/
.fly {
  opacity: 0; /* 初期状態: 透明 */
  transform: translateY(20px); /* 初期状態: 下にずらす */
  transition: opacity 0.6s ease, transform 0.6s ease; /* アニメーションの設定 */
}
.fly.is-visible {
  opacity: 1; /* 表示 */
  transform: translateY(0); /* 元の位置に戻す */
}
/*************************オリジナルパーツセット*************************/
/*カーソル*/
.custom-cursor {
  width: 20px;
  height: 20px;
  background: rgba(254, 117, 149, 1);
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%) scale(1); /* ← scale で拡大縮小 */
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.25s ease;
}
.custom-cursor.is-hover {
  transform: translate(-50%, -50%) scale(2.5); /* ホバー時に拡大 */
  background: rgba(254, 117, 149, 0.5);
}
/* cursor-area 内に入っていて、かつホバー時 */
.custom-cursor.is-hover.in-area {
  transform: translate(-50%, -50%) scale(4); /* ホバー時に拡大 */
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px) saturate(180%);
}
.custom-cursor.is-hover.in-area::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("img/menuicon.svg") no-repeat center/20% auto;
}
@media (hover: none) and (pointer: coarse) {
  .custom-cursor {
    display: none !important;
  }
}
/*トップボタン*/
.service-layerBTN {
  display: flex;
  flex-wrap: wrap;
  max-width: 80vw;
  margin: 0px auto;
}
.service-layerBTN > div {
  width: calc(100% / 3 - 50px);
  margin: 25px;
}
.service-layerBTN > div a {
  display: block;
  padding: 60px 30px;
  border-radius: 7px;
  text-align: left;
  position: relative;
  text-decoration: none;
}
.service-layerBTN > div a h3 {
  color: #fff;
  font-size: 1rem;
  text-align: left;
}
.service-layerBTN > div a h3 span {
  color: #FE7595;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  display: block;
}
.service-layerBTN > div.wedding a h3 span {
  color: #fff;
}
.service-layerBTN > div a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  z-index: -1;
  background: rgba(0, 0, 0, 1);
  transition: 0.3s;
}
.service-layerBTN > div.wedding a::before {
  background: rgb(254, 117, 149, 1);
  mix-blend-mode: unset;
}
.service-layerBTN > div a:hover::before {
  background: rgba(0, 0, 0, 0.6);
}
.service-layerBTN > div.wedding a:hover::before {
  background: rgb(254, 117, 149, 0.6);
  mix-blend-mode: multiply;
}
.service-layerBTN > div.music a::after {
  background: url('img/catch01.png');
}
.service-layerBTN > div.branding a::after {
  background: url('img/catch02.png');
}
.service-layerBTN > div.wedding a::after {
  background: url('img/catch03.png');
}
.service-layerBTN > div.movie a::after {
  background: url('img/catch04.png');
}
.service-layerBTN > div.sns a::after {
  background: url('img/catch05.png');
}
.service-layerBTN > div.design a::after {
  background: url('img/catch06.png');
}
.service-layerBTN > div a::after {
  content: '';
  position: absolute;
  top: var(--after-top, 15px);
  left: 15px;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  z-index: -2;
  background-size: cover !important;
  background-position: bottom !important;
  transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .service-layerBTN > div a:hover::after {
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .service-layerBTN {
    max-width: 93vw;
  }
  .service-layerBTN > div a h3 {
    font-size: 0.8rem;
  }
  .service-layerBTN > div a h3 span {
    font-size: 1rem;
    letter-spacing: 0;
  }
  .service-layerBTN > div a {
    padding: 50px 15px;
  }
}
@media only screen and (max-width: 679.98px) {
  .service-layerBTN > div a h3 {
    font-size: 1rem;
  }
  .service-layerBTN > div a h3 span {
    font-size: 1.4rem;
  }
  .service-layerBTN {
    display: block;
    max-width: 100vw;
    overflow: clip;
    padding: 20px 40px 0;
  }
  .service-layerBTN > div {
    width: calc(100%);
    margin: 10px auto;
  }
  .service-layerBTN > div a {
    padding: 50px 25px;
  }
  .service-layerBTN > div a::after {
    top: 0;
    left: 0;
  }
  .service-layerBTN > div a::before {
    background: rgba(0, 0, 0, 0.8);
  }
  .service-layerBTN > div.wedding a::before {
    background: rgba(254, 117, 149, 0.85);
  }
}
/** お問い合わせボックス **/
.contactsection {
  display: flex;
  position: relative;
  z-index: 1;
}
.contactsection div.music {
  background: url('img/img02.png');
}
.contactsection div.office {
  background: url('img/img03.png');
}
.contactsection div.effect {
  background: url('img/img04.png');
}
.contactsection div.wedding {
  background: url('img/img05.png');
}
.contactsection > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: background 0.3s ease;
  z-index: 0;
}
.contactsection > div {
  width: 50%;
  padding: 70px 50px;
  background-size: cover !important;
}
.contactsection div a {
  display: block;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 500px;
  margin: 0 auto;
  height: 30vw;
  width: 30vw;
  position: relative;
  z-index: 1;
  transition: 0.3s;
  background: rgba(254, 117, 149, 0);
  text-decoration: none;
}
.contactsection div a:hover {
  background: rgba(254, 117, 149, 0.5);
  border: 1px solid rgba(255, 255, 255, 0);
  backdrop-filter: blur(10px);
}
.contactsection div a::before {
  display: block;
  position: absolute;
  content: '';
  background-image: url('img/menuicon.svg');
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 60%;
  transition: 0.3s;
}
.contactsection div a:hover::before {
  filter: invert(0%) brightness(5);
}
.contactsection div a > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  text-align: center;
  color: #fff;
  width: 95%;
}
.contactsection div a span {
  display: block;
}
.contactsection div a span.en {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.7rem;
}
.contactsection div a span.jp {
  font-size: 1rem;
}
@media only screen and (max-width: 920px) {
  .contactsection div a {
    height: 40vw;
    width: 40vw;
  }
}
@media only screen and (max-width: 679.98px) {
  .contactsection {
    display: block;
  }
  .contactsection > div {
    width: 100%;
    padding: 40px;
  }
  .contactsection div a {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    border: 2px solid #fff;
  }
  .contactsection div a::before {
    top: 70%;
  }
  .contactsection div a span.en {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .contactsection div a span.jp {
    font-size: 0.9rem;
  }
}
/*プランリスト*/
.plan-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1320px;
  margin: 0 auto;
}
.plan-info > div {
  width: calc(100% / 3 - 20px);
  margin: 10px;
  background: #fff;
  border-radius: 7px;
  padding-bottom: 40px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
}
.plan-info h3 {
  background: #FE7595;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
  padding: 25px 20px 20px;
  border-radius: 10px 10px 0 0;
}
.plan-info h3 .en {
  display: block;
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.plan-info .price, .plan-info .service {
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
  margin: 0;
}
.plan-info .price {
  padding-top: 20px;
  padding-bottom: 10px;
}
.plan-info .price .usual-price {
  font-size: 1.3rem;
}
.plan-info .price .next {
  font-size: 1.5rem;
  position: relative;
  top: 2px;
  margin-right: 5px;
  margin-left: 5px;
}
.plan-info .price .yen, .plan-info .price .pack {
  color: #FE7595;
}
.plan-info .price .yen {
  font-size: 1.7rem;
}
.plan-info .price .pack {
  font-size: 1.8rem;
  font-weight: 500;
}
.plan-info .service {
  margin: 0px 30px;
  color: #fff;
  background: #FE7595;
  border-radius: 7px;
  font-weight: 500;
}
.plan-info .plus {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.7rem;
  color: #FE7595;
}
.plan-info .small-txt {
  padding: 10px 30px 0;
  line-height: 1.1rem;
  text-align: left;
}
@media only screen and (max-width: 679.98px) {
  .plan-info {
    display: block;
  }
  .plan-info > div {
    width: 100%;
    margin: 20px auto;
  }
  .plan-info h3 .en {
    font-size: 2rem;
    line-height: 2rem;
  }
  .plan-info h3 {
    font-size: 0.9rem;
    padding: 25px 20px 15px;
    line-height: 2rem;
  }
}
/*ごあいさつコンテント*/
.greet-box {
  position: relative;
  display: flex;
  background: #F3F3F3;
  padding: 5vw 0 0;
  margin-top: 100px;
}
.greet-box::before {
  display: block;
  content: url(/image/motif-L.svg);
  position: absolute;
  z-index: 0;
  width: 60vw;
  height: fit-content;
  filter: invert(0%) brightness(5);
  top: -50px;
  left: 0;
}
.greet-box div {
  position: relative;
  z-index: 1;
  width: calc(100% / 2);
}
.greet-img img {
  position: absolute;
}
.greet-txt {
  padding-right: 5vw;
  padding-left: 60px;
  padding-bottom: 4vw;
}
@media only screen and (max-width: 920px) {
  .greet-box {
    display: block;
  }
  .greet-img img {
    position: relative;
    display: none;
  }
  .greet-box div {
    width: 100%;
  }
  .greet-box::before {
    top: unset;
    bottom: 0;
    width: 130vw;
  }
  .greet-txt {
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 30px;
    padding-top: 40px;
  }
  .greet-txt .btn01 {
    margin-top: 0;
  }
}
.pad-img {
  display: none;
}
@media only screen and (max-width: 920px) {
  .pad-img {
    display: block;
    max-width: 450px;
    margin: 30px auto 0;
    padding-right: 40px;
    padding-left: 40px;
  }
}
/*ループで流れるリンク*/
.loop-links {
  width: 110%;
  margin: 60px auto;
  display: block;
  position: relative;
  left: -5%;
}
.loop-links .swiper-slide p {
  line-height: 1.4rem;
  padding: 10px 30px 0px 10px;
}
.loop-links .swiper-slide a {
  display: block;
  padding-left: 30px;
  position: relative;
  text-decoration: none;
}
.loop-links .swiper-slide a::before {
  content: '';
  display: block;
  width: calc(100% - 30px);
  height: 100%;
  border-radius: 15px;
  background: #000;
  position: absolute;
  left: 0px;
  bottom: -10px;
  z-index: -1;
  transition: 0.3s;
}
.loop-links .swiper-slide a:hover::before {
  background: #FE7595;
}
.loop-links .swiper-slide a span {
  color: #fff;
  font-size: 0.8rem;
  padding: 5px 5px 5px 15px;
  position: relative;
}
.loop-links .swiper-slide a span::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: -5px;
  filter: invert(0%) brightness(5);
}
.loop-links .swiper-slide a img {
  width: 100%;
  height: 15vw;
  object-fit: cover;
  border-radius: 15px;
}
@media only screen and (min-width: 1699.98px) {
  .loop-links {
    width: 100%;
    left: auto;
    padding: 0 40px !important;
  }
  .loop-links .swiper-slide a img {
    height: 12vw;
  }
}
@media only screen and (max-width: 920px) {
  .loop-links {
    width: 165%;
    left: -30%;
    margin: 30px auto;
  }
	
  .loop-links .swiper-slide a {
    padding-left: 20px;
  }
  .loop-links .swiper-slide a img {
    height: 30vw;
    border-radius: 7px;
  }
  .loop-links .swiper-slide a::before {
    border-radius: 7px;
    width: calc(100% - 20px);
  }
	.loop-links .swiper-slide p{
		padding: 6px 10px 0px 5px;
	}
}
/* loopで流れるコンテンツ */
.loop-contents {
  width: 112%;
  margin: 60px auto;
  left: -12%;
}
.loop-contents .swiper-slide {}
.loop-contents .swiper-slide a{
	text-decoration: none;
	color: #000;
}

.loop-contents img {
  border-radius: 20px;
}
.loop-contents h3 {
  font-size: 1.1rem;
  margin: 10px auto 5px;
}
.loop-contents p {
  font-size: 0.9rem;
  margin: 0 auto;
  line-height: 1.2rem;
}
@media only screen and (max-width: 679.98px) {
  .loop-contents {
    width: 240%;
    left: -70%;
    margin: 40px auto;
  }
  .loop-contents h3 {
    font-size: 1rem;
  }
  .loop-contents p {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
}
/*ループで流れる*/
.loop-gallery {
  padding: 20px 0 20px;
}
.marquee-right {
  overflow: hidden;
}
.marquee-right ul {
  animation: marquee-right 20s linear infinite;
  display: flex;
  margin: 0;
  padding: 0;
  width: max-content;
}
.marquee-right ul li {
  list-style: none;
  padding: 0 10px;
  width: calc(100vw / 3 - 20px);
}
.marquee-right img {
  display: block;
  width: 100%;
  border-radius: 20px;
}
@media only screen and (max-width: 679.98px) {
  .loop-gallery {
    padding: 30px 0;
  }
  .marquee-right ul li {
    list-style: none;
    padding: 0 5px;
    width: calc(100vw / 2 - 10px);
  }
  .marquee-right img {
    border-radius: 7px;
  }
}
@keyframes marquee-right {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
/*横スライドできるコンテンツ*/
.slide-contents {
  display: flex;
  gap: 40px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  scroll-snap-type: none;
  padding: 30px 5vw;
}
.slide-contents.active {
  cursor: grabbing;
}
.slide-contents > div {
  flex: 0 0 25vw;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  box-sizing: border-box;
  user-select: none;
}
.slide-contents {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}
.slide-contents::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.slide-contents h3 {
  text-align: center;
  font-size: 1.5rem;
  margin: 20px auto 10px;
  font-weight: 600;
  letter-spacing: 1px;
}
.slide-contents h3 span {
  color: #FE7595;
  display: block;
  font-size: 3.3rem;
  line-height: 3.3rem;
  font-weight: 700;
}
.slide-contents img {
  display: block;
  margin: 20px auto;
  padding: 0 40px;
}
.slide-contents p {
  font-size: 0.9rem;
  line-height: 1.6rem;
  padding: 0 20px;
}
@media only screen and (max-width: 1100px) {
  .slide-contents > div {
    flex: 0 0 32vw;
  }
  .slide-contents h3 {
    font-size: 1.2rem;
  }
  .slide-contents h3 span {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .slide-contents img {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 679.98px) {
  .slide-contents {
    padding: 20px 40px;
    gap: 20px;
  }
  .slide-contents > div {
    flex: 0 0 75vw;
  }
}
.slide-contents h4 {
  font-size: 1.1rem;
  padding: 0;
  border: none;
  text-align: left;
  margin: 20px auto 0;
  border-bottom: 1px dotted;
}
.slide-contents.txt-content p {
  padding: 0;
  line-height: 1.4rem;
}
@media only screen and (max-width: 679.98px) {
  .slide-contents.txt-content > div {
    padding: 15px;
  }
}
/*フローリスト*/
.flow-contents {
  display: flex;
  flex-wrap: wrap;
}
.flow-contents > div {
  padding: 20px;
  background: #f7f7f7;
  border-radius: 7px;
}
.flow-contents h3 {
  font-size: 1.4rem;
}
.flow-contents h3 span {
  color: #FE7595;
  font-weight: 600;
  font-size: 2.6rem;
  margin-right: 10px;
  line-height: 2.6rem;
  position: relative;
  top: 4px;
}
.flow-contents p {
  font-size: 0.9rem;
  line-height: 1.6rem;
}
.flow3 > div {
  width: calc(100% / 3 - 30px);
  margin: 15px;
}
.flow4 > div {
  width: calc(100% / 4 - 30px);
  margin: 15px;
}
@media only screen and (max-width: 679.98px) {
  .flow-contents {
    display: block;
  }
  .flow-contents > div {
    width: 100%;
    margin: 30px auto;
  }
}
/*アンサートグル*/
.qa-container {
  max-width: 930px;
  margin: 40px auto;
  font-family: "Noto Sans JP", sans-serif;
}
.qa-container .qa-item {
  border-bottom: 1px solid #ddd;
}
.qa-container .qa-item button.qa-question {
  width: 100%;
  text-align: left;
  background: #4D4D4D;
  color: #fff;
  border: none;
  outline: none;
  padding: 20px 15px;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s;
}
button.qa-question:hover {
  background: #f9f9f9;
}
.qa-icon {
  font-weight: bold;
  font-size: 20px;
  transition: transform 0.3s;
}
.qa-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  background: #fafafa;
  padding: 0 15px;
}
.qa-answer.open {
  max-height: fit-content;
  padding: 15px;
}
.qa-item.open .qa-icon {
  transform: rotate(45deg); /* ＋ → × に変化 */
}
@media only screen and (max-width: 679.98px) {
  .qa-container .qa-item button.qa-question {
    font-size: 0.9rem;
  }
}
/*************************個別設定*************************/
/*グローバルメニューサブ項目装飾*/
@media only screen and (min-width: 680px) {
  .primary-navigation .sub-menu #menu-item-1735,.primary-navigation .sub-menu #menu-item-1737,.primary-navigation .sub-menu #menu-item-1742 {
    border-radius: 15px 0 0 0;
  }
  .primary-navigation .sub-menu #menu-item-1735::before {
    background-image: url('img/catch07.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1736::before {
    background-image: url('img/catch02.png');
    background-position: center;
    background-size: cover;
  }
	.primary-navigation .sub-menu #menu-item-1737::before {
    background-image: url('img/catch09.png');
    background-position: center;
    background-size: cover;
  }
	.primary-navigation .sub-menu #menu-item-1738::before {
    background-image: url('img/catch08.png');
    background-position: center;
    background-size: cover;
  }
	.primary-navigation .sub-menu #menu-item-1740::before {
    background-image: url('img/catch12.png');
    background-position: center;
    background-size: cover;
  }
	.primary-navigation .sub-menu #menu-item-1741::before {
    background-image: url('img/catch05.png');
    background-position: center;
    background-size: cover;
  }
	
	.primary-navigation .sub-menu #menu-item-1742::before {
    background-image: url('img/catch11.png');
    background-position: center;
    background-size: cover;
  }
	.primary-navigation .sub-menu #menu-item-1743::before {
    background-image: url('img/catch10.png');
    background-position: center;
    background-size: cover;
  }
}
/*wedding独自*/
.wedding-h2 {
  text-align: center;
  color: #FE7595;
  position: relative;
  margin-bottom: 0;
}
.wedding-h2 .hikki {
  display: block;
  font-size: 5.1rem;
  line-height: 4rem;
}
.wedding-h2 .jp {
  font-size: 0.9rem;
  position: relative;
  top: -15px;
}
@media only screen and (max-width: 679.98px) {
  .wedding-h2 {}
  .wedding-h2 .hikki {
    font-size: 3.15rem;
    line-height: 3.15rem;
  }
  .wedding-h2 .jp {}
}
.wedding-catch {
  color: #FE7595;
  padding-left: 80px;
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto 40px;
}
.wedding-catch::before {
  content: '';
  display: block;
  background: #FE7595;
  position: absolute;
  width: 70px;
  height: 1px;
  left: 0;
  top: 16px;
}
@media only screen and (max-width: 679.98px) {
  .wedding-catch {
    padding-left: 55px;
    margin: 0 auto;
  }
  .wedding-catch::before {
    width: 40px;
    top: 12px;
  }
}
.wedding-contents {
  max-width: 1550px;
  padding: 0px 5vw;
  margin: 0 auto;
}
.wedding-contents > div {
  display: flex;
  margin-bottom: 30px;
}
.wedding-contents > div > div {
  margin: 20px;
  width: calc(100% / 2 - 20px);
}
.wedding-contents > div > div.image-area, .wedding-contents > div > div.image-area a {
  background-size: cover !important;
  background-position: center !important;
  display: block;
  min-height: 400px;
  border-radius: 10px;
}
.wedding-contents > div > div.image-area.area01 {
  min-height: 485px;
}
.wedding-contents > div > div.image-area a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wedding-contents > div > div.image-area a span {
  display: block;
  position: absolute;
  color: #fff;
  font-size: 1rem;
  border: 2px solid #fff;
  border-radius: 7px;
  padding: 60px 40px 10px 20px;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
.wedding-contents > div > div.image-area a:hover span {
  background: rgba(254, 117, 149, 0.7);
}
.wedding-contents > div > div.image-area a span::before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 29px solid #fff;
  border-right: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 15px;
}
.wedding-contents > div > div.image-area a span::after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 69px;
  right: 20px;
  filter: invert(0%) brightness(5);
}
@media only screen and (max-width: 920px) {
  .wedding-contents {
    padding: 40px;
    /*background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);*/
  }
  .wedding-contents > div > div.image-area, .wedding-contents > div > div.image-area a {
    min-height: 230px;
    border-radius: 7px;
  }
  .wedding-contents > div > div.image-area.area01 {
    min-height: 230px;
  }
  .wedding-contents > div {
    display: block;
    padding: 5px 16px 5px;
    border-radius: 7px;
    margin: 20px auto;
    box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.1);
    background: #fbfbfb;
    border: 2px solid #FFF;
  }
  .wedding-contents > div > div {
    width: 100%;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 679.98px) {
  .wedding-contents {
    padding: 20px;
  }
}
.crown {
  position: relative;
  padding-left: 35px;
  display: inline-block;
  font-weight: bold;
  color: #ffdb26;
  margin: 0 auto;
}
.crown::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background: url(/image/crown.svg) no-repeat center / contain;
}
@media only screen and (max-width: 920px) {
  .crown {
    margin-bottom: 10px;
  }
}
.wedding-contents h3 {
  color: #FE7595;
  letter-spacing: 2px;
  font-size: 1.7rem;
}
.wedding-contents h3 span {
  display: block;
  font-size: 0.9rem;
  margin: 5px auto;
  letter-spacing: 0;
}
.wedding-contents .disp {
  line-height: 1.7rem;
  font-size: 0.95rem;
}
@media only screen and (max-width: 920px) {
  .wedding-contents h3 {
    font-size: 1.4rem;
    border-left: 3px solid #FE7595;
    padding: 10px 10px 15px 10px;
    border-right: 3px solid #FE7595;
  }
  .wedding-contents h3 span {
    font-size: 0.7rem;
    margin: 5px auto 0;
    letter-spacing: -0.1px;
  }
  .wedding-contents .disp {
    line-height: 1.4rem;
    font-size: 0.85rem;
  }
}
.wedding-contents table {
  margin-left: 20px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.wedding-contents th, .wedding-contents td {
  border: none;
  color: #FE7595;
  padding: 0;
}
.wedding-contents th {
  font-weight: 600;
  border-left: 3px solid #DDD;
  padding-left: 15px;
  width: 170px;
}
.wedding-contents td .large, .wedding-contents .price .large {
  font-size: 2rem;
}
.wedding-contents td, .wedding-contents .price {
  min-width: 200px;
  font-size: 1.3rem;
}
.wedding-contents .small-txt {
  line-height: 1.2rem;
  color: #777;
}
@media only screen and (max-width: 920px) {
  .wedding-contents table {
    margin-left: 0;
  }
  .wedding-contents td {
    min-width: 170px;
  }
  .wedding-contents th {
    width: 135px;
    padding-left: 8px;
    font-size: 0.7rem;
  }
  .wedding-contents td .large {
    font-size: 1.7rem;
  }
  .wedding-contents .small-txt {
    line-height: 1rem;
    color: #777;
    font-size: 0.7rem;
  }
}
/*ブライダル下層*/
.column-rightIMG.weddinghead {}
.column-rightIMG.weddinghead > .IMG {
  width: 65%;
}
.column-rightIMG.weddinghead > .IMG > div {
  max-height: 550px;
}
.column-rightIMG.weddinghead .content {
  width: 35%;
  padding-top: 22vw;
  padding-left: 4vw;
}
.column-rightIMG.weddinghead .content .hikki {
  font-size: 5.5rem;
  color: #FE7595;
  line-height: 5.5rem;
}
@media only screen and (max-width: 1350px) {
  .column-rightIMG.weddinghead > .IMG {
    width: 50%;
  }
  .column-rightIMG.weddinghead .content {
    width: 50%;
  }
}
@media only screen and (max-width: 920px) {
  .column-rightIMG.weddinghead .content .hikki {
    font-size: 3.8rem;
    line-height: 4.8rem;
  }
  .column-rightIMG.weddinghead > .IMG {
    width: 100%;
  }
  .column-rightIMG.weddinghead .content {
    width: 100%;
    padding: 0px 40px;
  }
}
/*staff紹介*/
.staff-contents h3 {
  font-weight: 500;
  font-size: 1rem;
}
.staff-contents p {}
.staff-contents .chara {
  color: #444;
  font-size: 0.8rem;
}
.staff-contents .chara span {}
/*個別パーツ設定*/
.unique01 {
  position: absolute;
  z-index: 10;
  bottom: 35vh;
  margin: 0 auto;
  right: 0;
  left: 0;
  transition: width 0.5s ease;
}
@media only screen and (max-width: 679.98px) {
  .unique01 {
    bottom: 20px;
  }
}
.unique02 {
  position: absolute;
  bottom: -7vw;
  right: -6vw;
  width: 55vw;
}
@media only screen and (max-width: 1400px) {
  .unique02 {
    width: 50vw;
    bottom: -3vw;
  }
}
@media only screen and (max-width: 1200px) {
  .unique02 {
    width: 40vw;
    bottom: 7vw;
    right: 4vw;
  }
}
@media only screen and (max-width: 679.98px) {
  .unique02 {
    right: -13vw;
    top: -160px;
    width: 66vw;
  }
}
.unique03 {
  bottom: 0;
  right: 2vw;
  width: 37vw;
  max-width: 600px !important;
}
@media only screen and (max-width: 1420px) {
  .unique03 {
    width: 63vw;
  }
}
@media only screen and (max-width: 920px) {
  .unique03 {
    width: 60vw;
    margin: 0 auto;
    display: block;
  }
}
.unique04 {
  position: absolute;
  top: -40px;
  width: 40vw;
  right: 3vw;
  max-width: 710px !important;
  z-index: -1;
}
@media only screen and (max-width: 1350px) {
  .unique04 {
    width: 48vw;
  }
}
@media only screen and (max-width: 679.98px) {
  .unique04 {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
  }
}
.unique05 {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 1440px !important;
  z-index: -2;
  opacity: 0.3;
}
@media only screen and (max-width: 679.98px) {}
.price-image {
  max-width: 1100px;
  display: block;
  margin: 50px auto;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 679.98px) {
  .price-image {
    border-radius: 7px;
  }
}
.column-rightIMG .black-border {
  position: relative;
  margin: 70px auto;
}
.column-rightIMG .black-border::after {
  display: block;
  content: '';
  position: absolute;
  background: #000;
  width: 100vw;
  height: calc(100% + 80px);
  padding: 80px;
  top: calc(50% - 80px);
  z-index: -5;
  left: -5vw;
}
@media only screen and (max-width: 920px) {
  .column-rightIMG .black-border {
    margin: 70px auto 25px;
  }
  .column-rightIMG .black-border::after {
    left: -40px;
  }
}
.column-rightIMG .backlayer {
  position: relative;
}
.column-rightIMG .backlayer::before, .column-rightIMG .backlayer::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 20px 0 0 20px;
  max-height: 500px;
}
.column-rightIMG .backlayer::before {
  background: #FE7595;
  z-index: -3;
  left: 30px;
  top: 40px;
}
.column-rightIMG .backlayer::after {
  background: #fff;
  z-index: -4;
  left: 70px;
  top: 80px;
}
@media only screen and (max-width: 920px) {
  .column-rightIMG .backlayer {
    margin-bottom: 70px !important;
  }
  .column-rightIMG .backlayer::after {
    display: none;
  }
  .column-rightIMG .backlayer::before {
    left: 30px;
    top: 30px;
    border-radius: 13px;
  }
}
.column-2 .img-maru {
  margin-top: 10px;
}
.column-2.btn-style {
  margin: 0 auto;
}
.column-2.btn-style > div {
  margin: 10px 15px;
}
@media only screen and (max-width: 920px) {
  .column-2.btn-style {
    margin: 30px auto;
  }
  .column-2.btn-style > div {
    margin: 10px auto;
  }
  .column-2.btn-style > div a {
    margin: 0 auto !important;
  }
}
.txt-box01 h4 {
  margin-top: 25px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 920px) {
  .txt-box01 h4 {
    font-size: 1.1rem;
  }
}
.flow-contents .btnmini {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 10px;
}
.custom01 th {
  font-size: 0.8rem;
  line-height: 0.8rem;
}
@media only screen and (max-width: 920px) {
  .custom01 th {
    width: 155px;
    padding-left: 8px;
    font-size: 0.7rem;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}