@charset "UTF-8";
/* CSS Document */

.category{
  width: 1000px;
  margin : 30px 30px;
  border: none;
  box-sizing: border-box;
  text-align: center;
  line-height: 100px;
  font-weight: bold;
  font-size: 20px;
}

a:link{
	color: #000000;
}
a:visited{
	color: #000080;
}
a:hover{
	color: #00EFFF;
}
a:active{
	color: #00EFFF;
}

.contactfont{
	font-size: 100%;
	margin: 70px 0px 20px 530px;
}

.contactform{
	margin: 100px 0px 150px 0px;
}

.lead-form{
  text-align: center;
  font-size:20px;
}
form{
  width:600px;
  margin:0 auto;
}
.contactitem{
  overflow: hidden;
  margin-bottom: 20px;
}
.label{
  float: left;
  margin-right: 20px;
  width:180px;
  border-left: solid 3px #000000;
  padding-left: 10px;
}
.inputs{
  float: left;
  width:300px;
}
input[type="text"],input[type="email"]{
  border: solid 1px #aaa;
  border-radius:5px;
  padding:10px;
  font-size: 15px;
}
textarea{
  border: solid 1px #aaa;
  border-radius:5px;
  padding: 10px;
  height: 160px;
  font-size: 15px;
}
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #000000;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

.kaisha{
	line-height: 80%;
}

.shamei{
	font-size: 190%;
}

.footer{
	font-size: 120%;
	margin: 200px 0px 0px 0px;
	font-family: 'Jomolhari', serif;
}

/*ここからコピペ分*/
body{
	font-family: 'Lexend Peta', sans-serif;
    font-family: 'Jomolhari', serif;
}

.site-header{
    background: rgba(255,255,255,0.5);
    display: flex;
    padding: 60px 20px;
    position: fixed;
    justify-content: space-between;
    transition: .5s;
    width: 100%;
}
.site-header.transform{
    background: rgba(255,255,255,0.9);
    padding: 20px;
}

img.headimg{
	margin:240px 0px 100px 0px;
    width: 100%;
}

.h2{
	display:inline-block;
	margin: 100px 0px 200px 0px;
}

img.listvie{
	margin:100px 0px 100px 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.listvie:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.grayhaikei{
	width: 100%;
	position: relative;
}

img.onlineshop{
	position: absolute;
	top:70px;
	right:100px;
	bottom:100px;
	left:0px;
}

img.iconrakuten{
	position: absolute;
	top:120px;
	right:0px;
	bottom:100px;
	left:400px;
}

img.iconrakuten{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
img.iconrakuten:hover{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

img.iconbase{
	position: absolute;
	top:120px;
	right:0px;
	bottom:100px;
	left:465px;
}

img.iconbase{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
img.iconbase:hover{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

img.shouhin1{
	position: absolute;
    top:300px;
	right:0px;
	bottom:0px;
	left:120px;
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.shouhin1:hover{
  opacity: .5;
}

img.shouhin2{
	position: absolute;
	top:300px;
	right:0px;
	bottom:0px;
	left:620px;
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.shouhin2:hover{
  opacity: .5;
}

img.shouhin3{
	position: absolute;
    top:300px;
	right:0px;
	bottom:0px;
	left:1120px;
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

img.shouhin3:hover{
  opacity: .5;
}

img.shouhin4{
	position: absolute;
	top:950px;
	right:0px;
	bottom:0px;
	left:120px;
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.shouhin4:hover{
  opacity: .5;
}

img.shouhin5{
	position: absolute;
	top:950px;
	right:0px;
	bottom:0px;
	left:620px;
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.shouhin5:hover{
  opacity: .5;
}

img.shouhin6{
	position: absolute;
	top:950px;
	right:0px;
	bottom:0px;
	left:1120px;
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.shouhin6:hover{
  opacity: .5;
}

img.rakutenbanner{
	position: absolute;
	top:1600px;
	bottom:0px;
	left:630px;
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.rakutenbanner:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

img.basebanner{
	position: absolute;
	top:1800px;
	bottom:0px;
	left:630px;
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.basebanner:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

img.newsbanner{
	position: absolute;
	top:70px;
	right:100px;
	bottom:100px;
	left:0px;
}

img.facebookicon{
	position: absolute;
	top:70px;
	right:0px;
	bottom:100px;
	left:300px;
}

img.facebookicon{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
img.facebookicon:hover{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

img.instagramicon{
	position: absolute;
	top:70px;
	right:0px;
	bottom:100px;
	left:370px;
}

img.instagramicon{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
img.instagramicon:hover{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

img.news1{
	position: absolute;
	top:250px;
	right:0px;
	bottom:100px;
	left:120px;
}

img.news2{
	position: absolute;
	top:250px;
	right:0px;
	bottom:100px;
	left:620px;
}

img.news3{
	position: absolute;
	top:250px;
	right:0px;
	bottom:100px;
	left:1120px;
}

img.news4{
	position: absolute;
	top:1000px;
	right:0px;
	bottom:100px;
	left:120px;
}

img.news5{
	position: absolute;
	top:1000px;
	right:0px;
	bottom:100px;
	left:620px;
}

img.news6{
	position: absolute;
	top:1000px;
	right:0px;
	bottom:100px;
	left:1120px;
}

.backnumber{
	position: absolute;
	top:1800px;
	right:0px;
	bottom:100px;
	left:1280px;
	font-size:150%;
	font-weight:bold;
}

.footer{
	background-color: dimgray;
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

/*ここからBLANDページ*/
img.collection1{
	position: absolute;
	top:100px;
	right:0px;
	bottom:100px;
	left:200px;
}

img.collection2{
	position: absolute;
	top:100px;
	right:0px;
	bottom:100px;
	left:1100px;
}

img.pdf1{
	position: absolute;
	top:580px;
	right:0px;
	bottom:100px;
	left:400px;
}

img.pdf2{
	position: absolute;
	top:580px;
	right:0px;
	bottom:100px;
	left:1150px;
}

img.blandbanner1{
	position: absolute;
	top:980px;
	right:0px;
	bottom:100px;
	left:150px;
}

img.blandbanner2{
	position: absolute;
	top:980px;
	right:0px;
	bottom:100px;
	left:900px;
}

img.blandbanner3{
	position: absolute;
	top:1380px;
	right:0px;
	bottom:100px;
	left:150px;
}

/*ここからNEWSページ*/
img.pnews1{
	position: absolute;
	top:600px;
	right:0px;
	bottom:100px;
	left:120px;
}

img.pnews2{
	position: absolute;
	top:600px;
	right:0px;
	bottom:100px;
	left:620px;
}

img.pnews3{
	position: absolute;
	top:600px;
	right:0px;
	bottom:100px;
	left:1120px;
}

img.pnews4{
	position: absolute;
	top:1250px;
	right:0px;
	bottom:100px;
	left:120px;
}

img.pnews5{
	position: absolute;
	top:1250px;
	right:0px;
	bottom:100px;
	left:620px;
}

img.pnews6{
	position: absolute;
	top:1250px;
	right:0px;
	bottom:100px;
	left:1120px;
}

img.pnews7{
	position: absolute;
	top:2100px;
	right:0px;
	bottom:100px;
	left:120px;
}

img.pnews8{
	position: absolute;
	top:2100px;
	right:0px;
	bottom:100px;
	left:620px;
}

img.pnews9{
	position: absolute;
	top:2100px;
	right:0px;
	bottom:100px;
	left:1120px;
}

img.pnews10{
	position: absolute;
	top:2750px;
	right:0px;
	bottom:100px;
	left:120px;
}

img.pnews11{
	position: absolute;
	top:2750px;
	right:0px;
	bottom:100px;
	left:620px;
}

img.pnews12{
	position: absolute;
	top:2750px;
	right:0px;
	bottom:100px;
	left:1120px;
}

/*ここからRECRUIT*/
.boshuunashi{
	margin: 100px 0px 500px 100px;
	font-size: 150%;
}

/*ここからCOMPANY*/
.companyfont{
	font-size: 250%;
	margin: 100px 0px 100px 
}

.companytable{
	margin: 200px 0px 300px 0px;
	font-size: 180%;
}

.tr .td {
  border-top: #5C5C5C 0.5px solid;
  border-bottom: #5C5C5C 0.5px solid; }

.tr:first-child .td {
  border-top: none;
  border-bottom: none; }

.tr:last-child .td {
  border-top: none;
  border-bottom: none; }

/*ここからMAILフォーム*/
.contactfont{
	font-size: 100%;
	margin: 70px 0px 20px 530px;
}

.contactform{
	margin: 100px 0px 150px 0px;
}

.lead-form{
  text-align: center;
  font-size:20px;
}
form{
  width:600px;
  margin:0 auto;
}
.contactitem{
  overflow: hidden;
  margin-bottom: 20px;
}
.label{
  float: left;
  margin-right: 20px;
  width:180px;
  border-left: solid 3px #000000;
  padding-left: 10px;
}
.inputs{
  float: left;
  width:300px;
}
input[type="text"],input[type="email"]{
  border: solid 1px #aaa;
  border-radius:5px;
  padding:10px;
  font-size: 15px;
}
textarea{
  border: solid 1px #aaa;
  border-radius:5px;
  padding: 10px;
  height: 160px;
  font-size: 15px;
}
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #000000;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

.map{
	margin: 60px 0px 100px 0px;
	font-family: 'Jomolhari', serif;
}

.kaisha{
	line-height: 80%;
}

.shamei{
	font-size: 140%;
}

.maptable{
	align:center;
	margin: 300px 0px 400px 0px;
}

/*ここから取引先様*/
.paternbottan{
	margin: 200px 0px 200px 0px;
}