@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&display=swap');

.breadcrumb {
	width: 100%;
    background-color: #fff;
}
/*-----------------------------------------
全体
-----------------------------------------*/
:root{
    --color-wdg: #3d9198;
    --color-hmn: #c68297;
    --g-webfont: 'Zen Maru Gothic', sans-serif;
}
.contents {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #333;
    font-size: 3.6vw;
    line-height: 1.6em;
}
.contents .inner {
    width: 90vw;
    margin: 0 auto;
}

/*------------------------------------------------
	メインビジュアル
--------------------------------------------------*/
#logo {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 1vw 0 2vw;
    border-top: solid 1px #efefef;
}
#logo img {
    width: 50vw;
}
#mv {
    width: 100%;
    height: 140vw;
}

/*------------------------------------------------
	施策
--------------------------------------------------*/
#shisaku {
    width: 100%;
    padding: 0 0 10vw 0;
    background-color: #fff;
    text-align: center;
}
#shisaku img {
    width: 86vw;
}
#shisaku a {
    display: block;
}

/*------------------------------------------------
	ウェディング / ハネムーン
--------------------------------------------------*/
.conts {
    width: 100%;
    padding: 70vw 0 12vw;
    position: relative;
}
#wdg.conts {
    background: #eef7f8 url("../img/wdg-ttl-ph.jpg") no-repeat top 10vw center / 100%;
}
#hmn.conts {
    background: #f6edf0 url("../img/hmn-ttl-ph.jpg") no-repeat top 10vw center / 100%;
}
.conts h2 {
    font-size: 6.0vw;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 17vw;
    margin-bottom: 3vw;
}
#wdg.conts h2 {
    color: var(--color-wdg);
    background: url("../img/wdg-illust.png") no-repeat bottom center / 45vw;
}
#hmn.conts h2 {
    color: var(--color-hmn);
    background: url("../img/hmn-illust.png") no-repeat bottom center / 45vw;
    letter-spacing: 0.1em;
}
.conts .al {
    position: absolute;
    left: 0;
    top: 5vw;
}
.conts .al img {
    height: 16vw;
    filter: drop-shadow(1px 1px 0px #fff);
}
.conts .point {
    width: 80vw;
    margin: 0 auto;
}
.conts .point li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10vw;
    position: relative;
}
.conts .point img {
    width: 100%;
    margin-bottom: 3vw;
}
#wdg.conts .point img {
    box-shadow: 1vw 1vw 0px 0px #cfe5e8;
}
#hmn.conts .point img {
    box-shadow: 1vw 1vw 0px 0px #edd8df;
}
.conts .point .credit {
    position: absolute;
    top: 50vw;
    right: 1vw;
    font-size: 3.0vw;
    line-height: 1.0em;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}
.conts .point .no {
    width: 22%;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 7.0vw;
    line-height: 16vw;
    text-align: center;
}
#wdg.conts .point .no {
    color: var(--color-wdg);
    background: url("../img/wdg-no-bg.png") no-repeat;
    background-size: 100%;
}
#hmn.conts .point .no {
    color: var(--color-hmn);
    background: url("../img/hmn-no-bg.png") no-repeat;
    background-size: 100%;
}
.conts .point h3 {
    width: 75%;
    font-family: var(--g-webfont);
    font-size: 5.0vw;
    font-weight: 700;
    line-height: 1.4em;
}
#wdg.conts .point h3 {
    color: var(--color-wdg);
}
#hmn.conts .point h3 {
    color: var(--color-hmn);
}
.conts .point .text {
    margin-top: 2vw;
    width: 100%;
    font-family: var(--g-webfont);
    font-size: 4.0vw;
    line-height: 1.5em;
    text-align: justify;
}
.conts .point .text i {
    margin-right: 1vw;
}
.conts .btn-link {
    width: 80vw;
    text-align: center;
    margin: 0 auto;
}
.conts .btn-link a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 3.8vw;
    line-height: 1.2em;
    padding: 4vw 0;
    border-radius: 8vw;
}
#wdg.conts .btn-link a {
    background-color: var(--color-wdg);
}
#hmn.conts .btn-link a {
    background-color: var(--color-hmn);
}
.conts .btn-link a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f30b";
    font-weight: 900;
    margin-left: 2vw;
}

/*------------------------------------------------
	店舗情報
--------------------------------------------------*/
#shopinfo {
    width: 100%;
    background-color: #f5f5f4;
    padding: 10vw 0 15vw;
}
#shopinfo h2 {
    text-align: center;
    margin-bottom: 3vw;
}
#shopinfo h2 img {
    width: 53vw;
}
#shopinfo .message {
    font-size: 3.4vw;
    line-height: 1.6em;
    text-align: center;
    color: #856217;
    margin-bottom: 5vw;
}
#shopinfo h3 {
    font-size: 3.6vw;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    margin-bottom: 4vw;
}
#shopinfo h3:before,
#shopinfo h3:after {
    content: "";
    display: inline-block;
    width: 10vw;
    height: 1vw;
    border-top: solid 1px #333;
    margin: 0 2vw;
}
#shopinfo .info-box {
    width: 80vw;
    margin: 0 auto;
}
#shopinfo .info-box img {
    width: 100%;
    height: 40vw;
    object-fit: cover;
    object-position: center top;
    margin-bottom: 3vw;
}
#shopinfo .info-box .text {
    width: 100%;
}
#shopinfo h4 {
    font-size: 4.7vw;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 2vw;
}
#shopinfo dl {
    width: 100%;
}
#shopinfo dl dt {
    font-size: 3.3vw;
    line-height: 1.4em;
    color: #856217;
}
#shopinfo dl dd {
    margin-bottom: 2vw;
}
#shopinfo dl dd.tel {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 7.0vw;
    line-height: 1.0em;
}
#shopinfo dl dd.tel a {
    text-decoration: none;
    color: inherit;
}
#shopinfo .btn-yoyaku {
}
#shopinfo .btn-yoyaku li {
    margin-top: 3vw;
    text-align: center;
}
#shopinfo .btn-yoyaku li a {
    display: block;
    background-color: #c4b087;
    color: #fff;
    text-decoration: none;
    padding: 2vw 0;
    border-radius: 5vw;
    position: relative;
}
#shopinfo .btn-yoyaku li a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
    right: 2vw;
}
#shopinfo .btn-gmap {
    display: inline-block;
    font-size: 0.9em;
    background-color: #c4b087;
    color: #fff;
    text-decoration: none;
    padding: 1vw 5vw;
    border-radius: 5vw;
}
#shopinfo .btn-gmap:before {
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
    font-weight: 900;
    margin-right: 1vw;
}

/*------------------------------------------------
	アニメーション
--------------------------------------------------*/
.fadein {
	opacity : 0;
	transform : translate(0px, 100px);
	transition : all 800ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
}

/*------------------------------------------------
	調整
--------------------------------------------------*/
.footer {
    margin-top: 0!important;
}