@charset "utf-8";
/*------------------------------*/
/* 基本仕様 */
body {

	/* 複数同時設定 */
	background-image:url('/image/top/top_bg_left.jpg'),url('/image/top/top_bg_right.jpg');
	background-repeat: no-repeat,no-repeat;
	background-attachment: fixed,fixed;
	background-position: left center,right center;
	background-size:auto 80%,auto 80%;
	background-attachment: fixed,fixed;

}

/* スライダー */
.slider_box {
	display:none;
}

/*------------------------------*/
/* ご挨拶の文章 */
.greetings_text_box {
	padding:10px;
	line-height:30px;
	background-color:rgba(255,255,255,0.7);

}
.representative_image {
	float:right;
	width:45%;
}
/* タブレット画面 */
@media only screen and (max-width:767px) {
	.representative_image {
		width:60%;
	}
}
/* スマホ画面 */
@media only screen and (max-width:550px) {
	.representative_image {
		width:75%;
		float:initial;
		margin:0px auto;
	}
}



/*------------------------------*/
/* ヘッダー */
.header_logo_wrapper {
	width:100%;
	height:45%;
	position:absolute;
	background-color:rgba(60,60,25,0.1);
	z-index:10;

}
.header_logo {
	text-align:center;
	position: relative;
	top: 38%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.header_logo_image {
	width:60%;
}
.header_right_box {
	padding:20px;
	width:35%;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:10;
	box-sizing:border-box;
}

/* ヘッダー内の商品画像 */
.header_item {
	position:absolute;
	left:0px;
	bottom:5%;
	width:80%;
}
/*------------------------------*/
/* タブレット画面 */
@media only screen and (max-width:767px) {

	.header_item {
		position:absolute;
		left:0px;
		bottom:5%;
		width:65%;
	}

}

/*------------------------------*/
/* ヘッダーメニュー */
.top_menu {
	position:absolute;
	bottom:5px;

}
.menu_button {
	background-color:rgba(255,255,255,0.3);
	padding:10px 2px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}
.menu_button:hover {
	background-color:rgba(255,255,255,0.8);
	color:#000000;
}

.menu_icon {
	height:17px;
}

/*------------------------------*/
/* タブレット画面 */
@media only screen and (max-width:767px) {

	.menu_button {
		white-space: nowrap; /* 改行しない */
		overflow:hidden;
		font-size:12px;
	}
	.header_logo_wrapper {
		height:55%;
	}
	.header_logo {
		width:100%;
		top: 40%;
	}
	.header_logo_image {
		width:80%;
	}
	.header_right_box {
		width:50%;
	}
}
/*------------------------------*/
/* スマホ画面 */
@media only screen and (max-width:550px) {

	.header_item {
		position:absolute;
		left:10%;
		bottom:23%;
		width:80%;
	}

	.menu_button {
		margin:2px 0px;
		background-color:#84C024;
		border-radius:2px;
		color:#ffffff;
		padding:15px 2px;
		font-weight:bold;
		font-size:16px;
	}
	.menu_button:hover {
		background-color:#006837;
		color:#ffffff;
	}

	.top_menu {
		position:initial;
	}

	.header_logo_wrapper {
		height:30%;
	}
	.header_logo {
		top: 40%;
	}
	.header_logo_image {
		width:95%;
	}
	.header_right_box {
		width:100%;
	}
}

/*------------------------------*/
/* トップ専用の新着情報ボタン */
.submit_button_01 {
	font-size:12px;
	padding:2px 7px;
	color:#ffffff;
}