@charset "UTF-8";
/*-------------------------------------------
	Home
------------------------------------------- */
.home.PCmode #Header .fix {
		background: rgba(250, 211, 180, 0.8);
		top: 80px;
		transform: translate3d(0, -100%, 0);
		transition: transform 0.3s ease-out;
		z-index: 999;
		position: relative;
}
.home.PCmode #Header .fix #Navi .logo .svg .fill-logo {
		fill: #FFF;
}
.home.PCmode #Header .fix #Navi .main > li a:hover {
		color: #FFF;
}
.home.PCmode #Header .fix #Navi .main > li.active a, .home.PCmode #Header .fix #Navi .main > li.now a {
		color: #FFF;
}
.home.PCmode #Header .fix #Navi .main > li.hmInstagram a .svg .fill-snsicon {
		fill: #FFF;
}
.home.PCmode #Header.fixed .fix {
		position: relative;
}
.home.PCmode #Header.fixed.fixedMenu .fix {
		position: fixed;
		top: 0;
		transform: translate3d(0, 0, 0);
		background: rgba(255, 255, 255, 0.95);
		transition: transform 0.3s ease-out 0.3s;
}
.home.PCmode #Header.fixed.fixedMenu .fix #Navi .logo .svg .fill-logo {
		fill: #F2A593;
}
.home.PCmode #Header.fixed.fixedMenu .fix #Navi .main > li a:hover {
		color: #efd2b4;
}
.home.PCmode #Header.fixed.fixedMenu .fix #Navi .main > li.active a, .home.PCmode #Header.fixed.fixedMenu .fix #Navi .main > li.now a {
		color: #efd2b4;
}
.home.PCmode #Header.fixed.fixedMenu .fix #Navi .main > li.hmInstagram a .svg .fill-snsicon {
		fill: #7f7f7f;
}

#Cover {
		width: 100%;
		height: 100vh;
		margin-top: -80px;
		box-sizing: content-box;
}
@media screen and (max-width: 768px) {
		#Cover {
				height: 100vh;
				margin-top: 0;
		}
}

#CoverSlide {
		width: 100%;
		height: 100%;
}
#CoverSlide .item {
		display: block;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
}
#CoverSlide .slick-list,
#CoverSlide .slick-track,
#CoverSlide .slick-slide,
#CoverSlide .slick-slide > div {
		height: 100%;
}

/* About */
#HomeAbout {
		background: #faf1e9;
		text-align: center;
}
#HomeAbout a {
		display: inline-block;
		color: #000;
}
#HomeAbout .inner {
		padding: 60px 0;
}
#HomeAbout .img {
		position: relative;
		margin-bottom: 20px;
}
#HomeAbout .img .pc {
		position: relative;
		z-index: 20;
}
#HomeAbout .img .def {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		opacity: 1;
}
#HomeAbout .img .hover {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
}
#HomeAbout dl {
		margin-bottom: 25px;
}
#HomeAbout dl dt {
		font-size: 20px;
		line-height: 1;
		letter-spacing: 0em;
}
#HomeAbout dl dd {
		margin-top: 15px;
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
}
@media screen and (min-width: 769px) {
		#HomeAbout a .img .def {
				transition: opacity 0.15s ease-out;
		}
		#HomeAbout a:hover .img .def {
				opacity: 0;
		}
}
@media screen and (max-width: 768px) {
		#HomeAbout .inner {
				padding: 6vw 0 9.0666666667vw;
		}
		#HomeAbout .img {
				margin-bottom: 20px;
		}
		#HomeAbout .img .pc {
				display: none;
		}
		#HomeAbout .img .def {
				position: relative;
		}
		#HomeAbout .img .hover {
				display: none;
		}
		#HomeAbout .title {
				color: #000;
				font-size: 24px;
				line-height: 1.75;
				letter-spacing: 0em;
				margin-bottom: 1.3333333333vw;
		}
		#HomeAbout dl {
				margin-bottom: 3.3333333333vw;
		}
		#HomeAbout dl dd {
				margin-top: 15px;
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}

/* News */
#HomeNews {
		background: #FFF;
		text-align: center;
}
#HomeNews .inner {
		padding-top: 45px;
		padding-bottom: 40px;
}
#HomeNews .entryList {
		margin-top: 50px;
}
#HomeNews .entryList:after {
		content: "";
		display: block;
		clear: both;
}
#HomeNews .entryList .block {
		float: left;
		width: 300px;
		text-align: left;
}
#HomeNews .entryList .block a {
		display: block;
}
#HomeNews .entryList .block a .entryMeta {
		padding: 12px 12px 0 12px;
}
#HomeNews .entryList .block a .entryMeta .entryDate {
		font-size: 16px;
		line-height: 1.75;
		letter-spacing: 0em;
		color: #efd2b4;
}
#HomeNews .entryList .block a .entryMeta .entryTitle {
		font-size: 18px;
		line-height: 1.75;
		letter-spacing: 0em;
		color: #000;
		margin-bottom: 12px;
}
#HomeNews .entryList .block a .mod_linkButton {
		min-width: auto;
		width: 300px;
		margin-left: -12px;
}
@media screen and (min-width: 769px) {
		#HomeNews .entryList .block:nth-of-type(3n-1) {
				margin: 0 62px;
		}
}
#HomeNews .link {
		margin-top: 25px;
		text-align: right;
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
}
#HomeNews .link a {
		color: #ce7a7f;
}
@media screen and (max-width: 768px) {
		#HomeNews .inner {
				padding-top: 8vw;
				padding-bottom: 4.6666666667vw;
				padding-left: 8vw;
				padding-right: 8vw;
		}
		#HomeNews .entryList {
				margin-top: 0;
		}
		#HomeNews .entryList .block {
				float: none;
				width: 100%;
		}
		#HomeNews .entryList .block a {
				display: flex;
				align-items: center;
		}
		#HomeNews .entryList .block a .img {
				width: 32vw;
				padding-right: 2.6666666667vw;
		}
		#HomeNews .entryList .block a .entryMeta {
				padding: 1.6vw 1.6vw 0 1.6vw;
		}
		#HomeNews .entryList .block a .entryMeta .entryDate {
				font-size: 16px; /* legacy */
				font-size: 4.2666666667vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		#HomeNews .entryList .block a .entryMeta .entryTitle {
				font-size: 18px; /* legacy */
				font-size: 4.8vw;
				line-height: 1.75;
				letter-spacing: 0em;
				margin-bottom: 1.6vw;
		}
		#HomeNews .entryList .block a .mod_linkButton {
				min-width: 40vw;
				width: auto;
				margin-left: -1.6vw;
		}
		#HomeNews .entryList .block + .block {
				margin-top: 2.6666666667vw;
		}
		#HomeNews .link {
				margin-top: 3.3333333333vw;
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}

/* Collection */
#homeCollection {
		background: #faf1e9;
		text-align: center;
		padding-bottom: 66px;
}
#homeCollection a {
		color: #000;
}
#homeCollection .mod_sectionTitle {
		display: block;
		margin-top: 20px;
		margin-bottom: 15px;
}
#homeCollection .mod_sectionTitle span {
		display: block;
}
#homeCollection #homeCollectionColor,
#homeCollection #homeCollectionTuxedo,
#homeCollection #homeCollectionKimono {
		margin-top: 40px;
}
#homeCollection .column2:after {
		content: "";
		display: block;
		clear: both;
}
#homeCollection .column2 #homeCollectionTuxedo,
#homeCollection .column2 #homeCollectionKimono {
		width: 480px;
}
#homeCollection .column2 #homeCollectionTuxedo .mod_sectionTitle,
#homeCollection .column2 #homeCollectionKimono .mod_sectionTitle {
		margin-top: 50px;
}
#homeCollection .column2 #homeCollectionTuxedo .img,
#homeCollection .column2 #homeCollectionKimono .img {
		position: relative;
}
#homeCollection .column2 #homeCollectionTuxedo .img::after,
#homeCollection .column2 #homeCollectionKimono .img::after {
		position: absolute;
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
}
#homeCollection .column2 #homeCollectionTuxedo {
		float: left;
}
#homeCollection .column2 #homeCollectionTuxedo .img::after {
		right: 4px;
		bottom: -16px;
		background-image: url(/assets/images/home/home_collection_tuxedo_text.svg);
		width: 300px;
		height: 80px;
}
#homeCollection .column2 #homeCollectionKimono {
		float: right;
}
#homeCollection .column2 #homeCollectionKimono .img::after {
		right: 0px;
		bottom: -35px;
		background-image: url(/assets/images/home/home_collection_kimono_text.svg);
		width: 270px;
		height: 84px;
}
@media screen and (max-width: 768px) {
		#homeCollection {
				padding-bottom: 10.6666666667vw;
		}
		#homeCollection .mod_sectionTitle {
				margin-top: 2.6666666667vw;
				margin-bottom: 2vw;
		}
		#homeCollection #homeCollectionColor,
		#homeCollection #homeCollectionTuxedo,
		#homeCollection #homeCollectionKimono {
				margin-top: 8vw;
		}
		#homeCollection .column2 #homeCollectionTuxedo,
		#homeCollection .column2 #homeCollectionKimono {
				width: 50%;
		}
		#homeCollection .column2 #homeCollectionTuxedo .mod_sectionTitle,
		#homeCollection .column2 #homeCollectionKimono .mod_sectionTitle {
				margin-top: 2.6666666667vw;
		}
		#homeCollection .column2 #homeCollectionTuxedo .img::after,
		#homeCollection .column2 #homeCollectionKimono .img::after {
				display: none;
		}
}

#homeCollectionWedding a {
		display: block;
}
#homeCollectionWedding .inner a {
		display: inline-block;
}
#homeCollectionWedding .parallax {
		position: relative;
		overflow: hidden;
}
#homeCollectionWedding .parallax .contents,
#homeCollectionWedding .parallax .img {
		height: 600px;
}
#homeCollectionWedding .parallax .contents {
		z-index: 10;
}
#homeCollectionWedding .parallax .img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		transition: transform 0.8s ease-out;
}
#homeCollectionWedding .parallax .img::after {
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		background: url(/assets/images/home/home_collection_wedding@2x.jpg) no-repeat center center;
		background-size: cover;
		transform: scale(1.1);
		transform-origin: center bottom;
}
@media screen and (max-width: 768px) {
		#homeCollectionWedding .parallax .contents,
		#homeCollectionWedding .parallax .img {
				height: 42.6666666667vw;
		}
		#homeCollectionWedding .parallax .img::after {
				background: url(/assets/images/home/home_collection_wedding@sp.jpg) no-repeat center center;
				background-size: cover;
		}
}

/* other */
#OtherContents {
		background: #FFF;
}
#OtherContents .inner {
		padding: 80px 0;
}
#OtherContents .inner:after {
		content: "";
		display: block;
		clear: both;
}
#OtherContents a {
		color: #000;
}
#OtherContents .bg {
		background: rgba(255, 255, 255, 0.75);
		width: 240px;
		height: 80px;
		position: absolute;
		bottom: 0;
		left: 130px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
}
#OtherContents #homeShop,
#OtherContents #homeContact {
		position: relative;
		width: 500px;
		margin: 0 6px;
}
#OtherContents #homeShop {
		float: left;
}
#OtherContents #homeContact {
		float: right;
}
@media screen and (max-width: 768px) {
		#OtherContents {
				/*
				.mod_sectionTitle {
					.enCinzel {
						@include fsvw(10,14,0);
					}
					.ja {
						@include fsvw(7,14,0);
					}
				}
				*/
		}
		#OtherContents .inner {
				padding: 5.3333333333vw 5.3333333333vw;
		}
		#OtherContents .inner:after {
				content: "";
				display: block;
				clear: both;
		}
		#OtherContents .bg {
				/*
				width: vw(240);
				height: vw(80);
				left: vw(130);
				*/
				width: 50.6666666667vw;
				height: 18.6666666667vw;
				left: 18.6666666667vw;
		}
		#OtherContents #homeShop,
		#OtherContents #homeContact {
				position: relative;
				width: 66.6666666667vw;
				width: 89.3333333333vw;
				margin: 0 auto;
		}
		#OtherContents #homeShop {
				float: none;
		}
		#OtherContents #homeContact {
				float: none;
				margin-top: 4.6666666667vw;
		}
}

/*-------------------------------------------
	About
------------------------------------------- */
#About .mod_pageCover {
		background: #faf1e9;
}
#About .sectionTitle {
		font-size: 24px;
		line-height: 1.5;
		letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
		#About .sectionTitle {
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1.8;
				letter-spacing: 0em;
		}
}
#About .text {
		font-size: 14px;
		line-height: 2.5714285714;
		letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
		#About .text {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2.5714285714;
				letter-spacing: 0em;
		}
}
#About .concept {
		background: #faf1e9;
		text-align: center;
}
#About .concept .inner {
		max-width: 780px;
}
#About .concept .inner {
		padding-top: 80px;
		padding-bottom: 80px;
}
#About .concept .mod_pageTitle {
		margin-bottom: 30px;
}
#About .concept .img {
		margin-bottom: 80px;
}
#About .concept .text {
		margin-top: 20px;
}
@media screen and (max-width: 768px) {
		#About .concept .inner {
				max-width: 68.2666666667vw;
				padding-top: 2.6666666667vw;
				padding-bottom: 8vw;
				margin-left: auto;
				margin-right: auto;
		}
		#About .concept .mod_pageTitle {
				margin-bottom: 6.6666666667vw;
		}
		#About .concept .img {
				margin-bottom: 2.6666666667vw;
		}
		#About .concept .text {
				margin-top: 5.3333333333vw;
				text-align: justify;
				text-justify: inter-ideograph;
		}
}
#About .dressBlock .inner {
		display: flex;
		align-items: flex-start;
		padding-top: 40px;
		padding-bottom: 40px;
}
#About .dressBlock.layoutImgRight {
		background: #FFF;
}
#About .dressBlock.layoutImgLeft {
		background: #faf1e9;
}
@media screen and (max-width: 768px) {
		#About .dressBlock .inner {
				flex-direction: column;
				padding-top: 5.3333333333vw;
				padding-bottom: 5.3333333333vw;
		}
		#About .dressBlock.layoutImgRight .textArea {
				padding-left: 21.3333333333vw;
		}
		#About .dressBlock.layoutImgLeft .textArea {
				padding-right: 21.3333333333vw;
		}
}
#About .layoutColumn2 .img {
		width: 512px;
}
#About .layoutColumn2 .textArea {
		text-align: left;
		flex: 1;
}
#About .layoutColumn2 .textArea .blockTitle {
		font-size: 20px;
		line-height: 1.8;
		letter-spacing: 0em;
}
#About .layoutColumn2 .textArea .text {
		margin-top: 30px;
		text-align: justify;
		text-justify: inter-ideograph;
}
#About .layoutColumn2.layoutImgRight .inner {
		flex-direction: row-reverse;
}
#About .layoutColumn2.layoutImgRight .img {
		padding-left: 40px;
}
#About .layoutColumn2.layoutImgLeft .img {
		padding-right: 40px;
}
@media screen and (max-width: 768px) {
		#About .layoutColumn2 .img {
				width: 100%;
				margin-bottom: 2.6666666667vw;
		}
		#About .layoutColumn2 .textArea {
				flex: 1;
		}
		#About .layoutColumn2 .textArea .blockTitle {
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1.8;
				letter-spacing: 0em;
		}
		#About .layoutColumn2 .textArea .text {
				margin-top: 4vw;
		}
		#About .layoutColumn2.layoutImgRight .inner {
				flex-direction: column;
		}
		#About .layoutColumn2.layoutImgRight .img {
				padding-left: 0;
		}
		#About .layoutColumn2.layoutImgLeft .img {
				padding-right: 0;
		}
}
#About .styling {
		background: #FFF;
		padding-top: 100px;
		padding-bottom: 60px;
		text-align: center;
}
#About .styling .sectionTitle {
		margin-bottom: 40px;
}
#About .styling .layoutColumn2 {
		margin-top: 30px;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
}
@media screen and (max-width: 768px) {
		#About .styling {
				padding-top: 8vw;
				padding-bottom: 8vw;
		}
		#About .styling .sectionTitle {
				margin-bottom: 5.3333333333vw;
		}
		#About .styling .layoutColumn2 {
				margin-top: 4vw;
				flex-direction: column-reverse;
		}
		#About .styling .layoutColumn2 .text {
				width: 80vw;
				margin-left: auto;
				margin-right: auto;
		}
		#About .styling .layoutColumn2 .img {
				text-align: center;
				margin-top: 4vw;
		}
		#About .styling .layoutColumn2 .img img {
				width: 68.2666666667vw;
		}
}

/*-------------------------------------------
	Collection
------------------------------------------- */
#Collection {
		/* index */
		/* bottom */
		/* categoryMenu */
		/* Sort */
}
#Collection.index {
		background: #faf1e9;
		text-align: center;
}
#Collection.index > .inner {
		padding-top: 60px;
		padding-bottom: 80px;
}
#Collection.index .mod_pageTitle {
		margin-bottom: 70px;
}
#Collection.index a {
		color: #000;
}
#Collection.index .mod_sectionTitle {
		display: block;
		margin-top: 20px;
		margin-bottom: 15px;
}
#Collection.index .column2:after {
		content: "";
		display: block;
		clear: both;
}
#Collection.index .column2 #indexCollectionTuxedo,
#Collection.index .column2 #indexCollectionKimono {
		width: 50%;
}
#Collection.index .column2 #indexCollectionTuxedo {
		float: left;
}
#Collection.index .column2 #indexCollectionKimono {
		float: right;
}
#Collection.index #indexCollectionColor,
#Collection.index #indexCollectionTuxedo,
#Collection.index #indexCollectionKimono {
		margin-top: 40px;
}
@media screen and (max-width: 768px) {
		#Collection.index > .inner {
				padding-top: 8vw;
				padding-bottom: 10.6666666667vw;
		}
		#Collection.index .mod_pageTitle {
				margin-bottom: 6vw;
		}
		#Collection.index .mod_sectionTitle {
				margin-top: 2.6666666667vw;
				margin-bottom: 2vw;
		}
		#Collection.index #indexCollectionColor,
		#Collection.index #indexCollectionTuxedo,
		#Collection.index #indexCollectionKimono {
				margin-top: 8vw;
		}
}
#Collection.bottom {
		background: #faf1e9;
		text-align: center;
		padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
		#Collection.bottom {
				padding-bottom: 5.3333333333vw;
		}
}
#Collection .categoryMenu {
		text-align: center;
		font-size: 20px;
		line-height: 1.75;
		letter-spacing: 0em;
		margin: 60px 0 0;
}
#Collection .categoryMenu ul {
		display: flex;
		justify-content: space-around;
}
#Collection .categoryMenu ul li {
		width: 25%;
}
#Collection .categoryMenu ul li a {
		display: block;
		text-align: center;
		color: #7f7f7f;
}
@media screen and (min-width: 769px) {
		#Collection .categoryMenu ul li a {
				transition: all 0.15s ease-out;
		}
		#Collection .categoryMenu ul li a:hover {
				color: #000;
		}
}
#Collection .categoryMenu ul li.active a {
		color: #000;
		position: relative;
}
#Collection .categoryMenu ul li.active a::after {
		content: "";
		display: block;
		width: 40px;
		height: 1px;
		background: #ce7a7f;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -20px;
}
@media screen and (max-width: 768px) {
		#Collection .categoryMenu {
				text-align: center;
				font-size: 11px; /* legacy */
				font-size: 2.9333333333vw;
				line-height: 1.8181818182;
				letter-spacing: 0em;
				margin: 3.3333333333vw 0 0;
		}
}
#Collection .dressList {
		width: 100%;
		margin-top: 80px;
}
#Collection .dressList:after {
		content: "";
		display: block;
		clear: both;
}
#Collection .dressList .item {
		float: left;
		width: 25%;
}
#Collection .dressList .item a {
		display: block;
		border: solid 1px #faf1e9;
}
@media screen and (max-width: 768px) {
		#Collection .dressList {
				padding-left: 2.8vw;
				padding-right: 2.8vw;
				margin-top: 6.6666666667vw;
		}
		#Collection .dressList .item {
				width: 50%;
		}
}
#Collection .dressList.muuri .muuri-item a.isAnim {
		opacity: 0 !important;
}
#Collection .dressList.muuri .muuri-item a.isAnim.inView {
		opacity: 1 !important;
}
#Collection #Sort .inner {
		padding-top: 50px;
		padding-bottom: 10px;
}
#Collection #Sort .inner ul {
		display: flex;
		justify-content: space-between;
		width: 255px;
		margin-left: auto;
		margin-right: auto;
}
#Collection #Sort .inner ul li {
		width: 23px;
}
#Collection #Sort .inner ul li a {
		cursor: pointer;
}
@media screen and (max-width: 768px) {
		#Collection #Sort .inner {
				padding-top: 5.3333333333vw;
				padding-bottom: 1.3333333333vw;
		}
		#Collection #Sort .inner ul {
				width: 66.6666666667vw;
		}
		#Collection #Sort .inner ul li {
				width: 5.3333333333vw;
		}
}
#Collection .sortList {
		position: relative;
}
#Collection .sortList:after {
		content: "";
		display: block;
		clear: both;
}
#Collection .sortList .item {
		display: block;
		position: absolute;
}
@media screen and (max-width: 768px) {
		#Collection .sortList {
				padding-left: 0;
				padding-right: 0;
				margin-left: 2.8vw;
				margin-right: 2.8vw;
				margin-top: 6.6666666667vw;
		}
		#Collection .sortList .item {
				width: 47.2vw;
		}
}

/* modal */
#CModal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #efd2b4;
		z-index: 9999;
		overflow: hidden;
}
#CModal .ModalArea {
		width: calc(60.057vh + 250px);
		height: 80vh;
		background: #FFF;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
}
@media screen and (max-width: 768px) {
		#CModal .ModalArea {
				width: calc(100vw - 20px);
				height: calc(100vh - 20px);
		}
}

.cb {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: auto;
		z-index: 20;
		padding: 50px 20px 30px;
		box-sizing: border-box;
		/* mCSB */
		/* Arrows */
}
.cb .Image {
		position: absolute;
		top: 50px;
		right: 20px;
		padding-left: 0;
		width: calc(100% - 300px - 40px);
		height: calc(100% - 80px);
		z-index: 10;
}
.cb .Image .slick-list,
.cb .Image .slick-track,
.cb .Image .slick-slide,
.cb .Image .slick-slide > div {
		height: 100%;
}
.cb .Image .item {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
}
.cb .Image .item img {
		width: 100%;
		height: 100%;
		object-fit: contain;
}
.cb .Scroll {
		position: relative;
		width: 100%;
		width: 300px;
		height: 100%;
		overflow: auto;
		z-index: 20;
}
.cb .Scroll .mCSB_container {
		min-height: 100%;
}
.cb .itemData {
		display: flex;
		align-items: flex-end;
		position: relative;
		z-index: 20;
		width: 300px;
		min-height: 100%;
		padding: 0 20px 0 0;
		background-color: #FFF;
		box-sizing: border-box;
}
.cb .itemData .entryName {
		font-size: 20px;
		line-height: 1.75;
		letter-spacing: 0em;
}
.cb .itemData .text {
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
		text-align: justify;
		text-justify: inter-ideograph;
		margin-top: 20px;
		margin-bottom: 20px;
}
.cb .itemData .thumb {
		width: 295px;
		overflow: hidden;
		margin-left: -15px;
}
.cb .itemData .thumb .item {
		padding-left: 15px;
		box-sizing: border-box;
}
.cb .itemData .thumb .item img {
		width: 100px;
}
.cb .itemData .closeBtn {
		margin-top: 65px;
}
.cb .itemData .mod_linkButton {
		display: block;
}
.cb .itemData .mod_linkButton::before {
		content: "× ";
}
@media screen and (max-width: 768px) {
		.cb {
				padding: 9.3333333333vw 7.3333333333vw 8vw;
		}
		.cb .Image {
				position: relative;
				top: auto;
				right: auto;
				padding-left: 0;
				width: 100%;
				height: 120vw;
		}
		.cb .Image .slick-list,
		.cb .Image .slick-track,
		.cb .Image .slick-slide,
		.cb .Image .slick-slide > div {
				height: 100%;
		}
		.cb .Scroll {
				position: relative;
				width: 100%;
				height: auto;
				overflow: initial;
		}
		.cb .itemData {
				display: block;
				z-index: 20;
				width: 100%;
				min-height: initial;
				padding: 2vw 3.3333333333vw 0;
		}
		.cb .itemData .entryName {
				font-size: 24px; /* legacy */
				font-size: 6.4vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		.cb .itemData .text {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2.5714285714;
				letter-spacing: 0em;
				text-align: justify;
				text-justify: inter-ideograph;
				margin-top: 2vw;
				margin-bottom: 2.6666666667vw;
		}
		.cb .itemData .thumb {
				width: 100%;
				overflow: auto;
				margin-left: -2vw;
		}
		.cb .itemData .thumb .item {
				padding-left: 2vw;
		}
		.cb .itemData .closeBtn {
				margin-top: 6.6666666667vw;
		}
}
.cb .mCSB_inside > .mCSB_container {
		margin-right: 0px;
}
.cb .mCSB_scrollTools {
		width: 2px;
}
.cb .mCSB_scrollTools {
		left: 300px;
		right: auto;
}
.cb .slick-prev,
.cb .slick-next {
		position: absolute;
		z-index: 100;
		display: block;
		height: 40px;
		width: 40px;
		line-height: 0px;
		font-size: 0px;
		cursor: pointer;
		background: transparent;
		color: transparent;
		top: 50%;
		transform: translate3d(0, -20px, 0);
		transition: all 0.15s ease-out;
		padding: 0;
		border: none;
		outline: none;
		box-shadow: none;
}
@media screen and (max-width: 768px) {
		.cb .slick-prev,
		.cb .slick-next {
				box-shadow: none;
		}
}
.cb .slick-prev:hover, .cb .slick-prev:focus,
.cb .slick-next:hover,
.cb .slick-next:focus {
		outline: none;
}
.cb .slick-prev:hover:before, .cb .slick-prev:focus:before,
.cb .slick-next:hover:before,
.cb .slick-next:focus:before {
		transform: translate3d(0, 0, 0);
}
.cb .slick-prev:before, .cb .slick-next:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: left top;
		background-size: cover;
		transition: all 0.15s ease-out;
}
.cb .slick-prev {
		left: 10px;
}
[dir=rtl] .cb .slick-prev {
		left: auto;
		right: 10px;
}
.cb .slick-prev:before {
		background-image: url(../images/svg/icon_slide_prev.svg);
}
.cb .slick-prev:hover {
		transform: translate3d(-5px, -20px, 0);
}
.cb .slick-prev:hover:before {
		transform: translate3d(0, 0, 0);
		margin: 0;
}
.cb .slick-next {
		right: 10px;
}
[dir=rtl] .cb .slick-next {
		left: 10px;
		right: auto;
}
.cb .slick-next:before {
		background-image: url(../images/svg/icon_slide_next.svg);
}
.cb .slick-next:hover {
		transform: translate3d(5px, -20px, 0);
}
.cb .slick-next:hover:before {
		transform: translate3d(0, 0, 0);
		margin: 0;
}
@media screen and (max-width: 768px) {
		.cb .slick-prev,
		.cb .slick-next {
				width: 4vw;
				height: 8vw;
				transform: translate3d(0, -4vw, 0);
		}
		.cb .slick-prev {
				left: -5.3333333333vw;
		}
		.cb .slick-prev:before {
				background-image: url(../images/svg/icon_slide_prev@sp.png);
		}
		.cb .slick-prev:hover {
				transform: translate3d(0, -4vw, 0);
		}
		.cb .slick-prev:hover:before {
				margin: 0;
		}
		.cb .slick-next {
				right: -5.3333333333vw;
		}
		.cb .slick-next:before {
				background-image: url(../images/svg/icon_slide_next@sp.png);
		}
		.cb .slick-next:hover {
				transform: translate3d(0, -4vw, 0);
		}
		.cb .slick-next:hover:before {
				margin: 0;
		}
}

/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
		-webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
		max-width: none;
}

#cboxOverlay {
		position: fixed;
		width: 100%;
		height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
		clear: left;
}

#cboxContent {
		position: relative;
}

#cboxLoadedContent {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
}

#cboxTitle {
		margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
		cursor: pointer;
}

.cboxPhoto {
		float: left;
		margin: auto;
		border: 0;
		display: block;
		max-width: none;
		-ms-interpolation-mode: bicubic;
}

.cboxIframe {
		width: 100%;
		height: 100%;
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
		box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
}

/* 
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
		background: #000;
		opacity: 0.9;
		filter: alpha(opacity=90);
}

#colorbox {
		outline: 0;
}

#cboxContent {
		margin-top: 20px;
		background: #000;
}

.cboxIframe {
		background: #fff;
}

#cboxError {
		padding: 50px;
		border: 1px solid #ccc;
}

#cboxLoadedContent {
		border: 5px solid #000;
		background: #fff;
}

#cboxTitle {
		position: absolute;
		top: -20px;
		left: 0;
		color: #ccc;
}

#cboxCurrent {
		position: absolute;
		top: -20px;
		right: 0px;
		color: #ccc;
}

#cboxLoadingGraphic {
		background: url(/assets/js/colorbox/images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
		border: 0;
		padding: 0;
		margin: 0;
		overflow: visible;
		width: auto;
		background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
		outline: 0;
}

#cboxSlideshow {
		position: absolute;
		top: -20px;
		right: 90px;
		color: #fff;
}

#cboxPrevious {
		position: absolute;
		top: 50%;
		left: 5px;
		margin-top: -32px;
		background: url(/assets/js/colorbox/images/controls.png) no-repeat top left;
		width: 28px;
		height: 65px;
		text-indent: -9999px;
}

#cboxPrevious:hover {
		background-position: bottom left;
}

#cboxNext {
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -32px;
		background: url(/assets/js/colorbox/images/controls.png) no-repeat top right;
		width: 28px;
		height: 65px;
		text-indent: -9999px;
}

#cboxNext:hover {
		background-position: bottom right;
}

#cboxClose {
		position: absolute;
		top: 5px;
		right: 5px;
		display: block;
		background: url(/assets/js/colorbox/images/controls.png) no-repeat top center;
		width: 38px;
		height: 19px;
		text-indent: -9999px;
}

#cboxClose:hover {
		background-position: bottom center;
}

/* Original */
#cboxOverlay {
		background: #efd2b4;
		opacity: 0.9;
		filter: alpha(opacity=90);
}

#cboxContent {
		margin-top: 0px;
		background: #fff;
}

#cboxLoadedContent {
		border: none;
		background: #fff;
}

#cboxClose {
		position: absolute;
		top: 15px;
		left: 15px;
		display: block;
		background: url(/assets/images/svg/icon_cb_close@2x.png) no-repeat top center;
		background-size: 100% auto;
		width: 69px;
		height: 14px;
		text-indent: -9999px;
		z-index: 100;
}

@media screen and (max-width: 768px) {
		#cboxClose {
				position: absolute;
				top: 0px;
				left: 0px;
				display: block;
				background: url(/assets/images/svg/icon_cb_close@sp.png) no-repeat top center;
				background-size: 100% auto;
				width: 36px;
				height: 36px;
				text-indent: -9999px;
		}
}
#cboxClose {
		background-color: #FFF;
}

#cboxClose:hover {
		background-color: #FFF;
}

/*-------------------------------------------
	Shop
------------------------------------------- */
#Shop {
		background: #faf1e9;
		padding-bottom: 60px;
		/* supportList */
		/* detail */
}
@media screen and (max-width: 768px) {
		#Shop {
				padding-bottom: 8vw;
		}
}
#Shop .mod_pageCover {
		text-align: center;
		min-height: 600px;
}
#Shop .mod_pageCover .mod_pageTitle {
		margin-top: 80px;
}
@media screen and (max-width: 768px) {
		#Shop .mod_pageCover {
				min-height: 64vw;
		}
		#Shop .mod_pageCover .mod_pageTitle {
				margin-top: 2.4vw;
		}
}
@media screen and (max-width: 768px) {
		#Shop.index .inner {
				padding-left: 2.8vw;
				padding-right: 2.8vw;
		}
		#Shop.index .inner.spWide {
				padding-left: 0vw;
				padding-right: 0vw;
		}
}
#Shop .shopBlock {
		display: flex;
		justify-content: space-between;
}
#Shop .shopBlock + .shopBlock {
		margin-top: 40px;
}
@media screen and (max-width: 768px) {
		#Shop .shopBlock + .shopBlock {
				margin-top: 13.3333333333vw;
		}
}
#Shop .shopBlock .mainShop {
		width: 480px;
}
#Shop .shopBlock .mainShop .img a {
		display: block;
}
@media screen and (min-width: 769px) {
		#Shop .shopBlock .mainShop .img {
				/*
				a {
					position: relative;
					&::after {
						content: '';
						display: block;
						width: calc(100% + 10px);
						height: calc(100% + 10px);
						pointer-events: none;
						position: absolute;
						top: -5px;
						left: -5px;
					}
					&:hover {
						&::after {
							border: solid 1px $COLOR1;
						}
					}
				}
				*/
		}
		#Shop .shopBlock .mainShop .img a:hover.mod_imgZoom span img {
				transform: scale(1.05);
		}
}
#Shop .shopBlock .mainShop .textArea {
		padding: 20px;
}
#Shop .shopBlock .mainShop .textArea .name_button {
		display: flex;
		justify-content: space-between;
		align-items: center;
}
#Shop .shopBlock .mainShop .textArea .name_button .button {
		width: 120px;
}
#Shop .shopBlock .mainShop .textArea .mod_sectionTitle {
		display: block;
}
#Shop .shopBlock .mainShop .textArea .mod_sectionTitle span {
		text-align: left;
}
#Shop .shopBlock .mainShop .textArea .mod_sectionTitle .enCinzel {
		font-size: 24px;
		line-height: 1.3333333333;
		letter-spacing: 0em;
}
#Shop .shopBlock .mainShop .textArea .mod_sectionTitle .ja {
		font-size: 14px;
		line-height: 2.2857142857;
		letter-spacing: 0em;
		line-height: 1;
}
#Shop .shopBlock .mainShop .textArea .addressWrap {
		margin-top: 10px;
}
#Shop .shopBlock .mainShop .textArea .addressWrap,
#Shop .shopBlock .mainShop .textArea .tel {
		font-size: 14px;
		line-height: 1.5714285714;
		letter-spacing: 0em;
}
#Shop .shopBlock .mainShop .textArea .addressWrap .address,
#Shop .shopBlock .mainShop .textArea .tel .address {
		padding-left: 1em;
}
#Shop .shopBlock .mainShop .textArea .addressWrap a,
#Shop .shopBlock .mainShop .textArea .tel a {
		color: #000;
}
@media screen and (min-width: 769px) {
		#Shop .shopBlock .mainShop .textArea .addressWrap a,
		#Shop .shopBlock .mainShop .textArea .tel a {
				pointer-events: none;
		}
}
#Shop .shopBlock .mainShop .textArea a.mod_linkButton {
		background: #faf1e9;
		color: #000;
		border: solid 1px #000;
}
@media screen and (min-width: 769px) {
		#Shop .shopBlock .mainShop .textArea a.mod_linkButton {
				transform: translateX(20px);
		}
		#Shop .shopBlock .mainShop .textArea a.mod_linkButton:hover {
				background: #000;
				color: #faf1e9;
		}
}
@media screen and (max-width: 768px) {
		#Shop .shopBlock .mainShop {
				width: 56vw;
		}
		#Shop .shopBlock .mainShop .textArea {
				padding: 2.6666666667vw;
		}
		#Shop .shopBlock .mainShop .textArea .mod_sectionTitle .enCinzel {
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1.6;
				letter-spacing: 0em;
		}
		#Shop .shopBlock .mainShop .textArea .mod_sectionTitle .ja {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2.2857142857;
				letter-spacing: 0em;
				line-height: 1;
		}
		#Shop .shopBlock .mainShop .textArea .addressWrap {
				margin-top: 2.6666666667vw;
		}
		#Shop .shopBlock .mainShop .textArea .addressWrap,
		#Shop .shopBlock .mainShop .textArea .tel {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.5714285714;
				letter-spacing: 0em;
		}
		#Shop .shopBlock .mainShop .textArea .addressWrap span,
		#Shop .shopBlock .mainShop .textArea .tel span {
				display: block;
		}
		#Shop .shopBlock .mainShop .textArea .addressWrap .address,
		#Shop .shopBlock .mainShop .textArea .tel .address {
				padding-left: 0;
		}
		#Shop .shopBlock .mainShop .textArea .addressWrap a,
		#Shop .shopBlock .mainShop .textArea .tel a {
				text-decoration: underline;
		}
		#Shop .shopBlock .mainShop .textArea .button {
				margin-top: 2.6666666667vw;
		}
}
#Shop .supportList {
		width: 520px;
		margin-left: auto;
		text-align: center;
}
#Shop .supportList .subTitle {
		background: #bfaf98;
		color: #FFF;
		font-size: 14px;
		line-height: 2.2857142857;
		letter-spacing: 0.2em;
		font-weight: 400;
		margin-bottom: 4px;
}
#Shop .supportList ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
#Shop .supportList ul li {
		width: calc((100% - 4px) / 2);
		font-size: 14px;
		line-height: 2.2857142857;
		letter-spacing: 0em;
}
#Shop .supportList ul li a {
		display: block;
		color: #000;
}
#Shop .supportList ul li dl {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-start;
}
#Shop .supportList ul li dl dt {
		font-weight: 300;
}
@media screen and (min-width: 769px) {
		#Shop .supportList ul li {
				/*
				a {
					dd {
						position: relative;
						&::after {
							content: '';
							display: block;
							width: calc(100% + 4px);
							height: calc(100% + 4px);
							pointer-events: none;
							position: absolute;
							top: -2px;
							left: -2px;
						}
					}
					&:hover {
						dd {
							&::after {
								border: solid 2px $COLOR1;
							}
						}
					}
				}
				*/
		}
		#Shop .supportList ul li:nth-of-type(n+3) {
				margin-top: 10px;
		}
		#Shop .supportList ul li a:hover .mod_imgZoom span img {
				transform: scale(1.05);
		}
}
@media screen and (max-width: 768px) {
		#Shop .supportList {
				width: 34.6666666667vw;
		}
		#Shop .supportList .subTitle {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2.2857142857;
				letter-spacing: 0.2em;
				font-weight: 400;
				margin-bottom: 0.5333333333vw;
		}
		#Shop .supportList ul li {
				width: 100%;
				font-size: 7px; /* legacy */
				font-size: 1.8666666667vw;
				line-height: 2.2857142857;
				letter-spacing: 0em;
		}
		#Shop .supportList ul li + li {
				margin-top: 1.3333333333vw;
		}
}
#Shop .shopDetail {
		/* detail layout */
		/* parts - shopData */
		/* parts - shopData */
		/* parts - shopMap */
		/* parts - supportList */
}
@media screen and (min-width: 769px) {
		#Shop .shopDetail:after {
				content: "";
				display: block;
				clear: both;
		}
		#Shop .shopDetail .shopDataWrap {
				width: 385px;
				float: left;
		}
		#Shop .shopDetail .moreInfo {
				width: 600px;
				float: right;
		}
		#Shop .shopDetail .supportList {
				width: 100%;
				margin-left: 0;
		}
}
@media screen and (max-width: 768px) {
		#Shop .shopDetail .shopDataWrap {
				padding-left: 10vw;
				padding-right: 10vw;
		}
		#Shop .shopDetail .shopDataWrap:after {
				content: "";
				display: block;
				clear: both;
		}
		#Shop .shopDetail .shopDataWrap .shopData {
				/*
				width: vw(290);
				float: left;
				*/
		}
		#Shop .shopDetail .shopDataWrap .shopAccess {
				margin-top: 5.3333333333vw;
				/*
				width: vw(290);
				float: right;
				*/
		}
		#Shop .shopDetail .moreInfo {
				width: 100%;
		}
		#Shop .shopDetail .moreInfo #shopMap {
				position: relative;
				width: 100%;
				height: 0;
				padding-top: 66.6666666667vw;
				margin-top: 5.3333333333vw;
		}
		#Shop .shopDetail .moreInfo #shopMap iframe {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
		}
		#Shop .shopDetail .supportList {
				padding-left: 10vw;
				padding-right: 10vw;
				width: 100%;
		}
		#Shop .shopDetail .supportList .subTitle {
				margin-bottom: 0.8vw;
		}
		#Shop .shopDetail .supportList ul {
				justify-content: space-between;
				width: 80vw;
		}
		#Shop .shopDetail .supportList ul li {
				width: 39.6vw;
		}
		#Shop .shopDetail .supportList ul li + li {
				margin-top: 0;
		}
		#Shop .shopDetail .supportList ul li:nth-of-type(n+3) {
				margin-top: 1.3333333333vw;
		}
}
#Shop .shopDetail .shopData .brandName {
		margin-bottom: 10px;
}
#Shop .shopDetail .shopData .brandName.clumiere img {
		height: 22px;
}
#Shop .shopDetail .shopData .brandName.belletiare img {
		height: 36px;
}
#Shop .shopDetail .shopData .brandName img {
		width: auto;
}
#Shop .shopDetail .shopData .mod_sectionTitle {
		display: block;
}
#Shop .shopDetail .shopData .mod_sectionTitle span {
		text-align: left;
}
#Shop .shopDetail .shopData .mod_sectionTitle .enCinzel {
		font-size: 24px;
		line-height: 1.18125;
		letter-spacing: 0em;
}
#Shop .shopDetail .shopData .mod_sectionTitle .ja {
		font-size: 14px;
		line-height: 2.025;
		letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
		#Shop .shopDetail .shopData .mod_sectionTitle .enCinzel {
				font-size: 24px; /* legacy */
				font-size: 6.4vw;
				line-height: 1.5;
				letter-spacing: 0em;
		}
		#Shop .shopDetail .shopData .mod_sectionTitle .ja {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2.5714285714;
				letter-spacing: 0em;
		}
}
#Shop .shopDetail .shopData .addressWrap {
		margin-top: 30px;
		font-size: 14px;
		line-height: 1.8221428571;
		letter-spacing: 0em;
}
#Shop .shopDetail .shopData .addressWrap span {
		display: block;
}
#Shop .shopDetail .shopData .addressWrap span br.sp {
		display: block;
}
#Shop .shopDetail .shopData .tel {
		margin-top: 5px;
		font-size: 24px;
		line-height: 1.0629166667;
		letter-spacing: 0em;
}
#Shop .shopDetail .shopData .tel a {
		color: #000;
}
@media screen and (min-width: 769px) {
		#Shop .shopDetail .shopData .tel a {
				pointer-events: none;
		}
}
#Shop .shopDetail .shopData .shopOpen {
		margin-top: 20px;
		font-size: 14px;
		line-height: 1.8221428571;
		letter-spacing: 0em;
}
#Shop .shopDetail .shopData .shopOpen dt {
		font-weight: 300;
}
@media screen and (max-width: 768px) {
		#Shop .shopDetail .shopData .brandName {
				margin-bottom: 1.3333333333vw;
		}
		#Shop .shopDetail .shopData .brandName.clumiere img {
				height: 2.9333333333vw;
		}
		#Shop .shopDetail .shopData .brandName.belletiare img {
				height: 4.8vw;
		}
		#Shop .shopDetail .shopData .addressWrap {
				margin-top: 5.3333333333vw;
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2;
				letter-spacing: 0em;
		}
		#Shop .shopDetail .shopData .tel {
				margin-top: 1.3333333333vw;
				font-size: 24px; /* legacy */
				font-size: 6.4vw;
				line-height: 1.25;
				letter-spacing: 0em;
		}
		#Shop .shopDetail .shopData .tel a {
				text-decoration: underline;
		}
		#Shop .shopDetail .shopData .shopOpen {
				margin-top: 4.6666666667vw;
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.8221428571;
				letter-spacing: 0em;
		}
}
#Shop .shopDetail .blockTitle,
#Shop .shopDetail .shopAccess {
		font-size: 14px;
		line-height: 1.8221428571;
		letter-spacing: 0em;
		font-weight: 300;
}
@media screen and (max-width: 768px) {
		#Shop .shopDetail .blockTitle,
		#Shop .shopDetail .shopAccess {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2;
				letter-spacing: 0em;
		}
}
#Shop .shopDetail .shopAccess {
		margin-top: 30px;
}
#Shop .shopDetail .shopAccess dl + dl {
		margin-top: 20px;
}
#Shop .shopDetail .shopAccess dl dt {
		font-weight: 300;
}
#Shop .shopDetail .shopAccess ul li {
		margin-left: 1em;
		text-indent: -1em;
}
#Shop .shopDetail .shopAccess ul li::before {
		content: "・";
		display: block;
		width: 1em;
		float: left;
}
@media screen and (max-width: 768px) {
		#Shop .shopDetail .shopAccess {
				margin-top: 0;
		}
		#Shop .shopDetail .shopAccess dl + dl {
				margin-top: 4.6666666667vw;
		}
}
#Shop .shopDetail #shopMap iframe {
		width: 600px;
		height: 400px;
}
#Shop .shopDetail .supportList {
		margin-top: 46px;
}
#Shop .shopDetail .supportList .subTitle {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
}
@media screen and (max-width: 768px) {
		#Shop .shopDetail .supportList {
				margin-top: 4.6666666667vw;
		}
		#Shop .shopDetail .supportList .subTitle {
				max-width: 26.6666666667vw;
		}
}

/* for IE */
.ie11 #Shop.index .supportList ul li dl dd {
		height: 100px;
		overflow: hidden;
}

/*-------------------------------------------
	News
------------------------------------------- */
#News {
		background: #faf1e9;
		/* index */
		/* detail */
}
#News.index > .inner {
		padding-top: 60px;
		padding-bottom: 80px;
}
#News.index .mod_pageTitle {
		margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
		#News.index > .inner {
				padding-top: 8vw;
				padding-bottom: 10.6666666667vw;
		}
		#News.index .mod_pageTitle {
				margin-bottom: 6vw;
		}
}
#News.bottom {
		padding-top: 60px;
		padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
		#News.bottom .entryData {
				padding-top: 8vw;
		}
}
#News .recentList > ul {
		display: flex;
		flex-wrap: wrap;
}
#News .recentList > ul > li {
		width: 25%;
		margin-bottom: 40px;
		background: #FFF;
}
#News .recentList > ul > li a {
		display: block;
		height: 100%;
}
#News .recentList > ul > li .entryData {
		padding: 10px;
		text-align: left;
}
#News .recentList > ul > li .entryData .entryTitle {
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 400;
		color: #000;
		min-height: 3.5em;
}
#News .recentList > ul > li .entryData .entryMeta {
		display: flex;
		justify-content: space-between;
}
#News .recentList > ul > li .entryData .entryCategory {
		display: block;
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 400;
		color: #e67b80;
}
#News .recentList > ul > li .entryData .entryCategory:after {
		content: "";
		display: block;
		clear: both;
}
#News .recentList > ul > li .entryData .entryCategory li {
		display: inline-block;
		white-space: nowrap;
}
#News .recentList > ul > li .entryData .entryCategory li::before {
		content: "#";
}
#News .recentList > ul > li .entryData .entryDate {
		font-size: 12px;
		line-height: 2.0416666667;
		letter-spacing: 0em;
		color: #fad3b4;
		white-space: nowrap;
}
@media screen and (max-width: 768px) {
		#News .recentList > ul {
				justify-content: space-between;
		}
		#News .recentList > ul > li {
				width: calc((100% - 0.5333333333vw) / 2);
				margin-bottom: 5.3333333333vw;
		}
		#News .recentList > ul > li .entryData {
				padding: 1.3333333333vw;
		}
		#News .recentList > ul > li .entryData .entryTitle {
				font-size: 12px; /* legacy */
				font-size: 3.2vw;
				line-height: 1.75;
				letter-spacing: 0em;
				min-height: 3.5em;
		}
		#News .recentList > ul > li .entryData .entryCategory {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		#News .recentList > ul > li .entryData .entryDate {
				font-size: 12px; /* legacy */
				font-size: 3.2vw;
				line-height: 2.0416666667;
				letter-spacing: 0em;
		}
}
#News .moreButton {
		text-align: center;
		margin-bottom: 15px;
}
#News .moreButton a.mod_linkButton {
		font-size: 14px;
		line-height: 1.7142857143;
		letter-spacing: 0em;
		min-width: 320px;
}
#News .moreButton a.mod_linkButton span {
		position: relative;
}
#News .moreButton a.mod_linkButton span .icon {
		width: 12px;
		height: 10px;
		position: absolute;
		top: 50%;
		right: -20px;
		transform: translateY(-50%);
}
#News .moreButton a.mod_linkButton span .icon .svg {
		vertical-align: top;
}
@media screen and (min-width: 769px) {
		#News .moreButton a.mod_linkButton .svg .fill-white {
				fill: #FFF;
				transition: all 0.15s ease-out;
		}
		#News .moreButton a.mod_linkButton:hover .svg .fill-white {
				fill: #efd2b4;
		}
}
@media screen and (max-width: 768px) {
		#News .moreButton {
				margin-bottom: 5.3333333333vw;
		}
		#News .moreButton a.mod_linkButton {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.7142857143;
				letter-spacing: 0em;
				min-width: 42.6666666667vw;
		}
		#News .moreButton a.mod_linkButton span {
				position: relative;
		}
		#News .moreButton a.mod_linkButton span .icon {
				display: none;
		}
}
#News .moreButton.open .mod_linkButton {
		opacity: 0;
}
#News #Archives {
		display: none;
}
#News .archiveBlock dl {
		border-bottom: solid 1px #46001e;
}
#News .archiveBlock dl .pastList {
		display: none;
}
#News .archiveBlock dl.open .pastList {
		display: block;
}
#News .archiveBlock dt {
		font-size: 24px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 300;
		color: #000;
}
#News .archiveBlock dt a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 64px;
}
@media screen and (min-width: 769px) {
		#News .archiveBlock dt a:hover span::after {
				margin-top: 0;
		}
}
#News .archiveBlock dt span {
		position: relative;
}
#News .archiveBlock dt span::after {
		content: "";
		display: block;
		width: 12px;
		height: 10px;
		background: url(/assets/images/svg/icon_arrow_black.svg) no-repeat left top;
		background-size: 100%;
		position: absolute;
		top: 50%;
		right: -20px;
		margin-top: -5px;
		transform: rotate(0deg);
		transform-origin: center center;
		transition: all 0.15s ease-out;
}
@media screen and (max-width: 768px) {
		#News .archiveBlock dt {
				font-size: 24px; /* legacy */
				font-size: 6.4vw;
				line-height: 1;
				letter-spacing: 0em;
		}
		#News .archiveBlock dt a {
				height: 8.5333333333vw;
		}
		#News .archiveBlock dt span::after {
				width: 1.6vw;
				height: 1.3333333333vw;
				top: 50%;
				right: -2.6666666667vw;
				margin-top: -0.6666666667vw;
		}
}
#News .archiveBlock .open dt span::after {
		transform: rotate(180deg);
}
#News .archiveBlock .pastList {
		padding-bottom: 15px;
}
#News .archiveBlock .pastList .entryBlock a {
		display: flex;
		align-items: center;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
}
@media screen and (min-width: 769px) {
		#News .archiveBlock .pastList .entryBlock a {
				background: #faf1e9;
				transition: all 0.15s ease-out;
		}
		#News .archiveBlock .pastList .entryBlock a:hover {
				background: #FFF;
		}
}
#News .archiveBlock .pastList .entryBlock .entryTitle {
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0em;
		font-weight: 400;
		color: #000;
		padding-right: 15px;
}
#News .archiveBlock .pastList .entryBlock .entryCategory {
		display: block;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0em;
		font-weight: 400;
		color: #e67b80;
		padding-right: 30px;
}
#News .archiveBlock .pastList .entryBlock .entryCategory:after {
		content: "";
		display: block;
		clear: both;
}
#News .archiveBlock .pastList .entryBlock .entryCategory li {
		display: inline-block;
		white-space: nowrap;
}
#News .archiveBlock .pastList .entryBlock .entryCategory li::before {
		content: "#";
}
#News .archiveBlock .pastList .entryBlock .entryDate {
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0em;
		color: #808080;
		white-space: nowrap;
		padding-right: 15px;
		padding-left: 30px;
}
@media screen and (max-width: 768px) {
		#News .archiveBlock .pastList {
				padding-bottom: 0;
		}
		#News .archiveBlock .pastList .entryBlock a {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				width: 100%;
				padding-top: 2vw;
				padding-bottom: 2vw;
		}
		#News .archiveBlock .pastList .entryBlock .entryTitle {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.5;
				letter-spacing: 0em;
				padding-right: 0;
				width: 100%;
				order: 1;
		}
		#News .archiveBlock .pastList .entryBlock .entryCategory {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.5;
				letter-spacing: 0em;
				padding-right: 0;
				order: 2;
				margin-top: 2.6666666667vw;
		}
		#News .archiveBlock .pastList .entryBlock .entryDate {
				font-size: 12px; /* legacy */
				font-size: 3.2vw;
				line-height: 1;
				letter-spacing: 0em;
				padding-right: 0;
				padding-left: 0;
				order: 3;
				text-align: right;
		}
}
#News.bottom > .entryData .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
}
#News.bottom > .entryData .entryTitle {
		font-size: 24px;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 300;
		order: 2;
		position: relative;
}
#News.bottom > .entryData .entryTitle::after {
		content: "";
		display: block;
		width: 80px;
		height: 1px;
		background: #fad3b4;
		position: absolute;
		left: 0;
		bottom: 0;
}
#News.bottom > .entryData .entryCategory {
		display: block;
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 400;
		color: #e67b80;
		text-align: right;
		order: 3;
}
#News.bottom > .entryData .entryCategory:after {
		content: "";
		display: block;
		clear: both;
}
#News.bottom > .entryData .entryCategory li {
		display: inline-block;
		white-space: nowrap;
}
#News.bottom > .entryData .entryCategory li a {
		color: #e67b80;
}
#News.bottom > .entryData .entryCategory li a::before {
		content: "#";
}
#News.bottom > .entryData .entryCategory li + li {
		margin-left: 2em;
}
#News.bottom > .entryData .entryDate {
		font-size: 24px;
		line-height: 1.75;
		letter-spacing: 0em;
		color: #fad3b4;
		white-space: nowrap;
		width: 100%;
		order: 1;
}
@media screen and (max-width: 768px) {
		#News.bottom > .entryData .inner {
				flex-direction: column;
				align-items: flex-start;
		}
		#News.bottom > .entryData .entryTitle {
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		#News.bottom > .entryData .entryTitle::after {
				width: 10.6666666667vw;
		}
		#News.bottom > .entryData .entryCategory {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
				margin-top: 2.6666666667vw;
		}
		#News.bottom > .entryData .entryCategory li + li {
				margin-left: 1em;
		}
		#News.bottom > .entryData .entryDate {
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}
#News.bottom .mod_pageCover {
		margin-top: 40px;
}
@media screen and (max-width: 768px) {
		#News.bottom .mod_pageCover {
				margin-top: 5.3333333333vw;
		}
}
#News.bottom .entryBody .inner {
		padding: 35px 35px 0 35px;
}
@media screen and (max-width: 768px) {
		#News.bottom .entryBody .inner {
				padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
		}
}
#News #related {
		margin-top: 80px;
}
#News #related .sectionTitle {
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
		text-align: center;
		margin-bottom: 15px;
}
#News #related .relatedList ul {
		display: flex;
		justify-content: center;
}
#News #related .relatedList ul li {
		padding: 0 6px;
}
#News #related .relatedList ul li a {
		display: block;
		width: 200px;
		background: #FFF;
}
#News #related .relatedList ul li .entryData {
		padding: 10px;
}
#News #related .relatedList ul li .entryData .entryTitle {
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 300;
		color: #000;
}
@media screen and (max-width: 768px) {
		#News #related {
				margin-top: 10.6666666667vw;
		}
		#News #related .sectionTitle {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
				margin-bottom: 2vw;
		}
		#News #related .relatedList ul li {
				padding: 0 0.8vw;
		}
		#News #related .relatedList ul li a {
				width: 26.6666666667vw;
		}
		#News #related .relatedList ul li .entryData {
				padding: 1.3333333333vw;
		}
		#News #related .relatedList ul li .entryData .entryTitle {
				font-size: 12px; /* legacy */
				font-size: 3.2vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}
#News .blogNavi {
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: flex;
		justify-content: center;
}
#News .blogNavi .link {
		width: 100px;
}
#News .blogNavi .link a {
		display: inline-block;
		color: #000;
}
#News .blogNavi .link span {
		display: block;
}
#News .blogNavi .link .enCinzel {
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
}
#News .blogNavi .link .ja {
		font-size: 10px;
		line-height: 1.75;
		letter-spacing: 0em;
}
#News .blogNavi .prev .enCinzel::before {
		content: "< ";
		color: #e67b80;
}
#News .blogNavi .next .enCinzel::after {
		content: " >";
		color: #e67b80;
}
@media screen and (max-width: 768px) {
		#News .blogNavi {
				margin-top: 6.6666666667vw;
		}
		#News .blogNavi .link {
				width: 22.6666666667vw;
		}
		#News .blogNavi .link .enCinzel {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		#News .blogNavi .link .ja {
				font-size: 10px; /* legacy */
				font-size: 2.6666666667vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}

/*-------------------------------------------
	FAQ
------------------------------------------- */
#FAQ {
		background: #faf1e9;
}
#FAQ > .inner {
		padding-top: 60px;
		padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
		#FAQ > .inner {
				padding-top: 8vw;
				padding-bottom: 10.6666666667vw;
		}
}
#FAQ .mod_readCopy {
		margin-bottom: 45px;
		text-align: center;
}
@media screen and (max-width: 768px) {
		#FAQ .mod_readCopy {
				margin-bottom: 6vw;
		}
}
#FAQ .faqBlock {
		background: #FFF;
		padding-left: 24px;
		padding-right: 24px;
}
#FAQ .faqBlock + .faqBlock {
		margin-top: 40px;
}
#FAQ .faqBlock dl dt, #FAQ .faqBlock dl dd {
		font-weight: 300;
		padding: 15px 0;
}
#FAQ .faqBlock dl dt .wrap, #FAQ .faqBlock dl dd .wrap {
		display: flex;
		align-items: center;
}
#FAQ .faqBlock dl dt .wrap::before, #FAQ .faqBlock dl dd .wrap::before {
		font-family: "Cinzel", "Roboto", "Noto Sans JP", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
		font-weight: 400;
		content: "";
		display: block;
		font-size: 32px;
		line-height: 1;
		letter-spacing: 0em;
		width: 55px;
}
#FAQ .faqBlock dl dt .wrap::before {
		content: "Q";
		color: #F2A593;
}
#FAQ .faqBlock dl dd {
		border-top: solid 1px #333;
}
#FAQ .faqBlock dl dd .wrap::before {
		content: "A";
		color: #808080;
}
#FAQ .faqBlock .text {
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
		flex: 1;
}
@media screen and (max-width: 768px) {
		#FAQ .faqBlock {
				padding-left: 2.6666666667vw;
				padding-right: 2.6666666667vw;
		}
		#FAQ .faqBlock + .faqBlock {
				margin-top: 5.3333333333vw;
		}
		#FAQ .faqBlock dl dt, #FAQ .faqBlock dl dd {
				padding: 1.3333333333vw 0;
		}
		#FAQ .faqBlock dl dt .wrap::before, #FAQ .faqBlock dl dd .wrap::before {
				font-size: 25px; /* legacy */
				font-size: 6.6666666667vw;
				line-height: 1;
				letter-spacing: 0em;
				width: 11.3333333333vw;
		}
		#FAQ .faqBlock dl dt {
				position: relative;
				cursor: pointer;
		}
		#FAQ .faqBlock dl dt::after {
				content: "";
				display: block;
				width: 1.6vw;
				height: 1.3333333333vw;
				background: url(/assets/images/svg/icon_arrow_faq.svg) no-repeat left top;
				background-size: 100%;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -0.6666666667vw;
				pointer-events: none;
				transition: all 0.15s ease-out;
		}
		#FAQ .faqBlock dl dd {
				display: none;
		}
		#FAQ .faqBlock dl.open dt::after {
				transform: rotate(180deg);
		}
		#FAQ .faqBlock .text {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}
#FAQ .contact {
		text-align: center;
		margin-top: 40px;
}
#FAQ .contact .text {
		font-size: 14px;
		line-height: 1.75;
		letter-spacing: 0em;
}
#FAQ .contact .text a {
		color: #000;
		text-decoration: underline;
}
#FAQ .contact .buttonWrap {
		margin-top: 15px;
}
#FAQ .contact .button a.mod_linkButton {
		border: solid 1px #F2A593;
		background: #F2A593;
}
@media screen and (min-width: 769px) {
		#FAQ .contact .button a.mod_linkButton:hover {
				color: #F2A593;
				background: #FFF;
		}
}
#FAQ .contact .button + .button {
		margin-top: 10px;
}
@media screen and (max-width: 768px) {
		#FAQ .contact {
				margin-top: 5.3333333333vw;
		}
		#FAQ .contact .text {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		#FAQ .contact .buttonWrap {
				margin-top: 2.6666666667vw;
		}
		#FAQ .contact .button + .button {
				margin-top: 1.3333333333vw;
		}
}

/*-------------------------------------------
	Guest
------------------------------------------- */
#Guest .mod_pageCover {
		background: #faf1e9;
}
#Guest .mod_pageCover .mod_pageTitle {
		margin-top: 80px;
}
@media screen and (max-width: 768px) {
		#Guest .mod_pageCover .mod_pageTitle {
				margin-top: 2.6666666667vw;
		}
}
#Guest .readCopy {
		text-align: center;
		margin-top: 30px;
}
@media screen and (max-width: 768px) {
		#Guest .readCopy {
				margin-top: 6.6666666667vw;
		}
}
#Guest .text {
		font-size: 14px;
		line-height: 2.5714285714;
		letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
		#Guest .text {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2;
				letter-spacing: 0em;
		}
}
#Guest .sectionTitle {
		font-size: 24px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: inherit;
		text-align: center;
		margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
		#Guest .sectionTitle {
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1;
				letter-spacing: 0em;
				margin-bottom: 8vw;
		}
}
#Guest .costume {
		background: #faf1e9;
}
#Guest .costume .inner {
		padding-top: 80px;
		padding-bottom: 80px;
}
#Guest .costume .List {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
#Guest .costume .List li {
		width: calc((100% - 32px) / 2);
		display: flex;
		justify-content: space-between;
}
@media screen and (min-width: 769px) {
		#Guest .costume .List li:nth-child(n+3) {
				margin-top: 60px;
		}
}
#Guest .costume .List li .image, #Guest .costume .List li .textArea {
		width: calc((100% - 24px) / 2);
}
#Guest .costume .List li .textArea dl dt {
		font-size: 24px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: inherit;
		margin-bottom: 1em;
}
#Guest .costume .List li .textArea dl dd .price {
		border-top: solid 1px #ce7a7f;
		padding-top: 10px;
		margin-top: 20px;
		font-size: 16px;
		line-height: 1;
		letter-spacing: 0.04em;
		color: #3d0023;
}
#Guest .costume .List li .textArea dl dd .price small {
		font-size: 14px;
		line-height: 1.1428571429;
		letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
		#Guest .costume .inner {
				padding-top: 10.6666666667vw;
				padding-bottom: 10.6666666667vw;
		}
		#Guest .costume .List {
				width: 100%;
				display: block;
		}
		#Guest .costume .List li {
				width: 78.6666666667vw;
				margin-left: auto;
				margin-right: auto;
				display: block;
		}
		#Guest .costume .List li + li {
				margin-top: 13.3333333333vw;
		}
		#Guest .costume .List li .image, #Guest .costume .List li .textArea {
				width: 100%;
		}
		#Guest .costume .List li .image {
				text-align: center;
		}
		#Guest .costume .List li .textArea {
				margin-top: 5.3333333333vw;
		}
		#Guest .costume .List li .textArea dl dt {
				font-size: 19px; /* legacy */
				font-size: 5.0666666667vw;
				line-height: 1;
				letter-spacing: 0em;
				text-align: center;
		}
		#Guest .costume .List li .textArea dl dd .price {
				padding-top: 2.6666666667vw;
				margin-top: 5.3333333333vw;
				font-size: 16px; /* legacy */
				font-size: 4.2666666667vw;
				line-height: 1;
				letter-spacing: 0.04em;
				text-align: right;
		}
		#Guest .costume .List li .textArea dl dd .price small {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 1.1428571429;
				letter-spacing: 0em;
		}
}
#Guest .item .inner {
		padding-top: 80px;
		padding-bottom: 80px;
}
#Guest .item .List {
		display: flex;
		flex-wrap: wrap;
}
#Guest .item .List li {
		width: calc((100% - 24px) / 4);
}
@media screen and (min-width: 769px) {
		#Guest .item .List li {
				margin-left: 4px;
		}
		#Guest .item .List li:nth-child(4n-3) {
				margin-left: 0;
		}
		#Guest .item .List li:nth-child(n+5) {
				margin-top: 15px;
		}
}
#Guest .item .List li .caption {
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 18px;
		line-height: 1.7777777778;
		letter-spacing: 0em;
		text-align: center;
}
#Guest .item .other {
		font-size: 16px;
		line-height: 1.75;
		letter-spacing: 0em;
		text-align: center;
		margin-top: 70px;
}
@media screen and (max-width: 768px) {
		#Guest .item .inner {
				padding-top: 10.6666666667vw;
				padding-bottom: 10.6666666667vw;
		}
		#Guest .item .List li {
				width: calc((100% - 2vw) / 4);
				margin-left: 0.6666666667vw;
		}
		#Guest .item .List li:nth-child(4n-3) {
				margin-left: 0;
		}
		#Guest .item .List li:nth-child(n+5) {
				margin-top: 4vw;
		}
}
@media screen and (max-width: 768px) and (min-width: 769px) {
		#Guest .item .List li {
				margin-left: 4px;
		}
		#Guest .item .List li:nth-child(4n-4) {
				margin-left: 0;
		}
		#Guest .item .List li:nth-child(n+5) {
				margin-top: 15px;
		}
}
@media screen and (max-width: 768px) {
		#Guest .item .List li .caption {
				display: block;
				height: auto;
				font-size: 10px; /* legacy */
				font-size: 2.6666666667vw;
				line-height: 1.7;
				letter-spacing: 0em;
				margin-top: 0.6666666667vw;
		}
		#Guest .item .other {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2.0714285714;
				letter-spacing: 0em;
				margin-top: 16vw;
		}
}
#Guest .flow {
		background: #faf1e9;
}
#Guest .flow .inner {
		padding-top: 80px;
		padding-bottom: 80px;
}
#Guest .flow .block + .block {
		margin-top: 140px;
}
#Guest .flow .block .blockTitle {
		display: inline-block;
		position: relative;
		font-size: 20px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: inherit;
		padding-bottom: 15px;
		margin-bottom: 75px;
}
#Guest .flow .block .blockTitle::after {
		content: "";
		display: block;
		width: 1920px;
		height: 1px;
		background: #ce7a7f;
		position: absolute;
		bottom: 0;
		right: 0;
}
#Guest .flow .block .wrap {
		display: flex;
		justify-content: space-between;
}
#Guest .flow .block .wrap .textArea, #Guest .flow .block .wrap .image {
		width: calc((100% - 60px) / 2);
}
#Guest .flow .block .textArea dl + dl {
		margin-top: 60px;
}
#Guest .flow .block .textArea dl dt {
		font-size: 18px;
		line-height: 1;
		letter-spacing: 0.04em;
		margin-bottom: 1em;
		font-weight: inherit;
}
#Guest .flow .block .textArea dl dt::before {
		content: "";
		display: inline-block;
		width: 6px;
		height: 12px;
		background: url(../images/guest/title_dot.svg) no-repeat left center;
		background-size: 100%;
		margin-right: 0.5em;
}
@media screen and (max-width: 768px) {
		#Guest .flow .inner {
				padding-top: 10.6666666667vw;
				padding-bottom: 10.6666666667vw;
		}
		#Guest .flow .sectionTitle {
				margin-bottom: 13.3333333333vw;
		}
		#Guest .flow .block + .block {
				margin-top: 24vw;
		}
		#Guest .flow .block .blockTitle {
				display: block;
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1;
				letter-spacing: 0em;
				text-align: right;
				padding-bottom: 4vw;
				margin-bottom: 13.3333333333vw;
		}
		#Guest .flow .block .blockTitle::after {
				width: 94.6666666667vw;
		}
		#Guest .flow .block .wrap {
				display: block;
		}
		#Guest .flow .block .wrap .textArea {
				width: 100%;
		}
		#Guest .flow .block .wrap .image {
				width: 100vw;
		}
		#Guest .flow .block .textArea dl + dl {
				margin-top: 10.6666666667vw;
		}
		#Guest .flow .block .textArea dl dt {
				font-size: 18px; /* legacy */
				font-size: 4.8vw;
				line-height: 1;
				letter-spacing: 0.04em;
				margin-bottom: 1em;
				font-weight: inherit;
		}
		#Guest .flow .block .textArea dl dt::before {
				content: "";
				display: inline-block;
				width: 1.6vw;
				height: 3.2vw;
		}
		#Guest .flow .block .image {
				margin-left: -5.3333333333vw;
				margin-top: 10.6666666667vw;
		}
}
#Guest .flow .contact {
		text-align: center;
		margin-top: 90px;
}
#Guest .flow .contact .button a.mod_linkButton {
		border: solid 1px #ce7a7f;
		background: #ce7a7f;
}
@media screen and (min-width: 769px) {
		#Guest .flow .contact .button a.mod_linkButton:hover {
				color: #ce7a7f;
				background: #FFF;
		}
}
@media screen and (max-width: 768px) {
		#Guest .flow .contact {
				margin-top: 29.3333333333vw;
		}
}

/*-------------------------------------------
	Contact
------------------------------------------- */
#Contact {
		background: #faf1e9;
		padding-bottom: 80px;
		/*-------------------------------------------> form - Confirm */
}
@media screen and (max-width: 768px) {
		#Contact {
				padding-bottom: 10.6666666667vw;
		}
}
#Contact .mod_pageCover {
		text-align: center;
}
#Contact .mod_pageCover .mod_pageTitle {
		margin-top: 80px;
}
#Contact .mod_pageCover .anotherLink {
		margin-top: 20px;
		margin-bottom: 35px;
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0em;
		color: #7f7f7f;
}
#Contact .mod_pageCover .anotherLink a {
		color: #7f7f7f;
		text-decoration: underline;
}
#Contact .mod_pageCover .inner {
		border-bottom: solid 1px #3d0023;
}
@media screen and (max-width: 768px) {
		#Contact .mod_pageCover .mod_pageTitle {
				margin-top: 2.4vw;
		}
		#Contact .mod_pageCover .anotherLink {
				margin-top: 2.6666666667vw;
				margin-bottom: 5.3333333333vw;
				font-size: 12px; /* legacy */
				font-size: 3.2vw;
				line-height: 1;
				letter-spacing: 0em;
		}
}
#Contact .textArea {
		padding-top: 45px;
		text-align: center;
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 400;
		color: #000;
}
#Contact .textArea a {
		color: #000;
		text-decoration: underline;
}
#Contact .textArea .text + .text {
		margin-top: 1.75em;
}
@media screen and (max-width: 768px) {
		#Contact .textArea {
				padding-top: 6vw;
				font-size: 12px; /* legacy */
				font-size: 3.2vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}
@media screen and (min-width: 769px) {
		#Contact .inner.innerNarrow {
				max-width: 360px;
		}
}
#Contact .form .note {
		color: #ce7a7f;
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0em;
		text-align: right;
		margin-top: 25px;
		margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
		#Contact .form .note {
				font-size: 12px; /* legacy */
				font-size: 3.2vw;
				line-height: 1.75;
				letter-spacing: 0em;
				margin-top: 3.3333333333vw;
				margin-bottom: 3.3333333333vw;
		}
}
#Contact .formLayout dl {
		position: relative;
}
#Contact .formLayout dl + dl {
		margin-top: 20px;
}
#Contact .formLayout dl dt,
#Contact .formLayout dl dd {
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0em;
}
#Contact .formLayout dl dt {
		font-weight: 400;
		text-align: right;
		position: absolute;
		top: 0;
		left: -20px;
		transform: translateX(-100%);
}
#Contact .formLayout dl dt.require::before {
		content: "※";
		color: #ce7a7f;
}
#Contact .formLayout dl dd .note {
		text-align: left;
}
#Contact .formLayout dl.inputWide dt, #Contact .formLayout dl.inputZip dt {
		padding-top: 10px;
}
#Contact .formLayout dl.inputWide dd input[type=text],
#Contact .formLayout dl.inputWide dd input[type=email],
#Contact .formLayout dl.inputWide dd textarea {
		width: 100%;
}
#Contact .formLayout dl.inputRadio dd:after {
		content: "";
		display: block;
		clear: both;
}
#Contact .formLayout dl.inputRadio dd .mwform-radio-field {
		float: left;
		width: 25%;
}
@media screen and (min-width: 769px) {
		#Contact .formLayout dl.inputRadio dd .mwform-radio-field:nth-of-type(n+5) {
				margin-top: 1em;
		}
}
@media screen and (max-width: 768px) {
		#Contact .formLayout dl.inputRadio dd .mwform-radio-field:nth-of-type(n+3) {
				margin-top: 1em;
		}
}
#Contact .formLayout dl.inputRadio dd .mwform-radio-field + .mwform-radio-field {
		margin-left: 0;
}
#Contact .formLayout dl.inputCheck dd .mwform-checkbox-field {
		display: block;
		margin-bottom: 0.5em;
}
#Contact .formLayout dl.inputRadio dd label, #Contact .formLayout dl.inputCheck dd label {
		display: block;
		cursor: pointer;
}
#Contact .formLayout dl.inputRadio dd label span, #Contact .formLayout dl.inputCheck dd label span {
		margin-left: 0.5em;
}
#Contact .formLayout dl#checkshop.inputCheck dd label {
		display: inline-block;
}
#Contact .formLayout dl.inputZip dd input[type=text] {
		width: 180px;
}
#Contact .formLayout dl.inputZip dd .mod_linkButton {
		margin-left: 20px;
}
#Contact .formLayout dl.inputZip dd input[type=text],
#Contact .formLayout dl.inputZip dd .mod_linkButton {
		vertical-align: middle;
}
#Contact .formLayout input[type=text],
#Contact .formLayout input[type=email],
#Contact .formLayout textarea {
		background: #FFF;
		padding: 10px 5px;
		border-radius: 5px;
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0.1em;
}
#Contact .formLayout textarea {
		height: 280px;
}
@media screen and (max-width: 768px) {
		#Contact .formLayout dl + dl {
				margin-top: 5.3333333333vw;
		}
		#Contact .formLayout dl dt,
		#Contact .formLayout dl dd {
				font-size: 16px; /* legacy */
				font-size: 4.2666666667vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		#Contact .formLayout dl dt {
				position: relative;
				top: auto;
				left: auto;
				transform: none;
				text-align: left;
				padding-bottom: 1.3333333333vw;
		}
		#Contact .formLayout dl dt.require::before {
				content: "※";
				color: #ce7a7f;
		}
		#Contact .formLayout dl.inputWide dt, #Contact .formLayout dl.inputZip dt {
				padding-top: 0;
		}
		#Contact .formLayout dl.inputRadio dd:after {
				content: "";
				display: block;
				clear: both;
		}
		#Contact .formLayout dl.inputRadio dd .mwform-radio-field {
				float: left;
				width: 50%;
		}
		#Contact .formLayout dl.inputZip dd input[type=text] {
				width: 50%;
		}
		#Contact .formLayout dl.inputZip dd .mod_linkButton {
				margin-left: 2.6666666667vw;
		}
		#Contact .formLayout input[type=text],
		#Contact .formLayout input[type=email],
		#Contact .formLayout textarea {
				padding: 1.3333333333vw 0.6666666667vw;
				border-radius: 5px;
				font-size: 16px; /* legacy */
				font-size: 4.2666666667vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
		#Contact .formLayout textarea {
				height: 37.3333333333vw;
		}
}
#Contact .formButton {
		margin-top: 60px;
}
#Contact .formButton a,
#Contact .formButton button,
#Contact .formButton input[type=submit] {
		cursor: pointer;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		background: #ce7a7f;
		color: #FFF;
		font-size: 14px;
		line-height: 2.5714285714;
		letter-spacing: 0em;
		text-align: center;
		min-width: 120px;
		border: solid 1px #ce7a7f;
		transition: all 0.15s ease-out;
}
@media screen and (max-width: 768px) {
		#Contact .formButton a,
		#Contact .formButton button,
		#Contact .formButton input[type=submit] {
				font-size: 14px; /* legacy */
				font-size: 3.7333333333vw;
				line-height: 2.5714285714;
				letter-spacing: 0em;
				min-width: 16vw;
				border: none;
		}
}
@media screen and (min-width: 769px) {
		#Contact .formButton a:hover,
		#Contact .formButton button:hover,
		#Contact .formButton input[type=submit]:hover {
				background: #FFF;
				color: #ce7a7f;
		}
}
@media screen and (max-width: 768px) {
		#Contact .formButton {
				margin-top: 8vw;
		}
}
#Contact .formConfirm .mod_pageCover .inner,
#Contact .mw_wp_form_confirm .mod_pageCover .inner,
#Contact .mw_wp_form_preview .mod_pageCover .inner {
		padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
		#Contact .formConfirm .mod_pageCover .inner,
		#Contact .mw_wp_form_confirm .mod_pageCover .inner,
		#Contact .mw_wp_form_preview .mod_pageCover .inner {
				padding-bottom: 4vw;
		}
}
#Contact .formConfirm .formLayout dl.inputWide dt, #Contact .formConfirm .formLayout dl.inputZip dt,
#Contact .mw_wp_form_confirm .formLayout dl.inputWide dt,
#Contact .mw_wp_form_confirm .formLayout dl.inputZip dt,
#Contact .mw_wp_form_preview .formLayout dl.inputWide dt,
#Contact .mw_wp_form_preview .formLayout dl.inputZip dt {
		padding-top: 0;
}
#Contact .formConfirm .formLayout dl dd,
#Contact .mw_wp_form_confirm .formLayout dl dd,
#Contact .mw_wp_form_preview .formLayout dl dd {
		min-height: calc(1em + 20px);
}
#Contact .formConfirm .formButton .formBack a,
#Contact .formConfirm .formButton .formBack button,
#Contact .mw_wp_form_confirm .formButton .formBack a,
#Contact .mw_wp_form_confirm .formButton .formBack button,
#Contact .mw_wp_form_preview .formButton .formBack a,
#Contact .mw_wp_form_preview .formButton .formBack button {
		background: #efd2b4;
		border: solid 1px #efd2b4;
}
@media screen and (min-width: 769px) {
		#Contact .formConfirm .formButton .formBack a:hover,
		#Contact .formConfirm .formButton .formBack button:hover,
		#Contact .mw_wp_form_confirm .formButton .formBack a:hover,
		#Contact .mw_wp_form_confirm .formButton .formBack button:hover,
		#Contact .mw_wp_form_preview .formButton .formBack a:hover,
		#Contact .mw_wp_form_preview .formButton .formBack button:hover {
				background: #FFF;
				color: #efd2b4;
		}
}
#Contact .formConfirm #checkshop dd,
#Contact .mw_wp_form_confirm #checkshop dd,
#Contact .mw_wp_form_preview #checkshop dd {
		min-height: calc(4em + 20px);
}
#Contact .formConfirm #searchAddress,
#Contact .mw_wp_form_confirm #searchAddress,
#Contact .mw_wp_form_preview #searchAddress {
		display: none;
}

/*-------------------------------------------> tableLayout */
.mod_tableLayout {
		display: table;
		font-size: 14px;
		line-height: 2;
		letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
		.mod_tableLayout {
				font-size: 28px; /* legacy */
				font-size: 7.4666666667vw;
				line-height: 2;
				letter-spacing: 0.1em;
		}
}
.mod_tableLayout dl {
		display: table-row;
}
.mod_tableLayout dl dt,
.mod_tableLayout dl dd {
		display: table-cell;
		vertical-align: top;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
}
.mod_tableLayout dl dt {
		font-weight: 400;
}
.mod_tableLayout dl.spaceTop dt,
.mod_tableLayout dl.spaceTop dd {
		padding-top: 4em;
}

.mw_wp_form_input .input_show {
		display: block;
}
.mw_wp_form_input .input_hide {
		display: none;
}
.mw_wp_form_input .confirm_show {
		display: none;
}
.mw_wp_form_input .confirm_hide {
		display: block;
}

.mw_wp_form_confirm .input_show,
.mw_wp_form_preview .input_show {
		display: none;
}
.mw_wp_form_confirm .input_hide,
.mw_wp_form_preview .input_hide {
		display: block;
}
.mw_wp_form_confirm .confirm_show,
.mw_wp_form_preview .confirm_show {
		display: block;
}
.mw_wp_form_confirm .confirm_hide,
.mw_wp_form_preview .confirm_hide {
		display: none;
}

.mw_wp_form mw_wp_form_complete .sectionTitle,
.complete .sectionTitle {
		text-align: center;
		font-size: 24px;
		line-height: 1.5;
		letter-spacing: 0em;
		margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
		.mw_wp_form mw_wp_form_complete .sectionTitle,
		.complete .sectionTitle {
				font-size: 20px; /* legacy */
				font-size: 5.3333333333vw;
				line-height: 1.8;
				letter-spacing: 0em;
				margin-bottom: 4vw;
		}
}
.mw_wp_form mw_wp_form_complete .textArea,
.complete .textArea {
		text-align: center;
}

/*-------------------------------------------> form - input
.formInput,
.mw_wp_form_input {
	input[type="text"],
	input[type="email"],
	textarea {
		width: 100%;
		border: solid 1px $BORDER;
		padding: 0.5em;
	}
	textarea {
		height: 260px;
		@media screen and ($less-tab) {
			height: vw(260);
		}
	}
	.input2column {
		.flex {
			width: 100%;
			input {
				width: calc(350/720*100%);
				+ input {
					margin-left: auto;
				}
			}
		}
		+ .input2column {
			margin-top: 1em;
		}
	}
	.inputRadio {
		label {
			display: inline-block;
			white-space: nowrap;
			margin-right: 1.5em;
			cursor: pointer;
			position: relative;
			padding-left: 1.3em;
			input {
				vertical-align: middle;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				margin: auto;
			}
		}
	}
}
 */
.form .error,
.mw_wp_form .error {
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: bold;
}
@media screen and (max-width: 768px) {
		.form .error,
		.mw_wp_form .error {
				font-size: 16px; /* legacy */
				font-size: 4.2666666667vw;
				line-height: 1.75;
				letter-spacing: 0em;
		}
}
.form .mod_tableLayout,
.mw_wp_form .mod_tableLayout {
		margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
		.form .mod_tableLayout,
		.mw_wp_form .mod_tableLayout {
				margin-bottom: 16vw;
		}
}
.form .formButton,
.mw_wp_form .formButton {
		text-align: center;
}
.form .formButton .mod_linkButton.submit a,
.form .formButton .mod_linkButton.submit button,
.mw_wp_form .formButton .mod_linkButton.submit a,
.mw_wp_form .formButton .mod_linkButton.submit button {
		background: #808080;
		color: #FFF;
}
@media screen and (min-width: 769px) {
		.form .formButton .mod_linkButton.submit a:hover,
		.form .formButton .mod_linkButton.submit button:hover,
		.mw_wp_form .formButton .mod_linkButton.submit a:hover,
		.mw_wp_form .formButton .mod_linkButton.submit button:hover {
				background: #000;
				color: #FFF;
		}
}
.form .formButton .mod_linkButton + .mod_linkButton,
.mw_wp_form .formButton .mod_linkButton + .mod_linkButton {
		margin-top: 25px;
}
@media screen and (max-width: 768px) {
		.form .formButton .mod_linkButton + .mod_linkButton,
		.mw_wp_form .formButton .mod_linkButton + .mod_linkButton {
				margin-top: 3.3333333333vw;
		}
}

/*-------------------------------------------
	Error
------------------------------------------- */
/* animation
.image {
	animation-delay: 0.3s;
}
&.inView {
	.base, .image {
		animation-name: fadeInUp;
	}
}
*/
.scrollIcon .icon {
		animation-duration: 1.5s;
		animation-iteration-count: infinite;
		animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
		animation-name: scrollIcon;
}

/*-------------------------------------------> animation module */
.anim-fadeInUp {
		opacity: 0;
		animation-duration: 0.75s;
		animation-iteration-count: 1;
		animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInUp,
.inView .isAnim.inView .anim-fadeInUp,
.inView .anim-fadeInUp,
.inView.anim-fadeInUp {
		animation-name: fadeInUp;
}

.inView .isAnim.anim-fadeInUp,
.inView .isAnim .anim-fadeInUp {
		animation-name: none;
}

.anim-fadeIn {
		opacity: 0;
		animation-duration: 0.5s;
		animation-iteration-count: 1;
		animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn,
.inView .isAnim.inView .anim-fadeIn,
.inView .anim-fadeIn,
.inView.anim-fadeIn {
		animation-name: fadeIn;
}

.inView .isAnim.anim-fadeIn,
.inView .isAnim .anim-fadeIn {
		animation-name: none;
}

/* delay */
@media screen and (min-width: 769px) {
		.delay0 {
				animation-delay: 0s;
		}
		.delay1 {
				animation-delay: 0.2s;
		}
		.delay2 {
				animation-delay: 0.4s;
		}
		.delay3 {
				animation-delay: 0.6s;
		}
		.delay4 {
				animation-delay: 0.8s;
		}
		.delay5 {
				animation-delay: 1s;
		}
		.delay6 {
				animation-delay: 1.2s;
		}
		.delay7 {
				animation-delay: 1.4s;
		}
		.delay8 {
				animation-delay: 1.6s;
		}
		.delay9 {
				animation-delay: 1.8s;
		}
		.delay10 {
				animation-delay: 2s;
		}
		.delay11 {
				animation-delay: 2.2s;
		}
}
/*-------------------------------------------> keyframe */
@keyframes fadeInUp {
		from {
				opacity: 0;
				transform: translate3d(0, 20px, 0);
		}
		to {
				opacity: 1;
				transform: none;
		}
}
@keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}
@keyframes loading {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(-360deg);
		}
}
@keyframes scrollIcon {
		0% {
				transform: translate3d(0, 0, 0);
				opacity: 0;
		}
		100% {
				transform: translate3d(10px, 0, 0);
				opacity: 1;
		}
}