@charset "UTF-8";

/* CSS Document */
body {
	position:relative;
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,Meiryo,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",sans-serif;
	background-color:#fff;
	color:#333;
	font-size:14px;
}
h1 {
	border-left:10px solid #ff9900;
	padding-left:0.6em;
}
.itemview h1 {
	border:none;
	padding:0px;
}
h2 {
	font-size:16px;
}
a {
	color:#444;
	text-decoration:none;
	transition:.2s;
}
a:hover {
	opacity:.8;
}
a:active,
a:visited {
	color:#444;
	text-decoration:none;
}
#olayer {
	color:#333333;
}
#olayer a {
	color:#222222;
}
select,input[type="text"],textarea {
	color:#333333;
}
a#bs i{
	color:#eeeeee;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #eee;
}

@media screen and (max-width: 768px) {
	.container-fluid {
		padding:0px 5px;
	}
	.container-fluid > div {
		padding:0px 5px;
	}
}
.containerarea {
	background-color:#333333;
}
#socialicon i {
	font-size:20px;
}

.fa-facebook-square {
	color:#0099ff;
}
.fa-twitter-square {
	color:#33ccff;
}
.fa-tumblr-square {
	color:#33aabb;
}
.fa-google-plus-square {
	color:#ff6666;
}
.fa-pinterest-square {
	color:#ff3322;
}
.tyellow {
	color:#a28a00;
}
.torange {
	color:#ece04e;
}
.btn {
	padding:6px 24px;
}
.btn-primary {
  background: #ebc270;
  background-image: -webkit-linear-gradient(top, #ebc270, #eb8100);
  background-image: -moz-linear-gradient(top, #ebc270, #eb8100);
  background-image: -ms-linear-gradient(top, #ebc270, #eb8100);
  background-image: -o-linear-gradient(top, #ebc270, #eb8100);
  background-image: linear-gradient(to bottom, #ebc270, #eb8100);
  border: solid #ebaf4f 1px;
}
.btn-default {
  background: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc);
  background-image: -moz-linear-gradient(top, #dddddd, #cccccc);
  background-image: -ms-linear-gradient(top, #dddddd, #cccccc);
  background-image: -o-linear-gradient(top, #dddddd, #cccccc);
  background-image: linear-gradient(to bottom, #dddddd, #cccccc);
  border: solid #999999 1px;
}
.boff {
	position:absolute;
	right:0px;
	top:0px;
	padding:10px;
	display:block;
	background-color:#888888;
}



/* header */
header {
	position:fixed;
	top:0;
	display:table;
	line-height:1;
	font-size:24px;
	width:100%;
	height:50px;
	background-color:#fff;
	z-index:3;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
header > a {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:33.33333%;
	color:#333;
}
header a:hover,
header a:active,
header a:visited {
	color:#333;
}

/* navi */
#navi {
	display:none;
	position:fixed;
	top:0px;
	left:0;
	width:300px;
	height:100%;
	max-width:100%;
	z-index:2;
	background-color:#f4e8df;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	padding-top:70px;
	font-size:16px;
}
#navi > div {
	width:100%;
	height:100%;
	overflow-y:auto;
}
#navi h2 {
	padding:0px 20px;
}
#navi h2 i {
	margin-right:.6em;
}
#navi ul {
	padding:0px 30px;
}


/* main */
.main {
	float:right;
}


/* overlayer */
#olayer {
	margin-top:30px;
	margin-bottom:30px;
	padding:30px 0px;
	min-height:100px;
	z-index:3;
	background-color:#fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
#olayer .container-fluid {
	min-height:800px;
	padding:30px;
}
#olayer a:hover {
	background-color:#eeeeee;
}
.atoz a {
	display:block;
	border-bottom:1px solid #ffffff;
	padding:4px 1em;
}
.atoz a:hover {
	background-color:#eeeeee;
	border-bottom:1px solid #999999;
}
@media screen and (max-width: 768px) {
	#olayer {
		margin:0;
	}
	#olayer .container-fluid {
		padding:30px 0px;
	}
}




#searchq {
	background-color:#eeeeee;
	color:#222222;
	width:100%;
	border:1px solid #cccccc;
	border-radius:30px;
	padding:2px 10px 2px 10px;
}
#searchbtn {
	background-color:#ff6600;
	border:none;
	padding:6px 20px;
	line-height:1;
}
.usermenu {
	text-align:right;
	margin-bottom:30px;
}
.usermenu a {
	margin-left:1em;
	white-space:nowrap;
}



.submitbtn {
	background-color:#ff6600;
	border:none;
	border-radius:20px;
	padding:6px 20px;
	line-height:1;
}
.addcart_registed {
	background-color:#666666;
	border:none;
	border-radius:20px;
	padding:6px 20px;
	line-height:1;
}
input[type="text"],input[type="password"] {
	width:96%;
}
textarea {
	width:96%;
}
a.aplayer {
	color:#6abaf9;
}




/* cartinfo */

#cartinfo {
}
a#cartlink {
	display:block;
	white-space:nowrap;
	color:#996600;
}


ul.clm3 li {
	float:left;
	width:33%;
}



.buybtn {
	padding:0.3em 2em;
	background-color:#ff6600;
	border-radius:20px;
}
.buybtn:hover {
	color:#ffff00;
}
#recentlyviewd img {
	display:block;
	width:60px;
	height:60px;
	float:left;
	margin:0px 5px 5px 0px;
}







/* FOOTER */

#footer {
	padding:300px 15px 80px;
	clear:both;
}
.footernavi a,.footernavi span {
	padding:0px 1em;
	border-right:1px solid #ffffff;
	white-space:nowrap;
}



/* リスト表示 */
.box {
	margin-bottom:30px;
	overflow:hidden;
	font-size:12px;
}
div.listcover {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:.6em;
}
a.listblk {
	transition: all 0.2s linear;
}
a.listblk div.listdetail {
	overflow:hidden;
	margin-top:6px;
}
a.listblk div.listdetail > div {
	line-height:1.6;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pmove {
	line-height:1.8;
}
.pmove .pcount {
	display:block;
	margin-bottom:.8em;
}
.pmove a {
	display:inline-block;
	padding:.6em;
	border:1px solid #ccc;
}
.pmode span {

}





/* アイテム個別ページ */

.itemview h1 {
	margin: 0px 0px 30px;
}
.itemtags a {
	color:#6abaf9;
	margin-right:2em;
}
.itemtags a:hover {
	color:#ffff00;
}
.itemview a {
	color:#6abaf9;
}
.itemview a:hover {
	color:#ffff00;
}
div.itemtags a {
	margin:0px 1em 0px 0px;
}





/* カート */

table.cartitemlist {
	width:100%;
	margin-bottom:30px;
}
table.cartitemlist td{
	padding: 8px 10px;
	border-bottom:1px solid #444444;
}