@charset "UTF-8";
/* CSS Document */

:root {
	/**** カラー ****/
	--text-color: #333333;
	--gray2: #4C524C;
	--gray1: #9A9A9A;
	--white: #FFFFFF;
	/*--sub-color3: #590202;*/
	--sub-color3: #8C030E;
	/*--sub-color2: #BFAAB8;*/
	--sub-color2: #A694AE;
	/*--sub-color1: #F2DFEB;*/
	--sub-color1: #EBDFF5;
	/*--main-color: #8C030E;*/
	--main-color: #333333;
	--base-color: #FDF7F3;
	
	/**** フォント ****/
	--serif-font-family: 'Noto Serif JP', serif;
	--noto-sans-font-family: "Noto Sans JP", sans-serif;
	--arial-font-family: Arial, sans-serif;
	
	/** paragraph-jp-xl **/
	--paragraph-jp-xxl-font-family: var(--serif-font-family);
	--paragraph-jp-xxl-font-size: 30px;
	--paragraph-jp-xxl-font-weight: 600;
	--paragraph-jp-xxl-line-height: 100px;
	--paragraph-jp-xxl-letter-spacing: 0.2em;
	
	/** paragraph-jp-lg **/
	--paragraph-jp-lg-font-family: var(--serif-font-family);
	--paragraph-jp-lg-font-size: 26px;
	--paragraph-jp-lg-font-weight: 500;
	--paragraph-jp-lg-line-height: 32px;
	
	/** paragraph-jp-sm **/
	--paragraph-jp-sm-font-family: var(--serif-font-family);
	--paragraph-jp-sm-font-size: 20px;
	--paragraph-jp-sm-font-weight: 400;
	--paragraph-jp-sm-line-height: 26px;
	
	/** paragraph-jp-xs **/
	--paragraph-jp-xs-font-family: var(--serif-font-family);
	--paragraph-jp-xs-font-size: 16px;
	--paragraph-jp-xs-font-weight: 400;
	--paragraph-jp-xs-line-height: 2.0em;
	
	/** paragraph-jp-xxs **/
	--paragraph-jp-xxs-font-size: 14px;
	
	/**** スペース ****/
	--base-font-size: 16px;
	--sans-serif-font-family: Arial, Helvetica, "sans-serif";
	--transition-duration: 0.3s;
}


/**
  共通
**/
body {
	font-family: var(--paragraph-jp-xxl-font-family);
/*	font-weight: var(paragraph-jp-xs-font-weight);*/
	line-height: var(--paragraph-jp-xs-line-height);
	font-size: var(--base-font-size);
	
}

a {
	color: var(--text-color);
}

 .pageContainer ul li {
	list-style: none;
	position:relative;
	padding: 0;
	margin: 7px 0 7px 0px;
}
 .pageContainer ul li::before {
	background: var(--sub-color2);
	content: "";
	display: block;
	position: absolute;
	left: -20px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
/*	top: 50%;*/
	top: 1em;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.container {
	width: 100%;
/*	position: absolute;*/
}

.w960_center {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* FlexBox */
.flexLeft {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flexRight {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}

.flexJustifyContentCenter {
	justify-content: center;
}

.flexSpaceBetween {
	justify-content: space-between;
}
.flexSpaceAround {
	justify-content: space-around;
}

/**
  アニメーション
**/
/* フェードイン */
.multiFadeInList {
	
}
.multiFadeInItem {
	
}
.multiFadeInItem:nth-child(-n+2) {
	
}
/* アニメーションスタイル */
/* ---------------------------- */

/* 【フェードイン（下から上へ）】アニメーション前 */
.u-fade-type-up {
    transform: translateY(50px);
    opacity: 0;
}

/* 【フェードイン（下から上へ）】トリガー発火でis-activeを付与 */
.is-active .u-fade-type-up {
    transition: .7s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: 0.5s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: 1.0s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.5s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 2.0s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2.5s;}

/* 【フェードイン（透明から出現）】アニメーション前 */
.u-fade-type-appear {
    opacity: 0;
}

/* 【フェードイン（透明から出現）】トリガー発火でis-activeを付与 */
.is-active .u-fade-type-appear {
	transition: 1s;
	opacity: 1;
}
.is-active .u-fade-type-appear:nth-child(2){transition-delay: 0.5s;}
.is-active .u-fade-type-appear:nth-child(3){transition-delay: 1.0s;}
.is-active .u-fade-type-appear:nth-child(4){transition-delay: 1.5s;}
.is-active .u-fade-type-appear:nth-child(5){transition-delay: 2.0s;}
.is-active .u-fade-type-appear:nth-child(6){transition-delay: 2.5s;}


/*-----------------------
	ヘッダー部
-----------------------*/
.globalHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 70px;
	padding-left: 30px;
	padding-right: 60px;
	background-color: rgba(191,170,184,0.00);
	position: fixed;
	top: 0px;
	z-index: 999;
}

.globalHeader .logo {
	display: block;
	flex-shrink: 0;
	width: 152px;
	height: auto;
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
}

.headerColor-default {
	/* 画像よりも下までスクロールした時に変えたい文字色 */
	background-color: #333;
	transition: 0.7s;
}

/*========= ナビゲーション =========*/

#gnav .linkList {
	display: flex;
}

#gnav .linkList .gnavSitename {
	display: none;
}

#gnav .linkList ul {
	display: flex;
	justify-content: space-evenly;
	width: 100%;
	max-width: 700px;
	list-style: none;
	/*margin-left: auto;*/
}

#gnav .linkList li{
	/*margin-left: 50px;*/
	margin: 0 25px;
}

#gnav .linkList a {
	font-family: var(--paragraph-jp-xs-font-family);
	font-size: var(--base-font-size);
	font-weight: var(--paragraph-jp-sm-font-weight);
	line-height: 26px;
	color: var(--white);
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.7));
}

#gnav .linkList .gnavTelWrap {
	display: none;
	color: var(--white);
}

@media (max-width: 1024px) {
	#gnav {
		position: fixed;
		z-index: 999;
		/*ナビのスタート位置と形状*/
		top: -120%;
		left: 0;
		width:100%;
		height: 100vh;
		background: var(--sub-color2);
		opacity: 1;
		transition: all 0.6s;
	}
	
	/*アクティブになったエリア*/
	#gnav.panelactive {
		top: 0;
	}
	
	/*ナビの数が増えた場合縦スクロール*/
	#gnav.panelactive .linkList{
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	#gnav .linkList {
		display: block;
	}
	
	#gnav .linkList .gnavSitename {
		display: block;
		z-index: 9999;
		margin: 100px auto 50px;
		padding: 0 auto;
		width: 100%;
		text-align: center;
	}
	
	#gnav .linkList .gnavSitename a {
		display: inline-block;
		/*text-align: center;*/
	}
	
	#gnav .linkList ul {
		display: block;
		margin: 0;
		padding: 0;
	}

	#gnav .linkList li {
		/*margin-left: 0;*/
		text-align: center;
	}
	
	#gnav .linkList li a {
		text-decoration: none;
		line-height: 1.6em;
		padding: 15px;
		display: inline-block;
		
	}
	
	#gnav .linkList .gnavTelWrap {
		display: block;
		margin-top: 50px;
		text-align: center;
		font-size: --paragraph-jp-lg-font-size;
	}
	
	#gnav .linkList .gnavTelWrap a.gnavTel {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		
	}
	
}

/* パンくずリスト */
.breadCrumb {
	font-size: var(--paragraph-jp-xxs-font-size);
	color: var(--gray2);
	margin: 0 15px;
}

/*-----------------------
  フッター部
-----------------------*/
.footerWrap {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
/*	margin: 200px auto 0;*/
	margin: 0 auto;
	height: 370px;
	flex-wrap: wrap;
}
@media (max-width: 768px) {
	.footerWrap {
		height: 400px;
	}
}
.footerImg {
	width: 50%;
}
@media (max-width: 768px) {
	.footerImg {
		width: 100%;
	}
}

.footerImg source, .footerImg img {
	width: 100%;
	height: 370px;
	overflow: hidden;
	vertical-align: center;
}
@media (max-width: 768px) {
	.footerImg source, .footerImg img {
		width: 100%;
		height: 200px;
	}
}
.objectFitCenter{
	object-fit: cover;
	object-position: center;
}
.objectFitTop{
	object-fit: cover;
	object-position: top;
}
.objectFitBottom {
	object-fit: cover;
	object-position: bottom;
}

.footerContents {
	height: 100%;
	width: 50%;
	background-color: var(--sub-color1);
	font-size: var(--base-font-size);
	font-weight: var(--paragraph-jp-sm-font-weight);
	line-height: 1.7em;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 768px) {
	.footerContents {
		width: 100%;
		height: 230px;
	}
}
.footerText {
	margin: auto;
	width: 65%;
}
@media (max-width: 599px) {
	.footerText {
		width: 70%;
	}
}
.footerText dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	
}

.footerText dt {
	width: 30%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
@media (max-width: 599px) {
	.footerText dt {
		margin-bottom: 0;
	}
}

.footerText dd {
	width: 70%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
@media (max-width: 599px) {
	.footerText dd {
		width: 70%;
		margin-bottom: 0;
	}
}

.footerText p.footerTextP {
	margin-top: 10px;
	line-height: 1.5em;
}
@media (max-width: 599px) {
	.footerText p.footerTextP {
		margin-top: 10px;
		font-size: var(--paragraph-jp-xs-font-size);
	}
}

.footerInfo {
	background-color: var(--main-color);
	width: 100%;
	padding-top: 60px;
	padding-bottom: 30px;
	color: var(--white);
}

.footerLogo {
	width: 182px;
	height: 49px;
	margin: 0 auto;
}

.footerLogo picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.footerAddress {
	margin-top: 25px;
	line-height: 1.9em;
	text-align: center;
}

.footerInsta {
	text-align: center;
	margin: 15px 0;
}
.footerInstaIcon {
	display: inline-block;
	width: 35px;
	margin: 0;
}
.footerInstaIcon svg {
	fill: #FFFFFF;
}
.footerInstaName {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 5px;
	padding: 0;
	color: var(--white);
}

.container p.copyright {
	text-align: center;
	font-size: 13px;
}

/*-----------------------
  トップページ
-----------------------*/
.homeContainer {
/*	width: 100%;
	position: absolute;*/
}

.firstViewWrap {
	position: relative;
}

.mainVisual {
	top: 0px;
	z-index: 0;
}
.mainVisual img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: 1;
}
.mainVisual img.sub {
	width: 100vw;
	height: 400px;
	object-fit: cover;
	z-index: 1;
}

#slider {
	width: 100%;
	height: 100vh;
}

.mainLogo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 204px;
	height: 326px;

	position: absolute;
	top: 30%;
	left: calc( (100% - 204px) / 2 );
	z-index: 2;
}

.mainLogo img {
	filter: drop-shadow(5px 0px 10px rgba(0, 0, 0, 0.8));
	width: 100%;
	height: auto;
}

.homeContainer .sectionWrap_primary {
	margin-top: 100px;
}

.homeContainer .sectionWrap {
	margin-bottom: 100px;
	position: relative;
}
.homeContainer .sectionWrap_last {
	margin-bottom: 200px;
	position: relative;
}

.homeContainer h2 {
	font-size: var(--paragraph-jp-xxl-font-size);
	font-weight: var(--paragraph-jp-xxl-font-weight);
	margin-bottom: 90px;
	text-align: center;
}

.homeContainer p {
	font-size: var(--paragraph-jp-xs-font-size);
	font-weight: var(--paragraph-jp-xs-font-weight);
	line-height: var(--paragraph-jp-xs-line-height);
}

.sectionImg {
	width: 55%;
}
@media (max-width: 768px) {
	.sectionImg  {
		width: 100%;
	}
}
.sectionImg img {
	width: 100%;
	height: 450px;
}

.sectionWrap .sectionText {
	margin: 50px 30px 0 40px;
	width: 35%;
}
@media (max-width: 768px) {
	.sectionWrap .sectionText {
		margin: 50px auto 0;
		width: 75%;
	}
}
/*h2.sectionText_title {
	font-size: var(--paragraph-jp-xxl-font-size);
	font-weight: var(--paragraph-jp-xxl-font-weight);
	margin-bottom: 90px;
}*/

.u-borderRight {
/*	display: inline-block;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 127px;
	left: 5;
	transform: translateX(-50);
	z-index: 1;
	transition: 0.5s;
	background-color: var(--gray2);
	opacity: 0;*/
	
	width: 0%;
	display: inline-block;
	height: 1px;
	position: absolute;
	top: 127px;
	right: 0;
/*	transform: translateX(-50);*/
	z-index: 3;
	transition: 0.6s;
	background-color: var(--gray2);
/*	opacity: 0;*/
}
@media (max-width: 768px) {
	.u-borderRight {
		top: 575px;
	}
}
.u-borderLeft {
	width: 0%;
	display: inline-block;
	height: 1px;
	position: absolute;
	top: 127px;
	left: 0;
/*	transform: translateX(-50);*/
	z-index: 3;
	transition: 0.6s;
	background-color: var(--gray2);
/*	opacity: 0;*/
}
@media (max-width: 768px) {
	.u-borderLeft {
		top: 575px;
	}
}
.borderMove_1 {
	width: 50%;
}

.sectionText_p {
	margin-bottom: 30px;
}

/*--矢印ボタン--*/
.btnArrow {
	font-size: var(--paragraph-jp-xs-font-size);
	font-weight: var(--paragraph-jp-xs-font-weight);
	display: inline-block;
	position: relative;
	width: 200px;
	text-align: left;
	overflow: hidden;
	letter-spacing: 0.1em;	
}

.btnArrow span {
	padding: 0 10px;
	transition: all .3s;
}
.btnArrow span:hover {
	padding: 0 20px;
	color: rgba(199,101,186,1.00);
}
.lineArrow {
	display: block;
	width: 173px;
	height: 1px;
	color: var(--gray2);
	background-color: currentColor;
	transition: background 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	position: relative;
	margin-top: 8px;
}
.line-arrow--short {
	width: 23px;
}
.lineArrow:before {
	display: block;
	color: inherit;
	background-color: currentColor;
	width: 1px;
	height: 7px;
	position: absolute;
	bottom: 1px;
	content: '';
	transition: background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transform-origin: 100% 100%;
	right: 0;
	transform: rotate(-45deg);
}

.lineArrow:after {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	z-index: 1;
	width: 0px;
	height: 1px;
	color: inherit;
	background-color: #ad7b22;
	transform: translateX(0);
	transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

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

.homeNotice {
	font-size: var(--paragraph-jp-xs-font-size);
	font-weight: var(--paragraph-jp-xs-font-weight);
	line-height: var(--paragraph-jp-xs-line-height);
	width: 70%;
	margin: 0 auto;
}
@media screen and (max-width: 599px) {
	.homeNotice {
		flex-flow: column;
		width: 95%;
	}
}

.homeNotice a {
	transition: all 0.4s;
}
.homeNotice a:hover {
	color: rgba(199,101,186,1.00);
}
.homeNotice dl {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
}
@media screen and (max-width: 599px) {
	.homeNotice dl {
		flex-flow: column;
		width: 100%;
	}
}

.homeNotice dt {
	flex-basis: 23%;
/*	padding-bottom: 10px;*/
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid var(--gray1);
}
@media screen and (max-width: 599px) {
	.homeNotice dt {
		flex-basis: auto;
/*		width: 100%;*/
		margin-bottom: 0;
		padding: 10px 10px 0;
		border-bottom: none;
	}
}

.homeNotice dd {
	flex-basis: 77%;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--gray1);
}
@media screen and (max-width: 599px) {
	.homeNotice dd {
		flex-basis: auto;
/*		width: 100%;*/
	}
}

.wrapBtnCenter {
	text-align: center;
}

.kansenboshi {
	background-image: url("assets/images/img_bg_kansenboshi.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px 30px 30px;
	margin-top: 40px;
	text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}

p.kansenboshiTitle {
	font-family: var(--noto-sans-font-family);
	font-size: var(--paragraph-jp-lg-font-size);
	font-weight: var(--paragraph-jp-lg-font-weight);
	line-height: 1.5em;
	margin-bottom: 15px;
	text-align: center;
}

p.kansenboshiP {
	/*font-family: var(--noto-sans-font-family);*/
	font-size: var(--paragraph-jp-sm-font-size);
	font-weight: var(--paragraph-jp-sm-font-weight);
	line-height: 1.5em;
}

p.kansenboshiP span {
	font-family: var(--noto-sans-font-family);
	color: var(--sub-color3);
	font-size: var(--paragraph-jp-lg-font-size);
	font-weight: var(--paragraph-jp-lg-font-weight);
}

.shopInfo {
	max-width: 1160px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.btnShop {
	display: inline-block;
	margin: 40px auto 0;
}

/*-----------------------
  下層ページ
-----------------------*/
.pTitleWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	/*width: 300px;*/
	width: 100%;
	height: auto;
	
	position: absolute;
	top: 40%;
	/*left: calc( (100% - 300px) / 2 );*/
	z-index: 2;
}

.pTitle {
	color: var(--white);
	position: relative;
	
	padding: 13px;
	text-align: center;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}

.pTitleE {
	font-size: 14px;
	font-weight: var(--paragraph-jp-xs-font-weight);
	display: block;
}

.pTitleJ {
	font-size: var(--paragraph-jp-xxl-font-size);
	font-weight: var(--paragraph-jp-xxl-font-weight);
	line-height: var(--paragraph-jp-xxl-line-height);
	letter-spacing: var(--paragraph-jp-xxl-letter-spacing);
}
.pTitleJ::before {
	position: absolute;
	bottom: 50px;
	left: calc(50% - 12px);
	width: 24px;
	height: 2px;
	content: '';
	border-radius: 3px;
	background: var(--sub-color2);
}


.pageContainer .sectionWrap_primary {
	margin-top: 120px;
}
@media screen and (max-width: 599px) {
	.pageContainer .sectionWrap_primary {
	margin-top: 100px;
	}
}

.pageContainer .sectionWrap {
	margin-bottom: 120px;
	position: relative;
}
@media screen and (max-width: 599px) {
	.pageContainer .sectionWrap {
	margin-top: 100px;
	}
}

.pageContainer .sectionWrap_last {
	margin-bottom: 200px;
}
@media screen and (max-width: 599px) {
	.pageContainer .sectionWrap_last {
	margin-bottom: 120px;
	}
}

.wrapper h2 {
	font-size: --paragraph-jp-lg-font-size;
	font-weight: --paragraph-jp-lg-font-weight;
	position: relative;
	text-align: center;
	margin-bottom: 70px;
	margin-left: 10px;
	margin-right: 10px;
}
@media screen and (max-width: 599px) {
	.wrapper h2 {
		margin-left: 25px;
		margin-right: 25px;
	}
}
.wrapper h2:before {
	position: absolute;
	bottom: -15px;
	left: calc(50% - 30px);
	width: 60px;
	height: 2px;
	content: '';
	background-color: var(--sub-color2);
}

.wrapper h3 {
	font-size: --paragraph-jp-lg-font-size;
	font-weight: --paragraph-jp-lg-font-weight;
	position: relative;
	text-align: left;
	margin-bottom: 36px;
}

.wrapper h3:before {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 27px;
	height: 2px;
	content: '';
	background-color: var(--sub-color3);
}

.wrapper {
	margin: 0 auto;
	max-width: 960px;
}
@media (min-width: 1199px) {
  .wrapper {
    width: 1160px;
  }
}

.wrapperNotice {
	margin: 0 20px;
	max-width: 960px;
}
@media (min-width: 1199px) {
  .wrapperNotice {
	  margin: 0 auto;
	  width: 1160px;
  }
}

.wrapperNoticePage {
	margin: 0 auto;
	max-width: 700px;
}
@media (min-width: 1199px) {
  .wrapperNoticePage {
    width: 800px;
  }
}

.pageContainer main p {
	margin: 0 50px 50px;
}
@media (max-width: 599px) {
	.pageContainer main p {
		margin: 0 24px 20px;
	}
}

.pageContainer main time.date {
	margin: 0 50px 30px 24px;
	color: var(--gray1);
	display: inline-block;
	border-bottom: dotted 2px var(--sub-color2);
	font-size: var(--paragraph-jp-xs-font-size);
}

@media (max-width: 599px) {
	.pageContainer main p.date {
		margin: 0 24px 20px;
	}
}

.roomsFlex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media (max-width: 768px) {
	.roomsFlex {
		flex-wrap: wrap;
		justify-content: center;
	}
}


.roomsImg {
	width: 48%;
}
@media (max-width: 768px) {
	.roomsImg {
		width: 90%;
	}
	.roomsImg:nth-child(even) {
		margin-top: 10px;
	}
}

.roomsImg img {
	width: 100%;
}

.aboutGreeting {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
@media screen and (max-width: 1024px) {
	.aboutGreeting {
		margin-left: 20px;
		margin-right: 20px;
		justify-content: center;
	}
}

.aboutGreetingImg {
	max-width: 400px;
	height: auto;
}

.aboutGreetingImg img {
	width: 100%;
}

.aboutGreetingText {
	max-width: 460px;
	margin-top: 10px;
}
@media screen and (max-width: 1024px) {
	.aboutGreetingText {
		margin-left: 20px;
	}
}

.aboutGreetingText p.aboutGreetingP {
	margin: 0 0 20px;
}

.aboutGreetingText p.aboutGreetingPName {
	text-align: left;
	margin: 0;
}
.aboutGreetingText .aboutName {
/*	display: inline-block;*/
	margin: 10px 0 0 auto;
	width: 150px;
	height: 64px;
}


.aboutAccess {
	line-height: var(--paragraph-jp-xs-line-height);
	width: 60%;
	margin: 0 auto;
}
@media screen and (max-width: 599px) {
	.aboutAccess {
		flex-flow: column;
		width: 95%;
	}
}

.aboutAccess dl {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
}
@media screen and (max-width: 599px) {
	.aboutAccess dl {
		flex-flow: column;
		width: 100%;
	}
}

.aboutAccess dt {
	flex-basis: 25%;
/*	padding-bottom: 10px;*/
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid var(--gray1);
}
@media screen and (max-width: 599px) {
	.aboutAccess dt {
		flex-basis: auto;
/*		width: 100%;*/
		margin-bottom: 0;
		padding: 10px 10px 0;
		border-bottom: none;
	}
}

.aboutAccess dd {
	flex-basis: 75%;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--gray1);
}
@media screen and (max-width: 599px) {
	.aboutAccess dd {
		flex-basis: auto;
/*		width: 100%;*/
	}
}

.aboutAccessDetail {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid var(--gray1);
}

.aboutAccessDetail p.aboutAccessDetailTitle {
	padding: 10px;
	margin: 0;
}

.aboutAccessDetail p.aboutAccessDetailP {
	padding: 10px;
	margin: 0;
}

.aboutMap {
/*	width: 1160px;*/
	width: 100%;
	height: 400px;
	margin: 0 auto;
}

.aboutMap iframe {
	width: 100%;
	height: 100%;
}


/*-- お知らせ一覧 --*/
.articleItem {
	border-bottom: dotted 1px var(--gray1);
}

/*.articleItem:first-of-type {
	border-top: dotted 1px var(--gray1);
}*/

.articleItemLink {
	display: flex;
	padding-top: 30px;
	padding-bottom: 30px;
}

.articleItemImg {
	width: 30%;
	margin-right: 15px;
}
@media screen and (min-width: 768px) {
	.articleItemImg {
		width: 30%;
		margin-right: 30px;
	}
}
.articleItemImg img {
	width: 100%;
	height: auto;
}
.articleItemBody {
	flex: 1;
	/*font-size: .9375rem;*/
}

.articleItemBody p.articleItemP {
	line-height: 1.7em;
	margin: 0;
}

H3.articleItemTitle {
	margin-bottom: 1.2em;
	/*color: #00a1c6;*/
	/*font-size: 1.125rem;*/
}

.articleItemMeta {
	color: #767268;
	padding-left: 0;
	font-size: var(--paragraph-jp-xxs-font-size);
}

ul.articleItemMeta li {
	display: inline-block;
}

ul.articleItemMeta li::before {
	/* リストの装飾を削除 */
	/*background: var(--sub-color2);*/
	content: "";
	display: block;
	position: absolute;
	left: 0;
	height: 0;
	width: 0;
	/*border-radius: 50%;*/
}

.articleItemCat:after {
	display: inline-block;
	width: 1px;
	height: 1em;
	margin-right: .3em;
	margin-left: .5em;
	content: "";
	transform:skew(-10deg) translateY(.1em);
	background-color:#767268;
}

ul.moduleArticleItemMeta {
	margin-top: 15px;
}

ul.moduleArticleItemMeta li {
	display: inline-block;
}

/* ページネーション */
.pagination {
	text-align: center;
	margin-top: 45px;
	margin-bottom: 45px;
}

.pagination .nav-links {
	font-family: "Noto Sans JP", sans-serif, sans-serif;
}

.pagination .page-numbers {
	display: inline-block;
	padding: .5em 1em;
	text-decoration: none;
	color: #3B4043;
	border: 2px solid #edeceb;
	border-radius: 0.2em;
	background-color: #F7F6F5;
	font-size: 0.875rem;
}

.pagination .page-numbers:hover {
	border-color: var(--sub-color2);
}

.pagination .page-numbers.current {
	color: #FFFFFF;
	border-color: var(--sub-color2);
	background-color: var(--sub-color2);
}

.pagination .page-numbers.dots {
	padding: 0 .5em;
	border: none;
	background-color: transparent;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px,1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	columns: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above Wp toolbar. */
}

/*-- お知らせページ（投稿）用 --*/
/* 画像 */
.wp-block-image {
	margin: 0 20px;
}

/* Table */
.wp-block-table td, .wp-block-table th {
    border: 0;
    padding: 0;
}
.wrapperNoticePage .sectionWrap table {
	line-height: var(--paragraph-jp-xs-line-height);
	width: 95%;
	margin: 40px auto;
	border: 0;
	border-collapse: collapse;
}
@media screen and (max-width: 599px) {
	.wrapperNoticePage .sectionWrap table {
		width: 85%;
	}
}

.wrapperNoticePage .sectionWrap table th {
	width: 20%;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid var(--gray1);
	text-align: left;
	vertical-align: text-top;
	font-weight: 600;
}
@media screen and (max-width: 599px) {
	.wrapperNoticePage .sectionWrap table th {
		display: block;
		width: 100%;
		margin: 10px 0 0;
		padding: 0 0 0 10px;
		border-left: 5px solid var(--sub-color2);
		border-bottom: none;
	}
}

.wrapperNoticePage .sectionWrap table td {
	width: 80%;
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid var(--gray1);
	vertical-align: text-top;
}
@media screen and (max-width: 599px) {
	.wrapperNoticePage .sectionWrap table td {
		display: block;
		width: 100%;
		margin: 0 0 10px;
		line-height: 1.7em;
	}
}

/* 定義リスト */
.noticesTable {
	line-height: var(--paragraph-jp-xs-line-height);
	width: 95%;
	margin: 40px auto;
}
@media screen and (max-width: 599px) {
	.noticesTable {
		flex-flow: column;
		width: 85%;
	}
}

.noticesTable dl {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
}
@media screen and (max-width: 599px) {
	.noticesTable dl {
		flex-flow: column;
		width: 100%;
	}
}

.noticesTable dt {
	flex-basis: 20%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 10px;
	border-bottom: 1px solid var(--gray1);
	font-weight: 600;
}
@media screen and (max-width: 599px) {
	.noticesTable dt {
		flex-basis: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0 10px 0;
		border-left: 5px solid var(--sub-color2);
		border-bottom: none;
	}
}

.noticesTable dd {
	flex-basis: 80%;
	padding: 0 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--gray1);
}
@media screen and (max-width: 599px) {
	.noticesTable dd {
		flex-basis: auto;
		margin-top: 0;
		margin-bottom: 10px;
		line-height: 1.7em;
	}
}
/* 定義リストEnd */

/* コンテンツフッター */
.contentFooter {
	margin-top: 45px;
	margin-bottom:45px
}
.contentNav {
	/*color: #767268;*/
	border-top: 1px dotted #d5d1ca;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px 20px 0;
}
@media screen and (min-width: 768px) {
	.contentNav {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}
.contentNav a {
	text-decoration: none;
	/*color: #767268;*/
}

.contentNav a:hover,
.contentNav a:focus {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

.contentNav_Prev,
.contentNav_Next {
	margin-bottom: 15px;
}

.contentNav_Next {
	text-align: right;
}

.contentNav_Next, .content-Nav_Prev {
	margin-bottom: 15px
}
.contentNav_Next {
	text-align: right
}
@media screen and (min-width: 768px) {
	.contentNav_Prev, .contentNav_Next {
		width: 50%;
	}
}
/* コンテンツフッターEnd */

/* タグ */
ul.contentTags {
	margin-top: 30px;
	margin-bottom: 30px;
}

.contentTags {
	font-size: 0.875rem;
}

.contentTags li.contentTagsLi {
	display: inline-block;
	margin-right: .3em;
}
.contentTags li.contentTagsLi::before {
	/* リストの装飾を削除 */
	content: "";
	display: block;
	position: absolute;
	left: 0;
	height: 0;
	width: 0;
}

.contentTags a {
	display: block;
	padding: .3em .7em;
	text-decoration: none;
	color: var(--sub-color2);
	border: 1px solid var(--sub-color2);
	border-radius: 1em;
	transition: all 0.6s;
}

.contentTags a:hover {
	background-color: var(--sub-color1);
}
/* タグEnd */


/*========= ギャラリー用スタイル =========*/
.gallery{
	columns: 3;/*段組みの数*/
	padding:0 15px;/*ギャラリー左右に余白をつける*/
	margin:0;
}

ul.gallery li {
	margin-bottom: 20px;/*各画像下に余白をつける*/
	list-style:none;
	margin: 0 0 20px 0;
}
ul.gallery li.galleryPic::before {
	background: var(--sub-color2);
	content: "";
	display: block;
	position: absolute;
	left: 0;
	height: 0;
	width: 0;
	border-radius: 0;
	top: 50%;
/*	top: 1em;*/
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
	width: 100%;
	height: auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/}

/*　横幅900px以下の段組み設定　*/
@media only screen and (max-width: 900px) {
	.gallery{
		columns:3;
	}
	.gallery img {
/*		width: 33%;*/
	}
}

@media only screen and (max-width: 768px) {
	.gallery{
		columns: 2;
	}
	.gallery img {
/*		width: 50%;*/
	}
}

/*画像を出現させるアニメーションCSS*/

.flipLeft{
animation-name: flipLeft;
animation-duration:0.5s;
animation-fill-mode:forwards;
perspective-origin: left center;
opacity: 0;
}

@keyframes flipLeft{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}

.cuisineFlex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
@media (max-width: 768px) {
	.cuisineFlex {
		justify-content: center;
	}
}

.cuisineImg {
	width: 48%;
}
@media (max-width: 768px) {
	.cuisineImg {
		width: 90%;
	}
}
.cuisineImg img {
	width: 100%;
	max-height: 400px;
	object-fit: cover;
}

.cuisinePWrap {
	width: 48%;
	margin-top: 20px;
}
@media (max-width: 1024px) {
	.cuisinePWrap ul {
		margin-right: 20px;
	}
}
@media (max-width: 768px) {
	.cuisinePWrap {
		width: 90%;
		padding: 0 15px 0 15px;
	}
}
.cuisinePWrap .cuisineP {
	margin-left: 20px;
}

.sectionWrap_sake {
	background: url("assets/images/bg_washi.png");
	padding: 100px 0 5px;
}

.cuisineSakeList {
	margin-top: 100px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
@media (max-width: 1024px) {
	.cuisineSakeList {
		justify-content: space-around;
	}
}

.cuisineSakeItem {
	width: 30%;
	padding: 20px;
	margin-bottom: 60px;
	background-color: var(--white);
	border-radius: 15px;
}
@media (max-width: 1024px) {
	.cuisineSakeItem {
		width: 45%;
	}
}
@media (max-width: 599px) {
	.cuisineSakeItem {
		width: 80%;
	}
}

.cuisineSakeItem img {
	margin: 0 auto 30px;
}

.cuisineSakeItem dl {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
}
@media screen and (max-width: 599px) {
	.cuisineSakeItem dl {
		flex-flow: column;
		width: 100%;
	}
}

.cuisineSakeItem dt {
	flex-basis: 25%;
	margin: 5px 0;
	padding: 0 10px 5px;
	border-bottom: 1px solid var(--gray1);
}
@media screen and (max-width: 599px) {
	.cuisineSakeItem dt {
		flex-basis: auto;
		margin: 5px 10px 5px 0;
		padding: 0 10px;
		border-bottom: none;
	}
}

.cuisineSakeItem dd {
	flex-basis: 75%;
	margin: 5px 0;
	padding: 0 10px 5px;
	border-bottom: 1px solid var(--gray1);
}
@media screen and (max-width: 599px) {
	.cuisineSakeItem dd {
		flex-basis: auto;
	}
}

.cuisineSakeItem p.cuisineSakeItemP {
	margin: 10px 0 0 0;
}