@charset "UTF-8";
/* PC ================================================== */

@media all and (min-width:1301px) {
	header h1 {
		width: 75px!important;
	}
}

@media all and (min-width:950px) {
	#top-menu li a {
		height: 25px!important;
	}
}

@media all and (min-width:801px) {
	.sp_only {
		display: none!important;
	}
	* {
		scroll-behavior: smooth;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	body {
		font-family: 'Noto Sans JP', sans-serif;
		font-family: "Shippori Mincho", serif;
		background: #FFFFFF;
		color: #000000;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-feature-settings: "halt"1;
		font-feature-settings: "palt";
		-webkit-text-size-adjust: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		overscroll-behavior-y: none;
		text-align: justify;
		margin: 0;
		padding: 0;
		height: 100vh;
	}
	body.overflow {
		height: 100%;
		overflow: hidden;
	}
	.loading {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: #000916;
		z-index: 9998;
	}
	.loader {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 32px;
		height: 32px;
		margin-top: -16px;
		margin-left: -16px;
		text-align: center;
		z-index: 9999;
	}
	header {
		position: relative;
	}
	header h1 {
		width: 65px;
		position: absolute;
		top: 40px;
		right: 50px;
		z-index: 10;
		margin: 0;
	}
	header h1 img {
		width: 100%;
	}
	h3 {
		font-family: "Shippori Mincho", serif;
		font-size: 22px;
	}
	h2 {
		font-family: "Shippori Mincho", serif;
		font-size: 27px;
		letter-spacing: 0.06em;
		font-weight: 600;
	}
	img {
		vertical-align: bottom;
	}

	
	
	/*-------------------- TOPへ戻るボタン	--------------------*/	
	
	.to-top {
		text-align: center;
		margin-top: 18%;
		padding-bottom: 13%;
	}
	#store .to-top {
		margin-top: 8%;
	}
	.to-top a {
		border-bottom: solid 1px #000;
		padding-bottom: 8px;
	}
	.to-top a img {
		width: 90px!important;
		margin: 0!important;
	}
	.to-top a:hover {
		border-color: #7D1E1E;
	}
	
	
	
	/*-------------------- 下層ページ	--------------------*/
	
	#under {
		background-color: #FBFBF3;
	}
	.under-content {
		width: 80%;
		margin: 0 auto;
		max-width: 1200px;
		display: flow;
	}
	#under .under-kv {
		background-size: cover;
		height: 77vh;
		display: flex;
		justify-content: center;
		margin-bottom: 14vw;
	}
	#under .under-kv img {
		width: 30px;
	}
	#under .under-title {
		text-align: center;
		margin-bottom: 11%;
	}
	#under .under-title img {
		height: 40px;
	}
	
	

	/*-------------------- ハンバーガーメニュー	--------------------*/
	
	#menuToggle {
		display: block;
		/* You can also use relative/absolute here if you want to stay on the top */
		position: absolute;
		top: 50px;
		left: 50px;
		z-index: 2;
		-webkit-user-select: none;
		user-select: none;
	}
	#menuToggle a {
		font-family: "Shippori Mincho", serif;
		font-size: 21px;
		font-weight: 400;
		text-decoration: none;
		color: #fff;
		transition: color 0.3s ease;
	}
	#menuToggle li:before {
		background-color: #fff;
		width: 30px;
		height: 1px;
	}
	#menuToggle p {
		font-family: "Montserrat", sans-serif;
		font-size: 16px;
		font-weight: 400;
		text-align: right;
		letter-spacing: 0.08em;
		color: #fff;
		padding-bottom: 7px;
		border-bottom: solid 1px #fff;
	}
	#menuToggle a:hover {
		color: #9B8C6E;
	}
	#menuToggle input {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 2; /* and place it over the hamburger */
		-webkit-touch-callout: none;
	}
	
	/* Just a quick hamburger */
	#menuToggle span {
		display: block;
		width: 33px;
		height: 1px;
		margin-bottom: 8px;
		position: relative;
		background: #fff;
		z-index: 1;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			opacity 0.55s ease;
		}
	#menuToggle span:first-child {
		transform-origin: 0% 0%;
	}
	#menuToggle span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #fff;
	}

	/*
	* But let's hide the middle one.
	*/
	#menuToggle input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}

	/*
	 * Make this absolute positioned
	 * at the top left of the screen
	 */
	#menu {
		position: absolute;
		max-width: 315px;
		width: 100vw;
		height: 77vh;
		margin: -77px 0 0 -50px;
		padding: 0 50px;
		padding-top: 11vh;
		box-sizing: border-box;
/*		overflow-y: auto;*/
		background: #7D1E1E;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		/* to stop flickering of text in safari */
		transform-origin: 0% 0%;
		transform: translate(-100%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		padding-bottom: 208px;
	}
	#menu li {
		font-size: 22px;
	}
	#menu li label {
		cursor: pointer;
	}
	#menu li:nth-child(1):before {
		content: "";
		background-color: #fff;
		width: 30px;
		height: 1px;
	}
	
	

	/*
	 * And let's slide it in from the left
	 */
	#menuToggle input:checked ~ ul {
		transform: none;
	}
	#menu li:nth-child(n+2):nth-child(-n+7) {
		margin-bottom: 20px;
	}
	#menu li:first-child {
		margin-bottom: 40px;
	}
	#menu li:last-child {
		border-top: solid 1px #fff;
		margin-top: 40px;
		padding-top: 30px;
	}
	#menu li:last-child img {
		height: 27px;
	}
/*
	#menu li:nth-child(8) ul {
		display: flex;
		border-top: solid 1px #fff;
		padding-top: 20px;
		margin-top: 25px;
	}
	.sns-menu li {
		list-style: none;
	}
	.sns-menu li:nth-child(1) img {
		height: 24px;
		margin-right: 24px;
	}
	.sns-menu li:nth-child(2) img {
		height: 25px;
		margin-right: 24px;
	}
	.sns-menu li:nth-child(3) img {
		height: 27px;
	}
*/
	
	/*-------------------- 自動再生カルーセル	--------------------*/
	
	#kv {
		width: 100vw;
	}
	.css-slider .title {
/*		font-size: 3rem;*/
		color: #fff;
	}
	.css-slider {
		z-index: 1;
		height: 100vh;
	}
	.title {
		width: 34px;
		margin: 0 auto;
		padding: 36vh 0;
	}
	.title img {
		width: 100%;
	}
	.css-slider .lead {
		font-size: 1.2rem;
		color: #fff;
		text-align: center;
	}
	.css-slider {
		overflow: hidden;
		position: relative;
		z-index:1;
	}
	.css-slider:before,
	.css-slider:after {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}
	.css-slider:before {
		width: 500vw; /* (n+1)*100% */
		background: url(../img/kv_slide1.jpg) no-repeat,
			url(../img/kv_slide2.jpg) no-repeat,
			url(../img/kv_slide3.jpg) no-repeat,
			url(../img/kv_slide4.jpg) repeat-x;
		background-position: 75% 75%, 50% 80%, 25% center, 0% 45%; /* (n-1)/n*100%, (n-2)/n*100% ... 0% */
		background-size:  20% auto; /* 100/(n+1)% */
		animation: slide 26s ease-in-out  infinite;
	}
	.css-slider:after {
		right: 0;
	}
	@keyframes slide {
		0%, 20% {
			transform: translate3d(0,0,0);
		}
		25%, 45% {
		transform: translate3d(-20%,0,0);
		/* -1/n+1 * 100% */
		}
		50%, 70% {
		transform: translate3d(-40%,0,0);
		}
		75%, 95% {
			transform: translate3d(-60%,0,0);
		}
		100% {
			transform: translate3d(-80%,0,0);
			/* -n/n+1 * 100% */
			animation-timing-function: steps(1, end);
		}
	}
	
	
	/*-------------------- TOP MENU	--------------------*/
	
	#top-menu ul {
		display: flex;
		flex-wrap: wrap;
		width: 100vw;
		margin: 0.25vw 0 0;
		padding: 0;
	}
	#top-menu li {
		list-style: none;
		width: 50vw;
		background-size: cover;
		position: relative;
		overflow: hidden;
		padding: 4vw 0;
		display: block;
	}
	#top-menu li:after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	#top-menu li:hover:after {
		opacity: .8;
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		}
	#top-menu li:nth-child(1):after {
		background: url("../img/menu1_about-syuntei.jpg") no-repeat;
		background-size: cover;
	}
	#top-menu li:nth-child(2):after {
		background: url("../img/menu1_news.jpg") no-repeat;
		background-size: cover;
	}
	#top-menu li:nth-child(3):after {
		background: url("../img/menu1_store.jpg") no-repeat;
		background-size: cover;
	}
	#top-menu li:nth-child(4):after {
		background: url("../img/menu1_delivery.jpg") no-repeat;
		background-size: cover;
	}
	#top-menu li:nth-child(5):after {
		background: url("../img/menu1_contact.jpg") no-repeat;
		background-size: cover;
	}
	#top-menu li:nth-child(6):after {
		background: url("../img/menu1_company.jpg") no-repeat;
		background-size: cover;
	}
/*
	#top-menu li .top-menu-text {
		position: relative;
		display: block;
		align-items: center;
		justify-content: center;
		z-index: 1;
		text-align: center;
	}
	#top-menu li a {
		height: 100%;
		color: #fff;
	}
	#top-menu li p {
		font-family: "Montserrat", sans-serif;
		font-size: 12px;
		font-weight: 350;
		text-align: center;
		margin-top: 7px;
		color: #fff;
		z-index: 2;
	}
	#top-menu li:nth-child(2) p {
		color: #403939;
	}
*/
	#top-menu li a {
		position: relative;
		display: block;
		align-items: center;
		justify-content: center;
		z-index: 1;
		text-align: center;
		height: 100%;
	}
	#top-menu li img {
		height: 23px;
	}
	#top-menu a {
		line-height: 0;
		display: block;
	}
	
	
	
	
	/*-------------------- TOP MENU	--------------------*/
	
	#under .about-kv {
		background-image: url("../img/under-kv_about.jpg");
	}
	#about .about-text {
		display: flex;
		margin-bottom: 13%;
		justify-content: space-between;
	}
	#about .about-text h3 {
		font-family: "Shippori Mincho", serif;
		text-align: left;
		font-weight: 500;
		line-height: 2em;
		letter-spacing: 0.09em;
		margin-right: 45px;
		white-space: nowrap;
	}
	#about .about-text p {
		font-family: "Hina Mincho", serif;
		font-size: 18px;
		line-height: 1.9em;
		letter-spacing: 0.03em;
		font-weight: 300;
	}
	#about .bg-ECE5D5 {
		background-color: #e6dcc8;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		padding: 8% 0;
	}
	#about .about ul {
		width: 80%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	#about .shun {
		display: block;
		text-align: center;
		background-color: #fff;
	}
	#about .about li {
		list-style: none;
		width: 23%;
	}
	#about .shun-1 {
		margin-bottom: 15%;
	}
	#about .shun-2 {
		margin-bottom: 10%;
	}
	#about .shun-1 img {
		width: 100%;
	}
	#about .shun-2 img {
		width: 130px;
	}
	#about .shun p {
		font-family: "Hina Mincho", serif;
		font-size: 17px;
		line-height: 31px;
		letter-spacing: 0.03em;
		font-weight: 300;
		padding: 0 20px 30px;
	}
	
	
	#about .menu {
		border-bottom: solid 1.5px #000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 13% 0;
	}
	#about .menu-text {
		display: block;
		width: 44%;
	}
	#about .menu-text h2 {
		margin-bottom: 30px;
	}
	#about .menu-text ul {
		display: block;
		text-align: left;
	}
	#about .menu-text li {
		border-bottom: solid 1px #000;
		list-style: none;
		padding-bottom: 9px;
	}
	#about .menu-text li:not(:last-child) {
		margin-bottom: 20px;
	}
	#about .menu-text li a {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 18px;
		font-weight: 350;
		letter-spacing: 2px;
		text-decoration: none;
		color: #000;
	}
	#about .plus-icon {
		position: relative;
/*		padding-left: 30px;*/
	}
/*
	#about .plus-icon::before {
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 5px;
		left: 3px;
		width: 18px;
		height: 18px;
		background: #7D1E1E;
	}
	#about .plus-icon::after {
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 5px;
		left: 6.4px;
		width: 6px;
		height: 6px;
		border-top: 1.2px solid #fff;
		border-right: 1.2px solid #fff;
		transform: rotate(45deg);
	}
*/
	#about .menu-text li a:hover {
		color: #7D1E1E;
	}
	#about .menu p {
		width: 48%;
	}
	#about .menu p img {
		width: 100%;
	}
	
	
	#about .store {
		border-bottom: solid 1.5px #000;
		padding: 13% 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#about .store .text {
		width: 55%;
		text-align: center;
	}
	#about .store p {
		width: 37%;
	}
	#about .store p img {
		width: 100%;
	}
	#about .store h2 {
		margin-bottom: 28px;
	}
	#about .store dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 18px;
		line-height: 1.75em;
		letter-spacing: 1px;
		font-weight: 350;
		margin-bottom: 25px;
	}
	#about .store dd {
		width: 29%;
		margin-bottom: 10px;
		padding-bottom: 10px;
		padding-right: 2%;
		border-bottom: solid 1px #000;
		text-align: left;
		color: #5A5A5A;
	}
	#about .store dd span {
		color: #7D1E1E;
	}
	#about .store dt {
		width: 69%;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: solid 1px #000;
		text-align: left;
	}
	#about .store .text a {
		text-decoration: none;
		color: #fff;
		background-color: #7D1E1E;
		padding: 8px 11px 11px 10px;
	}
	
	
	#about .sns {
		padding: 7% 0;
		display: flex;
		border-bottom: solid 1.5px #000;
		justify-content: center;
		align-items: center;
	}
	#about .sns h2 {
		margin-right: 40px;
	}
	#about .sns ul {
		display: flex;
		list-style: none;
	}
	#about .sns li:not(:last-child) {
		margin-right: 25px;
	}
	#about .sns li:nth-child(1) {
		height: 27px;
	}
	#about .sns li:nth-child(2) {
		height: 26px;
	}
	#about .sns li:nth-child(3) {
		height: 25px;
	}
	
	
	
	/*-------------------- COMPANY	--------------------*/
	
	.under-content-company {
		margin: 0 20%;
	}
	#under .company-kv {
		background: url("../img/under-kv_company.jpg");
		background-position: center;
		background-size: cover;
	}
	#company dl {
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
		width: 600px;
		letter-spacing: 0.05em;
		display: flex;
		flex-wrap: wrap;
		font-size: 16px;
		margin: 0 auto 50px;
		line-height: 26px;
	}
	#company dd {
		text-align: left;
		width: 40%;
		font-weight: 350;
	}
	#company dd:first-child {
		padding: 0 20px 20px;
	}
	#company dd:not(:first-child) {
		border-top: solid 1px #000;
		padding: 20px 20px;
	}
	#company dd span {
		color: #7D1E1E;
	}
	#company dt {
		text-align: left;
		width: 60%;
		font-weight: 350;
	}
	#company dt:nth-child(2) {
		padding: 0px 10px 20px;
	}
	#company dt:not(:nth-child(2)) {
		border-top: solid 1px #000;
		padding: 20px 10px;
	}
	.company-bottom a {
		font-family: "Shippori Mincho", serif;
		font-weight: 350;
		font-size: 15px;
		text-decoration: none;
		color: #000;
		letter-spacing: 0.03em;
		padding-left: 17px;
	}
	.company-bottom a:hover {
		color: #7D1E1E;
	}
	#company .plus-icon2 {
		position: relative;
	}
	#company .company-bottom a::before {
		content: "";
		background: url("../img/company-bottom_icon.png") no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 3px;
		height: 15px;
		width: 15px;
	}
	#company .company-bottom {
		text-align: center;
	}
	#company .company-bottom a:not(:last-child) {
		margin-right: 20px;
	}
	
	
	
	/*-------------------- CONTACT	--------------------*/
	
	#under .contact-kv {
		background: url("../img/under-kv_contact.jpg");
	}
	#contact {
		width: 650px;
		margin: 0 auto 60px;
	}
	#contact dl {
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
		width: 100%;
		letter-spacing: 0.1em;
		display: block;
		font-size: 17px;
		max-width: 770px;
	}
	#contact dt {
		text-align: left;
		margin-bottom: 12px;
		font-weight: 400;
		color: dimgray;
	}
	#contact dt span {
		color: firebrick;
	}
	#contact dd {
		margin-bottom: 30px;
	}
	#contact dd:nth-child(12) {
		margin-bottom: 60px;
	}
	#contact dd input, #contact dd textarea {
		border: none;
		padding: 15px;
		width: 100%;
		resize: none;
		box-sizing: border-box;
		font-weight: 500;
		font-size: 16px;
   		letter-spacing: 0.02em;
	}
	#contact dd:last-child input, #contact dd:last-child textarea {
		line-height: 1.8;
		padding: 15px;
	}
	#confirm input[type="submit"], #send input[type="submit"] {
		font-family: "Shippori Mincho", serif;
		font-weight: 600;
		font-size: 19px;
		letter-spacing: 0.1em;
		color: #fff;
		outline: 0;
		cursor: pointer;
		border: none;
		background: #7D1E1E;
		padding: 7px 27px 9px 30px;
		box-sizing: border-box;
		border-radius: 32px;
		display: block;
		margin: 0 auto;
	}
	
	/*-------------------- CONFIRT	--------------------*/
	
	#contact table {
		width: 100%;
		border-spacing: 0 30px;
	}
	#contact tr:last-child {
		vertical-align: top;
	}
	#contact th {
		width: 30%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 17px;
		font-weight: 350;
		letter-spacing: 0.1em;
	}
	#contact td {
		font-family: "Shippori Mincho", serif;
		font-size: 17px;
		font-weight: 400;
		letter-spacing: 0.01em;
		line-height: 30px;
	}
	#contact #select {
		display: flex;
		justify-content: center;
		margin-top: 40px;
	}
	#select a {
		font-family: "Shippori Mincho", serif;
		font-weight: 600;
		font-size: 19px;
		letter-spacing: 0.1em;
		color: #fff;
		outline: 0;
		cursor: pointer;
		border: none;
		background: #B9B9B9;
		padding: 7px 27px 9px 30px;
		box-sizing: border-box;
		border-radius: 32px;
		display: block;
		margin: 0 auto;
		text-decoration: none;
		margin-right: 35px;
	}
	
	
	
	/*-------------------- NEWS	--------------------*/
	
	.under-content-news {
		margin: 0 auto;
	}
	#under .news-kv {
		background: url("../img/under-kv_news.jpg");
	}
	#news {
		width: 650px;
	}
	#news img {
		width: 100%;
		margin: 30px 0;
	}
	
	/*-------------------- NEWS-UPLOAD	--------------------*/
	
	.test {
		margin: 50px auto;
		max-width: 700px;
	}
	.test-item {
		display: flex;
		border-bottom: 1px solid #ECE5D5;
	}
	.test-date {
		width: 20%;
		padding: 23.5px 0 24.5px;
		text-align: center;
		font-family: "Montserrat", sans-serif;
		font-weight: 350;
		font-size: 15px;
	}
	.test-excerpt {
		width: 80%;
		margin-left: 0;
		padding: 23.5px 0 24.5px 20px;
		text-align: left;
	}
	.test-excerpt a {
		font-family: "Shippori Mincho", serif;
		font-size: 15px;
		text-decoration: none;
		color: #000;
		line-height: 18px;
		letter-spacing: 0.02em;
	}
	
	.wp-pagenavi {
		margin: 40px 0 0 10px;
		font-size: 12px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wp-pagenavi a {
		color: #000;
	}
	.wp-pagenavi .pages {
		display: none;
	}
	.wp-pagenavi span.current,
	.wp-pagenavi a.page {
		margin: 0 10px 0 0;
		border: none;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		line-height: 40px;
		text-align: center;
		box-sizing: border-box;
		justify-content: center;
		display: flex;
		align-items: center;
		transition: .3s;
	}
	.wp-pagenavi span.current {
		border: none;
		background: #7D1E1E;
		color: #fff;
	}
	.wp-pagenavi a.page {
		background: none;
	}
	.wp-pagenavi a.page:hover {
		background-color: #d1d1d1;
		color: #000;
	}
	.wp-pagenavi .first,
	.wp-pagenavi .extend {
		margin-right: 10px;
	}
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink {
		display: none;
	}
	.wp-pagenavi a:hover {
		border: none;
	}


	/*-------------------- NEWS SINGLE	--------------------*/
	
	.news-0 #menuToggle span {
		background: #9B8C6E;
	}
	
	#news .news-single {
		text-align: center;
	}
	#news .ns-date {
		font-family: "Montserrat", sans-serif;
		font-size: 16px;
		color: #A8A38A;
		border: solid 1px #A8A38A;
		display: inline-block;
		padding: 3px 5px;
		margin-bottom: 15px;
	}
	#news .ns-title {
		font-family: "Hina Mincho", serif;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0.02em;
	}
	#news .ns-content {
		text-align: justify;
		line-height: 1.69em;
		letter-spacing: 0.3px;
		margin: 30px 0 70px;
	}
	#news ul {
		display: flex;
		justify-content: center;
		list-style: none;
	}
	#news ul a {
		text-decoration: none;
		color: #000;
	}
	#news ul li:not(:last-child) {
		margin-right: 20px;
	}
	
	:root {
		--space: 0.6rem;
		--space-large: 1.5rem;
		--space-largest: 3rem;
		--color-border: #293030;
		--color-text: #293030;
		--border-width: 2px;
	}

	.c-keyline-text {
		display: flex;
		width: 100%;
		align-items: center;
		text-transform: uppercase;
		font-family: "Montserrat", sans-serif;
		font-size: 15px;
		margin-top: 30px;
		color: #293030;
	}

	.c-keyline-text::before,
	.c-keyline-text::after {
		content: "";
		display: inline-block;
		width: 100%;
		flex: 0 1 auto;
		height: var(--border-width);
		background-color: var(--color-border);
		white-space: nowrap;
	}

	.c-keyline-text::before {
		margin-right: var(--space);
	}

	.c-keyline-text::after {
		margin-left: var(--space);
	}
	
	
	
	/*-------------------- DELIVERY	--------------------*/
	
	#under .delivery-kv {
		background: url("../img/under-kv_delivary.jpg");
		background-size: cover;
	}
	.not-yet {
		font-family: "Shippori Mincho", serif;
		font-size: 17px;
		font-weight: 350;
		letter-spacing: 0.02em;
		line-height: 34px;
		text-align: center;
	}
	
	
	
	/*-------------------- STORE	--------------------*/
	
	#under .store-kv {
		background: url("../img/under-kv_store.jpg");
		background-size: cover;
	}
	.store-content ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.store-content li {
		width: 30%;
		display: block;
		list-style: none;
		margin-bottom: 10%;
	}
	.store-content li a {
		text-decoration: none;
		color: #000;
	}
	.store-content li img {
		width: 100%;
		margin-bottom: 25px;
	}
	.store-content li h4 {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 21px;
		font-weight: 500;
		text-align: left;
		letter-spacing: 0.1em;
		margin-bottom: 12px;
	}
	#store li .text {
		display: flex;
		justify-content: space-between;
	}
	#store li .text p {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 14px;
		font-weight: 350;
		letter-spacing: 0.04em;
	}
	#store li .text p span {
		font-family: "Montserrat", sans-serif;
		font-size: 18px;
		font-weight: 450;
	}
	#store li .text h5 {
		font-family: "Montserrat", sans-serif;
		font-size: 18px;
		font-weight: 450;
		text-align: right;
	}
	
	
	
	
	
}
	
	
	
	
	
	
	
	
	
	
	/*-------------------- SP DESIGN	--------------------*/
	
	@media all and (max-width:800px) {
	.pc_only {
		display: none!important;
	}
	* {
		scroll-behavior: smooth;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		overscroll-behavior-y: none;
	}	
	body {
		font-family: 'Noto Sans JP', sans-serif;
		font-family: "Shippori Mincho", serif;
		background: #FBFBF3;
		color: #000000;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-feature-settings: "halt"1;
		font-feature-settings: "palt";
		-webkit-text-size-adjust: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		overscroll-behavior-y: none;
		text-align: justify;
		margin: 0;
		padding: 0;
		height: 100vh;
	}
	body.overflow {
		height: 100%;
		overflow: hidden;
	}
	.loading {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: #000916;
		z-index: 9998;
	}
	.loader {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 32px;
		height: 32px;
		margin-top: -16px;
		margin-left: -16px;
		text-align: center;
		z-index: 9999;
	}
	header {
		position: relative;
	}
	header h1 {
		width: 46px;
		position: absolute;
		top: 40px;
		right: 40px;
		z-index: 10;
		margin: 0;
	}
	header h1 img {
		width: 100%;
	}
	h3 {
		font-family: "Shippori Mincho", serif;
		font-size: 21px;
	}
	h2 {
		font-family: "Shippori Mincho", serif;
		font-size: 23px;
		letter-spacing: 0.06em;
		font-weight: 600;
	}
	img {
		vertical-align: bottom;
	}	
		
	

	/*-------------------- TOPへ戻るボタン	--------------------*/	
	
	.to-top {
		text-align: center;
		margin-top: 70px;
		padding-bottom: 60px;
	}
	.to-top a {
		border-bottom: solid 1px #000;
		padding-bottom: 8px;
	}
	.to-top a img {
		width: 80px!important;
		margin: 0!important;
	}
	.to-top a:hover {
		border-color: #7D1E1E;
	}
	
	
	
	/*-------------------- 下層ページ	--------------------*/
	
	#under {
		background-color: #FBFBF3;
	}
	.under-content {
		width: 80%;
		margin: 0 auto;
		max-width: 1100px;
	}
	#under .under-kv {
		background-size: cover;
		height: 90vh;
		display: flex;
		justify-content: center;
		margin-bottom: 110px;
	}
	#under .under-kv img {
		width: 27px;
	}
	#under .under-title {
		text-align: center;
		margin-bottom: 50px;
	}
	#under .under-title img {
		height: 35px;
	}
	
	

	/*-------------------- ハンバーガーメニュー	--------------------*/
	
	#menuToggle {
		display: block;
		/* You can also use relative/absolute here if you want to stay on the top */
		position: absolute;
		top: 50px;
		left: 40px;
		z-index: 2;
		-webkit-user-select: none;
		user-select: none;
	}
	#menuToggle a {
		font-family: "Shippori Mincho", serif;
		font-size: 19px;
		font-weight: 400;
		text-decoration: none;
		color: #fff;
		transition: color 0.3s ease;
		line-height: 0;
	}
	#menuToggle li:before {
		background-color: #fff;
		width: 30px;
		height: 1px;
	}
	#menuToggle p {
		font-family: "Montserrat", sans-serif;
		font-size: 13px;
		font-weight: 400;
		text-align: right;
		letter-spacing: 0.08em;
		color: #fff;
		padding-bottom: 6px;
		border-bottom: solid 1px #fff;
	}
	#menuToggle a:hover {
		color: #9B8C6E;
	}
	#menuToggle input {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 2; /* and place it over the hamburger */
		-webkit-touch-callout: none;
	}
	
	/* Just a quick hamburger */
	#menuToggle span {
		display: block;
		width: 33px;
		height: 1px;
		margin-bottom: 8px;
		position: relative;
		background: #fff;
		z-index: 1;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			opacity 0.55s ease;
		}
	#menuToggle span:first-child {
		transform-origin: 0% 0%;
	}
	#menuToggle span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span {
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #fff;
	}

	/*
	* But let's hide the middle one.
	*/
	#menuToggle input:checked ~ span:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2) {
		transform: rotate(-45deg) translate(0, -1px);
	}

	/*
	 * Make this absolute positioned
	 * at the top left of the screen
	 */
	#menu {
		position: absolute;
		width: 70vw;
		height: 90vh;
		margin: -77px 0 0 -50px;
		padding: 0 50px;
		padding-top: 11vh;
		box-sizing: border-box;
/*		overflow-y: auto;*/
		background: #7D1E1E;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		/* to stop flickering of text in safari */
		transform-origin: 0% 0%;
		transform: translate(-100%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		padding-bottom: 208px;
	}
	#menu li label {
		cursor: pointer;
	}
	#menu li:nth-child(1):before {
		content: "";
		background-color: #fff;
		width: 30px;
		height: 1px;
	}
	/*
	 * And let's slide it in from the left
	 */
	#menuToggle input:checked ~ ul {
		transform: none;
	}
	#menu li:first-child {
			margin-bottom: 35px;
	}
	#menu li:nth-child(n+2):nth-child(-n+7) {
		margin-bottom: 22px;
	}
	#menu li:last-child {
		border-top: solid 1px #fff;
		margin-top: 35px;
		padding-top: 30px;
	}
	#menu li:last-child img {
		height: 27px;
	}
		
/*
	#menu li:nth-child(8) ul {
		display: block;
		border-top: solid 1px #fff;
		padding-top: 30px;
		margin-top: 20px;
	}
	.sns-menu li {
		list-style: none;
	}
	.sns-menu li:nth-child(1) {
		margin-bottom: 19px!important;
		padding: 0!important;
	}
	.sns-menu li:nth-child(1) img {
		height: 21px;
	}
	.sns-menu li:nth-child(2) {
		margin-bottom: 17px!important;
		padding: 0!important;
	}
	.sns-menu li:nth-child(2) img {
		height: 24px;
	}
	.sns-menu li:nth-child(3) {
		padding: 0!important;
	}
	.sns-menu li:nth-child(3) img {
		height: 24px;
	}
*/
	
	/*-------------------- 自動再生カルーセル	--------------------*/
	
	#kv {
		width: 100vw;
		background-color: #fff;
	}
	.css-slider .title {
/*		font-size: 3rem;*/
		color: #fff;
	}
	.css-slider {
		z-index: 1;
		height: 100vh;
	}
	.title {
		width: 27px;
		margin: 0 auto;
		padding: 36vh 0;
	}
	.title img {
		width: 100%;
	}
	.css-slider .lead {
		font-size: 1.2rem;
		color: #fff;
		text-align: center;
	}
	.css-slider {
		overflow: hidden;
		position: relative;
		z-index:1;
	}
	.css-slider:before,
	.css-slider:after {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}
	.css-slider:before {
		width: 500vw; /* (n+1)*100% */
		background: url(../img/kv_slide1_sp.jpg) no-repeat,
			url(../img/kv_slide2_sp.jpg) no-repeat,
			url(../img/kv_slide3_sp.jpg) no-repeat,
			url(../img/kv_slide4_sp.jpg) repeat-x;
		background-position: 75% center, 50% 100%, 25% center, 0% 17%; /* (n-1)/n*100%, (n-2)/n*100% ... 0% */
		background-size:  20% auto; /* 100/(n+1)% */
		animation: slide 16s ease-in-out  infinite;
	}
	.css-slider:after {
		right: 0;
	}
	@keyframes slide {
		0%, 20% {
			transform: translate3d(0,0,0);
		}
		25%, 45% {
		transform: translate3d(-20%,0,0);
		/* -1/n+1 * 100% */
		}
		50%, 70% {
		transform: translate3d(-40%,0,0);
		}
		75%, 95% {
			transform: translate3d(-60%,0,0);
		}
		100% {
			transform: translate3d(-80%,0,0);
			/* -n/n+1 * 100% */
			animation-timing-function: steps(1, end);
		}
	}
	
	
	/*-------------------- TOP MENU	--------------------*/
	
		#top-menu {
			background-color: #fff;
		}
		#top-menu ul  {
			width: 100vw;
			overflow: hidden;
			margin-top: 1px;
			display: flex;
			flex-wrap: wrap;
		}
		#top-menu a {
			white-space: nowrap;
		}
		#top-menu li:nth-child(1) {
			height: 250px;
			width: 35%;
		}
		#top-menu li:nth-child(1) a {
			display: inline-block;
			position: relative;
			height: 250px;
			width: 100%;
			background: url("../img/menu_about-syuntei_sp.jpg") no-repeat;
			background-size: cover;
			background-position: center;
		}
		#top-menu li:nth-child(1) img {
			width: 22px;
			position: relative;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		
		#top-menu li:nth-child(2) {
			width: 65%;
			height: 250px;
		}
		#top-menu .li65-a,.li65-b {
			width: 100%;
			height: 50%;
		}
		#top-menu .li65-a a {
/*			background: url("../img/menu_news_sp.jpg") no-repeat;*/
			background-color: #e0dac1;
			background-size: cover;
			height: 100%;
			width: 100%;
			position: relative;
			display: inline-block;
		}
		#top-menu .li65-a img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			height: 23px;
		}
		#top-menu .li65-b a {
			background: url("../img/menu_delivery_sp.jpg") no-repeat;
			background-size: cover;
			background-position: center;
			height: 100%;
			width: 100%;
			position: relative;
			display: inline-block;
		}
		#top-menu .li65-b img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			height: 23px;
		}
		
		#top-menu li:nth-child(3) {
			width: 100%;
/*			height: 98px;*/
			height: 110px;
			margin: 1px 0;
		}
		#top-menu li:nth-child(3) a {
			display: inline-block;
			position: relative;
			width: 100%;
/*			height: 98px;*/
			height: 110px;
			background: url("../img/menu_store_sp.jpg") no-repeat;
			background-size: cover;
			background-position: center;
		}
		#top-menu li:nth-child(3) img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			height: 23px;
		}
		
		#top-menu li:nth-child(4) {
			width: 100%;
/*			height: 110px;*/
			height: 45px;
			display: flex!important;
		}
		#top-menu .width50-a,.width50-b {
/*			height: 110px;*/
			height: 45px;
			width: 50%;
		}
		#top-menu .width50-a a {
			width: 100%;
/*			height: 110px;*/
			height: 45px;
			display: inline-block;
			position: relative;
			background-color: #232323;
/*			background-color: #9e1f21;*/
			background-size: cover;
		}
		#top-menu .width50-a img {
			position: absolute;
			top: 50%;
			left: 55%;
			transform: translate(-50%, -50%);
			height: 21px;
		}
		#top-menu .width50-b a {
			width: 100%;
/*			height: 110px;*/
			height: 45px;
			display: inline-block;
			position: relative;
			background-color: #232323;
/*			background-color: #9e1f21;*/
			background-size: cover;
		}
		#top-menu .width50-b img {
			position: absolute;
			top: 50%;
			left: 45%;
			transform: translate(-50%, -50%);
			height: 21px;
		}
/*
		#top-menu p {
			font-family: "Montserrat", sans-serif;
			font-size: 11px;
			letter-spacing: 0.5px;
			color: #fff;
			padding: 7px 0;
			text-align: center;
			background-color: #292525;
		}
*/
		
		/*--------------- Safari ---------------*/
		
		_:lang(x)+_:-webkit-full-screen-document, .li65-a a {
			background: url("../img/menu_news_sp.jpg") no-repeat;
			background-size: cover;
			height: 100%;
			width: 100%;
			position: relative;
			display: inline-block;
		}
		

		
	
	
	
	/*-------------------- TOP MENU	--------------------*/
	
	#under .about-kv {
		background-image: url("../img/under-kv_about.jpg");
		background-size: cover;
		background-position: -550px;
	}
	#about .about-text {
		display: block;
		margin-bottom: 80px;
		justify-content: space-between;
	}
	#about .about-text h3 {
		text-align: left;
		font-weight: 500;
		line-height: 1.8em;
		letter-spacing: 2px;
		white-space: nowrap;
		writing-mode: vertical-rl;
		text-orientation: upright;
		margin: 0 auto;
		padding: 20px 0 50px;
	}
	#about .about-text p {
		font-family: "Hina Mincho", serif;
		font-size: 17px;
		line-height: 2em;
		font-weight: 350;
		letter-spacing: 0.1px;
	}
	#about .bg-ECE5D5 {
		background-color: #ECE5D5;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	#about .about ul {
		width: 80%;
		margin: 0 auto;
		display: block;
		padding: 80px 0;
	}
	#about .shun {
		display: block;
		text-align: center;
	}
	#about .about li {
		list-style: none;
	}
	#about .about li:not(:last-child) {
		margin-bottom: 85px;
	}
	#about .shun-1 {
		margin-bottom: 25px;
	}
	#about .shun-2 {
		margin-bottom: 21px;
	}
	#about .shun-1 img {
		width: 100%;
		border-radius: 10px 10px 0 0;
	}
	#about .shun-2 img {
		width: 120px;
		padding-bottom: 7px;
	}
	#about .shun p {
		font-family: "Shippori Mincho", serif;
		font-size: 16px;
		line-height: 1.65em;
		font-weight: 450;
		text-align: justify;
	}
	
	
	#about .menu {
		border-bottom: solid 1.5px #000;
		display: block;
		justify-content: space-between;
		align-items: center;
		padding: 80px 0;
	}
	#about .menu-text {
		display: block;
		width: 100%;
	}
	#about .menu-text h2 {
		margin-bottom: 30px;
		text-align: center;
	}
	#about .menu-text ul {
		display: block;
		text-align: left;
		margin-bottom: 35px;
	}
	#about .menu-text li {
		border-bottom: solid 1px #000;
		list-style: none;
		padding-bottom: 7px;
	}
	#about .menu-text li:not(:last-child) {
		margin-bottom: 18px;
	}
	#about .menu-text li a {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 16px;
		font-weight: 350;
		letter-spacing: 2px;
		text-decoration: none;
		color: #000;
	}
	#about .plus-icon {
		position: relative;
		padding-left: 27px;
	}
	#about .plus-icon::before { /* 背景の表示設定 */
		content: "";
		position: absolute;
		margin: auto;
		bottom: 6px;
		left: 3px;
		width: 16px; /* 横幅 */
		height: 16px; /* 高さ */
		background: #7D1E1E;
	}
	#about .plus-icon::after { /* くの字の表示設定 */
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 3.5px;
		left: 6px;
		width: 5px;
		height: 5px;
		border-top: 1.2px solid #fff;
		border-right: 1.2px solid #fff;
		transform: rotate(45deg);
	}
	#about .menu-text li a:hover {
		color: #7D1E1E;
	}
	#about .menu p {
		width: 100%;
	}
	#about .menu p img {
		width: 100%;
	}
	
	
	#about .store {
/*		border-bottom: solid 1.5px #000;*/
		padding: 80px 0 0;
		display: block;
		justify-content: space-between;
		align-items: center;
	}
	#about .store .text {
		width: 100%;
		text-align: center;
	}
	#about .store p {
		width: 100%;
	}
	#about .store p img {
		width: 77%;
	}
	#about .store h2 {
		margin-bottom: 30px;
	}
	#about .store dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 15px;
		line-height: 1.75em;
		letter-spacing: 0.9px;
		margin-bottom: 30px;
	}
	#about .store dd {
		width: 29%;
		margin-bottom: 10px;
		padding-bottom: 10px;
		padding-right: 2%;
		border-bottom: solid 1px #000;
		text-align: left;
		color: #5A5A5A;
		font-weight: 350;
	}
	#about .store dd span {
		color: #7D1E1E;
	}
	#about .store dt {
		width: 71%;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: solid 1px #000;
		text-align: left;
		font-weight: 350;
	}
	#about .store .text a {
		text-decoration: none;
		color: #fff;
		background-color: #7D1E1E;
		padding: 8px 11px 11px 10px;
	}
		#about .store iframe {
			width: 100%;
		}
	
	
	#about .sns {
		padding: 23px 0;
		display: block;
		border-bottom: solid 1.5px #000;
		text-align: center;
		align-items: center;
	}
	#about .sns h2 {
		font-size: 19px!important;
		margin-bottom: 18px;
	}
	#about .sns ul {
		display: flex;
		list-style: none;
		justify-content: center;
	}
	#about .sns li:not(:last-child) {
		margin-right: 20px;
	}
	#about .sns li:nth-child(1) img {
		height: 23px;
	}
	#about .sns li:nth-child(2) img {
		height: 22px;
	}
	#about .sns li:nth-child(3) img {
		height: 21px;
	}
	
	
	
	/*-------------------- COMPANY	--------------------*/
	
	.under-content-company {
		width: 80%;
		margin: 0 auto;
	}
	#under .company-kv {
		background: url("../img/under-kv_company.jpg");
		background-size: cover;
		background-position: -270px;
	}
	#company dl {
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
		width: 100%;
		letter-spacing: 0.1em;
		display: block;
		flex-wrap: wrap;
		font-size: 14px;
		margin-bottom: 40px;
	}
	#company dd {
		text-align: center;
		width: 100%;
		border-bottom: solid 1px #000;
		font-weight: 350;
		color: #5A5A5A;
		padding-bottom: 10px;
	}
	#company dt {
		text-align: center;
		width: 100%;
		padding-top: 10px;
		font-weight: 380;
		margin-bottom: 30px;
	}
	.company-bottom a {
		font-family: "Shippori Mincho", serif;
		font-weight: 350;
		font-size: 13px;
		text-decoration: none;
		color: #000;
		letter-spacing: 0.03em;
		padding-left: 17px;
	}
	.company-bottom a:hover {
		color: #7D1E1E;
	}
	#company .plus-icon2 {
		position: relative;
	}
	#company .company-bottom a::before {
		content: "";
		background: url("../img/company-bottom_icon2.png") no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 2px;
		height: 15px;
		width: 15px;
	}
	#company .company-bottom {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#company .company-bottom a:nth-child(1) {
		margin-bottom: 11px;
	}
	#company .company-bottom a:nth-child(2) {
		margin-right: 20px;
	}
	
	#company table {
		margin-bottom: 30px;
	}
	#company tr {
		padding: 20px 0;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 15px;
		letter-spacing: 1px;
		display: flex;
	}
	#company tr:first-child {
		padding: 0 0 20px!important;
	}
	#company tr:not(:last-child) {
		border-bottom: solid 1px #000;
	} 
	#company td:first-child {
		width: 30%;
		padding-right: 5%;
/*		color: #5A5A5A;*/
		color: #9b8c6f;
		font-weight: 300;
	}
	#company td:last-child {
		width: 70%;
		color: #000;
		line-height: 18px;
		font-weight: 350;
	}
	
	
	
	/*-------------------- CONTACT	--------------------*/
	
	#under .contact-kv {
		background: url("../img/under-kv_contact.jpg");
	}
	#contact dl {
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
		width: 100%;
		letter-spacing: 0.1em;
		display: block;
		font-size: 15px;
		max-width: 770px;
	}
	#contact dt {
		text-align: left;
		margin-bottom: 12px;
		font-weight: 400;
		color: dimgray;
	}
	#contact dt span {
		color: firebrick;
	}
	#contact dd {
		margin-bottom: 30px;
	}
	#contact dd:nth-child(12) {
		margin-bottom: 60px;
	}
	#contact dd input, #contact dd textarea {
		border: none;
		padding: 9px 0 9px 9px;
		width: 100%;
		resize: none;
		box-sizing: border-box;
		font-weight: 400;
		font-size: 15px;
   		letter-spacing: 0.02em;
	}
	#contact dd:last-child input, #contact dd:last-child textarea {
		line-height: 1.8;
		padding: 15px;
	}
	#confirm input[type="submit"], #send input[type="submit"] {
		font-family: "Shippori Mincho", serif;
		font-weight: 450;
		font-size: 17px;
		letter-spacing: 0.1em;
		color: #fff;
		outline: 0;
		cursor: pointer;
		border: none;
		background: #7D1E1E;
		padding: 7px 20px 8px;
		box-sizing: border-box;
		border-radius: 32px;
		display: block;
		margin: 0 auto;
		appearance: none;
		-webkit-appearance: none;
	}
	
	/*-------------------- CONFIRT	--------------------*/
	
	table th, table td {
		width: 100%;
		display: block;
		text-align: left;
	}
	#contact tr:last-child {
		vertical-align: top;
	}
	#contact th {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 13.5px;
		font-weight: 350;
		letter-spacing: 0.1em;
		color: gray;
	}
	#contact td {
		font-family: "Shippori Mincho", serif;
		font-size: 17px;
		font-weight: 400;
		letter-spacing: 0.03em;
	}
	#contact td p {
		padding: 10px 0 33px;
	}
	#contact tr:last-child td p {
		line-height: 1.8;
		text-align: justify;
	}
	#contact #select {
		display: flex;
		justify-content: center;
		margin-top: 40px;
	}
	#select a {
		font-family: "Shippori Mincho", serif;
		font-weight: 450;
		font-size: 17px;
		letter-spacing: 0.1em;
		color: #fff;
		outline: 0;
		cursor: pointer;
		border: none;
		background: #B9B9B9;
		padding: 7px 20px 8px;
		box-sizing: border-box;
		border-radius: 32px;
		display: block;
		margin: 0 auto;
		text-decoration: none;
		margin-right: 15px;
	}
	
	
	
	/*-------------------- NEWS	--------------------*/
	
	.under-content-news {
		margin: 0 auto;
		width: 80%;
	}
	#under .news-kv {
		background: url("../img/under-kv_news.jpg");
	}
	#news dl {
		display: flex;
		font-size: 15px;
	}
	#news dl:not(:last-child) {
		border-bottom: solid 1px #A8A38A;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	#news dt {
		text-align: left;
		width: 30%;
		font-weight: 350;
		font-family: "Montserrat", sans-serif;
		color: #5A5A5A;
	}
	#news dd {
		text-align: left;
		width: 70%;
		padding-left: 7px;
		text-decoration: none;
		color: #000;
		margin-top: -3px;
	}
	#news dd a {
		text-decoration: none;
		color: #000;
		font-weight: 450;
		font-family: "Shippori Mincho", serif;
		line-height: 24px;
		text-align: justify;
	}
	#news .news-pages ul {
		justify-content: center;
		display: flex;
	}
	#news .news-pages li {
		list-style: none;
	}
	#news .news-pages a {
		font-family: "Montserrat", sans-serif;
		font-size: 15px;
		font-weight: 400;
		text-decoration: none;
		color: #000;
	}
	#news .news-pages li:not(:last-child) {
		margin-right: 30px;
	}
	#news .news-pages li:nth-child(1) a {
		background-color: #7D1E1E;
		color: #fff;
		border-radius: 50%;
		padding: 3px 9px;
	}
	.news-0 #menuToggle span {
		background: #9B8C6E;
	}
		
	.wp-pagenavi {
		margin: 60px 0 0 10px;
		font-size: 12px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wp-pagenavi a {
		color: #000;
	}
	.wp-pagenavi .pages {
		display: none;
	}
	.wp-pagenavi span.current,
	.wp-pagenavi a.page {
		margin: 0 10px 0 0;
		border: none;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		line-height: 40px;
		text-align: center;
		box-sizing: border-box;
		justify-content: center;
		display: flex;
		align-items: center;
		transition: .3s;
	}
	.wp-pagenavi span.current {
		border: none;
		background: #7D1E1E;
		color: #fff;
	}
	.wp-pagenavi a.page {
		background: none;
	}
	.wp-pagenavi a.page:hover {
		background-color: #d1d1d1;
		color: #000;
	}
	.wp-pagenavi .first,
	.wp-pagenavi .extend {
		margin-right: 10px;
	}
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink {
		display: none;
	}
	.wp-pagenavi a:hover {
		border: none;
	}
	
		
	
	/*-------------------- NEWS SINGLE	--------------------*/
	
	.news-0 #menuToggle span {
		background: #9B8C6E;
	}
	#news .news-single {
		text-align: center;
	}
	#news img {
		width: 100%;
		margin: 30px 0;
	}
	#news .ns-title {
		font-family: "Hina Mincho", serif;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0.02em;
	}
	#news .ns-date {
		text-align: center;
		font-family: "Montserrat", sans-serif;
		font-size: 13px;
		padding: 3px 4px 2px;
		margin-bottom: 16px;
		display: inline-block;
		color: #A8A38A;
		border: solid 1px #A8A38A;
	}
	#news .ns-content {
		text-align: justify;
		line-height: 1.75em;
		letter-spacing: 0.5px;
		margin: 30px 0 70px;
		font-size: 15px;
	}
	#news ul {
		display: flex;
		justify-content: center;
		list-style: none;
	}
	#news ul a {
		text-decoration: none;
		color: #000;
	}
	#news ul li:not(:last-child) {
		margin-right: 20px;
	}
		
	:root {
		--space: 0.4rem;
		--space-large: 1.5rem;
		--space-largest: 3rem;
		--color-border: #293030;
		--color-text: #293030;
		--border-width: 2px;
	}

	.c-keyline-text {
		display: flex;
		width: 100%;
		align-items: center;
		text-transform: uppercase;
		font-family: "Montserrat", sans-serif;
		font-size: 13px;
		margin-top: 30px;
		color: #293030;
	}

	.c-keyline-text::before,
	.c-keyline-text::after {
		content: "";
		display: inline-block;
		width: 100%;
		flex: 0 1 auto;
		height: var(--border-width);
		background-color: var(--color-border);
		white-space: nowrap;
	}

	.c-keyline-text::before {
		margin-right: var(--space);
	}

	.c-keyline-text::after {
		margin-left: var(--space);
	}
	
	
	
	/*-------------------- DELIVERY	--------------------*/
	
	#under .delivery-kv {
		background: url("../img/under-kv_delivary.jpg");
		background-size: cover;
	}
	.not-yet p{
		font-family: "Shippori Mincho", serif;
		font-size: 18px;
		font-weight: 350;
		line-height: 30px;
		text-align: start;
		writing-mode: vertical-rl;
		margin: 0 auto;
		letter-spacing: 0.07em;
	}
	
		
		
	/*-------------------- STORE	--------------------*/
	
	#under .store-kv {
		background: url("../img/under-kv_store.jpg");
		background-size: cover;
		background-position: center;
	}
	.store-content ul {
		display: block;
	}
	.store-content li {
		width: 100%;
		display: block;
		list-style: none;
		margin-bottom: 20%;
	}
	.store-content li a {
		text-decoration: none;
		color: #000;
	}
	.store-content li img {
		width: 100%;
		margin-bottom: 20px;
	}
	.store-content li h4 {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 20px;
		font-weight: 500;
		text-align: left;
		letter-spacing: 0.1em;
		margin-bottom: 9px;
	}
	#store li .text {
		display: flex;
		justify-content: space-between;
	}
	#store li .text p {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 13px;
		font-weight: 350;
		letter-spacing: 0.04em;
	}
	#store li .text p span {
		font-family: "Montserrat", sans-serif;
		font-size: 15px;
		font-weight: 450;
	}
	#store li .text h5 {
		font-family: "Montserrat", sans-serif;
		font-size: 18px;
		font-weight: 450;
		text-align: right;
	}
		
	
	
	
	
}