@charset "utf-8";


/*---------------------------------------------------------------------------------------------

reset & root set

---------------------------------------------------------------------------------------------*/
*,*::before,*::after { box-sizing: border-box; }
ul,ol { margin: 0; padding: 0; list-style: none; }
body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd { margin: 0; }
html { scroll-behavior: smooth; }
header,footer,main,aside,picture { display: block; }
img { max-width: 100%; height: auto; display: block; }
input,button,textarea,select { font: inherit; }
textarea { -webkit-appearance: none; }
input[type="submit"],input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]:focus,input[type="button"]:focus { outline-offset: -2px;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent;}
button, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; cursor: pointer; background: none; padding: 0; }

@media print {
body { width:1400px; -webkit-transform: scale(.8); transform: scale(.8); transform-origin: 0 0; }
}


/* color */
:root {
    --cl-base: #59BB9C;
    --cl-main: #A2D6CE;
    --cl-main-footer: #C2F4EA;
    --cl-main-taglist: #DEF5F2;
    --cl-sub: #016279;
    --cl-sub-l: #7094B8;
    --cl-accent: #D06456;
    --cl-accent-y: #D0913C;
    --cl-bggr: #F5F5F5;
    --cl-border: #dddddd;
    --cl-calendar-border: #BCDED9;
    --cl-calendar-bg: #DEF5F2;
    --cl-calendar-sat-txt: #3B73CC;
    --cl-calendar-sat-bg: #D8EDFF;
    --cl-calendar-sun-txt: #D06456;
    --cl-calendar-sun-bg: #FDE4DF;
    --cl-wh: #fff;
    --cl-bk: #000;
    --cl-placeholder: #bbb;
    --cl-error: #f00;
}



/*---------------------------------------------------------------------------------------------

base set

---------------------------------------------------------------------------------------------*/
html { font-size:62.5%; }
body { min-height: 100vh; line-height: 1.6; -webkit-text-size-adjust:100%; color: var(--cl-sub); font-size:1.6rem; font-family: 'Noto Sans JP', sans-serif; font-weight:500; word-break: break-word; background-color: var(--cl-wh); }
a,button { color: var(--cl-sub); outline:none; text-decoration:none; transition:0.5s; }
a:hover { text-decoration:none; opacity: 0.7; }
a::after { transition:0.5s; }
button:hover { opacity: 0.7; }
body._is-fixed { overflow: hidden; }
.page-wrapper { width: 100%; min-width: 134rem; }



/* form set */
input,textarea { outline-color: var(--cl-base); }
input:not([type=radio],[type=checkbox],[type=file]),
textarea { padding: 0.6rem 1.0rem 0.5rem; font-size: 1.4rem; color: var(--cl-sub); background-color:var(--cl-wh); border: var(--cl-sub) 2px solid ; width:100%; border-radius: 0.6rem; }
textarea { min-height:20rem; }
input::placeholder,
textarea::placeholder { color: var(--cl-placeholder); font-size: 1.4rem; opacity: 1; }
label { display: inline-block; cursor: pointer; }
select { cursor: pointer; }





.mada { background: #fcc; height: 10rem; }

/*---------------------------------------------------------------------------------------------

utility

---------------------------------------------------------------------------------------------*/

/* utility */
.u-only-sp { display:none !important; }
.u-only-pc { display:inherit !important; }
.u-backbg { background-color: var(--cl-wh); padding: 3rem; box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1); }
.u-backbg + .u-backbg { margin-top: 6rem; }
.u-bggr { background-color: var(--cl-bggr); }
.u-flexd-row { flex-direction: row !important; }
.u-flexd-rev { flex-direction: row-reverse !important; }
.u-flexd-col { flex-direction: column !important; }
.u-flexj-center { justify-content: center !important; }
.u-txt-s { font-size: 1.2rem; margin: 0.5em 0; }
.u-txt-m { font-size: 1.4rem; margin: 0.5em 0; }
.u-txt-l { font-size: 1.6rem; margin: 0.5em 0; }
.u-fw500 { font-weight: 500; }
.u-fw900 { font-weight: 900; }
.u-textlink { color: var(--cl-accent); text-decoration: underline; }
.u-tac { text-align: center; }

.u-flexCard { display: flex; flex-wrap: wrap; }
.u-flexCard._single-wide { gap: 3.2rem; }

.u-cl-price { color: var(--cl-accent) !important; }
.u-cl-placeholder { color: var(--cl-placeholder) !important; }
.u-cl-placeholder option:not([value=""]) { color: var(--cl-sub); }

.u-btnBox { margin-top: 6rem; }
.u-btnBoxFlex { margin: 6rem auto 0; display: flex; justify-content: center; gap: 4rem; /*max-width: 70rem;*/ }
.u-anchorGoal { padding-top: 10rem; margin-top: 0 !important; }

/* utility - margin */
.u-mt1 { margin-top: 1rem !important; }
.u-mt2 { margin-top: 2rem !important; }
.u-mt3 { margin-top: 3rem !important; }
.u-mt4 { margin-top: 4rem !important; }
.u-mt5 { margin-top: 5rem !important; }
.u-mt6 { margin-top: 6rem !important; }
.u-mb1 { margin-bottom: 1rem !important; }
.u-mb2 { margin-bottom: 2rem !important; }
.u-mb3 { margin-bottom: 3rem !important; }
.u-mb4 { margin-bottom: 4rem !important; }
.u-mb5 { margin-bottom: 5rem !important; }
.u-mb6 { margin-bottom: 6rem !important; }
.u-ml1 { margin-left: 1rem !important; }
.u-ml2 { margin-left: 2rem !important; }
.u-ml3 { margin-left: 3rem !important; }


/* utility - width */
.u-w100 { width: 100%; }
.u-w50 { width: 50%; }
.u-w40 { width: 40%; }
.u-w20 { width: 20%; }

.u-max-w50 { max-width: 50%; }
.u-max-w40 { max-width: 40%; }
.u-max-w30 { max-width: 30%; }
.u-max-w20 { max-width: 20%; }
.u-max-w10 { max-width: 10%; }




/*---------------------------------------------------------------------------------------------

component

---------------------------------------------------------------------------------------------*/


/* form component
--------------------------------------------------------------*/
/* custom select - div > select */
.c-selectWrap { position: relative; width: 100%; }
.c-selectWrap::before { position: absolute; top: 50%; right: 1.5rem; transform: translate(0,-50%) rotate(90deg); content: ""; display: block; width: 0.6em; height: 0.6em; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; pointer-events: none; }
.c-selectWrap select { padding: 0.6rem 1.0rem 0.5rem; font-size: 1.4rem; color: var(--cl-sub); background-color:var(--cl-wh); border: var(--cl-sub) 2px solid ; width:100%; border-radius: 0.6rem; }
.c-selectWrap._select-min { width: 10rem; }


.c-sortSelect { position: relative; display: flex; align-items: center; width: 24rem; }
.c-sortSelect::before { content: "並び替える："; width: 10rem; font-size: 1.2rem; padding-left: 2rem; background: url(/assets/images/common/ico_sort.svg) no-repeat left center / 2.4rem; }
.c-sortSelect::after { position: absolute; top: 50%; right: 1.5rem; transform: translate(0,-50%) rotate(90deg); content: ""; display: block; width: 0.6em; height: 0.6em; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; pointer-events: none; }
.c-sortSelect select { padding: 0.6rem 1.0rem 0.5rem; font-size: 1.4rem; color: var(--cl-sub); background-color:var(--cl-wh); border: var(--cl-sub) 1px solid ; width: calc(100% - 10rem); border-radius: 10rem; line-height: 1; }


/* custom radio - div > label > input + span */
.c-radioWrap {}
.c-radioWrap input[type="radio"] { display: none; }
.c-radioWrap-label {}
.c-radioWrap-txt { display: inline-flex; position:relative; align-items: center; margin: 0.4em 0; }
.c-radioWrap-txt::before { content: ""; display: block; width: 1.6rem; height: 1.6rem; border: 2px solid var(--cl-sub); background-color: var(--cl-wh); border-radius: 100%; margin-right: 0.5em; }
:checked + .c-radioWrap-txt::before { border: var(--cl-sub) 5px solid; }
/*
:checked + .c-radioWrap-txt::before { background-color: var(--cl-sub); }
:checked + .c-radioWrap-txt::after { content: ""; display: block; position: absolute; top: 50%; left: 0.4rem; transform: translateY(-50%); width: 0.8rem; height: 0.8rem; background: var(--cl-wh); border-radius: 100%; }
*/

.c-radioRatingWrap { padding: 0.6rem 0; }
.c-radioRatingWrap input[type="radio"] { display: none; }
.c-radioRatingWrap-label {}
.c-radioRatingWrap-label::before { content: ""; display: block; width: 2rem; height: 2rem; background: url(/assets/images/common/ico_star_on.svg) no-repeat center center / contain; }
:checked + .c-radioRatingWrap-label ~ .c-radioRatingWrap-label::before { background-image: url(/assets/images/common/ico_star_off.svg); }




/* custom checkbox - div > label > input + span */
.c-checkboxWrap {}
.c-checkboxWrap input[type="checkbox"] { display: none; }
.c-checkboxWrap-label {}
.c-checkboxWrap-label:not(:first-child) { margin-left: 2em; }
.c-checkboxWrap-txt { display: inline-flex; position:relative; align-items: center; margin: 0.4em 0; }
.c-checkboxWrap-txt::before { content: ""; display: block; width: 1.6rem; height: 1.6rem; border: 2px solid var(--cl-sub); background-color: var(--cl-wh); margin-right: 0.5em; }
:checked + .c-checkboxWrap-txt::after { content: ""; display: block; position: absolute; width: 1.6rem; height: 1.6rem; background: url(/assets/images/common/ico_checkbox_active.svg) no-repeat center center / contain; }


/* custom file - div > label > input */
.c-fileWrap {}
.c-fileWrap input[type="file"] { display: none; }
.c-fileWrap-label { display: flex; justify-content: center; align-items: center; width: 15rem; height: 3.2rem; font-size: 1.4rem; color: var(--cl-wh); border-radius: 0.6rem; background-color: var(--cl-sub); }
.c-fileWrap-label::before { content: ""; display: inline-flex; width: 1.4rem; height: 1.4rem; margin-right: 0.5rem; background: url(/assets/images/common/ico_plus_wh.svg) no-repeat center center / contain; }

.c-fileUpWrap { margin-top: 1rem; width: 36rem; padding: 3rem; background-color: var(--cl-bggr); border-radius: 0.6rem; }
.c-fileUpWrap-item { display: flex; align-items: center; gap: 0 1rem; }
.c-fileUpWrap-item:not(:first-child) { margin-top: 1rem; }
.c-fileUpWrap-item-pic { width: 4rem; height: 4rem; object-fit: contain; }
.c-fileUpWrap-item-name { width: calc(100% - 4rem - 2rem - 2rem); font-size: 1.4rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.c-fileUpWrap-item-trash { width: 2rem; }



/* c-confirmbox */
.c-confirmbox { display: flex; justify-content: center; gap: 0 3rem; }
.c-confirmbox + .c-confirmbox { margin-top: 2rem; }
.c-confirmbox-title { width: 12rem; text-align: right; font-size: 1.2rem; font-weight: 900; }
.c-confirmbox-detail { width: 30rem; font-size: 1.6rem; }




/* page component
--------------------------------------------------------------*/

/* c-linkbtn */
.c-linkbtn-solid { display: flex; align-items: center; justify-content: center; font-size: 1.6rem; }
.c-linkbtn-small { display: flex; align-items: center; width: fit-content; height: 3.2rem; padding: 0 2.4rem 0 1rem; font-size: 1.4rem; line-height: 1; color: var(--cl-wh); background: url(/assets/images/common/ico_ar_wh.svg) no-repeat var(--cl-accent) right 1rem center / 0.6em; border-radius: 0.6rem; box-shadow: 0 0.6rem 1.4rem rgba(208,100,86,0.23); }
.c-linkbtn-base { display: flex; align-items: center; width: fit-content; height: 6.4rem; padding: 0 4rem; font-size: 1.6rem; line-height: 1; color: var(--cl-wh); background-color: var(--cl-accent); border-radius: 0.6rem; box-shadow: 0 0.6rem 1.4rem rgba(208,100,86,0.23); }
.c-linkbtn-large { display: flex; align-items: center; width: fit-content; height: 8rem; padding: 0 8rem; text-align: center; font-size: 2rem; line-height: 1; color: var(--cl-wh); background-color: var(--cl-accent); border-radius: 0.6rem; box-shadow: 0 0.6rem 1.4rem rgba(208,100,86,0.23); margin: 4rem auto; }
.c-linkbtn-icon { width: 1.75em; margin-right: 1rem; }
.c-linkbtn-skeleton { display: flex; align-items: center; justify-content: center; min-height: 4.6rem; color: var(--cl-accent); border: var(--cl-accent) 2px solid; font-size: 1.6rem; border-radius: 0.6rem; text-align: center; line-height: 1.2; }
._linkbtn-max { padding: 0; width: 100%; justify-content: center; }


/* c-linktxt */
.c-linktxt { display: flex; align-items: center; color: var(--cl-sub); font-size: 1.4rem; }
.c-linktxt::before { display: block; content: ""; width: 0.6em; height: 0.6em; margin-right: 0.25em; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; }
._prev.c-linktxt::before { background-image: url(/assets/images/common/ico_ar_sub.svg); transform: rotate(180deg); }
._accent.c-linktxt { color: var(--cl-accent); }
._accent.c-linktxt::before { background-image: url(/assets/images/common/ico_ar_accent.svg); }
._prev-accent.c-linktxt { color: var(--cl-accent); }
._prev-accent.c-linktxt::before { background-image: url(/assets/images/common/ico_ar_accent.svg); transform: rotate(180deg); }
._formBacklink { margin-top: 6rem; font-size: 1.6rem; justify-content: center; }





/* c-title */
.c-title { font-weight: 900; line-height: 1.2; background: no-repeat left -0.1em top -0.1em / 1.5em; }
.c-title._title-lg { font-size: 4rem; margin: 3rem 0; }
.c-title._title-md { font-size: 2.8rem; margin: 2rem 0; }
.c-title._title-sm { font-size: 2.2rem; }
.c-title._title-xs { font-size: 1.8rem; }
.c-title._icon-boatgoods  { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_boatgoods_sub.svg); }
.c-title._icon-boatrental { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_boatrental_sub.svg); }
.c-title._icon-boatsale   { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_boatsale_sub.svg); }
.c-title._icon-choka      { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_choka_sub.svg); }
.c-title._icon-goods      { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_goods_sub.svg); }
.c-title._icon-guid       { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_guid_sub.svg); }
.c-title._icon-guidblog   { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_guidblog_sub.svg); }
.c-title._icon-newitem    { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_newitem_sub.svg); }
.c-title._icon-shop       { padding-left: 1.5em; background-image: url(/assets/images/common/ico_nav_shop_sub.svg); }

.c-titleLine { margin: 4rem auto; max-width: 78rem; padding: 1rem 0; text-align: center; font-size: 1.8rem; font-weight: 900; border-top: var(--cl-base) 2px solid; border-bottom: var(--cl-base) 2px solid; }


/* c-titlebox */
.c-titlebox { display: flex; align-items: center; gap: 0 3rem; }
.c-titlebox-pref { font-size: 4rem; color: var(--cl-base); font-weight: 900; position: relative; margin-left: 4rem; }
.c-titlebox-pref-icon { position: absolute; top: 0; left: -7rem; width: 7rem; height: 7rem; }
.c-titlebox-title { max-width: calc(100% - 14rem); }
.c-titlebox-link { }
.c-titlebox-spitem { display: none !important; }


/* c-tag */
.c-tag { display: flex; align-items: center; justify-content: center; width: fit-content; height: 1.6rem;  font-size: 1.2rem; line-height: 1; border-radius: 10rem; padding: 0 1rem; border: 1px solid; }
._cl-base.c-tag { color: var(--cl-base); border-color: var(--cl-base); }
._cl-main.c-tag { color: var(--cl-main); border-color: var(--cl-main); }
._cl-sub.c-tag { color: var(--cl-sub); border-color: var(--cl-sub); }
._cl-accent.c-tag { color: var(--cl-accent); border-color: var(--cl-accent); }
._square-sub.c-tag { color: var(--cl-sub); border-color: var(--cl-sub); border-radius: 0; }


/* c-tagList */
.c-tagList { display: flex; flex-wrap: wrap; gap: 1rem; }
.c-tagList-item { padding: 0.6rem 1.5rem; width: fit-content; font-size: 1.6rem; font-weight: 900; line-height: 1; background-color: var(--cl-main-taglist); }
.c-tagList-item-title { font-size: 1.2rem; font-weight: 500; margin-right: 1em; }
.c-tagList-item-link { color: var(--cl-accent); }


/* c-rating */
.c-rating { display: flex; align-items: center; min-width: 10em; line-height: 1; }
.c-rating::before { content: ""; display: block; width: 6.25em; height: 1.25em; margin-right: 0.2em; background: no-repeat center center / contain; }
._rating00.c-rating::before { background-image: url(/assets/images/common/bg_rating00.svg); }
._rating05.c-rating::before { background-image: url(/assets/images/common/bg_rating05.svg); }
._rating10.c-rating::before { background-image: url(/assets/images/common/bg_rating10.svg); }
._rating15.c-rating::before { background-image: url(/assets/images/common/bg_rating15.svg); }
._rating20.c-rating::before { background-image: url(/assets/images/common/bg_rating20.svg); }
._rating25.c-rating::before { background-image: url(/assets/images/common/bg_rating25.svg); }
._rating30.c-rating::before { background-image: url(/assets/images/common/bg_rating30.svg); }
._rating35.c-rating::before { background-image: url(/assets/images/common/bg_rating35.svg); }
._rating40.c-rating::before { background-image: url(/assets/images/common/bg_rating40.svg); }
._rating45.c-rating::before { background-image: url(/assets/images/common/bg_rating45.svg); }
._rating50.c-rating::before { background-image: url(/assets/images/common/bg_rating50.svg); }




/* c-fieldKV */
.c-fieldKV { position: relative; width: 80%; max-width: 96rem; margin: 4rem auto; }
.c-fieldKV-pic { width: 100%; height: 43.2rem; object-fit: contain; box-shadow: 0 0.5rem 1.5rem rgba(45,80,88,0.3); background-color: var(--cl-bk); }
.c-fieldKV-discription { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1rem 2rem; font-size: 1.4rem; background-color: rgba(255,255,255,0.8); }
.c-fieldKV-ranking { position: absolute; top: -1rem; left: -1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 16rem; height: 16rem; border-radius: 100%; background-color: var(--cl-wh); box-shadow: 0 0.6rem 1.2rem rgba(0,0,0,0.2); }
.c-fieldKV-ranking-rankmark { position: relative; width: 4rem; height: 4rem; margin-top: -2rem; font-size: 2.2rem; color: var(--cl-base); background-color: var(--cl-border); border-radius: 100%; display: grid; place-content: center; }
.c-fieldKV-ranking-rankmark::before { content: ""; position: absolute; top: 0; left: 0; width: 4rem; height: 4rem; background: no-repeat center center / contain; }
.c-fieldKV-ranking-rankmark._rank01::before { background-image: url(/assets/images/common/ico_rank01.svg); }
.c-fieldKV-ranking-rankmark._rank02::before { background-image: url(/assets/images/common/ico_rank02.svg); }
.c-fieldKV-ranking-rankmark._rank03::before { background-image: url(/assets/images/common/ico_rank03.svg); }
.c-fieldKV-ranking-date { font-size: 1.4rem; line-height: 1.2; margin-top: 0.5rem; }
.c-fieldKV-ranking-rank { font-size: 1.4rem; line-height: 1.2; margin-top: 0.5rem; }
.c-fieldKV-ranking-rankChoka { font-size: 1.8rem; font-weight: 900; line-height: 1.2; }



/* c-newsList */
.c-newsList {}
.c-newsList-item { display: flex; align-items: center; gap: 0 2rem; font-size: 1.4rem; }
.c-newsList-item:not(:first-child) { margin-top: 2.5rem; }
.c-newsList-item-date { width: 8rem; }
.c-newsList-item-category {}
.c-newsList-item-title { width: calc(100% - 18rem - 4rem); line-height: 1.2; }


/* c-newsCategory */
.c-newsCategory { width: 10rem; font-size: 1.2rem; line-height: 1; padding: 0.4em 0; text-align: center; color: var(--cl-wh); border-radius: 10rem; }
.c-newsCategory._cat-campaign { background-color: var(--cl-base); }
.c-newsCategory._cat-news { background-color: var(--cl-sub-l); }
.c-newsCategory._cat-info { background-color: var(--cl-accent-y); }


/* c-pagenation */
.c-pagenation { margin: 6rem 0; }
.c-pagenation-list { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.c-pagenation-item { font-size: 1.2rem; line-height: 1; }
.c-pagenation-item-btn { display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; border: var(--cl-border) 1px solid; border-radius: 100%; }
._prev .c-pagenation-item-btn { padding: 0.5em; transform: rotate(180deg); }
._next .c-pagenation-item-btn { padding: 0.5em; }
._current .c-pagenation-item-btn { color: var(--cl-wh); background-color: var(--cl-base); transform: scale(1.2); }


/* c-card */
.c-card { position: relative; width: 29.6rem !important; background-color: var(--cl-wh); padding: 0.8rem; box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1); }
.c-card._newArticles::before { content: ""; display: block; position: absolute; top:0; left: 0; width: 7rem; height: 7rem; background: url(/assets/images/common/ico_newarticles.svg) no-repeat center center / contain; z-index: 1; }
.c-card-wraplink { display: block; }
.c-card-lanking { display: flex; justify-content: space-between; align-items: center; line-height: 1; margin: 0.2rem 0 1rem; padding-left: 1.25rem; }
.c-card-lanking::before { content: ""; display: block; position: absolute; top: 0; left: -1.5rem; width: 4rem; height: 4rem; background: no-repeat center center / contain; }
.c-card-lanking._lank01::before { background-image: url(/assets/images/common/ico_medal01.svg); }
.c-card-lanking._lank02::before { background-image: url(/assets/images/common/ico_medal02.svg); }
.c-card-lanking._lank03::before { background-image: url(/assets/images/common/ico_medal03.svg); }
.c-card-lanking-numbar { font-size: 1.4rem; }
.c-card-lanking-field { font-size: 1.6rem; width: calc(100% - 3rem); text-align: center; padding-right: 3rem; }
.c-card-lanking-choka { font-size: 1.2rem; background-color: var(--cl-base); color: var(--cl-wh); text-align: center; margin-bottom: 0.5rem; }
.c-card-lanking-choka-number,
.c-card-lanking-choka-post   { color: var(--cl-accent); font-size: 1.8rem; font-weight: 900; padding: 0 0.1em; }
.c-card-pic { width: 100%; height: 17.2rem; object-fit: contain; margin-bottom: 0.5rem; background-color: var(--cl-bk); }
.c-card-pic + * { margin-top: 0.5rem; }
.c-card-pic._lanking { height: 13.5rem; }
.c-card-txtL { font-size: 1.6rem; font-weight: 500; line-height: 1.2; margin: 0.5rem 0; overflow: hidden; max-height: 3.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.c-card-txtL-ex { font-size: 1.4rem; font-weight: 500; }
.c-card-txtL-ex::before { content: " - "; }
.c-card-txtM { font-size: 1.4rem; font-weight: 500; line-height: 1.2; margin: 0.5rem 0; overflow: hidden; max-height: 3.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.c-card-txtS { font-size: 1.2rem; font-weight: 500; line-height: 1.2; margin: 0.5rem 0; }
.c-card-appeal { position: absolute; left: 0rem; top: 14.5rem; font-size: 1.6rem; background-color: var(--cl-wh); line-height: 1; padding: 0.5rem 1rem; border-radius: 0.4rem; }
.c-card-tag { position: absolute; font-size: 1.2rem; line-height: 1; padding: 0.25rem 1rem; background-color: var(--cl-wh); box-shadow: 0 0.4rem 0.8rem rgba(0,0,0,0.1); border-radius: 10rem; }
.c-card-tag._pos-top    { left: 1.6rem; top: 1.6rem; }
.c-card-tag._pos-bottom { right: 1.6rem; top: 15.2rem; }
.c-card-tag._tag-photos { display: flex; align-items: center; }
.c-card-tag._tag-photos::before { content: ""; width: 1em; height: 1em; margin-right: 0.5em; background: url(/assets/images/common/ico_photos.svg) no-repeat center center / contain; }
.c-card-info { margin-top: 2rem; }
.c-card-category { display: flex; align-items: center; justify-content: center; width: fit-content; height: 1.6rem; font-size: 1.2rem; line-height: 1; border-radius: 10rem; padding: 0 1rem; border: 1px solid; position: absolute; top: 18.5rem; right: 1rem; }


._largeCard.c-card { width: 40rem; }
._largeCard .c-card-pic { height: 23.5rem; }
._largeCard .c-card-txtL { font-size: 2rem; }
._largeCard .c-card-txtM { font-size: 1.6rem; }
._largeCard .c-card-txtS { font-size: 1.4rem; }
._largeCard .c-card-category { top: 24.8rem; }







/* c-guidInfo */
.c-guidInfo { display: flex; align-items: center; gap: 0 1rem; line-height: 1; }

.c-guidInfo-guid  { display: flex; align-items: center; font-size: 1.2rem; flex: 1; }
.c-guidInfo-field { display: flex; align-items: center; font-size: 1.2rem; flex: 1; }



.c-guidInfo-rating { font-size: 1.2rem; min-width: inherit; }
.c-guidInfo-icon { width: 3rem; height: 3rem; object-fit: cover; border-radius: 100%; margin-right: 0.25rem; }
.c-guidInfo-guid .c-guidInfo-icon { margin-right: 1rem; }


.c-sideGuidblog-item-guid.c-guidInfo { display: block; }
.c-sideGuidblog-item-guid .c-guidInfo-guid  { }
.c-sideGuidblog-item-guid .c-guidInfo-guid .c-guidInfo-icon { width: 2rem; height: 2rem; }
.c-sideGuidblog-item-guid .c-guidInfo-field { }
.c-sideGuidblog-item-guid .c-guidInfo-field .c-guidInfo-icon { margin: 0 0.5rem 0 -0.4rem; }





/* c-calendar */
.c-calendar {}
.c-calendar-list { display: flex; }
.c-calendar-item { display: flex; flex-direction: column; align-items: center; width: 5.2rem; border: var(--cl-calendar-border) 1px solid; line-height: 1; }
.c-calendar-item:not(:first-child) { border-left: none; }
.c-calendar-item-week { font-size: 1.2rem; margin-top: 0.75rem; }
.c-calendar-item-day { font-size: 1.2rem; margin-top: 0.4rem; }
.c-calendar-item-reserve { margin: 0.75rem 0; }
a.c-calendar-item-reserve { text-decoration: underline; }
.c-calendar-item-check { width: 100%; text-align: center; border-top: var(--cl-calendar-border) 1px solid; }

._sat.c-calendar-item { background-color: var(--cl-calendar-sat-bg); }
._sat .c-calendar-item-week { color: var(--cl-calendar-sat-txt); }
._sun.c-calendar-item { background-color: var(--cl-calendar-sun-bg); }
._sun .c-calendar-item-week { color: var(--cl-calendar-sun-txt); }
.c-calendar-item-check .c-checkboxWrap-txt::before { margin: 0; }



/* c-periodCalendar */
.c-periodCalendar { position: relative; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 2rem; padding-top: 2rem; }
.c-periodCalendar-nav { position: absolute; font-size: 1.4rem; display: flex; align-items: center; }
.c-periodCalendar-nav._prev { left: 0; }
.c-periodCalendar-nav._prev::before { content: ""; display: block; width: 1rem; height: 1rem; margin-right: 0.5rem; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; transform: rotate(180deg); }
.c-periodCalendar-nav._next { right: 0; }
.c-periodCalendar-nav._next::after { content: ""; display: block; width: 1rem; height: 1rem; margin-right: 0.5rem; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; }
.c-periodCalendar-item { width: 34rem; margin-top: 4rem; }
.c-periodCalendar-month { text-align: center; font-size: 1.4rem; }
.c-periodCalendar-week { margin-top: 1rem; font-size: 1.4rem; }
.c-periodCalendar-date {}
.c-periodCalendar-btn { margin: 4rem auto 0; }


/* cview */
.cview { display: flex; flex-wrap: wrap; }
.cview >* { display: flex; justify-content: center; align-items: center; width: calc(100% / 7); height: 4rem; line-height: 1; }
.cview >*:nth-child(7n + 1) { color: var(--cl-calendar-sun-txt); }
.cview >*:nth-child(7n + 7) { color: var(--cl-calendar-sat-txt); }
.cview-week { background-color: var(--cl-lgr01); }
.cview-date {}
.cview-date._checked { position: relative; color: var(--cl-wh); }
.cview-date._checked::before { content: ""; position: absolute; width: 3.6rem; height: 3.6rem; background-color: var(--cl-accent); border-radius: 100%; z-index: -1;  }


/* c-reviewItem */
.c-reviewItem { display: flex; flex-wrap: wrap; }
.c-reviewItem:not(:first-child) { margin-top: 3rem; }
.c-reviewItem-name { display: flex; align-items: center; line-height: 1.2; max-width: 50rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-reviewItem-name::before { content: ""; display: inline-flex; width: 4rem; height: 4rem; background: url(/assets/images/common/ico_human_sub.svg) no-repeat center center / contain; }
.c-reviewItem-rating { margin-left: 3rem; }
.c-reviewItem-date { display: inline-flex; align-items: center; margin-left: auto; }
.c-reviewItem-comment { position: relative; width: 100%; padding: 1.5rem 2rem; border: var(--cl-border) 1px solid; border-radius: 0.6rem; margin-top: 1rem; }
.c-reviewItem-comment::before { content: ""; position: absolute; left: 2rem; bottom: 100%; margin-left: -0.8rem; border: transparent 0.8rem solid; border-bottom: var(--cl-wh) 0.8rem solid; z-index: 2; }
.c-reviewItem-comment::after  { content: ""; position: absolute; left: 2rem; bottom: 100%; margin-left: -0.9rem; border: transparent 0.9rem solid; border-bottom: var(--cl-border) 0.9rem solid; z-index: 1; }
.c-reviewItem-reply { margin: 1rem 0 0 4rem; width: 100%; }
.c-reviewItem-reply-name { margin-left: 0.5rem; }
.c-reviewItem-reply-comment { position: relative; width: 100%; padding: 1.5rem 2rem; background-color: var(--cl-calendar-bg); border-radius: 0.6rem; margin-top: 1.2rem; }
.c-reviewItem-reply-comment::before { content: ""; position: absolute; left: 2rem; bottom: 100%; margin-left: -0.8rem; border: transparent 0.8rem solid; border-bottom: var(--cl-calendar-bg) 0.8rem solid;}


/* c-tabmenu */
.c-tabmenu { display: flex; border-bottom: var(--cl-sub) 1px solid; margin: 0 0 4rem; }
.c-tabmenu-item { width: 25%; }
.c-tabmenu-link { display: flex; flex-direction: column; align-items: center; font-size: 1.8rem; height: 6rem; padding-top: 0.5rem; }
.c-tabmenu-link::after { content: ""; display: block; width: 1rem; height: 1rem; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; transform: rotate(90deg); }
._is-current.c-tabmenu-link,
.c-tabmenu-link:hover { border-bottom: var(--cl-sub) 0.8rem solid; }
._is-current.c-tabmenu-link::after,
.c-tabmenu-link:hover::after { opacity: 0; transition: 0.5s; }


/* c-listItem */
.c-listItem { padding: 2.5rem 0; display: grid; grid-template-columns: 21.6rem 1fr; gap: 1rem 3rem; }
.c-listItem-boxL { grid-area: 1 / 1 / 2 / 2; position: relative; }
.c-listItem-pic { width: 21.6rem; height: 15.6rem; object-fit: contain; background-color: var(--cl-bk); }
.c-listItem-pictag { position: absolute; top: 1.0rem; left: 1.0rem; }
.c-listItem-boxR { grid-area: 1 / 2 / 3 / 3; }
.c-listItem-title { margin-bottom: 1rem; }
.c-listItem-tagList {}
.c-listItem-comment { margin-top: 1rem; font-size: 1.4rem; }
.c-listItem-bottomTxt { margin-top: 1rem; font-size: 1.2rem; }
.c-listItem-bottomTxt-link { color: var(--cl-accent); text-decoration: underline; }
.c-listItem-btnwrap { width: 21.6rem; grid-area: 2 / 1 / 3 / 2; }














/* c-sideGuidblog */
.c-sideGuidblog {}
.c-sideGuidblog-title {}
.c-sideGuidblog-item { margin-top: 2rem; position: relative; }
.c-sideGuidblog-item::before { content: ""; display: flex; justify-content: center; align-items: center; position: absolute; top: -0.8rem; left: -0.8rem; width: 2.6rem; height: 2.6rem; background: no-repeat center center / contain; z-index: 1; border-radius: 100%; }
.c-sideGuidblog-item-wraplink { display: flex; gap: 0 1rem; }
.c-sideGuidblog-item-pic { width: 8rem; height: 8rem; object-fit: contain; position: relative; background-color: var(--cl-bk); }
.c-sideGuidblog-item-boxR { width: calc(100% - 9rem); }
.c-sideGuidblog-item-title { font-size: 1.4rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.2; }
.c-sideGuidblog-item-title-tag { display: inline-flex; margin-left: 0.5em; font-size: 1rem; }
.c-sideGuidblog-item-pv { font-size: 1.2rem; margin-top: 0.25rem; }
.c-sideGuidblog-item-price { font-size: 1.4rem; margin-top: 0.25rem; color: var(--cl-accent); }
.c-sideGuidblog-item-guid { margin-top: 0.5rem; }

._rank01.c-sideGuidblog-item::before { background-image: url(/assets/images/common/ico_rank01.svg); }
._rank02.c-sideGuidblog-item::before { background-image: url(/assets/images/common/ico_rank02.svg); }
._rank03.c-sideGuidblog-item::before { background-image: url(/assets/images/common/ico_rank03.svg); }
._rank04.c-sideGuidblog-item::before { content: "4"; background-color: var(--cl-bggr); }
._rank05.c-sideGuidblog-item::before { content: "5"; background-color: var(--cl-bggr); }
._rank06.c-sideGuidblog-item::before { content: "6"; background-color: var(--cl-bggr); }
._rank07.c-sideGuidblog-item::before { content: "7"; background-color: var(--cl-bggr); }
._rank08.c-sideGuidblog-item::before { content: "8"; background-color: var(--cl-bggr); }
._rank09.c-sideGuidblog-item::before { content: "9"; background-color: var(--cl-bggr); }
._rank10.c-sideGuidblog-item::before { content: "10"; background-color: var(--cl-bggr); }


/* c-sideGuidblog */
.c-sideGuidblogArchive { background-color: var(--cl-bggr); padding: 2rem; border-radius: 1rem; }
.c-sideGuidblogArchive-title { margin-bottom: 1.5rem; }
.c-sideGuidblogArchive-link { display: block; width: fit-content; margin: 0.5rem 0 0 0.25rem; }
.c-sideGuidblogArchive-link::before { content: "ー"; margin-right: 0.5em; }



/* c-sideInsta */
.c-sideInsta {}
.c-sideInsta-title { margin-bottom:2rem; }
.c-sideInsta-account { display: flex; justify-content: center; align-items: flex-end; padding-bottom: 1.5rem; width: 100%; height: 14.8rem; color: var(--cl-wh); font-size: 1.8rem; font-weight: 900; background: url(/assets/images/common/bg_insta.jpg) no-repeat center center / contain; margin-top: 2rem; }



/* c-sideYoutube */
.c-sideYoutube {}
.c-sideYoutube-title { margin-bottom:2rem; }
.c-sideYoutube-account { display: flex; justify-content: center; align-items: flex-end; padding-bottom: 1.5rem; width: 100%; height: 14.8rem; color: var(--cl-bk); font-size: 1.8rem; font-weight: 900; background: url(/assets/images/common/bg_youtube.png) no-repeat center center / contain; margin-top: 2rem; }



/* c-sideTwitter */
.c-sideTwitter {}
.c-sideTwitter-title { margin-bottom:2rem; }
.c-sideTwitter-wrap { margin-top: 2rem; height: 40rem; overflow-y: auto; }


/* c-doc */
.c-doc {}
.c-doc-title  { margin-top: 2em; }
.c-doc-txt    { margin-top: 0.5em; font-size: 1.4rem; }
.c-doc-endtxt { margin-top: 2em; font-size: 1.4rem; }










/* c-modal */
.c-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: 0.2s; z-index: 20; }
.c-modal-overlay { position: fixed; width: 100%; height: 100vh; background-color: rgba(0,55,69,0.6); transition: 0.2s; }
.c-modal-close { position: absolute; top: 2rem; right: 2rem; width: 4rem; height: 4rem; }
.c-modal-body { position: absolute; top: 50%; left: 50%; width: 90%; max-width: 96rem; max-height: 100%; overflow-y: auto; padding: 5rem 3rem 5rem; background-color: var(--cl-wh); transform: translate(-50%,-50%); transition: 0.5s; border-radius: 1rem; pointer-events: none; }
._is-open.c-modal { opacity: 1; visibility: visible !important; }
._is-open .c-modal-body { transform: translate(-50%,-50%); pointer-events: auto; }
._areaFieldSelect .c-modal-body { height: 60%; }


.c-spModal { display: none; }



/* c-sliderSingle */
.c-sliderSingleWrap  { position: relative; }
.c-sliderSingle      { overflow-x: hidden; margin: 1rem -1rem 0; padding-bottom: 1rem; }
.c-sliderSingle-list { padding-left: 1rem; }
.c-sliderSingle .swiper-pagination { bottom: -2rem; }
.c-sliderSingle .swiper-pagination-bullet-active { background-color: var(--cl-base); }
.c-sliderSingle .swiper-button-prev,
.c-sliderSingle .swiper-button-next { color: var(--cl-border); }
.c-sliderSingle .swiper-button-prev { left: -2.0rem; }
.c-sliderSingle .swiper-button-next { right: -2.0rem; }


/* c-sliderCarousel */
.c-sliderCarouselWrap  { position: relative; }
.c-sliderCarousel      { overflow-x: hidden; margin: 1rem -1rem 0; padding: 0 1rem 1rem; }
.c-sliderCarousel-list { }
.c-sliderCarousel .swiper-pagination { bottom: -2rem; }
.c-sliderCarousel .swiper-pagination-bullet-active { background-color: var(--cl-base); }
.c-sliderCarousel .swiper-button-prev,
.c-sliderCarousel .swiper-button-next { width: 5.8rem; height: 100%; background: url(/assets/images/common/slider_btn_bg.png) no-repeat center center / cover; }
.c-sliderCarousel .swiper-button-prev { left: -1rem; transform: translateY(calc(-50% + 2rem)) rotate(180deg); }
.c-sliderCarousel .swiper-button-next { right: -1rem; transform: translateY(calc(-50% + 2rem)); }
.c-sliderCarousel .swiper-button-prev::after,
.c-sliderCarousel .swiper-button-next::after { content: ""; }
.c-sliderCarousel .swiper-button-disabled { opacity: 0; }


/* sliderLinked */
.c-sliderLinkedWrap { overflow: hidden; width: 41.8rem; }
.c-sliderLinkedTag { position: absolute; top: 1rem; left: 1rem; font-size: 1.2rem; line-height: 1; padding: 0.5rem 1rem; font-weight: 900; background-color: var(--cl-wh); border-radius: 10rem; z-index: 10; }
.c-sliderLinked {}
.c-sliderLinked-list {}
.c-sliderLinked-item { position: relative; }
.c-sliderLinked-item-pic { object-fit: contain; width: 41.8rem; height: 31.2rem; background-color: var(--cl-bk); }
.c-sliderLinked-item-txt { position: absolute; left: 0; bottom: 1rem; width: 100%; font-size: 1.2rem; padding: 0.25em 1em; line-height: 1; background-color: rgba(255,255,255,0.7); }
.c-sliderLinked-item-txt-ex {}
.c-sliderLinked-item-txt-ex::before { content: "："; }
._slider-main.c-sliderLinkedWrap {}
._slider-main .c-sliderLinked {}
._slider-main .c-sliderLinked-list {}
._slider-thumb.c-sliderLinkedWrap { background-color: var(--cl-bggr); }
._slider-thumb .c-sliderLinked {}
._slider-thumb .c-sliderLinked-list { padding: 0.6rem 1.2rem; }
._slider-thumb .c-sliderLinked-item { width: 5rem; border-radius: 0.6rem; overflow: hidden; }
._slider-thumb .c-sliderLinked-item-pic { width: 5rem; height: 5rem; object-fit: cover; background-color: inherit; }
.swiper-slide-thumb-active.c-sliderLinked-item { transform: scale(1.05); opacity: 0.7; transition: 0.5s; }






/*---------------------------------------------------------------------------------------------

base layout

---------------------------------------------------------------------------------------------*/

.headerWrap { position: fixed; top: 0; width: 100%; min-width: 134rem; height: 10.2rem; z-index: 20; transition: 0.3s; }
.topbox { padding-top: 10.2rem; background: url(/assets/images/common/topbox_bg_pc.jpg) no-repeat center top / cover; }
.topbox-wave { min-height: 30rem; padding-bottom: 7vw; background: url(/assets/images/common/topbox_wave_bg.png) no-repeat center bottom / contain; }
.topbox-inner { max-width: 134rem; margin: 0 auto; padding: 0 3rem; }
.bottomWrap { margin-top: 10rem; padding-top: 7vw; background: url(/assets/images/common/bottomwrap_wave_bg.png) no-repeat center top / contain;}
._is-hide.headerWrap { transform: translateY(-100%); }


/* contentWrap */
.contentWrap { margin: 8rem auto 0; min-height: 10rem; width: 134rem; padding: 0 3rem; display: flex; }
.main    { width: 96rem; }
.main > section + section { margin-top: 10rem; }
.sideNav { width: 29.6rem; margin-top: 7.5rem; }
.sideNav._mt0 { margin-top: 0; }
._single-wide.contentWrap .main { width: 100%; }
._single.contentWrap     { justify-content: center; }
._nav-left.contentWrap   { justify-content: space-between; flex-direction: row-reverse; }
._nav-right.contentWrap  { justify-content: space-between; }

.sideNav > * + * { margin-top: 5rem; }


/* slider section margin */
.newItemSlider,
.recommendSlider,
.guidblogSlider { margin: 10rem 0; }






/* headerWrap
--------------------------------------------------------------*/

/* header */
.header { background-color: rgba(64,172,130,0.8); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.header-inner { height: 6rem; max-width: 134rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 3rem; }
.header-logo { width: 14.2rem; }
.header-logo-link { display: block; }
.header-area { width: 12rem; display: flex; align-items: center; justify-content: center; color: var(--cl-wh); font-size: 1.4rem; }
.header-area::after { content: ""; width: 1rem; height: 1rem; display: block; margin-left: 0.25em; background: url(/assets/images/common/ico_area_select_wh.svg) no-repeat center center / contain; }
.header-area-icon { display: block; width: 3rem; }
.header-text   { color: var(--cl-wh); font-size: 1.3rem; width: calc(100% - 14.2rem - 12rem - 40rem); max-width: 50rem; }
.header-number { width: 40rem; display: flex; gap: 2rem; justify-content: flex-end; text-align: right; }
.header-number-item { font-size: 1.5rem; color: var(--cl-wh); line-height: 1.2; }
.header-number-itemnumber { font-size: 2.8rem; font-weight: 900; color: var(--cl-accent); padding-left: 0.25em; }
.header-number-itemnumber::after { content: "件"; font-size: 1.6rem; color: var(--cl-wh); padding-left: 0.25em; }


/* gnav */
.gnav { background-color: rgba(1,98,121,0.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: grid; place-items: center; }
.gnav-list { height: 4.2rem; display: flex; align-items: center; justify-content: space-between; width: 134rem; padding: 0 3rem; }
.gnav-item {}
.gnav-item-link { display: flex; align-items: center; font-size: 1.4rem; color: var(--cl-wh); }
.gnav-item-icon { width: 2.8rem; height: 2.8rem; padding-right: 0.25em; }








/* topbox
--------------------------------------------------------------*/

/* breadcrumbs */
.breadcrumbs { margin-top: 1.5rem; }
.breadcrumbs-list { display: flex; flex-wrap: wrap; }
.breadcrumbs-item { display: flex; align-items: center; color: var(--cl-wh); font-size: 1.2rem; }
.breadcrumbs-item::before { content: ""; width: 1.4rem; height: 0.8rem; margin-right: 0.5em; display: block; background: url(/assets/images/common/ico_ar_wh.svg) no-repeat center center / contain; }
.breadcrumbs-item:first-child::before { width: 1.2rem; height: 1.2rem; background-image: url(/assets/images/common/ico_home_wh.svg); }
.breadcrumbs-item:not(:first-child) { margin-left: 0.5em; }
.breadcrumbs-item-link { color: var(--cl-wh); }


/* topNotice */
.topNotice { margin-top: 1.5rem; padding: 1rem 3rem; min-height: 4rem; display: flex; align-items: center; justify-content: space-between; background-color: var(--cl-wh); border-radius: 1rem; }
.topNotice-title { width: 8rem; font-size: 1.2rem; font-weight: 900; line-height: 1.4; }
.topNotice-text { width: calc(100% - 8rem - 5rem); font-size: 1.4rem; line-height: 1.4; }
.topNotice-close { width: 2rem; }


/* premiumBanner */
.premiumBanner { margin-top: 4rem; display: flex; justify-content: center; }
.premiumBanner-link { display: block; }


.topboxIndex { display: flex; justify-content: space-between; margin-top: 3rem; }
.topboxIndex-main { width: 94rem; }
.topboxIndex-main-title { font-size: 4.4rem; font-weight: 900; margin-top: 6rem; line-height: 1.4; }
.topboxIndex-main-title._large { font-size: 6.6rem; margin-top: 2rem; line-height: 1.3; }
.topboxIndex-main-title-number { color: var(--cl-accent); margin-right: 0.1em; font-size: 4.4rem; }
.topboxIndex-main-blur { display: inline-block; padding: 0 0.25em; background-color: rgba(255,255,255,0.55); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.topboxIndex-main-blur + .topboxIndex-main-blur { margin-left: 1rem; font-size: 3.6rem; }
.topboxIndex-main-subtitle { display: flex; align-items: center; line-height: 1; font-size: 1.8rem; margin-top: 1rem; padding: 0.25em 1em; width: fit-content; }
.topboxIndex-main-subtitle-number { font-size: 2.6rem; font-weight: 900; color: var(--cl-accent); padding: 0 0.2em; }
.topboxIndex-main-banner { display: flex; justify-content: flex-start; margin-top: 8rem; }

.topboxIndex-nav { width: 32rem; }





/* bottomWrap
--------------------------------------------------------------*/

/* bottomSearch */
.bottomSearch { background-color: var(--cl-main-footer); }
.bottomSearch-inner { display: flex; flex-wrap: wrap; gap: 0 5rem; padding: 0 3rem; width: 134rem; margin: 0 auto; }
.bottomSearchBox    { width: calc(50% - 5rem / 2); padding-top: 4rem; }
.bottomSearchBox-title { font-size: 2.4rem; font-weight: 900; line-height: 1.4; margin: 3rem 0; }
.bottomSearchBox-list  { display: flex; justify-content: space-between; gap: 0 3rem; }
.bottomSearchBox-list:not(:last-child) { border-bottom: var(--cl-base) 1px solid; }
.bottomSearchBox-list-title { font-size: 1.2rem; width: 8rem; text-align: right; font-weight: 900; margin-top: 1.5rem; line-height: 1; }
.bottomSearchBox-list-detail { font-size: 1.2rem; display: flex; flex-wrap: wrap; padding-bottom: 1.5rem; width: calc(100% - 8rem - 3rem); }
.bottomSearchBox-list-link { line-height: 1; margin: 1.5rem 1em 0 0; }
.bottomSearchBox-list-link:not(:last-child) { border-right: var(--cl-sub) 1px solid; padding-right: 1em; }


/* bottomInfo */
.bottomInfo { padding: 10rem 0 30rem; background-color: var(--cl-main-footer); }
.bottomInfo-inner { display: flex; flex-wrap: wrap; justify-content: center; gap: 5rem; padding: 0 3rem; width: 134rem; margin: 0 auto; }
.bottomInfoBox    { width: 56rem; padding: 3rem; background-color: var(--cl-wh); border-radius: 1rem; text-align: center; }
.bottomInfoBox-title { display: flex; align-items: center; justify-content: center; font-size: 4rem; font-weight: 900; white-space: nowrap; }
.bottomInfoBox-title-icon { width: 11rem; margin-right: 1rem; }
.bottomInfoBox-text { font-size: 2rem; font-weight: 900; }
.bottomInfoBox-merit { font-size: 1.6rem; margin-top: 0.5rem; color: var(--cl-wh); background-color: var(--cl-sub); border-radius: 10rem; }
.bottomInfoBox-btn { margin: 2rem auto 0; width: 30rem; }


/* footer */
.footer { padding: 4rem 3rem 4rem; background-color: var(--cl-base); position: relative; }
.footer::before { content: ""; display: block; position: absolute; top: -20rem; left: 0; width: 100%; height: 27rem; background: url(/assets/images/common/footer_bg.svg) no-repeat center bottom / 198rem; }
.footer-text { color: var(--cl-wh); font-size: 1.6rem; line-height: 2; text-align: center; position: relative; margin-top: -14rem; }
.footer-logo { margin: 8rem auto 0; width: 40rem; position: relative; }
.footer-logo-link { display: block; padding-left: 2rem; }
.footer-nav { margin-top: 8rem; }
.footer-nav-list { display: flex; justify-content: center; gap: 0 4rem; text-align: center; }
.footer-nav-item { font-size: 1.4rem; }
.footer-nav-link { color: var(--cl-wh); }
.footer-copyright { margin-top: 8rem; color: var(--cl-wh); font-style: normal; font-size: 1.2rem; text-align: center; }

.footer-pr { margin: 60px auto 10px; text-align: center; }
.footer-pr-title { color: #fff;}
.footer-pr-item { color: #fff;}



/* spmenuBtn
--------------------------------------------------------------*/
.topSpmenuBtn { display: none; }
.spmenuBtn { display: none; }





/* from
--------------------------------------------------------------*/
.formbox { display: flex; justify-content: center; gap: 0 4rem; }
.formbox + .formbox { margin-top: 3rem; }
.formbox-title { width: 18rem; font-size: 1.4rem; text-align: right; padding: 0.6rem 0 0.5rem; }
.formbox-title._required::after { content: "必須"; display: inline-flex; align-items: center; justify-content: center; line-height: 1; background-color: var(--cl-accent); color: var(--cl-wh); font-size: 1.1rem; width: 3rem; height: 1.6rem; margin-left: 0.5em; border-radius: 0.4rem; }
.formbox-detail { width: 50rem; }
.formbox-detail-notice { font-size: 1.2rem; }
.formbox-inbox { display: flex; justify-content: space-between; }
.formbox-inbox + .formbox-inbox { margin-top: 3rem; }
.formbox-inbox-title { width: 8rem; font-size: 1.4rem; padding: 0.6rem 0 0.5rem; }
.formbox-inbox-detail { width: 38rem; }
.formbox-opbox { display: flex; justify-content: space-between; background-color: var(--cl-bggr); padding: 2rem 3rem; }
.formbox-opbox + .formbox-opbox { padding-top: 0; }
.formbox-opbox-title { width: 20rem; font-size: 1.4rem; text-align: right; padding: 0.6rem 0 0.5rem; }
.formbox-opbox-detail { width: 10rem; }
.formbox-calendarHeader { display: flex; justify-content: space-between; width: 36.4rem;  }
.formbox-calendarHeader-link { display: flex; align-items: center; font-size: 1.2rem; text-decoration: underline; }
.formbox-calendarHeader-link._prev::before { content: ""; line-height: 1; width: 0.8em; height: 0.8em; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; transform: rotate(180deg); margin-right: 0.25em; }
.formbox-calendarHeader-link._next::after { content: ""; line-height: 1; width: 0.8em; height: 0.8em; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; margin-left: 0.25em; }
.formbox-calendarBody { margin-top: 0.5rem; }


.formConfirm { margin: 0 auto; max-width: 60rem; }


.formComp-status { color: var(--cl-accent); }
.formComp-title { margin-bottom: 3rem; font-weight: 900; width: fit-content; }
.formComp-title._uncompTxt { color: var(--cl-accent); font-size: 3.4rem; }
.formComp-title._compTxt { padding: 0 0.5em; color: var(--cl-wh); background-color: var(--cl-accent); font-size: 3.8rem; }
.formComp-title-dots { padding-top: 0.4rem; background: radial-gradient( 0.3rem 0.3rem at center center,var(--cl-accent),var(--cl-accent) 100%,transparent) repeat-x top left / 0.98em 1rem; }
.formComp-txt { padding-top: 2rem; line-height: 2; border-top: var(--cl-main) 1px solid; }

.cancelBox {}
.cancelBox-form { margin: 5rem 0; }
.cancelBox-txt { font-size: 1.4rem; text-align: center; line-height: 2; }
.cancelBox-txt-ex { font-weight: 900; color: var(--cl-accent); }


.formTel { width: 78rem; margin: auto; }
.formTel-txt { padding: 3rem; background-color: var(--cl-bggr); }
.formTel-btn {}


.formLead { margin: 0 0 6rem; padding: 3rem; background-color: var(--cl-bggr); }
.formLead-txt { text-align: center; }
.formLead-tel {}
.formLead-tel-numlink { display: flex; align-items: center; justify-content: center; font-size: 3.8rem; pointer-events: none; }
.formLead-tel-numlink::before { content: ""; width: 1em; height: 1em; margin-right: 0.1em; display: block; background: url(/assets/images/common/ico_tel_sub.svg) no-repeat center center / contain; }
.formLead-tel-time { display: flex; align-items: center; justify-content: center; }
.formLead-tel-time::before { content: "受付時間"; background-color: var(--cl-sub); color: var(--cl-wh); font-size: 1.1rem; line-height: 1;  padding: 0.25rem 1rem; margin-right: 1em; border-radius: 1rem; }
.formLead-tel-time-ex { font-size: 0.8em; }
.formLead-tel-ex { font-size: 1.2rem; text-align: center; margin-top: 1rem; }

/* sidenav
--------------------------------------------------------------*/
/* sideNewitem */
.sideNewitem { margin-bottom: 5rem; }
.sideNewitem-title {}
.sideNewitem-sliderWrap { }
.sideNewitem-slider {}
.sideNewitem-slider-list {}
.sideNewitem-btn { margin-top: 3rem; }




/* sideSearch */
.sideSearch { background-color: var(--cl-bggr); border-radius: 0.6rem; padding: 3rem 2rem; margin-top: -4rem; }
.sideSearch-title { text-align: center; font-size: 2rem; white-space: nowrap; }
.sideSearch-lead { text-align: center; font-size: 1.2rem; white-space: nowrap; }
.sideSearch-formbox {}
.sideSearch-formbox:not(:first-child) { margin-top: 2rem; }
.sideSearch-formbox-title { font-size: 1.2rem; font-weight: 900; }
.sideSearch-formbox-detail { margin-top: 0.5rem; }
.sideSearch-formbox-detail._searchFeet { display: flex; align-items: center; gap: 0 1rem; }
.sideSearch-modalbtn { position: relative; width: 100%; padding: 0.6rem 1.0rem 0.5rem 4.5rem; font-size: 1.4rem; color: var(--cl-sub); background-color:var(--cl-wh); border: var(--cl-sub) 2px solid ; border-radius: 0.6rem; text-align: left; }
.sideSearch-modalbtn::before { position: absolute; top: 50%; left: 1.0rem; transform: translateY(-50%); content: ""; display: block; width: 3rem; height: 3rem; background: no-repeat center center / contain; pointer-events: none; }
.sideSearch-modalbtn::after { position: absolute; top: 50%; right: 1.5rem; transform: translate(0,-50%) rotate(90deg); content: ""; display: block; width: 0.6em; height: 0.6em; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; pointer-events: none; }
.sideSearch-modalbtn._area::before { background-image: url(/assets/images/common/ico_map_sub.svg); }
.sideSearch-modalbtn._period::before { background-image: url(/assets/images/common/ico_calendar_sub.svg); }
.sideSearch-searchbtn { margin-top: 3rem; }
.sideSearch-cancel { margin-top: 3rem; justify-content: center; }
.sideSearch-guidblog { display: flex; flex-direction: column; align-items: center; margin-top: 2rem; }
.sideSearch-guidblog-title { font-size: 1.8rem; line-height: 1.2; }
.sideSearch-guidblog-number { font-size: 2.8rem; color: var(--cl-accent); font-weight: 900; line-height: 1.2; }
.sideSearch-guidblog-number-unit { color: var(--cl-sub); font-size: 1.8rem; margin-left: 0.25em; }

.sideSearch .c-checkboxWrap-label:not(:first-child),
.sideSearch .c-checkboxWrap-txt { margin: 0; }
._side-index.sideSearch { background-color: var(--cl-wh); margin: 0; box-shadow: 0 0.3rem 1.2rem rgba(112,184,157,0.5); }
.sideNewitem + .sideSearch { margin-top: 0; }



/* sideRecommend */
.sideRecommend { }
.sideRecommend-title {}
.sideRecommend-item {}
.sideRecommend-item:not(:first-child) { margin-top: 2rem; }
.sideRecommend-btn { margin-top: 4rem; }


/* sideChoka */
.sideChoka { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; border-radius: 0.6rem; padding: 1.5rem 2rem 1.5rem 4rem; position: relative; }
.sideChoka._side-index{ background-color: var(--cl-wh); margin-top: 1.5rem; box-shadow: 0 0.3rem 1.2rem rgba(112,184,157,0.5); }
.sideChoka-pref { display: flex; align-items: center; font-size: 1.1rem; color: var(--cl-wh); background-color: var(--cl-base); width: fit-content; height: 2rem; border-radius: 0.4rem; padding: 0 0.5rem; line-height: 1; }
.sideChoka-pref-icon { width: 3rem; height: 3rem; position: absolute; top: 1.25rem; left: 0.75rem; }
.sideChoka-date { margin-left: auto; font-size: 1.6rem; }
.sideChoka-number { font-size: 2.8rem; line-height: 1; position: relative; padding-left: 3.4rem; min-width: 10rem; color: var(--cl-accent); }
.sideChoka-number::before { content: ""; position: absolute; top: -0.4rem; left: -0.4rem; display: block; width: 3.6rem; height: 3.6rem; background: url(/assets/images/common/ico_nav_goods_sub.svg) no-repeat center center / contain; }
.sideChoka-number::after { content: "匹"; font-size: 1.8rem; margin-left: 0.25em; }
.sideChoka-size { font-size: 2.8rem; line-height: 1; min-width: 10rem; color: var(--cl-accent); }
.sideChoka-size::before { content: "最大"; font-size: 1.8rem; margin-right: 0.25em; color: var(--cl-sub); }
.sideChoka-size::after { content: "cm"; font-size: 1.8rem; margin-left: 0.25em; }
.sideChoka-searchbtn { margin-left: -2rem; width: calc(100% + 2rem); }




/* modal
--------------------------------------------------------------*/

/* areaSelectBox */
.areaSelectBox { line-height: 1; }
.areaSelectBox-title { font-size: 1.9rem; font-weight: 900; margin-bottom: 2rem; }
.areaSelectBox-area { display: flex; }
.areaSelectBox-area:not(:first-child) { margin-top: 2.5em; }
.areaSelectBox-area-title { width: 12rem; font-weight: 900; }
.areaSelectBox-area-pref {}
.areaSelectBoxPref { display: flex; }
.areaSelectBoxPref:not(:first-child) { margin-top: 1em; }
.areaSelectBoxPref-title { width: 10rem; text-align: right; padding-right: 1em; margin-right: 1em; border-right: var(--cl-sub) 1px solid; }
.areaSelectBoxPref-title-link {}
.areaSelectBoxPref-field { width: calc(100% - 10rem - 1em); display: flex; flex-wrap: wrap; gap: 1em 1.5em; }
.areaSelectBoxPref-field-link {}



/* areaFieldSelectBox */
.areaFieldSelectBox { line-height: 1; display: flex; justify-content: space-between; }
.areaFieldSelectBox-area { width: 30%; }
.areaFieldSelectBox-area-list { }
.areaFieldSelectBox-area-item { position: relative; }
.areaFieldSelectBox-area-item::after { content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; }
.areaFieldSelectBox-pref { width: 30%; }
.areaFieldSelectBox-pref-list { flex-wrap: wrap; }
.areaFieldSelectBox-pref-item { position: relative; width: 100%; }
.areaFieldSelectBox-pref-item::after { content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; background: url(/assets/images/common/ico_ar_sub.svg) no-repeat center center / contain; }
.areaFieldSelectBox-field { width: 30%; }
.areaFieldSelectBox-field-list { flex-wrap: wrap; }
.areaFieldSelectBox-field-item { width: 100%; }
.areaFieldSelectBox-title { margin-bottom: 2rem; }
.areaFieldSelectBox-btn { font-size: 1.2rem; padding: 1.25rem 0; width: 100%; text-align: left; border-bottom: var(--cl-border) 1px solid; }

._active.areaFieldSelectBox-pref-list,
._active.areaFieldSelectBox-field-list { display: flex; }
._active.areaFieldSelectBox-area-item::after,
._active.areaFieldSelectBox-pref-item::after { background-image: url(/assets/images/common/ico_ar_accent.svg); }
._active.areaFieldSelectBox-area-item .areaFieldSelectBox-btn,
._active.areaFieldSelectBox-pref-item .areaFieldSelectBox-btn { color: var(--cl-accent); border-color: var(--cl-accent); }
.areaFieldSelectBox-btn:hover { color: var(--cl-accent); border-color: var(--cl-accent); }





/*---------------------------------------------------------------------------------------------

page layout

---------------------------------------------------------------------------------------------*/


/* sortBox - box on sort */
.sortBox { display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 6rem 0 2rem; }
.sortBox-txt { font-size: 1.2rem; }
.sortBox-txt-number { font-size: 1.6rem; margin: 0 0.5em; }


/* shopInfo - bottom shop information */
.shopInfo { margin-top: 6rem; }
.shopInfo-title { margin: 2rem auto 0; max-width: 78rem; padding: 1rem 0; text-align: center; font-size: 1.8rem; font-weight: 900; border-top: var(--cl-base) 2px solid; border-bottom: var(--cl-base) 2px solid; }
.shopInfo-rowbox { margin: 2rem auto 0; max-width: 78rem; display: flex; gap: 0 3rem; }
.shopInfo-pic { width: 33rem; height: 23rem; object-fit: contain; background-color: var(--cl-bk); }
.shopInfo-outline { width: calc(100% - 36rem); }
.shopInfo-btn { margin-bottom: 1rem; }
.shopInfo-timeSuppl { max-width: 78rem; margin: 2rem auto 4rem; }

.shopInfo-timetable { margin: 2rem 0 6rem; }
.shopInfo-dltable { max-width: 78rem; margin: 0 auto; }
.shopInfo-dltable-item { display: flex; align-items: center; border-bottom: var(--cl-calendar-border) 1px solid; }
.shopInfo-dltable-title { width: 28rem; text-align: center; padding: 2rem; }
.shopInfo-dltable-detail { width: 50rem; padding: 2rem; border-left: var(--cl-calendar-border) 1px dotted; }
.shopInfo-dltable + .shopInfo-title { margin-top: 8rem; }
.shopInfo-parking { max-width: 78rem; margin: 2rem auto 6rem; }


.shopInfo-gmaps { margin: 2rem auto 0; max-width: 78rem; position: relative; width: 100%; padding-top: 40%; }
.shopInfo-gmaps iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.shopInfo-access { margin: 2rem auto 0; max-width: 78rem; font-size: 1.4rem; display: flex; justify-content: space-between; }
.shopInfo-access-boxL { width: calc(50% - 3rem); }
.shopInfo-access-address { position: relative; padding-left: 3rem; }
.shopInfo-access-address::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 2.6rem; height: 2.6rem; background: url(/assets/images/common/ico_map_sub.svg) no-repeat center center / contain; }
.shopInfo-access-gmaplink { margin: 0.5rem 0 0 3rem; }
.shopInfo-access-tel { position: relative; padding-left: 3rem; margin-top: 3rem; display: block; width: fit-content; color: var(--cl-accent); text-decoration: underline; }
.shopInfo-access-tel::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 2rem; height: 2rem; background: url(/assets/images/common/ico_tel_sub.svg) no-repeat center center / contain; }
.shopInfo-access-mail { position: relative; padding-left: 3rem; margin-top: 2rem; display: block; width: fit-content; color: var(--cl-accent); text-decoration: underline; }
.shopInfo-access-mail::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 2rem; height: 2rem; background: url(/assets/images/common/ico_mail_sub.svg) no-repeat center center / contain; }
.shopInfo-access-howto { width: 50%; }
.shopInfo-access-howto-title { font-weight: 900; }
.shopInfo-access-howto-detail {}



.timetable { width: 100%; max-width: 78rem; margin: 0 auto; text-align: center; line-height: 1.4; }
.timetable-head {}
.timetable-head-item { font-size: 1.6rem; background-color: var(--cl-main); height: 4rem; }
.timetable-head-item._month { width: 14rem; }
.timetable-head-item._departure { width: 32rem; }
.timetable-head-item._arrival { width: 32rem; }
.timetable-head-item._boattype { background-color: var(--cl-calendar-border); }
.timetable-head-item._weekday { background-color: var(--cl-calendar-bg); }
.timetable-head-item._holiday { background-color: var(--cl-calendar-sun-bg); }
.timetable-head-item-ex { font-size: 1.2rem; display: block; }
.timetable-body {}
.timetable-body-item { border-bottom: var(--cl-calendar-border) 1px solid; height: 5rem; }
.timetable-body-item._departure { border-left: var(--cl-calendar-border) 1px dotted; border-right: var(--cl-calendar-border) 1px dotted;}
.timetable-body-item._holiday { background-color: var(--cl-calendar-sun-bg); }





/* bottomNav - bottom shop link navigation */
.bottomNav { padding: 3rem; margin-top: 6rem; }
.bottomNav-title {}
.bottomNav-list { margin-top: 2rem; }
.bottomNav-item { border-bottom: var(--cl-base) 1px solid; }
.bottomNav-item-link { font-size: 1.2rem; padding: 0.75rem 0; width: fit-content; }


/* boatList */
.boatList { position: relative; }
.boatList-titlebox { margin-left: 24rem; display: flex; align-items: center; gap: 0 2rem; }
.boatList-titlebox-title { max-width: calc(100% - 14rem); }
.boatList-titlebox-tag {}
.boatList-tagList { margin: 2rem 0 0 24rem; }
.boatList-pic { position: absolute; top: 0; left: 0; display: block; width: 21.6rem; height: 15.6rem; object-fit: contain; background-color: var(--cl-bk); }
.boatList-reserve { margin-top: 1rem; display: flex; justify-content: space-between; align-items: flex-end; }
.boatList-reserve-calendar {}
.boatList-reserve-btn {}
.boatList-reserveTel { margin-top: 1rem; display: flex; justify-content: space-between; align-items: flex-end; padding: 2rem; background-color: var(--cl-bggr); }
.boatList-reserveTel-txt { min-height: 6.4rem; display: flex; align-items: center; width: 52rem; }
.boatList-reserveTel-btn { }
.boatList-bottomTxt { font-size: 1.2rem; }
.boatList-bottomTxt-link { color: var(--cl-accent); text-decoration: underline; }

.shopListInfo + .boatList,
.boatList + .boatList,
.boatListMore .boatList { margin-top: 3rem; padding-top: 3rem; border-top: var(--cl-border) 1px solid; }
.shopListInfo + .boatList .boatList-pic,
.boatList + .boatList .boatList-pic,
.boatListMore .boatList-pic { top: 3rem; }

.boatList-rowbox + .boatList-reserve { margin-top: 10rem; }
.boatList-rowbox + .boatList-reserveTel { margin-top: 10rem; }


/* boatListMore */
.boatListMore { border-top: var(--cl-border) 1px solid; margin-top: 3rem; }
.boatListMore-toggle { margin: 2rem auto 0; min-height: 3rem; padding: 0 2rem; font-size: 1.4rem; }
.boatListMore-toggle::after { content: ""; margin-left: 0.5em; width: 1.2rem; height: 1.2rem; transform: rotate(90deg); background: url(/assets/images/common/ico_ar_accent.svg) no-repeat center center / contain; }
.boatListMore-wrap { display: none; }
.boatListMore-linkwrap { border-top: var(--cl-border) 1px solid; margin-top: 3rem; }
._open.boatListMore { border: none; margin: 0; }
._open.boatListMore-toggle { display: none; }


/* guidList */
.guidList { position: relative; }
.guidList + .guidList { margin-top: 6rem; }
.guidList-titlebox { margin-left: 24rem; display: flex; align-items: center; gap: 0.5rem 1rem; flex-wrap: wrap; }
.guidList-titlebox-title { max-width: calc(100% - 14rem); }
.guidList-titlebox-tag {}
.guidList-tagList { margin: 2rem 0 0 24rem; }
.guidList-pic { position: absolute; top: 0; left: 0; display: block; width: 21.6rem; height: 15.6rem; object-fit: contain; background-color: var(--cl-bk); }
.guidList-comment { margin: 2rem 0 0 24rem; }
.guidList-reserve { margin-top: 1rem; display: flex; justify-content: space-between; align-items: flex-end; }
.guidList-reserve-calendar {}
.guidList-reserve-btn {}
.guidList-reserveTel { margin-top: 1rem; display: flex; justify-content: space-between; align-items: flex-end; padding: 2rem; background-color: var(--cl-bggr); }
.guidList-reserveTel-txt { min-height: 6.4rem; display: flex; align-items: center; width: 52rem; }
.guidList-reserveTel-btn { }
.guidList-bottomTxt { font-size: 1.2rem; }
.guidList-bottomTxt-link { color: var(--cl-accent); text-decoration: underline; }
.guidList-rowbox + .guidList-reserve { margin-top: 10rem; }
.guidList-rowbox + .guidList-reserveTel { margin-top: 10rem; }











/* U10 boatForm */
.boatForm { margin-top: 10rem; }


/* chokaListItem */
.chokaListItem { padding: 4rem 0; display: grid; grid-template-columns: 33.6rem 1fr; gap: 1rem 3rem; }
.chokaListItem:not(:first-child) { border-top: var(--cl-border) 1px solid; }
.chokaListItem-boxL { grid-area: 1 / 1 / 2 / 2; position: relative; }
.chokaListItem-pic { width: 33.6rem; height: 23.8rem; object-fit: contain; background-color: var(--cl-bk); }
.chokaListItem-pictag { position: absolute; bottom: 1.5rem; right: 1.5rem; }
.chokaListItem-boxR { grid-area: 1 / 2 / 3 / 3; }
.chokaListItem-tagList { flex-direction: column; }
.chokaListItem-fieldInfo { margin-top: 1rem; font-size: 1.2rem; }
.chokaListItem-fieldInfo-link { text-decoration: underline; }
.chokaListItem-btnwrap { width: 33.6rem; grid-area: 2 / 1 / 3 / 2; }
.chokaListItemNone { padding: 8rem 6rem 3rem; background-color: var(--cl-bggr); }
.chokaListItemNone-txt { font-weight: 900; font-size: 2rem; }




/* U10 boatInfo - linkedSlider and information */
.boatInfo { display: flex; justify-content: center; gap: 0 2rem; }
.boatInfo-boxL { width: 41.8rem; position: relative; }
.boatInfo-boxR { width: 52.2rem; }
.boatInfo-titlebox { display: flex; align-items: center; gap: 0 2rem; }
.boatInfo-titlebox-title { max-width: calc(100% - 14rem); }
.boatInfo-titlebox-tag {}
.boatInfo-tagList { margin: 2rem 0; }
.boatInfo-description { margin-top: 2rem; }
.boatInfo-description-title {}
.boatInfo-description-detail { margin-top: 0.5rem; font-size: 1.4rem; }


/* U14 chokaInfo - linkedSlider and information */
.chokaInfo { display: flex; justify-content: center; gap: 0 2rem; }
.chokaInfo-boxL { width: 41.8rem; }
.chokaInfo-boxR { width: 52.2rem; }
.chokaInfo-tagList { flex-direction: column; }
.chokaInfo-description { margin-top: 2rem; }
.chokaInfo-description-title {}
.chokaInfo-description-detail { margin-top: 0.5rem; font-size: 1.4rem; }


/* U31 guidInfo - linkedSlider and information */
.guidInfo { display: flex; justify-content: center; gap: 0 2rem; }
.guidInfo-boxL { width: 41.8rem; }
.guidInfo-boxR { width: 52.2rem; }
.guidInfo-titlebox { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.guidInfo-titlebox-title { }
.guidInfo-titlebox-tag {}
.guidInfo-tagList { margin: 2rem 0; flex-direction: column; }
.guidInfo-description { margin-top: 2rem; }
.guidInfo-description-title {}
.guidInfo-description-detail { margin-top: 0.5rem; font-size: 1.4rem; }
.guidInfo-btn { margin-top: 2rem; }













/* u16 newsInfo */
.newsInfo { display: flex; flex-wrap: wrap; }
.newsInfo-title { width: 100%; font-size: 2.4rem; font-weight: 900; padding-bottom: 1rem; border-bottom: var(--cl-main) 1px solid; line-height: 1.4; margin-bottom: 1.5rem; }
.newsInfo-category {}
.newsInfo-date { margin-left: 1.5rem; font-size: 1.4rem; }
.newsArticle { margin-top: 4rem; }
.newsArticle * + * { margin-top: 2em; }
.newsArticle > a { color: var(--cl-base); text-decoration: underline; }


/* u17 chokaConfirm */
.chokaConfirm {}
.chokaConfirm-title { text-align: center; }
.chokaConfirm-date { text-align: center; margin-bottom: 3rem; }

.chokaComplete {}
.chokaComplete-title { text-align: center; }
.chokaComplete-txt { text-align: center; font-size: 1.8rem; line-height: 2; margin-top: 2rem; }



/* u35 guidConfirm */
.guidConfirm {}
.guidConfirm-title { text-align: center; }

.guidComplete {}
.guidComplete-title { text-align: center; }
.guidComplete-txt { text-align: center; font-size: 1.8rem; line-height: 2; margin-top: 2rem; }



/* u04 shopListInfo */
.shopListInfo { display: flex; column-gap: 3rem; /*border-bottom: var(--cl-base) 1px solid; padding-bottom: 3rem;*/ margin-bottom: 3rem; }
.shopListInfo-pic { display: block; width: 36rem; height: 27rem; object-fit: contain; background-color: var(--cl-bk); }
.shopListInfo-detail { width: calc(100% - 40rem - 3rem); }
.shopListInfo-title { max-width: calc(100% - 16.2rem); }
.shopListInfo-address { margin-top: 2rem; font-size: 1.4rem; }
.shopListInfo-address-link { color: var(--cl-accent); text-decoration: underline; }
.shopListInfo-addressSuppl { font-size: 1.4rem; }
.shopListInfo-comment { margin-top: 2rem; font-size: 1.6rem; }



/* u08 shopTop*/
.shopTop {}
.shopTop-kv { width: 100%; height: 54rem; object-fit: contain; filter: drop-shadow(0 1rem 1.8rem rgba(45,80,88,0.3)); }
.shopTop-intro { margin-top: 2rem; }
.shopTop-hours { display: flex; width: 100%; margin: 4rem 0 6rem;  }
.shopTop-hours-date { display: flex; flex-direction: column; justify-content: center; font-size: 2.4rem; line-height: 1.4; width: 16rem; height: 8rem; text-align: center; background-color: var(--cl-base); color: var(--cl-wh); }
.shopTop-hours-date::before { content: "営業時間"; font-size: 1.4rem; color: var(--cl-wh); }
.shopTop-hours-detail { display: flex; align-items: center; justify-content: center; gap: 0 6rem; border: var(--cl-base) 3px solid; width: calc(100% - 16rem); }
.shopTop-hours-detail-txt { font-size: 1.8rem; }
.shopTop-hours-detail-txtL { font-size: 2.6rem; }
.shopTop-hoursSuppl { margin: -5rem 0 6rem; }
.shopTop-chokaPickup {}
.shopTop-chokaPickup-row { display: flex; flex-wrap: wrap; gap: 0 3rem; }
.shopTop-nav { margin-top: 6rem; }
.shopTop-nav .c-tabmenu { justify-content: space-between; }
.shopTop-nav .c-tabmenu-item { width: auto; }
.shopTop-nav .c-tabmenu-link { font-size: 1.4rem; padding: 0 1.75rem; }
.shopTop-news { margin: 4rem 0 6rem; }
.shopTop-boatRental {}
.shopTop-boatRental-tags { display: flex; gap: 0 1rem; margin-bottom: 3rem; }

.shopTop-cancel {}
.shopTop-cancel-box { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 2rem; background-color: var(--cl-calendar-border); padding: 4rem 0 2rem; }
.shopTop-cancel-box-title { font-size: 1.4rem; font-weight: 900; }
.shopTop-cancel-box-input[type="text"] { width: 26rem; }
.shopTop-cancel-box-btn {}
.shopTop-cancel-box-ex { width: 100%; text-align: center; margin-top: 1rem; font-size: 1.4rem; }
.shopTop-cancel-ex { margin-top: 2rem; font-size: 1.4rem; }


/* u** shop-iframe */
.page-shop-iframe {}
.page-shop-iframe .page-wrapper { min-width: inherit; }
.page-shop-iframe .contentWrap { width: 102rem; margin: 8rem auto; }



/* sitemapWrap */
.sitemapWrap {}
.sitemapWrap .bottomSearch { background: none; }
.sitemapWrap .bottomSearch-inner { display: block; width: 100%; padding: 0; }
.sitemapWrap .bottomSearchBox { width: 100%; }




/* about */
.about {}
.about-lead { font-weight: 900; font-size: 1.8rem; }
.aboutContent { display: flex; align-items: center; justify-content: space-between; margin-top: 8rem; }
.aboutContent-pic { flex: 1; }
.aboutContent-pic-frame { position: relative; width: fit-content; margin: 2rem auto; }
.aboutContent-pic-frame::before { content: ""; display: block; width: 22.4rem; height: 44.6rem; position: absolute; top: -1.4rem; left: -1.45rem; background: url(/assets/images/about/spframe.png) no-repeat center center / contain; z-index: 1; }
.aboutContent-pic-frame::after { content: ""; display: block; width: 36rem; height: 36rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-80%); z-index: -1; border-radius: 100%; background-color: var(--cl-main); opacity: 0.5; }
.aboutContent-pic-image { width: 19.5rem; position: relative; }
.aboutContent-txtbox { flex: 1; }
.aboutContent-icon { font-size: 3.4rem; line-height: 1; color: var(--cl-wh); background-color: var(--cl-accent); border-radius: 1rem; width: fit-content; padding: 1rem; }
.aboutContent-title { font-size: 4.2rem; font-weight: 900; line-height: 1.2; margin-top: 2rem; }
.aboutContent-txt { font-weight: 900; font-size: 1.8rem; margin-top: 2rem; }

.aboutContent:nth-child(odd) { flex-direction: row-reverse; }