@charset "UTF-8";
/*FONT*/
@font-face {
  font-family: "GramondPP";
  src: url("https://lelouptokyo.com/common/font/GaramondPremrPro.otf") format("opentype");
}
@font-face {
  font-family: "GramondPP_It";
  src: url("https://lelouptokyo.com/common/font/GaramondPremrPro-It.otf") format("opentype");
}
@font-face {
  font-family: "GramondPP_Smbd";
  src: url("https://lelouptokyo.com/common/font/GaramondPremrPro-Smbd.otf") format("opentype");
}
@font-face {
  font-family: "GramondPP_Smbd_It";
  src: url("https://lelouptokyo.com/common/font/GaramondPremrPro-SmbdIt.otf") format("opentype");
}

html {
    -webkit-font-smoothing: antialiased;
    color: #3f3d3a;
    height: 100%;
    text-align: left;
    position: relative;
    background: #fff;
    font-family: "GramondPP","リュウミン M-KL","Ryumin Medium KL","serif";
	-webkit-text-size-adjust: 100%;
    letter-spacing: 0.06em;
    line-height: 2.2em;
    font-feature-settings: "palt";
	background-color: #acacad!important;
}
body {
    height: 100%;
    margin: auto;
	background-color: #acacad;
    font-family: "GramondPP","リュウミン M-KL","Ryumin Medium KL","serif";
}
.background-wrap {
min-height: 100vh;
background-color: #acacad;
}
a {
    color: #3f3d3a;
    text-decoration: none;
}
a:hover {
    opacity:0.6;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: .7s;
}
li {
    list-style: none;
}
p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}
img {
    width: 100%;
}
pc-only {
    display: block
}
sp-only {
    display: none
}

/*START*/
.start {
	background: #acacad;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 35vw;
}

/*CONTENTS*/
#contentWrap{
	width: calc(100% - 300px);
	max-width: 1300px;
	margin: 0 auto;
}
.menuWrap{
	position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.top_logo{
	width: 155px;
	margin: 0 auto;
	margin-bottom: 8vh;
}
.top_menu{
	display: flex;
	justify-content: space-between;
}
.top_menu li{
	font-size: 1rem;
    padding: 0px 25px;
    line-height: 1.3rem;
    border-right: 1px solid #4e4c49;
}
.top_menu li:first-child{
	border-left: 1px solid #4e4c49;
}
#footer{
	position: absolute;
	width: calc(100% - 300px);
	max-width: 1300px;
    bottom: 3vh;
}
.footerWrap{
	position: relative;
	padding-top: 4vh;
	border-top: 2px solid #4e4c49;
	display: flex;
	justify-content: space-between;
}
.footerWrap::before{
	position: absolute;
	border-top: 1px solid #4e4c49;
	content: '';
	top: 4px;
    left: 0px;
    right: 0px;
}
.sns_icon{
	width: 22px;
}
.copyright p{
	font-size: 11px;
}
@media screen and (max-width: 1115px) {
	#contentWrap{
		width: calc(100% - 100px);
		margin: 0 50px;
	}
	.top_logo{
		width: 130px;
		margin-bottom: 4vh;
	}
	.top_menu li{
		font-size: 1rem;
		margin-bottom: 3px;
	}
	#footer{
		width: calc(100% - 100px);
		bottom: 3vh;
	}
}
@media screen and (max-width: 700px) {
	#contentWrap{
		width: calc(100% - 50px);
		margin: 0 25px;
	}
	.top_logo{
		width: 100px;
	}
	.top_menu{
		display: block;
		text-align: center;
	}
	.top_menu li{
		font-size: 0.9rem;
		margin-bottom: 3px;
		border-right: none;
	}
	.top_menu li:first-child{
		border-left: none;
	}
	#footer{
		width: calc(100% - 50px);
		bottom: 3vh;
	}
	.sns_icon{
		width: 18px;
	}
	.copyright p{
		font-size: 10px;
	}
}