@charset "utf-8";
/* CSS Document */
html {
  font-size:75%;
}

body {
  background-color: black;
  font-family: 'Noto Serif JP', sans-serif;
  font-size:1.4rem;
}

p,
img,
ul,
ol {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

h1 {
font-size: 20px;
}

.footer {
   position: fixed;
   bottom: 3px;
   width: 100%;
   text-align: center;	
}
small {
    color: white;
	font-weight:normal;
	font-size: 10px;
}

.TopBtn {
	height: 60px;
	width: 180px;
	background-color: black;
	padding-left: 5px;
}

.TopCoName　{
	color: white;
	text-align: center;
}
.coType {
	font-size: 10px;
	text-align: center;
}

.btn {
	width: 100%;
	color: white;
 text-decoration: none;
	
}

.btn:hover {
	color: white;
  opacity: 0.8;
	
}

.menuBtn {
	width: 60px ;
	height: 60px ;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  }

.rightMenuBtn {
	position: fixed;
  top: 10px; 
	right: 10px;
}

.ThreeLine {
	padding: 8px;
	background-color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
	border: solid 2px;
	border-radius: 6px;
	border-color: white;
}

.line {
    width: 100%;
	font-size: 10px;
    height: 5px;
    background-color: white;
    margin-bottom: 5px;
}

.textMenu {
	margin: 0 auto;
	color: white;
	font-weight:normal;
	font-size: 10px;
	text-align: center;
    width: 100%;
    height: 5px;
	text-decoration: none;
}
.container {
	 padding-top: 5px;
    padding-bottom: 20px;
  }
.top {
	margin: 160px auto;
}

.TopMenuBtn {
	
}

.co1 {
	margin: 0 auto;
	font-weight:normal;
	font-size: 32px;
	text-align: center;
	color: white;
}

.co2 {
	margin: 0 auto;
	font-weight:normal;
	font-size: 16px;
	text-align: center;
	color: white;
	margin-bottom: 20px;
}

 .menu {
  margin: 100px auto;
  display: flex;
  flex-flow: column;
  }

.msg {
  margin: 100px auto;
  display: flex;
  background-color: black;
  }

.msgEnBox {
	height: auto;
	margin-left: auto;
	padding: 10px;
	color: white;
}

.msgEnFd {
	height: auto;
	margin: 15px auto;
	text-align: center;
	color: white;
}

.msgEn {
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-siza: 14px;
}

.msgJpBox {
	height: auto;
	margin-right: auto;
	padding: 10px;
	color: white;
}

.msgJpFd {
	height: auto;
	margin: 15px auto;
	text-align: center;
	color: white;
}

.msgJp {
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-siza: 14px;
}

.worksMenu {
  margin: 100px auto;
  }

.worksFd {
  width:320px;
  margin: 30px auto;
  display: flex;
  background-color: black;
	 border-bottom: solid;
	 border-color: white;
	 padding: 20px;
}

.worksFdEn {
width: 250px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
}

.worksFdJp {
width: 250px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
}

 .works {
  width:320px;
  margin: 30px auto;
  display: flex;
  background-color: black;
  }

.worksEn {
	width: 250px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
}

.worksJp {
	width: 250px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
}

ul {
    display: flex;
    background-color: black;
	list-style: none;
	 margin: 0 20px;
}
li {
	flex: 1;
	width: 200px;
    padding: 8px;
	color: white;
}

.menuEn {
	text-align: right;
	padding-right: 30px;
}

.menuJp {
	text-align: left;
	padding-left: 30px;
}

.works-shop-fd {
	 width: 400px;
  margin: 5px auto;
  display: flex;
  background-color: black;
	 border-bottom: solid 1px;
	 border-color: white;
	 padding: 5px;
  }

.shop-en-fd {
	width: 180px;
	height: 20px;
	margin: 5px;
	padding-right: 15px;
	text-align: right;
	color: white;
	font-weight:normal;
	font-size: 16px;
}

.shop-jp-fd {
	width: 180px;
	height: 20px;
	margin: 8px;
	padding-left: 0px;
	text-align: left;
	color: white;
	font-weight:normal;
	font-size: 16px;
}

.works-shop-category {
  margin: 10px auto;
  display: flex;
  background-color: black;
	 border-color: white;
	 padding-left: 5px;
  }

.category {
    margin: 5px auto;
	padding-bottom: 10px;
	color: white;
	font-weight:normal;
	font-size: 16px;
	text-align: center;	
}

.shopDist {
	margin-top: 20px;
	margin-bottom: 20px;
}

.shopIntro {
	width: 400px;
  margin: 0 auto;
  display: flex;
  background-color: black;
  }

.shop-en {
	width: 180px;
	height: 40px;
	margin: 5px;
	padding-right: 10px;
	text-align: right;
	color: white;
	font-weight:normal;
	font-size: 14px;
}

.shop-jp {
	width: 180px;
	height: 40px;
	margin: 5px auto;
	padding-left: 0px;
	text-align: left;
	color: white;
	font-weight:normal;
	font-size: 14px;
}

.overviewFd {
	 width: 400px;
  margin: 5px auto;
  display: flex;
  background-color: black;
	 border-bottom: solid 1px;
	 border-color: white;
	 padding: 5px;
  }

.overviewEnFd {
	width: 180px;
	height: 20px;
	margin: 5px;
	padding-right: 15px;
	text-align: right;
	color: white;
	font-weight:normal;
	font-size: 16px;
}

.overviewJpFd {
	width: 180px;
	height: 20px;
	margin: 8px;
	padding-left: 0px;
	text-align: left;
	color: white;
	font-weight:normal;
	font-size: 16px;
}

.overviewDist {
	margin-top: 20px;
	margin-bottom: 20px;
}

 .overviewFd {
  width:360px;
  padding-top: 10px;
  margin: 10px auto;
  background-color: black;
  }

.overviewFdName {
	width: 320px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-size: 13px;
}

 .overviewpageFd {
  width:360px;
  padding-top: 10px;
  margin: 10px auto;
  background-color: black;
  }

 .overview {
	 width:360px;
  margin: 15px auto;
  background-color: black;
  }

.overviewEn {
	width: 320px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: center;
	color: white;
	font-size: 13px;
	text-decoration: none;
	border-bottom: none;
}

.overviewJp {
	width: 320px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: center;
	color: white;
	font-size: 16px;
	text-decoration: none;
}

.accessFd {
	 width: 400px;
  margin: 5px auto;
  display: flex;
  background-color: black;
	 border-bottom: solid 1px;
	 border-color: white;
	 padding: 5px;
  }

.accessEnFd {
	width: 180px;
	height: 20px;
	margin: 5px;
	padding-right: 15px;
	text-align: right;
	color: white;
	font-weight:normal;
	font-size: 16px;
}

.accessJpFd {
	width: 180px;
	height: 20px;
	margin: 8px;
	padding-left: 0px;
	text-align: left;
	color: white;
	font-weight:normal;
	font-size: 16px;
}

.accessDist {
	margin-top: 20px;
	margin-bottom: 20px;
}

 .accesspageFd {
  width:360px;
  padding-top: 10px;
  margin: 10px auto;
  background-color: black;
  }

.accessFdName {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-size: 16px;
}

.gmap {
padding-left: 15px; 
	padding-right: 15px; 	
}

.kaki {
	margin-top: 15px;
	font-size: 14px;
	color: white;
	text-align: center;
}

.contact {
	margin-top: 15px;
}

.contact {
	margin-top: 15px;
}

.tel {
	text-align: center;
	margin-bottom: 5px;
	color: white;
	font-size: 16px;
}

.tel2 {
	text-align: center;
	margin-bottom: 15px;
	color: white;
	font-size: 12px;
}

.email {
	text-align: center;
	margin-bottom: 15px;
	color: white;
	font-size: 16px;
}