/*
Theme Name: 'NOIR' WordPress Templete
Theme URI: 
Author: Toyohiko Yoshimine (LuckyPeaks)
Author URI: 
Description: 
Version: 1.0
*/
@charset "UTF-8";

:root {

	--lp-header-height: 200rem;			/* ヘッダー縦サイズ */
	--lp-header-navigation-gap:0rem;	/* ヘッダーナビゲーション間隔 */

	/* body背景色 */
	--lp-body-background: #fff;

	/* 基本文字色 */
    --lp-color-text: #444;
	
	/* HEADER */
	--lp-header-background: #fff;  /* 背景色 */
	--lp-header-text-color: var(--lp-text-color);  /* 文字色 */

	/* FOOTER */
	--lp-footer-background: #777;  /* 背景色 */
	--lp-footer-text-color: #fff;  /* 文字色 */

    /* Under FirstView */
    --lp-under-fv-text-color: #fff;
	
	--site-color: #F2644E;
}

/* スケーリング (max-width:1200px margin:40px) */
html { font-size:1px; }
@media (max-width:1200px) {     /* PC(Minimam) */
    html { font-size:calc(1 / 1200 * 100vw); }
}
@media (max-width:780px) {      /* MOBILE */
    html { font-size:calc(1 / 390 * 100vw); }
}

/* fonts */
body, textarea, input, button { font-family:"Noto Sans JP", sans-serif; }
.fontAverage { font-family: "Average", serif; font-weight: 400; font-style: normal; }
.fontMincho { font-family: "Noto Serif JP", serif; font-style: normal; }

.LPWPContent .content a,
.linkMarker { color:inherit; background:linear-gradient(transparent 68%, #cbcbfe80 68%, #cbcbfe80 96%, transparent 96%); }
.telMarker::before { content:''; display:inline-block; width:32rem; height:32rem; background:url(libs/img/icon-telephone.svg); background-size:contain; vertical-align:bottom; margin-right:0.5em; }
a.blankMarker[target=_blank]::after {  }


.LPWPContent .content > * { margin:1.5em 0 0; }
.LPWPContent .content > *:first-child { margin-top:0; }
.LPWPContent .title { font-size:28rem; display:flex; text-align:left; }
.LPWPContent .content h2 { font-size:1.4em !important; display:flex; text-align:left; font-weight:500 !important; letter-spacing:0.025em; margin-left:0.025em; }
.LPWPContent .content h3 { font-size:1.4em !important; font-weight:500 !important; letter-spacing:0.025em; margin-left:0.025em; padding-left:20rem; padding-bottom:0.125em }
.LPWPContent .content h3::before { content:''; position:absolute; left:0; top:0; width:10rem; height:100%; background:var(--site-color); border-radius:5rem; }
.LPWPContent .content h4 { font-size:1.2em !important; font-weight:500 !important; letter-spacing:0.025em; margin-left:0.025em; padding-left:24rem; border-bottom:2rem solid var(--site-color);  padding-bottom:calc(0.125em + 2rem); }
.LPWPContent .content h4::before { content:''; position:absolute; left:0; top:0; width:10rem; height:100%; background:var(--site-color); }
.LPWPContent .content h5 { font-size:1.2em !important; }
.LPWPContent .content h6 { font-size:1.2em !important; font-weight:500 !important; }
.LPWPContent .content p { margin-top:0.75em; line-height:1.8em; letter-spacing:0.02em; }
.LPWPContent .content figure { margin:2em auto 0; border-radius:20rem; }
.LPWPContent .content .wp-block-columns { margin:2em auto 0; }
.LPWPContent :where(.wp-block-columns.is-layout-flex) { gap:20rem; }
.LPWPContent .content .wp-block-embed { border-radius:0; }
.LPWPContent .content .wp-embedded-content { font-size:16rem; line-height:1.5; width:100%; }
.LPWPContent .content .wp-embedded-content a { background:none; }
@media (max-width:780px) {      /* MOBILE */
	.LPWPContent .title { font-size:24rem; }
	.LPWPContent .content figure { margin:1.5em auto 0; border-radius:10rem; }
}


/*	コンテンツボックス
-----------------------------------------*/
.modContentBox { max-width:1140rem; width:100%; margin-left:auto; margin-right:auto; padding-top:60rem; padding-bottom:60rem; }
.modContentBox.width840 { max-width:840rem; }
.modContentBox.width960 { max-width:960rem; }
.modContentBox.noPadding { padding:0; }
.modContentBox.noPaddingTop { padding-top:0; }
.modContentBox.noPaddingBottom { padding-bottom:0; }
.modContentBox.noPaddingWidth { padding-left:0; padding-right:0; }
.modContentBox.noPaddingHeight { padding-top:0; padding-bottom:0; }
@media (max-width:780px) {      /* MOBILE */
	.modContentBox { max-width:none; padding:32rem 20rem 48rem; }
	.modContentBox.width960 { max-width:none; }
	.modContentBox.noPaddingSp { padding:0; }
	.modContentBox.noPaddingTopSp { padding-top:0; }
	.modContentBox.noPaddingBottomSp { padding-bottom:0; }
	.modContentBox.noPaddingWidthSp { padding-left:0; padding-right:0; }
	.modContentBox.noPaddingHeightSp { padding-top:0; padding-bottom:0; }
	.modContentBox.paddingSp { padding:40rem 20rem; }
	.modContentBox.paddingTopSp { padding-top:40rem; }
	.modContentBox.paddingBottomSp { padding-bottom:40rem; }
	.modContentBox.paddingWidthSp { padding-left:20rem; padding-right:20rem; }
	.modContentBox.paddingHeightSp { padding-top:40rem; padding-bottom:40rem; }
}

/*	タグリスト
-----------------------------------------*/
.modTagList { display:flex; justify-content:flex-start; align-items:flex-start; gap:5rem; font-size:14rem; line-height:0; }
.modTagList > * { padding:0 20rem; height:32rem; border-radius:16rem; border:1rem solid #666; display:flex; cursor:pointer; transition:outline 0.3s; outline:2rem solid transparent; outline-offset:2rem; }
html.LPHoverReady .modTagList > *:hover { outline:2rem solid; outline-offset: 2rem; }
.modTagList > *.selected { background-color:#f4f4f4; color:#fff; border-color:#fff;}
#sightseeing .modTagList > *.selected { background:linear-gradient(150deg, #99CCFF 0%, #94c2f4 100%); border-color:#99CCFF; }
#experience .modTagList > *.selected { background:linear-gradient(150deg, #89FFC4 0%, #7cF4b8 100%); color:var(--lp-color-text); border-color:#89FFC4; }
#staying .modTagList > *.selected { background:linear-gradient(150deg, #A3A3FF 0%, #A3A3FF 100%); border-color:#A3A3FF; }
#gourmet .modTagList > *.selected { background:linear-gradient(150deg, #FFC993 0%, #F4bc88 100%); border-color:#FFC993; }
#shopping .modTagList > *.selected { background:linear-gradient(150deg, #FF93C9 0%, #F484b4 100%); border-color:#FF93C9; }
#event .modTagList > *.selected { background:linear-gradient(150deg, #ffff7f 0%, #ffff7f 100%); color:var(--lp-color-text); border-color:#ffff7f; }
@media (max-width:780px) {      /* MOBILE */
}


/*	セクションタイトル
-----------------------------------------*/
.modSectionTitle { font-size:32rem; line-height:1; font-weight:bold; margin-bottom:40rem; letter-spacing:0.1em; margin-left:0.1em; }
.modSectionTitle.white { color:#fff; }
@media (max-width:780px) {      /* MOBILE */
	.modSectionTitle { font-size:24rem; margin-bottom:32rem; }
}

/*	GoogleMap
-----------------------------------------*/
.modGoogleMap .mapBox { aspect-ratio:1140 / 500; }
.modGoogleMap .mapBox > * { width:100%; height:100%; }
@media (max-width:780px) {      /* MOBILE */
	.modGoogleMap .mapBox { aspect-ratio:3 / 2; }
}

/*	アーカイブページデフォルト
-----------------------------------------*/
.modArchivePage .catchText { font-size:28rem; font-weight:500; display:flex; text-align:left; }
.modArchivePage .comment { font-size:18rem; font-weight:500; display:flex; text-align:left; }
.modArchivePage .catchText + .comment { margin-top:20rem; }
.modArchivePage .articles figure { border-radius:10rem; }
.modArchivePage .articles .title { font-size:18rem; font-weight:bold; }
.modArchivePage .articles .caption { font-size:14rem; text-align:left; margin-top:4rem; }
.modArchivePage .articles .modTagList { margin-top:10rem; }
@media (max-width:780px) {      /* MOBILE */
	.modArchivePage .catchText { font-size:20rem; }
	.modArchivePage .comment { font-size:16rem; }
	.modArchivePage .catchText + .comment { margin-top:16rem; }
	.modArchivePage .articles .modTagList { font-size:13rem; }
	.modArchivePage .articles .modTagList > * { height:24rem; padding:0 12rem; }
}

/*	シングルページデフォルト
-----------------------------------------*/
.modSinglePage section.LPUnderFV { height:200rem; }
.modSinglePage section.LPUnderFV .bg { filter:brightness(0.8); background:transparent; }
.modSinglePage section.LPUnderFV .titleBox { background:transparent; }
.modSinglePage section.LPUnderFV .title { font-size:36rem; }
.modSinglePage section.webAndSns .modSNSIcons { gap:40rem; }
.modSinglePage section.webAndSns .LPButtons { margin-top:0; }
.modSinglePage section.webAndSns .modSNSIcons + .LPButtons { margin-top:40rem; }
.modSinglePage section.wordPressContent .modContentBox  { padding-bottom:40rem; }

@media (max-width:780px) {      /* MOBILE */
	.modSinglePage section.LPUnderFV { height:160rem; }
}


/*	記事無し表示(COMING SOON)
-----------------------------------------*/
.modNoArticle { padding-top:80rem; font-size:24rem; }

/*	標準ボタン
-----------------------------------------*/
.LPButton { width:320rem; height:60rem; border-radius:30rem; font-size:20rem; font-weight:500; }
.LPButton.autoWidth { min-width:320rem; width:auto; padding:0 40rem; }
@media (max-width:780px) {      /* MOBILE */
	.LPButton { height:48rem; border-radius:24rem; font-size:18rem; font-weight:500; }
}

/*	PC用最上段ロゴ
-----------------------------------------*/
.topLogo { padding:20rem 0; margin-right:0; line-height:0; }
.topLogo a { display:inline-block; }
.topLogo figure img { width:auto; height:60rem; }
@media (max-width:780px) {      /* MOBILE */
	.topLogo { display:none; }
}

/*	詳細ページ用詳細項目
-----------------------------------------*/
.modDetailItems { text-align:left; }
.modDetailItems dl { font-size:18rem; line-height:32rem; border-radius:20rem; overflow:hidden; display:grid; grid-template-columns:160rem 1fr; align-items:stretch; }
.modDetailItems dl ~ dl { margin-top:10rem; }
.modDetailItems dt { background:#888; padding:20rem; padding-right:0; color:white; display:flex; justify-content:flex-start; letter-spacing:0.05em; font-weight:500; }
.modDetailItems dd { background:#fafafa; padding:20rem; display:flex; justify-content:flex-start; letter-spacing:0.02em; }
#sightseeing .modDetailItems dt { background:linear-gradient(150deg, #99CCFF 0%, #94c2f4 100%); }
#experience .modDetailItems dt { background:linear-gradient(150deg, #89FFC4 0%, #7cF4b8 100%); color:var(--lp-color-text); }
#gourmet .modDetailItems dt { background:linear-gradient(150deg, #FFC993 0%, #F4bc88 100%); }
#shopping .modDetailItems dt { background:linear-gradient(150deg, #FF93C9 0%, #F484b4 100%); }
@media (max-width:780px) {      /* MOBILE */
	.modDetailItems dl { font-size:16rem; line-height:1.6; display:block; border-radius:10rem; }
	.modDetailItems dt { background:#888; padding:4rem 10rem; display:block; letter-spacing:0.025em; }
	.modDetailItems dd { display:block; }
}


/*	WordPress投稿表示
-----------------------------------------*/
.modSNSIcons { display:flex; gap:20rem; }
.modSNSIcons .icon { width:40rem; }


.tagIndex { overflow:visible; }
/******************************************
	HEADER
******************************************/
.LPHeader {  }
.LPHeader .mobileLogo { display:none; }
.LPHeader .mobileInstagram { display:none; }
.LPHeader nav { width:100%; color:#fff; column-gap:0; background:linear-gradient(-5deg, #f0543c 25%, var(--site-color) 75%); justify-content:center; }
.LPHeader nav > *:not(.logo) { width:120rem; height:100rem; padding:0; display:flex; flex-wrap:nowrap; flex-direction:column; transition:all 0.5s; }
.LPHeader nav .logo { display:block; width:0; height:100rem;  margin-right:0; transition:width 0.5s, height 0.5s, margin 0.5s; overflow:hidden; }
.LPHeader nav .logo figure { position:absolute; left:0; top:-150%; transform:translateY(-50%); width:160rem; aspect-ratio:300 / 84; transition:top 0.5s 0.5s; }
.LPHeader nav .icon figure { width:40rem; margin-bottom:8rem; transition:width 0.5s, margin 0.5s; }
.LPHeader nav .text { width:100%; line-height:1.2; }
.LPHeader nav .text .jpn { font-size:15rem; font-weight:500; transition:font-size 0.5s; }
.LPHeader nav .text .eng { font-size:11rem; transition:font-size 0.5s; }
.LPHeader nav .instagramIcon { position:absolute; right:20rem; width:60rem; align-items:flex-end; }
.LPHeader nav .instagramIcon figure { width:52rem; margin-right:0; transition:width 0.5s; }
@media (max-width:780px) {      /* MOBILE */
	.LPHeader .mobileLogo { display:flex; height:60rem; }
	.LPHeader .mobileLogo figure { width:160rem; }
	.LPHeader .mobileInstagram { display:block; position:absolute; left:0; top:0; width:60rem; padding:14rem; }
	.LPHeader nav { display:block; transition:all 0.5s; transform:translateY(100vh); height:calc(100vh - 60rem); background:linear-gradient(-3deg, #f2644e 25%,#EA6E5D 75%); position:fixed; left:0; top:60rem; padding-bottom:200rem; }
	.LPHeader nav > *:not(.logo):not(.instagramIcon) { width:100%; height:60rem; padding:0 40rem; flex-direction:row; justify-content:start; align-items:center; column-gap:20rem; border-bottom:1rem solid rgba(255,255,255,0.5); }
	.LPHeader nav > *:not(.logo):not(.instagramIcon)::after { content:''; position:absolute; right:40rem; top:50%; width:14rem; height:14rem; border-top:2rem solid #fff; border-right:2rem solid #fff; transform-origin:right top; transform:rotate(45deg); }
	.LPHeader nav .logo { display:none; }
	.LPHeader nav .icon figure { width:40rem; margin-bottom:0; }
	.LPHeader nav .text { width:auto; line-height:1.2; transition:all 0.5s; text-align:left; }
	.LPHeader nav .text .jpn { font-size:18rem; }
	.LPHeader nav .instagramIcon { display:none; }
	/*
	.LPHeader nav .instagramIcon { position:relative; right:auto; width:100%; align-items:center; justify-content:flex-start; padding:0 40rem; }
	.LPHeader nav .instagramIcon figure { width:52rem; margin-right:0; margin-left:0; transition:width 0.5s; }
	*/
	.LPHeader .LPMobileMenu { position:absolute; right:0 ;top:0; }
	.LPHeader .LPMobileMenu > *, .LPHeader .LPMobileMenu > *::before, .LPHeader .LPMobileMenu > *::after { background:#f2644e; }
	.LPMobileMenuOpened .LPHeader nav { transform:translateY(0); overflow-y:auto; }
}

.LPAttachmentHeaderAttached .LPHeader nav > *:not(.logo) { width:100rem; height:72rem; }
.LPAttachmentHeaderAttached .LPHeader nav .logo { width:160rem; height:72rem; margin-right:80rem; }
.LPAttachmentHeaderAttached .LPHeader nav .logo figure { top:50%; }
.LPAttachmentHeaderAttached .LPHeader nav .icon figure { width:20rem; margin-bottom:4rem; }
.LPAttachmentHeaderAttached .LPHeader nav .text .jpn { font-size:14rem; }
.LPAttachmentHeaderAttached .LPHeader nav .text .eng { font-size:10rem; }
.LPAttachmentHeaderAttached .LPHeader nav .instagramIcon figure { width:40rem; }
@media (max-width:780px) {
	.LPAttachmentHeaderAttached .LPHeader nav > *:not(.logo)  { width:100%; flex-direction:row; }
	.LPAttachmentHeaderAttached .LPHeader nav .icon figure { width:40rem; margin-bottom:0; }
	.LPAttachmentHeaderAttached .LPHeader nav .text .jpn { font-size:18rem; }
	.LPAttachmentHeaderAttached .LPHeader nav .text .eng { font-size:11rem; }
}

/******************************************
	FOOTER
******************************************/
.LPFooter { padding-top:100rem; }
.LPFooter .footerContent { font-size:16rem; padding-top:50rem; padding-bottom:20rem; background:#F2644E; color:#fff; }
.LPFooter .modContentBox { padding:0; }
.LPFooter .navigation { display:flex; gap:36rem; }
.LPFooter .companyName { font-size:20rem; margin-top:40rem; font-weight:500; }
.LPFooter .companyInformation { margin-top:12rem; }
.LPFooter .copyright { margin-top:40rem; }
@media (max-width:780px) {      /* MOBILE */
	.LPFooter .footerContent { font-size:15rem; padding-top:40rem; padding-bottom:20rem; }
	.LPFooter .modContentBox { padding:0 20rem; }
	.LPFooter .navigation { display:flex; gap:0; }
	.LPFooter .navigation > * { padding:10rem 20rem; }
	.LPFooter .companyName { font-size:20rem; margin-top:40rem; }
	.LPFooter .companyInformation { margin-top:20rem; font-size:13rem; }
	.LPFooter .copyright { margin-top:40rem; }
}


/******************************************
	HOME
******************************************/
#home .LPSlider .viewer {  }
#home .LPSlider .item a { width:100%; display:block; }
#home .LPSlider .item figure { height:600rem }
#home .LPSlider .item figure img { width:100%; height:100%; object-fit:cover; }
#home .LPSlider .item .text { position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; background:rgba(0, 0, 0, 0.33); width:100%; height:0; display:flex; flex-direction:column; gap:30rem; transition:height 1s 1s; overflow:hidden; }
#home .LPSlider .item .text .title { font-size:52rem; line-height:52rem; font-weight:bold; opacity:0; transform:translateY(52rem); transition:opacity 1s 2s, transform 1s 2s; }
#home .LPSlider .item .text .subTitle { font-size:16rem; line-height:16rem;; opacity:0; transition:opacity 1s 3s; }
#home .LPSlider .item.in .text { height:180rem; }
#home .LPSlider .item.in .text .title { opacity:1; transform:translateY(0); }
#home .LPSlider .item.in .text .subTitle { opacity:1; }
#home .LPSlider .dots { position:absolute; left:0; bottom:20rem; }
#home .LPSlider .dots .dot:not(active) { cursor:pointer; }
#home .LPSlider .dots .dot::after { width:20rem; height:20rem; border-radius:50%; background:#D9D9D9; box-sizing:content-box; }
#home .LPSlider .dots .dot.on::after { background:#fff; border:4rem solid #F2644E; }
@media (max-width:780px) {      /* MOBILE */
	#home .LPSlider .item figure { height:auto; aspect-ratio:1 / 1; }
	#home .LPSlider .item .text { gap:15rem; }
	#home .LPSlider .item.in .text { height:120rem; }
	#home .LPSlider .item .text .title { font-size:28rem; line-height:1; transform:translateY(32rem); }
	#home .LPSlider .item .text .subTitle { font-size:14rem; line-height:1; }
}

#home .sectionTitle { line-height:1.2; margin-bottom:40rem; }
#home .sectionTitle .eng { font-size:48rem; }
#home .sectionTitle .jpn { font-size:16rem; margin-top:4rem; letter-spacing:0.1em; font-weight:500; }
@media (max-width:780px) {      /* MOBILE */
	#home .sectionTitle { margin-bottom:32rem; }
	#home .sectionTitle .eng { font-size:32rem; }
	#home .sectionTitle .jpn { margin-top:4rem; }
}

#home .enjoy .modContentBox { padding-bottom:100rem; }
#home .enjoy .items { display:grid; gap:20rem; grid-template-columns:1fr 1fr 1fr 1fr 1fr; }
#home .enjoy .items .item { display:block; width:100%; padding:20rem 0 40rem; border-radius:20rem; background:#ccc; }
#home .enjoy .items .item:nth-child(1) { background:#99CCFF; }
#home .enjoy .items .item:nth-child(2) { background:#89FFC4; }
#home .enjoy .items .item:nth-child(3) { background:#A3A3FF; }
#home .enjoy .items .item:nth-child(4) { background:#FFC993; }
#home .enjoy .items .item:nth-child(5) { background:#FF93C9; }
#home .enjoy .items .item .text { font-size:32rem; margin-top:24rem; color:#fff; }
@media (max-width:780px) {      /* MOBILE */
	#home .enjoy .modContentBox { padding-bottom:60rem; }
	#home .enjoy .items { grid-template-columns:1fr 1fr 1fr; gap:10rem; }
	#home .enjoy .items .item { padding:10rem 0 16rem; }
	#home .enjoy .items .item .icon { width:64rem; }
	#home .enjoy .items .item .text { font-size:18rem; margin-top:4rem; color:#fff; }
}

#home .aboutOtaki { background:#5A79BA; color:#fff; text-align:left; }
#home .aboutOtaki .title { font-size:24rem; }
#home .aboutOtaki .title .large { font-size:64rem; }
#home .aboutOtaki .title .eng { margin-top:16rem; }
#home .aboutOtaki .content { margin-top:40rem; }
#home .aboutOtaki .content .caption { position:absolute; left:40rem; top:40rem; width:580rem; padding:32rem; background:rgba(0, 0, 0, 0.33); font-size:18rem; line-height:1.8; letter-spacing:0.05em; }
@media (max-width:780px) {      /* MOBILE */
	#home .aboutOtaki .title { font-size:18rem; }
	#home .aboutOtaki .title .large { font-size:40rem; }
	#home .aboutOtaki .title .eng { margin-top:8rem; }
	#home .aboutOtaki .content { margin-top:20rem; }
	#home .aboutOtaki .content .caption { position:relative; left:auto; top:auto; width:100%; padding:12rem; font-size:15rem; line-height:1.7; letter-spacing:0; margin-top:10rem; }
}

#home .pdfDownloads { }
#home .pdfDownloads .title { font-size:32rem; color:#EC6800; margin-bottom:60rem; }
#home .pdfDownloads .items { display:flex; justify-content:flex-start; gap:10rem; }
#home .pdfDownloads .items .item { width:calc((100% - 40rem) / 5); padding:12rem 12rem 24rem; border-radius:16rem; background:#fff; border:2rem solid #EC6800; }
#home .pdfDownloads .items .item .name { margin-bottom:12rem; }
#home .pdfDownloads .items .item .thumb { aspect-ratio:1; background:#ccc; border-radius:6rem; }
#home .pdfDownloads .items .item .thumb img { width:100%; height:100%; object-fit:cover; }
#home .pdfDownloads .items .item .download { font-size:24rem; color:#EC6800; display:flex; align-items:flex-end; margin-top:12rem; }
#home .pdfDownloads .items .item .download.disabled { pointer-events:none; opacity:0.1; }
#home .pdfDownloads .items .item .download img { transform:translateY(4rem); }
@media (max-width:780px) {      /* MOBILE */
	#home .pdfDownloads .title { font-size:24rem; margin-bottom:30rem; }
	#home .pdfDownloads .items .item { width:calc((100% - 10rem) / 2); }
	#home .pdfDownloads .items .item .name { font-size:15rem; }
	#home .pdfDownloads .items .item .download { font-size:18rem; margin-top:12rem; }
}

#home .LPBanners.links .comingsoon { height:320rem; background:#ccc; color:#fff; display:flex; font-size:24rem; }


.modTriplaContainer { position:fixed; left:50%; bottom:20rem; width:auto; display:flex; padding:20rem; transform:translateX(-50%); background:#F2644Ed0; border-radius:10rem; border:2rem solid #ccc; z-index:100; transition:transform 0.33s; }
.modTriplaContainer {  }
.modTriplaContainer form { padding: 0; background: none; box-shadow: none; text-align: center; display:flex; flex-wrap:nowrap; align-items:flex-end; }
.modTriplaContainer form label { color:#fff; }
.modTriplaContainer form button { margin:0 0 10px; }
.modTriplaContainer .closeFloat { position:absolute; right:-16rem; top:-16rem; background:#fff; border-radius:50%; border:2rem solid #666; z-index:10000; }
.modTriplaContainer .closeFloat::before,
.modTriplaContainer .closeFloat::after { width:20rem; height:3rem; background-color:#444; }
.modTriplaContainer.hide { transform:translate(-50%, calc(100% + 40rem)); }
.modTriplaContainer.hide .closeFloat { display:none; }
.modTriplaContainer #tripla-searching-app > * { white-space:nowrap; }
#tripla-chat-circle-icon { right:10rem !important; bottom:10rem !important; }
@media (max-width:780px) {      /* MOBILE */
	.modTriplaContainer { position:fixed; left:5rem; bottom:5rem; width:calc(100% - 10rem); padding:10rem; transform:translateX(0); border-width:1rem; }
	/* .modTriplaContainer #tripla-search-bar-container { display:flex; width:100%; } */
	.modTriplaContainer form { width:100% !important; margin:0; align-items:flex-end; gap:20rem; }
	.modTriplaContainer form section { text-align:left;}
	.modTriplaContainer form button { margin:0 0 16px; }
	.modTriplaContainer .closeFloat { right:4rem; top:4rem; background:#fff; border-radius:50%; border:2rem solid #666; }
	.modTriplaContainer.hide { transform:translateY(calc(100% + 40rem)); }
	.modTriplaContainer #tripla-search-bar-container { display:flex; width:100%; }
	.modTriplaContainer #tripla-search-bar-container section { /* overflow:visible; */ }
	.modTriplaContainer #tripla-searching-app {  }
}

#modTriplaSearchBar { position:fixed; right:-60rem; top:30%; background:#F2644E; border:2rem solid #fff; border-right:none; font-size:14rem; font-weight:bold; padding:10rem; border-radius:6rem 0 0 6rem; color:#fff; writing-mode: vertical-rl; transition:transform 0.33s, right 0.33s; cursor:pointer; letter-spacing:0.1em; z-index:9999; }
#modTriplaSearchBar img { width:32rem; height:auto; }
.LPHoverReady #modTriplaSearchBar:hover { transform:scale(1.2); }
#modTriplaSearchBar.show { right:0; }
@media (max-width:780px) {      /* MOBILE */
	#modTriplaSearchBar {
		right:auto; top:auto; left:50%; bottom:-80rem; padding:12rem 24rem;  border:2rem solid #fff; border-bottom:none; font-size:14rem; white-space:nowrap; border-radius:6rem 6rem 0 0; writing-mode:horizontal-tb;
		transition:bottom 0.33s; transform:translateX(-50%);
		display:flex; flex-wrap:nowrap; flex-direction:row-reverse;
	}
	#modTriplaSearchBar img { width:32rem; height:auto; margin-right:10rem; }
	#modTriplaSearchBar.show { right:auto; bottom:0; }
}


/******************************************
	宿泊
******************************************/

/*	アーカイブページ
-----------------------------------------*/


/*	詳細ページ
-----------------------------------------*/
#staying.modSinglePage .LPButton.pageColor { background: linear-gradient(45deg,  #babaff 0%,#a3a3ff 100%); color:#fff; border:none; }

#staying.modSinglePage .stayingTitle .title { font-size:32rem; font-weight:900; text-align:left; }
#staying.modSinglePage .stayingTitle .caption { font-size:18rem; font-weight:500; text-align:left; margin-top:0.5em; margin-bottom:20rem; }
#staying.modSinglePage .stayingTitle .tags { font-size:15rem; line-height:0; gap:10rem; }
#staying.modSinglePage .stayingTitle .tags > * { height:40rem; border-radius:20rem; }
@media (max-width:780px) {      /* MOBILE */
	#staying.modSinglePage .stayingTitle .title { font-size:24rem; }
	#staying.modSinglePage .stayingTitle .caption { font-size:15rem; margin-bottom:12rem; }
	#staying.modSinglePage .stayingTitle .tags { font-size:14rem; gap:5rem; }
	#staying.modSinglePage .stayingTitle .tags > * { height:28rem; border-radius:28rem; }
}

#staying.modSinglePage .stayingGallery article { display:grid; grid-template-columns:65% 1fr; column-gap:40rem; align-items:stretch; }
#staying.modSinglePage .stayingGallery figure { aspect-ratio:3 / 2; background:#f8f8f8; border-radius:10rem; }
#staying.modSinglePage .stayingGallery .viewer { aspect-ratio:3 / 2; }
#staying.modSinglePage .stayingGallery .viewer .item { transition:opacity 1s; }
#staying.modSinglePage .stayingGallery .viewer .item.fadeOut { position:absolute; left:0; top:0; width:100%; opacity:0; }
#staying.modSinglePage .stayingGallery .thumbs .items { position:absolute; left:0; top:0; width:100%; max-height:100%; overflow-y:auto; display:grid; gap:10rem; grid-template-columns:1fr 1fr;  }
#staying.modSinglePage .stayingGallery .thumbs .item { border-radius:5rem; margin:0; cursor:pointer; }
@media (max-width:780px) {      /* MOBILE */
	#staying.modSinglePage .stayingGallery article { display:block; }
	#staying.modSinglePage .stayingGallery figure { border-radius:6rem; }
	#staying.modSinglePage .stayingGallery .thumbs .items { position:relative; left:auto; top:auto; max-height:none; gap:5rem; grid-template-columns:1fr 1fr 1fr 1fr; margin-top:12rem; }
	#staying.modSinglePage .stayingGallery .thumbs .item { border-radius:5rem; }
}

#staying.modSinglePage .stayingIndex .LPButtons { width:100%; grid-template-columns:1fr 1fr 1fr 1fr; margin:0; }
#staying.modSinglePage .stayingIndex .LPButton { width:240rem; }
#staying.modSinglePage .stayingIndex .LPButton.disabled { pointer-events:none; opacity:0.2; }
@media (max-width:780px) {      /* MOBILE */
	#staying.modSinglePage .stayingIndex .LPButtons { width:100%; display:flex; flex-direction:column; gap:10rem; margin:0; }
	#staying.modSinglePage .stayingIndex .LPButtons > * { width:100%; display:flex; }
}

#staying.modSinglePage .stayingInfo .item { display:flex; justify-content:space-between; align-items:stretch; text-align:left; }
#staying.modSinglePage .stayingInfo .item + .item { margin-top:40rem; }
#staying.modSinglePage .stayingInfo .item:nth-child(odd) { flex-direction:row-reverse; }
#staying.modSinglePage .stayingInfo .item .photo { width:50%; }
#staying.modSinglePage .stayingInfo .item .photo figure { border-radius:20rem; overflow:hidden; }
#staying.modSinglePage .stayingInfo .item .textBox { width:calc(50% - 50rem); display:flex; flex-direction:column; }
#staying.modSinglePage .stayingInfo .item .textBox .title { width:100%; font-size:20rem; font-weight:500; letter-spacing:0.05em; padding-bottom:15rem; margin-bottom:15rem; border-bottom:2rem solid #a3a3ff; }
#staying.modSinglePage .stayingInfo .item .textBox .text { line-height:1.85; letter-spacing:0.05em; }
@media (max-width:780px) {      /* MOBILE */
	#staying.modSinglePage .stayingInfo .item { display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:20rem; }
	#staying.modSinglePage .stayingInfo .item .photo { width:100%; }
	#staying.modSinglePage .stayingInfo .item .photo figure { border-radius:10rem; }
	#staying.modSinglePage .stayingInfo .item .textBox { width:100%; }
	#staying.modSinglePage .stayingInfo .item .textBox .text { font-size:15rem; }
}

#staying.modSinglePage .stayingOverview { background:#EAEAFF; }
#staying.modSinglePage .stayingOverview .borderBox { border:1rem solid; border-radius:20rem; padding: 50rem; background:#fff; }
#staying.modSinglePage .stayingOverview dl { text-align:left; }
#staying.modSinglePage .stayingOverview dt { padding-left:20rem; font-size:18rem; line-height:30rem; font-weight:500; }
#staying.modSinglePage .stayingOverview dt::before { content:''; position:absolute; left:0; top:10rem; width:10rem; height:10rem; border-radius:50%; background:#a3a3ff; }
#staying.modSinglePage .stayingOverview dd { margin-top:10rem; }
#staying.modSinglePage .stayingOverview dl + dl { margin-top:50rem; }
@media (max-width:780px) {      /* MOBILE */
	#staying.modSinglePage .stayingOverview .borderBox { border-radius:12rem; padding:20rem; }
#staying.modSinglePage .stayingOverview dl { text-align:left; }
#staying.modSinglePage .stayingOverview dt { padding-left:20rem; font-size:16rem; line-height:24rem; }
	#staying.modSinglePage .stayingOverview dt::before { top:8rem; width:8rem; height:8rem; }
	#staying.modSinglePage .stayingOverview dd { margin-top:6rem; font-size:15rem; }
	#staying.modSinglePage .stayingOverview dl + dl { margin-top:32rem; }
}

#staying.modSinglePage .facilityDetail dl { display:grid; grid-template-columns:240rem 1fr; justify-content:flex-start; align-items:flex-start; text-align:left; font-size:18rem; line-height:1.8; }
#staying.modSinglePage .facilityDetail dl + dl { margin-top:20rem; padding-top:20rem; border-top:1rem solid #ccc; }
#staying.modSinglePage .facilityDetail dt { font-weight:500; }
#staying.modSinglePage .facilityDetail dd { letter-spacing:0.05em; }
@media (max-width:780px) {      /* MOBILE */
	#staying.modSinglePage .facilityDetail dl { display:flex; flex-direction:column; font-size:18rem; }
	#staying.modSinglePage .facilityDetail dt { background:linear-gradient(transparent 65%, #cbcbfe 65%, #cbcbfe 85%, transparent 85%); padding:0 0.25em; }
	#staying.modSinglePage .facilityDetail dd { font-size:15rem; letter-spacing:0; }
}


/******************************************
	会社概要
******************************************/
#company header { background:#fffffff8; justify-content:space-evenly; }
#company header .logo { display:block; margin-right:100rem; padding-left:40rem; }
#company header .logo figure { width:161rem; }
#company header nav > * { display:flex; flex-direction:column; height:85rem; padding:0 40rem; }
#company header nav .jpn { font-size:22rem; font-weight:700; white-space:nowrap; }
#company header nav .eng { font-size:14rem; white-space:nowrap; margin-top:4rem; }
#company section a { color:inherit; background:linear-gradient(transparent 68%, #cbcbfe80 68%, #cbcbfe80 96%, transparent 96%); }
#company section h2 { font-size:32rem; font-weight:bold; padding:60rem 0 40rem; }
#company section.fv { background:url(img/company/main_photo.png) no-repeat center center; background-size:cover; }
#company section.fv img { width:610rem; height:auto; }
#company section#catch { font-size:18rem; line-height:1.8; padding:60rem 0; }
#company section#catch span.large { font-size:1.2em; }
#company section#business { background:url(img/company/back_washi.png); padding-bottom:60rem; }
#company section#business article { font-size:18rem; line-height:1.8; }
#company section#business article + article { margin-top:80rem; }
#company section#business article h3 { font-size:24rem; font-weight:bold; margin-bottom:20rem; display:flex; text-align:left; }
#company section#business article .content > * { margin:20rem auto; }
#company section#profile { padding-bottom:60rem; }
#company section#profile dl { width:600rem; display:grid; grid-template-columns:120rem 1fr; border-bottom:1rem solid #ccc; margin:0 auto; font-size:18rem; }
#company section#profile dl > * { display:flex; height:60rem; }
#company section#profile .photo {  display:flex; gap:20rem; margin-top:60rem; }
#company section#profile .photo > * { width:230rem; }
#company footer { padding-top:60rem; }
#company footer .footerWrapper { background:rgb(49,83,121); color:#fff; padding:40rem 0; }
#company footer .navigation { display:flex; gap:80rem; }
#company footer .copyright { font-size:15rem; line-height:1; margin-top:40rem; }
@media (max-width:780px) {      /* MOBILE */
	#company header { display:flex; height:60rem; }
	#company header .logo { padding:0; margin:0; }
	#company header .logo figure { width:calc((60 / 85) * 161rem); }
	#company header .LPMobileMenu { position:absolute; right:0; top:0; }
	#company header nav { position:fixed; flex-direction:column; justify-content:flex-start; left:100vw; top:60rem; padding-top:60rem; background:#fffffff8; width:100%; height:calc(100vh - 60rem); transition:left 0.5s; }
	#company header nav > * { width:100%; flex-direction:row; justify-content:space-between; }
	.LPMobileMenuOpened #company header nav { left:0; }
	
	#company section h2 { font-size:24rem; padding:30rem 0 20rem; }
	#company section.fv img { width:300rem; }
	#company section#catch { font-size:15rem; line-height:1.8; padding:30rem 0; }
	#company section#business { padding-bottom:30rem; }
	#company section#business article { font-size:15rem; line-height:1.8; letter-spacing:0; margin:0 12rem; }
	#company section#business article + article { margin-top:20rem; padding-top:20rem; border-top:1rem solid #ccc; }
	#company section#business article h3 { font-size:20rem; margin-bottom:20rem; }
	#company section#business article .content > * { margin:20rem auto; text-align:left; }
	#company section#profile { padding:0 12rem 60rem; }
	#company section#profile dl { width:100%; display:block; border-bottom:1rem solid #ccc; margin:0 auto 20rem; padding-bottom:20rem; font-size:18rem; }
	#company section#profile dl > * { display:block; height:auto; }
	#company section#profile dl dt { font-weight:bold; margin-bottom:10rem; }
	#company section#profile dl dd {  display:flex; text-align:left; }
	#company section#profile .photo {  display:grid; grid-template-columns:1fr 1fr; gap:12rem; margin-top:60rem; }
	#company section#profile .photo > * { width:100%; }
	#company footer { padding-top:30rem; }
	#company footer .footerWrapper { padding:40rem 0; }
	#company footer .navigation { gap:40rem; }
	#company footer .copyright { font-size:14rem; margin-top:20rem; }
}