@charset "UTF-8";
/*=======================================================
お宮参り
=======================================================*/
/*--------------------------------------------------
イントロ
--------------------------------------------------*/
.intro__each {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: clamp(96px, 12.50vw, 200px);
    position: relative;
    z-index: 2;
    gap: clamp(30px, 3vw, 112px);
}
.intro__body {
    gap: clamp(38px, 4.94vw, 79px);
}
.fadein__img-wrapper:has(.fadein-1) {
    width: clamp(274px, 35.69vw, 571px);
    position: relative;
    flex-shrink: 0;
}
.fadein__img-wrapper .fadein-1 {
    position: static;
}
@media screen and (max-width: 1199px) {
    .intro__each {
        margin-right: clamp(10px, 1.25vw, 20px);
    }
}
@media screen and (max-width : 767px) {
	.intro__each {
		flex-direction: column;
	}
}
/*--------------------------------------------------
ご祈祷のご予約
--------------------------------------------------*/
.gokitou__inner {
    padding: 80px 20px 62px;
    text-align: center;
}
.gokitou__box {
    background: #fff;
    border: 2px solid #E4481A;
    padding: 56px 20px 24px;
    position: relative;
    max-width: 1200px;
    margin: auto;
}
.gokitou__box::before {
    content: "";
    display: block;
    width: 92px;
    height: 67px;
    background: url(../images/shichigosan/ribbon.svg) center / cover no-repeat;
    position: absolute; 
    left: 0;
    right: 0;
    top: -34px;
    margin: auto;
}
.gokitou__title {
    color: #E4481A;
    line-height: 2;
    margin-bottom: 10px;
}
.gokitou__title span {
    font-size: 22px;
    display: block;
    color: #333;
    line-height: 1;
    margin-bottom: 7px;
}
.gokitou__text a {
    display: block;
    text-decoration: underline;
    margin-top: 21px;
    margin-bottom: 19px;
}
.gokitou__link {
	display: flex; 
	justify-content: center; 
	gap: 90px;
	flex-wrap: wrap;
	margin: 23px 0;
}
.gokitou__link a {
    text-decoration: underline;
}
/*--------------------------------------------------
プラン
--------------------------------------------------*/
#plan .section__inner {
    padding: 71px 20px;
}
.plan__item {
    background: #fff;
    max-width: 1200px;
    margin: auto;
    padding: 52px 63px 34px 42px;
    border-radius: 20px;
}
.plan__item + .plan__item {
    margin-top: 40px;
}
/***概要***/
/*ヘッダー*/
.plan__header {
    border-bottom: 2px solid var(--red);
    margin-bottom: 30px;
}
.plan__sub-title {
    font-size: 24px; 
    color: var(--beige);
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
}
.plan__title {
    font-size:28px; 
    font-weight: 500;
    display: flex;
    align-items: center; 
    justify-content: space-between;
    line-height: 1.4;
    margin-bottom: 11px;
    color: #000;
}
.plan__outline {
    display: flex; 
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 43px;
}
.plan__outline-img {
    max-width: 708px;
}
.plan__outline-detail {
    flex-shrink: 0;
    max-width: 351px;
    width: 100%;
}
.plan__list .note {
    margin-bottom: 12px;
	font-size: 20px;
}
.plan__en {
    font-size: 20px;
}
/*アイコン*/
.plan__outline-icon {
    text-align: center;
    display: flex; 
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-bottom: 19px;
}
.plan__outline-icon span {
    display: block;
    font-weight: 600;
    color: var(--beige);
    margin-top: 5px;
}
.plan__outline-icon img {
    width: 76px;
}
/*値段リスト*/
.plan__outline-list > div {
    display: flex; 
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}
.plan__outline-list > div > * {
    flex: 1;
    text-align: center;
    padding: 14px;
}
.plan__outline-list > div dt {
    background: var(--l-beige);
    color: #fff;
    font-weight: 700;
}
.plan__outline-list > div dd {
    font-weight: 500;
    background: #F8F8F8;
    width: 168px;
}
.plan__outline-list-wrapper .text {
	font-size: 12px;
	font-weight: 600;
}
/*リンクボタン*/
.plan__list .buttons .button,
.costume .buttons .button,
.flow .buttons .button {
	width: 290px;
	height: 58px;
}
.plan__list .buttons .button-l,
.costume .buttons .button-l,
.flow .buttons .button-l {
	width: 370px;
}
/*詳細はこちら*/
.js-accordion {
    margin: 30px auto 5px;
    text-align: center;
    cursor: pointer;
    position: relative;
    text-decoration: underline;
}
.js-accordion-detail {
    display: none;
}
.js-accordion::before {
    content: "";
    transition: transform 0.2s;
    width: 17px;
    height: 9px;
    display: inline-block;
    background: url(../images/common/icon-accordion.svg) center / cover no-repeat;
    margin-right: 9px;
}
.js-accordion.active::before {
    transform: translateY(-50%) rotate(180deg);
    margin-bottom: -3px;
}
/*中身*/
.js-accordion-detail {
    margin-top: 18px;
}
.accordion-detail {
	margin-top: 50px;
}
.detail__title {
    font-size: 24px;
    font-weight: 500;
    border-bottom: 2px solid var(--beige);
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.detail__content > div {
    margin-bottom: 19px;
}
.detail__content > div > dt {
    color: var(--beige);
    font-size: 20px; 
    font-weight: 600;
    margin-bottom: 6px;
}
.detail__content dd {
    line-height: 1.5;
}
.detail__content a {
    text-decoration: underline;
}
.price__wrapper {
    display: flex;
    margin-top: 15px;
    gap: 29px;
}
.price__inner {
    max-width: 400px; 
    width: 100%;
    flex-shrink: 0;
}
.price__img-wrapper {
    display: flex;
    gap: 27px;
}
.price__img {
    text-align: center; 
    font-weight: 500;
}
.price__img-title {
    margin-top: 5px;
}
.price__list > div {
    border-top: 1px solid #ccc;
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
}
.price__list > div:last-of-type {
    border-bottom: 1px solid #ccc;
}
.price__list > div dt {
    font-weight: 400;
}
.price__list > div dd span {
    font-size: 12px;
    display: block;
    margin-top: 5px;
}
.price__list + p {
    margin-top: 10px;
}
.price__list + p + a {
    margin-top: 15px;
    display: block;
}
/*境内ロケーションフォトプラン*/
.plan__item-optional .note {
    color: var(--red);
}
.plan__item-optional .plan__outline-detail {
    max-width: 430px;
}
.plan__outline-list-title {
    color: var(--beige);
    margin-top: 20px;
    margin-bottom: 9px;
    font-size: 20px; 
    font-weight: 500;
}
.plan__item-optional .plan__outline-list > div > * {
    flex: initial;
}
.plan__item-optional .plan__outline-list > div dt {
    width: 249px;
}
@media screen and (max-width : 900px) {
    .plan__outline {
        flex-wrap: wrap;
    }
    .plan__outline-img { 
        max-width: 100%; 
    }
    .plan__outline-detail {
        margin: auto;
    }
    .price {
        flex-wrap: wrap;
    }
    .price__inner {
        max-width: 100%;
    }
}
@media screen and (max-width : 767px) {
	#plan .section__inner {
        padding: 50px 15px;
    }
	.plan__item {
        padding: 50px 20px;
    }
	.plan__title {
        font-size: 26px;
        flex-direction: column;
    }
	.plan__price {
        font-size: 26px;
    }
	.plan__en {
        font-size: 16px;
    }
	.plan__list .note {
        font-size: 16px;
    }
}
/*----------------------------------------------
リンクバナー
---------------------------------------------- */
.link__banner-item:nth-child(1) {
    flex: 0 0 100%;
    background: url(../images/shichigosan/link-banner-1.jpg) center / cover no-repeat;
}
/*----------------------------------------------
衣装・着付
---------------------------------------------- */
.costume .section__inner {
    padding-top: 80px;
    padding-bottom: 87px;
}
.costume .section__title {
    margin-bottom: 13px;
}
.costume .section__title + .text {
    text-align: center;
    margin-bottom: 60px;
}
.costume__list {
    display: flex; 
    justify-content: space-between;
    gap: clamp(29px, 3.81vw, 61px);
    flex-wrap: wrap;
    max-width: 1245px;
    margin: auto auto 54px;
    padding-left: 20px; 
    padding-right: 20px;
}
.costume__item {
    width: 47.34%;
}
.costume__wrapper {
    display: flex; 
    justify-content: space-between;
    gap: clamp(15px, 1.94vw, 31px);
}
.costume__title {
    font-size: 26px;
    border-bottom: 2px solid var(--red);
    margin-bottom: 24px; 
    padding-bottom: 10px;
}
.costume__detail {
    width: 100%;
    max-width: 274px;
}
.costume__detail div {
    display: flex; 
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
	position: relative;
}
.costume__detail div > * {
    padding-top: 14px;
    padding-bottom: 14px;
}
.costume__detail div dt {
    text-align: center;
    background: var(--l-beige);
    color: #fff;
    font-weight: 700;
    width: 120px;
}
.costume__detail div dd {
    font-weight: 500;
    background: #fff;
    width: 151px;
    text-align: left;
    padding-left: 13px;
}
.costume__detail div dd.text {
	width: 100%;
	position: absolute;
	top: 50px;
	background: none;
	line-height: 1.8;
	padding: 0;
	font-weight: 600;
}
.costume__detail div dd.text p + p {
	margin-top: 20px;
}
.costume__img img {
    width: 261px;
}
.costume__list + .detail__content {
	max-width: 1245px;
    margin: auto auto 54px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (max-width : 900px) {
    .costume__list { 
        flex-direction: column;
    }
    .costume__item {
        width: 100%;
    }
    .costume__img img {
        width: 450px;
    }
    .costume__detail {
        width: 100%;
        max-width: 100%;
    }
    .costume__detail div dt {
        width: 180px;
    }
    .costume__detail div dd {
        width: 240px;
    }
}
/*----------------------------------------------
お食事
---------------------------------------------- */
.party {
    background: var(--cream);
}
.party .section__inner {
    padding-top: 90px;
}
.party .section__title {
    margin-bottom: 33px;
}
.party .plan__item {
    background: none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 108px;
}
.party .plan__outline-img {
    max-width: 570px;
}
.party .plan__outline-detail {
    max-width: 568px;
}
.party .plan__outline-list {
    margin-bottom: 15px;
}
.party .plan__outline-list > div {
    border-top: 1px solid #ccc;
    margin-bottom: 0;
}
.party .plan__outline-list > div:last-of-type {
    border-bottom: 1px solid #ccc;
}
.party .plan__outline-list > div > * {
    background: none!important;
    color: #333!important;
    padding: 20px 0 19px;
}
.party .plan__outline-list > div dt {
    font-weight: 500;
    text-align: left;
}
.party .plan__outline-list > div dd {
    text-align: right;
}
.party .buttons {
    margin-top: 34px;
}
.party .detail__title {
    text-align: center;
    border: none;
    font-size: 28px; 
    font-weight: 500;
    color: var(--beige);
    margin-bottom: 20px;
}
.party .detail__content {
    margin-bottom: 33px;
}
.party .js-accordion {
    margin-bottom: 10px;
}
/*メニュー詳細*/
.party .course__detail {
    background: #fff; 
    border-radius: 20px;
    padding: 41px 47px 64px;
    margin-top: 40px;
}
.party .price__img-wrapper {
    flex-wrap: wrap;
}
.party .price__img {
    max-width: 267px;
}
/*うれしい特典*/
.present__wrapper {
    max-width: 907px; 
    width: 100%;
    border: 2px solid var(--red);
    border-radius: 20px;
    margin: auto;
}
.present__inner {
    display: flex; 
    justify-content: space-between;
    padding: 30px 24px 34px;
    flex-wrap: wrap;
}
.present__body {
    margin-bottom: 20px;
}
.present__img {
    width: 244px;
}
.present__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.7;
    color: var(--red);
    margin-bottom: 8px;
    margin-left: 0.2em;
}
.present__text {
    font-size: 20px; 
    font-weight: 500;
    line-height: 1.7;
}
@media screen and (max-width : 900px) {
    .party .plan__outline-img {
        width: 100%;
        margin: auto;
    }
    .present__inner {
        justify-content: center;
    }
    .present__img {
        width: 100%;
        text-align: center;
    }
}
/*----------------------------------------------
ご予約・当日の流れ
---------------------------------------------- */
.flow .section__inner {
    padding-top: 90px;
    padding-bottom: 112px;
    padding-left: 20px;
    padding-right: 20px;
}
.flow__list {
    max-width: 1200px; 
    margin: auto;
}
.flow__item-title {
    font-size: 26px;
    border-bottom: 2px solid var(--red);
    margin-bottom: 32px;
    padding-bottom: 13px;
}
.flow__detail li + li {
    margin-top: 30px;
}
.flow__detail-title {
    color: var(--beige);
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
.flow__detail-list {
    display: flex; 
    align-items: flex-start;
    gap: 119px;
}
.flow__detail-list > div:first-of-type {
	max-width: 290px; 
	width: 100%;
}
.flow__detail-list dt {
    font-size: 20px; 
    font-weight: 600;
    margin-bottom: 15px;
}
.flow__detail-list dd > p:first-of-type {
    font-size: 21px; 
    color: var(--beige);
    margin-bottom: 13px;
}
.flow__detail-list .button {
    color: #000;
    margin-bottom: 15px;
	max-width: 290px;
	height: 58px;
}
.flow .buttons {
    justify-content: flex-start;
}
.flow__detail-img {
    width: 262px;
    margin-bottom: 10px;
}
.flow__item + .flow__item {
    margin-top: 78px;
}
/*当日の流れ*/
.flow__item.ontheday .flow__detail {
    display: flex; 
    flex-wrap: wrap;
    justify-content: center; 
    gap: 47px;
}
.flow__item.ontheday .flow__detail li + li {
    margin-top: 0;
}
.flow__item.ontheday .flow__detail-step p {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: var(--beige);
}
.flow__detail li + li .flow__detail-list > div:first-of-type {
	max-width: 100%;
}
/*衣装バナー*/
.costume__banner {
    margin: 88px auto 0;
    padding-left: 20px; 
    padding-right: 20px;
}
.costume__banner-inner {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: clamp(22px, 2.88vw, 46px);
    background: #fff;
    border: 1px solid var(--beige);
}
.costume__banner-img {
    max-width: 600px;
    width: 50%;
}
.costume__banner-img img {
    object-fit: cover;
    height: 282px;
}
.costume__banner-body {
    padding-top: 10px;
    flex: 1;
    padding-right: clamp(22px, 2.88vw, 46px);
}
.costume__banner-body .costume__banner-title {
    font-size: 32px;
    font-weight: 500;
    color: var(--beige);
    margin-bottom: 20px;
}
.costume__banner-body .costume__banner-title + .text {
    line-height: 1.666;
    font-size: 18px; 
    font-family: "Shippori Mincho B1", serif;
}
.costume__banner-body .costume__banner-title + .text + .text {
    margin-top: 10px;
}
.costume__banner a:hover .more__button::after {	
  transform: translateX(8px);
}
.costume__banner-body  .more__button {
    text-align: right;
    margin-top: 36px;
    justify-content: flex-end;
}
@media screen and (max-width : 1000px) {
    .costume__banner-inner {
        flex-direction: column;
        max-width: 600px;
        padding-bottom: 40px;
    }
    .costume__banner-body {
        padding: 0 20px;
    }
    .costume__banner-img {
        width: 100%;
    }
}
@media screen and (max-width : 767px) {
	.flow__detail-list {
		flex-direction: column;
	}
}
/*----------------------------------------------
境内マップ
---------------------------------------------- */
.keidai .section__inner {
    max-width: 1200px; 
    margin: auto;
    padding: 91px 0 75px 20px;
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.keidai__body {
    max-width: 580px;
}
.keidai__title {
    font-size: 36px;
    margin-bottom: 34px;
    color: #000;
}
.keidai__sub-title {
    color: var(--beige);
    font-size: 28px;
    line-height: 1.6;
    margin-bottom: 12px;
}
.keidai .text {
    font-size: 18px;
    line-height: 1.85;
}
.keidai .text + .text {
    margin-top: 10px;
}
.keidai__img {
    max-width: 473px;
}
.keidai__img img {
    mix-blend-mode: multiply;
}
/*----------------------------------------------
フッターCTA
---------------------------------------------- */
.cta {
    background: url(../images/hatsumiyamairi/footer-bg.jpg) center / cover no-repeat;
}
.cta .cta__inner {
    padding: 110px 20px 60px;
}
.cta .cta__title {
    margin-bottom: 85px;
}
.link__other-wide .button {
	width: 370px; 
	height: 80px;
}
.photogallery__banner .link__banner-item {
	background: url(../images/hatsumiyamairi/link-banner-1.jpg) center / cover no-repeat;
}