/*-----------------------------------------
    'screen and (max-width: 519px)'
-----------------------------------------*/
/*-----------------------------------------
    Base Frame
-----------------------------------------*/
.container {
    position: relative;
	width: 100%;
	margin: 0 auto;
    text-align: center; /*inline-blockの中央寄せ対策*/
}
/*-----------------------------------------
	Background
-----------------------------------------*/
.lower-contents-inner {
    padding: 1em 1em;
}
/*-----------------------------------------
    Heading
-----------------------------------------*/
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }
h4 { font-size: 1.0em; }
/*-----------------------------------------
    Image
-----------------------------------------*/
figure.is-resized img {
    width: 100%;
    height: auto;
}
/*-----------------------------------------
    Text
-----------------------------------------*/
.pc-br { display: none; }
.sp-br { display: block; }
/*-----------------------------------------
	Button
-----------------------------------------*/
.btn-link a,
.btn-lower a {
    width: 100%;
    padding: 0.5em 1em;
    font-size: 1em;
}
.btn-lower-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
    .btn-lower-area p {
        width: 100%;
    }
    /* a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    } */
/*--- Rserv Button ----------------------*/
/*SP表示は下部固定ボタン*/
.reserc-btn-area {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
    a#reserv-web,
    a:hover#reserv-web,
    a:active#reserv-web {
        /* display: inline-block; */
        bottom: 0;
        width: 50%;
        height: 90px;
        padding: 1em;
        font-size: 1.2em;
        border-radius: 0 0 0 0;
    }
        a#reserv-web i,
        a#reserv-tel i {
            display: block;
            font-size: 1.5em;
        }
    a#reserv-tel,
    a:hover#reserv-tel,
    a:active#reserv-tel {
        /* display: inline-block; */
        bottom: 0;
        width: 50%;
        height: 90px;
        padding: 1em;
        font-size: 1.2em;
        border-radius: 0 0 0 0;
    }
        a#reserv-tel span {
            display: none;
        }
/*--- Anchor Button ---------------------*/
#scroll-btn-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1em;
    margin: 2em 0;
}
    #scroll-btn-area a {
        width: 90%;
        margin: 0 auto;
    }
    .btn-scroll {
        padding: 1em 0;
        margin: 0;
        font-size: 1.2em;
        border-radius: 3em;
        box-sizing: border-box;
    }
        .btn-scroll i {
            display: block;
            font-size: 1.5em;
        }
.confirm-tel {
    width: 100%;
    margin: 0 auto;

}
/*-----------------------------------------
	Back Top Button
-----------------------------------------*/
a#page-top {
    font-size: 3em;
    background-color: #fff;
    border-radius: 50%;
}
/*リンクを右下に固定*/
#page-top {
	right: 10px;
	bottom:100px;
}
/*-----------------------------------------
    親要素からはみ出してる画像
-----------------------------------------*/
img.img-nowrap {
    width: 100%;
    margin-left: 0;
}
img.img-taxi1 {
    width: 100%;
    margin-right: 0;
}
.img-taxi2 {
    width: 100%;
    margin-left: 0;
}
/*-----------------------------------------
	Grid
-----------------------------------------*/
.grid-layout2 {
    display: block;
}
.grid-layout1 {
    display: block;
}
/*-----------------------------------------
	Flex Box
-----------------------------------------*/
.nowrap4-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.nowrap3-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.nowrap2-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.nowrap-flex {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
/*-----------------------------------------
	Header
-----------------------------------------*/
header#index-head {
    height: 325px;
}
header#lower-head {
    height: 150px;
    background: none;
    background-color: #fff;
    border-bottom: #3fa9f5 1px solid;
}
header#shrine-head,
header.enjoy-plan {
    height: 350px;
}
    header#index-head .site-discription,
    header#lower-head .site-discription,
    header#shrine-head .site-discription,
    header#enjoy-head .site-discription {
        top: 0;
        left: 0;
        width: 100%;
        height: 70px;
        padding: 0.5em 2em;
        line-height: 1.5em;
        font-size: 0.8em;
        text-align: left;
    }
    header#index-head #corp-name,
    header#lower-head #corp-name,
    header#shrine-head #corp-name,
    header#enjoy-head #corp-name {
        top: 70px;
        left: 0;
        width: 100%;
        font-size: 1em;
        padding: 0.5em 1em;
        border-radius: 0 0 0 0;
        text-align: center;
    }
/*-----------------------------------------
	News stickers
-----------------------------------------*/
#new-stickers {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.7em;
    width: 90%;
    margin: 0 5%;
    /* font-weight: 500; */
    /* padding: 0 0 0 90px; */
}
#new-stickers ul li span {
    display: block;
}
    a.btn-notice {
        width: 100%;
        padding: 0.5em 0.7em;
        box-sizing: border-box;
    }
        a.btn-notice i {
            text-align: center;
            font-size: 1.2em;
            margin: 0 0.5em 0.5em 0;
            box-sizing: border-box;
        }
        a.btn-notice span {
            text-align: center;
        }
        ul.slider {
            width: 100%;
        }
.slider a {
    padding: 0.5em;
}
    /*日付*/
    .slider span {
        font-size:0.8em;
        margin-right:10px;
    }
/*-----------------------------------------
	Now Area
-----------------------------------------*/
#weather-widget,
#live-camera {
    width: 100%;
}
    /* #weather-widget #weather-wrapper {
        display: block;
        height: 300px;
    } */
#weather-widget {
    margin-bottom: 2em;
}
#live-camera picture img {
    width: 100%;
    height: auto;
}
/*-----------------------------------------
	Footer
-----------------------------------------*/
footer {
    display: block;
    padding-bottom: 6em;
}
.foot-nav {
    width: 100%;
}
.address-area {
    width: 100%;
}
.address_text {
    padding-bottom: 1.5em;
}
    .address_text h1 {
        margin-bottom: 1em;
    }

#copyright {
    bottom: 5em;
    height: auto;
    line-height: 2.5em;
}
/*-----------------------------------------
	Liner Area
-----------------------------------------*/
.title-seagull {
    display: block;
    width: 100%;
    padding: 1em 1.5em 0 0;
}
.title-liner-table {
    padding: 0.5em 0.5em;
}
.time-table {
    font-size: 120%;
    padding-bottom: 1em;
    border-bottom: #3fa9f5 1px solid;
}
.time-table th,
.time-table td {
    padding: 0em 0.5em;
}
.notice2 {
    text-align: left;
}
.explanation2,
.explanation3 {
    padding: 1em 1em;
}
.group_price {
    font-size: 120%;
}
/*-----------------------------------------
	Taxi Area
-----------------------------------------*/
.title-ship {
    margin-bottom: 1em;
}
.taxi-notice1,
.taxi-notice2,
.taxi-notice3 {
    margin-bottom: 1em;
}
        .img-taxi1 img {
            width: 100%;
            height: auto;
            margin-right: 0;
        }
/*-----------------------------------------
	Now Area
-----------------------------------------*/
#informer tr.days td.time {
    flex-direction: column;
}
/*-----------------------------------------
    Banner Area
-----------------------------------------*/
#banner-area img {
    margin-bottom: 1em;
}

/*-----------------------------------------
	Lower//Page
-----------------------------------------*/
.lower-title {
    width: 100%;
}
/*-----------------------------------------
	Lower//ship-guide
-----------------------------------------*/
.table-ship-info {
    width: 100%;
}
.wp-block-table table td {
    display: block;
    width: 100%;
}
.wp-block-table.is-style-stripes tbody tr td:nth-child(odd) {
    border-bottom: #ddd 1px solid !important;
}
/*-----------------------------------------
	Lower//Q & A
-----------------------------------------*/
.qanda-list dt {
    width: 15%;
}
.qanda-list dd {
    width: 85%;
}
/*-----------------------------------------
	Lower//kinkasan-shrine
-----------------------------------------*/
.shrine-image-left,
.shrine-image-right {
    margin: 0 0 2em 0;
}
.shrine-image-left figure img,
.shrine-image-right figure img {
    margin-bottom: 1.5em;
}
/*-----------------------------------------
	Lower//船舶案内
-----------------------------------------*/
.table-ship-info table {
    width: 90%;
    margin: 1em auto;
}
/*-----------------------------------------
	Lower//祭日表
-----------------------------------------*/
header#shrine-head h2.shrine-head-title {
    position: absolute;
    bottom: 30%;
    left: 12.5%;
    display: block;
    width: 75%;
    margin: 0 auto;
    font-size: 1.8em;
    font-family: 'Kiwi Maru', serif;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.saijitsulist table {
	width: 100%;
}
	.saijitsulist table th,
	.saijitsulist table td {
		padding: 0.5em 0.5em;
	}
	.saijitsulist table th {
		width: 100%;
	}
    .saijitsulist table td {
        display: block;
        width: 100%;
    }
    .saijitsulist table td:nth-child(odd) {
        border-bottom: none;
    }
/*-----------------------------------------
	Lower//どんなプランで楽しもう
-----------------------------------------*/
.enjoy-plan-contents ul {
    width: 90%;
}
    .enjoy-plan-contents ul li {
        width: 100%;
    }
    .enjoy-plan-contents .wp-block-media-text .wp-block-media-text__content {
        margin-top: 1em;
    }
/*-----------------------------------------
	Lower//金華山トレッキングロード
-----------------------------------------*/
.kinkasan-trekking h3 {
    width: 100%;
}
.kinkasan-trekking .wp-block-media-text .wp-block-media-text__content {
    padding: 1em;
}
.kinkasan-trekking ul {
    width: 90%;
    padding: 1em;
}
    .kinkasan-trekking ul li {
        padding: 0 0 0 0;
    }