@charset "utf-8";
/* ts */
/*------------------------------
 base
------------------------------*/
html, 
body { 
	width: 100%;
  min-height: 100%;	
}
html {
	position: relative;
}
body { 
  margin: 0; 
  padding: 0; 
	text-align: left;
	/*background-color: rgba(0,105,100,0.2);*/
  /* adobe web font */
		font-family: "a-otf-ud-shin-maru-go-pr6n", sans-serif;
		font-weight: 300;
		font-style: normal;
		/*font-family: a-otf-ud-shin-go-pr6n, sans-serif;
		font-weight: 300;
		font-style: normal;*/
	/* end */
	color: #333;
  font-size: 12pt;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
a {
	color: #333;
	text-decoration: none;
}
a hover {
	color: blue;
}
h1,
h2 {
	font-size: 16pt;
	font-weight: bold;
}
h2 {
	display: flex;
	align-items: center;
}
/* h2 line decoration */
h2:before,
h2:after {
	content: "";
	height: 2px;
	flex-grow: 1;
	background-color: rgba(44,77,96,1); 	
}
h2:before {
	margin-right: 20px;
}
h2:after {
	margin-left: 20px;
}
/* End-------------------- */
h5 {
	font-size: 12pt;
	font-weight: bold;
}
h6 {
	display: inline-block;
	border: solid 0.5px #999;
	border-radius: 3px;
	padding: 5px;
	color: white;
	background-color: rgba(44,77,96,1);
}
/* smart phone only break */
.sp-br {
	display: none;
}
/* pc */
@media(min-width: 1500px) {
	h6 {
	margin-left: 100px;
	}
}
/* smart phone */
@media(max-width: 600px) {
	.sp-br {
		display: block;
	}
}

/* End-------------------- */
.bo {
	border: solid 1px red;
}
.bo2 {
	border: solid 2px blue;
}
.p-indent {
	padding-left: 1em;
	text-indent: -1em;
}
/*------------------------------
 top
------------------------------*/
/* Tsukimura Shop */
/*.ts-top {
	color: rgb(13,110,253);
	padding-top: 30px;
}
.ts-top p {
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}*/
/*------------------------------
 top header menu
------------------------------*/
.head {
	position: relative;
	z-index: 1000;
	/*min-height: 100vh;
	overflow-x: hidden;*/
	width: 100%;
	height: 100vh;
	background-image: url("../img/img_top2.jpg");
	background-size: cover;
	background-position: center;
}
.head nav {
	position: fixed;
	width: 100%;
	padding: 0 20px;
	background-color: rgb(44,77,96);
	mix-blend-mode: hard-light;
}
.head nav ul {
	display: flex;
	justify-content: flex-end;
}
.head nav li {
	margin-left: 20px;
	font-size: 10pt;
	list-style: none;
}
.head nav a {
	color: #fff;
	text-decoration: none;
}
.head nav a:hover {
	color: red;
	text-decoration: none;
}
/* Tsukimura Shop */
.head p {
	position: absolute;
	font-size: calc(6vw);
	font-weight: bold;
	text-align: center;
	color: rgba(13,110,253,0.6);
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	line-height: calc(4rem);
}
/* smart phone only font-size */
@media(max-width: 600px) {
	.head p {
		font-size: calc(9vw);
		line-height: calc(2rem);
	}
}
/* End-------------------- */
.head img {
	max-width: auto;
	max-height: 100vh;
	object-fit: contain;

}
/* sm */
.head nav a:active {
	color: red;
	text-decoration: none;
}
/*------------------------------
 other header menu
------------------------------*/
.head-other {
	position: relative;
	z-index: 1000;
}
.head-other nav {
	position: fixed;
	width: 100%;
	padding: 0 20px;
	background-color: rgb(44,77,96);
	mix-blend-mode: hard-light;
}
.head-other nav ul {
	display: flex;
	justify-content: flex-end;
}
.head-other nav li {
	margin-left: 20px;
	font-size: 10pt;
	list-style: none;
}
.head-other nav a {
	color: #fff;
	text-decoration: none;
}
.head-other nav a:hover {
	color: red;
	text-decoration: none;
}
/* Tsukimura Shop */
.head-other p {
	position: fixed;
	display: flex;
	justify-content: flex-start;
	margin-left: 20px;
	color: white;
	
	
	/*position: absolute;
	font-size: calc(6vw);
	font-weight: bold;
	text-align: center;
	color: rgba(13,110,253,0.6);
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	line-height: calc(4rem);*/
}
/* smart phone only font-size */
/*@media(max-width: 600px) {
	.head-other p {
		font-size: calc(9vw);
		line-height: calc(2rem);
	}
}*/
/* End-------------------- */
/*.head-other img {
	max-width: auto;
	max-height: 100vh;
	object-fit: contain;
}*/
/* sm */
.head-other nav a:active {
	color: red;
	text-decoration: none;
}
/*------------------------------
 bread
------------------------------*/
.ts-bread {
	font-size: 10pt;
	padding-top: 50px;
}
/*------------------------------
 back to top scroll
------------------------------*/
.back-to-top {
  display: none;
  position: fixed;
  right: 5%;
  bottom: 5%;
  color: #fff;
  padding: 2rem;
  border-radius: 50%;
  display: inline-block;
  text-decoration: none;
}
.back-to-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: rgb(44,77,96);
	mix-blend-mode: hard-light;
  border-radius: 50%;
  z-index: -1;
}
/*------------------------------
 product
------------------------------*/
/* pc */
@media(min-width:992px) {
	.container-80 {	
			max-width: 900px;
		}
}
.max-100 {
	max-width: 100%; /* spでimgが画面に納まるように */
}
.under-line-r {
	margin: 0 0px;
	display: inline-block;
	background: linear-gradient(transparent 80%, rgba(255,171,158,0.4) 80%);
}
.product table,
.product2 table {
	border-bottom: solid 1px #333;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.product th,
.product td,
.product2 th,
.product2 td {
	font-size: 10pt;
	border-collapse: collapse;
	border-bottom: solid 1px #999;	
}
.product th,
.product2 th {
	/*width: 25%;*/
	background-color: white;
	color: #333;
	padding-left: 10px;
	/*font-weight: lighter;*/
}
.product td,
.product2 td {
	/*width: 65%;*/
	padding: 10px;
}
/*@media screen and (max-width: 600px) {
	.product th,
	.product td {
		display: block;
		width: 100%;	
	}
	.product th,
	.product2 th {
		background-color: rgba(192,192,192,0.3);
	}
}*/
/*------------------------------
 company
------------------------------*/
.under-line {
	/*text-decoration: underline;
	text-decoration-color: rgb(44,77,96);*/
	margin: 0 30px;
	display: inline-block;
	background: linear-gradient(transparent 70%, rgba(44,77,96,0.2) 70%);
}

/*------------------------------
 law
------------------------------*/
.law {
}
.law table {
	border: none;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.law th,
.law td {
	font-size: 10pt;
	border-collapse: collapse;
	border-bottom: solid 1px #999;
	
}

.law th {
	width: 25%;
	background-color: white;
	color: #333;
	/*font-weight: lighter;*/
}
.law td {
	width: 65%;
	padding: 10px;
}
@media screen and (max-width: 600px) {
	.law th,
	.law td {
		display: block;
		width: 100%;	
	}
	.law th {
		background-color: rgba(192,192,192,0.3);
	}
}
/*------------------------------
 shopping guide
------------------------------*/
.guide-item {
	background-color: cadetblue;
	color: white;
}

/*------------------------------
 Google map
------------------------------*/
.gmap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 30%; /*42.85%*/
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------
 footer
------------------------------*/
footer {
	background-color: rgb(44,77,96);
	text-align: center;
}
footer p {
	color: white;
}
footer hr {
	height: 1px;
	background-color: white; 
	border: none;
}
footer nav {
	width: 100%;
	padding: 0 20px;
	margin-top: -10px;
}
footer nav ul {
	display: flex;
	justify-content: center;
}
footer nav li {
	margin-left: 20px;
	font-size: 9pt;
	list-style: none;
}
footer nav li:first-child {
	margin-left: 0;
}
footer nav a {
	color: #fff;
	text-decoration: none;
}
footer nav a:hover {
	color: red;
	text-decoration: none;	
}
@media screen and (max-width: 600px) {
	footer nav ul {
		flex-wrap: wrap;
	}
	footer li {
	}
}