/*-----------------------------------------
    'screen and (min-width: 520px) and (max-width: 959px)'
-----------------------------------------*/
/*-----------------------------------------
    Base Frame
-----------------------------------------*/
.wrap {
    width: 100%;
}
.container {
    position: relative;
	width: 90%;
	margin: 0 auto;
    text-align: center; /*inline-blockの中央寄せ対策*/
}
/*-----------------------------------------
	Background
-----------------------------------------*/
.lower-contents-inner {
    padding: 1em 2em;
}
/*-----------------------------------------
    Text
-----------------------------------------*/
.pc-br { display: block; }
.sp-br { display: none; }
/*-----------------------------------------
	Flex Box
-----------------------------------------*/
.nowrap4-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.nowrap3-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.nowrap2-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.nowrap-flex {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
/*-----------------------------------------
	Button
-----------------------------------------*/
.btn-link a {
    width: 70%;
    padding: 0.5em 0;
    font-size: 1.5em;
}
.btn-lower a {
    width: 90%;
    padding: 0.5em 0;
    font-size: 1.5em;
}
.btn-lower-area {
    display: flex;
    justify-content: space-between;
}
    .btn-lower-area p {
        width: 49%;
    }
/*--- Rserv Button ----------------------*/
.reserc-btn-area {
    z-index: 99;
    position: fixed;
    top: 235px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
a:active#reserv-web,
a:hover#reserv-web {
    width: 240px;
    height: 75px;
    line-height: 0.5em;
    line-height: 1.5em;
    padding: 0.5em 0 0 0;
}
a#reserv-web {
    top: 190px;
    right: 0;
    width: 120px;
    height: 75px;
    margin: 0 0 1em 0;
    padding: 0;
    border-radius: 0.5em 0 0 0.5em;
}
    a#reserv-web i {
        display: block;
        font-size: 2em;
    }
a:hover#reserv-tel,
a:active#reserv-tel {
    width: 240px;
    height: 75px;
    line-height: 1.5em;
    padding: 0.8em 0 0 0;
}
a#reserv-tel {
    top: 360px;
    right: 0;
    width: 120px;
    height: 75px;
    padding: 0 0;
    border-radius: 0.5em 0 0 0.5em;
}
    a#reserv-tel i {
        font-size: 2em;
    }
/*-----------------------------------------
	Back Top Button
-----------------------------------------*/
/*リンクの形状*/
a#page-top {
	display: flex;
	justify-content:center;
	align-items:center;
	color: #3fa9f5;
    font-size: 5em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition:all 0.3s;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom: 1.2em;
	z-index: 3;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}
/*--- Anchor Button ---------------------*/
#scroll-btn-area {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 1em 0;
}
    #scroll-btn-area a {
        margin-bottom: 1em;
    }
    .btn-scroll {
        min-width: 182px;
        padding: 1em 2em;
        margin: 0 0.5em;
        font-size: 1.2em;
        border-radius: 3em;
    }
        .btn-scroll i {
            font-size: 1.5em;
        }
.confirm-tel {
    width: 100%;
    margin: 0 auto;

}
.tooltip-liner {
    z-index: 50;
    left: -8px;
}
.tooltip-taxi {
    z-index: 50;
    left: -8px;
}
.tooltip-weather {
    z-index: 50;
    left: 20px;
}
/*-----------------------------------------
	Header
-----------------------------------------*/
header {
    height: 350px;
}
.site-discription {
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    padding: 0.5em 2em;
    line-height: 1.5em;
    font-size: 0.8em;
}
#corp-name {
    top: 34px;
    left: 12.5%;
    width: 75%;
    font-size: 1.5em;
    text-align: center;
    padding: 0.5em 1em;
    border-radius: 0 0 0.5em 0.5em;
}
/*-----------------------------------------
	Footer
-----------------------------------------*/
footer {
    display: flex;
    align-items: flex-end;
}

.foot-nav {
    width: 55%;
}
.address-area {
    width: 45%;
}
#copyright {
    bottom: 0;
    height: 1.5em;
}
/*-----------------------------------------
	News stickers
-----------------------------------------*/
#new-stickers {
    width: 100%;
    padding: 0;
}
#new-stickers ul li span {
    display: block;
    overflow: hidden;
}
    .btn-notice {
        /* top: 0;
        left: 0; */
        padding: 1.4em 1em;
        font-size: 1.2em;
        width: 25%;
    }
        .btn-notice i {
            margin: 0 0.5em 0 0;
        }
#new-stickers ul {
    width: 75%;
}
.slider a {
    padding: 0.5em;
    box-sizing: border-box;
}
    /*日付*/
    .slider span {
        font-size:0.8em;
        margin-right:10px;
    }

/*-----------------------------------------
	Liner Area
-----------------------------------------*/
.title-seagull {
    padding: 1em 4.5em 0 0;
}
.grid-layout1 {
    display: grid;
    gap: 1em;
    grid-template-columns: 25% 16% 26% 25%;
}
/*-----------------------------------------
	Now Area
-----------------------------------------*/
#weather-widget,
#live-camera {
    width: 45%;
}
    #live-camera img {
        width: 100%;
        height: auto;
    }
/*-----------------------------------------
	Banner Area
-----------------------------------------*/
#banner-area img {
    width: 100%;
    height: auto;
}
/*-----------------------------------------
	Lower//Page
-----------------------------------------*/
ul#breadcrumb {
    width: 100%;
}
/*-----------------------------------------
	Lower//Q & A
-----------------------------------------*/
.qanda-list dt {
    width: 5%;
    text-align: center;
}
.qanda-list dd {
    width: 95%;
}
/*-----------------------------------------
	Lower//ship-guide
-----------------------------------------*/
.table-ship-info {
    width: 70%;
}
/*-----------------------------------------
	Lower//祭日表
-----------------------------------------*/
.saijitsulist table {
	width: 85%;
}
	.saijitsulist table th,
	.saijitsulist table td {
		padding: 0.5em 1em;
	}
	.saijitsulist table th {
		width: 48%;
	}
/*-----------------------------------------
	Lower//kinkasan-shrine
-----------------------------------------*/
    .shrine-image-left,
    .shrine-image-right {
        margin-bottom: 2em;
    }
/*-----------------------------------------
	Lower//どんなプランで楽しもう
-----------------------------------------*/
.enjoy-plan-contents .has-text-align-center {
    text-align: left;
}
.enjoy-plan-contents ul {
    width: 100%;
}
.enjoy-plan-contents ul {
    width: 95%;
    justify-content: space-between;
}
    .enjoy-plan-contents ul li:nth-child(1n) {
        width: 50%;
    }
    .enjoy-plan-contents ul li:nth-child(2n) {
        display: inline;
        max-width: 40%;
    }
/*-----------------------------------------
	Lower//金華山トレッキングロード
-----------------------------------------*/
.kinkasan-trekking h3 {
    width: 90%;
}
.kinkasan-trekking .wp-block-media-text .wp-block-media-text__content {
    padding: 1.5em;
}
.kinkasan-trekking ul {
    width: 80%;
    padding: 1em 1em 1em 1.5em;
}
    .kinkasan-trekking ul li {
        padding: 0 1em 0 0;
    }