@charset "UTF-8";

#main {
	max-width:1300px;
	margin:0 auto;
	padding:0 0 10px 0;
	background-color:#fcfbfb;
}

#main::after {
	content:'';
	display:block;
	clear:both;
}

.header_bnr_link {
	display:block;
	margin:10px auto;
	width:1300px;
	max-width:96%;
}

.header_bnr {
	vertical-align:bottom;
	max-width:100%;
}

#h_nav {
	width:100%;
	margin:10px auto 0;
	position:relative;
}

@media (max-width : 1024px) {
	#h_nav {width:96%;}
}

.h_nav_a {
	margin:0;
	padding:0;
}

.h_nav_a_item {
	display:inline-block;
	width:200px;
	text-align:center;
	/*margin:0 0 10px;*/
}

@media (max-width : 1024px) {
	.h_nav_a_item {width:calc(96vw / 5);}
}

@media (max-width : 880px) {
	.h_nav_a_item {width:calc(96vw / 4);}
}

@media (max-width : 660px) {
	.h_nav_a_item {width:calc(96vw / 3);}
}

@media (max-width : 440px) {
	.h_nav_a_item {width:calc(96vw / 2);}
}

.h_nav_a_img {width:calc(100% - 20px);}


.h_nav_a_Prev,
.h_nav_a_Next {
	background:#fff;
	display:block;
	height:200px;
	width:5%;
	opacity:0.7;
	position:absolute;
	top:0;
}

@media (min-width : 1445px) {
	.h_nav_a_Prev, .h_nav_a_Next {width:calc((100% - 1300px) / 2);}
}

.h_nav_a_Prev {
	left:0;
	z-index:2;
/*	margin-left:-100%;*/
}

.h_nav_a_Next {
	right:0;
	z-index:2;
/*	margin-right:-100%;*/
}

.h_nav_a_Pager {
	bottom:15px;
	margin:0 -465px 0 0;
	position:absolute;
	right:50%;
	z-index:2;
}

@media (max-width : 1024px) {
	.h_nav_a_Pager {
		margin:0;
		right:10px;
	}
}

	.h_nav_a_Pager a {
		background:url(../../images/bt-01.png);
		display:inline-block;
		height:10px;
		margin:0 4px;
		width:10px;
		overflow:hidden;
		text-indent:101%;
		white-space:nowrap;
	}

	.h_nav_a_Pager a:hover,
	.h_nav_a_Pager .selected {
		background-position:0 -10px;
		opacity:1;
	}
/* top_main */
#top_main {
	padding:0 10px;
	background-color:#fff;
	overflow-x:hidden;
}

.main_h {
	font-size:18px;
	color:darkgreen;
	font-weight:normal;
	margin:15px 0 0 1em;
	line-height:1;
}

.top_main_bnr_list {
	display:block;
	margin:10px 0 0;
	padding:0;
	width:100%;
}

.top_main_bnr_list > li {
	display:inline-block;
	padding:0;
}

.top_main_bnr_list > li:nth-of-type(1) {margin:0;}

@media (min-width : 700px) {

	.top_main_bnr_list > li {width:calc((100% - 10px) / 3);}

	.top_main_bnr_list > li:nth-of-type(n + 2) {margin:0 0 0 5px;}

}

@media (max-width : 700px) {

	.top_main_bnr_list > li {width:100%;}

	.top_main_bnr_list > li:nth-of-type(n + 2) {margin:0;}

}

.top_main_bnr {
	display:block;
	height:auto;
	margin:0 auto;
	max-width:100%;
}

#top_main .goods_list {text-align:left;}

.goods_list > h1 {
	font-size:18px;
	color:orange;
	font-weight:normal;
	margin:15px 0 0 1em;
	line-height:1;
}

.goods_list > h1 + a {
	display:block;
	width:98%;
	width:calc(100% - 18px);
	text-align:right;
	margin-top:-18px;
}

.goods_list ul {
	margin:0;
	padding:0;
}

.goods_list > ul {margin:10px 0 0 15px;}

.goods_list > ul > li {display:inline-block;}

.goods_list > ul > li img {
	display:block;
	margin:0 auto;
}

#check_list {margin-bottom:20px;}

#check_list li {
	width:137px;
	text-align:center;
}

#check_list .kanren,
#check_list .del {
	display:inline-block;
	border:1px solid #ccc;
	margin-top:3px;
	font-size:12px;
	line-height:1.4;
}

#check_list .kanren {
	width:75px;
	margin-right:6px;
}

#check_list .del {width:40px;}

#check_list .nedan {
	margin:10px 5px 0 0;
	text-align:right;
	color:red;
}

#sale_list {margin-bottom:20px;}

#sale_list li {
	width:137px;
	text-align:center;
}


#side_info {
	width:215px;
	float:right;
	background-color:#fcfbfb;
}

.log_info, #log_info {
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:20px 0;
}

.log_info[data-login-check=no] {display:none;}
#log_info[data-login-check=yes] {display:block;}

.login_btn, .toroku_btn, .mypage_btn {
	display:block;
	width:120px;
	margin:5px auto;
	border:1px solid #ccc;
	text-align:left;
	line-height:1.8;
	padding:0 0 0 30px;
}

.login_btn {
	background-image:url(../../images/icon_login_btn.png);
	background-size:auto 15px;
	background-position:6px 5px;
	background-repeat:no-repeat;
}

.toroku_btn {
	background-image:url(../../images/icon_toroku_btn.png);
	background-size:auto 15px;
	background-position:6px 5px;
	background-repeat:no-repeat;
}

.mypage_btn {
	background-image:url(../../images/icon_mypage_btn.png);
	background-size:auto 15px;
	background-position:6px 5px;
	background-repeat:no-repeat;
}

.login_btn:hover, .toroku_btn:hover {
	color:inherit;
	text-decoration:none;
	opacity:0.7;
}

.side_log_msg {
	margin:10px auto 0;
	width:170px;
	padding:0;
}

.qr_img {
	margin:10px auto;
	display:block;
}

@media (max-width : 1024px) {
	.qr_img {display:none;}
}

/* サイド */
.side_nav {
	width:170px;
	float:left;
	background-color:#fcfbfb;
}

.side_nav_title {
	background-color:#98fb98;
	font-size:14px;
	font-weight:normal;
	line-height:2.1;
	padding:0 7px;
	margin:0;
}

.side_nav_subtitle {
	color:orange;
	font-size:12px;
	padding:0 7px;
	margin:5px 0;
}

.side_nav_list {
	padding:0;
	margin:0;
}

.side_nav_item {display:block;}

.side_nav_link {
	display:block;
	font-size:12px;
	line-height:2;
	padding:0 7px;
}

.side_nav_link:hover {background-color:#ccc;}

.side_nav_hr {
	border:none;
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
}

.side_genre {
	position:relative;
	padding:0;
	margin:0;
	z-index:0;
}

.side_genre_item {
	display:block;
	font-size:12px;
	position:relative;
}

.side_genre_cat {
	margin:0;
	z-index:3;
	position:relative;
}

.side_genre_cat_link {
	display:block;
	line-height:26px;
	text-indent:7px;
}

[data-cat-child=yes]:hover {
	text-decoration:none;
	border:1px solid #ccc;
	border-right:1px solid #fff;
	line-height:24px;
}

[data-cat-child=no]:hover {background-color:#ccc;}

.side_genre_contents {display:none;}

.side_genre_item:hover .side_genre_contents {
	display:block;
	position:absolute;
	left:169px;
	top:0;
	background-color:#fff;
	width:280px;
	height:370px;
	border:1px solid#ccc;
	padding:9px;
	box-shadow:5px 5px #ddd;
	z-index:2;
}

.side_genre_title {
	font-size:20px;
	color:orange;
	margin:0;
}

.side_genre_contents_list {
	padding:0;
	margin:0;
}

.side_genre_contents_item {
	text-indent:1em;
	display:block;
}

.side_genre_contents_link {
	display:block;
	font-size:12px;
	line-height:2;
	padding:0 7px;
}

.side_genre_contents_link:hover {background-color:#ccc;}

.side_list_footer {
	font-size:12px;
	text-align:right;
	padding:0 7px;
	margin:0 0 10px 0;
}

.icon_link::before {
	content:url(../../images/arrow_link.png);
	display:inline-block;
	margin-right:3px;
}


/* おすすめ一覧 */
.osusume_list {
	margin:10px 0;
	padding:0 20px;
}

[data-scroll] {
	position:relative;
	width:100%;
	overflow:hidden;
}

[data-scroll-prev] {
	position:absolute;
	display:flex;
	top:0;
	bottom:0;
	left:0;
	height:100%;
	width:20px;
	text-align:center;
	line-height:100%;
	font-size:18px;
	font-weight:bold;
	color:#999;
	align-items:center;
}

[data-scroll-prev]:hover {color:black;}

[data-scroll-next] {
	position:absolute;
	display:flex;
	top:0;
	bottom:0;
	right:0;
	height:100%;
	width:20px;
	text-align:center;
	line-height:100%;
	font-size:18px;
	font-weight:bold;
	color:#999;
	align-items:center;
}

[data-scroll-next]:hover {color:black;}

.osusume_item {
	width:15%;
	width:calc((100% - 30px) / 6);
/*	background:#ffffe0;*/
	border:2px solid #fff;
	position:relative;
	text-align:center;
	vertical-align:top;
	list-style-type:none;
	padding-bottom:10px;
	display:inline-block;
}

.osusume_item:nth-of-type(n + 7) {display:none;}

.osusume_item:hover {opacity:0.7;}

.osusume_icon_reserve { /* 予約 */
	display:block;
	position:absolute;
	bottom:1%;
	left:6%;
	width:50px;
}

.osusume_sold_out {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:auto;
	width:80%;
	left:0;
	right:0;
	display:block;
	z-index:2;
}

@media (max-width : 1220px) {
	.osusume_item {width:calc((100% - 25px) / 5);}
	.osusume_item:nth-of-type(6) {display:none;}
}

@media (max-width : 1090px) and (min-width : 1025px) {
	.osusume_item {width:calc((100% - 20px) / 4);}
	.osusume_item:nth-of-type(5) {display:none;}
}

@media (max-width : 960px) {
	.osusume_item {width:calc((100% - 20px) / 4);}
	.osusume_item:nth-of-type(5) {display:none;}
}

@media (max-width : 840px) {
	.osusume_item {width:calc((100% - 15px) / 3);}
	.osusume_item:nth-of-type(4) {display:none;}
}

@media (max-width : 690px) and (min-width : 513px) {
	.osusume_item {width:calc((100% - 10px) / 2);}
	.osusume_item:nth-of-type(3) {display:none;}
}

@media (max-width : 550px) and (min-width : 513px) {
	.osusume_item {width:calc((100% - 5px) / 1);}
	.osusume_item:nth-of-type(2) {display:none;}
}

@media (max-width : 480px) {
	.osusume_item {width:calc((100% - 10px) / 2);}
	.osusume_item:nth-of-type(3) {display:none;}
}

@media (max-width : 340px) {
	.osusume_item {width:calc((100% - 5px) / 1);}
	.osusume_item:nth-of-type(2) {display:none;}
}
.osusume_item[data-scroll-switch=on] {display:inline-block;}

.osusume_link:hover {text-decoration:none;}

.osusume_title {
	text-align:center;
	background:#f0f8ff;
/*	background:#f7de46;
	background:linear-gradient(#f0e68c, #ffd700);*/
	display:block;
	padding:2px 4px;
	margin:0;
}

.osusume_goods_no {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.osusume_goods_name {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.osusume_img {
	display:block;
	padding:0;
	position:relative;
	text-align:center;
	overflow:hidden;
}

.osusume_img_img {max-width:90%;}

.osusume_nedan {
	margin:0 auto;
	width:90%;
	text-align:right;
	display:block;
	padding:2px 4px;
}

/* 新着一覧 */
.newgoods_list {
	margin:10px 0;
	padding:0 20px;
}

.newgoods_item {
	width:15%;
	width:calc((100% - 25px) / 5);
/*	background:#ffffe0;*/
	border:2px solid #fff;
	position:relative;
	text-align:center;
	vertical-align:top;
	list-style-type:none;
	display:inline-block;
}

.newgoods_item:nth-of-type(n + 6) {margin-top:4px;}

.newgoods_item:hover {opacity:0.7;}

.newgoods_icon_reserve { /* 予約 */
	display:block;
	position:absolute;
	bottom:3px;
	left:3px;
	width:70px;
}

.newgoods_sold_out {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:auto;
	width:80%;
	left:0;
	right:0;
	display:block;
	z-index:2;
}

@media (max-width : 1090px) and (min-width : 1025px) {
	.newgoods_item {width:calc((100% - 20px) / 4);}
	.newgoods_item:nth-of-type(5) {margin-top:4px;}
}

@media (max-width : 960px) {
	.newgoods_item {width:calc((100% - 20px) / 4);}
	.newgoods_item:nth-of-type(5) {margin-top:4px;}
}

@media (max-width : 840px) {
	.newgoods_item {width:calc((100% - 15px) / 3);}
	.newgoods_item:nth-of-type(4) {margin-top:4px;}
}

@media (max-width : 690px) and (min-width : 513px) {
	.newgoods_item {width:calc((100% - 14px) / 2);}
	.newgoods_item:nth-of-type(3) {margin-top:4px;}
	.newgoods_item:nth-of-type(2n) {margin-left:4px;}
}

@media (max-width : 550px) and (min-width : 513px) {
	.newgoods_item {width:calc((100% - 5px) / 1);}
	.newgoods_item:nth-of-type(2) {margin-top:4px;}
	.newgoods_item:nth-of-type(2n) {margin-left:0;}
}

@media (max-width : 480px) {
	.newgoods_item {width:calc((100% - 14px) / 2);}
	.newgoods_item:nth-of-type(3) {margin-top:4px;}
	.newgoods_item:nth-of-type(2n) {margin-left:4px;}
}

@media (max-width : 340px) {
	.newgoods_item {width:calc((100% - 5px) / 1);}
	.newgoods_item:nth-of-type(2) {margin-top:4px;}
	.newgoods_item:nth-of-type(2n) {margin-left:0;}
}

.newgoods_link:hover {text-decoration:none;}

.newgoods_title {
	text-align:center;
	background:#e3c99f;
	background:linear-gradient(#f5deb3, #d2b48c);
	display:block;
	padding:2px 4px;
	margin:0;
}

.newgoods_goods_no {display:block;}

.newgoods_goods_name {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newgoods_img {
	display:block;
	padding:0;
	position:relative;
	text-align:center;
	overflow:hidden;
	position:relative;
}

.newgoods_img_img {
	max-width:100%;
}

.newgoods_img::before {
	position:absolute;
	display:block;
	background-color:transparent;
	background-image:url('../../images/list_new_icon.png');
	background-size:42px auto;
	background-repeat:no-repeat;
	background-position:right bottom;
	content:'';
	width:50px;
	height:40px;
	right:0;
	bottom:0;
}

.newgoods_nedan {
	margin:0 auto;
	width:90%;
	text-align:right;
	display:block;
	padding:2px 4px;
}


/* お知らせ */
.news_list {
	display:block;
	max-height:100px;
	margin:5px auto 20px;
	overflow-y:auto;
	padding:0;
	width:98%
}

.news_item {
	border-collapse:collapse;
	display:table;
	width:100%;
}

.news_link {
	display:table-row;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}

.news_time {
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:5px;
	width:80px;
}

.news_body {
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:5px;
}

@media (max-width : 513px) {
	.news_list {max-height:200px;}
}

/**/
.fb_box {
	display:block;
	text-align:center;
/*	min-height:500px;*/
	background:#f0f8ff;
/*	background:url(../../images/fb_bg.png) 0 0 repeat;*/
	padding:20px;
	margin:20px 0;
}

.fb_box_child, .tw_box {
	vertical-align:middle;
	display:inline-block;
	width:47%;
	margin:10px 1%;
}

.fb_box_child > *, .tw_box > * {
	vertical-align:middle;
}

@media only screen and (max-width : 900px) {
	.fb_box_child, .tw_box {
		width:90%;
	}
}

/* top_side_nav */
.top_side_nav_list {
	display:block;
	margin:10px 0;
	padding:0;
	border-top:1px solid #ccc;
	width:100%;
}

.top_side_nav_item {
	width:calc(100% - 2px);
	display:block;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:0;
	margin:0;
}

.top_side_nav_link {
	display:block;
	width:100%;
	font-size:12px;
	line-height:1.5;
	padding:10px 0;
	text-align:center;
	background-color:#eee;
}

.top_side_nav_link:hover {
	opacity:0.7;
}

[data-top-side-nav=pc] {display:block;}
[data-top-side-nav=sp] {display:none;}

@media (max-width : 513px) {
	[data-top-side-nav=pc] {display:none;}
	[data-top-side-nav=sp] {display:block;}
}