@charset "UTF-8";

/*共通*/
*{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo, Osaka",'Roboto', helvetica, arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
}

#wrapper {
  width:100%;
  overflow:hidden;
}

body{
	background-image: url('');
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, div, dl, dt, dd, ol, ul, li, th, td, form, fieldset, input, textarea{
	font-weight: 300;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
img{
	width: 100%;
	margin: 0 auto;
}

a{
	text-decoration: none;
}

p.mainimg{
	width: 100%;
	text-align: center;
	margin: 0;
}

/*タイトル*/
h1{
	width: 100%;
	margin: 0 auto;
	font-size: 25px;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	background-size: 1px 1px;
	background-color:#db9696;
	padding: 0.5% 0;
}


/*タイトル*/
h2{
	width: 100%;
	margin: 0 auto;
	font-size: 25px;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	background-size: 1px 1px;
	background-color:#f9b0b0;
	padding: 0.5% 0;
}
/*タイトル*/
h3{
	width: 100%;
	margin: 0 auto;
	font-size: 25px;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	background-size: 1px 1px;
	background-color:#ffbf7f;
	padding: 0.5% 0;
}
/*タイトル*/
h4{
	width: 100%;
	margin: 0 auto;
	font-size: 25px;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	background-size: 1px 1px;
	background-color:#f9b0b0;
	padding: 0.5% 0;
}
/*タイトル*/
h5{
	width: 100%;
	margin: 0 auto;
	font-size: 25px;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	background-size: 1px 1px;
	background-color:#dab9da;
	padding: 0.5% 0;
}


/*サブタイトル　文字*/
p.moji{
		font-size:20px;
		color: #252525;
		font-weight: bold;
	}


p.redmoji{
    font-size:22px;
		color: #c11515;
		font-weight: bold;
}

/*文字*/
p.kigen{
	width: 100%;
 margin: 0 auto 5%;
 font-size: 12px;
 color: #000000;
 font-weight:bold;
 text-align: center;
 padding: 0.5% 0;
}

/*商品名*/
p.item{
	font-size:16px;
	color: #252525;
	font-weight: bold;
}

/*新商品*/
p.newitem{
	font-size:16px;
	color: #252525;
	font-weight: bold;
}

.newitem::before{
		content:'NEW';
		padding: 0.2em 0.5em 0.2em;
		margin: 0 0.3em 0.7em;
		color: #c11515;
		font-size: 12px;
		border: solid 2px #c11515;
}


/*価格*/
.price::before{
    content:'￥';
}
p.price{
    font-size:22px;
		color: #c11515;
		font-weight: bold;
}

/*価格送料無料*/
.price0::after{
    content:'送料無料';
		padding: 0.2em 0.5em;
    margin: 0 0.5em 1em;
		color: #c11515;
		font-size: 14px;
    border: solid 2px #c11515;
}
.price0::before{
    content:'￥';
}
p.price0{
    font-size:22px;
		color: #c11515;
		font-weight: bold;
}

/*価格オフ*/
p._off{
	font-size:13px;
	color: #252525;
	font-weight: bold;
}
._off::after{
  content:'→';
	color: #252525;
	font-size:13px;
}

/*売れ筋*/

.pickup{
	position: absolute;
	top: -10px;/*画像の左上に配置*/
	left: 0;
	padding: 0.3em 0.6em 0.3em 0.6em;
	margin: 0.2em 0.5em 1.5em 0.2em;
	font-size: 15px;
	color: white;/*文字を白に*/
	background: #c11515;/*背景色*/
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px;/*角丸 半径*/
  }

ul{
	list-style-type: none;
	padding-left: 0;
	margin: 0 auto;
	max-width: 900px;
}
li{
	/*background:#ffffff;*/
	width: 250px;
	padding: 10px;
	margin: 10px;position: relative;
}


.pic{
	/*background:#ffffff;*/
	width: 400px;
	padding: 10 5px;
	margin: 5px;
	position: relative;
}


.itemonly{
	/*background:#ffffff;*/
	width: 150px;
	padding: 5px;
	margin: 5px;
	position: relative;
}


.inline-block{
	text-align: center;
}
.inline-block li{
	display: inline-block;
	vertical-align: top;

}


nav.footer{
	padding: 0 1rem 2rem;
	width: 100%;
	margin: 0 auto;
	max-width: 1040px;
	display: table;
	text-align:center;
}

nav.footer a{
	font-size: 0.7rem;
	/*border-left: 1px solid #222;*/
	width: 100vw;
	display: table-cell;
	color: #222;
}

.copyright{
	font-size: 0.8rem;
	padding: 30px;
	color: #c0c0c0;
	text-align:center;
}

/* COPUPON
------------------------------------------------*/
.content1{
	width: 70%;
	border: solid 3px #CC0000;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	font-weight:600;
	color:#222;
  font-size:20px;
	background-color:#FFFFFF;
}

.off_price{
    font-size:60px;
	font-weight:600;
}
.off_price::before{
    content:'全品';
    font-size:20px;
}
.off_price::after{
    content:'%OFF';
    font-size:30px;
}

.button{
    width: 80%;
    margin: 0 auto;
    padding:  10px 0;
    font-size: 20px;
	font-weight:bold;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background-color:#CC0000;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}



/*1240px以上のモニタサイズの時　PCモニタレスポンス用*/
@media screen and (min-width: 1240px){
}

/*1030px以下のモニタサイズの時　主にタブレット*/
@media screen and (max-width: 1030px){
}

/*768px以下のモニタサイズの時　主にタブレットとスマホの横向き*/
@media screen and (max-width: 768px){
}

/*480px以下のモニタサイズの時　主にスマートフォンの縦*/
@media screen and (max-width: 480px){
	body{
	min-width: 480px;
	width: 100%;
	background-color:#ffffff;
}


	/*タイトル*/
	h1{
		width: 100%;
		margin: 0 auto;
		font-size: 22px;
		color: #ffffff;
		font-weight:bold;
		text-align: center;
		background-size: 1px 1px;
		background-color:#db9696;
		padding: 1.5% 0;
	}

	/*タイトル*/
	h2{
	width: 100%;
	margin: 0 auto;
	font-size: 25px;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	background-size: 1px 1px;
	background-color:#f9b0b0;
	padding: 0.5% 0;
	}


	/*タイトル*/
	h3{
		width: 100%;
		margin: 0 auto;
		font-size: 22px;
		color: #ffffff;
		font-weight:bold;
		text-align: center;
		background-size: 1px 1px;
		background-color:#ffbf7f;
		padding: 1.5% 0;
	}

	/*タイトル*/
	h4{
		width: 100%;
		margin: 0 auto 5%;
		font-size: 22px;
		color: #ffffff;
		font-weight:bold;
		text-align: center;
		background-size: 1px 1px;
		background-color:#f9b0b0;
		padding: 1.5% 0;
	}
	/*タイトル*/
	h5{
		width: 100%;
		margin: 0 auto 5%;
		font-size: 22px;
		color: #ffffff;
		font-weight:bold;
		text-align: center;
		background-size: 1px 1px;
		background-color:#dab9da;
		padding: 1.5% 0;
	}

	/*サブタイトル　文字*/
	p.moji{
		width: 100%;
	 margin: 0 auto 5%;
	 font-size: 20px;
	 color: #000000;
	 font-weight:bold;
	 text-align: center;
	 padding: 0.5% 0;
	}

	/*文字*/

	p.redmoji{
	    font-size:20px;
			color: #c11515;
			font-weight: bold;
	}

	p.kikan{
	    font-size:15px;
			color: #000000;
			}


	/*文字*/
	p.kigen{
		width: 100%;
	 margin: 0 auto 5%;
	 font-size: 25px;
	 color: #000000;
	 font-weight:bold;
	 text-align: center;
	 padding: 0.5% 0;
	}

	/*商品名*/
	p.item{
		font-size:16px;
		color: #252525;
		font-weight: bold;
	}

	/*新商品*/
	p.newitem{
		font-size:16px;
		color: #252525;
		font-weight: bold;
	}

	.newitem::before{
			content:'NEW';
			padding: 0.2em 0.5em 0.2em;
			margin: 0 0.3em 0.7em;
			color: #c11515;
			font-size: 12px;
			border: solid 2px #c11515;
	}



	/*商品名*/
	p.item{
		font-size:15px;
		color: #252525;
		font-weight: bold;
		padding: 0.2em 0;
	}
	/*価格*/
	.price::before{
	    content:'￥';
	}
	p.price{
	    font-size:18px;
			color: #c11515;
			font-weight: bold;
	}
	/*価格送料無料*/
	.price0::after{
	    content:'送料無料';
			padding: 0.2em 0.5em 0.2em;
	    margin: 0 0.5em 1em;
			color: #c11515;
			font-size: 12px;
	    border: solid 2px #c11515;
	}

	/*文字*/
	p.kigen{
		width: 100%;
	 margin: 0 auto 5%;
	 font-size: 18px;
	 color: #000000;
	 font-weight:bold;
	 text-align: center;
	 padding: 0.5% 0;
	}
	/*価格オフ*/
	p._off{
		font-size:13px;
		color: #252525;
		font-weight: bold;
	}
	._off::after{
	  content:'→';
		color: #252525;
		font-size:13px;
	}
	/*新商品*/
	p.newitem{
		font-size:16px;
		color: #252525;
		font-weight: bold;
	}

	.newitem::before{
			content:'NEW';
			padding: 0.3em 0.6em 0.3em 0.6em;
			margin: 0.2em 0.2em 1em 0.2em;
			color: #c11515;
			font-size: 10px;
			border: solid 2px #c11515;
	}

	.price0::before{
	    content:'￥';
	}
	p.price0{
	    font-size:18px;
			color: #c11515;
			font-weight: bold;
	}

	.pic{
		width: 40%;
		padding: 10 5px;
		margin: 0;
		position: relative;
	}

	.itemonly{
		width: 100px;
		padding: 5px;
		margin: 0;
		position: relative;
	}

		li{
		/*background: #ffffff;*/
		width: 45%;
		padding: 1%;
		margin: 1%;
	}

	nav.footer{
		padding: 0 2em 2em 0;
		width: 100%;
		margin: 0 auto;
		display: table;
		text-align:center;
	}

	nav.footer a{
		font-size: 1em;
		/*border-left: 1px solid #222;*/
		width: 100vw;
		display: table-cell;
		color: #222;
	}

}

/*ページトップ ここから*/
#page-top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a{
    background: #FF6666;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover{
    text-decoration: none;
    background: #FF6666;
}

/*ページトップ ここまで*/