/**************
	共通
****************/




/**************
	pc
****************/
@media screen and (min-width: 769px) {

#lnav {
	width: 90%;
	max-width: 1000px;
	margin: 140px auto 0;
}
#lnav .more a,
#lnav li a{
	font-family: 'Lato', serif;
	line-height: 1;
}
#lnav .more a{
	display: block;
	max-width: 200px;
	border: 1px solid  #e51a05;
	margin: 0 auto;
	padding: 15px 10px;
	text-align: center;
	font-size: 11px;
	color: #e51a05;
	-webkit-transition:background-color .3s ease-out, color .3s ease-out;
	-moz-transition:background-color .3s ease-out, color .3s ease-out;
	-ms-transition:background-color .3s ease-out, color .3s ease-out;
	transition:background-color .3s ease-out, color .3s ease-out;
}
#lnav .more a:hover{
	background: #e51a05;
	color: #fff;
}
#lnav li {
	text-align: center;
	font-size: 14px;
}
#lnav ul li{
	margin-top: 30px;
}
body.lesson #lnav li.lesson,
body.display #lnav li.display,
body.wedding #lnav li.wedding,
body.consulting #lnav li.consulting{
	display: none;
}



/*------------------------
	Slide
------------------------*/
main .slide {
	width: 90%;
	max-width: 620px;
	margin: 0 auto;
	overflow: visible;
}
main .slide .slidenav {
	width: 3rem;height: 3rem;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
main .slide .slidenav::before{
	content: "";
	display: block;
	width: .5rem;height: .5rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main .slide .slidenav.prev{
	left:-100px;
}
main .slide .slidenav.prev::before{
	border-left: 1px solid  #333;
	border-bottom: 1px solid  #333;
	left: 1.25rem;
}
main .slide .slidenav.next{
	right:-100px
}
main .slide .slidenav.next::before{
	border-top: 1px solid  #333;
	border-right: 1px solid  #333;
	right: 1.25rem;
}




}

/**************
	sp
****************/
@media screen and (max-width: 768px) {
	
#lnav {
	width: 90%;
	margin: 80px auto 0;
}
#lnav .more a,
#lnav li a{
	font-family: 'Lato', serif;
	line-height: 1;
}
#lnav .more a{
	display: block;
	max-width: 200px;
	border: 1px solid  #e51a05;
	margin: 0 auto;
	padding: 15px 10px;
	text-align: center;
	font-size: 11px;
	color: #e51a05;
	-webkit-transition:background-color .3s ease-out, color .3s ease-out;
	-moz-transition:background-color .3s ease-out, color .3s ease-out;
	-ms-transition:background-color .3s ease-out, color .3s ease-out;
	transition:background-color .3s ease-out, color .3s ease-out;
}
#lnav .more a:hover{
	background: #e51a05;
	color: #fff;
}
#lnav li {
	text-align: center;
	font-size: 14px;
}
#lnav ul li{
	margin-top: 30px;
}
body.lesson #lnav li.lesson,
body.display #lnav li.display,
body.wedding #lnav li.wedding,
body.consulting #lnav li.consulting{
	display: none;
}



/*------------------------
	Slide
------------------------*/
main .slide {
	
}
main .slide .slidenav {
	width: 3rem;height: 3rem;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
main .slide .slidenav::before{
	content: "";
	display: block;
	width: 1rem;height: 1rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main .slide .slidenav.prev{
	left:0;
}
main .slide .slidenav.prev::before{
	border-left: 1px solid  #333;
	border-bottom: 1px solid  #333;
	left: 1.25rem;
}
main .slide .slidenav.next{
	right:0;
}
main .slide .slidenav.next::before{
	border-top: 1px solid  #333;
	border-right: 1px solid  #333;
	right: 1.25rem;
}





	
}