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

article {
	padding-bottom:100px;
}


/*ヘッダーパララックスと各キャッチコピー・背景*/
div.parallax_header{
	height:460px;
	background-attachment: fixed;
}
.title_wrap {
	max-width:1000px;
	height:460px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}
.title_header {
	position: absolute;
	top: -130px;
	right: 0;
	bottom: 0;
	left: 0px;
	margin: auto;
	width: 100%;
	height: 100px;
	text-align: center;
	font-size: 40px;
	padding: 0 0px;
	line-height: 150%;
	color:#00862E;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(225, 225, 225, 0.8);
}


/*ヘッダー以外*/
div.head_img{
	height:300px;
	background-repeat: no-repeat;
	margin:30px 0 50px 0;
}

/*途中のコンテンツ枠*/
.content{
	padding:0px 10px;
}

/*画像内キャッチ・ショップバナー*/
.box1,.box2,.box3,.box4{
	max-width:1000px;
    margin: 0 auto;
}
.head_img {
	position:relative;
}
div .catch h1 {
	position: absolute;
  top: 50%;
  left: 0%;	
	margin: auto;
	width: 100%;
	text-align: center;
	font-size: 35px;
	padding: 0 10px;
	line-height: 120%;
	font-weight: bold;
	color:#fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/*背景画像*/
.parallax_img_header {
	background:url(../img/head/head.jpg) no-repeat top center;
}
.img_omoi{
	background:url(../img/head/omoi.jpg) no-repeat center center;
}
.img_shop{
	background:url(../img/head/shop.jpg) no-repeat center center;
}
.img_kaisha{
	background:url(../img/head/kaisha.jpg) no-repeat center center;	
}

/*************************
メディアクエリ
*************************/
@media screen and (max-width: 1000px){
	.box,.title_wrap{
		width:auto;
		}
	}


/*下矢印*/
a {
  padding-top: 0px;
}
a span {
	margin-top:350px;
  position: absolute;
  top: 0;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-left: -12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/*Shop商品*/
.shop_shina {
	margin:0 30px 50px 50px;
}
.cell {
	float:left;
	width:50%;
}
.cell h1 {
	font-size:1.5em;
	font-weight:normal;
	color:#00862E;
	margin:5px 10px 10px 0;
}
.cell h2 {
	font-size:1.2em;
	font-weight:normal;
	margin:20px 10px 10px 0;
}
.cell p {
	font-size:0.925em;
	margin:0px 10px 10px 0;
}
.cell p+p {
	font-size:1.2em;
	font-weight: bold;
	margin:0px 10px 10px 0;
	color:#F00;
}

/*税抜です。*/
.tax {
	font-size:0.725em;
	float:right;
	margin-right:30px;
}


/*会社情報*/
.kaisha_box table{
	margin-left:auto;
	margin-right:auto;
}
table.kaisha_joho {
	border-collapse: separate;
	border-spacing:20px;
	text-align: center;
	line-height: 1.5;
}
table.kaisha_joho th {
	width:100px;
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	background:#39A75D;
	color:#FFF;
	font-size:0.925em;
}
table.kaisha_joho td {
	width:auto;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	font-size:0.925em;
}

/*メールフォーム*/
.box4 p {
	text-align:center;
	margin-bottom:5px;
	font-size:0.9em;
}
.box_form:after {
	content: "";
	display:block;
	clear:both;
}
.box_form {
	border:solid 0px #e2e2e2;
	padding-bottom:0px;
}
.form h3 {
	color:#42210B;
	background-color:#C6BCB5;
	font-size:1.1em;
	padding:8px 0 5px 10px;
	text-align:center;
}
.form p {
	padding:0 0 5px 10px;
	font-size:0.9em;
}
.form dl {
}
.form dt {
	width:30%;
	float:left;
	color:#555;
	font-size:0.95em;
	padding:8px 0px 0px 0px;
	border-top:1px solid #e2e2e2;
	text-align:center;
}
.form dd {
	width:70%;
	float:left;
	font-size:0.9em;
	padding:8px 0px 10px 0px;
	border-top:1px solid #e2e2e2;
}
.form textarea {
	width:95%;
	height:150px;
}
.nyuryoku {
	border:0;
	padding:7px;
	font-size:1.2em;
	color:#888;
	border:solid 1px #39A75D;
	margin:10px 0 10px 0;
	width:300px;
}
.form p {
	text-align:center;
	color:#666;
}
.ip {
	text-align: center;
	font-size:0.725em;
	color:#666;
	margin-top:20px;
	margin-bottom:0px;
}

.to_button {
	padding: 5px 25px;
	font-size: 1.2em;
	background-color:#39A75D;
	color: #fff;
	border-style: none;
}
to_button:hover {
	background-color:#063;
}