@charset "UTF-8";
#Neko2022 {
		background: #FFF;
		color: #003459;
		/*-------------------------------------------> About */
		/*-------------------------------------------> Story */
		/*-------------------------------------------> Shop */
		/*-------------------------------------------> Contact */
}
#Neko2022 .inner {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
}
#Neko2022 .innerIn {
		max-width: 1044px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 6.6666666667%;
		padding-right: 6.6666666667%;
}
#Neko2022 .header {
		background: #003459;
		font-size: 14px;
		line-height: 1;
		letter-spacing: 0.1em;
		color: #FFF;
		width: 100%;
		height: 40px;
		position: sticky;
		z-index: 10;
		top: 90px;
		left: 0;
}
#Neko2022 .header .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 40px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#Neko2022 .header .navi {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
#Neko2022 .header .navi a {
		color: inherit;
}
#Neko2022 .header .navi li + li {
		margin-left: 1em;
}
#Neko2022 .header .sns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
#Neko2022 .header .sns img {
		height: 18px;
}
#Neko2022 .header .sns li + li {
		margin-left: 14px;
}
@media screen and (max-width: 767px) {
		#Neko2022 .header {
				font-size: 11px;
				/* legacy */
				font-size: 2.9333333333vw;
				line-height: 1;
				letter-spacing: 0.1em;
				height: 6.6666666667vw;
				top: 20vw;
				left: 0;
		}
		#Neko2022 .header .inner {
				padding-left: 2.6666666667vw;
				padding-right: 2.6666666667vw;
				height: 6.6666666667vw;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		#Neko2022 .header .sns img {
				height: 3.2vw;
		}
		#Neko2022 .header .sns li + li {
				margin-left: 2.6666666667vw;
		}
}
#Neko2022 .fixBannerArea {
		position: relative;
}
#Neko2022 .fixBannerArea .fixBanner {
		position: sticky;
		z-index: 5;
		top: 140px;
		left: 0;
		pointer-events: none;
}
#Neko2022 .fixBannerArea .fixBanner a {
		display: block;
		width: 224px;
		height: 188px;
		pointer-events: auto;
		margin-left: auto;
		-webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
		        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
}
@media screen and (max-width: 767px) {
		#Neko2022 .fixBannerArea .fixBanner {
				top: 29.3333333333vw;
		}
		#Neko2022 .fixBannerArea .fixBanner a {
				width: 18.6666666667vw;
				height: auto;
				margin-right: 2.6666666667vw;
		}
}
#Neko2022 .sectionTitle {
		padding-top: 80px;
		margin-bottom: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 50px;
		line-height: 1;
		letter-spacing: 0.2em;
		font-weight: 700;
		text-align: center;
}
#Neko2022 .sectionTitle::before {
		content: "";
		width: 46px;
		height: 46px;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 46px;
		        flex: 0 0 46px;
		background: url(../images/nekokan2022/icon_title.png) no-repeat center center;
		margin-right: 0.5em;
}
@media screen and (max-width: 767px) {
		#Neko2022 .sectionTitle {
				padding-top: 10.6666666667vw;
				margin-bottom: 2vw;
				font-size: 15px;
				/* legacy */
				font-size: 4vw;
				line-height: 1;
				letter-spacing: 0.2em;
		}
		#Neko2022 .sectionTitle::before {
				content: "";
				width: 3.7333333333vw;
				height: 3.7333333333vw;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 3.7333333333vw;
				        flex: 0 0 3.7333333333vw;
				background: url(../images/nekokan2022/icon_title.png) no-repeat center center/contain;
		}
}
#Neko2022 .HeadCopy {
		font-size: 48px;
		line-height: 1.6666666667;
		letter-spacing: 0em;
		font-weight: 700;
}
#Neko2022 .HeadCopy::after {
		margin-top: -10px;
		content: "";
		display: block;
		width: 556px;
		height: 44px;
		background: url(../images/nekokan2022/line.svg) no-repeat left center/contain;
}
@media screen and (max-width: 767px) {
		#Neko2022 .HeadCopy {
				font-size: 15px;
				/* legacy */
				font-size: 4vw;
				line-height: 1.6666666667;
				letter-spacing: 0em;
		}
		#Neko2022 .HeadCopy::after {
				margin-top: -0.6666666667vw;
				width: 46.4vw;
				height: 3.7333333333vw;
		}
}
#Neko2022 .text {
		font-size: 36px;
		line-height: 1.6666666667;
		letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
		#Neko2022 .text {
				font-size: 11px;
				/* legacy */
				font-size: 2.9333333333vw;
				line-height: 1.6818181818;
				letter-spacing: 0em;
		}
}
@media screen and (min-width: 768px) {
		#Neko2022 .tel {
				cursor: default;
		}
}
#Neko2022 #About {
		padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
		#Neko2022 #About {
				padding-bottom: 4vw;
		}
}
#Neko2022 .About {
		margin-top: -188px;
}
#Neko2022 .About .text, #Neko2022 .About .image {
		margin-top: 40px;
}
#Neko2022 .About .image {
		text-align: center;
}
@media screen and (max-width: 767px) {
		#Neko2022 .About {
				margin-top: -15.7333333333vw;
		}
		#Neko2022 .About .text, #Neko2022 .About .image {
				margin-top: 5.3333333333vw;
		}
}
#Neko2022 .About .column2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
#Neko2022 .About .column2 .text {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 38.3141762452%;
		        flex: 0 1 38.3141762452%;
		margin-right: auto;
}
#Neko2022 .About .column2 .image {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 58.2375478927%;
		        flex: 0 1 58.2375478927%;
		position: relative;
}
#Neko2022 .About .column2 .image img {
		-webkit-transform: scale(1.13);
		        transform: scale(1.13);
		-webkit-transform-origin: left top;
		        transform-origin: left top;
}
#Neko2022 .About .spec {
		margin-top: 80px;
		margin-bottom: 80px;
		border-top: solid 1px #003459;
		border-bottom: solid 1px #003459;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
#Neko2022 .About .spec .listWrap {
		padding-top: 40px;
		padding-bottom: 40px;
}
#Neko2022 .About .spec dl {
		display: block;
}
#Neko2022 .About .spec dl dt, #Neko2022 .About .spec dl dd {
		display: inline;
}
#Neko2022 .About .spec dl dt::after {
		content: "：";
}
@media screen and (max-width: 767px) {
		#Neko2022 .About .spec {
				margin-top: 10.6666666667vw;
				margin-bottom: 10.6666666667vw;
		}
		#Neko2022 .About .spec .listWrap {
				padding-top: 5.3333333333vw;
				padding-bottom: 5.3333333333vw;
		}
}
#Neko2022 .About .items {
		width: 93.4865900383%;
		margin-left: auto;
		margin-right: auto;
}
#Neko2022 .About .items .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
#Neko2022 .About .items .item + .item {
		margin-top: 40px;
}
#Neko2022 .About .items .item .image {
		margin: 0;
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 40.1639344262%;
		        flex: 0 1 40.1639344262%;
}
#Neko2022 .About .items .item dl {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 58.1967213115%;
		        flex: 0 1 58.1967213115%;
		margin-left: auto;
}
#Neko2022 .About .items .item dl dt {
		position: relative;
		font-size: 36px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 700;
		padding-bottom: 50px;
}
#Neko2022 .About .items .item dl dt::after {
		content: "";
		display: block;
		width: 556px;
		height: 44px;
		background: url(../images/nekokan2022/line.svg) no-repeat left center/contain;
		position: absolute;
		left: 0;
		bottom: 0;
}
#Neko2022 .About .items .item dl dd {
		font-size: 28px;
		line-height: 1.7142857143;
		letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
		#Neko2022 .About .items {
				width: 100%;
		}
		#Neko2022 .About .items .item {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
		}
		#Neko2022 .About .items .item + .item {
				margin-top: 5.3333333333vw;
		}
		#Neko2022 .About .items .item .image {
				margin: 0;
				-webkit-box-flex: 0;
				    -ms-flex: 0 1 40.1639344262%;
				        flex: 0 1 40.1639344262%;
		}
		#Neko2022 .About .items .item dl {
				-webkit-box-flex: 0;
				    -ms-flex: 0 1 58.1967213115%;
				        flex: 0 1 58.1967213115%;
				margin-left: auto;
		}
		#Neko2022 .About .items .item dl dt {
				position: relative;
				font-size: 11px;
				/* legacy */
				font-size: 2.9333333333vw;
				line-height: 1;
				letter-spacing: 0em;
				padding-bottom: 2.6666666667vw;
		}
		#Neko2022 .About .items .item dl dt::after {
				width: 46.4vw;
				height: 3.7333333333vw;
				background: url(../images/nekokan2022/line.svg) no-repeat left center/contain;
		}
		#Neko2022 .About .items .item dl dd {
				margin-top: 1.3333333333vw;
				font-size: 9px;
				/* legacy */
				font-size: 2.4vw;
				line-height: 1.6666666667;
				letter-spacing: 0em;
		}
}
#Neko2022 #Story .inner, #Neko2022 #Story .image {
		padding: 0;
}
#Neko2022 #Story .copy {
		font-size: 48px;
		line-height: 1.6666666667;
		letter-spacing: 0.1em;
		margin-top: 40px;
		margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
		#Neko2022 #Story .copy {
				font-size: 15px;
				/* legacy */
				font-size: 4vw;
				line-height: 1.6666666667;
				letter-spacing: 0.1em;
				margin-top: 4vw;
				margin-bottom: 4vw;
		}
}
#Neko2022 #Story .movie {
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		position: relative;
}
#Neko2022 #Story .movie iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
}
#Neko2022 #Story .profile {
		margin-top: 80px;
		border-top: solid 1px #003459;
		border-bottom: solid 1px #003459;
		padding-top: 40px;
		padding-bottom: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
#Neko2022 #Story .profile .text {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 49.8084291188%;
		        flex: 0 1 49.8084291188%;
}
#Neko2022 #Story .profile .text dl dt small {
		font-size: 32px;
}
#Neko2022 #Story .profile .text dl dd {
		margin-top: 1em;
}
#Neko2022 #Story .profile .image {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 43.6781609195%;
		        flex: 0 1 43.6781609195%;
		margin-left: auto;
}
#Neko2022 #Story .profile .sns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 20px;
		line-height: 1;
}
#Neko2022 #Story .profile .sns li a {
		display: block;
}
#Neko2022 #Story .profile .sns li + li {
		margin-left: 40px;
}
@media screen and (max-width: 767px) {
		#Neko2022 #Story .profile {
				margin-top: 10.6666666667vw;
				padding-top: 4vw;
				padding-bottom: 4vw;
		}
		#Neko2022 #Story .profile .text dl dt small {
				font-size: 2.6666666667vw;
		}
		#Neko2022 #Story .profile .sns {
				margin-top: 2.6666666667vw;
		}
		#Neko2022 #Story .profile .sns li + li {
				margin-left: 4.6666666667vw;
		}
}
#Neko2022 #Shop .shopList {
		line-height: 1;
		margin-top: 40px;
}
#Neko2022 #Shop .shopList .area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
#Neko2022 #Shop .shopList .area + .area {
		margin-top: 20px;
}
#Neko2022 #Shop .shopList .area > dt {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 17.2413793103%;
		        flex: 0 1 17.2413793103%;
		font-size: 28px;
		line-height: 1;
		letter-spacing: 0.1em;
		font-weight: 700;
}
#Neko2022 #Shop .shopList .area > dd {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 82.7586206897%;
		        flex: 0 1 82.7586206897%;
}
#Neko2022 #Shop .shopList .mod_table {
		width: 100%;
}
#Neko2022 #Shop .shopList .mod_table dt, #Neko2022 #Shop .shopList .mod_table dd {
		font-size: 28px;
		line-height: 1;
		letter-spacing: 0.1em;
}
#Neko2022 #Shop .shopList .mod_table dl + dl dt, #Neko2022 #Shop .shopList .mod_table dl + dl dd {
		padding-top: 20px;
}
#Neko2022 #Shop .shopList .mod_table dd {
		width: 46.2962962963%;
}
#Neko2022 #Shop .note {
		margin-top: 40px;
		font-size: 28px;
		line-height: 1.7142857143;
		letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
		#Neko2022 #Shop .shopList {
				margin-top: 4vw;
		}
		#Neko2022 #Shop .shopList .area {
				display: block;
		}
		#Neko2022 #Shop .shopList .area + .area {
				margin-top: 2.6666666667vw;
		}
		#Neko2022 #Shop .shopList .area > dt {
				font-size: 8.5px;
				/* legacy */
				font-size: 2.2666666667vw;
				line-height: 1;
				letter-spacing: 0.1em;
		}
		#Neko2022 #Shop .shopList .area > dd {
				margin-top: 2.6666666667vw;
		}
		#Neko2022 #Shop .shopList .mod_table {
				width: 100%;
		}
		#Neko2022 #Shop .shopList .mod_table dt, #Neko2022 #Shop .shopList .mod_table dd {
				font-size: 11px;
				/* legacy */
				font-size: 2.9333333333vw;
				line-height: 1;
				letter-spacing: 0.1em;
		}
		#Neko2022 #Shop .shopList .mod_table dl + dl dt, #Neko2022 #Shop .shopList .mod_table dl + dl dd {
				padding-top: 2.6666666667vw;
		}
		#Neko2022 #Shop .note {
				margin-top: 4vw;
				font-size: 8.5px;
				/* legacy */
				font-size: 2.2666666667vw;
				line-height: 1.7647058824;
				letter-spacing: 0.1em;
		}
}
#Neko2022 #Contact .inner {
		padding-bottom: 160px;
}
#Neko2022 #Contact .innerIn {
		padding-top: 40px;
}
@media screen and (max-width: 767px) {
		#Neko2022 #Contact .inner {
				padding-bottom: 21.3333333333vw;
		}
		#Neko2022 #Contact .innerIn {
				padding-top: 4vw;
		}
}