@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');



/* ----------------------------------------------------
	Reset
---------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;/*font-family:"Goudy Bookletter 1911",sans-serif,"Sawarabi Mincho";*/vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}


/* ----------------------------------------------------
	汎用
---------------------------------------------------- */
@media screen and (min-width:769px) {.sp{display: none;}}
.pc{display: none;}@media screen and (min-width:769px) {.pc{display: inline-block;}}

img{ width: 100%; height: auto;}
figure{line-height: 0;}

/* ----------------------------------------------------
	fadeIn
---------------------------------------------------- */
/*
	パターン1：透明度が変化
------------------------------ */
.fadeBlock {
	opacity: 0;
	transition: all 1s;
}

.fadeBlock.fadeIn {
	opacity: 1;
}

/*
	パターン2：上から
------------------------------ */
.fadeTop {
	transform: translateY(-20px);
}

.fadeTop.fadeIn {
	transform: translateY(0);
}

/*
	パターン3：下から
------------------------------ */
.fadeBottom {
	transform: translateY(50px);
}

.fadeBottom.fadeIn {
	transform: translateY(0);
}

/*
	パターン4：右から
------------------------------ */
.fadeRight {
	transform: translateX(100px);
}

.fadeRight.fadeIn {
	transform: translateX(0);
}

/*
	パターン5：左から
------------------------------ */
.fadeLeft {
	transform: translateX(-100px);
}

.fadeLeft.fadeIn {
	transform: translateX(0);
}


/* ----------------------------------------------------
	pege
---------------------------------------------------- */

html {font-size: 10px;}
body {background-color: #000;color: #fff;}
body, input, select, textarea {
	/*font-family: 'Noto Serif JP', serif;*/
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.4rem;
	line-height: 1.7;
	letter-spacing: .05em;
}
a { text-decoration: none; color: #fff;}
a:hover { opacity: .7; }


/* ----------------------------------------------------
	header
---------------------------------------------------- */

#header{
	position: relative;/*背景を設定するdivの基点とするためrelativeをかける*/
    width: 100%;
	height:100vh;
    /*overflow: hidden;*/
	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
/*古いブラウザ用*/
@-webkit-keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}
 


#header-img{
	position: fixed;/*背景を固定するためfixedをかける*/
	z-index: 1;/*#container,#footerよりも下に配置するために数値を小さくする*/
    top: 0;/*topの位置がJSで変化*/
	/*以下画面で背景画像を表示させるための指定*/
    width: 100%;
	height:100vh;
	background: url("../img/main_sp.jpg") no-repeat top center;/*背景画像の設定*/
	background-size:cover;
	transform-origin:center;/*変化する基点を中心からに設定*/
}
.header-area{
	position: absolute;
	width: 100%;
	margin: 20vh auto 0;
    z-index: 2;
	/*background-color: rgba(213,183,184,.5)*/
}
.header-area .lyt-box{
	width: 90%;
	margin-left: 6%;
	text-align: right;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.55);
	/*background-color: rgba(38,105,224,.6)*/
}
.header-area .lyt-box h1,
.header-area .lyt-box h1 em,
.header-area .lyt-box p{
	font-family: 'Zen Old Mincho', serif;
}
.header-area .lyt-box h1,
.header-area .lyt-box p{
	line-height: 1.7;
	font-size: calc( 1.5rem + 1vw);
}
.header-area .lyt-box h1{
	text-indent: -.4em;
}
.header-area .lyt-box h1 em{
	display: block;
	font-size: calc( 2rem + 2.8vw);
	font-weight: 900;
	padding-left: .3em;
}
.header-area .lyt-box p{
	padding-top: .6em;
	line-height: 1.2;
	letter-spacing: .08em;
	font-size: calc( 1.5rem + .2vw);
}

@media screen and (min-width: 768px) {
	#header-img{
		background: url("../img/main.jpg") no-repeat center center;
		background-size:cover;
		transform-origin:center;
	}
	.header-area{
		margin: 8vh auto 0;
	}
	.header-area .lyt-box{
		max-width: 1200px;
		width: 90%;
		margin: auto;
	}
	.header-area .lyt-box h1,
	.header-area .lyt-box p{
		line-height: 1.4;
		font-size: calc( 2rem + 1vw);
	}
	.header-area .lyt-box h1 em{
		font-size: calc( 2.4rem + 2.6vw);
	}
	.header-area .lyt-box p{
		padding-top: .8em;
		letter-spacing: .2em;
		font-size: calc( 2rem + .2vw);
	}
}

/*スクロールダウン全体の場所*/
.scrolldown2{
    /*描画位置※位置は適宜調整してください*/
	position:fixed;
	bottom:10px;
	left:50%;
    z-index: 2;
}

/*Scrollテキストの描写*/
.scrolldown2 span{
    /*描画位置*/
	position: absolute;
	left:10px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-4px;
    /*丸の形状*/
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#eee;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation:
		circlemove 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }

/* 線の描写 */
.scrolldown2:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	left:0;
    /*線の形状*/
	width:2px;
	height: 50px;
	background:#eee;
}




/* ----------------------------------------------------
	container
---------------------------------------------------- */

#container,
#footer{
	position: relative;
	z-index: 3;
	background-color: #000;
}
#container{
	position: relative;
}
#container::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 25vw;
	height: 100%;
	background: url("../img/pat.png")
}
.box-lyt-w{
	width: 90%;
	margin: auto;
	padding: 6em 0;
}
/*.box-lyt-w .lyt-introduction figure{
	width: 68%;
	margin: 1em auto 2em;
}*/
.box-lyt-w .lyt-introduction .lyt-doc{
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.7;
	letter-spacing: 0.12em;
}
.box-lyt-w .lyt-introduction .lyt-doc p{
	font-family: 'Zen Old Mincho', serif;
	font-weight: 600;
}
.box-lyt-w .lyt-introduction .lyt-doc p + p{
	padding-top: 1.4em;
}
.box-lyt-w .lyt-introduction + .lyt-meal{
	width: 100%;
	margin: 10vw 0 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.box-lyt-w .lyt-meal li{
	width: 100%;
}
.box-lyt-w .lyt-meal li:nth-child(n+3) {
	margin: 1% 0 0;
}
.box-lyt-w .lyt-meal li figure{
	width: 100%;
	margin: 0;
	line-height:1.7;
}

.box-lyt-w .lyt-introduction + .lyt-event{
	width: 100%;
	margin: 10vw 0 0;
}
.box-lyt-w .lyt-event .lyt-caption,
.box-lyt-w .lyt-meal li figure figcaption{
	padding: .8em 0 0 0;
}
.box-lyt-w .lyt-introduction.lyt-meal{
		padding: 3em 0 0;
}

@media screen and (min-width: 768px) {
	#container::before{
		width: 15vw;		
	}
	.box-lyt-w{
		max-width: 1200px;
		width: 96%;
		padding: 8vw 0;
	}
	.box-lyt-w .lyt-introduction{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6vw 0 0;
	}
	/*.box-lyt-w .lyt-introduction figure{
		max-width: 400px;
		width: 55%;
		margin: 0;
	}*/
	.box-lyt-w .lyt-introduction .lyt-doc{
		max-width: 740px;
		width: 100%;
		margin: 0 0 0 0;
		line-height: 2.5;
		font-size: 2rem;
		text-align: center;
	}
	.box-lyt-w .lyt-introduction + .lyt-meal,
	.box-lyt-w .lyt-introduction + .lyt-event{
		margin: 6vw 0 0;
		padding-bottom: 6vw;
	}
	/*.box-lyt-w .lyt-meal li{
		width: 100%;
	}*/
	.box-lyt-w .lyt-meal li:nth-child(n+3) {
		margin: 0 0 0;
	}
	.box-lyt-w .lyt-event .lyt-caption,
	.box-lyt-w .lyt-meal li figure figcaption{
		text-align: right;
		padding: .5em 1em 0 0;
	}
}


.lyt-article{
	margin: 8em 0 0;
	text-align: center;
}
.lyt-article h2.lyt-hdg{
	display: inline-block;
	font-size: 2.4rem;
	font-family: 'Zen Old Mincho', serif;
	font-weight: 600;
	padding: 0 .8em;
	margin-bottom: 1.2em;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
}
.lyt-article .lyt-hdg span{
	font-family: 'Pinyon Script', cursive;
	font-weight: 400;
	display: block;
	font-size: 1.6rem;
	color: #dadada;
}
.lyt-article .lyt-column{
	text-align: left;
}
.lyt-article .lyt-data,
.lyt-article .lyt-column + .lyt-column{
	margin: 3em 0 0;
}
.lyt-article .lyt-data li{
	text-indent: -5.5em;
	padding-left: 5.5em;
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.8rem;
	font-weight: 500;
}
.lyt-article .lyt-data li span{
	font-family: 'Zen Old Mincho', serif;
	letter-spacing: .385em;	
}
.lyt-article .lyt-data li address{
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.4rem;
	font-weight: 500;
	display: block;
	padding-left: 6.8em;
}
.lyt-article .lyt-data li address a{
	color: #f6d135;
	text-decoration:underline;
}

.lyt-article .lyt-column .lyt-ph,
.lyt-article .lyt-column .lyt-doc{
	width: 100%;
}
.lyt-article .lyt-column .lyt-doc h3.lyt-hdg{
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 1em 0 0;
	margin-bottom: .5em;
}
.lyt-article .lyt-column .lyt-doc h3.lyt-hdg ruby{
	font-family: 'Zen Old Mincho', serif;
}
ul.lyt-note li, p.lyt-note{
	text-indent: -1em;
	padding: 0 0 0 1em;
	font-size: 1.2rem;
	text-align: left;
}
.lyt-article .lyt-column + .lyt-note{
	margin-top: 2em;
}
.lyt-article .lyt-column .lyt-doc .lyt-linebox{
	padding: 1.1em .8em 1em 1em;
	margin: 1.4em 0 0;
	border: 1px solid rgba(255, 255, 255, .4);
}

@media screen and (min-width: 768px) {
	.lyt-article{ margin: 8vw 0 0;}
	.lyt-article h2.lyt-hdg{ margin-bottom: 3vw;}
	.lyt-article .lyt-column{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.lyt-article .lyt-data{margin: 0;}
	.lyt-article .lyt-data li{
		font-size: 2rem;
	}
	.lyt-article .lyt-data li address{
		display: inline;
		padding: 0 0 0 1em;
	}
	.lyt-article .lyt-column + .lyt-column{margin: 4vw 0 0;}
	.lyt-article .lyt-column .lyt-ph,
	.lyt-article .lyt-column .lyt-doc{width: 49%;}
	.lyt-article .lyt-column .lyt-doc h3.lyt-hdg{font-size: 2rem;}
	.lyt-article .lyt-column + .lyt-note{margin-top: 2vw;}
}

/* テーブルレイアウト */
.lyt-table {
	margin: 0 0 1.5em;
}
.lyt-table th, .lyt-table td {
	text-align: center;
	width: 14%;
	font-size: 1.2rem;
	color: #000;
	background-color: #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.lyt-table th {
	padding: 8px 2px;
	line-height: 1.2;
	background-color: #d5c78c;
}

@media screen and (max-width: 768px) {
	.lyt-table {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.lyt-table .fixed {
		position: sticky;
		left: 0;
	}
	.lyt-table .fixed::before{
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		width: 1px;
		height: 100%;
		background-color: #000;
	}
	.lyt-table th, .lyt-table td {
		width: 18%;
		font-size: 1.4rem;
	}
	.lyt-table th {
		padding: 8px 1.2em;
		line-height: 1.2;
	}	
}

.lyt-reservation{
	padding: 1.4em 0;
	margin: 1.4em 0 2em;
	text-align: center;
	background-color: #4e6c75;
}
.lyt-reservation h4{
	font-family: 'Zen Old Mincho', serif;
	color: #d5c78c;
	font-size: 1.8rem;
	font-weight: 600;
}
.lyt-reservation p + h4{
	padding-top: 1em;
}
.lyt-reservation p{
	font-family: 'Zen Old Mincho', serif;
}
.lyt-reservation .day{
	font-size: 1.8rem;
	font-weight: 700;
}
.lyt-reservation p em{
	display: block;
	font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
	.lyt-reservation{
		font-size: 1.6rem;
		padding: 1.4em 0;
	}
	.lyt-reservation h4{font-size: 2rem;}
	.lyt-reservation .day{font-size: 2.2rem;}
	.lyt-reservation p em{font-size: 2rem;}
}


.lyt-btn a{
	font-family: 'Zen Old Mincho', serif;
	max-width: 450px;
	position: relative;
	display: block;
	transition: all 0.3s;
	font-size: 1.6rem;
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	margin: auto;
}
.lyt-btn.lyt01 a{
	background-color: #4f6a15;
	border: 3px solid  #4f6a15;
	transition: all .3s;
	color: #fff;
	padding: 1.2em 1.6em 1.1em;
}
.lyt-btn.lyt01 a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 0.3s;
}
.lyt-btn.lyt01 a:hover::before{
	right: 10px;
}
.lyt-btn.lyt01 a:hover{
	opacity: 1;
	background-color: #273706;
	border: 3px solid #273706;
}


.lyt-column.lyt02 .lyt-doc{
	padding: 0em 1em 3em;
}
.lyt-column.lyt02 .lyt-doc p + p{
	padding-top: 1em;
}
.lyt-column.lyt02 .lyt-doc + .lyt-doc{
	/*border-top: 1px solid #a0a87d;*/
	/*padding: 3em .8em 3em 1.6em;*/
	padding: 3em 1em;
}

.lyt-column.lyt02 .lyt-doc h3.lyt-hdg-l{
	display: inline-block;
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.6rem;
	font-weight: 900;
	/*border: 1px solid #93a57d;*/
	padding: .2em .8em;
	color: #1c2b45;
	background-color: #bfa247;
	margin-bottom: .6em;
}
.lyt-column.lyt02 .lyt-doc .lyt-tit,.lyt-column.lyt02 .lyt-doc .lyt-tit span{
	font-family: 'Zen Old Mincho', serif;
	font-size: 3rem;
	margin: .4em 0 .8em -.5em;
	line-height: 1.2;
}
.lyt-column.lyt02 .lyt-doc .lyt-tit ruby{
	font-family: 'Zen Old Mincho', serif;
}
.lyt-column.lyt02 .lyt-doc .lyt-tit span{
	font-size: 2rem;
}

.lyt-column.lyt02 .lyt-doc p + h3.lyt-hdg-l{
	margin: 2.3em 0 .6em;
}
.lyt-column.lyt02 .lyt-doc .lyt-app{/*
	font-family: 'Zen Old Mincho', serif;*/
	font-size: 1.6rem;
	margin: 0 0 0;
}
.lyt-column.lyt02 .lyt-doc .lyt-app span{
	font-size: 1.4rem;
}

.lyt-column.lyt02 .lyt-doc .lyt-profile{
	padding: 0 0 2em;
	font-size: 1.4rem;
	
	margin-bottom: 0 0 1.2em;
}
.lyt-column.lyt02 .lyt-doc .lyt-name{
	font-family: 'Zen Old Mincho', serif;
	padding: 0 0 1em;
	font-size: 1.6rem;
}
.lyt-column.lyt02 .lyt-doc .lyt-name em{
	font-family: 'Zen Old Mincho', serif;
	display: block;
	font-size: 2.4rem;
	padding-top: .4em;
}
.lyt-column.lyt02 .lyt-doc .lyt-name ruby{
	font-family: 'Zen Old Mincho', serif;
}

.lyt-column.lyt02 .lyt-doc .lyt-profile figure{
	width: 240px;
	margin: 0 0 1.6em;
	line-height: 1.7;
}
.lyt-column.lyt02 .lyt-doc .lyt-profile figure figcaption{
	text-align: center;
	background-color: #4e6c75;
	padding: .4em;
}
.lyt-column.lyt02 .lyt-doc h4.lyt-hdg{
	display: inline-block;
	padding: 0 .2em;
	border-bottom: 1px solid #FFF;
}
.lyt-column.lyt02 .lyt-doc .lyt-txt + h4.lyt-hdg{
	margin: 2em 0 0;
}
.lyt-column.lyt02 .lyt-doc .lyt-txt{
	margin: .5em 0 0;
}
.lyt-column.lyt02 .lyt-doc .list-performer{
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1.4em;
}
.lyt-column.lyt02 .lyt-doc .list-performer li{
	width: 31%;
	margin-top: 1em;
	margin-left: .5em;
}
.lyt-column.lyt02 .lyt-doc .list-performer figure{
	line-height: 1.7;
}
.lyt-column.lyt02 .lyt-doc .list-performer figure figcaption{
	padding: .2em;
	margin-top: -.5em;
	font-size: 1.2rem;
	text-align: center;
	background-color: #4e6c75;
}
@media screen and (min-width: 768px) {
	.lyt-column.lyt02 {
		display: block
	}
	
	.lyt-column.lyt02 .lyt-doc{
		max-width: 720px;
		margin: 0 auto;
		width: 100%;
		padding: 3em 2.5em 2.5em;
	}
	.lyt-column.lyt02 .lyt-doc + .lyt-doc{
		padding: 3em 2.5em;
	}
	.lyt-column.lyt02 .lyt-doc h3.lyt-hdg-l{
		margin: 0 auto .5em;
	}
	.lyt-column.lyt02 .lyt-doc .lyt-name em{
		display: inline-block;
		padding-top: 0;
		padding-left: .4em; 
	}
	.lyt-column.lyt02 .lyt-doc .lyt-profile{
		display: flex;
		align-items: flex-start;
		padding: 0 0 1em;
		font-size: 1.4rem;
		margin-bottom: 0 0 1.2em;
	}
	.lyt-column.lyt02 .lyt-doc .lyt-profile figure{
		width: 180px;
		margin: 0 2em 0 0;
	}
	.lyt-column.lyt02 .lyt-doc .lyt-profile .lyt-history{
		width: calc(100% - 180px);
	}
	.lyt-column.lyt02 .lyt-doc .list-performer li{
		width: 15.5%;
	}
	.lyt-column.lyt02 .lyt-doc .list-performer li + li{
		margin-left: .5em;
	}/*
	.lyt-column.lyt02 .lyt-doc .list-performer li:first-child{
		margin-left: 9%;
	}*/
	
	
	.lyt-introduction figure{
		width: 200px;
		margin: 0 0 0 2em;
	}
}

.lyt-dentou{
	margin-top: 3rem;
}
.lyt-dentou p{
	padding: .8em 0 .8em 1.2em;
	font-size: 1.2rem;
}
.lyt-dentou .lyt-logo{
	width: 140px;
	margin: 1em auto 0;
}

@media screen and (min-width: 768px) {
	.lyt-dentou{
		display: flex;
		margin-top: 2rem;
	}
	.lyt-dentou p{
		padding: .8em 0 .8em 1.2em;
		font-size: 1.1rem;
	}
	.lyt-dentou .lyt-logo{
		width: 120px;
		margin: 1em 0 0 .3em;
	}
}





/* ----------------------------------------------------
	pagetop
---------------------------------------------------- */
.pageTop a {
	background: rgba(78, 108, 117, 0.8);
	width: 64px;
	height: 64px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 10px;
	bottom: 11vh;
	z-index: 10;
	animation: fadetop 2s ease 0s 1 normal;
    -webkit-animation: fadetop 2s ease 0s 1 normal;
}
@keyframes fadetop {0% {opacity: 0}100% {opacity: 1}}
/*古いブラウザ用*/
@-webkit-keyframes fadetop {0% {opacity: 0} 100% {opacity: 1}}

.pageTop a img {
	width: 16px;
	height: auto;
}


@media screen and (min-width: 768px) {.pageTop a {bottom: 70px;}}



/* ----------------------------------------------------
	Footer
---------------------------------------------------- */


#footer .lyt-foot{
	padding: 8vw 0;
    border-top: 1px solid #4e6c75;
}
#footer .lyt-foot ul{
	width: 96%;
	margin: auto;
	
	display: flex;
	justify-content: center;
}
#footer ul li{
	position: relative;
    padding: .3em 2em;
    font-size: 1.4rem;
	line-height: 1;
}
#footer ul li::before,
#footer ul li::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 1.5rem;
	top: 0;
	bottom: 0;
	margin: auto;
}
#footer ul li + li::before,
#footer ul li:first-child::before{
	left: 0;
	border-left: 1px solid #e1dbd0;
}
#footer ul li:last-child::after{
	right: 0;
	border-right: 1px solid #e1dbd0;
}
#footer small{
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1rem;
	padding: 1em 0;
}

.lyt-soldout{
	max-width: 600px;
	margin: 10vw auto;
	padding: 2em 1.5em;
	border: 6px solid #b4b84f;
	background: rgba(0,0,0,.7);
	text-align: center;
	line-height: 1.4;
}
.lyt-soldout .lyt-hdg{
    font-family: 'Zen Old Mincho', serif;
    color: #b4b84f;
    font-size: 2.6rem;
    font-weight: 600;
	padding-bottom: .6em;
	padding-left: 1em;
	text-indent: -1em;
}
.lyt-soldout .lyt-sub{
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}


@media screen and (min-width: 768px) {
	#footer .lyt-foot{padding: 2.5vw 0 1.5vw;}
	#footer .lyt-foot ul{max-width: 1200px;}
	.lyt-soldout{
		margin: 3vw auto;
		padding: 2em;
		line-height: 1.7;
	}
	.lyt-soldout .lyt-hdg{
		font-size: 3rem;
		padding-left: 0;
		text-indent: 0;
	}
	.lyt-soldout .lyt-sub{
		text-align: center;
	}
}