@charset "utf-8";
/* CSS Document */
/* ヘッダー */
div#headermenu {
	width:100%;
	height:100px;
	background: #fff;
	position: fixed;
	top:0;
	left:0;
	z-index: 10;
}
	div#headermenu div.center {
		width:96%;
		max-width:1350px;
		margin: 0 auto;
		position: relative;
	}
		div#headermenu div.center a#logo {
			display: block;
			width: 80px;
			margin-top: 20px;
			float: left;
		}

		/* 2019-11-13 杵セール枠内 */
		div.salebox{
		    font-size:115%;
		    padding: 0.5em 0.5em;
		    font-weight: bold;
		    color: red;/*文字色*/
		    background: #FFF;
		    border: solid 3px red;/*線*/
		    border-radius: 10px;/*角の丸み*/

		    margin-top:10px;
		    margin-left:20px;
		    float:left;
		}
		/* 点滅 */
		.blinking{
		    -webkit-animation:blink 0.5s ease-in-out infinite alternate;
		    -moz-animation:blink 0.5s ease-in-out infinite alternate;
		    animation:blink 0.5s ease-in-out infinite alternate;
		}
		@-webkit-keyframes blink{
		    0% {opacity:0;}
		    100% {opacity:1;}
		}
		@-moz-keyframes blink{
		    0% {opacity:0;}
		    100% {opacity:1;}
		}
		@keyframes blink{
		    0% {opacity:0;}
		    100% {opacity:1;}
		}

			div#headermenu div.center a#logo img { width:100%;}
		div#headermenu div.center div.hmenubox {
			font-size:85%;
			width:400px;
			/*2019-11-13セール後戻す width:500px;*/
			height:50px;
			margin: 25px 80px 0 0;
			float: right;
		}
			div#headermenu div.center div.hmenubox a {
				display: block;
				width:75px;
				/*2019-11-13セール後戻す width:100px;*/
				height:50px;
				line-height: 50px;
				font-size: 16px;
				text-align: center;
				text-decoration: none;
				color: #666;
				float: right;
				/*float: left;*/
			}

	/* サイドメニュー */
	/* チェックボックス */
	div#headermenu input.check {
		display: none;
	}
	/* サイドメニューボタン */
	div#headermenu div.menubtn {
		width:66px;
		height:66px;
		position: absolute;
		top:25px;
		right:10px;
		z-index: 30;
		box-sizing: border-box;
		border-radius: 33px;
	}
		div#headermenu div.menubtn label.menu-btn {
			display: block;
			width:56px;
			height:56px;
			position: absolute;
			top:0;
			left:2px;
		}
			div#headermenu div.menubtn label.menu-btn:hover span.bar {
				opacity: 0.7;
			}
			div#headermenu div.menubtn label.menu-btn span.bar {
				position: absolute;
				top:15px;
				left: 10px;
				display: block;
				width: 36px;
				height: 2px;
				background: #333;
				-webkit-transition: all .5s;
				transition: all .5s;
				-webkit-transform-origin: left top;
				-ms-transform-origin: left top;
				transform-origin: left top;
			}
			div#headermenu div.menubtn label.menu-btn span.bar.middle {
				top: 23px;
				opacity: 1;
			}
			div#headermenu div.menubtn label.menu-btn span.bar.bottom {
				top: 31px;
				-webkit-transform-origin: left bottom;
				-ms-transform-origin: left bottom;
				transform-origin: left bottom;
			}
			
	/* サイドメニュー */
	div#headermenu div#menuBox {
		width:100vw;
		height:100%;
		position: fixed;
		top:-100%;
		left:0px;
		box-sizing: border-box;
		padding-top: 120px;
		background: url(../images/cmn/menubg.png);
		overflow-y: scroll;
		z-index: 20;
		-webkit-transition: all 1s;
		transition: all 1s;
		opacity: 0;
	}
		div#headermenu div#menuBox div.center {
			width:300px;
			margin: 0px auto;
		}
			div#headermenu div#menuBox div.center a.menu {
				display: block;
				width:100%;
				height:60px;
				line-height:60px;
				color: #fff;
				font-size: 16px;
				text-decoration: none;
				border-bottom: #ccc 1px solid;
				text-align: center;
				letter-spacing: 2px;
			}
			div#headermenu div#menuBox div.center div.snsbox {
				margin: 30px auto 120px auto;
				text-align: center;
			}
				div#headermenu div#menuBox div.center div.snsbox a { 
					display: inline-block;
					margin: 0 10px;
				}
	/* -- チェックをつけた場合 */
	div#headermenu input.check:checked ~ div#menuBox {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		left:0px;
		z-index: 20;
		top:0px;
	}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar { background: #fff;}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.top {
		top:10px;
		left:15px;
		width: 35px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.middle {
		opacity: 0;
	}

	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.bottom {	
		width: 35px;
		top: 35px;
		left:15px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
/* バナー */
div#bannerbox {
	/* 基準1350px*/
	margin-top: 130px;
}
	div#bannerbox div.center {
		width:69.27vw;
		height:23.11vw;
		max-width:1284px;
		max-height: 312px;
		margin: 0 auto;
	}
		div#bannerbox div.center a {
			display: block;
			width:31.87vw;
			height:16.25vw;
			max-width: 612px;
			max-height: 312px;
		}
		div#bannerbox div.center a:nth-of-type(1) { float: left;}
		div#bannerbox div.center a:nth-of-type(2) { float: right;}
			div#bannerbox div.center a img { width:100%;}
/* お問い合わせ */
div#contactbox {
	text-align: center;
	margin: 80px auto 0 auto;
}
	div#contactbox p.title {
		font-size: 20px;
	}
	div#contactbox p.ptext {
		font-size: 14px;
		margin-top: 30px;
	}
	div#contactbox a {
		display: block;
		width:120px;
		height:45px;
		line-height: 45px;
		margin: 30px auto 0 auto;
		text-decoration: none;
		font-size: 14px;
		color: #fff;
		background: #040000;
	}
/* フッター */
div#accessbox {
	margin-top: 130px;
	width:100%;
	padding-bottom: 150px;	
}
	div#accessbox div.center {
		width:69.27vw;	
		max-width:1284px;
		margin: 0 auto;
	}
		div#accessbox div.center div.left {
			width:31.87vw;
			max-width: 612px;
			float: left;
		}
			div#accessbox div.center div.left p {
				font-size: 16px;
				line-height: 23px;
			}
				div#accessbox div.center div.left p a {
					text-decoration: none;
					font-size: 16px;
					color: #333;
				}
			div#accessbox div.center div.left div.snsbox {
				margin: 55px auto 0 auto;
			}
				div#accessbox div.center div.left div.snsbox a {
					margin-right: 25px;
				}
		div#accessbox div.center iframe {
			display: block;
			width:31.87vw;
			max-width: 612px;
			height:400px;
			float: right;
		}
div#footerbox { 
	width:100%;
	background: #040000;
	padding-top: 100px;
}
	div#footerbox div.center {
		width:90%;
		max-width: 1200px;
		min-width: 880px;
		margin:  0 auto;
		position: relative;
	}
	div#footerbox div.companyinfo {
		width:100%;
		box-sizing: border-box;
		padding-right: 400px;
	}
		div#footerbox div.companyinfo p.companyname {
			color: #fff;
			font-size: 16px;
			font-weight: bold;
		}
		div#footerbox div.companyinfo table {
			width:100%;
			max-width: 700px;
			margin-top: 30px;
			color: #fff;
		}
			div#footerbox div.companyinfo table td { vertical-align: top;}
			div#footerbox div.companyinfo table td.koumoku { width:90px;}
			div#footerbox div.companyinfo table td {
				font-size: 14px;
				line-height: 22px;
			}
	div#footerbox div.fmenubox {
		width:350px;
		position: absolute;
		top:0;
		right:0;
	}
		div#footerbox div.fmenubox div.left {
			width:120px;
			float: left;
		}
		div#footerbox div.fmenubox div.right {
			width:230px;
			padding-top: 30px;
			float: left;
		}
		div#footerbox div.fmenubox a {
			display: block;
			height:30px;
			text-decoration: none;
			color: #fff;
			font-size: 14px;
			line-height: 30px;
			font-weight: bold;
		}
	div#footerbox small {
		width:100%;
		display: block;
		font-size: 12px;
		color: #fff;
		margin: 200px auto 0 auto;
		text-align: center;
		padding-bottom: 5px;
	}
/* 移動先 */
a.move { 
	display: block;
}
/* 共通 */
div#contents {
	width:100%;
	position: absolute;
	top:0px;
	left:0px;
	padding-top: 90px;
	z-index: 1;
}

/* 商品リスト */
div.itembox {
	width:100%;
	background: #fff;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 25px 20px;
	position: relative;
}
	div.itembox p.itemname {
		line-height: 25px;
		height:45px;
		background: #040000;
		color: #fff;
		box-sizing: border-box;
		padding:10px 20px;
		font-size: 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	div.itembox div.imgbox {
		width:45%;
		max-width:250px;
		height:170px;
		float: left;
		position: relative;
		border: #eee 1px solid;
		margin-top: 20px;
	}
		div.itembox div.imgbox  a {
			text-decoration: none;
			position: absolute;
			right:10px;
			bottom:5px;
			color: #333;
			font-size: 14px;
		}
	div.itembox div.infobox {
		width:50%;
		height:170px;
		box-sizing: border-box;
		margin-top: 20px;
		float: right;
		position: relative;
	}
		div.itembox div.infobox p.item_info {
			font-size: 14px;
			line-height: 22px;
		}
		div.itembox div.infobox p.price {
			line-height: 40px;
			font-size: 24px;
		}
		div.itembox div.infobox p.before_off_price {
			line-height: 15px;
			font-size: 14px;
		}
			div.itembox div.infobox p.before_off_price span.beforeprice {
				text-decoration:line-through;
				font-size: 14px;
			}
		div.itembox div.infobox p.off_price {
			line-height: 25px;
			font-size: 14px;
			color: #ff0000;
			
		}
			div.itembox div.infobox p.off_price span.afterprice {
				font-size: 20px;
				font-weight: bold;
			}
		div.itembox div.infobox a {
			display: block;
			width:100%;
			height:40px;
			line-height: 40px;
			text-align: center;
			text-decoration: none;
			font-size: 14px;
			background: #DEDBD9;
			color: #333;
			position: absolute;
			bottom:0;
		}
		div.itembox div.infobox input.abtn {
			display: block;
			width:100%;
			height:40px;
			line-height: 40px;
			text-align: center;
			text-decoration: none;
			font-size: 14px;
			background: #DEDBD9;
			color: #333;
			position: absolute;
			bottom:0;
			border:none;
			-webkit-appearance: none;
		}
div.itembox div.infobox input.abtn:hover { opacity: 0.7;}
div.itemlistbox02 { margin-top: 30px; }
div.itemlistbox02 div.itembox {
	width:48%;
}
div.itemlistbox02 div.itembox:nth-of-type(odd) { float: left;}
div.itemlistbox02 div.itembox:nth-of-type(even) { float: right;}
/* トップへ戻る */
a#move-page-top {
	display: block;
	width:80px;
	height:80px;
	border-radius: 80px;
	background: url(../images/cmn/menubg.png);
	color: #fff;
	line-height: 80px;
	font-size: 14px;
	position: fixed;
	right:20px;
	bottom:30px;
	text-align: center;
	cursor: pointer;
}