/*-----------------------------------------
    'screen and (min-width: 960px)'
-----------------------------------------*/
/*-----------------------------------------
    Base Frame
-----------------------------------------*/
.container {
    position: relative;
	width: 1024px;
	margin: 0 auto;
    text-align: center; /*inline-blockの中央寄せ対策*/
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
    .container {
        width: 960px;
        margin: 0 auto;
    }
}
/*-----------------------------------------
	Background
-----------------------------------------*/
.lower-contents-inner {
    padding: 1em 2em;
}
/*-----------------------------------------
    Image
-----------------------------------------*/
/* figure.is-resized img {
    max-width: auto;
    height: auto;
} */
/*-----------------------------------------
    Text
-----------------------------------------*/
.small {
    font-size: 0.8em;
    line-height: 0.9em;
}
.pc-br { display: block; }
.sp-br { display: none; }
/*-----------------------------------------
    Heading
-----------------------------------------*/
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }
h4 { font-size: 1.0em; }
/*-----------------------------------------
	Block Editor
-----------------------------------------*/
.has-large-font-size { font-size: 1.5em; }
.has-regular-font-size { font-size: 1.0em; }
.has-small-font-size { font-size: 0.813em; }

/*-----------------------------------------
	Table
-----------------------------------------*/
.wp-block-table table th,
.wp-block-table table td {
    padding: 0.5em 1em;
}
/*-----------------------------------------
	Button
-----------------------------------------*/
.btn-link a,
.btn-lower a {
    width: 70%;
    padding: 0.5em 0;
    font-size: 1.5em;
}
.btn-lower-area {
    display: flex;
    justify-content: space-between;
}
    .btn-lower-area p {
        width: 49%;
    }
.btn-pamphlet a {
    width: 70%;
    padding: 0.5em 2em;
}
/*--- Back Top Button -------------------*/
a#page-top {
    font-size: 4em;
}
    #page-top {
        right: 0;
        bottom: 1.5em; /*reCAPCHAよけ*/
    }

.confirm-tel {
    width: 67%;
    margin: 0 auto;

}
a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
/*--- Rserv Button ----------------------*/
.reserc-btn-area {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
}
    a:active#reserv-web,
    a:hover#reserv-web {
        width: 240px;
        height: 75px;
        line-height: 0.5em;
        padding: 1.5em 0 0 0;
    }
a#reserv-web {
    width: 120px;
    height: 75px;
    font-size: 1.2em;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    border-radius: 0.5em 0 0 0.5em;
}
    a:hover#reserv-tel span,
    a:active#reserv-tel span {
        display: inline;
    }
    a:hover#reserv-tel,
    a:active#reserv-tel {
        width: 240px;
        height: 75px;
        font-size: 1.2em;
        padding: 0.5em 0 0 0;
    }
a#reserv-tel {
    width: 120px;
    height: 75px;
    padding: 0.8em 1em;
    border-radius: 0.5em 0 0 0.5em;
}
/*--- Anchor Button ---------------------*/
#scroll-btn-area {
    display: flex;
    justify-content: space-around;
    margin: 2em 0;
}
    .btn-scroll {
        width: calc(calc(100% - 2em) / 3);
        padding: 1em;
        margin: 0 1em;
        font-size: 1.2em;
        border-radius: 3em;
    }
        .btn-scroll i {
            font-size: 1.5em;
        }
/*-----------------------------------------
	Flex Box
-----------------------------------------*/
.nowrap4-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}
.nowrap3-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.nowrap2-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.nowrap-flex {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
/*-----------------------------------------
	News stickers
-----------------------------------------*/
#new-stickers {
    margin: 2em 0;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.7em;
    width: 100%;
    /* font-weight: 500; */
}
    a.btn-notice {
        width: 13%;
        padding: 0.5em 1em;
        font-size: 1em;
    }
        .btn-notice i {
            margin: 0 0.5em 0 0;
        }
        a.btn-notice span {
            text-align: left;
        }
        ul.slider {
            width: 86%;
        }
.slider a {
    padding: 0.5em;
}
    /*日付*/
    .slider span {
        font-size:0.8em;
        margin-right:10px;
    }
/*-----------------------------------------
	Header
-----------------------------------------*/
header {
    height: 430px;
}
    .site-discription {
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 0.8em;
        text-align: center;
    }
    #corp-name {
        top: 50px;
        left: 43%;
        font-size: 1.5em;
        padding: 0.5em 3em;
        border-radius: 0 0 0.5em 0.5em;
    }

    .shipcancel-area {
        top: 150px;
        left: 39%;
    }
/*-----------------------------------------
	Footer
-----------------------------------------*/
footer {
    display: flex;
    align-items: flex-end;
}

.foot-nav {
    width: 55%;
}
.address-area {
    width: 45%;
}
#copyright {
    bottom: 0;
    height: 1.5em;
}
/*-----------------------------------------
	Liner Area
-----------------------------------------*/
.title-seagull {
    padding: 1em 4.5em 0 0;
}
.grid-layout1 {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(3, 25%);
}
.title-liner-table {
    padding: 0.5em 1em;
}
.time-table {
    font-size: 130%;
}
.time-table th,
.time-table td {
    padding: 0.5em 1em;
}
.notice2 {

    text-align: center;
}
.explanation2,
.explanation3 {
    padding: 1em 2em;
}
/*-----------------------------------------
	Now Area
-----------------------------------------*/
    #weather-widget,
    #live-camera {
        width: 49%;
    }

/*-----------------------------------------
	Lower//Page
-----------------------------------------*/
ul#breadcrumb {
    width: 1024px;
}
/*-----------------------------------------
	Lower//kinkasan-shrine
-----------------------------------------*/
header#shrine-head h2.shrine-head-title {
    position: absolute;
    bottom: 30%;
    left: 0;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 1.8em;
    font-family: 'Kiwi Maru', serif;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.shrine-image-left,
.shrine-image-right {
    margin: 2em 0 0 2em;
}
/*-----------------------------------------
	Lower//船舶案内
-----------------------------------------*/
.table-ship-info table {
    width: 60%;
    margin: 2em auto;
}
/*-----------------------------------------
	Lower//祭日表
-----------------------------------------*/
.saijitsulist table {
    width: 85%;
}
    .saijitsulist table th,
    .saijitsulist table td {
        padding: 0.5em 1em;
    }
    .saijitsulist table th {
        width: 48%;
    }
/*-----------------------------------------
	Lower//Q & A
-----------------------------------------*/
.qanda-list dt {
    width: 5%;
    text-align: center;
}
.qanda-list dd {
    width: 95%;
}
/*-----------------------------------------
	Lower//どんなプランで楽しもう
-----------------------------------------*/
header.enjoy-plan {
    height: 350px;
}
.enjoy-plan-contents ul {
    width: 80%;
    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;
    }