/*
Theme Name: Seadrem Kinkasan-kisen ver.4.0
Theme URI:
Author: SHOKODO Co.,Ltd
Description: SEO対策
Version: 4.0
*/
/*-----------------------------------------
	Base structure
	Common
    media all
-----------------------------------------*/
html {
    position: relative;
    height: 100%;
	scroll-behavior: smooth; /* アンカークリック時にスムーズにスクロール */
    overflow-x: clip;
    -webkit-overflow-scrolling: touch;

}
/*ディスプレイ左右の余白対策*/
* {
	margin:0;
	padding:0;
}
body{
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 16px;
    font-weight: 400;
	line-height: 180%;
    color: #656565;
    background-color: #f7f7f4;
}
/* borderの太さやpaddingの大きさをwidthに含める */
*,
*:before,
*:after {
	box-sizing: border-box;
	min-height: 0;
	min-width : 0;
}

/*-----------------------------------------
    Base Frame
-----------------------------------------*/
.wrap {
    width: 100%;
}
/*-----------------------------------------
    Heading
-----------------------------------------*/
/*-----------------------------------------
    Heading
-----------------------------------------*/
h1 { font-size: 1.75em; }/*28*/
h2 { font-size: 1.5em; }/*24*/
h3 { font-size: 1.0em; }/*16*/
h4 { font-size: 1.0em; }/*16*/
h1,
h2,
h3,
h4 {
    font-weight: 700;
}
    .color-blue {
        color: #3fa9f5;
    }
    .title {
        font-family: 'Kiwi Maru', serif;
    }
/*-----------------------------------------
    Link
    ※activeとhoverは@media (hover: hover)へ
-----------------------------------------*/
a,
a:link,
a:visited {
    color: #656565;
    text-decoration: none;
}
/* @media (min-width: 768px) {
    a[href*="tel:"]:active {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
} */

/*-----------------------------------------
    Line
-----------------------------------------*/
hr {
    height: 0;
    margin: 0;
    padding: 0;
    /* border-top: #656565 1px solid; */
}
/*-----------------------------------------
    Image
-----------------------------------------*/
/* img {
    max-width: 100%;
    height: auto;
} */
figure.size-full img {
    max-width: 100%;
    height: auto;
}

figure.aligncenter img {
    display: block;
    margin: 0 auto;
}
/*-----------------------------------------
    Text
-----------------------------------------*/
@media screen and (max-width: 519px) {
    .br-tb { display: none; }
}
@media screen and (min-width: 520px) and (max-width: 959px) {
    .br-tb { display: block; }
}
@media screen and (min-width: 960px) {
    .br-tb { display: none }
}

p {
    margin: 0.5em 0;
    padding: 0;
}
.red { color: #ff9182; }
/*-----------------------------------------
    List
-----------------------------------------*/
ul {
    list-style: none;
}
    ul li {
        margin: 0;
        padding: 0;
    }
ol {
    width: 90%;
    margin: 0 0 0 5%;
    padding: 0;
}
/*-----------------------------------------
    Input Form
-----------------------------------------*/
input[type="date"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
select,
textarea {
    border-radius: 0;
    box-sizing:border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1em;
    line-height: 1.3em;
    padding: 0.5em 1em;
    border: none;
    box-shadow: none;
}

::placeholder {
    color: #999 !important;
    font-size: 90% !important;
}

figcaption {
    font-size: 80%;
}
    figcaption::before {
        content: '\f54b';
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        padding-right: 1em;
    }
/*-----------------------------------------
	Block Editor
-----------------------------------------*/
.has-storng-blue-color { color: #5295b3; }
.has-original-blue-color { color: #3fa9f5; }
.has-original-red-color { color: #ff9182; }
.has-gray-color { color: #e4e3d9; }
/*-----------------------------------------
	Button
-----------------------------------------*/
.wp-block-button__link {
    display: block;
    width: 280px;
    text-align: center;
    margin: 1em 0;
}
.btn-area {
    display: block;
    width: 100%;
    text-align: right;
}
.btn-lower-area {
    padding: 1em 2em;
    background-color: #f7f7f4;
    border-radius: 1em;
}
    .btn-lower-area p a {
        display: block;
        text-align: center;
        padding: 1em 1.5em;
        font-size: 100%;
        color: #7ac943;
        background-color: #fff;
        border: #7ac943 3px solid;
    }

.btn-back {
    display: inline-block;
    margin: 1em auto;
    padding: 0.5em 3em;
    border-radius: 2.5em;
    background-color: #d9eefd;
}
    .btn-link a {
        display: block;
        color: #fff;
        text-align: center;
        margin: 2em auto;
        background-color: #3fa9f5;
        border: #3fa9f5 3px solid;
        border-radius: 0.5em;
    }
.btn-lower a {
    display: block;
    color: #3fa9f5;
    text-align: center;
    margin: 2em auto;
    color: #FFF;
    background-color: #ffc235;
    border: #ffc235 3px solid;
    border-radius: 0.5em;
}
.btn-lower a::after {
    content: '\f178';
    margin: 0 0 0 1em;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.btn-plan {
    position: relative;
    z-index: 50;/*Navigationが80*/
    display: block;
    width: 162px;
    font-family: 'Kiwi Maru', serif;
    font-weight: 500;
    font-size: 150%;
    text-align: center;
    margin: -1em auto 0 auto;
    padding: 1.2em 0 1.4em 0;
    background-color: #ff9182;
    border: #ff9182 3px solid;
    border-radius: 84%;
}
    .btn-plan,
    .btn-plan:link,
    .btn-plan:visited {
        color: #fff;
    }
    .btn-plan:active,
    .btn-plan:hover {
        color: #ff9182;
        background-color: #fff;
        border: #ff9182 3px solid;
    }
.btn-pamphlet a {
    display: block;
    /* width: 70%; */
    /* padding: 0.5em 2em; */
    margin: 2em auto;
    text-align: center;
    border: #8fddff 3px solid;
    background-color: #d9eefd;
}
    .btn-pamphlet a::after {
        content: '\f279';
        margin: 0 0 0 1em;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    .btn-pamphlet a:hover,
    .btn-pamphlet a:active {
        border: #8fddff 3px solid;
        background-color: #fff;
    }
/*--- Rserv Button ----------------------*/
a#reserv-web {
    text-align: center;
    font-weight: 500;
    color: #ffe0dc;
    background-color: #ff9182;
}
    /* a:hover#reserv-tel span,
    a:active#reserv-tel span {
        display: inline;
    } */
    /* a:hover#reserv-tel i,
    a:active#reserv-tel i {
        display: inline;
        font-size: 1em;
    } */
    a#reserv-tel span {
        display: none;
    }
    /*a#reserv-tel i {
        display: block;
    }*/
a#reserv-tel {
    font-weight: 500;
    text-align: center;
    color: #7ac943;
    background-color: #dfff82;
}
/*--- Anchor Button ---------------------*/
    a.btn-scroll {
        position: relative;
        display: block;
        text-align: center;
        font-weight: 700;
        background-color: #fff;
        box-sizing: border-box;
        border: #fff 3px solid;
    }
        a.btn-scroll i {
            display: block;
        }
            .icon-liner {
                color: #3fa9f5;
            }
            .icon-taxi {
                color: #ff7aab;
            }
            .icon-weather {
                color: #ffb481;
            }
        a.liner:hover  {
            border: #3fa9f5 3px solid;
        }
        a.taxi:hover {
            border: #ff7aab 3px solid;
        }
        a.weather:hover {
            border: #ffb481 3px solid;
        }
/* .tooltip-liner,
.tooltip-taxi,
.tooltip-weather {
    display: none;
    width: 200px;
    position: absolute;
    top: 80px;
    padding: 16px;
    border-radius: 5px;
    background: #fff;
    line-height: 1.2em;
    font-size: 0.8em;
    font-weight: 400;
    border: #3fa9f5 5px solid;
}
        .tooltip-liner {
            z-index: 99;
            left: 0;
        }
        .tooltip-taxi {
            z-index: 99;
            left: 25px;
        }
        .tooltip-weather {
            z-index: 99;
            left: 50px;
        }
        .tooltip-liner::before,
        .tooltip-taxi::before,
        .tooltip-weather::before {
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        pointer-events: none;
        content: "";
        position: absolute;
        top: -33px;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-bottom: 15px solid #3fa9f5;
    }

    a:hover.btn-scroll span + .tooltip-liner,
    a:hover.btn-scroll span + .tooltip-taxi,
    a:hover.btn-scroll span + .tooltip-weather {
        display: block;
    } */

/*-----------------------------------------
	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:10px; */
	z-index: 3;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

/*　左の動き　*/
#page-top.LeftMove {
	animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/*　右の動き　*/
#page-top.RightMove {
	animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime {
  from {
  	opacity: 1;
	transform: translateX(0);
  }
  to {
  	opacity: 1;
	transform: translateX(100px);
  }
}

/*-----------------------------------------
	News stickers
-----------------------------------------*/
.bx-wrapper {
    margin-bottom: 0 !important;
}
#new-stickers {
    position: relative;
    display: flex;
    background-color: #fff;
    text-align: left;
    width: 100%;
}
    a.btn-notice {
        font-weight: 700;
        color: #fff;
        text-align: center;
        background-color: #7ac943;
        border: #7ac943 2px solid;
        border-radius: 0.5em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        a.btn-notice span {
            display: block;
            font-weight: 300;
            font-size: 0.8em;
            line-height: 1.2em;
            /* text-align: left; */
            margin: 0.5em 0;
        }

    /* #new-stickers .bx-wrapper {
        font-size: 1.2em;
        line-height: 1.2em;
    } */

    ul.slider li {
        line-height: 2.1em;
        border-bottom: #7ac943 1px solid;
    }
    ul.slider li i {
        color: #7ac943;
        font-size: 1.5em;
    }
    ul.slider li a::after {
        display: inline-block;
        content: '\f35a';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        color: #7ac943;
        font-size: 1.3em;
        margin-left: 1em;
    }
.slider a {
    display: block;
}
    /*日付*/
    .slider span {
        display:inline-block;
    }
    .bx-wrapper {
        box-shadow: none !important;
    }
/*-----------------------------------------
	Background
-----------------------------------------*/
.contents-inner {
    padding: 2em 1em 1em 1em;
    border-radius: 0 0 1em 1em;
}
.lower-contents-inner {
    text-align: left;
    /* padding: 1em 2em; */
    border-radius: 1em 1em;
}
.back-white {
    background-color: #fff;
}
    .lower-bottom-margin {
        margin-bottom: 2em;
    }
.back-wave {
    z-index: 0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 1em 0;
    background: url("images/wave-back.png") #e6f7ff;
}
.back-sky-wave {
    z-index: 0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background-color: #e6f7ff;
}
    .back-sky-wave::before {
        content: "";
        display: block;
        height: 10px;
        background: url("images/wave-line.png") repeat-x top center;
    }
/*-----------------------------------------
	Header
-----------------------------------------*/
/* WebP非対応ブラウザの為の対応//------- */
html.webp header#index-head {
    margin: 0;
    padding: 0;
    text-align: center;
    background: url("images/re_seadream.webp") center center no-repeat;
	background-size: cover;
}
html.no-webp header#index-head {
    margin: 0;
    padding: 0;
    text-align: center;
    background: url("images/re_seadream.jpg") center center no-repeat;
	background-size: cover;
}
/* -----//END WebP非対応ブラウザの為の対応 */

header#lower-head {
    height: 140px;
    background: none;
    background-color: #fff;
    border-bottom: #3fa9f5 1px solid;
}
header#shrine-head {
    position: relative;
	background-size: cover;
}
header.michinoku-spirit-island-kinkasan {
    background: url("images/head-shrine-disc.png") center center no-repeat;
}
header.michinoku-spirit-island-kinkasan {
    background: url("images/head-shrine-disc.png") center center no-repeat;
}

    header#index-head .site-discription,
    header#lower-head .site-discription,
    header#shrine-head .site-discription,
    header#enjoy-head .site-discription {
        position: absolute;
        background-color: #fff;
    }
    header#index-head #corp-name,
    header#lower-head #corp-name,
    header#shrine-head #corp-name,
    header#enjoy-head #corp-name {
        position: absolute;
        background-color: #fff;
    }

    .shipcancel-area {
        z-index: 70;
        position: absolute;
        display: block;
        padding: 1em 2em;
        box-sizing: border-box;
        color: #fff;
        font-size: 150%;
        font-weight: 500;
        background-color: red;
        border-radius: 0.3em;
    }
/*-----------------------------------------
	Instagram Feed
-----------------------------------------*/
#insta-area {
    /* width: 100%; */
    width: 70%;
    /* margin: 2em 0; */
    margin: 2em 15%;
    background-color: #fff;
    border-radius: 1em;
}
    #insta-area h3 {
        display: block;
        width: 100%;
        font-size: 1.5em;
        text-align: center;
        padding: 0.5em 0;
        color: #7ac943;
    }
        #insta-area h3::before {
            content: "\f086";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            font-size: 1.2em;
            margin-right: 0.5em;

        }
.wdi_col_1 {
    display: flex;
}
.wdi_feed_info,
#wdi_pagination {
    display: none !important;
}
.wdi_feed_container,
.wdi_feed_wrapper {
    padding: 0 1em 1em 1em !important;
    background-color: initial !important;
    border-bottom: none !important;
}
.wdi_photo_wrap,
.wdi_photo_wrap_inner {
    border: none !important;
    background-color: initial !important;
}
/*-----------------------------------------
	Liner Area
-----------------------------------------*/
#liner-area {
    width: 100%;
    border-radius: 1em;
    margin: 2em 0;
    text-align: left;
}
#liner-area::before {
    display: block;
    content: "";
    height: 10px;
    background: url("images/wave-line-w.png") repeat-x top center;
}
.title-seagull {
    display: inline;
    color: #3fa9f5;
    background-image: url("images/title-seagull.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}
.notice1 {
    grid-column: 1 / 5;
    grid-row: 1 / auto;
    order: 1;
}
.notice2 {
    grid-column: 1 / 5;
    grid-row: 3 / auto;
    order: 3;
}
    .notice1,
    .notice2 {
        margin: 1em 0;
    }
.img-nowrap {
    grid-column: 1 / 3;
    grid-row: 2 / auto;
    order: 2;
}
    .img-nowrap img {
        width: calc(105% - 2em);
        margin-left: -2em;
    }
.contents-inner .liner-time-table {
    grid-column: 3 / 5;
    grid-row: 2 /auto;
    order: 3;
    width: 100%;
    padding: 0;
}
    .title-liner-table {
        margin: 0 0 1em 0;
        font-size: 140%;
        color: #3fa9f5;
        border-bottom: #3fa9f5 1px solid;
        border-top: #3fa9f5 1px solid;
    }
    .time-table {
        width: 100%;
        margin: 0.5em 0;
        font-weight: 700;
        text-align: center;
    }
        .time-table th {
            color: #3fa9f5;
        }
.contents-inner .price-area1 {
    grid-column: 3 / 5;
    grid-row: 4 / auto;
    order: 5;
}
.explanation2 {
    grid-column: 1 / 3;
    grid-row: 4 / auto;
    order: 4;
}
.price-area2 {
    grid-column: 3 / 5;
    grid-row: 5 / auto;
    order: 7;
}
.explanation3 {
    grid-column: 1 / 5;
    grid-row: 5 / auto;
    order: 6;
}
    .explanation2,
    .explanation3 {
        width: 100%;
        line-height: 2em;
        margin: 0 0 1em 0;
    }
    .price-area1,
    .price-area2,
    .taxi-price1,
    .taxi-price2 {
        width: 100%;
        padding: 0.5em;
        margin: 0 0 1em 0;
        border: #8fddff 3px solid;
        border-radius: 0.5em;
        background-color: #fff;
    }
        .group_price {
            width: 90%;
            margin: 1em 5%;
        }
            .group_price td {
                text-align: right;
            }
/*-----------------------------------------
	Taxi Area
-----------------------------------------*/
#sea-taxi-area {
    text-align: left;
}
    .grid-layout2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 110px 160px 108px 100px 236px auto auto;
        column-gap: 1em;
        row-gap: 1em;
        justify-content: center;
        align-items: center;
    }
    .title-ship {
        order: 1;
        grid-column: 1 / 2;
        grid-row: 1 / 2;

        color: #3fa9f5;
        line-height: 150%;
        padding: 0 0 0 4.2em;
        margin-bottom: 0;
        background-image: url("images/title-ship.png");
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    .img-taxi1 {
        order: 2;
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }
        .img-taxi1 img {
            width: calc(100% + 2em);
            margin-right: -3em;
        }

    .taxi-notice1 {
        order: 3;
        grid-column: 1 / 2;
        grid-row: 2 / 4;

        width: 100%;
        height: max-content;
        padding: 1em;
        background-color: #fff;
        border-radius: 0.5em;
    }
    .contents-inner .taxi-price1 {
        order: 4;
        grid-column: 2 / 3;
        grid-row: 3 / 5;
        height: max-content;
    }
    .img-taxi2 {
        order: 5;
        grid-column: 1 / 2;
        grid-row: 4 / 6;
    }
        .img-taxi2 img {
            width: calc(110% - 2.3em);
            margin-left: -1em;
        }
    .contents-inner .taxi-price2 {
        order: 6;
        grid-column: 2 / 3;
        grid-row: 5 / 6;
    }
    .taxi-notice2 {
        order: 8;
        /* grid-column: 1 / 2; */
        grid-row: 6 / 7;

        width: 100%;
        height: max-content;
        padding: 1em;
        text-align: left;
        background-color: #fffce9;
        border-radius: 0.5em;
    }
    .taxi-notice3 {
        order: 7;
        /* grid-column: 2 / 3;*/
        grid-row: 6 / 7;

        width: 100%;
        height: max-content;
        padding: 1em;
        text-align: left;
        background-color: #fff;
        border-radius: 0.5em;
    }
/*-----------------------------------------
	Banner Area
-----------------------------------------*/
#banner-area {
    margin: 2em 0;
    padding: 0 1em;
}
    #banner-area::before {
        content: "";
        display: block;
        height: 10px;
        background: url("images/wave-line.png") repeat-x top center;
    }
    #banner-area::after {
        content: "";
        display: block;
        height: 10px;
        background: url("images/wave-line.png") repeat-x bottom center;
    }

/*-----------------------------------------
	Footer
-----------------------------------------*/
footer {
    position: relative;
    text-align: left;
    padding: 2em 1em;
    border-radius: 0.5em 0.5em 0 0;
    background-color: #fff;
}
.foot-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
    .foot-nav ul li {
        display: inline-block;
        margin: 0 1em 0.5em 0;
        padding: 0.5em 1em;
    }
    .sns-icon {
        width: 100%;
        text-align: right;
        margin-bottom: 1em;
    }
        .sns-icon i {
            margin: 0 0 0 0.5em;
        }
#copyright {
    position: absolute;
    /* bottom: 0; */
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
/*-----------------------------------------
	Now Area
-----------------------------------------*/
#now-area {
    margin: 2em 0;
    padding: 2em 1em;
}
    #now-area h2 {
        width: 100%;
        text-align: center;
    }
    .meteoservice-3642295105 {
        font-family: 'M PLUS Rounded 1c', sans-serif !important;
        font-weight: 400;
        line-height: 180%;
        color: #656565 !important;
    }
#now-area {
    margin: 2em 0;
    padding: 2em 1em;
}
    #now-area h2 {
        margin-bottom: 1em;
    }
	#informer table {
		border: none !important;
		border-radius: 1em;
		line-height: 180% !important;
	}
/*---Title------------------------------------*/
    #informer table thead.header td {
		background-color: #3fa9f5 !important;
		border-radius: 0.5em 0.5em 0 0;
		border-bottom: none !important;
    }
        #informer table thead.header td div {
            font-family: 'Kiwi Maru', serif;
            font-size: 1.5em !important;
            color: #fff !important;
            text-align: center;
            margin: 0 !important;
            padding: 0 !important;
        }
/*---Contets----------------------------------*/
    #informer tr.fact td.time {
        font-size: 130% !important;
    }
	#informer tr.days td.time {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        font-size: 150% !important;
	}
		#informer td.time br {
			display: none;
		}
		#informer td.time span.weekday {
			display: block;
			border: #656565 1px solid !important;
			padding: 0 0.8em !important;
			margin: 0 0.5em 0 0;
            font-size: 70% !important;
            color: #656565 !important;
			border-radius: 0.3em !important;
		}

    #informer th.weather-icon-container {
        width: 20% !important;
    }
    #informer tr.fact td.weather,
    #informer tr.days td.weather {
        width: 41% !important;
    }
        .temperature {
            display: block;
            width: 100%;
        }
        .precip {
            display: inline;
            width: 50%;
        }
        .wind {
            display: inline;
            width: 48%;
            margin-left: 1%;
        }
            .precip svg {
                width: 1.3em;
                height: auto;
            }
/* #weather-widget #weather-wrapper {
    display: block;
    height: 300px;
} */
#weather-widget #weather-wrapper #weather1,
#weather-widget #weather-wrapper #weather2 {
    background-color: #fff;
}
/*-----------------------------------------
	Lower//Page
-----------------------------------------*/
ul#breadcrumb {
    margin: 0 auto 2em auto;
    padding: 1em 2em;
    font-size: 80%;
    background-color: #fff;

}
    ul#breadcrumb li {
        display: inline;
        padding: 0;
    }
        ul#breadcrumb li a:hover {
            text-decoration: underline;
        }
        ul#breadcrumb li i {
            padding: 0 0.5em;
        }
.lower-title {
    margin: 0 auto 1em auto;
    padding: 1em;
    text-align: center;
    border-top: #d9eefd 3px solid;
}
.pagination {
    width: 90%;
    margin: 1em auto;
    padding: 0;
    border-top: #e4e3d9 1px solid;
}
    .nav-links span,
    .nav-links a {
        display: inline-block;
        margin: 0 1em 0 0;
        padding: 1em 1.5em;
    }
.date-area {
    width: 100%;
    text-align: right;
    margin: 1em 0;
    padding: 0.5em 2em;
}
    .date-area span {
        margin: 0 1em 0 0;
        padding: 0 1em;
        color: #fff;
        background-color: #3fa9f5;
    }
/*-----------------------------------------
	Lower//Q & A
-----------------------------------------*/
.qanda-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 130%;
}
    .question {
        font-weight: 700;
        color: #e01f1f;
        font-size: 150%;
        line-height: 90%;
    }
    .anser {
        font-size: 150%;
        font-weight: 700;
        color: #008C64;
        line-height: 90%;
    }
    .qanda-list dt:nth-of-type(1n) {
        margin-bottom: 0.5em;
    }
    .qanda-list dd:nth-of-type(1n) {
        color: #e01f1f;
        margin-bottom: 0.5em;
    }
    .qanda-list dt:nth-of-type(2n) {
        margin-bottom: 1.5em;
    }
    .qanda-list dd:nth-of-type(2n) {
        color: #008C64;
        margin-bottom: 1.5em;
    }
/*-----------------------------------------
	Lower//ship-guide
-----------------------------------------*/
.table-ship-info {
	margin: 1em auto;
	border-collapse: separate;
}
	.table-ship-info th {
		font-weight: 700;
		color: #1f55a1;
		text-align: left;
		padding: 0.5em 1em;
		border-right: #ccf7ff 2px solid;
		border-bottom: #ccf7ff 2px solid;
	}
	.table-ship-info td {
		text-align: left;
		padding: 0.5em 1em;
		border-right: #ccf7ff 2px solid;
		border-bottom: #ccf7ff 2px solid;
	}
/*-----------------------------------------
	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;
    text-shadow: #656565 3px 3px 4px;
}
.shrine-image-left,
.shrine-image-right {
    position: relative;
}
.shrine-image-left figure img {
    z-index: 1;
    position: relative;
    box-shadow: #8fddff 0.5em 0.5em 0 0;
}
.shrine-image-right figure img {
    z-index: 1;
    position: relative;
    box-shadow: #8fddff -0.5em 0.5em 0 0;
}
    .shrine-title {
        z-index: 2;
        display: inline-block;
        position: absolute;
        font-size: 1.5em;
        font-family: 'Kiwi Maru', serif;
        font-weight: 400;
        margin: 0.5em 0 0 0;
        padding: 0.5em 2em 0.5em 1em;
        background: #f7f7f4;
    }
        .shrine-title::after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
        }
.shrine-image-left .shrine-title {
    top: 0;
    left: -0.5em;
    border-radius: 0 0.3em 0.3em 0;
}
    .shrine-image-left .shrine-title::after {
        bottom: -10px;
        left: 0;
        border-color: transparent #656565 transparent transparent;
        border-width: 0 13px 10px 0;
    }
.shrine-image-right .shrine-title {
    top: 0;
    right: -0.5em;
    border-radius: 0.3em 0 0 0.3em;
}
    .shrine-image-right .shrine-title::after {
        bottom: -10px;
        right: 0;
        border-color: transparent transparent transparent #656565;
        border-width: 0 0 10px 13px;
    }
/*-----------------------------------------
	Lower//祭日表
-----------------------------------------*/
.saijitsulist table {
	margin: 0 auto 1em auto;
	border-collapse: collapse;
    border: none;
}
	.saijitsulist table th,
	.saijitsulist table td {
        border-top: none;
        border-left: none;
        border-right: none;
		border-bottom: #cecbc8 1px solid;
	}
		.saijitsulist table thead {
			border-bottom: #1f55a1 2px solid;
		}
		.saijitsulist table th {
			text-align: left;
		}
/*-----------------------------------------
	Lower//どんなプランで楽しもう
-----------------------------------------*/
header.enjoy-plan {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
    header#enjoy-head h2.enjoy-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;
        text-shadow: #656565 3px 3px 4px;
    }
    header.enjoy-plan::after {
        position: absolute;
        bottom: -5px;
        z-index: 50;
        display: block;
        content: "";
        width: 100%;
        height: 350px;
        background: url("images/wave-line.png") repeat-x bottom center;
    }
.enjoy-plan-contents ul {
    /* width: 70%; */
    margin: 1.5em auto;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-start; */
}
    .enjoy-plan-contents ul li {
        /* width: 50%; */
        padding: 0.5em 0;
        font-size: 120%;
    }
    .enjoy-plan-contents ul li::before {
        content: '\f138';
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #ff9182;
        width: 1.5em;
        padding-right: 1em;
    }
.enjoy-plan-contents hr {
    height: 10px;
    background: url('images/wave-line.png') repeat-x 0 50%;
    border: 0;
    margin: 2em 0;
}
.enjoy-plan-contents .wp-block-media-text {
    margin: 2em 0;
    column-gap: 1.5em;
}
    .enjoy-plan-contents .wp-block-media-text .wp-block-media-text__content {
        place-self: stretch stretch;
        padding: 0;
    }
        .enjoy-plan-contents .wp-block-media-text .wp-block-media-text__content::before {
            display: block;
            content: "";
            height: 10px;
            background: url("images/wave-line.png") repeat-x top center;
        }
    .enjoy-plan-contents .wp-block-media-text .wp-block-media-text__content h2 {
        font-size: 1.5em;
        font-family: 'Kiwi Maru', serif;
        font-weight: 400;
        margin: 1em 0;
    }
    .enjoy-plan-contents .wp-block-media-text .wp-block-media-text__content h2::before {
        content: '\f138';
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #ff9182;
        width: 1.5em;
        padding-right: 0.5em;
    }
/*-----------------------------------------
	Lower//金華山トレッキングロード
-----------------------------------------*/
 /* 外部リンクの時はアイコン表示 */
.kinkasan-trekking a[href^="http"]::after,
.kinkasan-trekking a[href^="https"]::after,
.kinkasan-trekking a[href^="//"]::after {
    margin: 0 0 0 0.3em;
    content: '\f08e';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
/* マーク付与除外 */
    .kinkasan-trekking a[href^="http://seadream-kinkasan.com/"]::after,
    .kinkasan-trekking a[href^="http://www.seadream-kinkasan.com/"]::after,
    .kinkasan-trekking a[href^="https://seadream-kinkasan.com/"]::after,
    .kinkasan-trekking a[href^="https://www.seadream-kinkasan.com/"]::after,
    .kinkasan-trekking a[href^="http://127.0.0.1/seadream/"]::after,
    .kinkasan-trekking a[href^="http://127.0.0.1/seadream"]::after,
    .kinkasan-trekking a[href^="http://test.shokodo.co.jp/samplesite/liner/"]::after,
    .kinkasan-trekking a[href^="http://test.shokodo.co.jp/samplesite/liner"]::after {
        margin: inherit;
        font-family: inherit;
        content: '';
        font-weight: inherit;
    }

.kinkasan-trekking h3 {
    position: relative;
    display: block;
    text-align: center;
    font-family: 'Kiwi Maru', serif;
    font-weight: 400;
    font-size: 110%;
    padding: 1em;
    margin: 2.5em auto 1.5em auto;
    border-top: #ddd 3px solid;
    border-bottom: #eee 3px solid;
}
    .kinkasan-trekking h3::before {
        position: absolute;
        top: -0.5em;
        left: 0.5em;
        display: block;
        width: calc(100% - 1em);
        height: 130%;
        content: '';
        border-left: #3fa9f5 3px solid;
        border-right: #3fa9f5 3px solid;
    }
.kinkasan-trekking .wp-block-media-text .wp-block-media-text__content {
    align-self: stretch;
    background-color: #e6fbff;
}
    .kinkasan-trekking .wp-block-media-text .wp-block-media-text__content h4 {
        font-size: 120%;
        font-weight: 400;
        color: #3fa9f5;
        padding: 0.5em 1em;
        margin: 0 0 1em 0;
        border-left: #3fa9f5 0.5em solid;
        background-color: #fff;
    }

.kinkasan-trekking ul {
    margin: 1em auto;
    border: #8fddff 1px solid;
    border-radius: 0.5em;
}
    .kinkasan-trekking ul li {
        position: relative;
        margin: 0.5em 1em;
    }
        .kinkasan-trekking ul li::before {
            position: absolute;
            top: 0;
            left: -1.5em;
            display: inline-block;
            content: '●';
            color: #3fa9f5;
            text-align: center;
            font-size: 75%;
            width: 1.5em;
            height: 1.5em;
            padding: 0 1em 0 0;
            margin: 0 0.5em 0 0;
        }
/*-----------------------------------------
	Lower//予約から乗船まで
-----------------------------------------*/
.howto .wp-block-media-text::after {
    content: '\f063';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 2em;
    color: #3fa9f5;
    width: 100%;
    text-align: center;
    margin: 1em 0;
}
    .howto .not-arrow::after {
        content: '';
    }
.howto .wp-block-media-text .wp-block-media-text__media img {
    width: 70%;
    height: auto;
    margin: 0 15%;
}
.howto .wp-block-media-text__content h3 {
    font-size: 1.2em;
    color: #3fa9f5;
}
    .howto .wp-block-media-text__content h3::before {
        content: '\f13d';
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        margin-right: 0.5em;
    }
.howto .wp-block-media-text__content {
    margin: 0;
    padding: 0;
}

/******* メディアクエリ での制御 *******/
/* :hoverが使える端末を想定 */
@media (hover: hover) {
    a:hover {
        color: #656565;
        text-decoration: none;
    }
    .btn-lower-area p a:hover {
        color: #fff;
        background-color: #7ac943;
        border: #7ac943 3px solid;
    }
    a.btn-notice:hover {
        color: #7ac943;
        background-color: #fff;
        border: #7ac943 2px solid;
    }
    .btn-link a:hover {
        color: #3fa9f5;
        background-color: #fff;
        border: #3fa9f5 3px solid;
    }
    .btn-lower a:hover {
        color: #3fa9f5;
        background-color: #fff;
        border: #ffc235 3px solid;
    }
}
/* :hoverが使えない端末を想定 */
@media (hover: none) {
    a:active {
        color: #656565;
        text-decoration: none;
    }
    /* a[href*="tel:"]:active {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    } */
    a.btn-notice:active {
        color: #7ac943;
        background-color: #fff;
        border: #7ac943 2px solid;
    }
    .btn-lower-area p a:active {
        color: #fff;
        background-color: #7ac943;
        border: #7ac943 3px solid;
    }
    .btn-link a:active {
        color: #3fa9f5;
        background-color: #fff;
        border: #3fa9f5 3px solid;
    }
    .btn-lower a:active {
        color: #3fa9f5;
        background-color: #fff;
        border: #ffc235 3px solid;
    }
}

/*-----------------------------------------
	border-clasic	Lampworks 2025.04.02
-----------------------------------------*/
.table-border-clasic {
	border: 1px solid #595959;
	border-collapse: collapse;
	text-align:center;
	display: inline-block;
}
	.table-border-clasic table {
		border: 1px solid #595959;
		border-collapse: collapse;
		padding: 3px;
		text-align:center;
		display: inline-table;
		width: 100%;
		table-layout: fixed;
	}
	.table-border-clasic th , .table-border-clasic td {
		border: 1px solid #595959;
		border-collapse: collapse;
		padding: 3px;
		text-align:center;
	}